vlite3 1.4.30 → 1.4.32

package/components/ScaleGenerator/ScaleGenerator.vue.js

@@ -1,110 +1,7 @@
-import { defineComponent as w, ref as n, computed as l, onMounted as O, onBeforeUnmount as M, watch as B, openBlock as E, createElementBlock as k, normalizeStyle as S, createElementVNode as C, normalizeClass as L, renderSlot as _, nextTick as $ } from "vue";
-const A = /* @__PURE__ */ w({
-  __name: "ScaleGenerator",
-  props: {
-    enabled: { type: Boolean, default: void 0 },
-    targetWidth: { default: void 0 },
-    maxWidth: { default: void 0 },
-    minScale: { default: 0.25 },
-    maxScale: { default: 1 },
-    scale: { default: null },
-    isEditMode: { type: Boolean, default: !1 },
-    horizontalAlign: { default: "center" },
-    contentClass: { default: "" }
-  },
-  emits: ["update:scale", "update:containerWidth"],
-  setup(v, { emit: b }) {
-    const e = v, c = b, o = n(null), r = n(null), a = n(1), m = n(0), h = n(0);
-    let u = null, d = null;
-    const f = l(() => e.enabled ?? !!e.isEditMode), i = l(
-      () => Math.max(1, e.targetWidth ?? e.maxWidth ?? 1440)
-    ), g = (t) => Math.min(e.maxScale, Math.max(e.minScale, t)), p = () => {
-      h.value = r.value?.scrollHeight ?? 0;
-    }, y = () => {
-      const t = o.value?.clientWidth ?? i.value;
-      if (m.value = t, c("update:containerWidth", t), !f.value) {
-        a.value = 1, p(), c("update:scale", 1);
-        return;
-      }
-      const W = typeof e.scale == "number" ? g(e.scale) : g(t / i.value);
-      a.value = Number(W.toFixed(4)), p(), c("update:scale", a.value);
-    }, s = async () => {
-      await $(), y();
-    };
-    O(() => {
-      s(), !(typeof ResizeObserver > "u") && (u = new ResizeObserver(() => {
-        s();
-      }), d = new ResizeObserver(() => {
-        s();
-      }), o.value && u.observe(o.value), r.value && d.observe(r.value));
-    }), M(() => {
-      u?.disconnect(), d?.disconnect();
-    }), B(
-      () => [
-        e.enabled,
-        e.isEditMode,
-        e.targetWidth,
-        e.maxWidth,
-        e.minScale,
-        e.maxScale,
-        e.scale,
-        e.horizontalAlign
-      ],
-      () => {
-        s();
-      }
-    );
-    const x = l(() => {
-      const t = e.horizontalAlign ?? "center";
-      return t === "left" ? {
-        marginLeft: "0",
-        marginRight: "auto",
-        transformOrigin: "top left"
-      } : t === "right" ? {
-        marginLeft: "auto",
-        marginRight: "0",
-        transformOrigin: "top right"
-      } : {
-        marginLeft: "auto",
-        marginRight: "auto",
-        transformOrigin: "top center"
-      };
-    }), R = l(() => {
-      if (!f.value) return;
-      const t = h.value * a.value;
-      return {
-        height: t > 0 ? `${t}px` : void 0
-      };
-    }), z = l(() => f.value ? {
-      width: `${i.value}px`,
-      transform: a.value !== 1 ? `scale(${a.value})` : "none",
-      ...x.value
-    } : {
-      maxWidth: e.maxWidth ? `${e.maxWidth}px` : void 0,
-      width: "100%",
-      ...x.value
-    });
-    return (t, W) => (E(), k("div", {
-      ref_key: "frameRef",
-      ref: o,
-      class: "vlite-scale-generator-frame relative w-full overflow-hidden",
-      style: S(R.value)
-    }, [
-      C("div", {
-        ref_key: "contentRef",
-        ref: r,
-        class: L(["vlite-scale-generator-content transition-transform duration-150 ease-out", v.contentClass]),
-        style: S(z.value)
-      }, [
-        _(t.$slots, "default", {
-          scale: a.value,
-          containerWidth: m.value,
-          targetWidth: i.value
-        })
-      ], 6)
-    ], 4));
-  }
-});
+import e from "./ScaleGenerator.vue2.js";
+/* empty css                    */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eec3ef03"]]);
 export {
-  A as default
+  c as default
 };

