@nmorph/nmorph-ui-kit 2.2.52 → 2.2.53

package/dist/components/form/nmorph-checkbox/NmorphCheckbox.vue.js

@@ -1,118 +1,96 @@
 import './NmorphCheckbox.css';
-import { defineComponent as N, inject as h, watch as S, ref as r, computed as p, openBlock as o, createElementBlock as l, normalizeClass as O, createElementVNode as s, createCommentVNode as m, toDisplayString as f, renderSlot as _ } from "vue";
-import { useModifiers as R } from "../../../utils/create-modifiers.js";
-import { useFormItemModel as $ } from "../nmorph-form/use-form-item-input.js";
-import { NmorphSelectionControlHeight as w } from "../../../types/common.types.js";
-const A = {
+import h from "./NmorphCheckbox.vue2.js";
+import { openBlock as o, createElementBlock as c, normalizeClass as i, createElementVNode as n, createCommentVNode as l, toDisplayString as a, renderSlot as r } from "vue";
+/* empty css                    */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
   key: 0,
   class: "nmorph-checkbox__content"
-}, E = { class: "nmorph-checkbox__input-wrapper" }, H = ["disabled", "checked"], j = {
+}, p = { class: "nmorph-checkbox__input-wrapper" }, k = ["disabled", "checked"], b = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
-}, z = {
+}, m = {
   key: 0,
   class: "nmorph-checkbox__label"
-}, F = {
+}, f = {
   key: 1,
   class: "nmorph-checkbox__label"
-}, G = {
+}, x = {
   key: 1,
   class: "nmorph-checkbox__content"
-}, I = ["disabled", "checked"], q = {
+}, v = ["disabled", "checked"], y = {
   key: 0,
   class: "nmorph-checkbox__fake"
-}, J = {
+}, u = {
   key: 1,
   class: "nmorph-checkbox__fake"
-}, T = /* @__PURE__ */ N({
-  __name: "NmorphCheckbox",
-  props: {
-    id: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    modelValue: { type: Boolean, default: !1 },
-    label: { default: "" },
-    design: { default: "button" },
-    height: {}
-  },
-  emits: ["update:model-value"],
-  setup(g, { expose: x, emit: y }) {
-    const c = h(
-      "checkbox-group-selected-value",
-      void 0
-    ), b = h(
-      "change-checkbox-value-handler",
-      void 0
-    ), C = h("checkbox-group-height", void 0), e = g, V = y, { modelValue: d, updateModelValue: M } = $(
-      e,
-      (t) => V("update:model-value", t),
-      !1
-    );
-    S(d, (t) => {
-      a.value = t;
-    });
-    const i = r(null);
-    x({ inputDOMRef: i });
-    const u = c !== void 0, a = u ? r(c.value) : r(d.value), n = p(() => u ? c.value.includes(e.id) : d.value), B = p(() => e.height || C?.value || "thin"), k = () => {
-      if (!e.disabled) {
-        if (!u) {
-          a.value = !a.value, M(a.value);
-          return;
-        }
-        b && Array.isArray(a.value) && b(e.id, a.value);
-      }
-    }, D = p(
-      () => R({
-        nmorph: [w[B.value]],
-        "nmorph-checkbox": [
-          n.value && "checked",
-          e.disabled && "disabled",
-          e.design === "button" && "button"
-        ]
-      })
-    );
-    return (t, v) => (o(), l("label", {
-      class: O(D.value)
-    }, [
-      e.design === "checkbox" ? (o(), l("div", A, [
-        s("div", E, [
-          s("input", {
-            ref_key: "inputDOMRef",
-            ref: i,
+};
+function C(s, d, g, e, N, D) {
+  return o(), c(
+    "label",
+    {
+      class: i(e.modifiers)
+    },
+    [
+      e.props.design === "checkbox" ? (o(), c("div", _, [
+        n("div", p, [
+          n("input", {
+            ref: "inputDOMRef",
             type: "checkbox",
-            disabled: e.disabled,
-            checked: n.value,
+            disabled: e.props.disabled,
+            checked: e.checked,
             class: "nmorph-native-input",
-            onChange: k
-          }, null, 40, H),
-          v[0] || (v[0] = s("div", { class: "nmorph-checkbox__fake" }, null, -1)),
-          n.value ? (o(), l("div", j)) : m("", !0)
+            onChange: e.handleChange
+          }, null, 40, k),
+          d[0] || (d[0] = n(
+            "div",
+            { class: "nmorph-checkbox__fake" },
+            null,
+            -1
+            /* CACHED */
+          )),
+          e.checked ? (o(), c("div", b)) : l("v-if", !0)
         ]),
-        e.label ? (o(), l("div", z, [
-          s("span", null, f(e.label), 1)
-        ])) : (o(), l("div", F, [
-          _(t.$slots, "default")
+        e.props.label ? (o(), c("div", m, [
+          n(
+            "span",
+            null,
+            a(e.props.label),
+            1
+            /* TEXT */
+          )
+        ])) : (o(), c("div", f, [
+          r(s.$slots, "default")
         ]))
-      ])) : m("", !0),
-      e.design === "button" ? (o(), l("div", G, [
-        s("input", {
-          ref_key: "inputDOMRef",
-          ref: i,
+      ])) : l("v-if", !0),
+      e.props.design === "button" ? (o(), c("div", x, [
+        n("input", {
+          ref: "inputDOMRef",
           type: "checkbox",
-          disabled: e.disabled,
-          checked: n.value,
-          onChange: k
-        }, null, 40, I),
-        e.label ? (o(), l("div", q, [
-          s("span", null, f(e.label), 1)
-        ])) : (o(), l("div", J, [
-          _(t.$slots, "label", {}, () => [
-            _(t.$slots, "default")
+          disabled: e.props.disabled,
+          checked: e.checked,
+          onChange: e.handleChange
+        }, null, 40, v),
+        e.props.label ? (o(), c("div", y, [
+          n(
+            "span",
+            null,
+            a(e.props.label),
+            1
+            /* TEXT */
+          )
+        ])) : (o(), c("div", u, [
+          r(s.$slots, "label", {}, () => [
+            r(s.$slots, "default")
           ])
         ]))
-      ])) : m("", !0)
-    ], 2));
-  }
-});
+      ])) : l("v-if", !0)
+    ],
+    2
+    /* CLASS */
+  );
+}
+const R = /* @__PURE__ */ t(h, [["render", C], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-checkbox/NmorphCheckbox.vue"]]);
 export {
-  T as default
+  R as default
 };

package/dist/components/form/nmorph-checkbox/NmorphCheckbox.vue2.js

@@ -0,0 +1,57 @@
+import './NmorphCheckbox.css';
+import { defineComponent as x, inject as i, watch as S, ref as n, computed as d } from "vue";
+import { useModifiers as q } from "../../../utils/create-modifiers.js";
+import { useFormItemModel as V } from "../nmorph-form/use-form-item-input.js";
+import { NmorphSelectionControlHeight as C } from "../../../types/common.types.js";
+const H = /* @__PURE__ */ x({
+  __name: "NmorphCheckbox",
+  props: {
+    id: { type: String, required: !1, default: "" },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    modelValue: { type: Boolean, required: !1, default: !1 },
+    label: { type: String, required: !1, default: "" },
+    design: { type: String, required: !1, default: "button" },
+    height: { type: null, required: !1 }
+  },
+  emits: ["update:model-value"],
+  setup(g, { expose: b, emit: _ }) {
+    const o = i(
+      "checkbox-group-selected-value",
+      void 0
+    ), u = i(
+      "change-checkbox-value-handler",
+      void 0
+    ), s = i("checkbox-group-height", void 0), e = g, c = _, { modelValue: l, updateModelValue: p } = V(
+      e,
+      (r) => c("update:model-value", r),
+      !1
+    );
+    S(l, (r) => {
+      t.value = r;
+    });
+    const f = n(null);
+    b({ inputDOMRef: f });
+    const a = o !== void 0, t = a ? n(o.value) : n(l.value), h = d(() => a ? o.value.includes(e.id) : l.value), m = d(() => e.height || s?.value || "thin"), y = () => {
+      if (!e.disabled) {
+        if (!a) {
+          t.value = !t.value, p(t.value);
+          return;
+        }
+        u && Array.isArray(t.value) && u(e.id, t.value);
+      }
+    }, k = d(
+      () => q({
+        nmorph: [C[m.value]],
+        "nmorph-checkbox": [
+          h.value && "checked",
+          e.disabled && "disabled",
+          e.design === "button" && "button"
+        ]
+      })
+    ), v = { groupSelectedValue: o, changeValue: u, groupHeight: s, props: e, emit: c, modelValue: l, updateModelValue: p, inputDOMRef: f, hasGroup: a, initialValue: t, checked: h, height: m, handleChange: y, modifiers: k };
+    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
+  }
+});
+export {
+  H as default
+};

package/dist/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue.js

@@ -1,64 +1,42 @@
 import './NmorphCheckboxGroup.css';
-import { defineComponent as _, ref as k, watch as x, computed as n, provide as a, openBlock as d, createElementBlock as s, normalizeClass as V, createElementVNode as c, Fragment as B, renderList as w, createBlock as C, unref as M, renderSlot as y } from "vue";
-import { useModifiers as E } from "../../../utils/create-modifiers.js";
-import { useFormItemModel as F } from "../nmorph-form/use-form-item-input.js";
-import N from "../nmorph-checkbox/NmorphCheckbox.vue.js";
-/* empty css                                     */
-const $ = { class: "nmorph-checkbox-group__wrapper" }, z = { class: "nmorph-checkbox-group__content" }, j = /* @__PURE__ */ _({
-  __name: "NmorphCheckboxGroup",
-  props: {
-    modelValue: { default: () => [] },
-    options: { default: () => [] },
-    design: { default: "button" },
-    direction: { default: "row" },
-    height: { default: "thin" },
-    id: {},
-    name: {},
-    autocomplete: {},
-    disabled: { type: Boolean, default: !1 },
-    tabindex: {}
-  },
-  emits: ["update:model-value"],
-  setup(i, { emit: m }) {
-    const l = i, h = m, { modelValue: r, updateModelValue: p } = F(
-      l,
-      (e) => h("update:model-value", e),
-      []
-    ), t = k([...r.value]);
-    x(
-      r,
-      (e) => {
-        t.value = [...e];
-      },
-      { deep: !0 }
-    );
-    const f = (e) => {
-      t.value = t.value.includes(e) ? t.value.filter((u) => u !== e) : [...t.value, e], p(t.value);
-    }, g = n(
-      () => E({
-        "nmorph-checkbox-group": [l.design, l.direction]
-      })
-    ), v = n(() => l.height);
-    return a("checkbox-group-selected-value", t), a("change-checkbox-value-handler", f), a("checkbox-group-height", v), (e, u) => (d(), s("div", {
-      class: V(g.value)
-    }, [
-      c("div", $, [
-        c("div", z, [
-          (d(!0), s(B, null, w(i.options, (o, b) => (d(), C(M(N), {
-            id: o.id,
-            key: b,
-            label: o.label,
-            "model-value": o.modelValue,
-            disabled: o.disabled || l.disabled,
-            design: l.design,
-            height: o.height || l.height
-          }, null, 8, ["id", "label", "model-value", "disabled", "design", "height"]))), 128)),
-          y(e.$slots, "default")
+import t from "./NmorphCheckboxGroup.vue2.js";
+import { openBlock as r, createElementBlock as l, normalizeClass as a, createElementVNode as d, Fragment as n, renderList as m, createBlock as h, renderSlot as p } from "vue";
+/* empty css                         */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const b = { class: "nmorph-checkbox-group__wrapper" }, u = { class: "nmorph-checkbox-group__content" };
+function f(s, g, c, e, k, x) {
+  return r(), l(
+    "div",
+    {
+      class: a(e.modifiers)
+    },
+    [
+      d("div", b, [
+        d("div", u, [
+          (r(!0), l(
+            n,
+            null,
+            m(c.options, (o, i) => (r(), h(e.NmorphCheckbox, {
+              id: o.id,
+              key: i,
+              label: o.label,
+              "model-value": o.modelValue,
+              disabled: o.disabled || e.props.disabled,
+              design: e.props.design,
+              height: o.height || e.props.height
+            }, null, 8, ["id", "label", "model-value", "disabled", "design", "height"]))),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          p(s.$slots, "default")
         ])
       ])
-    ], 2));
-  }
-});
+    ],
+    2
+    /* CLASS */
+  );
+}
+const y = /* @__PURE__ */ _(t, [["render", f], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue"]]);
 export {
-  j as default
+  y as default
 };

package/dist/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue2.js

@@ -0,0 +1,51 @@
+import './NmorphCheckboxGroup.css';
+import { defineComponent as g, ref as b, watch as v, computed as p, provide as u } from "vue";
+import { useModifiers as y } from "../../../utils/create-modifiers.js";
+import { useFormItemModel as q } from "../nmorph-form/use-form-item-input.js";
+import x from "../nmorph-checkbox/NmorphCheckbox.vue.js";
+const N = /* @__PURE__ */ g({
+  __name: "NmorphCheckboxGroup",
+  props: {
+    modelValue: { type: Array, required: !1, default: () => [] },
+    options: { type: Array, required: !1, default: () => [] },
+    design: { type: String, required: !1, default: "button" },
+    direction: { type: null, required: !1, default: "row" },
+    height: { type: null, required: !1, default: "thin" },
+    id: { type: String, required: !1 },
+    name: { type: String, required: !1 },
+    autocomplete: { type: String, required: !1 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    tabindex: { type: Number, required: !1 }
+  },
+  emits: ["update:model-value"],
+  setup(s, { expose: c, emit: f }) {
+    c();
+    const r = s, a = f, { modelValue: o, updateModelValue: l } = q(
+      r,
+      (t) => a("update:model-value", t),
+      []
+    ), e = b([...o.value]);
+    v(
+      o,
+      (t) => {
+        e.value = [...t];
+      },
+      { deep: !0 }
+    );
+    const i = (t) => {
+      e.value = e.value.includes(t) ? e.value.filter((h) => h !== t) : [...e.value, t], l(e.value);
+    }, m = p(
+      () => y({
+        "nmorph-checkbox-group": [r.design, r.direction]
+      })
+    ), d = p(() => r.height);
+    u("checkbox-group-selected-value", e), u("change-checkbox-value-handler", i), u("checkbox-group-height", d);
+    const n = { props: r, emit: a, modelValue: o, updateModelValue: l, initialValue: e, changeHandler: i, modifiers: m, height: d, get NmorphCheckbox() {
+      return x;
+    } };
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  }
+});
+export {
+  N as default
+};

package/dist/components/form/nmorph-color-picker/NmorphColorPicker.vue.js

@@ -1,106 +1,57 @@
 import './NmorphColorPicker.css';
-import { defineComponent as O, ref as P, watch as j, onMounted as A, computed as C, openBlock as M, createElementBlock as $, normalizeClass as T, createElementVNode as v, unref as s, normalizeStyle as U, toDisplayString as q, createCommentVNode as G } from "vue";
-import { useModifiers as J } from "../../../utils/create-modifiers.js";
-import { useFocusableInput as K } from "../../../hooks/use-focusable-input.js";
-import { useFormItemInput as Q, useFormItemModel as W } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as X } from "../../../types/common.types.js";
-const Y = { class: "nmorph-color-picker__content" }, Z = ["id", "name", "tabindex", "value", "disabled"], ee = {
+import a from "./NmorphColorPicker.vue2.js";
+import { openBlock as l, createElementBlock as i, normalizeClass as c, createElementVNode as n, normalizeStyle as t, toDisplayString as d, createCommentVNode as s } from "vue";
+/* empty css                       */
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "nmorph-color-picker__content" }, _ = ["id", "name", "tabindex", "value", "disabled"], h = {
   key: 0,
   class: "nmorph-color-picker__value"
-}, le = /* @__PURE__ */ O({
-  __name: "NmorphColorPicker",
-  props: {
-    modelValue: { default: "" },
-    showValue: { type: Boolean, default: !1 },
-    displayFormat: { default: "hex" },
-    id: {},
-    name: {},
-    autocomplete: {},
-    height: { default: "basic" },
-    disabled: { type: Boolean, default: !1 },
-    tabindex: {}
-  },
-  emits: ["update:model-value", "focus", "blur"],
-  setup(k, { expose: V, emit: x }) {
-    const r = k, m = x, { id: F, name: I, tabindex: B } = Q(r), { modelValue: p, updateModelValue: w } = W(
-      r,
-      (t) => m("update:model-value", t),
-      ""
-    ), c = (t, o = "#000000") => {
-      const e = t?.trim() || "";
-      return /^#[\da-f]{6}$/i.test(e) ? e.toLowerCase() : /^#[\da-f]{3}$/i.test(e) ? `#${e.slice(1).split("").map((n) => `${n}${n}`).join("").toLowerCase()}` : o;
-    }, {
-      elementRef: f,
-      focused: R,
-      handleFocus: b,
-      handleBlur: _
-    } = K({
-      onFocus: () => m("focus"),
-      onBlur: () => m("blur")
-    }), g = () => {
-      if (typeof document > "u") return "#006cb6";
-      const t = f.value || document.documentElement, o = getComputedStyle(t).getPropertyValue("--nmorph-accent-color").trim();
-      return c(o, "#006cb6");
-    }, a = P(c(p.value));
-    j(p, (t) => {
-      a.value = t ? c(t) : g();
-    });
-    const N = (t) => {
-      const o = t.target, e = c(o.value);
-      a.value = e, w(e);
-    }, y = (t) => [
-      parseInt(t.slice(1, 3), 16),
-      parseInt(t.slice(3, 5), 16),
-      parseInt(t.slice(5, 7), 16)
-    ], z = (t) => {
-      const [o, e, n] = y(t);
-      return `rgb(${o}, ${e}, ${n})`;
-    }, D = (t) => {
-      const [o, e, n] = y(t).map((L) => L / 255), l = Math.max(o, e, n), u = Math.min(o, e, n), h = (l + u) / 2;
-      if (l === u)
-        return `hsl(0, 0%, ${Math.round(h * 100)}%)`;
-      const i = l - u, H = h > 0.5 ? i / (2 - l - u) : i / (l + u);
-      let d = 0;
-      return l === o ? d = (e - n) / i + (e < n ? 6 : 0) : l === e ? d = (n - o) / i + 2 : d = (o - e) / i + 4, `hsl(${Math.round(d * 60)}, ${Math.round(H * 100)}%, ${Math.round(h * 100)}%)`;
-    };
-    A(() => {
-      p.value || (a.value = g());
-    }), V({ inputDOMRef: f });
-    const E = C(
-      () => J({
-        nmorph: [X[r.height], R.value && "focused"],
-        "nmorph-color-picker": [r.disabled && "disabled", r.displayFormat]
-      })
-    ), S = C(() => r.displayFormat === "rgb" ? z(a.value) : r.displayFormat === "hsl" ? D(a.value) : a.value.toUpperCase());
-    return (t, o) => (M(), $("div", {
-      class: T(E.value)
-    }, [
-      v("div", Y, [
-        v("input", {
-          id: s(F),
-          ref_key: "inputDOMRef",
-          ref: f,
-          name: s(I),
-          tabindex: s(B),
+};
+function u(f, r, k, o, v, b) {
+  return l(), i(
+    "div",
+    {
+      class: c(o.modifiers)
+    },
+    [
+      n("div", p, [
+        n("input", {
+          id: o.id,
+          ref: "inputDOMRef",
+          name: o.name,
+          tabindex: o.tabindex,
           class: "nmorph-color-picker__native nmorph-native-input",
           type: "color",
-          value: a.value,
-          disabled: r.disabled,
-          onInput: N,
-          onFocus: o[0] || (o[0] = //@ts-ignore
-          (...e) => s(b) && s(b)(...e)),
-          onBlur: o[1] || (o[1] = //@ts-ignore
-          (...e) => s(_) && s(_)(...e))
-        }, null, 40, Z),
-        v("div", {
-          class: "nmorph-color-picker__swatch",
-          style: U({ background: a.value })
-        }, null, 4),
-        r.showValue ? (M(), $("span", ee, q(S.value), 1)) : G("", !0)
+          value: o.currentValue,
+          disabled: o.props.disabled,
+          onInput: o.handleInput,
+          onFocus: r[0] || (r[0] = (...e) => o.handleFocus && o.handleFocus(...e)),
+          onBlur: r[1] || (r[1] = (...e) => o.handleBlur && o.handleBlur(...e))
+        }, null, 40, _),
+        n(
+          "div",
+          {
+            class: "nmorph-color-picker__swatch",
+            style: t({ background: o.currentValue })
+          },
+          null,
+          4
+          /* STYLE */
+        ),
+        o.props.showValue ? (l(), i(
+          "span",
+          h,
+          d(o.displayValue),
+          1
+          /* TEXT */
+        )) : s("v-if", !0)
       ])
-    ], 2));
-  }
-});
+    ],
+    2
+    /* CLASS */
+  );
+}
+const C = /* @__PURE__ */ m(a, [["render", u], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-color-picker/NmorphColorPicker.vue"]]);
 export {
-  le as default
+  C as default
 };

package/dist/components/form/nmorph-color-picker/NmorphColorPicker.vue2.js

@@ -0,0 +1,77 @@
+import './NmorphColorPicker.css';
+import { defineComponent as k, ref as H, watch as L, onMounted as O, computed as C } from "vue";
+import { useModifiers as z } from "../../../utils/create-modifiers.js";
+import { useFocusableInput as A } from "../../../hooks/use-focusable-input.js";
+import { useFormItemInput as D, useFormItemModel as E } from "../nmorph-form/use-form-item-input.js";
+import { NmorphComponentHeight as T } from "../../../types/common.types.js";
+const W = /* @__PURE__ */ k({
+  __name: "NmorphColorPicker",
+  props: {
+    modelValue: { type: String, required: !1, default: "" },
+    showValue: { type: Boolean, required: !1, default: !1 },
+    displayFormat: { type: String, required: !1, default: "hex" },
+    id: { type: String, required: !1 },
+    name: { type: String, required: !1 },
+    autocomplete: { type: String, required: !1 },
+    height: { type: null, required: !1, default: "basic" },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    tabindex: { type: Number, required: !1 }
+  },
+  emits: ["update:model-value", "focus", "blur"],
+  setup(_, { expose: q, emit: F }) {
+    const n = _, d = F, { id: I, name: S, tabindex: V } = D(n), { modelValue: c, updateModelValue: g } = E(
+      n,
+      (e) => d("update:model-value", e),
+      ""
+    ), l = (e, r = "#000000") => {
+      const t = e?.trim() || "";
+      return /^#[\da-f]{6}$/i.test(t) ? t.toLowerCase() : /^#[\da-f]{3}$/i.test(t) ? `#${t.slice(1).split("").map((o) => `${o}${o}`).join("").toLowerCase()}` : r;
+    }, {
+      elementRef: p,
+      focused: y,
+      handleFocus: x,
+      handleBlur: B
+    } = A({
+      onFocus: () => d("focus"),
+      onBlur: () => d("blur")
+    }), f = () => {
+      if (typeof document > "u") return "#006cb6";
+      const e = p.value || document.documentElement, r = getComputedStyle(e).getPropertyValue("--nmorph-accent-color").trim();
+      return l(r, "#006cb6");
+    }, a = H(l(c.value));
+    L(c, (e) => {
+      a.value = e ? l(e) : f();
+    });
+    const R = (e) => {
+      const r = e.target, t = l(r.value);
+      a.value = t, g(t);
+    }, h = (e) => [
+      parseInt(e.slice(1, 3), 16),
+      parseInt(e.slice(3, 5), 16),
+      parseInt(e.slice(5, 7), 16)
+    ], v = (e) => {
+      const [r, t, o] = h(e);
+      return `rgb(${r}, ${t}, ${o})`;
+    }, $ = (e) => {
+      const [r, t, o] = h(e).map((j) => j / 255), u = Math.max(r, t, o), s = Math.min(r, t, o), b = (u + s) / 2;
+      if (u === s)
+        return `hsl(0, 0%, ${Math.round(b * 100)}%)`;
+      const i = u - s, P = b > 0.5 ? i / (2 - u - s) : i / (u + s);
+      let m = 0;
+      return u === r ? m = (t - o) / i + (t < o ? 6 : 0) : u === t ? m = (o - r) / i + 2 : m = (r - t) / i + 4, `hsl(${Math.round(m * 60)}, ${Math.round(P * 100)}%, ${Math.round(b * 100)}%)`;
+    };
+    O(() => {
+      c.value || (a.value = f());
+    }), q({ inputDOMRef: p });
+    const w = C(
+      () => z({
+        nmorph: [T[n.height], y.value && "focused"],
+        "nmorph-color-picker": [n.disabled && "disabled", n.displayFormat]
+      })
+    ), N = C(() => n.displayFormat === "rgb" ? v(a.value) : n.displayFormat === "hsl" ? $(a.value) : a.value.toUpperCase()), M = { props: n, emit: d, id: I, name: S, tabindex: V, modelValue: c, updateModelValue: g, normalizeColor: l, inputDOMRef: p, focused: y, handleFocus: x, handleBlur: B, resolveAccentColor: f, currentValue: a, handleInput: R, hexToRgb: h, formatRgb: v, formatHsl: $, modifiers: w, displayValue: N };
+    return Object.defineProperty(M, "__isScriptSetup", { enumerable: !1, value: !0 }), M;
+  }
+});
+export {
+  W as default
+};