@brytdesigns/shopify-ajax-cart-components 1.3.14 → 3.0.0

package/dist/main/components/cart-context.js

@@ -1,18 +1,22 @@
-import { createEffect } from 'solid-js';
-import { provideAjaxCartContext } from '../hooks/useAjaxCart.js';
-import { traverseObject } from '../utils/index.js';
-
-const Name = "cart-context";
-const Component = (props, { element }) => {
-  const cart = provideAjaxCartContext(element);
-  createEffect(() => {
-    if (!props.debug) return;
-    const c = cart();
-    traverseObject(c);
-    console.log(`${Name}:updated!`, c);
-  });
+import { provideAjaxCartContext } from "../hooks/useAjaxCart.js";
+import { traverseObject } from "../utils/traverseObject.js";
+import { createGuardedEffect } from "@brytdesigns/web-component-core/utils";
+import { untrack } from "solid-js";
+//#region src/components/cart-context.ts
+var Name = "cart-context";
+var Component = (props, { element }) => {
+	const debug = untrack(() => props.debug);
+	const cart = provideAjaxCartContext(element);
+	createGuardedEffect(() => ({
+		debug,
+		cart: cart()
+	}), ({ debug, cart: c }) => {
+		if (!debug) return;
+		traverseObject(c);
+		console.log(`${Name}:updated!`, c);
+	});
 };
-
+//#endregion
 export { Component, Name };
-//# sourceMappingURL=cart-context.js.map
+
 //# sourceMappingURL=cart-context.js.map

package/dist/main/components/cart-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/cart-context.ts"],"names":[],"mappings":";;;;AAUO,MAAM,IAAO,GAAA;AAEb,MAAM,SAAyC,GAAA,CAAC,KAAO,EAAA,EAAE,SAAc,KAAA;AAC5E,EAAM,MAAA,IAAA,GAAO,uBAAuB,OAAO,CAAA;AAE3C,EAAA,YAAA,CAAa,MAAM;AACjB,IAAI,IAAA,CAAC,MAAM,KAAO,EAAA;AAClB,IAAA,MAAM,IAAI,IAAK,EAAA;AAEf,IAAA,cAAA,CAAe,CAAC,CAAA;AAChB,IAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,EAAG,IAAI,CAAA,SAAA,CAAA,EAAa,CAAC,CAAA;AAAA,GAClC,CAAA;AACH","file":"cart-context.js","sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\n\nimport { createEffect, on } from \"solid-js\";\nimport { provideAjaxCartContext } from \"../hooks/useAjaxCart.js\";\nimport { traverseObject } from \"../utils/index.js\";\n\nexport type Props = {\n  debug?: boolean;\n};\n\nexport const Name = \"cart-context\";\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  const cart = provideAjaxCartContext(element);\n\n  createEffect(() => {\n    if (!props.debug) return;\n    const c = cart();\n    // This will listen to every change within the cart object.\n    traverseObject(c);\n    console.log(`${Name}:updated!`, c);\n  });\n};\n"]}
+{"version":3,"file":"cart-context.js","names":[],"sources":["../../../src/components/cart-context.ts"],"sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\nimport { createGuardedEffect } from \"@brytdesigns/web-component-core/utils\";\n\nimport { untrack } from \"solid-js\";\nimport { provideAjaxCartContext } from \"../hooks/useAjaxCart.js\";\nimport { traverseObject } from \"../utils/index.js\";\n\nexport type Props = {\n\tdebug?: boolean;\n};\n\nexport const Name = \"cart-context\";\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n\t// `debug` is a mount-time switch; snapshot it rather than tracking.\n\tconst debug = untrack(() => props.debug);\n\tconst cart = provideAjaxCartContext(element);\n\n\tcreateGuardedEffect(\n\t\t() => ({ debug: debug, cart: cart() }),\n\t\t({ debug, cart: c }) => {\n\t\t\tif (!debug) return;\n\t\t\t// This will listen to every change within the cart object.\n\t\t\ttraverseObject(c);\n\t\t\tconsole.log(`${Name}:updated!`, c);\n\t\t},\n\t);\n};\n"],"mappings":";;;;;AAWA,IAAa,OAAO;AAEpB,IAAa,aAA0C,OAAO,EAAE,cAAc;CAE7E,MAAM,QAAQ,cAAc,MAAM,KAAK;CACvC,MAAM,OAAO,uBAAuB,OAAO;CAE3C,2BACQ;EAAS;EAAO,MAAM,KAAK;CAAE,KACnC,EAAE,OAAO,MAAM,QAAQ;EACvB,IAAI,CAAC,OAAO;EAEZ,eAAe,CAAC;EAChB,QAAQ,IAAI,GAAG,KAAK,YAAY,CAAC;CAClC,CACD;AACD"}

package/dist/main/components/cart-data-array-injection.js

