@nmorph/nmorph-ui-kit 2.2.53 → 2.2.55

package/dist/components/data/nmorph-pagination/NmorphPagination.vue2.js

@@ -1,77 +0,0 @@
-import './NmorphPagination.css';
-import { defineComponent as _, computed as o, ref as q, watch as x } from "vue";
-import { useModifiers as k } from "../../../utils/create-modifiers.js";
-import w from "../../form/nmorph-radio/NmorphRadio.vue.js";
-import B from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import O from "../../basic/nmorph-button/NmorphButton.vue.js";
-import Q from "../../form/nmorph-radio-group/NmorphRadioGroup.vue.js";
-import R from "../../../assets/icons/chevron-down.svg.js";
-const U = /* @__PURE__ */ _({
-  __name: "NmorphPagination",
-  props: {
-    totalElementsQuantity: { type: Number, required: !0 },
-    modelValue: { type: Number, required: !1, default: 1 },
-    elementsQuantityOnPage: { type: Number, required: !1, default: 2 },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    hideOnSinglePage: { type: Boolean, required: !1, default: !0 },
-    maxVisiblePages: { type: Number, required: !1, default: 9 },
-    fastForwardStep: { type: Number, required: !1, default: 5 },
-    height: { type: null, required: !1, default: "basic" }
-  },
-  emits: ["update:model-value"],
-  setup(c, { expose: d, emit: f }) {
-    d();
-    const t = c, i = f, g = o(
-      () => k({
-        "nmorph-pagination": [t.disabled && "disabled"]
-      })
-    ), s = {
-      thick: "var(--thick-component)",
-      basic: "var(--default-thickness-component)",
-      thin: "var(--thin-component)"
-    }, v = o(() => ({
-      "--nmorph-pagination-height": s[t.height]
-    })), h = () => {
-      a.value = String(Number(a.value) - 1);
-    }, b = () => {
-      a.value = String(Number(a.value) + 1);
-    }, a = q(String(t.modelValue)), e = o(() => {
-      const r = t.totalElementsQuantity / t.elementsQuantityOnPage + 1, n = r % 1 === 0 ? -1 : 0;
-      return Array.from({ length: r + n }, (u, p) => ({ value: String(p + 1), label: String(p + 1) }));
-    }), N = o(() => t.hideOnSinglePage || t.totalElementsQuantity / t.elementsQuantityOnPage > 1);
-    x(a, (r) => {
-      i("update:model-value", Number(r));
-    });
-    const y = o(() => Number(a.value) === 1), S = o(() => e.value.length === Number(a.value)), P = o(() => {
-      const r = e.value.length, n = Number(a.value), l = t.maxVisiblePages;
-      if (r <= l)
-        return e.value;
-      const u = Math.floor(l / 2);
-      return n <= u ? [...e.value.slice(0, l - 2), { value: "next", label: "..." }, e.value[r - 1]] : n >= r - u ? [e.value[0], { value: "prev", label: "..." }, ...e.value.slice(r - (l - 2))] : [
-        e.value[0],
-        { value: "prev", label: "..." },
-        ...e.value.slice(n - u, n + u - 1),
-        { value: "next", label: "..." },
-        e.value[r - 1]
-      ];
-    }), m = { props: t, emit: i, modifiers: g, heightMap: s, paginationStyle: v, prevClick: h, nextClick: b, selectedPage: a, pages: e, show: N, blockPrevButton: y, blockNextButton: S, visiblePages: P, bigStepUpdate: (r) => {
-      const n = Number(a.value);
-      let l = r === "prev" ? n - t.fastForwardStep : n + t.fastForwardStep;
-      l <= 0 && (l = 1), l >= e.value.length && (l = e.value.length), a.value = String(l);
-    }, get NmorphRadioGroup() {
-      return Q;
-    }, get NmorphButton() {
-      return O;
-    }, get NmorphIcon() {
-      return B;
-    }, get NmorphRadio() {
-      return w;
-    }, get NmorphIconChevronDown() {
-      return R;
-    } };
-    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
-  }
-});
-export {
-  U as default
-};

package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue2.js