package/components/ScaleGenerator/ScaleGenerator.vue2.js

@@ -1,4 +1,145 @@
-import f from "./ScaleGenerator.vue.js";
+import { defineComponent as I, ref as r, computed as l, onMounted as T, onBeforeUnmount as j, watch as G, openBlock as Q, createElementBlock as U, normalizeStyle as k, createElementVNode as V, normalizeClass as D, renderSlot as J, nextTick as K } from "vue";
+const X = /* @__PURE__ */ I({
+  __name: "ScaleGenerator",
+  props: {
+    enabled: { type: Boolean, default: void 0 },
+    targetWidth: { default: void 0 },
+    maxWidth: { default: void 0 },
+    minScale: { default: 0.25 },
+    maxScale: { default: 1 },
+    scale: { default: null },
+    isEditMode: { type: Boolean, default: !1 },
+    horizontalAlign: { default: "center" },
+    contentClass: { default: "" }
+  },
+  emits: ["update:scale", "update:containerWidth", "update:ready"],
+  setup(O, { emit: _ }) {
+    const t = O, o = _, u = r(null), f = r(null), i = r(1), s = r(0), c = r(0), n = r(!1);
+    let v = null, m = 0, g = 0, d = !1;
+    const B = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, p = l(() => t.enabled ?? !!t.isEditMode), y = l(
+      () => Math.max(1, t.targetWidth ?? t.maxWidth ?? 1440)
+    ), E = l(() => [
+      "vlite-scale-generator-content",
+      n.value && !B ? "transition-transform duration-150 ease-out" : "",
+      t.contentClass
+    ]), w = (e) => Math.min(t.maxScale, Math.max(t.minScale, e)), W = () => {
+      n.value || (n.value = !0, o("update:ready", !0));
+    }, L = (e) => {
+      if (!n.value) {
+        if (typeof window > "u") {
+          W();
+          return;
+        }
+        cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+          m = 0;
+          const a = u.value?.clientWidth ?? 0;
+          if (!(a <= 0)) {
+            if (a !== e) {
+              h();
+              return;
+            }
+            W();
+          }
+        });
+      }
+    }, h = () => {
+      const e = u.value?.clientWidth ?? 0, a = f.value?.scrollHeight ?? 0;
+      if (!p.value) {
+        const A = s.value !== e, M = c.value !== a, z = i.value !== 1;
+        if (!A && !M && !z && n.value) return;
+        A && (s.value = e, o("update:containerWidth", e)), z && (i.value = 1, o("update:scale", 1)), M && (c.value = a), W();
+        return;
+      }
+      if (e <= 0) return;
+      const N = typeof t.scale == "number" ? w(t.scale) : w(e / y.value), x = Number(N.toFixed(4)), b = s.value !== e, C = i.value !== x, F = c.value !== a;
+      !b && !C && !F && n.value || (b && (s.value = e, o("update:containerWidth", e)), C && (i.value = x, o("update:scale", x)), F && (c.value = a), L(e));
+    }, S = async () => {
+      await K(), h();
+    }, $ = () => {
+      if (!d) {
+        if (d = !0, typeof window > "u") {
+          d = !1, h();
+          return;
+        }
+        cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+          d = !1, h();
+        });
+      }
+    };
+    T(() => {
+      S(), !(typeof ResizeObserver > "u") && (v = new ResizeObserver($), u.value && v.observe(u.value), f.value && v.observe(f.value));
+    }), j(() => {
+      cancelAnimationFrame(m), cancelAnimationFrame(g), d = !1, v?.disconnect();
+    }), G(
+      () => [
+        t.enabled,
+        t.isEditMode,
+        t.targetWidth,
+        t.maxWidth,
+        t.minScale,
+        t.maxScale,
+        t.scale
+      ],
+      () => {
+        S();
+      }
+    );
+    const R = l(() => {
+      const e = t.horizontalAlign ?? "center";
+      return e === "left" ? {
+        marginLeft: "0",
+        marginRight: "auto",
+        transformOrigin: "top left"
+      } : e === "right" ? {
+        marginLeft: "auto",
+        marginRight: "0",
+        transformOrigin: "top right"
+      } : {
+        marginLeft: "auto",
+        marginRight: "auto",
+        transformOrigin: "top center"
+      };
+    }), H = l(() => {
+      const e = {};
+      if (p.value) {
+        const a = c.value * i.value;
+        (a > 0 || !n.value) && (e.height = `${a}px`);
+      }
+      return n.value || (e.visibility = "hidden"), Object.keys(e).length ? e : void 0;
+    }), q = l(() => p.value ? {
+      width: `${y.value}px`,
+      transform: i.value !== 1 ? `scale(${i.value})` : "none",
+      // This inline guard wins over transition utilities supplied through
+      // contentClass. It is removed only after the fitted transform is committed.
+      transition: n.value ? void 0 : "none",
+      ...R.value
+    } : {
+      maxWidth: t.maxWidth ? `${t.maxWidth}px` : void 0,
+      width: "100%",
+      ...R.value
+    });
+    return (e, a) => (Q(), U("div", {
+      ref_key: "frameRef",
+      ref: u,
+      class: "vlite-scale-generator-frame relative w-full overflow-clip",
+      style: k(H.value)
+    }, [
+      V("div", {
+        ref_key: "contentRef",
+        ref: f,
+        class: D(E.value),
+        style: k(q.value)
+      }, [
+        J(e.$slots, "default", {
+          scale: i.value,
+          containerWidth: s.value,
+          targetWidth: y.value,
+          ready: n.value
+        }, void 0, !0)
+      ], 6)
+    ], 4));
+  }
+});
 export {
-  f as default
+  X as default
 };

