npm - cloudcommerce - Versions diffs - 0.6.3 → 0.6.4 - Mend

cloudcommerce 0.6.3 → 0.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

package/packages/storefront/dist/server/chunks/pages/{all.f15e2c35.mjs → all.7f368e08.mjs} RENAMED Viewed

@@ -709,9 +709,9 @@ const getImage = async (options) => {
   return imgAttrs;
 };
-const $$Astro$g = createAstro("https://ecom2-002.web.app");
+const $$Astro$i = createAstro("https://ecom2-002.web.app");
 const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$g, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$i, $$props, $$slots);
   Astro2.self = $$BaseHead;
   const {
     storeId,
@@ -771,17 +771,18 @@ ${cmsMetatags?.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttrib
 <meta name="twitter:card" content="summary">
 ${cmsMetatags?.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(cmsMetatags.twitter_username, "content")}>`}
 <meta name="ecom-store-id"${addAttribute(String(storeId), "content")}>
 ${pwaInfo }
-`;
+${renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro");
 var __freeze$1 = Object.freeze;
 var __defProp$1 = Object.defineProperty;
 var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", { value: __freeze$1(raw || cooked.slice()) }));
 var _a$1;
-const $$Astro$f = createAstro("https://ecom2-002.web.app");
+const $$Astro$h = createAstro("https://ecom2-002.web.app");
 const $$BaseStateJson = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$f, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$h, $$props, $$slots);
   Astro2.self = $$BaseStateJson;
   const {
     pageContext: {
@@ -841,9 +842,9 @@ window.storefront.context = ${JSON.stringify({
   return renderTemplate(_a$1 || (_a$1 = __template$1(["<script>", '<\/script>\n<script type="application/ld+json">', "<\/script>"])), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro");
-const $$Astro$e = createAstro("https://ecom2-002.web.app");
+const $$Astro$g = createAstro("https://ecom2-002.web.app");
 const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$e, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$g, $$props, $$slots);
   Astro2.self = $$BaseBody;
   return renderTemplate`${maybeRenderHead($$result)}<body>
   <div id="teleported-overlap" class="relative z-50"></div>
@@ -854,9 +855,9 @@ const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
 </body>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro");
-const $$Astro$d = createAstro("https://ecom2-002.web.app");
+const $$Astro$f = createAstro("https://ecom2-002.web.app");
 const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$f, $$props, $$slots);
   Astro2.self = $$Base$1;
   const { pageContext, title } = Astro2.props;
   const { cms } = pageContext;
@@ -876,24 +877,24 @@ var __freeze = Object.freeze;
 var __defProp = Object.defineProperty;
 var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
 var _a;
-const $$Astro$c = createAstro("https://ecom2-002.web.app");
+const $$Astro$e = createAstro("https://ecom2-002.web.app");
 const $$InlineScripts = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$c, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$e, $$props, $$slots);
   Astro2.self = $$InlineScripts;
   return renderTemplate(_a || (_a = __template(["<script>\n  window.firebaseConfig = {\n    apiKey: 'AIzaSyCrVzemDgpyp9i6ni7Yc5ZuEVfXYwl-4J0',\n    authDomain: 'ecom2-002.firebaseapp.com',\n    projectId: 'ecom2-002',\n    storageBucket: 'ecom2-002.appspot.com',\n    messagingSenderId: '402807248219',\n    appId: '1:402807248219:web:cf7d57759751e74776367e',\n    measurementId: 'G-SC592CE0GB',\n  };\n<\/script>"])));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro");
-const $$Astro$b = createAstro("https://ecom2-002.web.app");
+const $$Astro$d = createAstro("https://ecom2-002.web.app");
 const $$Base = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
   Astro2.self = $$Base;
   const { pageContext, title } = Astro2.props;
   return renderTemplate`${renderComponent($$result, "Base", $$Base$1, { "pageContext": pageContext, "title": title }, { "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["default"])}` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro");
-const $$Astro$a = createAstro("https://ecom2-002.web.app");
+const $$Astro$c = createAstro("https://ecom2-002.web.app");
 const $$Image = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$c, $$props, $$slots);
   Astro2.self = $$Image;
   const { loading = "lazy", decoding = "async", ...props } = Astro2.props;
   if (props.alt === void 0 || props.alt === null) {
@@ -903,9 +904,9 @@ const $$Image = createComponent(async ($$result, $$props, $$slots) => {
   return renderTemplate`${maybeRenderHead($$result)}<img${spreadAttributes(attrs)}${addAttribute(loading, "loading")}${addAttribute(decoding, "decoding")}>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Image.astro");
-const $$Astro$9 = createAstro("https://ecom2-002.web.app");
+const $$Astro$b = createAstro("https://ecom2-002.web.app");
 const $$Picture$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
   Astro2.self = $$Picture$1;
   const {
     src,
@@ -957,9 +958,9 @@ The "alt" attribute holds a text description of the image, which isn't mandatory
 `);
 }
-const $$Astro$8 = createAstro("https://ecom2-002.web.app");
+const $$Astro$a = createAstro("https://ecom2-002.web.app");
 const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
   Astro2.self = $$Picture;
   const props = Astro2.props;
   if (!props.aspectRatio && typeof props.src === "string") {
@@ -1078,10 +1079,11 @@ function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   _push(`<button${ssrRenderAttrs(mergeProps({
     type: "button",
     "aria-label": $props.direction > 0 ? "Pr\xF3ximo" : "Anterior",
-    "data-carousel-control": $props.direction > 0 ? "next" : "previous"
+    "data-carousel-control": $props.direction > 0 ? "next" : "previous",
+    class: "group"
   }, _attrs))}>`);
   ssrRenderSlot(_ctx.$slots, "default", {}, () => {
-    _push(`<i class="${ssrRenderClass([$props.direction > 0 ? "i-chevron-right" : "i-chevron-left", "m-0"])}"></i>`);
+    _push(`<i class="${ssrRenderClass([$props.direction > 0 ? "i-chevron-right group-active:translate-x-1" : "i-chevron-left group-active:-translate-x-1", "m-0"])}"></i>`);
   }, _push, _parent);
   _push(`</button>`);
 }
@@ -1917,12 +1919,16 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_AImg = resolveComponent("AImg");
   const _component_ShopSidenavCategory = resolveComponent("ShopSidenavCategory", true);
   _push(`<li${ssrRenderAttrs(mergeProps({ class: "text-lg text-base-800" }, _attrs))}>`);
   if ($props.categoryTree.subcategories.length) {
     _push(`<details class="bg-white overflow-y-auto overflow-x-hidden z-10 open:absolute open:top-0 open:left-0 open:w-full open:h-full"><summary class="${ssrRenderClass([$setup.isOpen ? "bg-base-100" : null, "cursor-pointer list-none px-6 py-3 active:bg-base-100 transition-colors"])}"><i class="${ssrRenderClass(!$setup.isOpen ? "i-arrow-right float-right mb-0 mt-1 text-xl text-base-500" : "i-arrow-left text-lg")}"></i>`);
     if (!$setup.isOpen && $props.categoryTree.icon) {
-      _push(`<img loading="lazy"${ssrRenderAttr("src", $props.categoryTree.icon.url)}${ssrRenderAttr("alt", $props.categoryTree.icon.alt)} class="w-auto h-5 inline mr-3">`);
+      _push(ssrRenderComponent(_component_AImg, {
+        picture: $props.categoryTree.icon,
+        class: "w-auto h-5 inline mr-3"
+      }, null, _parent));
     } else {
       _push(`<!---->`);
     }
@@ -1937,7 +1943,10 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   } else {
     _push(`<a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} class="block px-6 py-3 active:bg-base-200">`);
     if (!$setup.isOpen && $props.categoryTree.icon) {
-      _push(`<img loading="lazy"${ssrRenderAttr("src", $props.categoryTree.icon.url)} class="w-auto h-5 inline mr-3">`);
+      _push(ssrRenderComponent(_component_AImg, {
+        picture: $props.categoryTree.icon,
+        class: "w-auto h-5 inline mr-3"
+      }, null, _parent));
     } else {
       _push(`<!---->`);
     }
@@ -2072,6 +2081,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 });
 function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
+  const _component_AImg = resolveComponent("AImg");
   _push(ssrRenderComponent($setup["Popover"], _attrs, {
     default: withCtx(({ open }, _push2, _parent2, _scopeId) => {
       if (_push2) {
@@ -2116,7 +2126,12 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     });
                     _push4(`<!--]-->`);
                     if ($setup.categoryPicture) {
-                      _push4(`<div class="${ssrRenderClass($setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3")}"${_scopeId3}><img loading="lazy"${ssrRenderAttr("src", $setup.categoryPicture.url)}${ssrRenderAttr("alt", $setup.categoryPicture.alt || $props.categoryTree.name)} class="ml-auto rounded"${_scopeId3}></div>`);
+                      _push4(`<div class="${ssrRenderClass($setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3")}"${_scopeId3}>`);
+                      _push4(ssrRenderComponent(_component_AImg, {
+                        picture: $setup.categoryPicture,
+                        class: "ml-auto rounded"
+                      }, null, _parent4, _scopeId3));
+                      _push4(`</div>`);
                     } else {
                       _push4(`<!---->`);
                     }
@@ -2174,12 +2189,10 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                           key: 1,
                           class: $setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3"
                         }, [
-                          createVNode("img", {
-                            loading: "lazy",
-                            src: $setup.categoryPicture.url,
-                            alt: $setup.categoryPicture.alt || $props.categoryTree.name,
+                          createVNode(_component_AImg, {
+                            picture: $setup.categoryPicture,
                             class: "ml-auto rounded"
-                          }, null, 8, ["src", "alt"])
+                          }, null, 8, ["picture"])
                         ], 2)) : createCommentVNode("", true)
                       ]),
                       createVNode("a", {
@@ -2248,12 +2261,10 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                         key: 1,
                         class: $setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3"
                       }, [
-                        createVNode("img", {
-                          loading: "lazy",
-                          src: $setup.categoryPicture.url,
-                          alt: $setup.categoryPicture.alt || $props.categoryTree.name,
+                        createVNode(_component_AImg, {
+                          picture: $setup.categoryPicture,
                           class: "ml-auto rounded"
-                        }, null, 8, ["src", "alt"])
+                        }, null, 8, ["picture"])
                       ], 2)) : createCommentVNode("", true)
                     ]),
                     createVNode("a", {
@@ -2335,12 +2346,10 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                         key: 1,
                         class: $setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3"
                       }, [
-                        createVNode("img", {
-                          loading: "lazy",
-                          src: $setup.categoryPicture.url,
-                          alt: $setup.categoryPicture.alt || $props.categoryTree.name,
+                        createVNode(_component_AImg, {
+                          picture: $setup.categoryPicture,
                           class: "ml-auto rounded"
-                        }, null, 8, ["src", "alt"])
+                        }, null, 8, ["picture"])
                       ], 2)) : createCommentVNode("", true)
                     ]),
                     createVNode("a", {
@@ -2375,7 +2384,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose }) {
     expose();
-    const __returned__ = { ShopHeaderSubmenu };
+    const props = __props;
+    const hasOneLevelSubcategories = computed(() => {
+      return !!props.inlineMenuTrees.find(({ subcategories }) => !subcategories.length);
+    });
+    const __returned__ = { props, hasOneLevelSubcategories, ShopHeaderSubmenu };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -2391,7 +2404,13 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             _push2(`<span class="hover:text-primary group"${_scopeId}><h3 class="${ssrRenderClass([[
               $props.inlineMenuTrees.length < 7 ? "decoration-2" : null,
               open ? "underline" : null
-            ], "group-hover:underline inline"])}"${_scopeId}>${ssrInterpolate(categoryTree.name)}</h3><i class="${ssrRenderClass([open ? "i-chevron-up" : "i-chevron-down", "text-base-400 group-hover:text-primary-subtle ml-1"])}"${_scopeId}></i></span>`);
+            ], "group-hover:underline inline"])}"${_scopeId}>${ssrInterpolate(categoryTree.name)}</h3>`);
+            if ($setup.hasOneLevelSubcategories) {
+              _push2(`<i class="${ssrRenderClass([open ? "rotate-180" : null, "i-chevron-down ml-1 transition-transform text-base-400 group-hover:text-primary-subtle"])}"${_scopeId}></i>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</span>`);
           } else {
             return [
               createVNode("span", { class: "hover:text-primary group" }, [
@@ -2401,9 +2420,10 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     open ? "underline" : null
                   ]]
                 }, toDisplayString(categoryTree.name), 3),
