cloudcommerce 2.0.4 → 2.0.6

package/packages/storefront/dist/server/renderers.mjs

@@ -1,617 +1,10 @@
-import { useSSRContext, defineComponent, computed, createVNode, resolveDynamicComponent, mergeProps, withCtx, renderSlot, inject, ref, watch, toRef, onMounted, onBeforeUnmount, provide, h, createSSRApp } from 'vue';
-import { ssrRenderSlotInner, ssrRenderVNode, ssrRenderSlot, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, renderToString } from 'vue/server-renderer';
-import { img, imgSizes, i18n, formatMoney } from '@ecomplus/utils';
-import { _ as _export_sfc } from './chunks/pages/__cEcxuEWe.mjs';
-import { useScroll, useElementHover, useDebounceFn } from '@vueuse/core';
+import { defineComponent, h, createSSRApp } from 'vue';
+import { renderToString } from 'vue/server-renderer';
+import { o as mod, p as createApp } from './chunks/pages/__fI3NeWvy.mjs';
 
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "Fade",
-  props: {
-    speed: { default: "default" },
-    slide: {},
-    isFloating: { type: Boolean, default: false },
-    isLeaveTo: { type: Boolean, default: true },
-    isEnterFrom: { type: Boolean, default: true }
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const duration = computed(() => {
-      if (props.speed === "default")
-        return "var(--transition, .2s linear)";
-      return `var(--transition-${props.speed}, .4s linear)`;
-    });
-    const transform = computed(() => {
-      switch (props.slide) {
-        case "down":
-          return "translate3d(0, -100%, 0)";
-        case "left":
-          return "translate3d(-100%, 0, 0)";
-        case "right":
-          return "translate3d(100%, 0, 0)";
-        case "up":
-          return "translate3d(0, 100%, 0)";
-        default:
-          return "none";
-      }
-    });
-    const opacity = computed(() => {
-      return transform.value !== "none" ? 0.1 : 0;
-    });
-    const enterFromOpacity = computed(() => {
-      return props.isEnterFrom ? opacity.value : 1;
-    });
-    const leaveToOpacity = computed(() => {
-      return props.isLeaveTo ? opacity.value : 1;
-    });
-    const enterFromTransform = computed(() => {
-      return props.isEnterFrom ? transform.value : "none";
-    });
-    const leaveToTransform = computed(() => {
-      return props.isLeaveTo ? transform.value : "none";
-    });
-    const isSlideY = computed(() => {
-      return props.slide === "down" || props.slide === "up";
-    });
-    const height = computed(() => {
-      if (props.isFloating)
-        return null;
-      return isSlideY.value ? 0 : "auto";
-    });
-    const width = computed(() => {
-      if (props.isFloating)
-        return null;
-      return props.slide && !isSlideY.value ? 0 : "auto";
-    });
-    const enterFromHeight = computed(() => {
-      return props.isEnterFrom ? height.value : "auto";
-    });
-    const enterFromWidth = computed(() => {
-      return props.isEnterFrom ? width.value : "auto";
-    });
-    const willChange = computed(() => {
-      let properties = "opacity";
-      if (transform.value !== "none")
-        properties += ", transform";
-      if (height.value === 0)
-        properties += ", height";
-      if (width.value === 0)
-        properties += ", width";
-      return properties;
-    });
-    const setInitialStyles = (el) => {
-      el.style.setProperty("--fade-will-change", willChange.value);
-      el.style.setProperty("--fade-duration", duration.value);
-      el.style.setProperty("--fade-enter-opacity", String(enterFromOpacity.value));
-      el.style.setProperty("--fade-enter-transform", String(enterFromTransform.value));
-      el.style.setProperty("--fade-enter-height", String(enterFromHeight.value));
-      el.style.setProperty("--fade-enter-width", String(enterFromWidth.value));
-      el.style.setProperty("--fade-leave-opacity", String(leaveToOpacity.value));
-      el.style.setProperty("--fade-leave-transform", String(leaveToTransform.value));
-    };
-    const onEnter = (el) => {
-      if (props.slide && !props.isFloating && props.isEnterFrom) {
-        if (isSlideY.value) {
-          el.style.width = getComputedStyle(el).width;
-          el.style.height = "auto";
-        } else {
-          el.style.width = "auto";
-          el.style.height = getComputedStyle(el).height;
-        }
-        el.style.position = "absolute";
-        el.style.visibility = "hidden";
-        const { width: width2, height: height2 } = getComputedStyle(el);
-        el.style.width = isSlideY.value ? "" : "0";
-        el.style.height = isSlideY.value ? "0" : "";
-        el.style.position = "";
-        el.style.visibility = "";
-        getComputedStyle(el)[isSlideY.value ? "height" : "width"];
-        requestAnimationFrame(() => {
-          if (isSlideY.value) {
-            el.style.height = height2;
-          } else {
-            el.style.width = width2;
-          }
-        });
-      }
-    };
-    const onAfterEnter = (el) => {
-      if (props.slide && !props.isFloating && props.isEnterFrom) {
-        el.style[isSlideY.value ? "height" : "width"] = "";
-      }
-    };
-    const onLeave = (el) => {
-      if (props.slide && !props.isFloating && props.isLeaveTo) {
-        if (isSlideY.value) {
-          el.style.height = getComputedStyle(el).height;
-        } else {
-          el.style.width = getComputedStyle(el).width;
-        }
-        const sizeProp = isSlideY.value ? "height" : "width";
-        getComputedStyle(el)[sizeProp];
-        requestAnimationFrame(() => {
-          el.style[sizeProp] = "0";
-        });
-      }
-    };
-    const __returned__ = { props, duration, transform, opacity, enterFromOpacity, leaveToOpacity, enterFromTransform, leaveToTransform, isSlideY, height, width, enterFromHeight, enterFromWidth, willChange, setInitialStyles, onEnter, onAfterEnter, onLeave };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  ssrRenderSlotInner(_ctx.$slots, "default", {}, null, _push, _parent, null, true);
-}
-const _sfc_setup$5 = _sfc_main$5.setup;
-_sfc_main$5.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/Fade.vue");
-  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
-};
-const Fade = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
-
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "ALink",
-  props: {
-    href: {},
-    target: {}
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const linkTarget = computed(() => {
-      if (!props.href)
-        return void 0;
-      if (props.target)
-        return props.target;
-      if (props.href.startsWith("http")) {
-        const domain = globalThis.$storefront.settings.domain || window.location.host;
-        if (props.href.startsWith(`https://${domain}`))
-          return void 0;
-      }
-      return void 0;
-    });
-    const __returned__ = { props, linkTarget };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.href ? "a" : "span"), mergeProps({
-    href: $props.href,
-    target: $setup.linkTarget,
-    rel: $setup.linkTarget === "_blank" ? "noopener" : void 0
-  }, _attrs), {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "default")
-        ];
-      }
-    }),
-    _: 3
-  }), _parent);
-}
-const _sfc_setup$4 = _sfc_main$4.setup;
-_sfc_main$4.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/ALink.vue");
-  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
-};
-const ALink = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
-
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "AImg",
-  props: {
-    picture: {},
-    loading: { default: "lazy" },
-    decoding: {},
-    alt: {},
-    preferredSize: {}
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const image = computed(() => {
-      if (props.picture.url) {
-        return props.picture;
-      }
-      return img(props.picture, void 0, props.preferredSize) || {};
-    });
-    const dimensions = computed(() => {
-      return imgSizes(image.value);
-    });
-    const attrs = computed(() => ({
-      src: image.value.url,
-      alt: image.value.alt || props.alt,
-      width: dimensions.value.width || void 0,
-      height: dimensions.value.height || void 0,
-      loading: props.loading,
-      decoding: props.decoding || (dimensions.value.height ? "async" : void 0)
-    }));
-    const __returned__ = { props, image, dimensions, attrs };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<img${ssrRenderAttrs(mergeProps($setup.attrs, _attrs))}>`);
-}
-const _sfc_setup$3 = _sfc_main$3.setup;
-_sfc_main$3.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/AImg.vue");
-  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
-};
-const AImg = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
-
-const rowClassName = "bg-gray-200 rounded-md dark:bg-gray-700";
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "Skeleton",
-  props: {
-    isBold: { type: Boolean },
-    isLarge: { type: Boolean }
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const firstRowClassName = computed(() => {
-      return `${rowClassName} ${props.isBold ? "h-8 mb-6" : "h-2.5 mb-4"}`;
-    });
-    const nextRowsClassName = computed(() => {
-      return `${rowClassName} ${props.isBold ? "h-5 mb-4" : "h-2 mb-2.5"}`;
-    });
-    const __returned__ = { props, rowClassName, firstRowClassName, nextRowsClassName };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<div${ssrRenderAttrs(mergeProps({
-    role: "status",
-    class: ["animate-pulse", $props.isLarge ? "max-w-4xl" : "max-w-sm"]
-  }, _attrs))}><div class="${ssrRenderClass([$setup.firstRowClassName, $props.isLarge ? "w-96" : "w-48"])}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[680px]" : "max-w-[340px]"])}"></div><div class="${ssrRenderClass($setup.nextRowsClassName)}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[660px]" : "max-w-[330px]"])}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[600px]" : "max-w-[300px]"])}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[720px]" : "max-w-[360px]"])}"></div><span class="sr-only">Loading...</span></div>`);
-}
-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/Skeleton.vue");
-  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
-};
-const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
-
-const formatPercentage = (value, digits = 1) => {
-  return Number.isInteger(value) ? `${value}%` : `${value.toFixed(digits)}%`;
-};
-const createApp$1 = (app) => {
-  app.use({
-    // eslint-disable-next-line no-shadow
-    install: (app2, options) => {
-      app2.config.globalProperties.$t = (dict, lang) => {
-        return i18n(dict, lang || options?.lang);
-      };
-      app2.config.globalProperties.$money = formatMoney;
-      app2.config.globalProperties.$percentage = formatPercentage;
-      app2.config.globalProperties.$settings = globalThis.$storefront.settings;
-      app2.config.globalProperties.$apiContext = globalThis.$storefront.apiContext;
-    }
-  });
-  app.component("Fade", Fade);
-  app.component("ALink", ALink);
-  app.component("AImg", AImg);
-  app.component("Skeleton", Skeleton);
-};
-
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "CarouselControl",
-  props: {
-    isPrev: { type: Boolean, default: false }
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const { axis, changeSlide } = inject(carouselKey);
-    const isX = axis === "x";
-    const __returned__ = { axis, changeSlide, isX };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<button${ssrRenderAttrs(mergeProps({
-    type: "button",
-    "aria-label": !$props.isPrev ? "Pr\xF3ximo" : "Anterior",
-    class: ["group absolute z-[11]", $setup.isX ? `${!$props.isPrev ? "right-0" : "left-0"} top-0` : `${!$props.isPrev ? "bottom-0" : "top-0"} left-0`],
-    "data-carousel-control": !$props.isPrev ? "next" : "previous"
-  }, _attrs))}>`);
-  ssrRenderSlot(_ctx.$slots, "default", {}, () => {
-    _push(`<i class="${ssrRenderClass([{
-      "group-active:translate-x-1": $setup.isX && !$props.isPrev,
-      "rotate-180 group-active:-translate-x-1": $setup.isX && $props.isPrev,
-      "rotate-90 group-active:translate-y-1": !$setup.isX && !$props.isPrev,
-      "-rotate-90 group-active:-translate-y-1": !$setup.isX && $props.isPrev
-    }, "i-chevron-right m-0"])}"></i>`);
-  }, _push, _parent);
-  _push(`</button>`);
-}
-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/CarouselControl.vue");
-  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
-};
-const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
-
-const carouselKey = Symbol("carousel");
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Carousel",
-  props: {
-    as: { default: "ul" },
-    index: { default: 0 },
-    autoplay: {},
-    axis: { default: "x" },
-    hasControls: { type: Boolean },
-    wrapperKey: {}
-  },
-  emits: ["update:index"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const activeIndex = ref(0);
-    watch(toRef(props, "index"), (index) => {
-      if (index !== activeIndex.value) {
-        const step = index - activeIndex.value;
-        changeSlide(step, false);
-      }
-    }, {
-      immediate: true
-    });
-    watch(activeIndex, (current, previous) => {
-      if (current !== previous) {
-        emit("update:index", current);
-      }
-    });
-    const wrapper = ref(null);
-    const { [props.axis]: currentPos, isScrolling, arrivedState } = useScroll(wrapper);
-    const isX = props.axis === "x";
-    const isBoundStart = computed(() => isX ? arrivedState.left : arrivedState.top);
-    const isBoundEnd = computed(() => isX ? arrivedState.right : arrivedState.bottom);
-    const slideSizes = ref([]);
-    const wrapperScrollSize = ref(0);
-    const wrapperVisibleSize = ref(0);
-    const calcWrapperSize = () => {
-      if (!wrapper.value)
-        return;
-      if (isX) {
-        wrapperScrollSize.value = wrapper.value.scrollWidth;
-        wrapperVisibleSize.value = wrapper.value.offsetWidth;
-      } else {
-        wrapperScrollSize.value = wrapper.value.scrollHeight;
-        wrapperVisibleSize.value = wrapper.value.offsetHeight;
-      }
-    };
-    const calcSlidesSize = () => {
-      if (!wrapper.value)
-        return;
-      let childNodes = [...wrapper.value.children];
-      if (childNodes.length === 1 && childNodes[0].tagName.endsWith("SLOT")) {
-        childNodes = [...childNodes[0].children];
-      }
-      slideSizes.value = childNodes.map((node) => ({
-        offset: isX ? node.offsetLeft : node.offsetTop,
-        size: isX ? node.offsetWidth : node.offsetHeight
-      }));
-    };
-    const calcNextOffset = (step) => {
-      let nextSlideIndex = activeIndex.value + step;
-      if (nextSlideIndex >= slideSizes.value.length) {
-        return 0;
-      }
-      if (nextSlideIndex < 0) {
-        nextSlideIndex = slideSizes.value.length + nextSlideIndex;
-      }
-      const { offset, size } = slideSizes.value[nextSlideIndex] || {};
-      if (!size) {
-        return 0;
-      }
-      return offset;
-    };
-    const calcCurrentIndex = () => {
-      const index = slideSizes.value.findIndex((slide) => {
-        return Math.abs(slide.offset - currentPos.value) <= 5;
-      });
-      if (index > -1) {
-        activeIndex.value = index || 0;
-      }
-    };
-    let autoplayTimer;
-    const restartAutoplay = () => {
-      if (props.autoplay) {
-        clearTimeout(autoplayTimer);
-        autoplayTimer = setTimeout(() => {
-          changeSlide(1);
-        }, props.autoplay);
-      }
-    };
-    const changeSlide = (step, isPageScroll = true) => {
-      if (slideSizes.value.length < 2) {
-        return;
-      }
-      let nextOffset = -1;
-      if (currentPos.value + wrapperVisibleSize.value >= wrapperScrollSize.value) {
-        nextOffset = 0;
-      } else {
-        if (isPageScroll && (step === 1 || step === -1)) {
-          let pageStep = 0;
-          let pageStepSize = 0;
-          for (let i = activeIndex.value; i < slideSizes.value.length; i++) {
-            const { size } = slideSizes.value[i] || {};
-            if (size) {
-              pageStep += 1;
-              pageStepSize += size;
-              if (pageStepSize + size * 0.75 >= wrapperVisibleSize.value) {
-                break;
-              }
-            }
-          }
-          if (pageStep) {
-            step = step > 0 ? pageStep : -pageStep;
-          }
-        }
-        nextOffset = calcNextOffset(step);
-      }
-      wrapper.value?.scrollTo({
-        [isX ? "left" : "top"]: nextOffset,
-        behavior: "smooth"
-      });
-      restartAutoplay();
-    };
-    watch(isScrolling, (_isScrolling) => {
-      if (_isScrolling) {
-        clearTimeout(autoplayTimer);
-      } else {
-        calcCurrentIndex();
-        restartAutoplay();
-      }
-    });
-    const carousel = ref(null);
-    const isHovered = useElementHover(carousel);
-    watch(isHovered, (_isHovered) => {
-      if (_isHovered) {
-        clearTimeout(autoplayTimer);
-      } else {
-        restartAutoplay();
-      }
-    });
-    const calcOnInit = () => {
-      if (!wrapper.value) {
-        return;
-      }
-      calcWrapperSize();
-      calcSlidesSize();
-      calcCurrentIndex();
-    };
-    const onResize = useDebounceFn(() => {
-      if (!wrapper.value)
-        return;
-      if (isX) {
-        wrapper.value.scrollLeft = 0;
-      } else {
-        wrapper.value.scrollTop = 0;
-      }
-      calcOnInit();
-    }, 400);
-    onMounted(() => {
-      calcOnInit();
-    });
-    watch(toRef(props, "wrapperKey"), calcOnInit);
-    onBeforeUnmount(() => {
-      clearTimeout(autoplayTimer);
-    });
-    provide(carouselKey, {
-      autoplay: toRef(props, "autoplay"),
-      axis: props.axis,
-      changeSlide,
-      isBoundStart,
-      isBoundEnd
-    });
-    const __returned__ = { carouselKey, props, emit, activeIndex, wrapper, currentPos, isScrolling, arrivedState, isX, isBoundStart, isBoundEnd, slideSizes, wrapperScrollSize, wrapperVisibleSize, calcWrapperSize, calcSlidesSize, calcNextOffset, calcCurrentIndex, get autoplayTimer() {
-      return autoplayTimer;
-    }, set autoplayTimer(v) {
-      autoplayTimer = v;
-    }, restartAutoplay, changeSlide, carousel, isHovered, calcOnInit, onResize, CarouselControl };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<div${ssrRenderAttrs(mergeProps({
-    ref: "carousel",
-    class: `relative ${!$setup.isX ? "overflow-hidden" : ""}`,
-    "data-carousel": ""
-  }, _attrs))}>`);
-  ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), {
-    ref: "wrapper",
-    class: ["m-0 flex snap-mandatory list-none scroll-smooth p-0 [&>*]:snap-start [&>*]:outline-none", $setup.isX ? "snap-x overflow-y-hidden overflow-x-scroll" : "h-full flex-col snap-y overflow-x-hidden overflow-y-scroll"],
-    style: { "scrollbar-width": "none", "-webkit-overflow-scrolling": "touch", "-ms-overflow-style": "none" },
-    "data-carousel-wrapper": ""
-  }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "default")
-        ];
-      }
-    }),
-    _: 3
-  }), _parent);
-  ssrRenderSlot(_ctx.$slots, "controls", {
-    changeSlide: $setup.changeSlide,
-    isBoundStart: $setup.isBoundStart,
-    isBoundEnd: $setup.isBoundEnd,
-    activeIndex: $setup.activeIndex
-  }, () => {
-    if ($setup.slideSizes.length > 1 || $props.hasControls) {
-      _push(ssrRenderComponent($setup["CarouselControl"], { "is-prev": "" }, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            ssrRenderSlot(_ctx.$slots, "previous", {}, null, _push2, _parent2, _scopeId);
-          } else {
-            return [
-              renderSlot(_ctx.$slots, "previous")
-            ];
-          }
-        }),
-        _: 3
-      }, _parent));
-    } else {
-      _push(`<!---->`);
-    }
-    if ($setup.slideSizes.length > 1 || $props.hasControls) {
-      _push(ssrRenderComponent($setup["CarouselControl"], null, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            ssrRenderSlot(_ctx.$slots, "next", {}, null, _push2, _parent2, _scopeId);
-          } else {
-            return [
-              renderSlot(_ctx.$slots, "next")
-            ];
-          }
-        }),
-        _: 3
-      }, _parent));
-    } else {
-      _push(`<!---->`);
-    }
-  }, _push, _parent);
-  _push(`</div>`);
-}
-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/Carousel.vue");
-  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-};
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
-
-const createApp = (app) => {
-  createApp$1(app);
-  app.component("Carousel", Carousel);
-  app.component("CarouselControl", CarouselControl);
-};
-
-const mod = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-  __proto__: null,
-  default: createApp
-}, Symbol.toStringTag, { value: 'Module' }));
-
-const setup = (app) => {
+const setup = async (app) => {
 	if ('default' in mod) {
-		createApp(app);
+		await createApp(app);
 	}
 };
 

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "bin": {
     "storefront": "./scripts/build-prod.sh"
@@ -42,7 +42,7 @@
     "@types/gtag.js": "^0.0.18",
     "@vite-pwa/astro": "^0.2.0",
     "@vueuse/core": "10.7.1",
-    "astro": "4.1.1",
+    "astro": "4.1.2",
     "astro-capo": "^0.0.1",
     "chroma-js": "^2.4.2",
     "dotenv": "^16.3.1",
@@ -51,7 +51,7 @@
     "mime": "^3.0.0",
     "mitt": "^3.0.1",
     "semver": "^7.5.4",
-    "sharp": "^0.33.1",
+    "sharp": "^0.32.6",
     "tailwindcss": "^3.4.1",
     "unocss": "^0.58.3",
     "unplugin-auto-import": "^0.17.3",

package/packages/storefront/src/lib/components/globals/ALink.vue

@@ -13,6 +13,7 @@ const linkTarget = computed(() => {
   if (props.href.startsWith('http')) {
     const domain = globalThis.$storefront.settings.domain || window.location.host;
     if (props.href.startsWith(`https://${domain}`)) return undefined;
+    return '_blank';
   }
   return undefined;
 });

package/packages/test-base/package.json

@@ -2,7 +2,7 @@
   "name": "@cloudcommerce/test-base",
   "private": true,
   "type": "module",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "E-Com Plus Cloud Commerce basic setup for testing",
   "main": "lib/index.js",
   "repository": {

package/packages/types/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/types",
   "type": "module",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "E-Com Plus Cloud Commerce reusable type definitions",
   "main": "index.ts",
   "repository": {