@defaultusr/dai-ui 1.1.7 → 1.1.8

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 Ot, Popover as Ut, TabContainer as Nt, TabPanel as Xt } from "vue-composable-ui";
-import { reactive as ce, watch as T, onUnmounted as R, defineComponent as v, createElementBlock as u, openBlock as a, renderSlot as p, createTextVNode as E, toDisplayString as k, normalizeClass as w, createBlock as f, createCommentVNode as h, createElementVNode as d, computed as $, createVNode as V, normalizeProps as me, guardReactiveProps as fe, withCtx as c, Transition as P, mergeModels as M, useModel as x, useId as L, mergeProps as _, unref as r, inject as ve, Fragment as I, useTemplateRef as q, ref as N, onMounted as j, withDirectives as F, 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 Z, 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 R, defineComponent as v, createElementBlock as u, openBlock as a, 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 x, useId as L, mergeProps as _, unref as r, inject as ve, Fragment as I, useTemplateRef as q, ref as N, onMounted as j, withDirectives as F, 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 Z, TransitionGroup as ke, withModifiers as $e } from "vue";
 import './assets/main.css';function xe(e, ...t) {
   let o = [];
   const l = ce(t);
@@ -20,7 +20,7 @@ import './assets/main.css';function xe(e, ...t) {
     classList: l
   };
 }
