@defaultusr/dai-ui 1.1.11 → 1.1.12

package/dist/main.js

@@ -1,6 +1,6 @@
 import { Combobox as te, ComboboxInput as oe, injectCombobox as ae, ComboboxOptions as le, ComboboxOption as ie, useFormControl as A, PopoverDialog as ne, MenuItems as se, MenuItem as re, Tab as de, TabList as ue } from "vue-composable-ui";
-import { Menu as St, Popover as Ut, TabContainer as Dt, TabPanel as Nt } from "vue-composable-ui";
-import { reactive as ce, watch as T, onUnmounted as Y, defineComponent as v, createElementBlock as u, openBlock as l, renderSlot as p, createTextVNode as E, toDisplayString as k, normalizeClass as w, createBlock as m, createCommentVNode as h, createElementVNode as d, computed as _, createVNode as V, normalizeProps as fe, guardReactiveProps as me, withCtx as c, Transition as P, mergeModels as M, useModel as $, useId as L, mergeProps as x, unref as r, inject as ve, Fragment as I, useTemplateRef as q, ref as D, onMounted as j, withDirectives as O, renderList as N, vModelSelect as pe, vModelText as he, vModelCheckbox as be, vModelRadio as ye, resolveDynamicComponent as ge, nextTick as we, normalizeStyle as U, Teleport as R, TransitionGroup as ke, withModifiers as $e } from "vue";
+import { Menu as St, Popover as Ut, TabContainer as Nt, TabPanel as Xt } from "vue-composable-ui";
+import { reactive as ce, watch as T, onUnmounted as K, defineComponent as v, createElementBlock as u, openBlock as l, renderSlot as p, createTextVNode as E, toDisplayString as k, normalizeClass as w, createBlock as m, createCommentVNode as h, createElementVNode as d, computed as _, createVNode as V, normalizeProps as fe, guardReactiveProps as me, withCtx as c, Transition as P, mergeModels as M, useModel as $, useId as L, mergeProps as x, unref as r, inject as ve, Fragment as I, useTemplateRef as q, ref as N, onMounted as j, withDirectives as O, renderList as X, vModelSelect as pe, vModelText as he, vModelCheckbox as be, vModelRadio as ye, resolveDynamicComponent as ge, nextTick as we, normalizeStyle as U, Teleport as R, TransitionGroup as ke, withModifiers as $e } from "vue";
 import './assets/main.css';function xe(e, ...t) {
   let o = [];
   const i = ce(t);
@@ -16,7 +16,7 @@ import './assets/main.css';function xe(e, ...t) {
       s(), a();
     },
     { immediate: !0 }
-  ), Y(s), {
+  ), K(s), {
     classList: i
   };
 }
@@ -32,7 +32,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
       ])
     ]));
   }
-}), Be = { class: "dai-hint" }, X = /* @__PURE__ */ v({
+}), Be = { class: "dai-hint" }, D = /* @__PURE__ */ v({
   __name: "hint",
   props: {
     text: {}
@@ -129,7 +129,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
           ]),
           _: 3
         }, 16),
