@brytdesigns/shopify-ajax-cart-components 3.3.3 → 3.4.0

package/dist/esm/index.js

@@ -1,883 +0,0 @@
-import { createWithElementContext, customShadowlessElement, correctElementType } from '@brytdesigns/web-component-core/utils';
-import { splitProps, createEffect, Show, createMemo, For, mapArray, on, onCleanup } from 'solid-js';
-import AjaxCart from '@brytdesigns/shopify-ajax-cart';
-import { createContext, provide, consume } from 'component-register';
-import { makeFullPropertyPathContext } from '@brytdesigns/web-component-core';
-import html2 from 'solid-js/html';
-import debounce from 'lodash.debounce';
-
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/components/cart-context.ts
-var cart_context_exports = {};
-__export(cart_context_exports, {
-  Component: () => Component,
-  Name: () => Name
-});
-var AjaxCartContext = createContext(() => () => AjaxCart.data);
-var provideAjaxCartContext = (element) => {
-  return provide(AjaxCartContext, {}, element);
-};
-var useAjaxCartContext = (context) => {
-  return context;
-};
-var useAjaxCart = (element) => {
-  const context = consume(AjaxCartContext, element);
-  if (!context) {
-    throw console.error(
-      "CartContext not found! Please ensure to wrap your custom element with cart-context element."
-    );
-  }
-  return useAjaxCartContext(context);
-};
-
-// src/utils/getValueFromPath.ts
-function getValueFromPath(obj, path) {
-  return path.split(".").reduce((acc, key) => {
-    if (acc === null || acc === void 0) return void 0;
-    const isArrayIndex = !isNaN(Number(key)) && key.trim() !== "";
-    if (Array.isArray(acc) && isArrayIndex) {
-      return acc[Number(key)];
-    }
-    return acc[key];
-  }, obj);
-}
-
-// src/utils/formatValue.ts
-function formatValue(format, value) {
-  switch (format) {
-    case "currency":
-      if (typeof value === "number") return window.Shopify.formatMoney(value);
-      if (typeof value === "string")
-        return window.Shopify.formatMoney(parseFloat(value));
-      console.warn("formatValue: Unsupported value type for currency format.");
-      return window.Shopify.formatMoney(0);
-    case "number":
-      return Number(value);
-    case "boolean":
-      return Boolean(value);
-    case "invert_boolean":
-      return !Boolean(value);
-    default:
-      return value;
-  }
-}
-
-// src/utils/getTemplateContent.ts
-function getTemplateContent(element, state) {
-  const tmpl = element.querySelector(
-    `template[${state}]`
-  );
-  if (!tmpl) return null;
-  return tmpl.content;
-}
-
-// src/utils/getTargetElement.ts
-function getTargetElement(rootElement, target) {
-  if (!target) return rootElement;
-  const t = rootElement.querySelector(target);
-  if (!t) {
-    console.error(`target element not found: ${target}`);
-    return null;
-  }
-  return t;
-}
-
-// src/utils/parseNestedObject.ts
-function parseNestedObject(data) {
-  const result = {};
-  for (const key in data) {
-    const value = data[key];
-    const parts = key.match(/(\w+|\[\d+\])/g);
-    if (!parts) continue;
-    let current = result;
-    for (let i = 0; i < parts.length; i++) {
-      let part = parts[i];
-      let nextPart = parts[i + 1];
-      if (!part) continue;
-      if (part.startsWith("[")) {
-        part = parseInt(part.slice(1, -1), 10);
-      }
-      if (i === parts.length - 1) {
-        current[part] = value;
-      } else {
-        if (typeof parts[i + 1] === "number" || nextPart && nextPart.startsWith("[")) {
-          current[part] = current[part] || [];
-        } else {
-          current[part] = current[part] || {};
-        }
-        current = current[part];
-      }
-    }
-  }
-  return result;
-}
-
-// src/utils/traverseObject.ts
-function traverseObject(obj, callback, path = []) {
-  if (typeof obj !== "object" || obj === null) return;
-  if (Array.isArray(obj)) {
-    obj.forEach((item, index) => {
-      traverseObject(item, callback, [...path, index.toString()]);
-    });
-  } else {
-    for (const key of Object.keys(obj)) {
-      const value = obj[key];
-      const currentPath = [...path, key];
-      traverseObject(value, callback, currentPath);
-    }
-  }
-}
-
-// src/components/cart-context.ts
-var Name = "cart-context";
-var Component = (props, { element }) => {
-  const cart = provideAjaxCartContext(element);
-  createEffect(() => {
-    if (!props.debug) return;
-    const c = cart();
-    traverseObject(c);
-    console.log(`${Name}:updated!`, c);
-  });
-};
-
-// src/components/cart-data.ts
-var cart_data_exports = {};
-__export(cart_data_exports, {
-  Component: () => Component2,
-  Name: () => Name2
-});
-function createListenerStatusContext(options) {
-  const [privateProps, publicProps] = splitProps(options, ["element"]);
-  function setStatus(status) {
-    const currentStatus = privateProps.element.getAttribute("status");
-    if (currentStatus === status) return;
-    privateProps.element.setAttribute("status", status);
-    return status;
-  }
-  return [() => publicProps.status, setStatus];
-}
-var ListenerStatusContext = createContext(createListenerStatusContext);
-var provideListenerStatusContext = (options) => {
-  return provide(ListenerStatusContext, options, options.element);
-};
-var useListenerStatusContext = (context) => {
-  return context;
-};
-var useListenerStatus = (element) => {
-  const context = consume(ListenerStatusContext, element);
-  if (!context) {
-    throw console.error(
-      "CartListenerContext not found! Please ensure to wrap your custom element with cart-data-listener element."
-    );
-  }
-  return useListenerStatusContext(context);
-};
-var withListenerElementStatus = createWithElementContext(ListenerStatusContext);
-
-// src/hooks/index.ts
-var hooks = makeFullPropertyPathContext();
-var useCartValue = (options) => {
-  const data = useAjaxCart(options.element);
-  return hooks.usePathValue({
-    ...options,
-    data
-  });
-};
-var useCartPath = hooks.usePath;
-var useCartFormattedValue = (options) => {
-  const data = useAjaxCart(options.element);
-  return hooks.useFormattedValue({
-    data,
-    get format() {
-      return options.format;
-    },
-    path: options.path
-  });
-};
-var provideCartPathContext = hooks.provide;
-var Name2 = "cart-data";
-var Component2 = (props, { element }) => {
-  if (!props.propertyName)
-    return console.warn(`${Name2}: No property-name attribute provided.`);
-  const fullPath = useCartPath({
-    element,
-    path: () => props.propertyName
-  });
-  const formattedValue = useCartFormattedValue({
-    get format() {
-      return props.format;
-    },
-    path: fullPath,
-    element
-  });
-  return html2`
-    <${Show} when=${() => formattedValue() !== null}> ${formattedValue} <//>
-  `;
-};
-
-// src/components/cart-data-conditions.ts
-var cart_data_conditions_exports = {};
-__export(cart_data_conditions_exports, {
-  Component: () => Component3,
-  Name: () => Name3
-});
-function getValue(data, value) {
-  if (typeof value === "undefined" || !data) return void 0;
-  if (value.type === "primitive") {
-    return value.value;
-  }
-  if (value.type === "property" && value.name) {
-    return getValueFromPath(data, value.name);
-  }
-  return null;
-}
-function invertResult(result, invert = false) {
-  if (invert) return !result;
-  return result;
-}
-function validateConditions(conditions, data) {
-  if (!data) return false;
-  const result = conditions.every((condition) => {
-    let valueA = getValue(data, condition.valueA), valueB = getValue(data, condition.valueB), result2 = false;
-    if (typeof valueA === "undefined" && typeof valueB === "undefined")
-      return false;
-    if (condition.type === "typeof") {
-      result2 = typeof valueA === valueB;
-    }
-    if (condition.type === "includes") {
-      result2 = formatValue(condition.format || "", valueA).includes(
-        formatValue(condition.format || "", valueB)
-      );
-    }
-    if (condition.type === "includes_property") {
-      result2 = valueA.some(
-        (v) => v[condition.valueA?.property_name || ""] === valueB
-      );
-    }
-    if (condition.type === "starts_with") {
-      result2 = formatValue("string", valueA).startsWith(
-        formatValue(condition.format || "", valueB)
-      );
-    }
-    if (condition.type === "equals") {
-      result2 = formatValue(condition.format || "", valueA) === formatValue(condition.format || "", valueB);
-    }
-    if (condition.type === "not_equals") {
-      result2 = formatValue(condition.format || "", valueA) !== formatValue(condition.format || "", valueB);
-    }
-    if (condition.type === "lt") {
-      result2 = formatValue(condition.format || "", valueA) < formatValue(condition.format || "", valueB);
-    }
-    if (condition.type === "lte") {
-      result2 = formatValue(condition.format || "", valueA) <= formatValue(condition.format || "", valueB);
-    }
-    if (condition.type === "gt") {
-      result2 = formatValue(condition.format || "", valueA) > formatValue(condition.format || "", valueB);
-    }
-    if (condition.type === "gte") {
-      result2 = formatValue(condition.format || "", valueA) >= formatValue(condition.format || "", valueB);
-    }
-    return invertResult(result2, condition.invert);
-  });
-  return result;
-}
-var Name3 = "cart-data-conditions";
-var Component3 = (_, { element }) => {
-  const conditionTemplates = Array.from(element.children).filter(
-    (child) => child.tagName === "TEMPLATE" && child.hasAttribute("conditions")
-  );
-  if (!conditionTemplates.length)
-    return console.error(
-      `${Name3}: no templates found with any conditions attribute!`
-    );
-  const allConditions = createMemo(
-    () => conditionTemplates.map((tmpl) => {
-      const conditions = tmpl.getAttribute("conditions");
-      if (!conditions)
-        console.warn(`${Name3}: conditions attribute is required!`);
-      try {
-        return JSON.parse(conditions);
-      } catch (e) {
-        return [];
-      }
-    })
-  );
-  const fullPath = useCartPath({ element });
-  const data = useCartValue({
-    path: fullPath,
-    element
-  });
-  element.replaceChildren(...[]);
-  return html2`
-    <${For} each=${() => conditionTemplates}>
-      ${(tmpl, idx) => {
-    const conditions = allConditions()[idx()];
-    return html2`
-          <${Show} when=${() => validateConditions(conditions, data())}>
-            ${() => Array.from(tmpl.content.cloneNode(true).childNodes)}
-          <//>
-        `;
-  }}
-    <//>
-  `;
-};
-
-// src/components/cart-data-array.ts
-var cart_data_array_exports = {};
-__export(cart_data_array_exports, {
-  Component: () => Component4,
-  Name: () => Name4
-});
-var Name4 = "cart-data-array";
-var Component4 = (props, { element }) => {
-  const itemTemplate = getTemplateContent(element, "item");
-  if (!itemTemplate)
-    return console.warn(
-      `${Name4}: No template found with a property of 'item'.`
-    );
-  if (!props.arrayPath) return console.warn(`${Name4}: No array path provided.`);
-  const mergedProps = {
-    element,
-    path: () => props.arrayPath
-  };
-  const fullPath = useCartPath(mergedProps);
-  provideCartPathContext({
-    element,
-    path: fullPath
-  });
-  const value = useCartValue({
-    element,
-    path: fullPath
-  });
-  const arrayValue = createMemo(() => {
-    const v = value();
-    if (!v) {
-      console.warn(`${Name4}: value is null or undefined at path ${fullPath()}`);
-      return null;
-    }
-    if (!Array.isArray(v)) {
-      console.warn(`${Name4}: value is not an array at path ${fullPath()}`);
-      return null;
-    }
-    if (props.reverse) {
-      return v.toReversed();
-    }
-    return v;
-  });
-  element.replaceChildren(...[]);
-  return html2`
-    <${Show} when=${() => arrayValue() && arrayValue().length > 0}>
-      <${For} each=${arrayValue}>
-        ${(_, idx) => html2`
-          <cart-data-array-item item-index=${() => `${idx()}`} class=${() => props.itemClass}>
-            ${() => Array.from(itemTemplate.cloneNode(true).childNodes)}
-          </cart-data-array-item>
-        `}
-      <//>
-    <//>
-  `;
-};
-
-// src/components/cart-data-array-injection.ts
-var cart_data_array_injection_exports = {};
-__export(cart_data_array_injection_exports, {
-  Component: () => Component5,
-  Name: () => Name5
-});
-var Name5 = "cart-data-array-injection";
-var Component5 = (props, { element }) => {
-  const itemTemplate = getTemplateContent(element, "item");
-  if (!itemTemplate)
-    return console.warn(
-      `${Name5}: No template found with a property of 'item'.`
-    );
-  if (!props.arrayPath) return console.warn(`${Name5}: No array path provided.`);
-  const mergedProps = {
-    element,
-    path: () => props.arrayPath
-  };
-  const fullPath = useCartPath(mergedProps);
-  provideCartPathContext({
-    element,
-    path: fullPath
-  });
-  const value = useCartValue({
-    path: fullPath,
-    element
-  });
-  const arrayValue = createMemo(() => {
-    const v = value();
-    if (!v) {
-      console.warn(`${Name5}: value is null or undefined at path ${fullPath()}`);
-      return null;
-    }
-    if (!Array.isArray(v)) {
-      console.warn(`${Name5}: value is not an array at path ${fullPath()}`);
-      return null;
-    }
-    if (props.reverse) {
-      return v.toReversed();
-    }
-    return v;
-  });
-  const children = createMemo(
-    mapArray(arrayValue, (_, idx) => {
-      const fragment = itemTemplate.cloneNode(true);
-      const container = fragment instanceof DocumentFragment ? fragment : null;
-      if (props.wrapInnerChild && container) {
-        const firstElement = container.firstElementChild;
-        if (!firstElement) return null;
-        const children2 = Array.from(firstElement.children);
-        const wrapper = html2`
-          <cart-data-array-item item-index=${() => `${idx()}`}>
-            ${() => Array.from(children2)}
-          </cart-data-array-item>
-        `;
-        firstElement.replaceChildren(
-          Array.isArray(wrapper) ? wrapper.at(0) : wrapper
-        );
-        return firstElement;
-      }
-    })
-  );
-  createEffect(
-    on(
-      () => {
-        const rootElement = element;
-        return {
-          target: getTargetElement(rootElement, props.target),
-          children: children()
-        };
-      },
-      ({ children: children2, target }) => {
-        if (!target) return;
-        const filteredChildren = children2.filter(
-          (v) => v !== null && v !== void 0
-        );
-        target.replaceChildren(...filteredChildren);
-      }
-    )
-  );
-};
-
-// src/components/cart-data-array-item.ts
-var cart_data_array_item_exports = {};
-__export(cart_data_array_item_exports, {
-  Component: () => Component6,
-  Name: () => Name6
-});
-var Name6 = "cart-data-array-item";
-var Component6 = (props, { element }) => {
-  if (!props.itemIndex)
-    return console.warn(`${Name6}: No path attribute provided.`);
-  const mergedProps = {
-    element,
-    path: () => props.itemIndex
-  };
-  const fullPath = useCartPath(mergedProps);
-  provideCartPathContext({
-    element,
-    path: fullPath
-  });
-};
-
-// src/components/cart-data-listener.ts
-var cart_data_listener_exports = {};
-__export(cart_data_listener_exports, {
-  Component: () => Component7,
-  Name: () => Name7
-});
-var Name7 = "cart-data-listener";
-var Component7 = (props, { element }) => {
-  const [_, setStatus] = provideListenerStatusContext({
-    element,
-    get status() {
-      return props.status;
-    }
-  });
-  const path = useCartPath({
-    element
-  });
-  const data = useCartValue({
-    element,
-    path
-  });
-  createEffect(
-    on(
-      () => ({
-        method: props.method,
-        on: props.on,
-        preventDefault: props.preventDefault,
-        data: data(),
-        debounceDelay: props.debounceDelay,
-        resetForm: props.resetForm,
-        resetStatusDelay: props.resetStatusDelay
-      }),
-      ({
-        method,
-        on: on5,
-        preventDefault,
-        data: data2,
-        debounceDelay,
-        resetForm,
-        resetStatusDelay
-      }) => {
-        if (!method)
-          return console.error(`${Name7}: method property is required!`);
-        if (!on5) return console.error(`${Name7}: on property is required!`);
-        let resetStatusId = null;
-        function onEvent(e) {
-          const cart = AjaxCart;
-          if (preventDefault) e.preventDefault();
-          async function handleStatus(promise) {
-            setStatus("loading");
-            return promise.then((data3) => {
-              setStatus("success");
-              return data3;
-            }).catch((error) => {
-              setStatus("error");
-              return error;
-            }).finally(() => {
-              if (resetStatusDelay > 0) {
-                resetStatusId = setTimeout(() => {
-                  setStatus("default");
-                  resetStatusId = null;
-                }, resetStatusDelay);
-              } else {
-                setStatus("default");
-              }
-            });
-          }
-          if (on5 === "submit") {
-            let reset2 = function() {
-              if (resetForm) form.reset();
-            };
-            const form = e.target;
-            const formData = new FormData(form);
-            const formObj = parseNestedObject(
-              //@ts-ignore
-              Object.fromEntries(formData.entries())
-            );
-            if (method === "replaceItem") {
-              return handleStatus(
-                cart.replaceItem({
-                  key: formObj.key,
-                  id: formObj.id
-                })
-              ).finally(reset2);
-            }
-            if (method === "updateItem") {
-              return handleStatus(
-                cart.updateItem({
-                  id: formObj.id,
-                  quantity: formObj?.quantity || void 0,
-                  properties: formObj?.properties || {},
-                  selling_plan: formObj?.selling_plan || void 0
-                })
-              ).finally(reset2);
-            }
-            if (method === "removeItem") {
-              return handleStatus(cart.removeItem(formObj.key)).finally(reset2);
-            }
-            if (method === "addDiscount") {
-              return handleStatus(cart.addDiscount(formObj.code)).finally(
-                reset2
-              );
-            }
-            if (method === "removeDiscount") {
-              return handleStatus(cart.removeDiscount(formObj.code)).finally(
-                reset2
-              );
-            }
-            if (method === "updateNote") {
-              return handleStatus(cart.updateNote(formObj.note)).finally(reset2);
-            }
-            return;
-          }
-          const input = e.target;
-          if (method === "removeItem") {
-            return handleStatus(cart.removeItem(data2.key));
-          }
-          if (method === "updateQuantity") {
-            return handleStatus(
-              cart.updateItem({
-                id: data2.key,
-                quantity: input.valueAsNumber
-              })
-            );
-          }
-          if (method === "updateItemVariant") {
-            return handleStatus(
-              cart.replaceItem({
-                key: data2.key,
-                id: input.value
-              })
-            );
-          }
-          if (method === "updateNote") {
-            return handleStatus(cart.updateNote(input.value));
-          }
-        }
-        const handleEvent = debounce(onEvent, debounceDelay), controller = new AbortController();
-        element.addEventListener(
-          on5,
-          (e) => {
-            if (preventDefault) e.preventDefault();
-            handleEvent(e);
-          },
-          { signal: controller.signal }
-        );
-        return onCleanup(() => {
-          controller.abort();
-          if (resetStatusId) clearTimeout(resetStatusId);
-        });
-      }
-    )
-  );
-};
-
-// src/components/cart-data-listener-status.ts
-var cart_data_listener_status_exports = {};
-__export(cart_data_listener_status_exports, {
-  Component: () => Component8,
-  Name: () => Name8
-});
-var Name8 = "cart-data-listener-status";
-var Component8 = (_, { element }) => {
-  const [status] = useListenerStatus(element);
-  if (!status) return console.error(`${Name8}: no listener context provided!`);
-  const templates = {
-    default: getTemplateContent(element, "default"),
-    loading: getTemplateContent(element, "loading"),
-    success: getTemplateContent(element, "success"),
-    error: getTemplateContent(element, "error")
-  };
-  let previousState = null;
-  const currentStatus = () => {
-    const s = status();
-    if (!templates[s]) return previousState;
-    previousState = s;
-    return s;
-  };
-  element.replaceChildren(...[]);
-  return createMemo(() => {
-    const state = currentStatus();
-    if (!state) return null;
-    const template = templates[state];
-    if (!template) return null;
-    return Array.from(template.cloneNode(true).childNodes);
-  });
-};
-
-// src/components/cart-data-injection.ts
-var cart_data_injection_exports = {};
-__export(cart_data_injection_exports, {
-  Component: () => Component9,
-  Name: () => Name9
-});
-var VALID_INJECTION_TYPES = ["attribute", "property", "template"];
-var Name9 = "cart-data-injection";
-var Component9 = (props, { element }) => {
-  if (!props.propertyName)
-    return console.warn(`${Name9}: No path attribute provided.`);
-  if (!props.target) return console.warn(`${Name9}: No target attribute found!`);
-  if (!props.attributeName)
-    return console.warn(`${Name9}: No attribute-name attribute found!`);
-  if (!props.injectionType || props.injectionType && !VALID_INJECTION_TYPES.includes(props.injectionType))
-    return console.warn(`${Name9}: Invalid injection-type attribute provided.`);
-  const mergedProps = {
-    element,
-    path: () => props.propertyName
-  };
-  const fullPath = useCartPath(mergedProps);
-  const value = useCartFormattedValue({
-    element,
-    path: fullPath,
-    get format() {
-      return props.format;
-    }
-  });
-  createEffect(
-    on(
-      () => {
-        return {
-          target: getTargetElement(element, props.target),
-          value: value(),
-          attributeName: props.attributeName,
-          injectionType: props.injectionType,
-          propertyName: props.propertyName
-        };
-      },
-      ({ target, value: value2, attributeName, injectionType, propertyName }) => {
-        if (!target)
-          return console.warn(
-            `${Name9}: Unable to find element with selector of: ${props.target}`
-          );
-        if (injectionType === "attribute" && value2 !== null && value2 !== void 0) {
-          target.setAttribute(attributeName, `${value2}`);
-          return;
-        }
-        if (injectionType === "property" && value2 !== null && value2 !== void 0) {
-          target[attributeName] = value2;
-          return;
-        }
-        if (injectionType === "template" && value2 !== null && value2 !== void 0) {
-          if (attributeName === "style") {
-            const styleTmpl = target[attributeName].cssText;
-            setTimeout(() => {
-              target[attributeName].cssText = styleTmpl.replace(
-                //@ts-ignore
-                `{${propertyName}}`,
-                value2
-              );
-            });
-            return onCleanup(() => {
-              target[attributeName].cssText = styleTmpl;
-            });
-          }
-          const tmpValue = target.getAttribute(attributeName);
-          if (!tmpValue || !value2)
-            return console.warn(
-              `${Name9}: Unable to inject value into template`
-            );
-          setTimeout(() => {
-            target.setAttribute(
-              attributeName,
-              tmpValue.replace(`{${propertyName}}`, `${value2}`)
-            );
-          });
-          return onCleanup(() => {
-            target.setAttribute(attributeName, tmpValue);
-          });
-        }
-      }
-    )
-  );
-};
-
-// src/components/cart-loading-state.ts
-var cart_loading_state_exports = {};
-__export(cart_loading_state_exports, {
-  Component: () => Component10,
-  Name: () => Name10
-});
-var Name10 = "cart-loading-state";
-var Component10 = (props, { element }) => {
-  const cart = AjaxCart;
-  const templates = {
-    pending: getTemplateContent(element, "pending"),
-    error: getTemplateContent(element, "error"),
-    success: getTemplateContent(element, "success")
-  };
-  let previousState = null;
-  const cartState = createMemo(() => {
-    const state = cart?.status;
-    if (!templates[state] || props.ignoredStates.includes(state))
-      return previousState;
-    previousState = state;
-    return state;
-  });
-  element.replaceChildren(...[]);
-  return html2`
-    <${Show} when=${() => cart}>
-      ${() => {
-    const state = cartState();
-    if (!state) return null;
-    if (!templates[state]) return null;
-    const children = Array.from(
-      templates[state].cloneNode(true).childNodes
-    );
-    return children;
-  }}
-    <//>
-  `;
-};
-
-// src/index.ts
-customShadowlessElement(
-  cart_context_exports.Name,
-  { debug: false },
-  correctElementType(cart_context_exports.Component)
-);
-customShadowlessElement(
-  cart_data_array_item_exports.Name,
-  { itemIndex: "0" },
-  correctElementType(cart_data_array_item_exports.Component)
-);
-customShadowlessElement(
-  cart_data_array_exports.Name,
-  {
-    format: "",
-    arrayPath: "items",
-    reverse: false,
-    itemClass: ""
-  },
-  correctElementType(cart_data_array_exports.Component)
-);
-customShadowlessElement(
-  cart_data_array_injection_exports.Name,
-  {
-    format: "",
-    arrayPath: "items",
-    target: "",
-    wrapInnerChild: true,
-    reverse: false
-  },
-  correctElementType(cart_data_array_injection_exports.Component)
-);
-customShadowlessElement(
-  cart_data_exports.Name,
-  {
-    format: "",
-    propertyName: "item_count"
-  },
-  correctElementType(cart_data_exports.Component)
-);
-customShadowlessElement(
-  cart_data_conditions_exports.Name,
-  {},
-  correctElementType(cart_data_conditions_exports.Component)
-);
-customShadowlessElement(
-  cart_data_injection_exports.Name,
-  {
-    propertyName: "item_count",
-    attributeName: "data-item-count",
-    injectionType: "attribute",
-    target: "",
-    format: ""
-  },
-  correctElementType(cart_data_injection_exports.Component)
-);
-customShadowlessElement(
-  cart_data_listener_exports.Name,
-  {
-    status: "default",
-    on: "submit",
-    method: "updateItem",
-    resetForm: true,
-    debounceDelay: 0,
-    resetStatusDelay: 0,
-    preventDefault: true
-  },
-  correctElementType(cart_data_listener_exports.Component)
-);
-customShadowlessElement(
-  cart_data_listener_status_exports.Name,
-  {},
-  correctElementType(cart_data_listener_status_exports.Component)
-);
-customShadowlessElement(
-  cart_loading_state_exports.Name,
-  { ignoredStates: [] },
-  correctElementType(cart_loading_state_exports.Component)
-);
-
-export { provideAjaxCartContext, provideCartPathContext, provideListenerStatusContext, useAjaxCart, useAjaxCartContext, useCartFormattedValue, useCartPath, useCartValue, useListenerStatus, useListenerStatusContext, withListenerElementStatus };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map