-const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
+const _e = { class: "dai-label" }, O = /* @__PURE__ */ v({
   __name: "label",
   props: {
     text: {}
@@ -69,7 +69,7 @@ const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
         "dai-form-control__input-group--invalid": e.invalid
       }])
     }, [
-      e.label ? (a(), f(S, {
+      e.label ? (a(), m(O, {
         key: 0,
         text: e.label,
         for: e.labelFor,
@@ -84,7 +84,7 @@ const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
   key: 0,
   class: "dai-form-control__validation-message",
   role: "alert"
-}, O = /* @__PURE__ */ v({
+}, S = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "formControl",
   props: {
@@ -112,13 +112,13 @@ const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
         "dai-form-control--lg": l.value === "large"
       }])
     }, [
-      e.label && e.labelPosition !== "inside" ? (a(), f(S, {
+      e.label && e.labelPosition !== "inside" ? (a(), m(O, {
         key: 0,
         for: e.labelFor,
         text: e.label
       }, null, 8, ["for", "text"])) : h("", !0),
       d("div", Ce, [
-        V(Me, me(fe({
+        V(Me, fe(me({
           ...t,
           label: e.labelPosition === "inside" ? e.label : void 0,
           variant: o.value,
@@ -129,7 +129,7 @@ const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
           ]),
           _: 3
         }, 16),
-        e.hint ? (a(), f(D, {
+        e.hint ? (a(), m(D, {
           key: 0,
           text: e.hint,
           class: "dai-form-control__hint"
@@ -181,7 +181,7 @@ const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, o = x(e, "modelValue"), l = t.id || L();
-    return (i, s) => (a(), f(O, _(t, {
+    return (i, s) => (a(), m(S, _(t, {
       labelFor: r(l),
       class: i.$attrs.class
     }), {
@@ -203,7 +203,7 @@ const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
 }), wt = /* @__PURE__ */ v({
   __name: "comboboxInput",
   setup(e) {
-    return (t, o) => (a(), f(r(oe), { class: "dai-form-control__input-group__control" }, {
+    return (t, o) => (a(), m(r(oe), { class: "dai-form-control__input-group__control" }, {
       default: c(() => [
         p(t.$slots, "default")
       ]),
@@ -223,8 +223,8 @@ const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
     if (!t)
       throw new Error("Combobox injectable context is not provided");
     const o = $(() => ({
-      onclick: () => t.open({ focus: !0 }),
-      ...t.activatorAttrs.value
+      ...t.activatorAttrs.value,
+      onclick: () => t.isOpen.value ? t.close({ focus: !0 }) : t.open({ focus: !1 })
     }));
     return (l, i) => (a(), u("button", _(o.value, {
       type: "button",
@@ -236,6 +236,7 @@ const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
         ], 64)) : (a(), u("span", Le, k(e.placeholder || "Select..."), 1)),
         i[0] || (i[0] = d("svg", {
           class: "dai-combobox-btn__chevron",
+          role: "presentation",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 16 16"
         }, [
@@ -252,7 +253,7 @@ const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
 }), Te = /* @__PURE__ */ v({
   __name: "comboboxOptions",
   setup(e) {
-    return (t, o) => (a(), f(P, {
+    return (t, o) => (a(), m(P, {
       "enter-from-class": "dai-combobox-options--anim",
       "leave-to-class": "dai-combobox-options--anim"
     }, {
@@ -278,7 +279,7 @@ const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
     value: {}
   },
   setup(e) {
-    return (t, o) => (a(), f(r(ie), {
+    return (t, o) => (a(), m(r(ie), {
       value: e.value,
       class: "dai-combobox-option"
     }, {
@@ -310,12 +311,12 @@ const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
   tabindex: "-1",
   "aria-hidden": "true"
 };
-function Se(e, t) {
+function Oe(e, t) {
   return a(), u("button", Fe, [
     p(e.$slots, "default")
   ]);
 }
-const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern", "title", "autocomplete", "value"], Ue = {
+const Y = /* @__PURE__ */ Ie(je, [["render", Oe]]), Se = ["id", "type", "pattern", "title", "autocomplete", "value"], Ue = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -370,16 +371,16 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
       n,
       t.validators,
       t.showValidationError
-    ), m = N(!1);
+    ), f = N(!1);
     T(i, () => {
       s.value = n.value?.files || null;
     });
     let C;
-    const G = $(() => t.type === "password" ? m.value ? "text" : "password" : t.type), H = $(() => t.mask ? t.mask : t.type === "tel" ? {
+    const G = $(() => t.type === "password" ? f.value ? "text" : "password" : t.type), H = $(() => t.mask ? t.mask : t.type === "tel" ? {
       mask: "{+7} (000) 000-00-00"
     } : t.mask), K = $(() => t.pattern ? t.pattern : t.type === "tel" ? "^\\+7 \\(9\\d{2}\\) \\d{3}-\\d{2}-\\d{2}" : t.pattern), Q = $(() => t.title ? t.title : t.type === "tel" ? "+7 (999) 888-77-66" : t.title);
     function W() {
-      m.value = !m.value;
+      f.value = !f.value;
     }
     function J() {
       i.value = "";
@@ -399,7 +400,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
           i.value = C.value;
         });
       });
-    }), (B, z) => (a(), f(O, _(t, {
+    }), (B, z) => (a(), m(S, _(t, {
       "label-for": r(o),
       "validation-message": e.showValidationError ? "" : r(b),
       invalid: t.invalid || !r(g),
@@ -420,14 +421,14 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
           onInputPassive: ee,
           onKeyupPassive: z[0] || (z[0] = (bt) => !r(g) && r(y)()),
           class: "dai-form-control__input-group__control dai-form-control__input"
-        }), null, 16, Oe),
+        }), null, 16, Se),
         p(B.$slots, "append"),
-        t.type === "password" && i.value ? (a(), f(Y, {
+        t.type === "password" && i.value ? (a(), m(Y, {
           key: 0,
           onClick: W
         }, {
           default: c(() => [
-            m.value ? (a(), u("svg", Ne, [...z[2] || (z[2] = [
+            f.value ? (a(), u("svg", Ne, [...z[2] || (z[2] = [
               d("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
@@ -451,7 +452,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
           ]),
           _: 1
         })) : h("", !0),
-        e.clearable && i.value && !t.disabled ? (a(), f(Y, {
+        e.clearable && i.value && !t.disabled ? (a(), m(Y, {
           key: 1,
           onClick: J
         }, {
@@ -511,7 +512,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
       t.validators,
       t.showValidationError
     );
-    return (b, y) => (a(), f(O, _(t, {
+    return (b, y) => (a(), m(S, _(t, {
       "label-for": r(o),
       "validation-message": e.showValidationError ? "" : r(n),
       invalid: t.invalid || !r(s),
@@ -523,14 +524,14 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
           ref: i
         }, { ...b.$attrs, class: void 0 }, {
           id: r(o),
-          "onUpdate:modelValue": y[0] || (y[0] = (m) => l.value = m),
+          "onUpdate:modelValue": y[0] || (y[0] = (f) => l.value = f),
           class: "dai-form-control__input-group__control dai-select"
         }), [
           p(b.$slots, "default", {}, () => [
-            (a(!0), u(I, null, X(e.options, (m) => (a(), u("option", {
-              value: m[e.optionValue],
-              key: m[e.optionValue]
-            }, k(m[e.optionText]), 9, De))), 128))
+            (a(!0), u(I, null, X(e.options, (f) => (a(), u("option", {
+              value: f[e.optionValue],
+              key: f[e.optionValue]
+            }, k(f[e.optionText]), 9, De))), 128))
           ])
         ], 16, Xe), [
           [pe, l.value]
@@ -580,7 +581,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, o = x(e, "modelValue");
-    return (l, i) => (a(), f(r(Ee), _(t, {
+    return (l, i) => (a(), m(r(Ee), _(t, {
       displayValue: (s) => e.options.find((n) => n[e.optionValue] === s)?.[e.optionText] || "",
       modelValue: o.value,
       "onUpdate:modelValue": i[0] || (i[0] = (s) => o.value = s)
@@ -589,7 +590,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
         V(r(qe), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
         V(r(Te), null, {
           default: c(() => [
-            (a(!0), u(I, null, X(e.options, (s) => (a(), f(r(Ae), {
+            (a(!0), u(I, null, X(e.options, (s) => (a(), m(r(Ae), {
               key: s[e.optionValue],
               value: s[e.optionValue]
             }, {
@@ -626,10 +627,10 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
     );
     function b() {
       if (!t.autosize) return;
-      const y = i.value, m = y.offsetHeight - y.clientHeight;
-      y.style.height = "auto", y.style.height = `${y.scrollHeight + m}px`;
+      const y = i.value, f = y.offsetHeight - y.clientHeight;
+      y.style.height = "auto", y.style.height = `${y.scrollHeight + f}px`;
     }
-    return j(b), (y, m) => (a(), f(O, _(t, {
+    return j(b), (y, f) => (a(), m(S, _(t, {
       "label-for": r(o),
       "validation-message": e.showValidationError ? "" : r(n),
       invalid: !r(s),
@@ -641,8 +642,8 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
           ref: i
         }, { ...y.$attrs, class: void 0 }, {
           id: r(o),
-          "onUpdate:modelValue": m[0] || (m[0] = (C) => l.value = C),
-          onKeyupPassive: m[1] || (m[1] = (C) => !r(s) && r(g)()),
+          "onUpdate:modelValue": f[0] || (f[0] = (C) => l.value = C),
+          onKeyupPassive: f[1] || (f[1] = (C) => !r(s) && r(g)()),
           onInputPassive: b,
           class: ["form-control__textarea", {
             "form-control__textarea--autosize": e.autosize
@@ -691,7 +692,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
       }), null, 16, Ye), [
         [be, o.value]
       ]),
-      e.label || n.$slots.default ? (a(), f(S, {
+      e.label || n.$slots.default ? (a(), m(O, {
         key: 0,
         for: r(l)
       }, {
@@ -702,7 +703,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
         ]),
         _: 3
       }, 8, ["for"])) : h("", !0),
-      e.hint || n.$slots.hint ? (a(), f(D, {
+      e.hint || n.$slots.hint ? (a(), m(D, {
         key: 1,
         class: "dai-checkbox-control__hint"
       }, {
@@ -798,7 +799,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
           class: "dai-switch__thumb"
         }, null, -1)
       ])], 10, Je),
-      e.label || l.$slots.default ? (a(), f(S, {
+      e.label || l.$slots.default ? (a(), m(O, {
         key: 0,
         for: r(o)
       }, {
@@ -809,7 +810,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
         ]),
         _: 3
       }, 8, ["for"])) : h("", !0),
-      e.hint || l.$slots.hint ? (a(), f(D, {
+      e.hint || l.$slots.hint ? (a(), m(D, {
         key: 1,
         class: "dai-switch-control__hint"
       }, {
@@ -848,7 +849,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
   },
   setup(e) {
     const t = e, o = $(() => t.submit ? "submit" : t.reset ? "reset" : "button"), l = $(() => t.variant ? t.variant : t.plain ? "plain" : t.muted ? "muted" : t.outlined ? "outlined" : "flat"), i = $(() => t.size ? t.size : t.sm ? "small" : t.lg ? "large" : "medium");
-    return (s, n) => (a(), f(ge(e.href ? "a" : "button"), {
+    return (s, n) => (a(), m(ge(e.href ? "a" : "button"), {
       type: e.href ? void 0 : o.value,
       form: typeof e.submit == "string" ? e.submit : void 0,
       href: e.href,
@@ -906,7 +907,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
 }), zt = /* @__PURE__ */ v({
   __name: "popoverDialog",
   setup(e) {
-    return (t, o) => (a(), f(P, {
+    return (t, o) => (a(), m(P, {
       "enter-from-class": "dai-popover-dialog--anim",
       "leave-to-class": "dai-popover-dialog--anim"
     }, {
@@ -924,7 +925,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
 }), Et = /* @__PURE__ */ v({
   __name: "menuItems",
   setup(e) {
-    return (t, o) => (a(), f(P, {
+    return (t, o) => (a(), m(P, {
       "enter-from-class": "dai-menu-items--anim",
       "leave-to-class": "dai-menu-items--anim"
     }, {
@@ -948,7 +949,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
     icon: {}
   },
   setup(e) {
-    return (t, o) => (a(), f(r(re), { class: "dai-menu-item" }, {
+    return (t, o) => (a(), m(r(re), { class: "dai-menu-item" }, {
       default: c(({ isActive: l, isSelected: i }) => [
         e.icon ? (a(), u("div", ot, [
           d("div", {
@@ -971,7 +972,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
     value: {}
   },
   setup(e) {
-    return (t, o) => (a(), f(r(de), {
+    return (t, o) => (a(), m(r(de), {
       id: e.id,
       "aria-controls": e.ariaControls,
       value: e.value,
@@ -998,7 +999,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
         transition: o.value.offsetLeft > n.offsetLeft ? "left .2s, right .5s" : "left .5s, right .2s"
       });
     }
-    return j(() => we(i)), (s, n) => (a(), f(r(ue), {
+    return j(() => we(i)), (s, n) => (a(), m(r(ue), {
       ref_key: "tablist",
       ref: t,
       onClickPassive: i,
@@ -1046,7 +1047,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
       window.addEventListener("click", s, { passive: !0 });
     }), R(() => {
       window.removeEventListener("click", s);
-    }), (n, g) => (a(), f(Z, { to: "body" }, [
+    }), (n, g) => (a(), m(Z, { to: "body" }, [
       V(P, {
         appear: "",
         "enter-from-class": "nui-offcanvas--animate-hidden",
@@ -1110,7 +1111,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
 }, ut = { class: "dai-notification__content" }, ct = {
   key: 0,
   class: "dai-notification__content__detail"
-}, mt = /* @__PURE__ */ v({
+}, ft = /* @__PURE__ */ v({
   __name: "notification",
   props: /* @__PURE__ */ M({
     color: {},
@@ -1222,15 +1223,15 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
         "leave-active-class": "dai-notification-queue__item--anim-out"
       }, {
         default: c(() => [
-          (a(!0), u(I, null, X(l.value, (m) => (a(), f(mt, {
-            key: m.id,
-            color: m.color,
-            icon: m.type,
-            message: m.message,
-            detail: m.detail,
-            timeout: m.timeout ?? e.timeout,
-            modelValue: m.show,
-            "onUpdate:modelValue": [(C) => m.show = C, (C) => n(m.id)],
+          (a(!0), u(I, null, X(l.value, (f) => (a(), m(ft, {
+            key: f.id,
+            color: f.color,
+            icon: f.type,
+            message: f.message,
+            detail: f.detail,
+            timeout: f.timeout ?? e.timeout,
+            modelValue: f.show,
+            "onUpdate:modelValue": [(C) => f.show = C, (C) => n(f.id)],
             class: "dai-notification-queue__item"
           }, null, 8, ["color", "icon", "message", "detail", "timeout", "modelValue", "onUpdate:modelValue"]))), 128))
         ]),
@@ -1238,7 +1239,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 2));
   }
-}), ft = ["aria-valuenow"], It = /* @__PURE__ */ v({
+}), mt = ["aria-valuenow"], It = /* @__PURE__ */ v({
   __name: "progressbar",
   props: {
     value: {},
@@ -1274,7 +1275,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
           "progress-infinite": o.value
         }, "h-full shadow-none relative text-center whitespace-nowrap text-white justify-center"])
       }, null, 6)
-    ], 14, ft));
+    ], 14, mt));
   }
 }), vt = {
   key: 0,
@@ -1294,7 +1295,7 @@ const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern
     }
     return T(t, (l) => {
       l ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
-    }), (l, i) => (a(), f(Z, { to: "body" }, [
+    }), (l, i) => (a(), m(Z, { to: "body" }, [
       V(P, {
         appear: "",
         name: "modal",
@@ -1332,11 +1333,11 @@ export {
   Ae as ComboboxOption,
   Te as ComboboxOptions,
   kt as Input,
-  Ot as Menu,
+  St as Menu,
   Lt as MenuItem,
   Et as MenuItems,
   jt as Modal,
-  mt as Notification,
+  ft as Notification,
   At as NotificationQueue,
   Pt as Offcanvas,
   Ut as Popover,

package/package.json

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