@dv.net/ui-kit 1.0.0

package/dist/chunks/UiButton.vue_vue_type_script_setup_true_lang-CSwbUxM9.js

@@ -0,0 +1,109 @@
+import { defineComponent as u, useAttrs as d, computed as f, createBlock as c, openBlock as o, resolveDynamicComponent as y, mergeProps as g, unref as n, withCtx as I, createElementBlock as t, createCommentVNode as i, createVNode as r, renderSlot as h } from "vue";
+import { _ as a } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+/* empty css                                                         */
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+import { _ as z } from "./UiLoading.vue_vue_type_script_setup_true_lang-BtR0ERuP.js";
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const C = {
+  key: 0,
+  class: "ui-button__icon-slot"
+}, b = {
+  key: 1,
+  class: "ui-button__content"
+}, T = {
+  key: 2,
+  class: "ui-button__icon-slot"
+}, x = /* @__PURE__ */ u({
+  __name: "UiButton",
+  props: {
+    link: { type: Boolean },
+    target: {},
+    size: { default: "lg" },
+    nativeType: { default: "button" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    type: { default: "primary" },
+    mode: { default: "accent" },
+    leftIconType: { default: "400" },
+    leftIconName: { default: "" },
+    leftIconColor: { default: "" },
+    leftIconSize: { default: "sm" },
+    rightIconType: { default: "400" },
+    rightIconName: { default: "" },
+    rightIconColor: { default: "" },
+    rightIconSize: { default: "sm" },
+    to: {},
+    outlineTypeColor: {}
+  },
+  setup(s) {
+    const l = d(), p = s, m = f(() => l.href ? "a" : p.to ? "router-link" : "button");
+    return (e, k) => (o(), c(y(m.value), g(n(l), {
+      class: ["ui-button", [
+        `size-${e.size}`,
+        `type-${e.type}`,
+        `mode-${e.mode}`,
+        {
+          "is-loading": e.loading
+        }
+      ]],
+      target: e.target,
+      to: e.to,
+      disabled: e.disabled || e.loading,
+      type: e.nativeType,
+      style: e.outlineTypeColor && e.type === "outline" && { "--color-state-accent": e.outlineTypeColor }
+    }), {
+      default: I(() => [
+        e.leftIconName ? (o(), t("span", C, [
+          r(a, {
+            type: e.leftIconType,
+            name: e.leftIconName,
+            color: e.leftIconColor,
+            size: e.leftIconSize
+          }, null, 8, ["type", "name", "color", "size"])
+        ])) : i("", !0),
+        e.$slots.default ? (o(), t("span", b, [
+          h(e.$slots, "default")
+        ])) : i("", !0),
+        e.rightIconName ? (o(), t("span", T, [
+          r(a, {
+            type: e.rightIconType,
+            name: e.rightIconName,
+            color: e.rightIconColor,
+            size: e.rightIconSize
+          }, null, 8, ["type", "name", "color", "size"])
+        ])) : i("", !0),
+        r(n(z), {
+          "is-show": e.loading,
+          "icon-size": "fill"
+        }, null, 8, ["is-show"])
+      ]),
+      _: 3
+    }, 16, ["target", "to", "class", "disabled", "type", "style"]));
+  }
+});
+export {
+  x as _
+};

package/dist/chunks/UiCheckbox.vue_vue_type_script_setup_true_lang-CMIMkAaq.js

@@ -0,0 +1,96 @@
+import { defineComponent as x, mergeModels as c, inject as y, useModel as z, computed as p, watch as C, createElementBlock as a, openBlock as s, normalizeClass as u, withDirectives as B, createElementVNode as o, createCommentVNode as v, vModelCheckbox as g, createVNode as $, unref as E, renderSlot as _ } from "vue";
+import { CHECKBOX_GROUP_PROVIDE_VALUE as M } from "../components/UiCheckboxGroup/constants.js";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+import { _ as w } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+/* empty css                                                         */
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const A = ["disabled"], S = { class: "ui-checkbox__checkbox-wrapper" }, U = { class: "ui-checkbox__checkbox-inner" }, j = {
+  key: 0,
+  class: "ui-checkbox__label"
+}, N = { class: "ui-checkbox__title" }, O = {
+  key: 0,
+  class: "ui-checkbox__subtitle"
+}, ce = /* @__PURE__ */ x({
+  __name: "UiCheckbox",
+  props: /* @__PURE__ */ c({
+    size: { default: "md" },
+    disabled: { type: Boolean },
+    indeterminate: { type: Boolean, default: !1 },
+    value: { default: "" },
+    isSelectedAll: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["change"], ["update:modelValue"]),
+  setup(d, { emit: h }) {
+    const l = d, b = h, e = y(M, null), i = z(d, "modelValue"), r = p(() => e?.size?.value ?? l.size), n = p(() => e?.disabled?.value ?? l.disabled);
+    function f() {
+      b("change", i.value), !(!e || l.isSelectedAll) && (e.modelValue.value.includes(l.value) ? e.modelValue.value = e.modelValue.value.filter((t) => t !== l.value) : e.modelValue.value.push(l.value), e.change(l.value));
+    }
+    function V() {
+      !e || l.isSelectedAll || (i.value = !!e?.modelValue.value.includes(l.value));
+    }
+    return C(() => e, V, { deep: !0, immediate: !0 }), (t, m) => (s(), a("label", {
+      class: u([{ "is-disabled": n.value }, "ui-checkbox"])
+    }, [
+      B(o("input", {
+        disabled: n.value,
+        class: u(["ui-checkbox__input", { indeterminate: t.indeterminate }]),
+        type: "checkbox",
+        onChange: f,
+        "onUpdate:modelValue": m[0] || (m[0] = (k) => i.value = k)
+      }, null, 42, A), [
+        [g, i.value]
+      ]),
+      o("div", S, [
+        o("div", {
+          class: u([[`size-${r.value}`], "ui-checkbox__checkbox-outer"])
+        }, [
+          o("div", U, [
+            $(E(w), {
+              name: t.indeterminate ? "minus" : "done",
+              type: "400",
+              color: "var(--color-white)",
+              size: r.value
+            }, null, 8, ["name", "size"])
+          ])
+        ], 2)
+      ]),
+      t.$slots.default ? (s(), a("div", j, [
+        o("div", N, [
+          _(t.$slots, "default")
+        ]),
+        t.$slots.subtitle ? (s(), a("div", O, [
+          _(t.$slots, "subtitle")
+        ])) : v("", !0)
+      ])) : v("", !0)
+    ], 2));
+  }
+});
+export {
+  ce as _
+};

package/dist/chunks/UiCheckboxGroup.vue_vue_type_script_setup_true_lang-RuHoIxXC.js

@@ -0,0 +1,33 @@
+import { defineComponent as c, mergeModels as d, useModel as m, provide as r, computed as l, nextTick as u, createElementBlock as p, openBlock as f, renderSlot as _ } from "vue";
+import { CHECKBOX_GROUP_PROVIDE_VALUE as h } from "../components/UiCheckboxGroup/constants.js";
+const V = { class: "ui-checkbox-group" }, x = /* @__PURE__ */ c({
+  __name: "UiCheckboxGroup",
+  props: /* @__PURE__ */ d({
+    disabled: { type: Boolean },
+    size: { default: "md" }
+  }, {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ d(["change"], ["update:modelValue"]),
+  setup(e, { emit: s }) {
+    const o = e, a = s, t = m(e, "modelValue");
+    r(h, {
+      modelValue: t,
+      disabled: l(() => o.disabled),
+      change: i,
+      size: l(() => o.size)
+    });
+    function i() {
+      u(() => {
+        a("change", t.value);
+      });
+    }
+    return (n, b) => (f(), p("div", V, [
+      _(n.$slots, "default")
+    ]));
+  }
+});
+export {
+  x as _
+};

package/dist/chunks/UiCollapse.vue_vue_type_script_setup_true_lang-DlfuDIVd.js

@@ -0,0 +1,27 @@
+import { defineComponent as d, mergeModels as m, useModel as a, provide as s, createElementBlock as u, openBlock as r, renderSlot as p } from "vue";
+import { COLLAPSE_PROVIDE_VALUE as i } from "../components/UiCollapse/constants.js";
+const n = { class: "ui-collapse" }, V = /* @__PURE__ */ d({
+  __name: "UiCollapse",
+  props: /* @__PURE__ */ m({
+    modelValue: {},
+    mode: { default: "default" },
+    multiple: { type: Boolean, default: !0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const o = e, l = a(e, "modelValue");
+    return s(i, {
+      modelValue: l,
+      mode: o.mode,
+      multiple: o.multiple
+    }), (t, c) => (r(), u("div", n, [
+      p(t.$slots, "default")
+    ]));
+  }
+});
+export {
+  V as _
+};

package/dist/chunks/UiCollapseItem.vue_vue_type_script_setup_true_lang-8_MC0xWW.js

@@ -0,0 +1,105 @@
+import { defineComponent as S, inject as A, computed as i, createElementBlock as s, openBlock as u, normalizeClass as E, unref as m, createElementVNode as r, createVNode as p, createCommentVNode as d, renderSlot as c, toDisplayString as b, Transition as k, withCtx as w, withDirectives as D, vShow as O } from "vue";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+import { _ as $ } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+/* empty css                                                         */
+import { COLLAPSE_PROVIDE_VALUE as z } from "../components/UiCollapse/constants.js";
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const L = ["disabled"], N = { key: 0 }, B = { class: "ui-collapse-item__icon" }, T = { class: "ui-collapse-item__content" }, pe = /* @__PURE__ */ S({
+  __name: "UiCollapseItem",
+  props: {
+    value: {},
+    title: {},
+    disabled: { type: Boolean },
+    iconOpened: {},
+    iconClosed: {}
+  },
+  setup(v) {
+    const o = v, t = A(z), l = i(() => {
+      if (t?.multiple) {
+        if (Array.isArray(t?.modelValue.value))
+          return t?.modelValue.value.includes(o.value);
+      } else
+        return t?.modelValue.value === o.value;
+      return !1;
+    }), a = i(() => t?.mode === "default"), h = i(() => o.iconOpened && o.iconClosed ? l.value ? o.iconOpened : o.iconClosed : a.value ? "keyboard-arrow-down" : l.value ? "minus" : "add"), f = i(() => a.value ? "md" : "sm"), y = i(() => a.value ? "var(--color-icon-primary)" : "var(--color-icon-accent)");
+    function _() {
+      t?.multiple ? Array.isArray(t.modelValue.value) && (t.modelValue.value.includes(o.value) ? t.modelValue.value = t?.modelValue.value.filter((e) => e !== o.value) : t.modelValue.value.push(o.value)) : t?.modelValue.value === o.value ? t.modelValue.value = "" : t.modelValue.value = o.value;
+    }
+    function V(e) {
+      e.style.height = "auto";
+      const n = getComputedStyle(e).height;
+      e.style.height = 0, getComputedStyle(e), setTimeout(() => {
+        e.style.height = n;
+      });
+    }
+    function g(e) {
+      e.style.height = "auto";
+    }
+    function C(e) {
+      e.style.height = getComputedStyle(e).height, getComputedStyle(e), setTimeout(() => {
+        e.style.height = 0;
+      });
+    }
+    return (e, n) => (u(), s("div", {
+      class: E(["ui-collapse-item", [`mode-${m(t)?.mode}`, { "is-active": l.value }]])
+    }, [
+      r("button", {
+        onClick: _,
+        disabled: e.disabled,
+        class: "ui-collapse-item__header"
+      }, [
+        e.title ? (u(), s("span", N, b(e.title), 1)) : d("", !0),
+        e.$slots.header ? c(e.$slots, "header", { key: 1 }) : d("", !0),
+        r("span", B, [
+          p(m($), {
+            name: h.value,
+            type: "400",
+            size: f.value,
+            color: y.value
+          }, null, 8, ["name", "size", "color"])
+        ])
+      ], 8, L),
+      p(k, {
+        name: "expand",
+        onEnter: V,
+        onAfterEnter: g,
+        onLeave: C
+      }, {
+        default: w(() => [
+          D(r("div", T, [
+            c(e.$slots, "default")
+          ], 512), [
+            [O, l.value]
+          ])
+        ]),
+        _: 3
+      })
+    ], 2));
+  }
+});
+export {
+  pe as _
+};

package/dist/chunks/UiConfirm.vue_vue_type_script_setup_true_lang-CS7uBjuK.js

@@ -0,0 +1,145 @@
+import { defineComponent as B, ref as u, createElementBlock as w, openBlock as f, createVNode as n, unref as l, createSlots as S, withCtx as e, createBlock as V, renderSlot as r, createElementVNode as h, createTextVNode as c, toDisplayString as v } from "vue";
+import "./vue3-lottie.es-C_Z24a9S.js";
+import "./style-CD0jFgS4.js";
+import { _ as C } from "./UiButton.vue_vue_type_script_setup_true_lang-CSwbUxM9.js";
+/* empty css                                                         */
+/* empty css                                                */
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import { config as $ } from "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+import { _ as k } from "./UiTooltip.vue_vue_type_script_setup_true_lang-D_zaCBDd.js";
+const T = { class: "ui-confirm" }, j = { class: "ui-confirm__actions" }, st = /* @__PURE__ */ B({
+  __name: "UiConfirm",
+  props: {
+    method: {},
+    text: {},
+    title: {},
+    tooltipText: {},
+    tooltipTitle: {},
+    popperClass: {},
+    position: { default: "top" },
+    isDisableSuccessButton: { type: Boolean }
+  },
+  emits: ["success", "reject", "close"],
+  setup(y, { emit: b }) {
+    const g = b, p = y, o = u(!1), i = u(!1);
+    async function m() {
+      if (p.method) {
+        i.value = !0;
+        try {
+          await p.method();
+        } catch (t) {
+          console.error(t);
+        } finally {
+          i.value = !1, o.value = !1;
+        }
+      }
+    }
+    function d() {
+      g("reject"), o.value = !1;
+    }
+    return (t, s) => (f(), w("div", T, [
+      n(l(k), {
+        modelValue: o.value,
+        "onUpdate:modelValue": s[1] || (s[1] = (a) => o.value = a),
+        showEvent: "click",
+        position: t.position,
+        popperClass: `${t.popperClass ? t.popperClass : ""} ui-confirm__tooltip`,
+        title: t.title,
+        text: t.text,
+        isShowIconClose: "",
+        onClose: s[2] || (s[2] = (a) => t.$emit("close")),
+        tabindex: -1
+      }, S({
+        append: e(() => [
+          r(t.$slots, "actions", {
+            success: m,
+            reject: d,
+            isLoading: i.value
+          }, () => [
+            h("div", j, [
+              n(l(C), {
+                disabled: t.isDisableSuccessButton,
+                loading: i.value,
+                onClick: m,
+                size: "sm",
+                class: "w-full"
+              }, {
+                default: e(() => [
+                  c(v(l($).uiConfirm.translations.confirmBtn), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "loading"]),
+              n(l(C), {
+                onClick: d,
+                type: "secondary",
+                size: "sm",
+                class: "w-full"
+              }, {
+                default: e(() => [
+                  c(v(l($).uiConfirm.translations.cancelBtn), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        default: e(() => [
+          t.tooltipText ? (f(), V(l(k), {
+            key: 0,
+            tabindex: -1,
+            onClick: s[0] || (s[0] = (a) => o.value = !0),
+            disabled: o.value,
+            text: t.tooltipText
+          }, {
+            default: e(() => [
+              r(t.$slots, "default", { loading: i.value })
+            ]),
+            _: 3
+          }, 8, ["disabled", "text"])) : r(t.$slots, "default", {
+            key: 1,
+            loading: i.value
+          })
+        ]),
+        _: 2
+      }, [
+        t.$slots.title ? {
+          name: "title",
+          fn: e(() => [
+            r(t.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        t.$slots.text ? {
+          name: "text",
+          fn: e(() => [
+            r(t.$slots, "text")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["modelValue", "position", "popperClass", "title", "text"])
+    ]));
+  }
+});
+export {
+  st as _
+};

package/dist/chunks/UiCopyText.vue_vue_type_script_setup_true_lang-niTeutqO.js

@@ -0,0 +1,53 @@
+import { defineComponent as f, ref as I, createElementBlock as v, createCommentVNode as t, openBlock as h, normalizeClass as z, withModifiers as C, renderSlot as l, withDirectives as p, createVNode as a, vShow as c } from "vue";
+import { _ as i } from "./UiIcon.vue_vue_type_script_setup_true_lang-CP1bPN5o.js";
+/* empty css                                                */
+import { u as T } from "./index-CUyc6a0N.js";
+const g = /* @__PURE__ */ f({
+  __name: "UiCopyText",
+  props: {
+    copiedText: {},
+    colorIcon: { default: "inherit" },
+    timeout: { default: 1500 },
+    typeIcon: { default: "400" },
+    sizeIcon: { default: "md" },
+    nameIcon: { default: "content-copy" }
+  },
+  setup(u, { expose: m }) {
+    const n = u, { copy: d } = T({ legacy: !0 });
+    let r;
+    const o = I(!1), y = () => {
+      o.value = !1, clearInterval(r);
+    }, s = async () => {
+      o.value = !0, d(String(n.copiedText)), r = setTimeout(y, n.timeout);
+    };
+    return m({
+      copy: s
+    }), (e, k) => e.copiedText ? (h(), v("button", {
+      key: 0,
+      onClick: C(s, ["prevent", "stop"]),
+      class: z({ "ui-copy": !0, "hover-scale": !o.value })
+    }, [
+      e.$slots.prepend ? l(e.$slots, "prepend", { key: 0 }) : t("", !0),
+      p(a(i, {
+        type: e.typeIcon,
+        size: e.sizeIcon,
+        color: e.colorIcon,
+        name: e.nameIcon
+      }, null, 8, ["type", "size", "color", "name"]), [
+        [c, !o.value]
+      ]),
+      p(a(i, {
+        color: e.colorIcon,
+        type: e.typeIcon,
+        size: e.sizeIcon,
+        name: "done"
+      }, null, 8, ["color", "type", "size"]), [
+        [c, o.value]
+      ]),
+      e.$slots.append ? l(e.$slots, "append", { key: 1 }) : t("", !0)
+    ], 2)) : t("", !0);
+  }
+});
+export {
+  g as _
+};