package/components/ScaleGenerator/types.d.ts

@@ -60,4 +60,6 @@ export interface ScaleGeneratorSlotScope {
     scale: number;
     containerWidth: number;
     targetWidth: number;
+    /** True after the first fitted scale has been applied (no initial flash). */
+    ready: boolean;
 }

package/components/Screen/ScreenFilter.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as M, computed as d, openBlock as s, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
+import { defineComponent as B, ref as M, computed as d, openBlock as o, createBlock as n, withCtx as s, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
 import f from "../Button.vue.js";
 import j from "../Modal.vue.js";
 import z from "../Dropdown/Dropdown.vue.js";
@@ -20,6 +20,7 @@ import "@vueuse/core";
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                                 */
+/* empty css                        */
 /* empty css                 */
 /* empty css                                         */
 /* empty css                                    */
@@ -30,7 +31,7 @@ import "../../core/config.js";
 const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, A = { style: { "will-change": "transform", contain: "layout style" } }, E = {
   class: "pt-2 px-2 min-w-[295px]",
   style: { "will-change": "transform", contain: "layout style" }
-}, ce = /* @__PURE__ */ B({
+}, pe = /* @__PURE__ */ B({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -55,21 +56,21 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       const e = y("vlite.screen.filter");
       return e !== "vlite.screen.filter" ? e : "Filter";
     });
-    return (e, t) => i.type === "modal" ? (s(), n(j, {
+    return (e, t) => i.type === "modal" ? (o(), n(j, {
       key: 0,
       title: g.value,
       show: r.value,
       "onUpdate:show": t[3] || (t[3] = (u) => r.value = u),
       "max-width": "sm:max-w-md"
     }, {
-      trigger: o(() => [
-        p.value > 0 ? (s(), n(f, {
+      trigger: s(() => [
+        p.value > 0 ? (o(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0",
           onClick: t[0] || (t[0] = (u) => r.value = !0)
         }, {
-          default: o(() => [
+          default: s(() => [
             a(h, {
               icon: "ci:filter",
               class: "w-4 h-4"
@@ -86,7 +87,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (s(), n(f, {
+        })) : (o(), n(f, {
           key: 1,
           variant: "outline",
           onClick: t[2] || (t[2] = (u) => r.value = !0),
@@ -95,9 +96,9 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
           asIcon: "",
           class: "shrink-0 h-9! w-9!"
         }, {
-          default: o(() => [
+          default: s(() => [
             l("div", N, [
-              t[1] || (C(-1, !0), (t[1] = (s(), S("svg", {
+              t[1] || (C(-1, !0), (t[1] = (o(), S("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "1.132em",
                 height: "1.132em",
@@ -117,7 +118,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
           _: 1
         }, 8, ["title"]))
       ]),
-      default: o(() => [
+      default: s(() => [
         l("div", A, [
           a(w(O), {
             schema: i.schema,
@@ -128,7 +129,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         ])
       ]),
       _: 1
-    }, 8, ["title", "show"])) : (s(), n(w(z), {
+    }, 8, ["title", "show"])) : (o(), n(w(z), {
       key: 1,
       isOpen: r.value,
       "onUpdate:isOpen": t[4] || (t[4] = (u) => r.value = u),
@@ -138,14 +139,14 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       "class-name": "pb-0! always-scroll",
       class: "w-auto"
     }, {
-      trigger: o(() => [
-        p.value > 0 ? (s(), n(f, {
+      trigger: s(() => [
+        p.value > 0 ? (o(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0 bg-gray-150! hover:bg-gray-100!",
           style: { "pointer-events": "auto" }
         }, {
-          default: o(() => [
+          default: s(() => [
             a(h, {
               icon: "ci:filter",
               class: "w-4 h-4"
@@ -162,7 +163,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (s(), n(f, {
+        })) : (o(), n(f, {
           key: 1,
           variant: "outline",
           icon: "hugeicons:filter-add",
@@ -171,7 +172,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
           class: "shrink-0 h-9! w-9!"
         }, null, 8, ["title"]))
       ]),
-      default: o(() => [
+      default: s(() => [
         l("div", E, [
           a(w(O), {
             schema: i.schema,
@@ -193,5 +194,5 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   }
 });
 export {
-  ce as default
+  pe as default
 };

package/components/SeoProvider/SeoProvider.vue.d.ts

@@ -25,6 +25,8 @@ type __VLS_Props = {
      * The shop uses this to inject `{{storeName}}` once.
      */
     globalReplacements?: Record<string, string | number | null | undefined>;
+    /** Sanitize resolved textual fields after token replacement. */
+    sanitizeText?: boolean;
     /**
      * The actual emitter. Defaults to the DOM adapter so
      * non-Nuxt hosts get a working document head out of the
@@ -55,8 +57,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onUpdate?: (payload: SeoPayload) => any;
 }>, {
     fallback: Partial<SeoData> | null;
-    defaults: Partial<SeoData> | null;
     pageType: string;
+    sanitizeText: boolean;
+    defaults: Partial<SeoData> | null;
     globalReplacements: Record<string, string | number | null | undefined>;
     adapter: SeoAdapter | null;
     pageFallbacks: Record<string, Partial<SeoData>> | null;

package/components/SeoProvider/SeoProvider.vue.js

@@ -1,52 +1,58 @@
-import { defineComponent as m, ref as v, provide as g, computed as l, watch as y, renderSlot as b } from "vue";
-import { normalizeSeo as T } from "./normalizeSeo.js";
-import { createDomSeoAdapter as k } from "./domAdapter.js";
-import { SEO_CONTEXT_KEY as _ } from "../../composables/useSeo.js";
-const x = /* @__PURE__ */ m({
+import { defineComponent as k, ref as x, provide as _, computed as o, watch as F, onBeforeUnmount as h, renderSlot as S } from "vue";
+import { normalizeSeo as z } from "./normalizeSeo.js";
+import { createDomSeoAdapter as A } from "./domAdapter.js";
+import { SEO_CONTEXT_KEY as B } from "../../composables/useSeo.js";
+const R = /* @__PURE__ */ k({
   __name: "SeoProvider",
   props: {
     defaults: { default: null },
     fallback: { default: null },
     pageType: { default: void 0 },
     globalReplacements: { default: void 0 },
+    sanitizeText: { type: Boolean, default: !1 },
     adapter: { default: null },
     pageFallbacks: { default: null }
   },
   emits: ["update"],
-  setup(p, { emit: s }) {
-    const o = p, i = s, n = v(/* @__PURE__ */ new Map());
-    g(_, n);
-    const d = l(() => o.adapter ?? k()), r = l(() => {
-      const t = Array.from(n.value.values());
-      if (t.length === 0) return null;
-      const a = {};
-      for (const e of t)
-        e.pageType && (a.pageType = e.pageType), e.title !== void 0 && (a.title = e.title), e.description !== void 0 && (a.description = e.description), e.keywords !== void 0 && (a.keywords = e.keywords), e.image !== void 0 && (a.image = e.image), e.canonicalUrl !== void 0 && (a.canonicalUrl = e.canonicalUrl), e.robots !== void 0 && (a.robots = e.robots), e.overrides && (a.overrides = { ...a.overrides ?? {}, ...e.overrides }), e.replacements && (a.replacements = { ...a.replacements ?? {}, ...e.replacements });
-      return a;
-    }), c = l(() => {
-      const t = r.value?.pageType ?? o.pageType ?? "home";
-      return o.pageFallbacks && o.pageFallbacks[t] ? o.pageFallbacks[t] : o.fallback ?? null;
-    }), u = l(
-      () => r.value?.pageType ?? o.pageType ?? "home"
-    ), f = l(() => {
-      const t = {
-        defaults: o.defaults,
+  setup(c, { emit: f }) {
+    const a = c, i = f, n = x(/* @__PURE__ */ new Map());
+    _(B, n);
+    const s = o(() => a.adapter ?? A()), r = o(() => {
+      const e = Array.from(n.value.values());
+      if (e.length === 0) return null;
+      const t = {}, l = t;
+      for (const y of e) {
+        const { replacements: p, overrides: d, ...b } = y;
+        for (const [T, u] of Object.entries(b))
+          u !== void 0 && (l[T] = u);
+        d && (t.overrides = { ...t.overrides ?? {}, ...d }), p && (t.replacements = { ...t.replacements ?? {}, ...p });
+      }
+      return t;
+    }), m = o(() => {
+      const e = r.value?.pageType ?? a.pageType ?? "home";
+      return a.pageFallbacks && a.pageFallbacks[e] ? a.pageFallbacks[e] : a.fallback ?? null;
+    }), v = o(
+      () => r.value?.pageType ?? a.pageType ?? "home"
+    ), g = o(() => {
+      const e = {
+        defaults: a.defaults,
         context: r.value,
-        fallback: c.value,
-        pageType: u.value,
-        globalReplacements: o.globalReplacements
+        fallback: m.value,
+        pageType: v.value,
+        globalReplacements: a.globalReplacements,
+        sanitizeText: a.sanitizeText
       };
-      return T(t);
+      return z(e);
     });
-    return y(
-      f,
-      (t) => {
-        d.value.apply(t), i("update", t);
+    return F(
+      () => ({ adapter: s.value, payload: g.value }),
+      ({ adapter: e, payload: t }, l) => {
+        l?.adapter && l.adapter !== e && l.adapter.reset?.(), e.apply(t), i("update", t);
       },
       { immediate: !0, deep: !0 }
-    ), (t, a) => b(t.$slots, "default");
+    ), h(() => s.value.reset?.()), (e, t) => S(e.$slots, "default");
   }
 });
 export {
-  x as default
+  R as default
 };

package/components/SeoProvider/domAdapter.d.ts

@@ -1,6 +1,3 @@
 import { SeoAdapter } from './types';
-/**
- * Build a DOM-mutating `SeoAdapter`. Idempotent — repeated
- * calls just refresh the same set of tags.
- */
+/** Default idempotent DOM adapter for client-rendered applications. */
 export declare const createDomSeoAdapter: () => SeoAdapter;