-                createVNode("i", {
-                  class: ["text-base-400 group-hover:text-primary-subtle ml-1", open ? "i-chevron-up" : "i-chevron-down"]
-                }, null, 2)
+                $setup.hasOneLevelSubcategories ? (openBlock(), createBlock("i", {
+                  key: 0,
+                  class: ["i-chevron-down ml-1 transition-transform text-base-400 group-hover:text-primary-subtle", open ? "rotate-180" : null]
+                }, null, 2)) : createCommentVNode("", true)
               ])
             ];
           }
@@ -2489,9 +2509,9 @@ _sfc_main$2.setup = (props, ctx) => {
 };
 const ShopHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
-const $$Astro$7 = createAstro("https://ecom2-002.web.app");
+const $$Astro$9 = createAstro("https://ecom2-002.web.app");
 const $$PagesHeader = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
   Astro2.self = $$PagesHeader;
   const {
     pageContext: {
@@ -2524,14 +2544,14 @@ const $$PagesHeader = createComponent(async ($$result, $$props, $$slots) => {
   `)}` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro");
-const $$Astro$6 = createAstro("https://ecom2-002.web.app");
+const $$Astro$8 = createAstro("https://ecom2-002.web.app");
 const $$Pages = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
   Astro2.self = $$Pages;
   const { pageContext, title } = Astro2.props;
   const { settings } = pageContext;
   return renderTemplate`${renderComponent($$result, "Base", $$Base, { "pageContext": pageContext, "title": title }, { "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["header"], renderTemplate`
-    ${renderComponent($$result2, "Header", $$PagesHeader, { "pageContext": pageContext }, { "logo-picture": ($$result3) => renderTemplate`${renderComponent($$result3, "Picture", $$Picture, { "slot": "logo-picture", "src": settings.logo, "alt": settings.name, "widths": [300], "sizes": "150px", "fetchpriority": "high", "class": "hover:drop-shadow-sm" })}` })}
+    ${renderComponent($$result2, "Header", $$PagesHeader, { "pageContext": pageContext }, { "logo-picture": ($$result3) => renderTemplate`${renderComponent($$result3, "Picture", $$Picture, { "slot": "logo-picture", "src": settings.logo, "alt": settings.name, "widths": [300], "sizes": "150px", "fetchpriority": "high", "loading": "eager", "class": "hover:drop-shadow-sm" })}` })}
   `)}${renderSlot($$result2, $$slots["default"])}` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Pages.astro");
@@ -2984,9 +3004,9 @@ _sfc_main.setup = (props, ctx) => {
 };
 const ProductCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
-const $$Astro$5 = createAstro("https://ecom2-002.web.app");
+const $$Astro$7 = createAstro("https://ecom2-002.web.app");
 const $$Home = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
   Astro2.self = $$Home;
   const products = (await api.get("products")).data.result;
   return renderTemplate`${maybeRenderHead($$result)}<main>
@@ -3034,9 +3054,9 @@ const $$Home = createComponent(async ($$result, $$props, $$slots) => {
 </main>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Home.astro");
-const $$Astro$4 = createAstro("https://ecom2-002.web.app");
+const $$Astro$6 = createAstro("https://ecom2-002.web.app");
 const $$Index$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
   Astro2.self = $$Index$1;
   let pageContext;
   let loadError;
@@ -3054,12 +3074,50 @@ ${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment,
 </html>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro");
-const $$file$3 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro";
-const $$url$3 = "";
+const $$file$4 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro";
+const $$url$4 = "";
 const _page1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: $$Index$1,
+  file: $$file$4,
+  url: $$url$4
+}, Symbol.toStringTag, { value: 'Module' }));
+const $$Astro$5 = createAstro("https://ecom2-002.web.app");
+const $$Fallback$1 = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
+  Astro2.self = $$Fallback$1;
+  return renderTemplate`${maybeRenderHead($$result)}<main>
+  <h1>Error :/</h1>
+  <p class="instructions">
+    Check out the <code>src/pages</code> directory to get started.<br>
+    <strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
+  </p>
+</main>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Fallback.astro");
+const $$Astro$4 = createAstro("https://ecom2-002.web.app");
+const $$Fallback = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
+  Astro2.self = $$Fallback;
+  let pageContext;
+  try {
+    pageContext = await loadPageContext(Astro2);
+  } catch (err) {
+    return err.astroResponse;
+  }
+  return renderTemplate`<html${addAttribute(pageContext?.lang.replace("_", "-"), "lang")}>
+${renderComponent($$result, "PagesLayout", $$Pages, { "pageContext": pageContext }, { "default": ($$result2) => renderTemplate`${renderComponent($$result2, "FallbackMain", $$Fallback$1, { "pageContext": pageContext })}` })}
+</html>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro");
+const $$file$3 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro";
+const $$url$3 = "/fallback";
+const _page2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$Fallback,
   file: $$file$3,
   url: $$url$3
 }, Symbol.toStringTag, { value: 'Module' }));
@@ -3153,4 +3211,4 @@ const _page5 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
-export { $$Pages as $, _export_sfc as _, _page0 as a, _page1 as b, _page3 as c, _page4 as d, _page5 as e, loadPageContext as l };
+export { _export_sfc as _, _page0 as a, _page1 as b, _page2 as c, _page3 as d, _page4 as e, _page5 as f };

package/packages/storefront/dist/server/entry.mjs CHANGED Viewed

@@ -13,9 +13,8 @@ import send from 'send';
 import enableDestroy from 'server-destroy';
 import { defineComponent, useCssVars, unref, computed, useSSRContext, mergeProps, h as h$2, createSSRApp } from 'vue';
 import { ssrRenderSlotInner, ssrRenderAttrs, ssrRenderSlot, renderToString } from 'vue/server-renderer';
-import { i18n, formatMoney } from '@ecomplus/utils';
-/* empty css                                  */import { _ as _export_sfc, a as _page0, b as _page1, c as _page3, d as _page4, e as _page5 } from './chunks/pages/all.f15e2c35.mjs';
-import { _ as _page2 } from './chunks/prerender.2527d85d.mjs';
+import { img, imgSizes, i18n, formatMoney } from '@ecomplus/utils';
+/* empty css                                  */import { _ as _export_sfc, a as _page0, b as _page1, c as _page2, d as _page3, e as _page4, f as _page5 } from './chunks/pages/all.7f368e08.mjs';
 import 'path-to-regexp';
 import 'tls';
 import 'mime';
@@ -3126,7 +3125,7 @@ const adapter = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   start
 }, Symbol.toStringTag, { value: 'Module' }));
-const _sfc_main$1 = defineComponent({
+const _sfc_main$2 = defineComponent({
   __name: "Fade",
   props: {
     speed: { default: "default" },
@@ -3261,7 +3260,7 @@ const _sfc_main$1 = defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   ({ style: {
     "--68e3b484": $setup.willChange,
     "--17a22876": $setup.duration,
@@ -3274,15 +3273,15 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   } });
   ssrRenderSlotInner(_ctx.$slots, "default", {}, null, _push, _parent, null, true);
 }
-const _sfc_setup$1 = _sfc_main$1.setup;
-_sfc_main$1.setup = (props, ctx) => {
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/Fade.vue");
-  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const Fade = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1], ["__scopeId", "data-v-d3912920"]]);
+const Fade = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2], ["__scopeId", "data-v-d3912920"]]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ALink",
   props: {
     href: null,
@@ -3306,7 +3305,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<a${ssrRenderAttrs(mergeProps({
     href: $props.href,
     target: $setup.linkTarget,
@@ -3315,13 +3314,55 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
   _push(`</a>`);
 }
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/ALink.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const ALink = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
+const _sfc_main = defineComponent({
+  __name: "AImg",
+  props: {
+    picture: null,
+    loading: { default: "lazy" }
+  },
+  setup(__props, { expose }) {
+    expose();
+    const props = __props;
+    const image = computed(() => {
+      if (props.picture.url) {
+        return props.picture;
+      }
+      return img(props.picture);
+    });
+    const dimensions = computed(() => {
+      return imgSizes(image.value);
+    });
+    const attrs = computed(() => ({
+      ...props,
+      width: dimensions.value.width || null,
+      height: dimensions.value.height || null,
+      src: image.value.url,
+      alt: image.value.alt,
+      picture: null
+    }));
+    const __returned__ = { props, image, dimensions, attrs };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<img${ssrRenderAttrs(mergeProps($setup.attrs, _attrs))}>`);
+}
 const _sfc_setup = _sfc_main.setup;
 _sfc_main.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/ALink.vue");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/AImg.vue");
   return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
-const ALink = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+const AImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
 const formatPercentage = (value, digits = 1) => {
   return Number.isInteger(value) ? `${value}%` : `${value.toFixed(digits)}%`;
@@ -3339,6 +3380,7 @@ const createApp = (app) => {
   });
   app.component("Fade", Fade);
   app.component("ALink", ALink);
+  app.component("AImg", AImg);
 };
 /**
@@ -3381,7 +3423,7 @@ const _renderer1 = {
 const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.15.0_astro@2.0.14+sharp@0.31.3/node_modules/@astrojs/image/dist/endpoint.js", _page0],["src/pages/index.astro", _page1],["src/pages/fallback.astro", _page2],["src/pages/app/index.astro", _page3],["src/pages/app/account.astro", _page4],["src/pages/[...slug].astro", _page5],]);
 const renderers = [Object.assign({"name":"astro:jsx","serverEntrypoint":"astro/jsx/server.js","jsxImportSource":"astro"}, { ssr: server_default }),Object.assign({"name":"@astrojs/vue","clientEntrypoint":"@astrojs/vue/client.js","serverEntrypoint":"@astrojs/vue/server.js"}, { ssr: _renderer1 }),];
-const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"fallback/index.html","links":[],"scripts":[],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.15.0_astro@2.0.14+sharp@0.31.3/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.a594715c.css","_astro/index.0c833781.css"],"scripts":[{"type":"external","value":"_astro/hoisted.721ad75d.js"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"route":"/app/account","type":"page","pattern":"^\\/app\\/account\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}],[{"content":"account","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/account.astro","pathname":"/app/account","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.a594715c.css"],"scripts":[{"type":"external","value":"_astro/hoisted.721ad75d.js"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-002.web.app","base":"/","markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true,"contentDir":"file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/content/"},"pageMap":null,"propagation":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Image.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Picture.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/ssr/Picture.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Pages.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Home.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Wildcard.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Fallback.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro","in-tree"]],"renderers":[],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","~/components/Prices.vue":"_astro/Prices.2bd87845.js","/astro/hoisted.js?q=0":"_astro/hoisted.721ad75d.js","~/components/PitchBar.vue":"_astro/PitchBar.5ced676e.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.295a6886.js","@@sf/components/ProductCard.vue":"_astro/ProductCard.48f0f5ba.js","@astrojs/vue/client.js":"_astro/client.79615b8a.js","~/components/ShopHeader.vue":"_astro/ShopHeader.05d64cc8.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.7ce2ebb1.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/index.0c833781.css","/_astro/server.60de185d.css","/_astro/_...slug_.a594715c.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-e2ee76b5.js","/_astro/PitchBar.5ced676e.js","/_astro/Prices.2bd87845.js","/_astro/ProductCard.48f0f5ba.js","/_astro/ShopHeader.05d64cc8.js","/_astro/_plugin-vue_export-helper.43eaff51.js","/_astro/client.79615b8a.js","/_astro/firebase-app.7ce2ebb1.js","/_astro/format-money.060d67ef.js","/_astro/hoisted.721ad75d.js","/_astro/idle-callback.889bf0ea.js","/_astro/index.3243538d.js","/_astro/modules-info.01f8d523.js","/_astro/preload-helper.101896b7.js","/_astro/runtime-dom.esm-bundler.cb4db78a.js","/_astro/session-utm.72684b84.js","/_astro/workbox-window.prod.es5.295a6886.js","/admin/config.json","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/icon.png","/img/uploads/large-icon.png","/img/uploads/logo.png","/img/uploads/logo.webp","/img/uploads/og-image.png","/img/uploads/passion.png","/img/uploads/passion.webp","/img/uploads/pwa-reliable.png","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.png","/img/uploads/rect89.webp","/img/uploads/ssl-safe.png","/assets/icons/bootstrap-icons/font/storefront-icons.woff2","/assets/icons/feather-icons/font/storefront-icons.woff2","/assets/icons/font-awesome/font/storefront-icons.woff2","/assets/icons/line-awesome/font/storefront-icons.woff2","/assets/icons/tabler-icons/font/storefront-icons.woff2","/fallback/index.html"]}), {
+const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.15.0_astro@2.0.14+sharp@0.31.3/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.cd49465e.css","_astro/index.0c833781.css"],"scripts":[{"type":"external","value":"_astro/hoisted.721ad75d.js"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.cd49465e.css"],"scripts":[{"type":"external","value":"_astro/hoisted.721ad75d.js"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"route":"/app/account","type":"page","pattern":"^\\/app\\/account\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}],[{"content":"account","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/account.astro","pathname":"/app/account","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.cd49465e.css"],"scripts":[{"type":"external","value":"_astro/hoisted.721ad75d.js"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-002.web.app","base":"/","markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true,"contentDir":"file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/content/"},"pageMap":null,"propagation":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Image.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Picture.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/ssr/Picture.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Pages.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Home.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Fallback.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Wildcard.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro","in-tree"]],"renderers":[],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","~/components/Prices.vue":"_astro/Prices.2bd87845.js","@astrojs/vue/client.js":"_astro/client.14d15518.js","/astro/hoisted.js?q=0":"_astro/hoisted.721ad75d.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.295a6886.js","~/components/PitchBar.vue":"_astro/PitchBar.b3636d56.js","@@sf/components/ProductCard.vue":"_astro/ProductCard.48f0f5ba.js","~/components/ShopHeader.vue":"_astro/ShopHeader.44e0873d.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.7ce2ebb1.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/index.0c833781.css","/_astro/server.60de185d.css","/_astro/_...slug_.cd49465e.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-e2ee76b5.js","/_astro/PitchBar.b3636d56.js","/_astro/Prices.2bd87845.js","/_astro/ProductCard.48f0f5ba.js","/_astro/ShopHeader.44e0873d.js","/_astro/_plugin-vue_export-helper.43eaff51.js","/_astro/client.14d15518.js","/_astro/firebase-app.7ce2ebb1.js","/_astro/format-money.060d67ef.js","/_astro/hoisted.721ad75d.js","/_astro/idle-callback.889bf0ea.js","/_astro/index.3243538d.js","/_astro/modules-info.01f8d523.js","/_astro/preload-helper.101896b7.js","/_astro/runtime-dom.esm-bundler.cb4db78a.js","/_astro/session-utm.72684b84.js","/_astro/workbox-window.prod.es5.295a6886.js","/admin/config.json","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/icon.png","/img/uploads/large-icon.png","/img/uploads/logo.png","/img/uploads/logo.webp","/img/uploads/og-image.png","/img/uploads/passion.png","/img/uploads/passion.webp","/img/uploads/pwa-reliable.png","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.png","/img/uploads/rect89.webp","/img/uploads/ssl-safe.png","/assets/icons/bootstrap-icons/font/storefront-icons.woff2","/assets/icons/feather-icons/font/storefront-icons.woff2","/assets/icons/font-awesome/font/storefront-icons.woff2","/assets/icons/line-awesome/font/storefront-icons.woff2","/assets/icons/tabler-icons/font/storefront-icons.woff2"]}), {
 	pageMap: pageMap,
 	renderers: renderers
 });

package/packages/storefront/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "main": "src/index.js",
   "repository": {

package/packages/storefront/src/lib/components/CarouselControl.vue CHANGED Viewed

@@ -18,11 +18,14 @@ const { changeSlide } = inject(carouselKey);
     :aria-label="direction > 0 ? $t.i19next : $t.i19previous"
     @click="changeSlide(direction)"
     :data-carousel-control="direction > 0 ? 'next' : 'previous'"
+    class="group"
   >
     <slot>
       <i
         class="m-0"
-        :class="direction > 0 ? 'i-chevron-right' : 'i-chevron-left'"
+        :class="direction > 0
+          ? 'i-chevron-right group-active:translate-x-1'
+          : 'i-chevron-left group-active:-translate-x-1'"
       ></i>
     </slot>
   </button>