@defaultusr/dai-ui 1.2.7 → 1.2.8

package/dist/chunks/formControl.vue_vue_type_style_index_0_lang.BDPmQzJj.js

@@ -0,0 +1,82 @@
+import { defineComponent as v, computed as r, createElementBlock as s, openBlock as t, normalizeClass as g, createBlock as d, createCommentVNode as o, createElementVNode as l, createVNode as m, normalizeProps as b, guardReactiveProps as y, withCtx as c, renderSlot as B, Transition as h, createTextVNode as x, toDisplayString as z } from "vue";
+import { _ as k } from "./label.vue_vue_type_style_index_0_lang.CwYm9LGb.js";
+import { _ as w } from "./hint.vue_vue_type_style_index_0_lang.SPjr3dc1.js";
+import { _ as C } from "./inputGroup.vue_vue_type_style_index_0_lang.DSVR29CT.js";
+import '../assets/formControl.css';const P = { class: "dai-form-control__container" }, M = {
+  key: 0,
+  class: "dai-form-control__validation-message",
+  role: "alert"
+}, L = /* @__PURE__ */ v({
+  __name: "formControl",
+  props: {
+    labelPosition: { default: "above" },
+    hint: {},
+    validationMessage: {},
+    lg: { type: Boolean },
+    sm: { type: Boolean },
+    outlined: { type: Boolean },
+    muted: { type: Boolean },
+    label: {},
+    labelFor: {},
+    size: {},
+    variant: {},
+    rounded: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean }
+  },
+  setup(e) {
+    const a = e, u = r(() => a.variant ? a.variant : a.muted ? "muted" : a.outlined ? "outlined" : "flat"), i = r(() => a.size ? a.size : a.sm ? "small" : a.lg ? "large" : "medium");
+    return (f, n) => (t(), s("div", {
+      class: g(["dai-form-control", {
+        "dai-form-control--label-inline": e.labelPosition === "inline",
+        "dai-form-control--invalid": e.invalid,
+        "dai-form-control--lg": i.value === "large"
+      }])
+    }, [
+      e.label && e.labelPosition !== "inside" ? (t(), d(k, {
+        key: 0,
+        for: e.labelFor,
+        text: e.label
+      }, null, 8, ["for", "text"])) : o("", !0),
+      l("div", P, [
+        m(C, b(y({
+          ...a,
+          label: e.labelPosition === "inside" ? e.label : void 0,
+          variant: u.value,
+          size: i.value
+        })), {
+          default: c(() => [
+            B(f.$slots, "default")
+          ]),
+          _: 3
+        }, 16),
+        e.hint ? (t(), d(w, {
+          key: 0,
+          text: e.hint,
+          class: "dai-form-control__hint"
+        }, null, 8, ["text"])) : o("", !0),
+        m(h, { name: "dai-form-control__validation-message-transition" }, {
+          default: c(() => [
+            e.validationMessage ? (t(), s("div", M, [
+              n[0] || (n[0] = l("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 256 256",
+                class: ""
+              }, [
+                l("path", {
+                  fill: "currentColor",
+                  d: "M240.26 186.1L152.81 34.23a28.74 28.74 0 0 0-49.62 0L15.74 186.1a27.45 27.45 0 0 0 0 27.71A28.31 28.31 0 0 0 40.55 228h174.9a28.31 28.31 0 0 0 24.79-14.19a27.45 27.45 0 0 0 .02-27.71Zm-20.8 15.7a4.46 4.46 0 0 1-4 2.2H40.55a4.46 4.46 0 0 1-4-2.2a3.56 3.56 0 0 1 0-3.73L124 46.2a4.77 4.77 0 0 1 8 0l87.44 151.87a3.56 3.56 0 0 1 .02 3.73ZM116 136v-32a12 12 0 0 1 24 0v32a12 12 0 0 1-24 0Zm28 40a16 16 0 1 1-16-16a16 16 0 0 1 16 16Z"
+                })
+              ], -1)),
+              x(" " + z(e.validationMessage), 1)
+            ])) : o("", !0)
+          ]),
+          _: 1
+        })
+      ])
+    ], 2));
+  }
+});
+export {
+  L as _
+};