@@ -1,49 +0,0 @@
-import './NmorphPreviewPortal.css';
-import { defineComponent as l, computed as t } from "vue";
-import { createCssSizeVariables as u } from "../../../utils/common.js";
-import m from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
-import f from "../../../assets/icons/chevron-down.svg.js";
-import d from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import c from "../../basic/nmorph-button/NmorphButton.vue.js";
-const q = /* @__PURE__ */ l({
-  __name: "NmorphPreviewPortal",
-  props: {
-    show: { type: Boolean, required: !0 },
-    zIndex: { type: Number, required: !1, default: void 0 },
-    rootClass: { type: String, required: !1, default: "" },
-    stateClass: { type: String, required: !1, default: "" },
-    contentClass: { type: String, required: !1, default: "" },
-    leftClass: { type: String, required: !1, default: "" },
-    rightClass: { type: String, required: !1, default: "" },
-    actionsClass: { type: String, required: !1, default: "" },
-    navigationButtonMargin: { type: [Number, String], required: !1, default: void 0 },
-    showNavigation: { type: Boolean, required: !1, default: !1 },
-    showActionBar: { type: Boolean, required: !1, default: !1 }
-  },
-  emits: ["close", "previous", "next"],
-  setup(o, { expose: a, emit: n }) {
-    a();
-    const e = o, s = n, i = t(() => [
-      "nmorph-preview-portal",
-      e.rootClass,
-      e.stateClass,
-      e.show && "nmorph-preview-portal--opened"
-    ]), p = t(
-      () => u({
-        "--nmorph-preview-portal-btn-margin": e.navigationButtonMargin
-      })
-    ), r = { props: e, emit: s, rootClasses: i, portalStyle: p, get NmorphButton() {
-      return c;
-    }, get NmorphIcon() {
-      return d;
-    }, get NmorphIconChevronDown() {
-      return f;
-    }, get NmorphOverlay() {
-      return m;
-    } };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
-  }
-});
-export {
-  q as default
-};

package/dist/components/data/nmorph-progress/NmorphProgress.vue2.js

