@wikicasa-dev/components 2.1.23 → 2.1.24-alpha.1

package/dist/{packages/components/lib → lib}/UIKit/BaseModal.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as T, ref as n, useTemplateRef as z, onUnmounted as H, watch as I, createBlock as O, openBlock as k, Teleport as $, createElementVNode as s, normalizeClass as o, withModifiers as v, createElementBlock as y, createCommentVNode as h, renderSlot as d, createVNode as D, unref as K, nextTick as N } from "vue";
-import "../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { isWindows as w } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/DeviceDetectionUtils.js";
-import { awaitableSetTimeout as S } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/GenericUtils.js";
-import "../../../../_virtual/polyline.js";
-import { CloseIcon as V } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { defineComponent as T, ref as n, useTemplateRef as z, onUnmounted as H, watch as I, createBlock as O, openBlock as k, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as y, createElementBlock as h, createCommentVNode as w, renderSlot as d, createVNode as D, unref as K, nextTick as N } from "vue";
+import "../../node_modules/js-cookie/dist/js.cookie.js";
+import { isWindows as C } from "../../node_modules/@wikicasa-dev/utilities/dist/utils/DeviceDetectionUtils.js";
+import { awaitableSetTimeout as S } from "../../node_modules/@wikicasa-dev/utilities/dist/utils/GenericUtils.js";
+import "../../_virtual/polyline.js";
+import { CloseIcon as V } from "../../node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
+import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 const F = ["id", "data-cy"], U = ["innerHTML"], J = /* @__PURE__ */ T({
   __name: "BaseModal",
   props: {
@@ -27,115 +27,115 @@ const F = ["id", "data-cy"], U = ["innerHTML"], J = /* @__PURE__ */ T({
     titleClasses: {}
   },
   emits: ["closed", "opened", "dialogClick"],
-  setup(l, { emit: C }) {
-    const r = C, t = n(!1), m = n(null), a = z("modalDialog"), c = n(!1), u = n(!1), f = ({ key: e }) => {
-      e === "Escape" && i();
-    }, g = () => {
-      document?.body.addEventListener("keydown", f);
+  setup(e, { emit: g }) {
+    const c = g, i = n(!1), m = n(null), a = z("modalDialog"), r = n(!1), u = n(!1), f = ({ key: t }) => {
+      t === "Escape" && o();
     }, p = () => {
+      document?.body.addEventListener("keydown", f);
+    }, b = () => {
       document?.body.removeEventListener("keydown", f);
-    }, M = async () => {
-      t.value = !0, N(() => {
-        g(), w() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
-      }), r("opened"), l.autoClose !== void 0 && setTimeout(() => {
-        i();
-      }, l.autoClose);
-    }, B = (e) => {
-      a.value && a.value.contains(e.target) && (u.value = !0);
-    }, x = (e) => {
-      a.value && a.value.contains(e.target) && (u.value = !1);
+    }, x = async () => {
+      i.value = !0, N(() => {
+        p(), C() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
+      }), c("opened"), e.autoClose !== void 0 && setTimeout(() => {
+        o();
+      }, e.autoClose);
+    }, M = (t) => {
+      a.value && a.value.contains(t.target) && (u.value = !0);
+    }, B = (t) => {
+      a.value && a.value.contains(t.target) && (u.value = !1);
     }, L = async () => {
-      if (l.closeOnClickOut) {
+      if (e.closeOnClickOut) {
         if (u.value) {
           u.value = !1;
           return;
         }
-        await i();
+        await o();
       }
-    }, i = async () => {
-      t.value = !1, p(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await S(() => {
-        m.value?.classList.add("uikit-hidden"), r("closed");
+    }, o = async () => {
+      i.value = !1, b(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await S(() => {
+        m.value?.classList.add("uikit-hidden"), c("closed");
       }, 250);
     };
     return H(() => {
-      p(), document?.documentElement.classList.remove("uikit-no-scrolling"), w() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
+      b(), document?.documentElement.classList.remove("uikit-no-scrolling"), C() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
     }), I(
-      () => l.showModal,
-      async (e) => {
-        !e && !t.value ? c.value = !0 : c.value = !1, e && !t.value && await M(), !e && t.value && await i(), t.value = e;
+      () => e.showModal,
+      async (t) => {
+        !t && !i.value ? r.value = !0 : r.value = !1, t && !i.value && await x(), !t && i.value && await o(), i.value = t;
       },
       { immediate: !0 }
-    ), (e, b) => (k(), O($, { to: "body" }, [
-      s("div", {
+    ), (t, v) => (k(), O($, { to: "body" }, [
+      l("div", {
         ref_key: "backdropEl",
         ref: m,
-        class: o(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
+        class: s(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
           e.customBackdropClasses,
           {
-            "uikit-animate-[backdrop-opacity_0.3s_ease-out_0s_backwards] uikit-bg-w-secondary/70": t.value
+            "uikit-animate-[backdrop-opacity_0.3s_ease-out_0s_backwards] uikit-bg-w-secondary/70": i.value
           },
-          { "uikit-bg-transparent": !t.value },
+          { "uikit-bg-transparent": !i.value },
           { "sm:uikit-pt-[30px]": !e.centered },
-          { hide: c.value }
+          { hide: r.value }
         ]]),
         style: { "z-index": "1062" },
         onClick: L,
-        onMousedown: B,
-        onMouseup: x
+        onMousedown: M,
+        onMouseup: B
       }, [
-        s("dialog", {
+        l("dialog", {
           id: e.id,
           ref: "modalDialog",
           "data-cy": e.dataCy,
-          class: o(["uikit-modal-dialog transition-y uikit-mx-auto uikit-block uikit-w-full uikit-overflow-y-auto uikit-overflow-x-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-bg-white uikit-p-0 uikit-shadow-lg uikit-no-scrollbar uikit-safe-bottom max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
+          class: s(["uikit-modal-dialog transition-y uikit-mx-auto uikit-block uikit-w-full uikit-overflow-y-auto uikit-overflow-x-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-bg-white uikit-p-0 uikit-shadow-lg uikit-no-scrollbar uikit-safe-bottom max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
             e.customModalDialogClasses,
-            { show: t.value },
-            { "closed uikit-overflow-hidden": !t.value },
+            { show: i.value },
+            { "closed uikit-overflow-hidden": !i.value },
             { centered: e.centered },
             { "uikit-absolute": e.centered },
             { "uikit-static": !e.centered },
             `base-${e.size}`,
             e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
           ]]),
-          onClick: b[0] || (b[0] = v((E) => r("dialogClick", E), ["stop"]))
+          onClick: v[0] || (v[0] = y((E) => c("dialogClick", E), ["stop"]))
         }, [
-          s("div", {
-            class: o(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
+          l("div", {
+            class: s(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
           }, [
-            e.withCloseIcon ? (k(), y("button", {
+            e.withCloseIcon ? (k(), h("button", {
               key: 0,
               id: "close-icon-btn",
               "data-cy": "bbt-default-close-icon-btn",
-              class: o(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.closeIconBtnClasses]),
+              class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.closeIconBtnClasses]),
               type: "button",
               "aria-label": "Close",
-              onClick: v(i, ["prevent", "stop"])
+              onClick: y(o, ["prevent", "stop"])
             }, [
               D(K(V), {
                 class: "bbt-close-icon uikit-box-border uikit-p-5px",
                 width: 30,
                 height: 30
               })
-            ], 2)) : h("", !0),
-            d(e.$slots, "header", { closeModal: i }, () => [
-              s("span", {
-                class: o(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
+            ], 2)) : w("", !0),
+            d(t.$slots, "header", { closeModal: o }, () => [
+              l("span", {
+                class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
                 innerHTML: e.headerTitle
               }, null, 10, U)
             ])
           ], 2),
-          s("div", {
-            class: o(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
+          l("div", {
+            class: s(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
           }, [
-            d(e.$slots, "body", { closeModal: i })
+            d(t.$slots, "body", { closeModal: o })
           ], 2),
-          e.$slots.footer ? (k(), y("div", {
+          t.$slots.footer ? (k(), h("div", {
             key: 0,
-            class: o(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
+            class: s(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
           }, [
-            d(e.$slots, "footer", { closeModal: i })
-          ], 2)) : h("", !0),
-          d(e.$slots, "fixed-bottom")
+            d(t.$slots, "footer", { closeModal: o })
+          ], 2)) : w("", !0),
+          d(t.$slots, "fixed-bottom")
         ], 10, F)
       ], 34)
     ]));

package/dist/{packages/components/lib → lib}/UIKit/BasePagination.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as O, mergeModels as V, useModel as A, computed as s, createElementBlock as o, openBlock as r, createCommentVNode as k, createElementVNode as x, createBlock as m, resolveDynamicComponent as c, mergeProps as h, withCtx as f, createVNode as M, unref as $, toDisplayString as d, Fragment as w, createTextVNode as g, renderList as j } from "vue";
-import { ArrowIcon as B } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.11_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { defineComponent as O, mergeModels as V, useModel as A, computed as s, createElementBlock as o, openBlock as a, createCommentVNode as k, createElementVNode as P, createBlock as v, resolveDynamicComponent as m, mergeProps as h, withCtx as f, createVNode as $, unref as p, toDisplayString as g, Fragment as w, createTextVNode as x, renderList as j } from "vue";
+import { ArrowIcon as B } from "../../node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 const Q = {
   "aria-label": "Page navigation",
   class: "uikit-overflow-auto"
@@ -42,59 +42,59 @@ const Q = {
     pageNumberModifiers: {}
   }),
   emits: ["update:pageNumber"],
-  setup(a) {
-    const u = A(a, "pageNumber"), y = s(() => (u.value || 1) + 1), b = s(() => (u.value || 1) - 1), v = s(() => a.baseUrl ? a.linkTag : "span"), l = s(() => Math.ceil((a.count + a.additionalCount) / a.limit)), D = (e = 1) => e < 1, S = (e = 1) => e === l.value, P = s(() => (u.value || 0) > a.siblings + 2), C = s(
-      () => (u.value || 0) < l.value - a.siblings - 1
-    ), N = s(() => {
-      let i = u.value || 0, t = 0;
-      for (; i > 2 && t < a.siblings; )
-        i--, t++;
-      return t;
-    }), L = s(() => {
-      let i = u.value || 0, t = 0;
-      for (; i < l.value - 1 && t < a.siblings; )
-        i++, t++;
-      return t;
+  setup(e) {
+    const u = A(e, "pageNumber"), y = s(() => (u.value || 1) + 1), b = s(() => (u.value || 1) - 1), c = s(() => e.baseUrl ? e.linkTag : "span"), r = s(() => Math.ceil((e.count + e.additionalCount) / e.limit)), D = (l = 1) => l < 1, S = (l = 1) => l === r.value, C = s(() => (u.value || 0) > e.siblings + 2), N = s(
+      () => (u.value || 0) < r.value - e.siblings - 1
+    ), L = s(() => {
+      let t = u.value || 0, i = 0;
+      for (; t > 2 && i < e.siblings; )
+        t--, i++;
+      return i;
+    }), M = s(() => {
+      let t = u.value || 0, i = 0;
+      for (; t < r.value - 1 && i < e.siblings; )
+        t++, i++;
+      return i;
     }), U = s(() => {
-      const e = N.value + /* Filling with the remaining right siblings */
-      Math.abs(L.value - a.siblings) + /* If there is no suspension points on the right, let's fill it */
-      new Number(!C.value).valueOf() + /* If the pageNumber is the same of the last, let's fill it */
-      new Number(u.value === l.value).valueOf();
-      let i = Math.max((u.value || 0) - e, 2);
-      const t = [];
-      for (i; i < (u.value || 0); i++) t.push(i);
-      return t;
+      const l = L.value + /* Filling with the remaining right siblings */
+      Math.abs(M.value - e.siblings) + /* If there is no suspension points on the right, let's fill it */
+      new Number(!N.value).valueOf() + /* If the pageNumber is the same of the last, let's fill it */
+      new Number(u.value === r.value).valueOf();
+      let t = Math.max((u.value || 0) - l, 2);
+      const i = [];
+      for (t; t < (u.value || 0); t++) i.push(t);
+      return i;
     }), T = s(() => {
-      const e = L.value + /* Filling with the remaining left siblings */
-      Math.abs(N.value - a.siblings) + /* If there is no suspension points on the left, let's fill it */
-      new Number(!P.value).valueOf() + /* If the pageNumber is the same of the firstPage, let's fill it */
+      const l = M.value + /* Filling with the remaining left siblings */
+      Math.abs(L.value - e.siblings) + /* If there is no suspension points on the left, let's fill it */
+      new Number(!C.value).valueOf() + /* If the pageNumber is the same of the firstPage, let's fill it */
       new Number(u.value === 1).valueOf();
-      let i = Math.min(u.value || 0, l.value - 1);
-      const t = [];
-      for (i; i < Math.min((u.value || 0) + e, l.value - 1); i++)
-        t.push(i + 1);
-      return t;
-    }), p = (e) => {
-      e < 1 || e > l.value || setTimeout(() => {
-        u.value = e;
+      let t = Math.min(u.value || 0, r.value - 1);
+      const i = [];
+      for (t; t < Math.min((u.value || 0) + l, r.value - 1); t++)
+        i.push(t + 1);
+      return i;
+    }), d = (l) => {
+      l < 1 || l > r.value || setTimeout(() => {
+        u.value = l;
       });
-    }, n = (e = 1) => {
-      if (a.baseUrl)
+    }, n = (l = 1) => {
+      if (e.baseUrl)
         try {
-          const i = new URL(a.baseUrl);
-          return e <= 1 ? (i.searchParams.delete(a.pageQueryParameter), `${i.pathname}${i.search}${i.hash}`) : (i.searchParams.set(a.pageQueryParameter, `${e}`), `${i.pathname}${i.search}${i.hash}`);
-        } catch (i) {
-          console.error(i);
+          const t = new URL(e.baseUrl);
+          return l <= 1 ? (t.searchParams.delete(e.pageQueryParameter), `${t.pathname}${t.search}${t.hash}`) : (t.searchParams.set(e.pageQueryParameter, `${l}`), `${t.pathname}${t.search}${t.hash}`);
+        } catch (t) {
+          console.error(t);
           return;
         }
     };
-    return (e, i) => (r(), o("nav", Q, [
-      e.count > 0 ? (r(), o("ul", E, [
-        x("li", {
+    return (l, t) => (a(), o("nav", Q, [
+      e.count > 0 ? (a(), o("ul", E, [
+        P("li", {
           "data-cy": e.prevDataCy,
-          onClick: i[0] || (i[0] = (t) => p(b.value))
+          onClick: t[0] || (t[0] = (i) => d(b.value))
         }, [
-          (r(), m(c(D(b.value) ? "span" : v.value), h({
+          (a(), v(m(D(b.value) ? "span" : c.value), h({
             href: n(b.value),
             to: n(b.value),
             class: ["arrow-button prev-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
@@ -104,53 +104,52 @@ const Q = {
             }]
           }, e.linkProps), {
             default: f(() => [
-              M($(B), {
+              $(p(B), {
                 width: 20,
                 height: 11,
                 "stroke-color": u.value === 1 ? "#8996A9" : e.arrowColor,
                 class: "uikit-inline-block uikit-rotate-90"
               }, null, 8, ["stroke-color"]),
-              e.small && e.prevLabel ? (r(), o("span", q, d(e.prevLabel), 1)) : k("", !0)
+              e.small && e.prevLabel ? (a(), o("span", q, g(e.prevLabel), 1)) : k("", !0)
             ]),
             _: 1
           }, 16, ["href", "to", "class"]))
         ], 8, R),
-        e.small ? k("", !0) : (r(), o(w, { key: 0 }, [
-          (u.value || 0) > 1 ? (r(), o("li", {
+        e.small ? k("", !0) : (a(), o(w, { key: 0 }, [
+          (u.value || 0) > 1 ? (a(), o("li", {
             key: 0,
-            onClick: i[1] || (i[1] = (t) => p(1))
+            onClick: t[1] || (t[1] = (i) => d(1))
           }, [
-            (r(), m(c(v.value), h({
+            (a(), v(m(c.value), h({
               href: n(1),
               to: n(1),
               class: "page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
             }, e.linkProps), {
-              default: f(() => i[4] || (i[4] = [
-                g(" 1 ")
-              ])),
+              default: f(() => [...t[4] || (t[4] = [
+                x(" 1 ", -1)
+              ])]),
               _: 1
             }, 16, ["href", "to"]))
           ])) : k("", !0),
-          P.value ? (r(), o("li", z, " ... ")) : k("", !0),
-          (r(!0), o(w, null, j(U.value, (t) => (r(), o("li", {
-            key: t,
-            onClick: (F) => p(t)
+          C.value ? (a(), o("li", z, " ... ")) : k("", !0),
+          (a(!0), o(w, null, j(U.value, (i) => (a(), o("li", {
+            key: i,
+            onClick: (F) => d(i)
           }, [
-            (r(), m(c(v.value), h({
-              href: n(t),
-              to: n(t),
-              class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white",
-              ref_for: !0
-            }, e.linkProps), {
+            (a(), v(m(c.value), h({
+              href: n(i),
+              to: n(i),
+              class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
+            }, { ref_for: !0 }, e.linkProps), {
               default: f(() => [
-                g(d(e.formatter ? e.formatter(t) : t), 1)
+                x(g(e.formatter ? e.formatter(i) : i), 1)
               ]),
               _: 2
             }, 1040, ["href", "to"]))
           ], 8, G))), 128))
         ], 64)),
-        x("li", null, [
-          (r(), m(c(v.value), h({
+        P("li", null, [
+          (a(), v(m(c.value), h({
             href: n(u.value),
             to: n(u.value),
             class: ["selected uikit-pointer-events-none uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline", {
@@ -158,62 +157,61 @@ const Q = {
             }]
           }, e.linkProps), {
             default: f(() => [
-              g(d(e.formatter ? e.formatter(u.value) : u.value), 1)
+              x(g(e.formatter ? e.formatter(u.value) : u.value), 1)
             ]),
             _: 1
           }, 16, ["href", "to", "class"]))
         ]),
-        e.small ? k("", !0) : (r(), o(w, { key: 1 }, [
-          (r(!0), o(w, null, j(T.value, (t) => (r(), o("li", {
-            key: t,
-            onClick: (F) => p(t)
+        e.small ? k("", !0) : (a(), o(w, { key: 1 }, [
+          (a(!0), o(w, null, j(T.value, (i) => (a(), o("li", {
+            key: i,
+            onClick: (F) => d(i)
           }, [
-            (r(), m(c(v.value), h({
-              href: n(t),
-              to: n(t),
-              class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-text-w-black uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white",
-              ref_for: !0
-            }, e.linkProps), {
+            (a(), v(m(c.value), h({
+              href: n(i),
+              to: n(i),
+              class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-text-w-black uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
+            }, { ref_for: !0 }, e.linkProps), {
               default: f(() => [
-                g(d(e.formatter ? e.formatter(t) : t), 1)
+                x(g(e.formatter ? e.formatter(i) : i), 1)
               ]),
               _: 2
             }, 1040, ["href", "to"]))
           ], 8, H))), 128)),
-          C.value ? (r(), o("li", J, " ... ")) : k("", !0),
-          (u.value || 0) < l.value ? (r(), o("li", {
+          N.value ? (a(), o("li", J, " ... ")) : k("", !0),
+          (u.value || 0) < r.value ? (a(), o("li", {
             key: 1,
-            onClick: i[2] || (i[2] = (t) => p(l.value))
+            onClick: t[2] || (t[2] = (i) => d(r.value))
           }, [
-            (r(), m(c(v.value), h({
-              href: n(l.value),
-              to: n(l.value),
+            (a(), v(m(c.value), h({
+              href: n(r.value),
+              to: n(r.value),
               class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
             }, e.linkProps), {
               default: f(() => [
-                g(d(e.formatter ? e.formatter(l.value) : l.value), 1)
+                x(g(e.formatter ? e.formatter(r.value) : r.value), 1)
               ]),
               _: 1
             }, 16, ["href", "to"]))
           ])) : k("", !0)
         ], 64)),
-        x("li", {
+        P("li", {
           "data-cy": e.nextDataCy,
-          onClick: i[3] || (i[3] = (t) => p(y.value))
+          onClick: t[3] || (t[3] = (i) => d(y.value))
         }, [
-          (r(), m(c(S(u.value) ? "span" : v.value), h({
+          (a(), v(m(S(u.value) ? "span" : c.value), h({
             href: n(y.value),
             to: n(y.value),
             class: ["arrow-button next-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
-              "uikit-cursor-pointer active:max-sm:uikit-bg-w-primary hover:sm:uikit-bg-w-primary [&_svg]:active:max-sm:uikit-brightness-0 [&_svg]:active:max-sm:uikit-invert [&_svg]:hover:sm:uikit-brightness-0 [&_svg]:hover:sm:uikit-invert": (u.value || 0) < l.value,
-              "active:max-sm:uikit-text-white hover:sm:uikit-text-white": e.small && (u.value || 0) < l.value,
+              "uikit-cursor-pointer active:max-sm:uikit-bg-w-primary hover:sm:uikit-bg-w-primary [&_svg]:active:max-sm:uikit-brightness-0 [&_svg]:active:max-sm:uikit-invert [&_svg]:hover:sm:uikit-brightness-0 [&_svg]:hover:sm:uikit-invert": (u.value || 0) < r.value,
+              "active:max-sm:uikit-text-white hover:sm:uikit-text-white": e.small && (u.value || 0) < r.value,
               "uikit-rounded-xs": e.small && e.nextLabel
             }]
           }, e.linkProps), {
             default: f(() => [
-              e.small && e.nextLabel ? (r(), o("span", W, d(e.nextLabel), 1)) : k("", !0),
-              M($(B), {
-                "stroke-color": (u.value || 0) === l.value ? "#8996A9" : e.arrowColor,
+              e.small && e.nextLabel ? (a(), o("span", W, g(e.nextLabel), 1)) : k("", !0),
+              $(p(B), {
+                "stroke-color": (u.value || 0) === r.value ? "#8996A9" : e.arrowColor,
                 width: 20,
                 height: 11,
                 class: "uikit-inline-block -uikit-rotate-90"

package/dist/lib/UIKit/BaseSelect/SelectItem.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent as u, useTemplateRef as r, watch as m, nextTick as c, createElementBlock as d, openBlock as f, normalizeClass as k, renderSlot as v, createElementVNode as x } from "vue";
+const p = ["tabindex"], b = ["innerHTML"], $ = /* @__PURE__ */ u({
+  __name: "SelectItem",
+  props: {
+    label: { default: "" },
+    active: { type: Boolean, default: !1 },
+    idx: { default: -1 }
+  },
+  emits: ["click", "mouseover"],
+  setup(l, { emit: a }) {
+    const n = a, t = l, o = r("liItem");
+    return m(
+      () => t.active,
+      (e) => {
+        e && c(() => {
+          o.value && o.value.focus();
+        });
+      },
+      { immediate: !0 }
+    ), (e, i) => (f(), d("li", {
+      ref: "liItem",
+      class: k(["uikit-list-none uikit-text-w-black", [
+        { "active uikit-bg-w-cultured": l.active },
+        "uikit-outline-none",
+        e.$attrs.class
+      ]]),
+      tabindex: e.$attrs.tabindex ?? -1,
+      onClick: i[0] || (i[0] = (s) => n("click", t.idx)),
+      onMouseover: i[1] || (i[1] = (s) => n("mouseover", t.idx))
+    }, [
+      v(e.$slots, "default", { itemIdx: l.idx }, () => [
+        x("span", {
+          innerHTML: t.label
+        }, null, 8, b)
+      ])
+    ], 42, p));
+  }
+});
+export {
+  $ as default
+};