dsp-semactic 0.6.59 → 0.6.60

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { ref as $, computed as p, watch as Bt, nextTick as Le, onBeforeUnmount as Sa, createElementBlock as d, openBlock as u, normalizeClass as se, createCommentVNode as T, createBlock as sa, createElementVNode as l, unref as I, Teleport as oa, withModifiers as Ye, normalizeStyle as xe, Fragment as J, renderList as Ae, toDisplayString as A, onMounted as ds, onUnmounted as vs, withDirectives as ln, vShow as ha, createTextVNode as Gn, createVNode as ra, vModelText as An, renderSlot as hn, reactive as $s, createStaticVNode as Vs, Transition as cs, withCtx as zl, withKeys as ul, useSlots as Ps, defineComponent as Gs } from "vue";
+import { ref as $, computed as p, watch as Bt, nextTick as Le, onBeforeUnmount as Sa, createElementBlock as d, openBlock as u, normalizeClass as se, createCommentVNode as T, createBlock as sa, createElementVNode as l, unref as I, Teleport as oa, withModifiers as Ye, normalizeStyle as xe, Fragment as J, renderList as Ae, toDisplayString as A, onMounted as ds, onUnmounted as vs, withDirectives as ln, vShow as ha, createTextVNode as Gn, createVNode as ra, vModelText as An, renderSlot as fn, reactive as $s, createStaticVNode as Vs, Transition as cs, withCtx as zl, withKeys as ul, useSlots as Ps, defineComponent as Gs } from "vue";
 import { useI18n as Ua, createI18n as Qs } from "vue-i18n";
 const Js = {
   key: 0,
@@ -139,7 +139,7 @@ const Js = {
     }), Vt = p(() => {
       const z = new Date(ze.value, je.value, 1);
       return new Intl.DateTimeFormat(U.value, { month: "long" }).format(z);
-    }), fn = p(() => {
+    }), pn = p(() => {
       const z = new Intl.DateTimeFormat(U.value, { month: "short" });
       return Array.from(
         { length: 12 },
@@ -876,7 +876,7 @@ const Js = {
                 ])
               ]),
               l("div", zo, [
-                (u(!0), d(J, null, Ae(fn.value, (N, ye) => (u(), d("button", {
+                (u(!0), d(J, null, Ae(pn.value, (N, ye) => (u(), d("button", {
                   key: ye,
                   type: "button",
                   class: se(["dss-datepicker__month-cell", { "dss-datepicker__month-cell--selected": ye === je.value }]),
@@ -1340,7 +1340,7 @@ const Js = {
       if (!e) return Wn;
       const s = e.max;
       return typeof s == "number" || s === Wn ? s : Wn;
-    }), fn = p(() => {
+    }), pn = p(() => {
       const e = G.value;
       return !e || !e.xAxis ? null : typeof e.xAxis.min == "number" ? e.xAxis.min : null;
     }), Ut = p(() => {
@@ -1739,7 +1739,7 @@ const Js = {
       y: 0,
       content: "",
       count: 0
-    }), pn = p(() => G.value?.bubbles?.tooltip?.fields || ["x", "y", "size", "label"]), wn = p(() => {
+    }), mn = p(() => G.value?.bubbles?.tooltip?.fields || ["x", "y", "size", "label"]), wn = p(() => {
       const e = G.value;
       return { ...{
         x: "X",
@@ -1855,7 +1855,7 @@ const Js = {
               x: Te.x,
               categoryIndex: Math.round(Te.originalX),
               data: (() => {
-                const et = pn.value, Ue = wn.value, We = [];
+                const et = mn.value, Ue = wn.value, We = [];
                 return it.forEach((Ke) => {
                   et.forEach((Zt) => {
                     const en = Ue[Zt] || Zt, ml = Hl(Zt, Ke);
@@ -2389,7 +2389,7 @@ const Js = {
       bottom: ue.value - jn.value.bottom,
       width: Re.value - (jn.value.left + jn.value.right),
       height: ue.value - (jn.value.top + jn.value.bottom)
-    })), qn = p(() => ["line", "area", "bar"].includes(De.value) || vt.value), vl = p(() => vt.value), da = p(() => De.value === "mini-radial"), Pn = p(() => ["radial", "semi-radial", "mini-radial"].includes(De.value)), Kn = p(() => De.value === "spider"), dn = p(() => De.value === "bubble"), mn = p(() => G.value?.chart?.orientation === "horizontal" && (De.value === "bar" || vl.value)), Fl = (e) => {
+    })), qn = p(() => ["line", "area", "bar"].includes(De.value) || vt.value), vl = p(() => vt.value), da = p(() => De.value === "mini-radial"), Pn = p(() => ["radial", "semi-radial", "mini-radial"].includes(De.value)), Kn = p(() => De.value === "spider"), dn = p(() => De.value === "bubble"), hn = p(() => G.value?.chart?.orientation === "horizontal" && (De.value === "bar" || vl.value)), Fl = (e) => {
       const { minY: s, maxY: t } = rn.value, i = t - s || 1;
       return X.value.left + (e - s) / i * X.value.width;
     }, Zl = (e) => {
@@ -2467,7 +2467,7 @@ const Js = {
     ), ta = p(
       () => xl.value.filter((e) => xa(e) === "secondary")
     ), nl = p(
-      () => !mn.value && !!me.value && ta.value.length > 0
+      () => !hn.value && !!me.value && ta.value.length > 0
     ), Wn = "auto", Pa = (e, s, t, i = 0, h = 100) => {
       let b = 1 / 0, _ = -1 / 0;
       if (e.forEach((D) => {
@@ -2544,7 +2544,7 @@ const Js = {
       e === s && (e = Math.min(e, 0), s = Math.max(s, Z.categories?.length - 1 || 8)), t === i && (t = Math.max(0, t - 10), i = t + 20);
       const M = s - e, Y = i - t;
       let D, O, V, ce;
-      return fn.value !== null ? D = fn.value : D = e - M * 0.1, Ut.value !== null ? O = Ut.value : O = s + M * 0.1, je.value !== null && typeof je.value == "number" ? V = je.value : V = Math.max(0, t - Y * 0.1), ze.value !== null && typeof ze.value == "number" ? ce = ze.value : ce = i + Y * 0.1, {
+      return pn.value !== null ? D = pn.value : D = e - M * 0.1, Ut.value !== null ? O = Ut.value : O = s + M * 0.1, je.value !== null && typeof je.value == "number" ? V = je.value : V = Math.max(0, t - Y * 0.1), ze.value !== null && typeof ze.value == "number" ? ce = ze.value : ce = i + Y * 0.1, {
         minX: D,
         maxX: O,
         minY: V,
@@ -2596,7 +2596,7 @@ const Js = {
       if (dn.value)
         return n();
       if (De.value === "bar") {
-        if (mn.value) {
+        if (hn.value) {
           const We = [], { minY: Ke, maxY: Zt } = rn.value, en = 5, ml = Zt - Ke || 1;
           for (let Vn = 0; Vn <= en; Vn++) {
             const hl = Ke + ml * (Vn / en), us = Fl(hl);
@@ -2622,7 +2622,7 @@ const Js = {
         }
         return Te;
       }
-      const e = [], { minX: s, maxX: t } = rn.value, i = fn.value !== null ? fn.value : s, h = Ut.value !== null ? Ut.value : t, b = h - i || 1, _ = b / fe.value.scale, M = i - fe.value.offsetX / X.value.width * b, Y = M + _, D = Math.max(0, Math.floor(M - 2)), O = Math.min(h, Math.ceil(Y + 2)), V = O - D, ce = X.value.width, ot = Math.floor(ce / 60);
+      const e = [], { minX: s, maxX: t } = rn.value, i = pn.value !== null ? pn.value : s, h = Ut.value !== null ? Ut.value : t, b = h - i || 1, _ = b / fe.value.scale, M = i - fe.value.offsetX / X.value.width * b, Y = M + _, D = Math.max(0, Math.floor(M - 2)), O = Math.min(h, Math.ceil(Y + 2)), V = O - D, ce = X.value.width, ot = Math.floor(ce / 60);
       let we = 1;
       V > ot && (we = Math.ceil(V / ot));
       for (let Te = D; Te <= O; Te += we)
@@ -2650,7 +2650,7 @@ const Js = {
       }
       return e;
     }, o = p(() => {
-      if (mn.value) {
+      if (hn.value) {
         const h = [], { maxX: b } = rn.value;
         for (let _ = 0; _ <= b; _++)
           h.push({
@@ -2674,7 +2674,7 @@ const Js = {
       }
       return e;
     }), r = p(() => {
-      if (!nl.value || mn.value) return [];
+      if (!nl.value || hn.value) return [];
       const e = [], { minY: s, maxY: t } = ts.value, i = 5;
       for (let h = 0; h <= i; h++) {
         const b = s + (t - s) * (h / i), _ = Math.round(b);
@@ -2758,8 +2758,8 @@ const Js = {
       let b = [];
       s.data.forEach((V, ce) => {
         V == null ? b.length > 0 && (h.push([...b]), b = []) : b.push({
-          x: mn.value ? Fl(V) : vn(ce),
-          y: mn.value ? Zl(ce) : On(s, V),
+          x: hn.value ? Fl(V) : vn(ce),
+          y: hn.value ? Zl(ce) : On(s, V),
           index: ce
         });
       }), b.length > 0 && h.push(b);
@@ -2801,7 +2801,7 @@ const Js = {
               }
             }
             if (Y > 0 && M !== -1) {
-              const D = t.data[M], O = mn.value ? Fl(_) : vn(b), V = mn.value ? Zl(b) : On(t, _), ce = mn.value ? Fl(D) : vn(M), Ie = mn.value ? Zl(M) : On(t, D), ot = yt.value.has(h), we = Ce.value === h, Te = Ce.value !== null && Ce.value !== h;
+              const D = t.data[M], O = hn.value ? Fl(_) : vn(b), V = hn.value ? Zl(b) : On(t, _), ce = hn.value ? Fl(D) : vn(M), Ie = hn.value ? Zl(M) : On(t, D), ot = yt.value.has(h), we = Ce.value === h, Te = Ce.value !== null && Ce.value !== h;
               s.push({
                 path: `M ${O} ${V} L ${ce} ${Ie}`,
                 color: c(h),
@@ -2822,24 +2822,24 @@ const Js = {
       s.data.forEach((Y, D) => {
         if (Y != null) {
           const O = {
-            x: mn.value ? Fl(Y) : vn(D),
-            y: mn.value ? Zl(D) : On(s, Y)
+            x: hn.value ? Fl(Y) : vn(D),
+            y: hn.value ? Zl(D) : On(s, Y)
           };
           b === null ? h += `M ${O.x} ${O.y}` : h += ` L ${O.x} ${O.y}`, b = O;
         } else if (b !== null) {
           const O = s.data.findIndex((V, ce) => ce > D && V !== null && V !== void 0);
           if (O !== -1) {
             const V = {
-              x: mn.value ? Fl(s.data[O]) : vn(O),
-              y: mn.value ? Zl(O) : On(s, s.data[O])
+              x: hn.value ? Fl(s.data[O]) : vn(O),
+              y: hn.value ? Zl(O) : On(s, s.data[O])
             };
             h += ` L ${V.x} ${V.y}`, b = V;
           }
         }
       });
       const _ = s.data.map((Y, D) => Y == null ? null : {
-        x: mn.value ? Fl(Y) : vn(D),
-        y: mn.value ? Zl(D) : On(s, Y)
+        x: hn.value ? Fl(Y) : vn(D),
+        y: hn.value ? Zl(D) : On(s, Y)
       }).filter((Y) => Y !== null), M = y(_);
       return {
         path: h,
@@ -2978,7 +2978,7 @@ const Js = {
     })), Pe = p(() => {
       if (!(["bar"].includes(De.value) || vl.value)) return [];
       const e = [], { maxX: s } = rn.value, t = vl.value ? Z.series.filter((h) => (h.type || De.value) === "bar") : wl.value, i = t.length;
-      if (mn.value) {
+      if (hn.value) {
         const h = s + 1, _ = X.value.height / h, M = _ * (2 / 3), Y = Math.min(4, M / i * 0.15), D = M - (i - 1) * Y, O = Math.max(4, D / i);
         t.forEach((V, ce) => {
           const Ie = Z.series.findIndex((Fe) => Fe === V), ot = Ce.value === Ie, we = Ce.value !== null && Ce.value !== Ie, Te = yt.value.has(Ie);
@@ -3226,7 +3226,7 @@ const Js = {
       let h = s.clientX - i.left + 10, b = s.clientY - i.top - 10;
       const _ = 200, M = 120;
       h + _ > Re.value && (h = s.clientX - i.left - _ - 10), b + M > i.height && (b = s.clientY - i.top - M - 10), h < 0 && (h = 10), b < 0 && (b = 10);
-      const Y = pn.value, D = wn.value, O = Y.map((V) => {
+      const Y = mn.value, D = wn.value, O = Y.map((V) => {
         const ce = D[V] || V, Ie = Hl(V, e);
         return Ie ? { seriesName: e.seriesName, label: e.label, value: `${ce}: ${Ie}`, color: e.color } : null;
       }).filter(Boolean);
@@ -3468,7 +3468,7 @@ const Js = {
       h + _ > Y && (h = s.clientX - i.left - _ - 10), b + M > D && (b = s.clientY - i.top - M - 10), h < 0 && (h = 10), b < 0 && (b = 10);
       let O;
       typeof e.categoryIndex == "number" ? O = e.categoryIndex : typeof e.dataIndex == "number" ? O = e.dataIndex : e.label && Z.categories.includes(e.label) && (O = Z.categories.indexOf(e.label));
-      const V = (mn.value || De.value === "bar") && e.label ? e.label : e.seriesName || e.label || "";
+      const V = (hn.value || De.value === "bar") && e.label ? e.label : e.seriesName || e.label || "";
       Ht.value = {
         show: !0,
         x: h,
@@ -3983,7 +3983,7 @@ const Js = {
               }, [
                 vl.value ? (u(), d("g", Nr, [
                   l("g", {
-                    class: se(["dss-bar-chart", { "dss-horizontal-bars": mn.value }])
+                    class: se(["dss-bar-chart", { "dss-horizontal-bars": hn.value }])
                   }, [
                     (u(!0), d(J, null, Ae(Pe.value, (t, i) => (u(), d(J, {
                       key: `mixed-bar-${i}`
@@ -4212,7 +4212,7 @@ const Js = {
                   }, null, 14, Qr))), 128))
                 ])) : De.value === "bar" ? (u(), d("g", {
                   key: 3,
-                  class: se({ "dss-horizontal-bars": mn.value })
+                  class: se({ "dss-horizontal-bars": hn.value })
                 }, [
                   (u(!0), d(J, null, Ae(Pe.value, (t, i) => (u(), d(J, {
                     key: `bar-${i}`
@@ -5050,11 +5050,11 @@ const Js = {
               style: xe({ "justify-content": q.headerType, "font-size": q.titleSize })
             }, [
               l("h1", Iu, [
-                hn(ee.$slots, "title", {}, () => [
+                fn(ee.$slots, "title", {}, () => [
                   ke[1] || (ke[1] = Gn("Default Title", -1))
                 ])
               ]),
-              hn(ee.$slots, "title-data"),
+              fn(ee.$slots, "title-data"),
               q.showCloseBtn ? (u(), d("span", {
                 key: 0,
                 class: "dss-modal-close",
@@ -5066,12 +5066,12 @@ const Js = {
               class: "dss-modal-body",
               style: xe(Me.value)
             }, [
-              hn(ee.$slots, "content", {}, () => [
+              fn(ee.$slots, "content", {}, () => [
                 ke[2] || (ke[2] = Gn("Default Content", -1))
               ])
             ], 4),
             l("div", Pu, [
-              hn(ee.$slots, "actions")
+              fn(ee.$slots, "actions")
             ])
           ])
         ], 4), [
@@ -5258,7 +5258,7 @@ const Js = {
     p(() => re.value.title.text), p(() => re.value.subtitle.text);
     const nt = p(() => re.value.selection.enabled), Re = p(() => re.value.selection.mode), Oe = p(() => re.value.selection.rowCondition ?? null), rt = p(() => re.value.sorting.enabled), ue = p(() => re.value.sorting.mode), mt = p(() => re.value.pagination.enabled), De = p(() => re.value.pagination.rows), vt = p(() => re.value.pagination.rowsPerPageOptions), kt = p(() => re.value.pagination.showCounter !== !1), Dt = p(() => re.value.pagination.showControlsGroup), It = p(() => Dt.value === !1 ? !1 : re.value.pagination.showControls !== !1), Kt = p(() => Dt.value === !1 ? !1 : re.value.pagination.showRowsPerPage !== !1), tn = p(
       () => mt.value && (kt.value || It.value || Kt.value)
-    ), me = p(() => re.value.scrollable), Se = p(() => re.value.emptyMessage || R("table.emptyMessage")), je = p(() => re.value.toolbar?.downloads?.pdf !== !1), ze = p(() => re.value.toolbar?.downloads?.excel !== !1), un = p(() => re.value.toolbar?.search !== !1), Vt = p(() => je.value || ze.value || un.value || fn.value), fn = p(() => re.value.toolbar?.columnVisibility !== !1), Ut = $(""), an = $(!1), ae = $(null);
+    ), me = p(() => re.value.scrollable), Se = p(() => re.value.emptyMessage || R("table.emptyMessage")), je = p(() => re.value.toolbar?.downloads?.pdf !== !1), ze = p(() => re.value.toolbar?.downloads?.excel !== !1), un = p(() => re.value.toolbar?.search !== !1), Vt = p(() => je.value || ze.value || un.value || pn.value), pn = p(() => re.value.toolbar?.columnVisibility !== !1), Ut = $(""), an = $(!1), ae = $(null);
     let Ee = null;
     function Be() {
       an.value ? (Ee && (clearTimeout(Ee), Ee = null), an.value = !1, Ut.value = "", U("search", ""), ae.value?.blur()) : (an.value = !0, Ee = setTimeout(() => {
@@ -5531,8 +5531,8 @@ const Js = {
         }
         return 0;
       }), w;
-    }), In = $(0), pn = $(De.value), wn = $(!1), $l = $(null), yt = $(null), Ce = $("bottom"), Nl = $(null), Ht = (w) => {
-      pn.value = w, wn.value = !1, In.value = 0, U("page", { page: 0, rows: pn.value });
+    }), In = $(0), mn = $(De.value), wn = $(!1), $l = $(null), yt = $(null), Ce = $("bottom"), Nl = $(null), Ht = (w) => {
+      mn.value = w, wn.value = !1, In.value = 0, U("page", { page: 0, rows: mn.value });
     };
     function En(w) {
       $l.value && !$l.value.contains(w.target) && (wn.value = !1);
@@ -5548,7 +5548,7 @@ const Js = {
         left: `${Math.max(0, Math.round(C.offsetLeft))}px`
       };
     }
-    const At = p(() => bl.value.length), fe = p(() => Math.ceil(At.value / pn.value)), cn = p(() => Math.max(fe.value, 1)), Ze = p(() => At.value === 0 ? 0 : xn.value + 1), Ea = p(() => Un.value), xn = p(() => mt.value ? In.value * pn.value : 0), Un = p(() => mt.value ? Math.min((In.value + 1) * pn.value, At.value) : At.value), gn = p(() => {
+    const At = p(() => bl.value.length), fe = p(() => Math.ceil(At.value / mn.value)), cn = p(() => Math.max(fe.value, 1)), Ze = p(() => At.value === 0 ? 0 : xn.value + 1), Ea = p(() => Un.value), xn = p(() => mt.value ? In.value * mn.value : 0), Un = p(() => mt.value ? Math.min((In.value + 1) * mn.value, At.value) : At.value), gn = p(() => {
       if (!mt.value) return bl.value;
       const w = xn.value, C = Un.value;
       return bl.value.slice(w, C);
@@ -5589,7 +5589,7 @@ const Js = {
       const C = Math.min(cn.value, Math.max(1, w));
       C !== In.value + 1 ? Il(C - 1) : Al.value = String(C);
     }, Il = (w) => {
-      w < 0 || w >= fe.value || (In.value = w, U("page", { page: w, rows: pn.value }));
+      w < 0 || w >= fe.value || (In.value = w, U("page", { page: w, rows: mn.value }));
     }, Xn = (w, C, S) => {
       U("row-click", { data: w, index: C, originalEvent: S }), Ct(w, xn.value + C);
     }, ca = (w, C) => {
@@ -5617,7 +5617,7 @@ const Js = {
     return Bt(() => be.locale, (w) => {
       w && w !== B.value && (B.value = w);
     }, { immediate: !0 }), Bt(De, (w) => {
-      pn.value = w, In.value = 0;
+      mn.value = w, In.value = 0;
     }), Bt(wn, async (w) => {
       w && (await Le(), bt());
     }), Bt(In, (w) => {
@@ -5665,7 +5665,7 @@ const Js = {
               C[23] || (C[23] = Vs('<span class="dss-table-toolbar-btn-icon" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_download_excel)"><path d="M16.59 9H15V4C15 3.45 14.55 3 14 3H10C9.45 3 9 3.45 9 4V9H7.41C6.52 9 6.07 10.08 6.7 10.71L11.29 15.3C11.68 15.69 12.31 15.69 12.7 15.3L17.29 10.71C17.92 10.08 17.48 9 16.59 9ZM5 19C5 19.55 5.45 20 6 20H18C18.55 20 19 19.55 19 19C19 18.45 18.55 18 18 18H6C5.45 18 5 18.45 5 19Z" fill="currentColor"></path></g><defs><clipPath id="clip0_download_excel"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>', 1)),
               Gn(" " + A(I(R)("table.downloadExcel")), 1)
             ])) : T("", !0),
-            fn.value ? (u(), d("div", {
+            pn.value ? (u(), d("div", {
               key: 2,
               class: "dss-table-toolbar-column-visibility",
               ref_key: "columnVisibilityDropdownRef",
@@ -5727,7 +5727,8 @@ const Js = {
                 ]),
                 _: 1
               })
-            ], 512)) : T("", !0)
+            ], 512)) : T("", !0),
+            fn(w.$slots, "header")
           ]),
           l("div", Yu, [
             un.value ? (u(), d("div", {
@@ -5783,7 +5784,7 @@ const Js = {
               ])], 40, Gu)
             ], 2)) : T("", !0),
             w.$slots["toolbar-extra"] ? (u(), d("div", Qu, [
-              hn(w.$slots, "toolbar-extra")
+              fn(w.$slots, "toolbar-extra")
             ])) : T("", !0)
           ])
         ])) : T("", !0),
@@ -5995,7 +5996,7 @@ const Js = {
                     class: se(["dss-table-td", dl(ge)]),
                     style: xe(Ll(ge))
                   }, [
-                    hn(w.$slots, `cell-${ge.field}`, {
+                    fn(w.$slots, `cell-${ge.field}`, {
                       data: S,
                       column: ge,
                       rowIndex: K,
@@ -6010,7 +6011,7 @@ const Js = {
                     colspan: E.value,
                     class: "dss-table-expansion-content-cell"
                   }, [
-                    hn(w.$slots, "expansion", {
+                    fn(w.$slots, "expansion", {
                       data: S,
                       rowIndex: K
                     })
@@ -6026,7 +6027,7 @@ const Js = {
                   colspan: E.value,
                   class: "dss-table-empty-cell"
                 }, [
-                  hn(w.$slots, "empty", {}, () => [
+                  fn(w.$slots, "empty", {}, () => [
                     Gn(A(Se.value), 1)
                   ])
                 ], 8, _c)
@@ -6036,7 +6037,11 @@ const Js = {
         ], 2),
         tn.value ? (u(), d("div", Mc, [
           l("div", Sc, [
-            kt.value ? (u(), d("span", $c, A(I(R)("table.showingRange", { start: Ze.value, end: Ea.value, total: At.value })), 1)) : (u(), d("span", Ac, " "))
+            kt.value ? (u(), d("span", $c, A(I(R)("table.showingRange", {
+              start: Ze.value,
+              end: Ea.value,
+              total: At.value
+            })), 1)) : (u(), d("span", Ac, " "))
           ]),
           l("div", Lc, [
             It.value ? (u(), d("div", Ec, [
@@ -6104,7 +6109,7 @@ const Js = {
                 ref_key: "rowsPerPageTriggerRef",
                 ref: yt
               }, [
-                Gn(A(pn.value) + " ", 1),
+                Gn(A(mn.value) + " ", 1),
                 C[37] || (C[37] = l("span", {
                   class: "dss-pagination-select-chevron",
                   "aria-hidden": "true"
@@ -6120,8 +6125,8 @@ const Js = {
                     (u(!0), d(J, null, Ae(vt.value, (S) => (u(), d("li", {
                       key: S,
                       role: "option",
-                      "aria-selected": S === pn.value,
-                      class: se(["dss-pagination-select-option", { "dss-pagination-select-option--selected": S === pn.value }]),
+                      "aria-selected": S === mn.value,
+                      class: se(["dss-pagination-select-option", { "dss-pagination-select-option--selected": S === mn.value }]),
                       onClick: (K) => Ht(S)
                     }, A(S), 11, Bc))), 128))
                   ], 6), [
@@ -6474,7 +6479,7 @@ const Js = {
       h6: ud
     }, P = q, Me = R, xt = Ps(), re = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM2 10C2 5.6 5.6 2 10 2C11.8 2 13.5 2.6 14.9 3.7L3.7 14.9C2.6 13.5 2 11.8 2 10ZM10 18C8.2 18 6.5 17.4 5.1 16.3L16.3 5.1C17.4 6.5 18 8.2 18 10C18 14.4 14.4 18 10 18Z" fill="#c13340"/>
-</svg>`, g = $(null), Ve = $(null), He = $(!1), oe = $(!1), ee = $(!1), ke = $(""), Z = $({}), Ne = $(!1), Xe = $(!1), pt = $(""), St = $(""), G = $(null), at = $(null), nt = $(null), Re = $(null), Oe = $(""), rt = $(!1), ue = $({}), mt = $(!1), De = $({}), vt = $(null), kt = $(null), Dt = $(!1), It = $(""), Kt = $(null), tn = $(""), me = $(""), Se = $(""), je = $(null), ze = $(null), un = $(null), Vt = $(null), fn = $(null), Ut = $(!1), an = $(""), ae = $({}), Ee = $(!1), Be = $("upload"), st = $(""), ut = $(null), Yt = $(null), ft = $([]), nn = $([]), lt = $(null), Ge = $(!1), Nt = $(""), $t = $(""), ie = $(""), Q = $(""), te = $(""), he = $(""), _e = $(null), ct = $(null), Ot = $(null), _n = $(!1), Pt = $(null), bn = $(!1), E = $(!1), k = $(null), H = $("p"), ne = $(!1), de = $([]), Je = $(null), Lt = $(null), Ct = $(null), tt = $(!1), zt = $(0), Ft = 100, Et = $(null), Tt = p(() => ({
+</svg>`, g = $(null), Ve = $(null), He = $(!1), oe = $(!1), ee = $(!1), ke = $(""), Z = $({}), Ne = $(!1), Xe = $(!1), pt = $(""), St = $(""), G = $(null), at = $(null), nt = $(null), Re = $(null), Oe = $(""), rt = $(!1), ue = $({}), mt = $(!1), De = $({}), vt = $(null), kt = $(null), Dt = $(!1), It = $(""), Kt = $(null), tn = $(""), me = $(""), Se = $(""), je = $(null), ze = $(null), un = $(null), Vt = $(null), pn = $(null), Ut = $(!1), an = $(""), ae = $({}), Ee = $(!1), Be = $("upload"), st = $(""), ut = $(null), Yt = $(null), ft = $([]), nn = $([]), lt = $(null), Ge = $(!1), Nt = $(""), $t = $(""), ie = $(""), Q = $(""), te = $(""), he = $(""), _e = $(null), ct = $(null), Ot = $(null), _n = $(!1), Pt = $(null), bn = $(!1), E = $(!1), k = $(null), H = $("p"), ne = $(!1), de = $([]), Je = $(null), Lt = $(null), Ct = $(null), tt = $(!1), zt = $(0), Ft = 100, Et = $(null), Tt = p(() => ({
       "dss-text-editor-no-border": !P.border,
       "dss-text-editor-rounded": P.rounded,
       "dss-text-editor-full-height": P.fullHeight,
@@ -6614,7 +6619,7 @@ const Js = {
       E.value && Zn(), Me("update:description", o), Me("description-change", o), Ot.value = "description", P.richText && (Ge.value || ($t.value = Nt.value, te.value = ie.value, he.value = Q.value), lt.value && clearTimeout(lt.value), Ge.value = !0, lt.value = setTimeout(() => {
         Ge.value = !1, yt();
       }, 500));
-    }, pn = () => {
+    }, mn = () => {
       const a = window.getSelection();
       if (a.rangeCount === 0) return null;
       const n = a.getRangeAt(0);
@@ -6694,7 +6699,7 @@ const Js = {
       if (!g.value) return;
       Nl(), g.value && N(g.value);
       let n = null;
-      g.value && (g.value.querySelector("p") || (n = pn(), Ht()));
+      g.value && (g.value.querySelector("p") || (n = mn(), Ht()));
       const o = a && a.inputType && (a.inputType === "insertText" || a.inputType === "insertCompositionText" || a.inputType === "deleteContentBackward" || a.inputType === "deleteContentForward");
       o && k.value && (k.value = null), oe.value = !0;
       const r = g.value.innerHTML.replace(/<!--[\s\S]*?-->/g, "").replace(/&nbsp;|\u00A0/g, " "), c = z(r);
@@ -7163,7 +7168,7 @@ const Js = {
       let r = null;
       if (o && o.rangeCount > 0) {
         const f = o.getRangeAt(0);
-        !f.collapsed && on(f) && (r = pn());
+        !f.collapsed && on(f) && (r = mn());
       }
       if (a === "createLink" && n) {
         const f = window.getSelection();
@@ -7450,7 +7455,7 @@ const Js = {
       let n = a.getRangeAt(0);
       !n.collapsed && on(n) && (n = ia(n), a.removeAllRanges(), a.addRange(n));
       let o = null;
-      !n.collapsed && on(n) && (o = pn());
+      !n.collapsed && on(n) && (o = mn());
       const r = n.commonAncestorContainer, c = r.nodeType === 1 ? r.tagName === "BLOCKQUOTE" ? r : r.closest("blockquote") : r.parentElement?.closest("blockquote");
       if (!!(c && g.value.contains(c))) {
         if (c) {
@@ -7556,7 +7561,7 @@ const Js = {
     }, ga = () => {
       if (!g.value) return;
       const a = window.getSelection();
-      a && a.rangeCount > 0 && a.getRangeAt(0), Re.value = pn();
+      a && a.rangeCount > 0 && a.getRangeAt(0), Re.value = mn();
       const n = window.getSelection();
       let o = "";
       n.rangeCount > 0 && (o = n.getRangeAt(0).toString()), pt.value = "", St.value = o, Oe.value = "", nt.value = null, Xe.value = !0, Mn(), Le(() => {
@@ -7688,7 +7693,7 @@ const Js = {
       if (!a || a.rangeCount === 0) return;
       const n = a.getRangeAt(0);
       if (n.collapsed || !on(n)) return;
-      S.value = Yn(n) || "", K.value = pn();
+      S.value = Yn(n) || "", K.value = mn();
       const o = n.getBoundingClientRect(), r = g.value.parentElement;
       if (!r) return;
       const c = r.getBoundingClientRect(), f = o.bottom - c.top, m = Math.max(f + 8, 0);
@@ -7875,7 +7880,7 @@ const Js = {
       const c = document.createRange();
       c.selectNodeContents(r);
       const f = window.getSelection();
-      f && (f.removeAllRanges(), f.addRange(c)), S.value = r.innerHTML || "", K.value = pn();
+      f && (f.removeAllRanges(), f.addRange(c)), S.value = r.innerHTML || "", K.value = mn();
       const v = c.getBoundingClientRect(), m = o.parentElement;
       if (m) {
         const F = m.getBoundingClientRect(), W = v.bottom - F.top, pe = Math.max(W + 8, 0);
@@ -8237,7 +8242,7 @@ const Js = {
           Kn = null, Bn("handleWindowResize");
         }, 150);
       }
-    }, mn = () => {
+    }, hn = () => {
       if (!P.richText) return;
       document.querySelectorAll(".dss-toolbar-custom-group").forEach((n) => {
         Array.from(n.children).filter(
@@ -8291,7 +8296,7 @@ const Js = {
           }, 150));
         };
         o && (o.addEventListener("scroll", c), g.value._scrollHandlers = { wrapper: null, content: o, handler: c }), Le(() => {
-          Pn(), mn();
+          Pn(), hn();
         }), g.value.addEventListener("click", (m) => {
           const y = m.target;
           y.closest("a") && !P.disabled && m.preventDefault();
@@ -8429,7 +8434,7 @@ const Js = {
               }
             });
           }), f && clearTimeout(f), f = setTimeout(() => {
-            En(), mn(), f = null;
+            En(), hn(), f = null;
           }, 100);
         });
         if (v.observe(g.value, {
@@ -8440,7 +8445,7 @@ const Js = {
           if (m) {
             const y = new MutationObserver(() => {
               Le(() => {
-                mn();
+                hn();
               });
             });
             y.observe(m, {
@@ -8711,7 +8716,7 @@ const Js = {
           }
         }
       } else {
-        Re.value = pn();
+        Re.value = mn();
         const a = window.getSelection();
         let n = "";
         a.rangeCount > 0 && (n = a.getRangeAt(0).toString()), pt.value = "", St.value = n, Oe.value = "", nt.value = null, Xe.value = !0;
@@ -8801,7 +8806,7 @@ const Js = {
       if (!g.value || oe.value) return;
       const a = window.getSelection();
       let n = null;
-      a && a.rangeCount > 0 && (n = pn());
+      a && a.rangeCount > 0 && (n = mn());
       const o = /(https?:\/\/[^\s<>"{}|\\^`\[\]]+[^\s<>"{}|\\^`\[\].,;:!?])|(www\.[^\s<>"{}|\\^`\[\]]+[^\s<>"{}|\\^`\[\].,;:!?])|([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.([a-zA-Z]{2,})(\/[^\s<>"{}|\\^`\[\]]*)?)/gi, r = document.createTreeWalker(
         g.value,
         NodeFilter.SHOW_TEXT,
@@ -8933,12 +8938,12 @@ const Js = {
       Qe.textContent = F, le.deleteContents(), le.insertNode(Qe);
       const Pe = window.getSelection(), ht = document.createRange();
       ht.setStartAfter(Qe), ht.collapse(!0), Pe.removeAllRanges(), Pe.addRange(ht);
-      const Fn = pn();
+      const Fn = mn();
       Le(() => {
         Ce(), Fn && wn(Fn);
       });
     }, Na = () => {
-      g.value && (fn.value = pn(), It.value = "", tn.value = "", st.value = "", me.value = "", Se.value = "", Kt.value = null, Vt.value = null, Be.value = "upload", Dt.value = !0, Mn(), Le(() => {
+      g.value && (pn.value = mn(), It.value = "", tn.value = "", st.value = "", me.value = "", Se.value = "", Kt.value = null, Vt.value = null, Be.value = "upload", Dt.value = !0, Mn(), Le(() => {
         je.value && je.value.focus(), ze.value && (ze.value.value = "");
       }));
     }, wl = (a) => {
@@ -8973,7 +8978,7 @@ const Js = {
         const o = a.getAttribute("src") || a.src || "";
         o.startsWith("http://") || o.startsWith("https://") ? (st.value = o, tn.value = "", Be.value = "url") : (tn.value = o, st.value = "", Be.value = "upload");
         const c = a.style.width || a.getAttribute("width") || "", f = a.style.height || a.getAttribute("height") || "";
-        me.value = c.endsWith("px") ? c.replace("px", "") : c, Se.value = f.endsWith("px") ? f.replace("px", "") : f, fn.value = null;
+        me.value = c.endsWith("px") ? c.replace("px", "") : c, Se.value = f.endsWith("px") ? f.replace("px", "") : f, pn.value = null;
       } else {
         Na();
         return;
@@ -8982,7 +8987,7 @@ const Js = {
         Be.value === "url" && un.value ? (un.value.focus(), un.value.select()) : je.value && (je.value.focus(), je.value.select()), ze.value && (ze.value.value = "");
       });
     }, ta = () => {
-      Dt.value = !1, It.value = "", tn.value = "", st.value = "", me.value = "", Se.value = "", Kt.value = null, Vt.value = null, fn.value = null, Be.value = "upload";
+      Dt.value = !1, It.value = "", tn.value = "", st.value = "", me.value = "", Se.value = "", Kt.value = null, Vt.value = null, pn.value = null, Be.value = "upload";
     }, nl = () => {
       const a = (It.value || "").trim(), n = g.value?._mutationObserver;
       n && n.disconnect(), Ge.value ? (lt.value && (clearTimeout(lt.value), lt.value = null), yt(), Ge.value = !1) : yt();
@@ -9010,7 +9015,7 @@ const Js = {
           r && r.rangeCount > 0 && r.removeAllRanges();
           const c = window.getSelection();
           let f = null;
-          if (fn.value && (wn(fn.value), c && c.rangeCount > 0 && (f = c.getRangeAt(0))), !f && c && c.rangeCount > 0 && (f = c.getRangeAt(0)), !f && g.value) {
+          if (pn.value && (wn(pn.value), c && c.rangeCount > 0 && (f = c.getRangeAt(0))), !f && c && c.rangeCount > 0 && (f = c.getRangeAt(0)), !f && g.value) {
             if (f = document.createRange(), g.value.childNodes.length === 0) {
               const x = document.createElement("p");
               x.innerHTML = "<br>", g.value.appendChild(x), f.setStart(x, 0), f.collapse(!0);
@@ -9067,7 +9072,7 @@ const Js = {
       if (P.richText && g.value && !oe.value) {
         const n = j(a || ""), r = g.value.innerHTML.replace(/&nbsp;|\u00A0/g, " "), c = n.replace(/&nbsp;|\u00A0/g, " ");
         if (r !== c) {
-          const f = pn();
+          const f = mn();
           g.value.innerHTML = n, Le(() => {
             Ht();
             const v = g.value.innerHTML || "", m = P.title || "", y = P.description || "";
@@ -9093,7 +9098,7 @@ const Js = {
       });
     }), Bt(() => P.customToolbarSlots, () => {
       Le(() => {
-        mn();
+        hn();
       });
     }, { deep: !0 }), Bt(() => P.comments, (a, n) => {
       if (Mt.value) {
@@ -9832,14 +9837,14 @@ const Js = {
               onClick: n[13] || (n[13] = Ye(() => {
               }, ["stop"]))
             }, [
-              hn(a.$slots, "ask-ai-dropdown")
+              fn(a.$slots, "ask-ai-dropdown")
             ])) : T("", !0)
           ])) : T("", !0)
         ]),
         l("div", qd, [
           (u(!0), d(J, null, Ae(q.customToolbarSlots, (o, r) => (u(), d(J, { key: r }, [
             zn(o) ? (u(), d("div", Wd, [
-              hn(a.$slots, o)
+              fn(a.$slots, o)
             ])) : T("", !0),
             zn(o) && r < q.customToolbarSlots.length - 1 && ql(r) ? (u(), d("div", Zd)) : T("", !0)
           ], 64))), 128))
@@ -10115,7 +10120,7 @@ const Js = {
         ])
       ], 2),
       Nn.value && bn.value ? (u(), d("div", D1, [
-        hn(a.$slots, "title-slot")
+        fn(a.$slots, "title-slot")
       ])) : T("", !0),
       l("div", {
         class: se(["dss-text-editor-description-wrapper", { "dss-text-editor-no-border-bottom": yl.value && E.value }])
@@ -10141,7 +10146,7 @@ const Js = {
         ])
       ], 2),
       yl.value && E.value ? (u(), d("div", F1, [
-        hn(a.$slots, "description-slot")
+        fn(a.$slots, "description-slot")
       ])) : T("", !0),
       (u(!0), d(J, null, Ae(de.value, (o) => (u(), d("div", {
         key: o.id,
@@ -10770,7 +10775,7 @@ const Js = {
                 onClick: n[43] || (n[43] = Ye(() => {
                 }, ["stop"]))
               }, [
-                hn(a.$slots, "ask-ai-dropdown")
+                fn(a.$slots, "ask-ai-dropdown")
               ])) : T("", !0)
             ])) : T("", !0)
           ]),
@@ -10778,7 +10783,7 @@ const Js = {
             q.askAi && gl.value ? (u(), d("div", n0)) : T("", !0),
             (u(!0), d(J, null, Ae(q.customToolbarSlots, (o, r) => (u(), d(J, { key: r }, [
               zn(o) && ll(o) ? (u(), d("div", l0, [
-                hn(a.$slots, o)
+                fn(a.$slots, o)
               ])) : T("", !0),
               zn(o) && ll(o) && r < q.customToolbarSlots.length - 1 && Sl(r) ? (u(), d("div", a0)) : T("", !0)
             ], 64))), 128))
@@ -10960,7 +10965,7 @@ const Js = {
       return B(ie, Q, te);
     }), un = p(() => ze.value.toLowerCase()), Vt = p(() => ({
       background: `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(${G.value.h}, 100%, 50%))`
-    })), fn = p(() => {
+    })), pn = p(() => {
       const ie = Me(G.value.h, G.value.s, G.value.l);
       return {
         left: `${ie.s}%`,
@@ -11225,7 +11230,7 @@ const Js = {
                 }, null, 4),
                 l("div", {
                   class: "dss-color-picker__sl-pointer",
-                  style: xe(fn.value)
+                  style: xe(pn.value)
                 }, null, 4)
               ], 544),
               l("div", {
@@ -11388,7 +11393,7 @@ const Js = {
           "aria-hidden": "true"
         }, null, -1)),
         l("span", H0, [
-          hn(be.$slots, "default", {}, () => [
+          fn(be.$slots, "default", {}, () => [
             Gn(A(q.label), 1)
           ])
         ])
@@ -11438,7 +11443,7 @@ const Js = {
       l("div", {
         class: se(["dss-skeleton-content", { "dss-skeleton-content--hidden": q.loading && q.mode === "single" }])
       }, [
-        hn(U.$slots, "default")
+        fn(U.$slots, "default")
       ], 2)
     ], 6));
   }
@@ -11651,7 +11656,7 @@ const Js = {
     function Vt(ae, Ee) {
       Me.value.useHandle || un(ae, Ee);
     }
-    function fn(ae, Ee) {
+    function pn(ae, Ee) {
       un(ae, Ee);
     }
     function Ut() {
@@ -11674,7 +11679,7 @@ const Js = {
           class: se(["dss-dnd-delete-zone", { "dss-dnd-delete-zone--drag-over": He.value }]),
           "data-dss-dnd-delete-zone": ""
         }, [
-          hn(ae.$slots, "delete-zone", {
+          fn(ae.$slots, "delete-zone", {
             isDragging: !!g.value,
             isOver: He.value
           })
@@ -11691,7 +11696,7 @@ const Js = {
         style: xe(re(Be))
       }, [
         Me.value.showHeader ? (u(), d("div", D0, [
-          hn(ae.$slots, "column-header", {
+          fn(ae.$slots, "column-header", {
             column: Be,
             items: Re.value[Be.value] || []
           }, () => [
@@ -11717,14 +11722,14 @@ const Js = {
               Me.value.useHandle ? (u(), d("div", {
                 key: 0,
                 class: "dss-dnd-handle",
-                onPointerdown: Ye((ut) => fn(ut, st.item), ["stop"])
+                onPointerdown: Ye((ut) => pn(ut, st.item), ["stop"])
               }, [
-                hn(ae.$slots, "handle", {}, () => [
+                fn(ae.$slots, "handle", {}, () => [
                   Ee[0] || (Ee[0] = l("span", { class: "dss-dnd-handle-icon" }, "⠿", -1))
                 ])
               ], 40, F0)) : T("", !0),
               l("div", B0, [
-                hn(ae.$slots, "item", {
+                fn(ae.$slots, "item", {
                   item: st.item,
                   column: Be,
                   justDropped: ee.value?.id === st.item[q.itemKey],
@@ -11737,7 +11742,7 @@ const Js = {
             ], 42, P0))
           ], 64))), 128)),
           (Re.value[Be.value] || []).length === 0 && Ve.value != Be.value ? (u(), d("div", z0, [
-            hn(ae.$slots, "empty", { column: Be }, () => [
+            fn(ae.$slots, "empty", { column: Be }, () => [
               Ee[1] || (Ee[1] = l("span", { class: "dss-dnd-empty-text" }, "No items", -1))
             ])
           ])) : T("", !0)
@@ -12086,7 +12091,7 @@ const Js = {
     function Vt(E) {
       return xt[E]?.[0]?.value || "contains";
     }
-    function fn(E, k) {
+    function pn(E, k) {
       return re.has(k) || E === "date" ? null : E === "select" || E === "arraySelect" ? [] : (E === "range" || E === "int") && k === "between" ? { min: null, max: null } : E === "range" || E === "int" ? null : "";
     }
     function Ut(E) {
@@ -12108,7 +12113,7 @@ const Js = {
         id: St++,
         key: E,
         operator: de,
-        value: fn(ne, de)
+        value: pn(ne, de)
       })), It();
     }
     function Be(E) {
@@ -12116,7 +12121,7 @@ const Js = {
     }
     function st(E, k) {
       const ne = Re.value[k]?.type || "text";
-      E.key = k, E.operator = Vt(ne), E.value = fn(ne, E.operator), It();
+      E.key = k, E.operator = Vt(ne), E.value = pn(ne, E.operator), It();
     }
     function ut(E, k) {
       const H = un(E);
@@ -12124,7 +12129,7 @@ const Js = {
       const ne = un(E);
       if (H !== ne || re.has(k)) {
         const de = Re.value[E.key];
-        E.value = fn(de?.type || "text", k);
+        E.value = pn(de?.type || "text", k);
       }
       It();
     }
@@ -13084,11 +13089,11 @@ const Js = {
     }, rt = (me) => Number(me?.value || 0) > 0 && Number(me?.value || 0) === Z.value, ue = (me) => {
       const Se = B(me?.marker) ? me.marker : {}, je = me?.marker === !0 || Se.enabled === !0, ze = rt(me) && U.value.maxSegment?.marker?.enabled === !0;
       if (!(je || ze)) return { enabled: !1 };
-      const Vt = Se.backgroundColor ?? (ze ? U.value.maxSegment?.marker?.backgroundColor : U.value.segmentMarker?.backgroundColor), fn = Se.borderColor ?? (ze ? U.value.maxSegment?.marker?.borderColor : U.value.segmentMarker?.borderColor), Ut = Se.color ?? (ze ? U.value.maxSegment?.marker?.color : U.value.segmentMarker?.color), an = Se.width ?? (ze ? U.value.maxSegment?.marker?.width : U.value.segmentMarker?.width), ae = Se.height ?? (ze ? U.value.maxSegment?.marker?.height : U.value.segmentMarker?.height);
+      const Vt = Se.backgroundColor ?? (ze ? U.value.maxSegment?.marker?.backgroundColor : U.value.segmentMarker?.backgroundColor), pn = Se.borderColor ?? (ze ? U.value.maxSegment?.marker?.borderColor : U.value.segmentMarker?.borderColor), Ut = Se.color ?? (ze ? U.value.maxSegment?.marker?.color : U.value.segmentMarker?.color), an = Se.width ?? (ze ? U.value.maxSegment?.marker?.width : U.value.segmentMarker?.width), ae = Se.height ?? (ze ? U.value.maxSegment?.marker?.height : U.value.segmentMarker?.height);
       return {
         enabled: !0,
         backgroundColor: Vt,
-        borderColor: fn,
+        borderColor: pn,
         color: Ut,
         width: an,
         height: ae,
@@ -13142,12 +13147,12 @@ const Js = {
     }, [
       l("div", sv, [
         l("span", ov, [
-          hn(me.$slots, "label", { label: q.label }, () => [
+          fn(me.$slots, "label", { label: q.label }, () => [
             Gn(A(q.label), 1)
           ])
         ]),
         q.showCounter ? (u(), d("span", rv, [
-          hn(me.$slots, "counter", { counterDisplay: pt.value }, () => [
+          fn(me.$slots, "counter", { counterDisplay: pt.value }, () => [
             Gn(A(pt.value), 1)
           ])
         ])) : T("", !0)
@@ -13182,12 +13187,12 @@ const Js = {
                   class: "dss-step-bar__segment-marker-icon",
                   style: xe(De(je))
                 }, [
-                  hn(me.$slots, "segment-marker-icon", {
+                  fn(me.$slots, "segment-marker-icon", {
                     segment: je,
                     index: ze,
                     marker: ue(je)
                   }, () => [
-                    hn(me.$slots, "max-segment-icon", {
+                    fn(me.$slots, "max-segment-icon", {
                       segment: je,
                       index: ze,
                       marker: ue(je)