@creopse/vue 0.0.35 → 0.0.37

package/dist/index.mjs

@@ -2211,103 +2211,103 @@ function $d() {
 function Bd() {
   return this._isUTC ? "Coordinated Universal Time" : "";
 }
-var y = Vt.prototype;
-y.add = Lc;
-y.calendar = $c;
-y.clone = Bc;
-y.diff = Zc;
-y.endOf = od;
-y.format = td;
-y.from = nd;
-y.fromNow = rd;
-y.to = sd;
-y.toNow = id;
-y.get = eu;
-y.invalidAt = _d;
-y.isAfter = Gc;
-y.isBefore = Vc;
-y.isBetween = zc;
-y.isSame = qc;
-y.isSameOrAfter = Jc;
-y.isSameOrBefore = Kc;
-y.isValid = md;
-y.lang = ia;
-y.locale = sa;
-y.localeData = aa;
-y.max = mc;
-y.min = hc;
-y.parsingFlags = pd;
-y.set = tu;
-y.startOf = ad;
-y.subtract = Yc;
-y.toArray = dd;
-y.toObject = fd;
-y.toDate = cd;
-y.toISOString = Qc;
-y.inspect = ed;
-typeof Symbol < "u" && Symbol.for != null && (y[Symbol.for("nodejs.util.inspect.custom")] = function() {
+var g = Vt.prototype;
+g.add = Lc;
+g.calendar = $c;
+g.clone = Bc;
+g.diff = Zc;
+g.endOf = od;
+g.format = td;
+g.from = nd;
+g.fromNow = rd;
+g.to = sd;
+g.toNow = id;
+g.get = eu;
+g.invalidAt = _d;
+g.isAfter = Gc;
+g.isBefore = Vc;
+g.isBetween = zc;
+g.isSame = qc;
+g.isSameOrAfter = Jc;
+g.isSameOrBefore = Kc;
+g.isValid = md;
+g.lang = ia;
+g.locale = sa;
+g.localeData = aa;
+g.max = mc;
+g.min = hc;
+g.parsingFlags = pd;
+g.set = tu;
+g.startOf = ad;
+g.subtract = Yc;
+g.toArray = dd;
+g.toObject = fd;
+g.toDate = cd;
+g.toISOString = Qc;
+g.inspect = ed;
+typeof Symbol < "u" && Symbol.for != null && (g[Symbol.for("nodejs.util.inspect.custom")] = function() {
   return "Moment<" + this.format() + ">";
 });
-y.toJSON = hd;
-y.toString = Xc;
-y.unix = ud;
-y.valueOf = ld;
-y.creationData = yd;
-y.eraName = vd;
-y.eraNarrow = bd;
-y.eraAbbr = Od;
-y.eraYear = Dd;
-y.year = Li;
-y.isLeapYear = Ql;
-y.weekYear = Ad;
-y.isoWeekYear = Id;
-y.quarter = y.quarters = Ud;
-y.month = ji;
-y.daysInMonth = cu;
-y.week = y.weeks = gu;
-y.isoWeek = y.isoWeeks = wu;
-y.weeksInYear = Pd;
-y.weeksInWeekYear = Ld;
-y.isoWeeksInYear = Nd;
-y.isoWeeksInISOWeekYear = Cd;
-y.date = da;
-y.day = y.days = Iu;
-y.weekday = Nu;
-y.isoWeekday = Cu;
-y.dayOfYear = Fd;
-y.hour = y.hours = ju;
-y.minute = y.minutes = Wd;
-y.second = y.seconds = jd;
-y.millisecond = y.milliseconds = fa;
-y.utcOffset = Oc;
-y.utc = kc;
-y.local = Ec;
-y.parseZone = Tc;
-y.hasAlignedHourOffset = Mc;
-y.isDST = Rc;
-y.isLocal = Ac;
-y.isUtcOffset = Ic;
-y.isUtc = ea;
-y.isUTC = ea;
-y.zoneAbbr = $d;
-y.zoneName = Bd;
-y.dates = Se(
+g.toJSON = hd;
+g.toString = Xc;
+g.unix = ud;
+g.valueOf = ld;
+g.creationData = yd;
+g.eraName = vd;
+g.eraNarrow = bd;
+g.eraAbbr = Od;
+g.eraYear = Dd;
+g.year = Li;
+g.isLeapYear = Ql;
+g.weekYear = Ad;
+g.isoWeekYear = Id;
+g.quarter = g.quarters = Ud;
+g.month = ji;
+g.daysInMonth = cu;
+g.week = g.weeks = gu;
+g.isoWeek = g.isoWeeks = wu;
+g.weeksInYear = Pd;
+g.weeksInWeekYear = Ld;
+g.isoWeeksInYear = Nd;
+g.isoWeeksInISOWeekYear = Cd;
+g.date = da;
+g.day = g.days = Iu;
+g.weekday = Nu;
+g.isoWeekday = Cu;
+g.dayOfYear = Fd;
+g.hour = g.hours = ju;
+g.minute = g.minutes = Wd;
+g.second = g.seconds = jd;
+g.millisecond = g.milliseconds = fa;
+g.utcOffset = Oc;
+g.utc = kc;
+g.local = Ec;
+g.parseZone = Tc;
+g.hasAlignedHourOffset = Mc;
+g.isDST = Rc;
+g.isLocal = Ac;
+g.isUtcOffset = Ic;
+g.isUtc = ea;
+g.isUTC = ea;
+g.zoneAbbr = $d;
+g.zoneName = Bd;
+g.dates = Se(
   "dates accessor is deprecated. Use date instead.",
   da
 );
-y.months = Se(
+g.months = Se(
   "months accessor is deprecated. Use month instead",
   ji
 );
-y.years = Se(
+g.years = Se(
   "years accessor is deprecated. Use year instead",
   Li
 );
-y.zone = Se(
+g.zone = Se(
   "moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",
   Dc
 );
-y.isDSTShifted = Se(
+g.isDSTShifted = Se(
   "isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",
   xc
 );
@@ -2599,7 +2599,7 @@ H("x", function(e, t, n) {
 //! moment.js
 D.version = "2.30.1";
 Tl(G);
-D.fn = y;
+D.fn = g;
 D.min = pc;
 D.max = _c;
 D.now = yc;
@@ -2625,7 +2625,7 @@ D.normalizeUnits = ve;
 D.relativeTimeRounding = kf;
 D.relativeTimeThreshold = Ef;
 D.calendarFormat = Hc;
-D.prototype = y;
+D.prototype = g;
 D.HTML5_FMT = {
   DATETIME_LOCAL: "YYYY-MM-DDTHH:mm",
   // <input type="datetime-local" />
@@ -2816,8 +2816,8 @@ Ut.exports;
 var Qs;
 function Af() {
   return Qs || (Qs = 1, function(e, t) {
-    var n = 200, r = "__lodash_hash_undefined__", s = 9007199254740991, i = "[object Arguments]", a = "[object Array]", l = "[object Boolean]", d = "[object Date]", u = "[object Error]", c = "[object Function]", _ = "[object GeneratorFunction]", E = "[object Map]", g = "[object Number]", m = "[object Object]", S = "[object Promise]", w = "[object RegExp]", P = "[object Set]", B = "[object String]", j = "[object Symbol]", q = "[object WeakMap]", ee = "[object ArrayBuffer]", ue = "[object DataView]", Z = "[object Float32Array]", Re = "[object Float64Array]", be = "[object Int8Array]", ze = "[object Int16Array]", qe = "[object Int32Array]", T = "[object Uint8Array]", W = "[object Uint8ClampedArray]", L = "[object Uint16Array]", re = "[object Uint32Array]", X = /[\\^$.*+?()[\]{}|]/g, ae = /\w*$/, O = /^\[object .+?Constructor\]$/, x = /^(?:0|[1-9]\d*)$/, v = {};
-    v[i] = v[a] = v[ee] = v[ue] = v[l] = v[d] = v[Z] = v[Re] = v[be] = v[ze] = v[qe] = v[E] = v[g] = v[m] = v[w] = v[P] = v[B] = v[j] = v[T] = v[W] = v[L] = v[re] = !0, v[u] = v[c] = v[q] = !1;
+    var n = 200, r = "__lodash_hash_undefined__", s = 9007199254740991, i = "[object Arguments]", a = "[object Array]", l = "[object Boolean]", d = "[object Date]", u = "[object Error]", c = "[object Function]", _ = "[object GeneratorFunction]", E = "[object Map]", y = "[object Number]", m = "[object Object]", S = "[object Promise]", w = "[object RegExp]", P = "[object Set]", B = "[object String]", j = "[object Symbol]", q = "[object WeakMap]", ee = "[object ArrayBuffer]", ue = "[object DataView]", Z = "[object Float32Array]", Re = "[object Float64Array]", be = "[object Int8Array]", ze = "[object Int16Array]", qe = "[object Int32Array]", T = "[object Uint8Array]", W = "[object Uint8ClampedArray]", L = "[object Uint16Array]", re = "[object Uint32Array]", X = /[\\^$.*+?()[\]{}|]/g, ae = /\w*$/, O = /^\[object .+?Constructor\]$/, x = /^(?:0|[1-9]\d*)$/, v = {};
+    v[i] = v[a] = v[ee] = v[ue] = v[l] = v[d] = v[Z] = v[Re] = v[be] = v[ze] = v[qe] = v[E] = v[y] = v[m] = v[w] = v[P] = v[B] = v[j] = v[T] = v[W] = v[L] = v[re] = !0, v[u] = v[c] = v[q] = !1;
     var b = typeof ln == "object" && ln && ln.Object === Object && ln, N = typeof self == "object" && self && self.Object === Object && self, J = b || N || Function("return this")(), xe = t && !t.nodeType && t, ye = xe && !0 && e && !e.nodeType && e, Gn = ye && ye.exports === xe;
     function za(o, f) {
       return o.set(f[0], f[1]), o;
@@ -3178,7 +3178,7 @@ function Af() {
           return zo(o, M);
         case E:
           return $o(o, M, p);
-        case g:
+        case y:
         case B:
           return new se(o);
         case w:
@@ -3652,7 +3652,7 @@ function $n(e, t, n) {
     convertValue: u,
     isVisitable: kr
   });
-  function g(m, S) {
+  function y(m, S) {
     if (!h.isUndefined(m)) {
       if (_.indexOf(m) !== -1)
         throw Error("Circular reference detected in " + S.join("."));
@@ -3663,13 +3663,13 @@ function $n(e, t, n) {
           h.isString(B) ? B.trim() : B,
           S,
           E
-        )) === !0 && g(P, S ? S.concat(B) : [B]);
+        )) === !0 && y(P, S ? S.concat(B) : [B]);
       }), _.pop();
     }
   }
   if (!h.isObject(e))
     throw new TypeError("data must be an object");
-  return g(e), t;
+  return y(e), t;
 }
 function ri(e) {
   const t = {
@@ -4153,8 +4153,8 @@ function Vh(e, t) {
       E += n[_++], _ = _ % e;
     if (s = (s + 1) % e, s === i && (i = (i + 1) % e), u - a < t)
       return;
-    const g = c && u - c;
-    return g ? Math.round(E * 1e3 / g) : void 0;
+    const y = c && u - c;
+    return y ? Math.round(E * 1e3 / y) : void 0;
   };
 }
 function zh(e, t) {
@@ -4328,9 +4328,9 @@ const Ya = (e) => {
     const s = Ya(e);
     let i = s.data;
     const a = me.from(s.headers).normalize();
-    let { responseType: l, onUploadProgress: d, onDownloadProgress: u } = s, c, _, E, g, m;
+    let { responseType: l, onUploadProgress: d, onDownloadProgress: u } = s, c, _, E, y, m;
     function S() {
-      g && g(), m && m(), s.cancelToken && s.cancelToken.unsubscribe(c), s.signal && s.signal.removeEventListener("abort", c);
+      y && y(), m && m(), s.cancelToken && s.cancelToken.unsubscribe(c), s.signal && s.signal.removeEventListener("abort", c);
     }
     let w = new XMLHttpRequest();
     w.open(s.method.toUpperCase(), s.url, !0), w.timeout = s.timeout;
@@ -4371,7 +4371,7 @@ const Ya = (e) => {
       )), w = null;
     }, i === void 0 && a.setContentType(null), "setRequestHeader" in w && h.forEach(a.toJSON(), function(q, ee) {
       w.setRequestHeader(ee, q);
-    }), h.isUndefined(s.withCredentials) || (w.withCredentials = !!s.withCredentials), l && l !== "json" && (w.responseType = s.responseType), u && ([E, m] = kn(u, !0), w.addEventListener("progress", E)), d && w.upload && ([_, g] = kn(d), w.upload.addEventListener("progress", _), w.upload.addEventListener("loadend", g)), (s.cancelToken || s.signal) && (c = (j) => {
+    }), h.isUndefined(s.withCredentials) || (w.withCredentials = !!s.withCredentials), l && l !== "json" && (w.responseType = s.responseType), u && ([E, m] = kn(u, !0), w.addEventListener("progress", E)), d && w.upload && ([_, y] = kn(d), w.upload.addEventListener("progress", _), w.upload.addEventListener("loadend", y)), (s.cancelToken || s.signal) && (c = (j) => {
       w && (r(!j || j.type ? new xt(null, e, w) : j), w.abort(), w = null);
     }, s.cancelToken && s.cancelToken.subscribe(c), s.signal && (s.signal.aborted ? c() : s.signal.addEventListener("abort", c)));
     const B = Gh(s.url);
@@ -4515,7 +4515,7 @@ const Ya = (e) => {
       return m.byteLength;
     if (h.isURLSearchParams(m) && (m = m + ""), h.isString(m))
       return (await d(m)).byteLength;
-  }, g = async (m, S) => {
+  }, y = async (m, S) => {
     const w = h.toFiniteNumber(m.getContentLength());
     return w ?? E(S);
   };
@@ -4541,7 +4541,7 @@ const Ya = (e) => {
     });
     let re;
     try {
-      if (ue && u && w !== "get" && w !== "head" && (re = await g(Re, P)) !== 0) {
+      if (ue && u && w !== "get" && w !== "head" && (re = await y(Re, P)) !== 0) {
         let b = new n(S, {
           method: "POST",
           body: P,
@@ -4821,18 +4821,18 @@ let ut = class {
       return c;
     }
     E = l.length;
-    let g = n;
+    let y = n;
     for (; _ < E; ) {
       const m = l[_++], S = l[_++];
       try {
-        g = m(g);
+        y = m(y);
       } catch (w) {
         S.call(this, w);
         break;
       }
     }
     try {
-      c = pi.call(this, g);
+      c = pi.call(this, y);
     } catch (m) {
       return Promise.reject(m);
     }
@@ -5072,7 +5072,7 @@ const {
   const { apiUrl: e, apiRequestHeaders: t, debug: n } = ga(), r = (c) => {
     n && (c.response ? (console.log("data:", c.response.data), console.log("status:", c.response.status), console.log("headers:", c.response.headers)) : c.request ? console.log("request:", c.request) : console.log("error:", c.message), console.log("config:", c.config));
   }, s = async (c, _, E) => {
-    let g = !1, m = null, S = null;
+    let y = !1, m = null, S = null;
     try {
       const w = t;
       w.Authorization = `Bearer ${_}`, m = await K.request({
@@ -5082,13 +5082,13 @@ const {
         url: c.url || "/",
         baseURL: e,
         headers: w
-      }), g = !0;
+      }), y = !0;
     } catch (w) {
-      S = w, g = !1, w.response && w.response.status == 401 ? E?.() : r(w);
+      S = w, y = !1, w.response && w.response.status == 401 ? E?.() : r(w);
     }
     return {
-      success: g,
-      failure: !g,
+      success: y,
+      failure: !y,
       result: m ? m.data : null,
       error: S
     };
@@ -5158,7 +5158,7 @@ function wm(...e) {
     ];
   }, ([r, s, i, a], l, d) => {
     if (!r?.length || !s?.length || !i?.length) return;
-    const u = _m(a) ? { ...a } : a, c = r.flatMap((_) => s.flatMap((E) => i.map((g) => t(_, E, g, u))));
+    const u = _m(a) ? { ...a } : a, c = r.flatMap((_) => s.flatMap((E) => i.map((y) => t(_, E, y, u))));
     d(() => {
       c.forEach((_) => _());
     });
@@ -5190,8 +5190,8 @@ function Yt(e, t = {}) {
     if (i.value) {
       i.value = !s.value, l.value = wt(e).split(",").some((u) => {
         const c = u.includes("not all"), _ = u.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), E = u.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let g = !!(_ || E);
-        return _ && g && (g = r >= yi(_[1])), E && g && (g = r <= yi(E[1])), c ? !g : g;
+        let y = !!(_ || E);
+        return _ && y && (y = r >= yi(_[1])), E && y && (y = r <= yi(E[1])), c ? !y : y;
       });
       return;
     }
@@ -5246,7 +5246,7 @@ const En = () => {
         )}"></video></p><br>`
       );
     }), L;
-  }, g = (T, W) => E(T, W), m = Yt("(min-width: 1536px)"), S = Yt(
+  }, y = (T, W) => E(T, W), m = Yt("(min-width: 1536px)"), S = Yt(
     "(min-width: 1280px) and (max-width: 1535px)"
   ), w = Yt(
     "(min-width: 1024px) and (max-width: 1279px)"
@@ -5351,7 +5351,7 @@ const En = () => {
       }
     },
     getMenuHref: (T) => T?.targetType === "external-link" ? T?.url || "" : T?.path || "",
-    rHtml: g,
+    rHtml: y,
     tr: _
   };
 }, Dm = () => {
@@ -5367,7 +5367,7 @@ const En = () => {
     return n.pageData?.sections?.find(
       (N) => N.slug == v && N.pivot?.linkId == b
     )?.pivot?.settings || null;
-  }, E = (O, x) => _(O)?.[x], g = (O, x, v) => E(O, x)?.[v], m = async (O, x, v = "default") => {
+  }, E = (O, x) => _(O)?.[x], y = (O, x, v) => E(O, x)?.[v], m = async (O, x, v = "default") => {
     const b = await e({
       url: `section-data/${O}/source/${x}/link/${v}`
     });
@@ -5499,7 +5499,7 @@ const En = () => {
     getSectionData: u,
     getSectionSettings: _,
     getSectionSettingsGroup: E,
-    getSectionSetting: g,
+    getSectionSetting: y,
     getAnySectionData: m,
     getSectionRootData: c,
     getContentModel: S,
@@ -5569,19 +5569,19 @@ const En = () => {
     const d = te({}), u = Dn(En()), c = Ot(Rr);
     return Dt(() => {
       const _ = () => {
-        Object.keys(d.value).forEach((g) => {
-          d.value[g].isActive = !1;
-          const m = document.getElementById(g);
+        Object.keys(d.value).forEach((y) => {
+          d.value[y].isActive = !1;
+          const m = document.getElementById(y);
           m && (m.style.border = "none", m.style.boxShadow = "none");
         });
-      }, E = (g) => {
-        switch (g.data?.type) {
+      }, E = (y) => {
+        switch (y.data?.type) {
           case pe.RELOAD:
-            sessionStorage.setItem("shouldNotifyReload", "1"), sessionStorage.setItem("replyOrigin", g.origin), window.location.reload();
+            sessionStorage.setItem("shouldNotifyReload", "1"), sessionStorage.setItem("replyOrigin", y.origin), window.location.reload();
             break;
           case pe.ENABLE_EDITION_MODE: {
-            const m = g.data?.primaryColor ?? "blue";
-            sessionStorage.setItem("replyOrigin", g.origin), sessionStorage.setItem("primaryColor", m), r?.forEach((S, w) => {
+            const m = y.data?.primaryColor ?? "blue";
+            sessionStorage.setItem("replyOrigin", y.origin), sessionStorage.setItem("primaryColor", m), r?.forEach((S, w) => {
               if (S.slug && S.pivot?.linkId) {
                 const P = `${S.slug}__${S.pivot?.linkId}-container`, B = document.getElementById(P);
                 B && (d.value[P] = {
@@ -5595,7 +5595,7 @@ const En = () => {
                       slug: S.slug,
                       linkId: S.pivot?.linkId
                     },
-                    g.origin
+                    y.origin
                   );
                 }), B.style.cursor = "pointer", B.style.transition = "all 0.3s ease");
               }
@@ -5608,10 +5608,10 @@ const En = () => {
           case pe.SELECT_SIDEBAR_SECTION: {
             setTimeout(() => {
               r.find(
-                (w) => w.slug == g.data?.slug && w.pivot?.linkId == g.data?.linkId
-              ) && Is(`${g.data?.slug}__${g.data?.linkId}-container`);
+                (w) => w.slug == y.data?.slug && w.pivot?.linkId == y.data?.linkId
+              ) && Is(`${y.data?.slug}__${y.data?.linkId}-container`);
             }, 1e3);
-            const m = `${g.data?.slug}__${g.data?.linkId}-container`, S = document.getElementById(m);
+            const m = `${y.data?.slug}__${y.data?.linkId}-container`, S = document.getElementById(m);
             S && (_(), d.value[m].clickCount++, d.value[m].isActive = !0, S.style.border = `5px solid ${sessionStorage.getItem(
               "primaryColor"
             )}`, S.style.boxShadow = `0 0 10px ${sessionStorage.getItem(
@@ -5623,32 +5623,32 @@ const En = () => {
           case pe.SEND_SECTION_SETTINGS:
             {
               const m = u.pageData?.sections?.findIndex(
-                (S) => S.slug == g.data?.slug && S.pivot?.linkId == g.data?.linkId
+                (S) => S.slug == y.data?.slug && S.pivot?.linkId == y.data?.linkId
               );
               if (typeof m != "number")
                 return;
-              m > -1 && u.pageData?.sections && u.pageData?.sections[m].pivot?.settings && (u.pageData.sections[m].pivot.settings = g.data?.settings, c?.sync(u), a.value[`${g.data?.slug}__${g.data?.linkId}-key`] = Pt());
+              m > -1 && u.pageData?.sections && u.pageData?.sections[m].pivot?.settings && (u.pageData.sections[m].pivot.settings = y.data?.settings, c?.sync(u), a.value[`${y.data?.slug}__${y.data?.linkId}-key`] = Pt());
             }
             break;
           case pe.SEND_BASE_SECTION_DATA:
           case pe.SEND_SECTION_DATA:
             {
               const m = u.pageData?.sections?.findIndex(
-                (S) => S.slug == g.data?.slug && S.pivot?.linkId == g.data?.linkId
+                (S) => S.slug == y.data?.slug && S.pivot?.linkId == y.data?.linkId
               );
               if (typeof m != "number")
                 return;
-              m > -1 && u.pageData?.sections && u.pageData?.sections[m].pivot?.data && (u.pageData.sections[m].pivot.data = g.data?.data, c?.sync(u), a.value[`${g.data?.slug}__${g.data?.linkId}-key`] = Pt());
+              m > -1 && u.pageData?.sections && u.pageData?.sections[m].pivot?.data && (u.pageData.sections[m].pivot.data = y.data?.data, c?.sync(u), a.value[`${y.data?.slug}__${y.data?.linkId}-key`] = Pt());
             }
             break;
           case pe.SEND_PAGE_SECTIONS:
             {
               if (!u.pageData) return;
-              u.pageData.sectionsOrder = g.data?.sectionsOrder, u.pageData.sectionsDisabled = g.data?.sectionsDisabled;
+              u.pageData.sectionsOrder = y.data?.sectionsOrder, u.pageData.sectionsDisabled = y.data?.sectionsDisabled;
               const m = Dn(
                 u.pageData.sections || []
               );
-              u.pageData.sections = g.data?.sectionsList || [], m.forEach((S) => {
+              u.pageData.sections = y.data?.sectionsList || [], m.forEach((S) => {
                 const w = u.pageData?.sections?.findIndex(
                   (P) => P.slug == S?.slug && P.pivot?.linkId == S.pivot?.linkId
                 );
@@ -5661,31 +5661,35 @@ const En = () => {
         }
       };
       if (window.addEventListener("message", E), sessionStorage.getItem("shouldNotifyReload") === "1") {
-        const g = sessionStorage.getItem("replyOrigin") || "*";
+        const y = sessionStorage.getItem("replyOrigin") || "*";
         window.parent.postMessage(
           { type: pe.RELOAD_COMPLETE },
-          g
+          y
         ), sessionStorage.removeItem("shouldNotifyReload"), sessionStorage.removeItem("replyOrigin");
       }
-    }), (_, E) => (we(), Qe("section", { key: $(i) }, [
-      (we(!0), Qe(ml, null, pl($(r), (g) => (we(), Qe("section", {
-        key: $(a)[`${g.slug}__${g.pivot?.linkId}-key`],
-        id: `${g.slug}__${g.pivot?.linkId}-container`,
+    }), (_, E) => (we(), Qe("div", {
+      key: $(i),
+      class: "reset-styles"
+    }, [
+      (we(!0), Qe(ml, null, pl($(r), (y) => (we(), Qe("section", {
+        key: `${y.slug}__${y.pivot?.linkId}`,
+        id: `${y.slug}__${y.pivot?.linkId}-container`,
         class: "reset-styles"
       }, [
-        (we(), Tn(_l($(s)[g.name]), {
-          data: g.pivot?.data,
-          setings: g.pivot?.settings,
-          "section-key": `${g.slug}__${g.pivot?.linkId}`,
+        (we(), Tn(_l($(s)[y.name]), {
+          key: $(a)[`${y.slug}__${y.pivot?.linkId}-key`],
+          data: y.pivot?.data,
+          settings: y.pivot?.settings,
+          "section-key": `${y.slug}__${y.pivot?.linkId}`,
           metadata: {
-            slug: g.slug,
-            name: g.name,
-            title: g.title,
-            linkId: g.pivot?.linkId,
-            createdAt: g.createdAt,
-            updatedAt: g.updatedAt
+            slug: y.slug,
+            name: y.name,
+            title: y.title,
+            linkId: y.pivot?.linkId,
+            createdAt: y.createdAt,
+            updatedAt: y.updatedAt
           }
-        }, null, 8, ["data", "setings", "section-key", "metadata"]))
+        }, null, 8, ["data", "settings", "section-key", "metadata"]))
       ], 8, km))), 128))
     ]));
   }
@@ -5694,7 +5698,7 @@ const En = () => {
   for (const [r, s] of t)
     n[r] = s;
   return n;
-}, Tm = /* @__PURE__ */ Ga(Em, [["__scopeId", "data-v-86859a71"]]), Mm = ["src", "alt", "title", "width", "height", "loading"], Va = /* @__PURE__ */ tt({
+}, Tm = /* @__PURE__ */ Ga(Em, [["__scopeId", "data-v-a22a6a53"]]), Mm = ["src", "alt", "title", "width", "height", "loading"], Va = /* @__PURE__ */ tt({
   __name: "AsyncImg",
   props: {
     load: { type: Function },
@@ -5844,8 +5848,8 @@ const En = () => {
     }, c = () => {
       s.value = "", i.value = "auto", r.value = !1, l.value = !1;
     }, _ = () => {
-      const g = n.value?.getBoundingClientRect().width;
-      if (i.value = g || "auto", (n.value?.getBoundingClientRect().bottom || 0) > t.bottom) {
+      const y = n.value?.getBoundingClientRect().width;
+      if (i.value = y || "auto", (n.value?.getBoundingClientRect().bottom || 0) > t.bottom) {
         d();
         return;
       }
@@ -5853,7 +5857,7 @@ const En = () => {
     }, E = () => {
       l.value && (i.value = n.value?.getBoundingClientRect().width + "px");
     };
-    return (g, m) => (we(), Qe("div", {
+    return (y, m) => (we(), Qe("div", {
       ref_key: "el",
       ref: n,
       style: Wt({ height: $(a) + "px", zIndex: t.zIndex })
@@ -5868,7 +5872,7 @@ const En = () => {
           height: $(a) + "px"
         })
       }, [
-        Mn(g.$slots, "default", {}, () => [
+        Mn(y.$slots, "default", {}, () => [
           m[0] || (m[0] = Ke("div", null, "Sticky Bottom", -1))
         ])
       ], 6)
@@ -5897,8 +5901,8 @@ const En = () => {
     }, c = () => {
       s.value = "", i.value = "auto", r.value = !1, l.value = !1;
     }, _ = () => {
-      const g = n.value?.getBoundingClientRect().width;
-      if (i.value = g || "auto", (n.value?.getBoundingClientRect().top || 0) < t.top) {
+      const y = n.value?.getBoundingClientRect().width;
+      if (i.value = y || "auto", (n.value?.getBoundingClientRect().top || 0) < t.top) {
         d();
         return;
       }
@@ -5906,7 +5910,7 @@ const En = () => {
     }, E = () => {
       l.value && (i.value = n.value?.getBoundingClientRect().width + "px");
     };
-    return (g, m) => (we(), Qe("div", {
+    return (y, m) => (we(), Qe("div", {
       ref_key: "el",
       ref: n,
       style: Wt({ height: $(a) + "px", zIndex: t.zIndex })
@@ -5921,7 +5925,7 @@ const En = () => {
           height: $(a) + "px"
         })
       }, [
-        Mn(g.$slots, "default", {}, () => [
+        Mn(y.$slots, "default", {}, () => [
           m[0] || (m[0] = Ke("div", null, "Sticky Top", -1))
         ])
       ], 6)

package/dist/style.css

@@ -1 +1 @@
-.reset-styles[data-v-86859a71]{all:unset!important}.fade-enter-active[data-v-30b5e62e],.fade-leave-active[data-v-30b5e62e]{transition:opacity .5s ease}.fade-enter-from[data-v-30b5e62e],.fade-leave-to[data-v-30b5e62e]{opacity:0}.slide-fade-enter-active[data-v-30b5e62e]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-30b5e62e]{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-30b5e62e],.slide-fade-leave-to[data-v-30b5e62e]{transform:translate(20px);opacity:0}.bounce-enter-active[data-v-30b5e62e]{animation:bounce-in-30b5e62e .5s}.bounce-leave-active[data-v-30b5e62e]{animation:bounce-in-30b5e62e .5s reverse}@keyframes bounce-in-30b5e62e{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}
+.reset-styles[data-v-a22a6a53]{all:unset!important}.fade-enter-active[data-v-30b5e62e],.fade-leave-active[data-v-30b5e62e]{transition:opacity .5s ease}.fade-enter-from[data-v-30b5e62e],.fade-leave-to[data-v-30b5e62e]{opacity:0}.slide-fade-enter-active[data-v-30b5e62e]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-30b5e62e]{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-30b5e62e],.slide-fade-leave-to[data-v-30b5e62e]{transform:translate(20px);opacity:0}.bounce-enter-active[data-v-30b5e62e]{animation:bounce-in-30b5e62e .5s}.bounce-leave-active[data-v-30b5e62e]{animation:bounce-in-30b5e62e .5s reverse}@keyframes bounce-in-30b5e62e{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@creopse/vue",
   "description": "Creopse Vue Toolkit",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "private": false,
   "author": "Noé Gnanih <noegnanih@gmail.com>",
   "license": "MIT",