@@ -1,84 +1,73 @@
-import { getTemplateContent, getTargetElement } from '../utils/index.js';
-import { createMemo, mapArray, createEffect, on } from 'solid-js';
-import { useCartPath, provideCartPathContext, useCartValue } from '../hooks/index.js';
-import html from 'solid-js/html';
-
-const Name = "cart-data-array-injection";
-const Component = (props, { element }) => {
-  const itemTemplate = getTemplateContent(element, "item");
-  if (!itemTemplate)
-    return console.warn(
-      `${Name}: No template found with a property of 'item'.`
-    );
-  if (!props.arrayPath) return console.warn(`${Name}: 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(`${Name}: value is null or undefined at path ${fullPath()}`);
-      return null;
-    }
-    if (!Array.isArray(v)) {
-      console.warn(`${Name}: 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 = html`
-          <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);
-      }
-    )
-  );
+import { getTargetElement } from "../utils/getTargetElement.js";
+import { getTemplateContent } from "../utils/getTemplateContent.js";
+import { provideCartPathContext, useCartPath, useCartValue } from "../hooks/index.js";
+import { createGuardedEffect } from "@brytdesigns/web-component-core/utils";
+import { createMemo, mapArray, untrack } from "solid-js";
+import { effect, getOwner, insert, setAttribute, template } from "@solidjs/web";
+//#region src/components/cart-data-array-injection.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<cart-data-array-item>`, 1);
+var Name = "cart-data-array-injection";
+var Component = (props, { element }) => {
+	const itemTemplate = getTemplateContent(element, "item");
+	if (!itemTemplate) return console.warn(`${Name}: No template found with a property of 'item'.`);
+	if (untrack(() => !props.arrayPath)) return console.warn(`${Name}: No array path provided.`);
+	const fullPath = useCartPath({
+		element,
+		path: () => props.arrayPath
+	});
+	provideCartPathContext({
+		element,
+		path: fullPath
+	});
+	const value = useCartValue({
+		path: fullPath,
+		element
+	});
+	const arrayValue = createMemo(() => {
+		const v = value();
+		if (!v) {
+			console.warn(`${Name}: value is null or undefined at path ${fullPath()}`);
+			return null;
+		}
+		if (!Array.isArray(v)) {
+			console.warn(`${Name}: 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 children = Array.from(firstElement.children);
+			var _el$ = _tmpl$();
+			_el$._$owner = getOwner();
+			insert(_el$, () => {
+				return Array.from(children);
+			});
+			effect(() => `${idx()}`, (_v$) => {
+				setAttribute(_el$, "item-index", _v$);
+			});
+			const wrapper = _el$;
+			firstElement.replaceChildren(Array.isArray(wrapper) ? wrapper.at(0) : wrapper);
+			return firstElement;
+		}
+	}));
+	createGuardedEffect(() => {
+		return {
+			target: getTargetElement(element, props.target),
+			children: children()
+		};
+	}, ({ children, target }) => {
+		if (!target) return;
+		const filteredChildren = children.filter((v) => v !== null && v !== void 0);
+		target.replaceChildren(...filteredChildren);
+	});
 };
-
+//#endregion
 export { Component, Name };
-//# sourceMappingURL=cart-data-array-injection.js.map
+
 //# sourceMappingURL=cart-data-array-injection.js.map

package/dist/main/components/cart-data-array-injection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/cart-data-array-injection.ts"],"names":["children"],"mappings":"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","file":"cart-data-array-injection.js","sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\nimport { getTemplateContent, type Format } from \"../utils/index.js\";\n\nimport { createEffect, on, createMemo, mapArray } from \"solid-js\";\n\nimport {\n  type CartPath,\n  useCartPath,\n  useCartValue,\n  provideCartPathContext,\n} from \"../hooks/index.js\";\n\nimport { getTargetElement } from \"../utils/index.js\";\n\nimport html from \"solid-js/html\";\n\nexport type Props = {\n  arrayPath: CartPath;\n  wrapInnerChild: boolean;\n  target: string;\n  format?: Format;\n  reverse?: boolean;\n};\n\nexport const Name = \"cart-data-array-injection\";\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  const itemTemplate = getTemplateContent(element, \"item\");\n  if (!itemTemplate)\n    return console.warn(\n      `${Name}: No template found with a property of 'item'.`,\n    );\n  if (!props.arrayPath) return console.warn(`${Name}: No array path provided.`);\n  const mergedProps = {\n    element,\n    path: () => props.arrayPath,\n  };\n  const fullPath = useCartPath(mergedProps);\n  provideCartPathContext({\n    element,\n    path: fullPath,\n  });\n\n  const value = useCartValue({\n    path: fullPath,\n    element,\n  });\n\n  const arrayValue = createMemo(() => {\n    const v = value();\n\n    if (!v) {\n      console.warn(`${Name}: value is null or undefined at path ${fullPath()}`);\n      return null;\n    }\n\n    if (!Array.isArray(v)) {\n      console.warn(`${Name}: value is not an array at path ${fullPath()}`);\n      return null;\n    }\n\n    if (props.reverse) {\n      return v.toReversed();\n    }\n\n    return v;\n  });\n\n  const children = createMemo(\n    mapArray(arrayValue, (_, idx) => {\n      const fragment = itemTemplate.cloneNode(true);\n      const container = fragment instanceof DocumentFragment ? fragment : null;\n      if (props.wrapInnerChild && container) {\n        const firstElement = container.firstElementChild;\n        if (!firstElement) return null;\n        const children = Array.from(firstElement.children);\n\n        const wrapper = html`\n          <cart-data-array-item item-index=${() => `${idx()}`}>\n            ${() => Array.from(children)}\n          </cart-data-array-item>\n        `;\n        firstElement.replaceChildren(\n          Array.isArray(wrapper) ? wrapper.at(0)! : wrapper,\n        );\n\n        return firstElement;\n      }\n    }),\n  );\n\n  createEffect(\n    on(\n      () => {\n        const rootElement = element;\n        return {\n          target: getTargetElement(rootElement, props.target),\n          children: children(),\n        };\n      },\n      ({ children, target }) => {\n        if (!target) return;\n        const filteredChildren = children.filter(\n          (v) => v !== null && v !== undefined,\n        );\n        target.replaceChildren(...filteredChildren);\n      },\n    ),\n  );\n};\n"]}
+{"version":3,"file":"cart-data-array-injection.js","names":["<cart-data-array-item item-index={`${idx()}`}>\n\t\t\t\t\t\t{Array.from(children)}\n\t\t\t\t\t</cart-data-array-item>"],"sources":["../../../src/components/cart-data-array-injection.tsx"],"sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\nimport { createGuardedEffect } from \"@brytdesigns/web-component-core/utils\";\nimport { createMemo, mapArray, untrack } from \"solid-js\";\n\nimport {\n\ttype CartPath,\n\tprovideCartPathContext,\n\tuseCartPath,\n\tuseCartValue,\n} from \"../hooks/index.js\";\nimport {\n\ttype Format,\n\tgetTargetElement,\n\tgetTemplateContent,\n} from \"../utils/index.js\";\n\nexport type Props = {\n\tarrayPath: CartPath;\n\twrapInnerChild: boolean;\n\ttarget: string;\n\tformat?: Format;\n\treverse?: boolean;\n};\n\nexport const Name = \"cart-data-array-injection\";\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n\tconst itemTemplate = getTemplateContent(element, \"item\");\n\tif (!itemTemplate)\n\t\treturn console.warn(\n\t\t\t`${Name}: No template found with a property of 'item'.`,\n\t\t);\n\tif (untrack(() => !props.arrayPath))\n\t\treturn console.warn(`${Name}: No array path provided.`);\n\tconst mergedProps = {\n\t\telement,\n\t\tpath: () => props.arrayPath,\n\t};\n\tconst fullPath = useCartPath(mergedProps);\n\tprovideCartPathContext({\n\t\telement,\n\t\tpath: fullPath,\n\t});\n\n\tconst value = useCartValue({\n\t\tpath: fullPath,\n\t\telement,\n\t});\n\n\tconst arrayValue = createMemo(() => {\n\t\tconst v = value();\n\n\t\tif (!v) {\n\t\t\tconsole.warn(`${Name}: value is null or undefined at path ${fullPath()}`);\n\t\t\treturn null;\n\t\t}\n\n\t\tif (!Array.isArray(v)) {\n\t\t\tconsole.warn(`${Name}: value is not an array at path ${fullPath()}`);\n\t\t\treturn null;\n\t\t}\n\n\t\tif (props.reverse) {\n\t\t\treturn v.toReversed();\n\t\t}\n\n\t\treturn v;\n\t});\n\n\tconst children = createMemo(\n\t\tmapArray(arrayValue, (_, idx) => {\n\t\t\tconst fragment = itemTemplate.cloneNode(true);\n\t\t\tconst container = fragment instanceof DocumentFragment ? fragment : null;\n\t\t\tif (props.wrapInnerChild && container) {\n\t\t\t\tconst firstElement = container.firstElementChild;\n\t\t\t\tif (!firstElement) return null;\n\t\t\t\tconst children = Array.from(firstElement.children);\n\n\t\t\t\tconst wrapper = (\n\t\t\t\t\t<cart-data-array-item item-index={`${idx()}`}>\n\t\t\t\t\t\t{Array.from(children)}\n\t\t\t\t\t</cart-data-array-item>\n\t\t\t\t);\n\t\t\t\tfirstElement.replaceChildren(\n\t\t\t\t\t(Array.isArray(wrapper) ? wrapper.at(0) : wrapper) as Node,\n\t\t\t\t);\n\n\t\t\t\treturn firstElement;\n\t\t\t}\n\t\t}),\n\t);\n\n\tcreateGuardedEffect(\n\t\t() => {\n\t\t\tconst rootElement = element;\n\t\t\treturn {\n\t\t\t\ttarget: getTargetElement(rootElement, props.target),\n\t\t\t\tchildren: children(),\n\t\t\t};\n\t\t},\n\t\t({ children, target }) => {\n\t\t\tif (!target) return;\n\t\t\tconst filteredChildren = children.filter(\n\t\t\t\t(v) => v !== null && v !== undefined,\n\t\t\t);\n\t\t\ttarget.replaceChildren(...filteredChildren);\n\t\t},\n\t);\n};\n"],"mappings":";;;;;;;;AAwBA,IAAa,OAAO;AAEpB,IAAa,aAA0C,OAAO,EAAE,cAAc;CAC7E,MAAM,eAAe,mBAAmB,SAAS,MAAM;CACvD,IAAI,CAAC,cACJ,OAAO,QAAQ,KACd,GAAG,KAAK,+CACT;CACD,IAAI,cAAc,CAAC,MAAM,SAAS,GACjC,OAAO,QAAQ,KAAK,GAAG,KAAK,0BAA0B;CAKvD,MAAM,WAAW,YAAY;EAH5B;EACA,YAAY,MAAM;CAEU,CAAW;CACxC,uBAAuB;EACtB;EACA,MAAM;CACP,CAAC;CAED,MAAM,QAAQ,aAAa;EAC1B,MAAM;EACN;CACD,CAAC;CAED,MAAM,aAAa,iBAAiB;EACnC,MAAM,IAAI,MAAM;EAEhB,IAAI,CAAC,GAAG;GACP,QAAQ,KAAK,GAAG,KAAK,uCAAuC,SAAS,GAAG;GACxE,OAAO;EACR;EAEA,IAAI,CAAC,MAAM,QAAQ,CAAC,GAAG;GACtB,QAAQ,KAAK,GAAG,KAAK,kCAAkC,SAAS,GAAG;GACnE,OAAO;EACR;EAEA,IAAI,MAAM,SACT,OAAO,EAAE,WAAW;EAGrB,OAAO;CACR,CAAC;CAED,MAAM,WAAW,WAChB,SAAS,aAAa,GAAG,QAAQ;EAChC,MAAM,WAAW,aAAa,UAAU,IAAI;EAC5C,MAAM,YAAY,oBAAoB,mBAAmB,WAAW;EACpE,IAAI,MAAM,kBAAkB,WAAW;GACtC,MAAM,eAAe,UAAU;GAC/B,IAAI,CAAC,cAAc,OAAO;GAC1B,MAAM,WAAW,MAAM,KAAK,aAAa,QAAQ;GAGhD,IAAA,OAAA,OAEsB;GAFtB,KAAA,UAAA,SAEsB;GAFtB,OAAA,YACC;IAAC,OAAA,MAAM,KAAK,QAAQ;GAAC,CACA;GAFA,aAAY,GAAG,IAAI,MAAnB,QAAA;IAAsB,aAAA,MAAA,cAAA,GAAA;;GAD7C,MAAM,UACLA;GAID,aAAa,gBACX,MAAM,QAAQ,OAAO,IAAI,QAAQ,GAAG,CAAC,IAAI,OAC3C;GAEA,OAAO;EACR;CACD,CAAC,CACF;CAEA,0BACO;EAEL,OAAO;GACN,QAAQ,iBAAiB,SAAa,MAAM,MAAM;GAClD,UAAU,SAAS;EACpB;CACD,IACC,EAAE,UAAU,aAAa;EACzB,IAAI,CAAC,QAAQ;EACb,MAAM,mBAAmB,SAAS,QAChC,MAAM,MAAM,QAAQ,MAAM,KAAA,CAC5B;EACA,OAAO,gBAAgB,GAAG,gBAAgB;CAC3C,CACD;AACD"}

package/dist/main/components/cart-data-array-item.js

@@ -1,20 +1,19 @@
-import { useCartPath, provideCartPathContext } from '../hooks/index.js';
-
-const Name = "cart-data-array-item";
-const Component = (props, { element }) => {
-  if (!props.itemIndex)
-    return console.warn(`${Name}: No path attribute provided.`);
-  const mergedProps = {
-    element,
-    path: () => props.itemIndex
-  };
-  const fullPath = useCartPath(mergedProps);
-  provideCartPathContext({
-    element,
-    path: fullPath
-  });
+import { provideCartPathContext, useCartPath } from "../hooks/index.js";
+import { untrack } from "solid-js";
+//#region src/components/cart-data-array-item.ts
+var Name = "cart-data-array-item";
+var Component = (props, { element }) => {
+	if (untrack(() => !props.itemIndex)) return console.warn(`${Name}: No path attribute provided.`);
+	const fullPath = useCartPath({
+		element,
+		path: () => props.itemIndex
+	});
+	provideCartPathContext({
+		element,
+		path: fullPath
+	});
 };
-
+//#endregion
 export { Component, Name };
-//# sourceMappingURL=cart-data-array-item.js.map
+
 //# sourceMappingURL=cart-data-array-item.js.map

package/dist/main/components/cart-data-array-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/cart-data-array-item.ts"],"names":[],"mappings":";;AAYO,MAAM,IAAO,GAAA;AAEb,MAAM,SAAyC,GAAA,CAAC,KAAO,EAAA,EAAE,SAAc,KAAA;AAC7E,EAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AACV,IAAA,OAAO,OAAQ,CAAA,IAAA,CAAK,CAAG,EAAA,IAAI,CAA+B,6BAAA,CAAA,CAAA;AAE3D,EAAA,MAAM,WAAc,GAAA;AAAA,IACnB,OAAA;AAAA,IACA,IAAA,EAAM,MAAM,KAAM,CAAA;AAAA,GACnB;AAEA,EAAM,MAAA,QAAA,GAAW,YAAY,WAAkB,CAAA;AAC/C,EAAuB,sBAAA,CAAA;AAAA,IACtB,OAAA;AAAA,IACA,IAAM,EAAA;AAAA,GACN,CAAA;AACF","file":"cart-data-array-item.js","sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\n\nimport {\n\tprovideCartPathContext,\n\tuseCartPath,\n\ttype CartPath,\n} from \"../hooks/index.js\";\n\nexport type Props = {\n\titemIndex: string;\n};\n\nexport const Name = \"cart-data-array-item\";\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n\tif (!props.itemIndex)\n\t\treturn console.warn(`${Name}: No path attribute provided.`);\n\n\tconst mergedProps = {\n\t\telement,\n\t\tpath: () => props.itemIndex,\n\t};\n\n\tconst fullPath = useCartPath(mergedProps as any);\n\tprovideCartPathContext({\n\t\telement,\n\t\tpath: fullPath,\n\t});\n};\n"]}
+{"version":3,"file":"cart-data-array-item.js","names":[],"sources":["../../../src/components/cart-data-array-item.ts"],"sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\nimport { untrack } from \"solid-js\";\n\nimport {\n\ttype CartPath,\n\tprovideCartPathContext,\n\tuseCartPath,\n} from \"../hooks/index.js\";\n\nexport type Props = {\n\titemIndex: string;\n};\n\nexport const Name = \"cart-data-array-item\";\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n\tif (untrack(() => !props.itemIndex))\n\t\treturn console.warn(`${Name}: No path attribute provided.`);\n\n\tconst mergedProps = {\n\t\telement,\n\t\tpath: () => props.itemIndex,\n\t};\n\n\tconst fullPath = useCartPath(mergedProps as any);\n\tprovideCartPathContext({\n\t\telement,\n\t\tpath: fullPath,\n\t});\n};\n"],"mappings":";;;AAaA,IAAa,OAAO;AAEpB,IAAa,aAA0C,OAAO,EAAE,cAAc;CAC7E,IAAI,cAAc,CAAC,MAAM,SAAS,GACjC,OAAO,QAAQ,KAAK,GAAG,KAAK,8BAA8B;CAO3D,MAAM,WAAW,YAAY;EAJ5B;EACA,YAAY,MAAM;CAGU,CAAkB;CAC/C,uBAAuB;EACtB;EACA,MAAM;CACP,CAAC;AACF"}

package/dist/main/components/cart-data-array.js

@@ -1,58 +1,67 @@
-import { getTemplateContent } from '../utils/index.js';
-import { createMemo, Show, For } from 'solid-js';
-import { useCartPath, provideCartPathContext, useCartValue } from '../hooks/index.js';
-import html from 'solid-js/html';
-
-const Name = "cart-data-array";
-const Component = (props, { element }) => {
-  const itemTemplate = getTemplateContent(element, "item");
-  if (!itemTemplate)
-    return console.warn(
-      `${Name}: No template found with a property of 'item'.`
-    );
-  if (!props.arrayPath) return console.warn(`${Name}: 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(`${Name}: value is null or undefined at path ${fullPath()}`);
-      return null;
-    }
-    if (!Array.isArray(v)) {
-      console.warn(`${Name}: value is not an array at path ${fullPath()}`);
-      return null;
-    }
-    if (props.reverse) {
-      return v.toReversed();
-    }
-    return v;
-  });
-  element.replaceChildren(...[]);
-  return html`
-    <${Show} when=${() => arrayValue() && arrayValue().length > 0}>
-      <${For} each=${arrayValue}>
-        ${(_, idx) => html`
-          <cart-data-array-item item-index=${() => `${idx()}`} class=${() => props.itemClass}>
-            ${() => Array.from(itemTemplate.cloneNode(true).childNodes)}
-          </cart-data-array-item>
-        `}
-      <//>
-    <//>
-  `;
+import { getTemplateContent } from "../utils/getTemplateContent.js";
+import { provideCartPathContext, useCartPath, useCartValue } from "../hooks/index.js";
+import { createMemo, untrack } from "solid-js";
+import { For, Show, className, createComponent, effect, getOwner, insert, readShallow, setAttribute, template } from "@solidjs/web";
+//#region src/components/cart-data-array.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<cart-data-array-item>`, 1);
+var Name = "cart-data-array";
+var Component = (props, { element }) => {
+	const itemTemplate = getTemplateContent(element, "item");
+	if (!itemTemplate) return console.warn(`${Name}: No template found with a property of 'item'.`);
+	if (untrack(() => !props.arrayPath)) return console.warn(`${Name}: No array path provided.`);
+	const fullPath = useCartPath({
+		element,
+		path: () => props.arrayPath
+	});
+	provideCartPathContext({
+		element,
+		path: fullPath
+	});
+	const value = useCartValue({
+		element,
+		path: fullPath
+	});
+	const arrayValue = createMemo(() => {
+		const v = value();
+		if (!v) {
+			console.warn(`${Name}: value is null or undefined at path ${fullPath()}`);
+			return null;
+		}
+		if (!Array.isArray(v)) {
+			console.warn(`${Name}: value is not an array at path ${fullPath()}`);
+			return null;
+		}
+		if (props.reverse) return v.toReversed();
+		return v;
+	});
+	element.replaceChildren(...[]);
+	return createComponent(Show, {
+		get when() {
+			return (arrayValue()?.length ?? 0) > 0;
+		},
+		get children() {
+			return createComponent(For, {
+				get each() {
+					return arrayValue() ?? [];
+				},
+				keyed: false,
+				children: (_, idx) => (() => {
+					var _el$ = _tmpl$();
+					setAttribute(_el$, "item-index", `${idx}`);
+					_el$._$owner = getOwner();
+					insert(_el$, () => {
+						return Array.from(itemTemplate.cloneNode(true).childNodes);
+					});
+					effect(() => readShallow(props.itemClass), (_v$, _$p) => {
+						className(_el$, _v$, _$p);
+					});
+					return _el$;
+				})()
+			});
+		}
+	});
 };
-
+//#endregion
 export { Component, Name };
-//# sourceMappingURL=cart-data-array.js.map
+
 //# sourceMappingURL=cart-data-array.js.map

package/dist/main/components/cart-data-array.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/cart-data-array.ts"],"names":[],"mappings":";;;;;AAoBO,MAAM,IAAO,GAAA;AAEb,MAAM,SAAyC,GAAA,CAAC,KAAO,EAAA,EAAE,SAAc,KAAA;AAC7E,EAAM,MAAA,YAAA,GAAe,kBAAmB,CAAA,OAAA,EAAS,MAAM,CAAA;AACvD,EAAA,IAAI,CAAC,YAAA;AACJ,IAAA,OAAO,OAAQ,CAAA,IAAA;AAAA,MACd,GAAG,IAAI,CAAA,8CAAA;AAAA,KACR;AACD,EAAI,IAAA,CAAC,MAAM,SAAW,EAAA,OAAO,QAAQ,IAAK,CAAA,CAAA,EAAG,IAAI,CAA2B,yBAAA,CAAA,CAAA;AAC5E,EAAA,MAAM,WAAc,GAAA;AAAA,IACnB,OAAA;AAAA,IACA,IAAA,EAAM,MAAM,KAAM,CAAA;AAAA,GACnB;AACA,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAuB,sBAAA,CAAA;AAAA,IACtB,OAAA;AAAA,IACA,IAAM,EAAA;AAAA,GACN,CAAA;AAED,EAAA,MAAM,QAAQ,YAAa,CAAA;AAAA,IAC1B,OAAA;AAAA,IACA,IAAM,EAAA;AAAA,GACN,CAAA;AAED,EAAM,MAAA,UAAA,GAAa,WAAW,MAAM;AACnC,IAAA,MAAM,IAAI,KAAM,EAAA;AAEhB,IAAA,IAAI,CAAC,CAAG,EAAA;AACP,MAAA,OAAA,CAAQ,KAAK,CAAG,EAAA,IAAI,CAAwC,qCAAA,EAAA,QAAA,EAAU,CAAE,CAAA,CAAA;AACxE,MAAO,OAAA,IAAA;AAAA;AAGR,IAAA,IAAI,CAAC,KAAA,CAAM,OAAQ,CAAA,CAAC,CAAG,EAAA;AACtB,MAAA,OAAA,CAAQ,KAAK,CAAG,EAAA,IAAI,CAAmC,gCAAA,EAAA,QAAA,EAAU,CAAE,CAAA,CAAA;AACnE,MAAO,OAAA,IAAA;AAAA;AAGR,IAAA,IAAI,MAAM,OAAS,EAAA;AAClB,MAAA,OAAO,EAAE,UAAW,EAAA;AAAA;AAGrB,IAAO,OAAA,CAAA;AAAA,GACP,CAAA;AAED,EAAQ,OAAA,CAAA,eAAA,CAAgB,GAAG,EAAE,CAAA;AAE7B,EAAO,OAAA,IAAA;AAAA,KACD,EAAA,IAAI,SAAS,MAAM,UAAA,MAAgB,UAAW,EAAA,CAAG,SAAS,CAAC,CAAA;AAAA,OACzD,EAAA,GAAG,SAAS,UAAU,CAAA;AAAA,QACrB,EAAA,CAAC,GAAQ,GAA0B,KAAA,IAAA;AAAA,2CACA,EAAA,MAAM,GAAG,GAAI,EAAC,EAAE,CAAU,OAAA,EAAA,MAAM,MAAM,SAAS,CAAA;AAAA,YAC9E,EAAA,MAAM,MAAM,IAAK,CAAA,YAAA,CAAa,UAAU,IAAI,CAAA,CAAE,UAAU,CAAC;AAAA;AAAA,QAE9D,CAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAIT","file":"cart-data-array.js","sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\nimport { getTemplateContent, type Format } from \"../utils/index.js\";\n\nimport { Show, For, type Accessor, createMemo } from \"solid-js\";\n\nimport {\n\ttype CartPath,\n\tuseCartPath,\n\tuseCartValue,\n\tprovideCartPathContext,\n} from \"../hooks/index.js\";\nimport html from \"solid-js/html\";\n\nexport type Props = {\n\tarrayPath: CartPath;\n\tformat?: Format;\n\treverse?: boolean;\n\titemClass?: string;\n};\n\nexport const Name = \"cart-data-array\";\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n\tconst itemTemplate = getTemplateContent(element, \"item\");\n\tif (!itemTemplate)\n\t\treturn console.warn(\n\t\t\t`${Name}: No template found with a property of 'item'.`,\n\t\t);\n\tif (!props.arrayPath) return console.warn(`${Name}: No array path provided.`);\n\tconst mergedProps = {\n\t\telement,\n\t\tpath: () => props.arrayPath,\n\t};\n\tconst fullPath = useCartPath(mergedProps);\n\tprovideCartPathContext({\n\t\telement,\n\t\tpath: fullPath,\n\t});\n\n\tconst value = useCartValue({\n\t\telement,\n\t\tpath: fullPath,\n\t});\n\n\tconst arrayValue = createMemo(() => {\n\t\tconst v = value();\n\n\t\tif (!v) {\n\t\t\tconsole.warn(`${Name}: value is null or undefined at path ${fullPath()}`);\n\t\t\treturn null;\n\t\t}\n\n\t\tif (!Array.isArray(v)) {\n\t\t\tconsole.warn(`${Name}: value is not an array at path ${fullPath()}`);\n\t\t\treturn null;\n\t\t}\n\n\t\tif (props.reverse) {\n\t\t\treturn v.toReversed();\n\t\t}\n\n\t\treturn v;\n\t});\n\n\telement.replaceChildren(...[]);\n\n\treturn html`\n    <${Show} when=${() => arrayValue() && arrayValue()!.length > 0}>\n      <${For} each=${arrayValue}>\n        ${(_: any, idx: Accessor<number>) => html`\n          <cart-data-array-item item-index=${() => `${idx()}`} class=${() => props.itemClass}>\n            ${() => Array.from(itemTemplate.cloneNode(true).childNodes)}\n          </cart-data-array-item>\n        `}\n      <//>\n    <//>\n  `;\n};\n"]}
+{"version":3,"file":"cart-data-array.js","names":["<Show when={(arrayValue()?.length ?? 0) > 0}>\n\t\t\t{/* keyed={false}: the index is what identifies a row here. */}\n\t\t\t<For each={arrayValue() ?? []} keyed={false}>\n\t\t\t\t{(_, idx) => (\n\t\t\t\t\t<cart-data-array-item item-index={`${idx}`} class={props.itemClass}>\n\t\t\t\t\t\t{Array.from(itemTemplate.cloneNode(true).childNodes)}\n\t\t\t\t\t</cart-data-array-item>\n\t\t\t\t)}\n\t\t\t</For>\n\t\t</Show>","<For each={arrayValue() ?? []} keyed={false}>\n\t\t\t\t{(_, idx) => (\n\t\t\t\t\t<cart-data-array-item item-index={`${idx}`} class={props.itemClass}>\n\t\t\t\t\t\t{Array.from(itemTemplate.cloneNode(true).childNodes)}\n\t\t\t\t\t</cart-data-array-item>\n\t\t\t\t)}\n\t\t\t</For>","keyed={false}"],"sources":["../../../src/components/cart-data-array.tsx"],"sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\nimport { For, Show } from \"@solidjs/web\";\nimport { type Accessor, createMemo, untrack } from \"solid-js\";\n\nimport {\n\ttype CartPath,\n\tprovideCartPathContext,\n\tuseCartPath,\n\tuseCartValue,\n} from \"../hooks/index.js\";\nimport { type Format, getTemplateContent } from \"../utils/index.js\";\n\nexport type Props = {\n\tarrayPath: CartPath;\n\tformat?: Format;\n\treverse?: boolean;\n\titemClass?: string;\n};\n\nexport const Name = \"cart-data-array\";\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n\tconst itemTemplate = getTemplateContent(element, \"item\");\n\tif (!itemTemplate)\n\t\treturn console.warn(\n\t\t\t`${Name}: No template found with a property of 'item'.`,\n\t\t);\n\tif (untrack(() => !props.arrayPath))\n\t\treturn console.warn(`${Name}: No array path provided.`);\n\tconst mergedProps = {\n\t\telement,\n\t\tpath: () => props.arrayPath,\n\t};\n\tconst fullPath = useCartPath(mergedProps);\n\tprovideCartPathContext({\n\t\telement,\n\t\tpath: fullPath,\n\t});\n\n\tconst value = useCartValue({\n\t\telement,\n\t\tpath: fullPath,\n\t});\n\n\tconst arrayValue = createMemo(() => {\n\t\tconst v = value();\n\n\t\tif (!v) {\n\t\t\tconsole.warn(`${Name}: value is null or undefined at path ${fullPath()}`);\n\t\t\treturn null;\n\t\t}\n\n\t\tif (!Array.isArray(v)) {\n\t\t\tconsole.warn(`${Name}: value is not an array at path ${fullPath()}`);\n\t\t\treturn null;\n\t\t}\n\n\t\tif (props.reverse) {\n\t\t\treturn v.toReversed();\n\t\t}\n\n\t\treturn v;\n\t});\n\n\telement.replaceChildren(...[]);\n\n\treturn (\n\t\t<Show when={(arrayValue()?.length ?? 0) > 0}>\n\t\t\t{/* keyed={false}: the index is what identifies a row here. */}\n\t\t\t<For each={arrayValue() ?? []} keyed={false}>\n\t\t\t\t{(_, idx) => (\n\t\t\t\t\t<cart-data-array-item item-index={`${idx}`} class={props.itemClass}>\n\t\t\t\t\t\t{Array.from(itemTemplate.cloneNode(true).childNodes)}\n\t\t\t\t\t</cart-data-array-item>\n\t\t\t\t)}\n\t\t\t</For>\n\t\t</Show>\n\t);\n};\n"],"mappings":";;;;;;AAmBA,IAAa,OAAO;AAEpB,IAAa,aAA0C,OAAO,EAAE,cAAc;CAC7E,MAAM,eAAe,mBAAmB,SAAS,MAAM;CACvD,IAAI,CAAC,cACJ,OAAO,QAAQ,KACd,GAAG,KAAK,+CACT;CACD,IAAI,cAAc,CAAC,MAAM,SAAS,GACjC,OAAO,QAAQ,KAAK,GAAG,KAAK,0BAA0B;CAKvD,MAAM,WAAW,YAAY;EAH5B;EACA,YAAY,MAAM;CAEU,CAAW;CACxC,uBAAuB;EACtB;EACA,MAAM;CACP,CAAC;CAED,MAAM,QAAQ,aAAa;EAC1B;EACA,MAAM;CACP,CAAC;CAED,MAAM,aAAa,iBAAiB;EACnC,MAAM,IAAI,MAAM;EAEhB,IAAI,CAAC,GAAG;GACP,QAAQ,KAAK,GAAG,KAAK,uCAAuC,SAAS,GAAG;GACxE,OAAO;EACR;EAEA,IAAI,CAAC,MAAM,QAAQ,CAAC,GAAG;GACtB,QAAQ,KAAK,GAAG,KAAK,kCAAkC,SAAS,GAAG;GACnE,OAAO;EACR;EAEA,IAAI,MAAM,SACT,OAAO,EAAE,WAAW;EAGrB,OAAO;CACR,CAAC;CAED,QAAQ,gBAAgB,GAAG,CAAC,CAAC;CAE7B,OACCA,gBAAAA,MAAAA;EAAM,IAAA,OAAA;GAAO,QAAA,WAAW,CAAC,EAAE,UAAU,KAAK;EAAC;EAA3C,IAAA,WAAA;GAECC,OAAAA,gBAAAA,KAAAA;IAAK,IAAA,OAAA;KAAM,OAAA,WAAW,KAAK,CAAC;IAAC;IAAEC,OAAO;IAAtCD,WACG,GAAG,eACJ;KAEsB,IAAA,OAAA,OAAA;KAFA,aAAA,MAAA,cAAY,GAAG,KAAK;KAA1C,KAAA,UAAA,SAEsB;KAFtB,OAAA,YACC;MAAC,OAAA,MAAM,KAAK,aAAa,UAAU,IAAI,CAAC,CAAC,UAAU;KAAC,CAC/B;KAFsB,aAAA,YAAO,MAAM,SAAS,IAAtB,KAAA,QAAA;MAAsB,UAAA,MAAA,KAAA,GAAA;;KAAlE,OAAA;IAEsB,EAAA,CAAA;GAEnB,CAAA;EACA;;AAER"}