-        e.hint ? (l(), m(X, {
+        e.hint ? (l(), m(D, {
           key: 0,
           text: e.hint,
           class: "dai-form-control__hint"
@@ -226,8 +226,7 @@ const _e = { class: "dai-label" }, F = /* @__PURE__ */ v({
       t.isOpen.value ? t.close({ focus: !0 }) : t.open({ focus: !1 });
     }
     return (i, a) => (l(), u("button", x(r(t).activatorAttrs.value, {
-      onKeydown: a[0] || (a[0] = //@ts-ignore
-      (...s) => r(t).activatorOnKeyDown && r(t).activatorOnKeyDown(...s)),
+      onKeydown: a[0] || (a[0] = (s) => r(t).activatorOnKeyDown(s)),
       onClick: o,
       type: "button",
       class: "dai-form-control__input-group__control dai-combobox-btn"
@@ -318,13 +317,13 @@ function Fe(e, t) {
     p(e.$slots, "default")
   ]);
 }
-const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern", "title", "autocomplete", "value"], Ue = {
+const Y = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern", "title", "autocomplete", "value"], Ue = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
-}, De = {
+}, Ne = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -373,7 +372,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
       n,
       t.validators,
       t.showValidationError
-    ), f = D(!1);
+    ), f = N(!1);
     T(a, () => {
       s.value = n.value?.files || null;
     });
@@ -425,12 +424,12 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
           class: "dai-form-control__input-group__control dai-form-control__input"
         }), null, 16, Se),
         p(B.$slots, "append"),
-        t.type === "password" && a.value ? (l(), m(K, {
+        t.type === "password" && a.value ? (l(), m(Y, {
           key: 0,
           onClick: W
         }, {
           default: c(() => [
-            f.value ? (l(), u("svg", De, [...z[2] || (z[2] = [
+            f.value ? (l(), u("svg", Ne, [...z[2] || (z[2] = [
               d("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
@@ -454,7 +453,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
           ]),
           _: 1
         })) : h("", !0),
-        e.clearable && a.value && !t.disabled ? (l(), m(K, {
+        e.clearable && a.value && !t.disabled ? (l(), m(Y, {
           key: 1,
           onClick: J
         }, {
@@ -479,7 +478,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
       _: 3
     }, 16, ["label-for", "validation-message", "invalid", "class"]));
   }
-}), Ne = ["id"], Xe = ["value"], $t = /* @__PURE__ */ v({
+}), Xe = ["id"], De = ["value"], $t = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "select",
   props: /* @__PURE__ */ M({
@@ -530,12 +529,12 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
           class: "dai-form-control__input-group__control dai-select"
         }), [
           p(b.$slots, "default", {}, () => [
-            (l(!0), u(I, null, N(e.options, (f) => (l(), u("option", {
+            (l(!0), u(I, null, X(e.options, (f) => (l(), u("option", {
               value: f[e.optionValue],
               key: f[e.optionValue]
-            }, k(f[e.optionText]), 9, Xe))), 128))
+            }, k(f[e.optionText]), 9, De))), 128))
           ])
-        ], 16, Ne), [
+        ], 16, Xe), [
           [pe, i.value]
         ]),
         y[1] || (y[1] = d("svg", {
@@ -592,7 +591,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
         V(r(qe), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
         V(r(Te), null, {
           default: c(() => [
-            (l(!0), u(I, null, N(e.options, (s) => (l(), m(r(Ae), {
+            (l(!0), u(I, null, X(e.options, (s) => (l(), m(r(Ae), {
               key: s[e.optionValue],
               value: s[e.optionValue]
             }, {
@@ -657,7 +656,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
       _: 1
     }, 16, ["label-for", "validation-message", "invalid", "class"]));
   }
-}), Ke = ["id"], Bt = /* @__PURE__ */ v({
+}), Ye = ["id"], Bt = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "checkbox",
   props: /* @__PURE__ */ M({
@@ -691,7 +690,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
           [`dai-checkbox--${e.color}`]: e.color,
           "dai-checkbox--invalid": !r(s)
         }]
-      }), null, 16, Ke), [
+      }), null, 16, Ye), [
         [be, o.value]
       ]),
       e.label || n.$slots.default ? (l(), m(F, {
@@ -705,7 +704,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
         ]),
         _: 3
       }, 8, ["for"])) : h("", !0),
-      e.hint || n.$slots.hint ? (l(), m(X, {
+      e.hint || n.$slots.hint ? (l(), m(D, {
         key: 1,
         class: "dai-checkbox-control__hint"
       }, {
@@ -718,7 +717,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
       })) : h("", !0)
     ], 2));
   }
-}), Ye = { class: "flex items-center h-5" }, Re = ["value", "id"], Ze = {
+}), Ke = { class: "flex items-center h-5" }, Re = ["value", "id"], Ze = {
   key: 0,
   class: "text-sm"
 }, Ge = ["for"], Qe = {
@@ -748,7 +747,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
     return (n, g) => (l(), u("div", {
       class: w(["flex items-start gap-3", n.$attrs.class])
     }, [
-      d("div", Ye, [
+      d("div", Ke, [
         O(d("input", x({
           type: "radio",
           ref_key: "formElement",
@@ -812,7 +811,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
         ]),
         _: 3
       }, 8, ["for"])) : h("", !0),
-      e.hint || i.$slots.hint ? (l(), m(X, {
+      e.hint || i.$slots.hint ? (l(), m(D, {
         key: 1,
         class: "dai-switch-control__hint"
       }, {
@@ -989,7 +988,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
 }), Tt = /* @__PURE__ */ v({
   __name: "tabList",
   setup(e) {
-    const t = q("tablist"), o = q("slider"), i = D({});
+    const t = q("tablist"), o = q("slider"), i = N({});
     function a() {
       if (!o.value) return;
       const s = t.value?.$el;
@@ -1047,7 +1046,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
     }
     return j(() => {
       window.addEventListener("click", s, { passive: !0 });
-    }), Y(() => {
+    }), K(() => {
       window.removeEventListener("click", s);
     }), (n, g) => (l(), m(R, { to: "body" }, [
       V(P, {
@@ -1189,7 +1188,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
   }),
   emits: ["update:queue"],
   setup(e) {
-    const t = e, o = $(e, "queue"), i = D([]);
+    const t = e, o = $(e, "queue"), i = N([]);
     let a = 0;
     function s() {
       o.value.length === 0 || i.value.length >= t.length || (i.value.push({ ...o.value[0], id: a++, show: !0 }), o.value.shift());
@@ -1225,7 +1224,7 @@ const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern
         "leave-active-class": "dai-notification-queue__item--anim-out"
       }, {
         default: c(() => [
-          (l(!0), u(I, null, N(i.value, (f) => (l(), m(ft, {
+          (l(!0), u(I, null, X(i.value, (f) => (l(), m(ft, {
             key: f.id,
             color: f.color,
             icon: f.type,
@@ -1350,9 +1349,9 @@ export {
   xt as Selectbox,
   Mt as Switch,
   qt as Tab,
-  Dt as TabContainer,
+  Nt as TabContainer,
   Tt as TabList,
-  Nt as TabPanel,
+  Xt as TabPanel,
   _t as Textarea,
   xe as useClassList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@defaultusr/dai-ui",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "type": "module",
   "files": [
     "dist"