package/dist/chunks/hint.vue_vue_type_style_index_0_lang.SPjr3dc1.js

@@ -0,0 +1,17 @@
+import { defineComponent as o, createElementBlock as n, openBlock as r, renderSlot as s, createTextVNode as a, toDisplayString as c } from "vue";
+import '../assets/hint.css';const i = { class: "dai-hint" }, _ = /* @__PURE__ */ o({
+  __name: "hint",
+  props: {
+    text: {}
+  },
+  setup(e) {
+    return (t, l) => (r(), n("div", i, [
+      s(t.$slots, "default", {}, () => [
+        a(c(e.text), 1)
+      ])
+    ]));
+  }
+});
+export {
+  _
+};

package/dist/chunks/input.vue_vue_type_style_index_0_lang.D3fu8I8W.js

@@ -0,0 +1,169 @@
+import { defineComponent as z, mergeModels as A, useId as F, computed as i, useModel as w, useTemplateRef as S, ref as L, watch as N, onMounted as K, createBlock as m, openBlock as u, mergeProps as y, unref as a, withCtx as f, renderSlot as g, createElementVNode as r, createCommentVNode as B, createElementBlock as h } from "vue";
+import { useFormControl as R } from "vue-composable-ui";
+import { _ as T } from "./formControl.vue_vue_type_style_index_0_lang.BDPmQzJj.js";
+import M from "../btn2.js";
+import '../assets/input.css';const q = ["id", "type", "pattern", "title", "autocomplete", "value"], D = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, G = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, W = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "input",
+  props: /* @__PURE__ */ A({
+    id: {},
+    type: { default: "text" },
+    mask: {},
+    pattern: {},
+    title: {},
+    autocomplete: { type: [String, Boolean], default: "off" },
+    clearable: { type: Boolean },
+    validators: {},
+    showValidationError: { type: Boolean, default: !1 },
+    labelPosition: {},
+    hint: {},
+    validationMessage: {},
+    lg: { type: Boolean },
+    sm: { type: Boolean },
+    outlined: { type: Boolean },
+    muted: { type: Boolean },
+    label: {},
+    labelFor: {},
+    size: {},
+    variant: {},
+    rounded: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {},
+    files: {},
+    filesModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:files"],
+  setup(s) {
+    const e = s, v = e.id || F(), C = i(() => typeof e.autocomplete == "string" ? e.autocomplete : e.autocomplete ? "on" : "off"), l = w(s, "modelValue"), b = w(s, "files", {
+      set(t) {
+        return n.value && (n.value.files = t), t;
+      }
+    }), n = S("formElement"), { isValid: c, validationMessage: V, validate: E } = R(
+      n,
+      e.validators,
+      e.showValidationError
+    ), d = L(!1);
+    N(l, () => {
+      b.value = n.value?.files || null;
+    });
+    let p;
+    const x = i(() => e.type === "password" ? d.value ? "text" : "password" : e.type), k = i(() => e.mask ? e.mask : e.type === "tel" ? {
+      mask: "{+7} (000) 000-00-00"
+    } : e.mask), P = i(() => e.pattern ? e.pattern : e.type === "tel" ? "^\\+7 \\(9\\d{2}\\) \\d{3}-\\d{2}-\\d{2}" : e.pattern), _ = i(() => e.title ? e.title : e.type === "tel" ? "+7 (999) 888-77-66" : e.title);
+    function $() {
+      d.value = !d.value;
+    }
+    function j() {
+      l.value = "";
+    }
+    function I(t) {
+      if (p)
+        return;
+      const { value: o } = t.target;
+      l.value = o;
+    }
+    return K(() => {
+      k.value && import("imask").then((t) => {
+        p = t.default(
+          n.value,
+          k.value
+        ), p.on("accept", () => {
+          l.value = p.value;
+        });
+      });
+    }), (t, o) => (u(), m(T, y(e, {
+      "label-for": a(v),
+      "validation-message": s.showValidationError ? "" : a(V),
+      invalid: e.invalid || !a(c),
+      class: t.$attrs.class
+    }), {
+      default: f(() => [
+        g(t.$slots, "prepend"),
+        r("input", y({
+          ref_key: "formElement",
+          ref: n
+        }, { ...t.$attrs, class: void 0 }, {
+          id: a(v),
+          type: x.value,
+          pattern: P.value,
+          title: _.value,
+          autocomplete: C.value,
+          value: l.value,
+          onInputPassive: I,
+          onKeyupPassive: o[0] || (o[0] = (H) => !a(c) && a(E)()),
+          class: "dai-form-control__input-group__control dai-form-control__input"
+        }), null, 16, q),
+        g(t.$slots, "append"),
+        e.type === "password" && l.value ? (u(), m(M, {
+          key: 0,
+          onClick: $
+        }, {
+          default: f(() => [
+            d.value ? (u(), h("svg", G, [...o[2] || (o[2] = [
+              r("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"
+              }, null, -1)
+            ])])) : (u(), h("svg", D, [...o[1] || (o[1] = [
+              r("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+              }, null, -1),
+              r("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+              }, null, -1)
+            ])]))
+          ]),
+          _: 1
+        })) : B("", !0),
+        s.clearable && l.value && !e.disabled ? (u(), m(M, {
+          key: 1,
+          onClick: j
+        }, {
+          default: f(() => [...o[3] || (o[3] = [
+            r("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor"
+            }, [
+              r("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M6 18L18 6M6 6l12 12"
+              })
+            ], -1)
+          ])]),
+          _: 1
+        })) : B("", !0)
+      ]),
+      _: 3
+    }, 16, ["label-for", "validation-message", "invalid", "class"]));
+  }
+});
+export {
+  W as _
+};