package/dist/main/components/cart-data-conditions.js

@@ -1,109 +1,70 @@
-import { createMemo, For, Show } from 'solid-js';
-import html from 'solid-js/html';
-import { useCartPath, useCartValue } from '../hooks/index.js';
-import { formatValue, getValueFromPath } from '../utils/index.js';
-
+import { formatValue } from "../utils/formatValue.js";
+import { getValueFromPath } from "../utils/getValueFromPath.js";
+import { useCartPath, useCartValue } from "../hooks/index.js";
+import { createMemo } from "solid-js";
+import { For, Show, createComponent } from "@solidjs/web";
+//#region src/components/cart-data-conditions.tsx
 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;
+	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;
+	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;
+	if (!data) return false;
+	return conditions.every((condition) => {
+		let valueA = getValue(data, condition.valueA), valueB = getValue(data, condition.valueB), result = false;
+		if (typeof valueA === "undefined" && typeof valueB === "undefined") return false;
+		if (condition.type === "typeof") result = typeof valueA === valueB;
+		if (condition.type === "includes") result = formatValue(condition.format || "", valueA).includes(formatValue(condition.format || "", valueB));
+		if (condition.type === "includes_property") result = valueA.some((v) => v[condition.valueA?.property_name || ""] === valueB);
+		if (condition.type === "starts_with") result = formatValue("string", valueA).startsWith(formatValue(condition.format || "", valueB));
+		if (condition.type === "equals") result = formatValue(condition.format || "", valueA) === formatValue(condition.format || "", valueB);
+		if (condition.type === "not_equals") result = formatValue(condition.format || "", valueA) !== formatValue(condition.format || "", valueB);
+		if (condition.type === "lt") result = formatValue(condition.format || "", valueA) < formatValue(condition.format || "", valueB);
+		if (condition.type === "lte") result = formatValue(condition.format || "", valueA) <= formatValue(condition.format || "", valueB);
+		if (condition.type === "gt") result = formatValue(condition.format || "", valueA) > formatValue(condition.format || "", valueB);
+		if (condition.type === "gte") result = formatValue(condition.format || "", valueA) >= formatValue(condition.format || "", valueB);
+		return invertResult(result, condition.invert);
+	});
 }