@@ -1,47 +0,0 @@
-import './NmorphProgress.css';
-import { defineComponent as v, computed as r, ref as u, onMounted as y } from "vue";
-import { useModifiers as S } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as q, createCssVariables as _ } from "../../../utils/common.js";
-const C = /* @__PURE__ */ v({
-  __name: "NmorphProgress",
-  props: {
-    type: { type: String, required: !1, default: "linear" },
-    color: { type: [String, Array, Function], required: !1, default: "var(--nmorph-accent-color)" },
-    percentage: { type: Number, required: !0 },
-    valueInside: { type: Boolean, required: !1, default: !1 },
-    valueRightSide: { type: Boolean, required: !1, default: !0 },
-    indeterminate: { type: Boolean, required: !1, default: !1 },
-    circleSize: { type: Number, required: !1, default: 120 },
-    height: { type: [Number, String], required: !1, default: void 0 },
-    widthTransition: { type: String, required: !1, default: void 0 },
-    indeterminateAnimation: { type: String, required: !1, default: void 0 }
-  },
-  setup(c, { expose: p }) {
-    p();
-    const e = c, d = r(
-      () => S({
-        "nmorph-progress": []
-      })
-    ), n = r(() => Array.isArray(e.color) ? e.color.find((h) => h.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), o = r(() => e.indeterminate ? "var(--animation)" : "none"), a = u(null), t = u(1), f = r(() => `${t.value} ${t.value}`), m = r(() => t.value - e.percentage / 100 * t.value);
-    y(() => {
-      a.value && (t.value = 2 * Math.PI * a.value.r.baseVal.value);
-    });
-    const i = r(() => `${e.circleSize}px`), s = r(() => `${e.percentage}%`), g = r(() => ({
-      ..._({
-        "--nmorph-progress-percentage": s.value,
-        "--nmorph-progress-color": n.value,
-        "--nmorph-progress-animation": o.value,
-        "--nmorph-progress-circle-size": i.value,
-        "--width-transition": e.widthTransition,
-        "--animation": e.indeterminateAnimation
-      }),
-      ...q({
-        "--height": e.height
-      })
-    })), l = { props: e, modifiers: d, color: n, animation: o, circle: a, circumference: t, strokeDasharray: f, strokeDashoffset: m, circleContainerSize: i, displayPercentage: s, styles: g };
-    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
-  }
-});
-export {
-  C as default
-};

package/dist/components/data/nmorph-qr-code/NmorphQRCode.vue2.js

@@ -1,55 +0,0 @@
-import './NmorphQRCode.css';
-import { defineComponent as g, computed as r } from "vue";
-import { useModifiers as q } from "../../../utils/create-modifiers.js";
-import { createCssVariables as b, createCssSizeVariables as h } from "../../../utils/common.js";
-import { createNmorphQRCode as a } from "./qr-code.js";
-const x = /* @__PURE__ */ g({
-  __name: "NmorphQRCode",
-  props: {
-    value: { type: [String, Number], required: !1, default: "" },
-    size: { type: [Number, String], required: !1, default: 160 },
-    margin: { type: Number, required: !1, default: 4 },
-    color: { type: String, required: !1, default: "var(--nmorph-text-color)" },
-    background: { type: String, required: !1, default: "var(--nmorph-main-color)" },
-    level: { type: String, required: !1, default: "medium" },
-    minVersion: { type: Number, required: !1, default: 1 },
-    maxVersion: { type: Number, required: !1, default: 40 },
-    title: { type: String, required: !1, default: "" }
-  },
-  setup(s, { expose: l }) {
-    l();
-    const e = s, n = r(() => {
-      try {
-        return a(String(e.value), {
-          errorCorrectionLevel: e.level,
-          minVersion: e.minVersion,
-          maxVersion: e.maxVersion
-        }), "";
-      } catch (t) {
-        return t instanceof Error ? t.message : "Unable to create QR code.";
-      }
-    }), o = r(() => n.value ? null : a(String(e.value), {
-      errorCorrectionLevel: e.level,
-      minVersion: e.minVersion,
-      maxVersion: e.maxVersion
-    })), u = r(() => o.value ? o.value.size + e.margin * 2 : 1), m = r(() => o.value ? o.value.modules.flatMap(
-      (t, c) => t.map((f, v) => f ? `M${v + e.margin} ${c + e.margin}h1v1h-1z` : "").filter(Boolean)
-    ).join("") : ""), d = r(() => ({
-      ...h({
-        "--nmorph-qr-code-size": e.size
-      }),
-      ...b({
-        "--nmorph-qr-code-color": e.color,
-        "--nmorph-qr-code-background": e.background
-      })
-    })), p = r(
-      () => q({
-        "nmorph-qr-code": [n.value && "error"]
-      })
-    ), i = { props: e, errorMessage: n, qrCode: o, viewBoxSize: u, path: m, styles: d, modifiers: p };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
-  }
-});
-export {
-  x as default
-};

package/dist/components/data/nmorph-skeleton/NmorphSkeleton.vue2.js

@@ -1,32 +0,0 @@
-import './NmorphSkeleton.css';
-import { defineComponent as d, computed as r } from "vue";
-import { useModifiers as s } from "../../../utils/create-modifiers.js";
-import { createCssVariables as l } from "../../../utils/common.js";
-import p from "./components/NmorphSkeletonItem.vue.js";
-const _ = /* @__PURE__ */ d({
-  __name: "NmorphSkeleton",
-  props: {
-    animated: { type: Boolean, required: !1, default: !0 },
-    loading: { type: Boolean, required: !1, default: !0 },
-    rows: { type: Number, required: !1, default: 0 },
-    loadingGradient: { type: String, required: !1, default: void 0 }
-  },
-  setup(o, { expose: n }) {
-    n();
-    const e = o, a = r(
-      () => s({
-        "nmorph-skeleton": [e.animated && e.loading && "loading"]
-      })
-    ), i = r(
-      () => l({
-        "--loading-gradient": e.loadingGradient
-      })
-    ), t = { props: e, modifiers: a, styles: i, get NmorphSkeletonItem() {
-      return p;
-    } };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
-  }
-});
-export {
-  _ as default
-};

package/dist/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue2.js

@@ -1,30 +0,0 @@
-import './NmorphSkeletonItem.css';
-import { defineComponent as s, computed as t } from "vue";
-import { useModifiers as u } from "../../../../utils/create-modifiers.js";
-import d from "../../../basic/nmorph-icon/NmorphIcon.vue.js";
-import a from "../../../../assets/icons/image.svg.js";
-const l = /* @__PURE__ */ s({
-  __name: "NmorphSkeletonItem",
-  props: {
-    variant: { type: null, required: !0, default: "rect" },
-    width: { type: String, required: !0, default: "auto" },
-    height: { type: String, required: !0, default: "auto" },
-    design: { type: String, required: !1, default: "nmorph" }
-  },
-  setup(o, { expose: n }) {
-    n();
-    const e = o, i = t(
-      () => u({
-        "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
-      })
-    ), p = t(() => e.width), m = t(() => e.height), r = { props: e, modifiers: i, cssWidth: p, cssHeight: m, get NmorphIcon() {
-      return d;
-    }, get NmorphIconImage() {
-      return a;
-    } };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
-  }
-});
-export {
-  l as default
-};

package/dist/components/data/nmorph-table/NmorphTable.vue2.js

@@ -1,99 +0,0 @@
-import './NmorphTable.css';
-import { defineComponent as j, computed as l, ref as n, provide as M, watch as P, nextTick as z } from "vue";
-import { useModifiers as K } from "../../../utils/create-modifiers.js";
-import { generateUUID as Q, toCssSize as Y, createCssSizeVariables as $, createCssVariables as F, resolveDomElement as G } from "../../../utils/common.js";
-import { useVirtualList as J } from "../../../hooks/use-virtual-list.js";
-import X from "./inner-components/nmorph-sort-button/NmorphSortButton.vue.js";
-const oe = /* @__PURE__ */ j({
-  __name: "NmorphTable",
-  props: {
-    data: { type: Array, required: !1, default: () => [] },
-    rowHover: { type: Boolean, required: !1, default: !0 },
-    bordered: { type: Boolean, required: !1, default: !1 },
-    sort: { type: Object, required: !1, default: void 0 },
-    design: { type: String, required: !1, default: "nmorph" },
-    virtual: { type: Boolean, required: !1, default: !1 },
-    virtualHeight: { type: [Number, String], required: !1, default: "320px" },
-    virtualOverscan: { type: Number, required: !1, default: 5 },
-    virtualRowHeight: { type: Number, required: !1, default: 42 },
-    virtualDynamicHeight: { type: Boolean, required: !1, default: !1 },
-    borderColor: { type: String, required: !1, default: void 0 },
-    cellHeight: { type: [Number, String], required: !1, default: void 0 },
-    rowHoverBackground: { type: String, required: !1, default: void 0 }
-  },
-  setup(_, { expose: B }) {
-    B();
-    const t = _, T = l(
-      () => K({
-        "nmorph-table": [t.design]
-      })
-    ), o = n([...t.data]), u = l(() => t.virtual), w = l(() => t.virtualRowHeight), H = l(() => t.virtualOverscan), S = l(() => t.virtualDynamicHeight), r = J(o, {
-      enabled: u,
-      itemHeight: w,
-      overscan: H,
-      dynamic: S
-    }), C = l(
-      () => u.value ? r.virtualItems.value : o.value.map((e, a) => ({ item: e, index: a }))
-    ), x = l(() => C.value.map((e) => e.item)), s = n(-1), h = n(0), d = n(t.sort), I = (e, a) => {
-      d.value && (d.value[a] = e, o.value.sort((g, y) => {
-        const b = String(g[a]).toLowerCase(), i = String(y[a]).toLowerCase();
-        if (!d.value)
-          return 0;
-        const f = d.value[a];
-        return f === "ascending" ? b.localeCompare(i) : f === "descending" ? i.localeCompare(b) : 0;
-      }));
-    }, m = n(null), c = n([]);
-    M("table-data", { rows: x, columns: c });
-    const D = l(() => {
-      const e = c.value.map((i) => i.width).filter((i) => !!i), a = e.length, g = e.reduce((i, f) => (i += Number(f), i), 0), y = c.value.length - a;
-      return m.value?.clientWidth ? (m.value?.clientWidth - g) / y : 0;
-    }), W = (e) => e !== "" ? e : D.value, p = n(0);
-    P(
-      () => t.data,
-      async () => {
-        p.value = p.value + 1, o.value = [...t.data], c.value = [], await z();
-        const e = r.containerRef.value;
-        e && (e.scrollTop = Math.min(
-          h.value,
-          Math.max(r.totalHeight.value - e.clientHeight, 0)
-        ), r.refresh());
-      },
-      {
-        immediate: !0
-      }
-    );
-    const N = (e) => typeof e == "object" ? "" : e, R = Q();
-    M("table-identifier", R);
-    const q = l(() => Y(t.virtualHeight)), O = l(() => ({
-      ...F({
-        "--border-color": t.borderColor,
-        "--table-background-row-hover": t.rowHoverBackground
-      }),
-      ...$({
-        "--table-cell-height": t.cellHeight
-      })
-    })), A = l(() => ({
-      "--table-virtual-row-height": `${t.virtualRowHeight}px`,
-      height: u.value ? q.value : void 0,
-      overflowY: u.value ? "auto" : void 0
-    })), E = r.spacerStyle, L = r.contentStyle, U = (e, a) => {
-      r.measureElement(a, G(e));
-    }, V = () => {
-      r.scrollHandler(), h.value = r.containerRef.value?.scrollTop || 0;
-    }, v = (e) => {
-      if (!o.value.length) return;
-      const a = s.value < 0 ? 0 : Math.min(Math.max(s.value + e, 0), o.value.length - 1);
-      s.value = a, r.scrollToIndex(a);
-    }, k = { props: t, modifiers: T, rows: o, virtualEnabled: u, virtualRowHeight: w, virtualOverscan: H, virtualDynamicHeight: S, virtualList: r, renderedRows: C, tableRows: x, activeRowIndex: s, lastScrollTop: h, sortData: d, onSort: I, nmorphDOMTable: m, columns: c, defaultColWidth: D, getWidth: W, key: p, tableData: N, tableIdentifier: R, virtualHeight: q, tableStyle: O, tableBodyStyle: A, virtualSpacerStyle: E, virtualContentStyle: L, setVirtualRowRef: U, scrollHandler: V, moveActiveRow: v, tableKeydownHandler: (e) => {
-      u.value && (e.key === "ArrowDown" ? (e.preventDefault(), v(1)) : e.key === "ArrowUp" ? (e.preventDefault(), v(-1)) : e.key === "Home" ? (e.preventDefault(), s.value = 0, r.scrollToIndex(0)) : e.key === "End" ? (e.preventDefault(), s.value = o.value.length - 1, r.scrollToIndex(o.value.length - 1)) : e.key === "PageDown" ? (e.preventDefault(), v(
-        Math.max(Math.floor((r.viewportHeight.value || t.virtualRowHeight) / t.virtualRowHeight), 1)
-      )) : e.key === "PageUp" && (e.preventDefault(), v(
-        -Math.max(Math.floor((r.viewportHeight.value || t.virtualRowHeight) / t.virtualRowHeight), 1)
-      )));
-    }, NmorphSortButton: X };
-    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
-  }
-});
-export {
-  oe as default
-};

package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue2.js

@@ -1,34 +0,0 @@
-import './NmorphSortButton.css';
-import { defineComponent as i, computed as u } from "vue";
-import { useModifiers as c } from "../../../../../utils/create-modifiers.js";
-import a from "../../../../../assets/icons/triangle-down.svg.js";
-import l from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-import d from "../../../../basic/nmorph-button/NmorphButton.vue.js";
-const f = "10px", I = /* @__PURE__ */ i({
-  __name: "NmorphSortButton",
-  props: {
-    value: { type: null, required: !0 }
-  },
-  emits: ["sort"],
-  setup(r, { expose: n, emit: m }) {
-    n();
-    const o = r, e = m, p = u(
-      () => c({
-        "nmorph-sort-button": [`${o.value}`]
-      })
-    ), t = { props: o, emit: e, modifiers: p, toggleSort: () => {
-      const s = o.value === "ascending" ? "descending" : "ascending";
-      e("sort", s);
-    }, iconSize: f, get NmorphButton() {
-      return d;
-    }, get NmorphIcon() {
-      return l;
-    }, get NmorphIconTriangleDown() {
-      return a;
-    } };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
-  }
-});
-export {
-  I as default
-};

package/dist/components/data/nmorph-tag-list/NmorphTagList.vue2.js

@@ -1,58 +0,0 @@
-import './NmorphTagList.css';
-import { defineComponent as p, computed as i, shallowRef as g, watch as f } from "vue";
-import { useModifiers as v } from "../../../utils/create-modifiers.js";
-import h from "./components/nmorph-tag-item/NmorphTagItem.vue.js";
-const b = /* @__PURE__ */ p({
-  __name: "NmorphTagList",
-  props: {
-    modelValue: { type: Array, required: !0 },
-    selectedValue: { type: [String, null], required: !1 },
-    design: { type: String, required: !1, default: "nmorph" },
-    color: { type: String, required: !1 }
-  },
-  emits: ["click", "close", "update:model-value", "update:selected-value", "update:selectedValue"],
-  setup(u, { expose: c, emit: n }) {
-    c();
-    const l = u, t = n, a = i(
-      () => v({
-        "nmorph-list": [l.design]
-      })
-    ), o = g(l.modelValue), s = (e) => ({
-      ...e,
-      design: e.design ?? l.design,
-      color: e.color ?? l.color
-    }), m = i(
-      () => o.value.map((e) => {
-        const r = s(e);
-        return {
-          item: r,
-          tagItemProps: {
-            value: e.value,
-            text: e.text,
-            removable: e.removable,
-            height: e.height,
-            design: r.design,
-            color: r.color
-          }
-        };
-      })
-    );
-    f(
-      () => l.modelValue,
-      (e) => {
-        o.value = e;
-      }
-    );
-    const d = { props: l, emit: t, modifiers: a, tagList: o, getResolvedTagItem: s, resolvedTagList: m, closeTagHandler: (e) => {
-      o.value = o.value.filter((r) => r.value !== e), t("close", e), t("update:model-value", o.value);
-    }, clickTagHandler: (e) => {
-      t("click", e), t("update:selected-value", e), t("update:selectedValue", e);
-    }, get NmorphTagItem() {
-      return h;
-    } };
-    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
-  }
-});
-export {
-  b as default
-};

package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue2.js

@@ -1,101 +0,0 @@
-import './NmorphTagItem.css';
-import { defineComponent as E, ref as I, computed as f, onMounted as H, onBeforeUnmount as B, watch as F, nextTick as P } from "vue";
-import { useModifiers as U } from "../../../../../utils/create-modifiers.js";
-import { createCssVariables as $ } from "../../../../../utils/common.js";
-import { NmorphComponentHeight as z } from "../../../../../types/common.types.js";
-import G from "../../../../../assets/icons/error.svg.js";
-import j from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-const S = "var(--nmorph-gray-color)", b = "var(--nmorph-black-color)", w = "var(--nmorph-white-color)", Y = /* @__PURE__ */ E({
-  __name: "NmorphTagItem",
-  props: {
-    value: { type: String, required: !0 },
-    text: { type: String, required: !1, default: "" },
-    removable: { type: Boolean, required: !1, default: !0 },
-    height: { type: null, required: !1, default: "basic" },
-    design: { type: String, required: !1, default: "nmorph" },
-    color: { type: String, required: !1, default: S }
-  },
-  emits: ["click", "close"],
-  setup(L, { expose: T, emit: D }) {
-    T();
-    const C = { r: 201, g: 210, b: 222 }, s = L, u = I(null), m = I(b);
-    let i = null;
-    const V = f(
-      () => U({
-        nmorph: [z[s.height]],
-        "nmorph-tag-item": [s.design]
-      })
-    ), p = f(() => s.design === "common"), x = f(
-      () => p.value ? m.value : "var(--nmorph-contrast-text-color)"
-    ), A = f(() => p.value ? $({
-      "--tag-item-background-color": s.color,
-      "--tag-item-content-color": m.value
-    }) : {}), g = D, M = () => {
-      g("close", s.value);
-    }, q = () => {
-      g("click", s.value);
-    }, v = (r) => {
-      const t = r.trim().replace("#", "");
-      if (![3, 4, 6, 8].includes(t.length)) return null;
-      const e = t.length <= 4 ? t.split("").map((o) => `${o}${o}`).join("") : t;
-      return {
-        r: parseInt(e.slice(0, 2), 16),
-        g: parseInt(e.slice(2, 4), 16),
-        b: parseInt(e.slice(4, 6), 16)
-      };
-    }, _ = (r) => {
-      const t = r.match(/^rgba?\((.+)\)$/);
-      if (!t) return null;
-      const e = t[1].split("/")[0], o = e.includes(",") ? e.split(",") : e.trim().split(/\s+/), [n, a, c] = o.map((l) => Number.parseFloat(l));
-      return [n, a, c].some((l) => Number.isNaN(l)) ? null : { r: n, g: a, b: c };
-    }, O = (r, t) => {
-      const e = r.trim().match(/^var\(\s*(--[A-Za-z0-9-_]+)(?:\s*,\s*(.+))?\)$/);
-      if (!e) return r;
-      const [, o, n] = e, a = t.ownerDocument, c = getComputedStyle(t).getPropertyValue(o).trim(), l = getComputedStyle(a.documentElement).getPropertyValue(o).trim();
-      return c || l || n || r;
-    }, y = (r, t) => {
-      let e = r;
-      for (let o = 0; o < 4; o += 1) {
-        const n = O(e, t);
-        if (n === e) break;
-        e = n;
-      }
-      return v(e) || _(e) || C;
-    }, N = ({ r, g: t, b: e }) => {
-      const [o, n, a] = [r, t, e].map((c) => {
-        const l = c / 255;
-        return l <= 0.03928 ? l / 12.92 : ((l + 0.055) / 1.055) ** 2.4;
-      });
-      return 0.2126 * o + 0.7152 * n + 0.0722 * a;
-    }, h = (r, t) => {
-      const [e, o] = [r, t].sort((n, a) => a - n);
-      return (e + 0.05) / (o + 0.05);
-    }, R = (r) => {
-      const t = N(r), e = h(t, 1), o = h(t, 0);
-      return e > o ? w : b;
-    }, d = async () => {
-      await P(), !(!p.value || !u.value) && (m.value = R(y(s.color, u.value)));
-    };
-    H(() => {
-      d(), !(typeof MutationObserver > "u" || !u.value) && (i = new MutationObserver(() => d()), i.observe(u.value.ownerDocument.documentElement, {
-        attributes: !0,
-        attributeFilter: ["nmorph-data-theme", "class", "style"]
-      }));
-    }), B(() => {
-      i?.disconnect();
-    }), F(() => [s.color, s.design], d, { flush: "post" });
-    const k = { DEFAULT_COMMON_BACKGROUND_COLOR: S, DARK_CONTRAST_COLOR: b, LIGHT_CONTRAST_COLOR: w, DEFAULT_RGB_COLOR: C, props: s, tagRef: u, commonContentColor: m, get themeObserver() {
-      return i;
-    }, set themeObserver(r) {
-      i = r;
-    }, modifiers: V, isCommonDesign: p, closeIconColor: x, styles: A, emit: g, closeHandler: M, clickHandler: q, parseHexColor: v, parseRgbColor: _, resolveCssVariable: O, resolveColor: y, getLuminance: N, getContrastRatio: h, getReadableContentColor: R, updateCommonContentColor: d, get NmorphIcon() {
-      return j;
-    }, get NmorphIconError() {
-      return G;
-    } };
-    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
-  }
-});
-export {
-  Y as default
-};