package/dist/chunks/inputGroup.vue_vue_type_style_index_0_lang.DSVR29CT.js

@@ -0,0 +1,42 @@
+import { defineComponent as l, createElementBlock as a, openBlock as e, normalizeClass as n, createBlock as r, createCommentVNode as i, createElementVNode as d, renderSlot as u } from "vue";
+import { _ as m } from "./label.vue_vue_type_style_index_0_lang.CwYm9LGb.js";
+import '../assets/inputGroup.css';const c = { class: "dai-form-control__input-group__box" }, p = /* @__PURE__ */ l({
+  inheritAttrs: !1,
+  __name: "inputGroup",
+  props: {
+    label: {},
+    labelFor: {},
+    size: { default: "medium" },
+    variant: { default: "flat" },
+    rounded: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean }
+  },
+  setup(o) {
+    return (t, f) => (e(), a("div", {
+      class: n(["dai-form-control__input-group", {
+        "dai-form-control__input-group--labeled": !!o.label,
+        "dai-form-control__input-group--outlined": o.variant === "outlined",
+        "dai-form-control__input-group--muted": o.variant === "muted",
+        "dai-form-control__input-group--lg": o.size === "large",
+        "dai-form-control__input-group--sm": o.size === "small",
+        "dai-form-control__input-group--rounded": o.rounded,
+        "dai-form-control__input-group--disabled": o.disabled,
+        "dai-form-control__input-group--invalid": o.invalid
+      }])
+    }, [
+      o.label ? (e(), r(m, {
+        key: 0,
+        text: o.label,
+        for: o.labelFor,
+        class: "dai-form-control__input-group__label"
+      }, null, 8, ["text", "for"])) : i("", !0),
+      d("div", c, [
+        u(t.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  p as _
+};

package/dist/chunks/label.vue_vue_type_style_index_0_lang.CwYm9LGb.js

@@ -0,0 +1,17 @@
+import { defineComponent as o, createElementBlock as l, openBlock as a, renderSlot as n, createTextVNode as r, toDisplayString as s } from "vue";
+import '../assets/label.css';const c = { class: "dai-label" }, i = /* @__PURE__ */ o({
+  __name: "label",
+  props: {
+    text: {}
+  },
+  setup(e) {
+    return (t, p) => (a(), l("label", c, [
+      n(t.$slots, "default", {}, () => [
+        r(s(e.text), 1)
+      ])
+    ]));
+  }
+});
+export {
+  i as _
+};

package/dist/chunks/menuItem.vue_vue_type_style_index_0_lang._R8jj8CJ.js

@@ -0,0 +1,30 @@
+import { defineComponent as c, createBlock as s, openBlock as t, unref as a, withCtx as l, createElementBlock as m, createCommentVNode as i, renderSlot as d, createElementVNode as u, normalizeClass as f } from "vue";
+import { MenuItem as _ } from "vue-composable-ui";
+import '../assets/menuItem.css';const p = {
+  key: 0,
+  class: "text-secondary-400 flex-shrink-0"
+}, C = /* @__PURE__ */ c({
+  __name: "menuItem",
+  props: {
+    icon: {}
+  },
+  setup(e) {
+    return (n, h) => (t(), s(a(_), { class: "dai-menu-item" }, {
+      default: l(({ isActive: o, isSelected: r }) => [
+        e.icon ? (t(), m("div", p, [
+          u("div", {
+            class: f(["h-5 w-5", e.icon])
+          }, null, 2)
+        ])) : i("", !0),
+        d(n.$slots, "default", {
+          isActive: o,
+          isSelected: r
+        })
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  C as _
+};

package/dist/chunks/menuItems.vue_vue_type_style_index_0_lang.7SUAn0w9.js

@@ -0,0 +1,24 @@
+import { defineComponent as n, createBlock as a, openBlock as m, Transition as s, withCtx as e, createVNode as o, unref as r, renderSlot as i } from "vue";
+import { MenuItems as u } from "vue-composable-ui";
+import '../assets/menuItems.css';const f = /* @__PURE__ */ n({
+  __name: "menuItems",
+  setup(c) {
+    return (t, l) => (m(), a(s, {
+      "enter-from-class": "dai-menu-items--anim",
+      "leave-to-class": "dai-menu-items--anim"
+    }, {
+      default: e(() => [
+        o(r(u), { class: "dai-menu-items" }, {
+          default: e(() => [
+            i(t.$slots, "default")
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  f as _
+};

package/dist/chunks/modal.vue_vue_type_style_index_0_lang.D0DMfpMl.js

@@ -0,0 +1,52 @@
+import { defineComponent as i, useModel as r, watch as n, createBlock as m, openBlock as d, Teleport as c, createVNode as _, Transition as u, withCtx as f, createElementBlock as p, createCommentVNode as v, createElementVNode as e, withModifiers as y, renderSlot as h } from "vue";
+import '../assets/modal.css';const k = {
+  key: 0,
+  class: "dai-modal"
+}, V = { class: "dai-modal__overlay" }, w = { class: "dai-modal__dialog" }, B = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "modal",
+  props: {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s) {
+    const o = r(s, "modelValue");
+    function l() {
+      o.value = !1;
+    }
+    return n(o, (a) => {
+      a ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
+    }), (a, t) => (d(), m(c, { to: "body" }, [
+      _(u, {
+        appear: "",
+        "enter-from-class": "dai-modal--anim",
+        "leave-to-class": "dai-modal--anim",
+        duration: { enter: 300, leave: 200 }
+      }, {
+        default: f(() => [
+          o.value ? (d(), p("div", k, [
+            t[0] || (t[0] = e("div", {
+              class: "dai-modal__backdrop",
+              "aria-hidden": "true"
+            }, null, -1)),
+            e("div", V, [
+              e("div", {
+                onClick: y(l, ["self"]),
+                class: "dai-modal__overlay__container"
+              }, [
+                e("div", w, [
+                  h(a.$slots, "default", { close: l })
+                ])
+              ])
+            ])
+          ])) : v("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+export {
+  B as _
+};

package/dist/chunks/notification.vue_vue_type_style_index_0_lang.RHzcHM7o.js

@@ -0,0 +1,102 @@
+import { defineComponent as u, mergeModels as k, useModel as h, watch as f, createElementBlock as t, createCommentVNode as n, openBlock as i, createElementVNode as s, normalizeClass as d, toDisplayString as r } from "vue";
+import '../assets/notification.css';const v = {
+  key: 0,
+  role: "alert"
+}, w = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, g = {
+  key: 0,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2",
+  d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+}, _ = {
+  key: 1,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2",
+  d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+}, y = {
+  key: 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2",
+  d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+}, M = {
+  key: 3,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2",
+  d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+}, x = { class: "dai-notification__content" }, B = {
+  key: 0,
+  class: "dai-notification__content__detail"
+}, V = /* @__PURE__ */ u({
+  __name: "notification",
+  props: /* @__PURE__ */ k({
+    color: {},
+    icon: {},
+    message: {},
+    detail: {},
+    dismissible: { type: Boolean, default: !0 },
+    timeout: { default: 3e3 }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, o = h(e, "modelValue");
+    let c;
+    function m() {
+      clearTimeout(c), o.value && l.timeout && (c = setTimeout(() => o.value = !1, l.timeout));
+    }
+    return f(o, m, { immediate: !0 }), (C, a) => o.value ? (i(), t("div", v, [
+      s("div", {
+        class: d(["dai-notification", [`dai-notification--${e.color || "secondary"}`]])
+      }, [
+        e.icon ? (i(), t("div", {
+          key: 0,
+          class: d(["dai-notification__icon", [`dai-notification__icon--${e.icon}`]])
+        }, [
+          (i(), t("svg", w, [
+            e.icon == "success" ? (i(), t("path", g)) : e.icon == "info" ? (i(), t("path", _)) : e.icon == "warning" ? (i(), t("path", y)) : e.icon == "danger" ? (i(), t("path", M)) : n("", !0)
+          ]))
+        ], 2)) : n("", !0),
+        s("div", x, [
+          s("div", {
+            class: d(["dai-notification__content__message", {
+              "dai-notification__content__message--bold": e.detail
+            }])
+          }, r(e.message), 3),
+          e.detail ? (i(), t("div", B, r(e.detail), 1)) : n("", !0)
+        ]),
+        e.dismissible ? (i(), t("div", {
+          key: 1,
+          onClick: a[0] || (a[0] = (j) => o.value = !1),
+          class: "dai-notification__dismiss"
+        }, [...a[1] || (a[1] = [
+          s("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor"
+          }, [
+            s("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M6 18L18 6M6 6l12 12"
+            })
+          ], -1)
+        ])])) : n("", !0)
+      ], 2)
+    ])) : n("", !0);
+  }
+});
+export {
+  V as _
+};

package/dist/chunks/notificationQueue.vue_vue_type_style_index_0_lang.CewiEx4A.js

@@ -0,0 +1,72 @@
+import { defineComponent as p, mergeModels as h, useModel as q, ref as v, watch as g, computed as x, createElementBlock as m, openBlock as u, normalizeClass as _, createVNode as X, TransitionGroup as w, withCtx as b, Fragment as y, renderList as C, createBlock as V } from "vue";
+import { _ as Y } from "./notification.vue_vue_type_style_index_0_lang.RHzcHM7o.js";
+import '../assets/notificationQueue.css';const M = /* @__PURE__ */ p({
+  __name: "notificationQueue",
+  props: /* @__PURE__ */ h({
+    length: { default: 3 },
+    timeout: { default: 4e3 },
+    position: { default: "fixed" },
+    positionX: { default: "center" },
+    positionY: { default: "top" }
+  }, {
+    queue: { default: [] },
+    queueModifiers: {}
+  }),
+  emits: ["update:queue"],
+  setup(e) {
+    const o = e, n = q(e, "queue"), a = v([]);
+    let r = 0;
+    function s() {
+      n.value.length === 0 || a.value.length >= o.length || (a.value.push({ ...n.value[0], id: r++, show: !0 }), n.value.shift());
+    }
+    function f(t) {
+      setTimeout(() => {
+        a.value = a.value.filter(
+          (c) => c.id !== t
+        ), s();
+      }, 200);
+    }
+    g(n, s, { immediate: !0, deep: !0 });
+    const l = x(() => {
+      const t = ["dai-notification-queue__item--anim"];
+      return o.positionX === "right" ? t.push("dai-notification-queue__item--anim-x-right") : o.positionX === "left" ? t.push("dai-notification-queue__item--anim-x-left") : o.positionX === "center" && o.positionY === "top" ? t.push("dai-notification-queue__item--anim-y-top") : o.positionX === "center" && o.positionY === "bottom" && t.push("dai-notification-queue__item--anim-y-bottom"), t.join(" ");
+    });
+    return (t, c) => (u(), m("div", {
+      class: _(["dai-notification-queue", {
+        "dai-notification-queue--fixed": e.position == "fixed",
+        "dai-notification-queue--absolute": e.position == "absolute",
+        "dai-notification-queue--y-top": e.positionY == "top",
+        "dai-notification-queue--y-bottom": e.positionY == "bottom",
+        "dai-notification-queue--x-left": e.positionX == "left",
+        "dai-notification-queue--x-center": e.positionX == "center",
+        "dai-notification-queue--x-right": e.positionX == "right"
+      }])
+    }, [
+      X(w, {
+        appear: "",
+        "enter-from-class": l.value,
+        "enter-active-class": "dai-notification-queue__item--anim-in",
+        "leave-to-class": l.value,
+        "leave-active-class": "dai-notification-queue__item--anim-out"
+      }, {
+        default: b(() => [
+          (u(!0), m(y, null, C(a.value, (i) => (u(), V(Y, {
+            key: i.id,
+            color: i.color,
+            icon: i.type,
+            message: i.message,
+            detail: i.detail,
+            timeout: i.timeout ?? e.timeout,
+            modelValue: i.show,
+            "onUpdate:modelValue": [(d) => i.show = d, (d) => f(i.id)],
+            class: "dai-notification-queue__item"
+          }, null, 8, ["color", "icon", "message", "detail", "timeout", "modelValue", "onUpdate:modelValue"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["enter-from-class", "leave-to-class"])
+    ], 2));
+  }
+});
+export {
+  M as _
+};

package/dist/chunks/offcanvas.vue_vue_type_style_index_0_lang.klTcX-xU.js

@@ -0,0 +1,65 @@
+import { defineComponent as u, mergeModels as d, useModel as r, useId as f, watch as m, onMounted as v, onUnmounted as p, createBlock as h, openBlock as l, Teleport as g, createVNode as y, Transition as k, withCtx as w, createElementBlock as B, createCommentVNode as C, mergeProps as x, unref as V, renderSlot as b } from "vue";
+import { useClassList as L } from "../classList.js";
+import '../assets/offcanvas.css';const M = ["id"], E = /* @__PURE__ */ u({
+  inheritAttrs: !1,
+  __name: "offcanvas",
+  props: /* @__PURE__ */ d({
+    id: {},
+    position: { default: "right" },
+    push: { type: Boolean },
+    closeOnOutsideClick: { type: Boolean, default: !0 },
+    lg: { type: Boolean },
+    xl: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const o = t, n = r(t, "modelValue"), a = o.id ?? f(), { classList: s } = L(document.body, "nui-body-push");
+    m(n, () => {
+      if (!o.push || (s.splice(1), !n.value))
+        return;
+      let e = "nui-body-push--" + o.position;
+      o.lg && (e += "--lg"), o.xl && (e += "--xl"), s.push(e);
+    });
+    function i(e) {
+      e.target.closest(`#${a}`) || o.closeOnOutsideClick && (n.value = !1);
+    }
+    return v(() => {
+      window.addEventListener("click", i, { passive: !0 });
+    }), p(() => {
+      window.removeEventListener("click", i);
+    }), (e, c) => (l(), h(g, { to: "body" }, [
+      y(k, {
+        appear: "",
+        "enter-from-class": "nui-offcanvas--animate-hidden",
+        "enter-to-class": "nui-offcanvas--animate-shown",
+        "enter-active-class": "ease-in-out",
+        "leave-from-class": "nui-offcanvas--animate-shown",
+        "leave-to-class": "nui-offcanvas--animate-hidden",
+        "leave-active-class": "ease-in-out"
+      }, {
+        default: w(() => [
+          n.value ? (l(), B("div", x({
+            key: 0,
+            id: V(a)
+          }, e.$attrs, {
+            class: ["nui-offcanvas", {
+              [`nui-offcanvas--${t.position}`]: !0,
+              "nui-offcanvas--shadow": !t.push,
+              "nui-offcanvas--lg": t.lg,
+              "nui-offcanvas--xl": t.xl
+            }]
+          }), [
+            b(e.$slots, "default")
+          ], 16, M)) : C("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+export {
+  E as _
+};