-const Name = "cart-data-conditions";
-const Component = (_, { element }) => {
-  const conditionTemplates = Array.from(element.children).filter(
-    (child) => child.tagName === "TEMPLATE" && child.hasAttribute("conditions")
-  );
-  if (!conditionTemplates.length)
-    return console.error(
-      `${Name}: no templates found with any conditions attribute!`
-    );
-  const allConditions = createMemo(
-    () => conditionTemplates.map((tmpl) => {
-      const conditions = tmpl.getAttribute("conditions");
-      if (!conditions)
-        console.warn(`${Name}: 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 html`
-    <${For} each=${() => conditionTemplates}>
-      ${(tmpl, idx) => {
-    const conditions = allConditions()[idx()];
-    return html`
-          <${Show} when=${() => validateConditions(conditions, data())}>
-            ${() => Array.from(tmpl.content.cloneNode(true).childNodes)}
-          <//>
-        `;
-  }}
-    <//>
-  `;
+var Name = "cart-data-conditions";
+var Component = (_, { element }) => {
+	const conditionTemplates = Array.from(element.children).filter((child) => child.tagName === "TEMPLATE" && child.hasAttribute("conditions"));
+	if (!conditionTemplates.length) return console.error(`${Name}: no templates found with any conditions attribute!`);
+	const allConditions = createMemo(() => conditionTemplates.map((tmpl) => {
+		const conditions = tmpl.getAttribute("conditions");
+		if (!conditions) console.warn(`${Name}: 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 createComponent(For, {
+		each: conditionTemplates,
+		keyed: false,
+		children: (tmpl, idx) => createComponent(Show, {
+			get when() {
+				return validateConditions(allConditions()[idx], data());
+			},
+			get children() {
+				return Array.from(tmpl().content.cloneNode(true).childNodes);
+			}
+		})
+	});
 };
-
+//#endregion
 export { Component, Name };
-//# sourceMappingURL=cart-data-conditions.js.map
+
 //# sourceMappingURL=cart-data-conditions.js.map