@nmorph/nmorph-ui-kit 2.2.33 → 2.2.35

package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue2.js

@@ -1,94 +1,126 @@
 import './NmorphFileUpload.css';
-import { defineComponent as V, computed as N, ref as g, watch as B, onBeforeUnmount as T } from "vue";
-import { useModifiers as q } from "../../../utils/create-modifiers.js";
-import { useI18n as S } from "vue-i18n";
-import j from "../../../assets/icons/doc.svg.js";
-import k from "../../data/nmorph-image-preview/NmorphImagePreview.vue.js";
-import C from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import L from "../../basic/nmorph-button/NmorphButton.vue.js";
-import { NmorphImageResolution as O, NmorphAudioResolution as E, NmorphVideoResolution as M, NmorphArchiveResolution as D } from "./types.js";
-import W from "../../../assets/icons/audio.svg.js";
-import $ from "../../../assets/icons/video.svg.js";
-import z from "../../../assets/icons/archive.svg.js";
-import G from "../../../assets/icons/cross.svg.js";
-import H from "../../../assets/icons/image.svg.js";
-const se = /* @__PURE__ */ V({
+import { defineComponent as M, computed as y, ref as F, watch as E, onBeforeUnmount as W } from "vue";
+import { useModifiers as $ } from "../../../utils/create-modifiers.js";
+import { useI18n as D } from "vue-i18n";
+import { resolution as T, NmorphImageResolution as A, NmorphAudioResolution as K, NmorphVideoResolution as z, NmorphArchiveResolution as G } from "./types.js";
+import H from "../../../assets/icons/doc.svg.js";
+import J from "../../data/nmorph-image-preview/NmorphImagePreview.vue.js";
+import Q from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import X from "../../basic/nmorph-button/NmorphButton.vue.js";
+import Y from "../../../assets/icons/audio.svg.js";
+import Z from "../../../assets/icons/video.svg.js";
+import ee from "../../../assets/icons/archive.svg.js";
+import oe from "../../../assets/icons/cross.svg.js";
+import te from "../../../assets/icons/image.svg.js";
+const ye = /* @__PURE__ */ M({
   __name: "NmorphFileUpload",
   props: {
     modelValue: { type: Array, required: !1, default: () => [] },
     disabled: { type: Boolean, required: !1, default: !1 },
     multiple: { type: Boolean, required: !1, default: !1 },
-    allowedTypes: { type: Array, required: !1, default: () => ["jpg", "jpeg", "png"] },
+    allowedTypes: { type: Array, required: !1, default: () => [] },
     photoWithPreview: { type: Boolean, required: !1, default: !0 },
     buttonText: { type: String, required: !1, default: "" }
   },
   emits: ["update:model-value", "on-unsupported-file-type-error"],
-  setup(I, { expose: b, emit: w }) {
-    const { t: f } = S(), r = I, m = w, x = N(() => r.buttonText ? r.buttonText : f("selectFile")), d = (e) => e.split("/")[1], R = (e) => {
-      const o = d(e);
-      let t = j;
-      return o in O && (t = H), o in E && (t = W), o in M && (t = $), o in D && (t = z), t;
-    }, s = g(null), n = g([...r.modelValue]), i = /* @__PURE__ */ new Set(), a = () => {
-      const e = s.value;
+  setup(R, { expose: U, emit: _ }) {
+    const { t: w } = D(), n = R, d = _, B = y(() => n.buttonText ? n.buttonText : w("selectFile")), g = Object.entries(T), v = {
+      "svg-xml": "svg",
+      "audio-ogg": "ogg",
+      "wideo-ogg": "ogg"
+    }, C = (e) => e.split("/")[1]?.toLowerCase() || "", f = (e) => {
+      const o = e.split(".").pop()?.toLowerCase();
+      return o && o !== e.toLowerCase() ? o : "";
+    }, I = (e) => g.find(([, o]) => o.toLowerCase() === e.toLowerCase())?.[0] || "", u = (e) => Array.from(
+      new Set(
+        [
+          e.type.toLowerCase(),
+          I(e.type),
+          f(e.name),
+          C(e.type)
+        ].filter(Boolean).map((o) => o.toLowerCase())
+      )
+    ), i = (e, o) => Object.prototype.hasOwnProperty.call(o, e), P = (e) => {
+      const o = u(e);
+      return e.type.toLowerCase().startsWith("image/") || o.some((t) => i(t, A));
+    }, L = (e) => {
+      if (n.allowedTypes.length === 0) return !0;
+      const o = u(e);
+      return n.allowedTypes.some((t) => o.includes(String(t).toLowerCase()));
+    }, S = y(() => {
+      if (n.allowedTypes.length !== 0)
+        return Array.from(
+          new Set(
+            n.allowedTypes.flatMap((e) => {
+              const o = String(e).toLowerCase(), t = T[o], r = v[o] || o;
+              return o.includes("/") ? o : t ? [`.${r}`, t] : `.${r}`;
+            })
+          )
+        ).join(",");
+    }), V = (e) => {
+      const o = u(e);
+      let t = H;
+      return (e.type.toLowerCase().startsWith("image/") || o.some((r) => i(r, A))) && (t = te), (e.type.toLowerCase().startsWith("audio/") || o.some((r) => i(r, K))) && (t = Y), (e.type.toLowerCase().startsWith("video/") || o.some((r) => i(r, z))) && (t = Z), o.some((r) => i(r, G)) && (t = ee), t;
+    }, p = F(null), a = F([...n.modelValue]), l = /* @__PURE__ */ new Set(), m = () => {
+      const e = p.value;
       e && (e.value = "");
-    }, u = (e) => {
-      i.has(e) && (URL.revokeObjectURL(e), i.delete(e));
-    }, h = (e) => {
+    }, c = (e) => {
+      l.has(e) && (URL.revokeObjectURL(e), l.delete(e));
+    }, N = (e) => {
       const o = new Set(e.map((t) => t.previewUrl));
-      Array.from(i).forEach((t) => {
-        o.has(t) || u(t);
+      Array.from(l).forEach((t) => {
+        o.has(t) || c(t);
       });
-    }, c = (e) => {
+    }, h = (e) => {
       const o = [...e];
-      n.value = o, m("update:model-value", o);
-    }, U = () => {
-      r.disabled || !s.value || s.value.click();
-    }, _ = (e) => {
-      if (r.disabled) return;
-      const o = e.target, t = Array.from(o.files || []), p = [];
-      t.forEach((l) => {
-        const P = d(l.type);
-        if (!r.allowedTypes.includes(P)) {
-          m("on-unsupported-file-type-error", l.type);
+      a.value = o, d("update:model-value", o);
+    }, O = () => {
+      n.disabled || !p.value || p.value.click();
+    }, j = (e) => {
+      if (n.disabled) return;
+      const o = e.target, t = Array.from(o.files || []), r = [];
+      t.forEach((s) => {
+        if (!L(s)) {
+          d("on-unsupported-file-type-error", s.type || f(s.name) || s.name);
           return;
         }
-        const y = URL.createObjectURL(l);
-        i.add(y), p.push({ data: l, previewUrl: y });
-      }), a(), p.length > 0 && c([...n.value, ...p]);
-    }, A = (e) => {
-      if (r.disabled) return;
-      const o = n.value.findIndex((t) => t.data.name === e);
+        const b = URL.createObjectURL(s);
+        l.add(b), r.push({ data: s, previewUrl: b });
+      }), m(), r.length > 0 && h([...a.value, ...r]);
+    }, k = (e) => {
+      if (n.disabled) return;
+      const o = a.value.findIndex((t) => t.data.name === e);
       if (o !== -1) {
-        const t = n.value[o];
-        u(t.previewUrl), a(), c(n.value.filter((p, l) => l !== o));
+        const t = a.value[o];
+        c(t.previewUrl), m(), h(a.value.filter((r, s) => s !== o));
       }
     };
-    B(
-      () => r.modelValue,
+    E(
+      () => n.modelValue,
       (e) => {
         const o = [...e];
-        h(o), n.value = o, o.length === 0 && a();
+        N(o), a.value = o, o.length === 0 && m();
       },
       { deep: !0 }
-    ), T(() => {
-      Array.from(i).forEach((e) => u(e));
-    }), b({ inputDOMRef: s });
-    const F = N(
-      () => q({
-        "nmorph-file-upload": [`${r.disabled && "disabled"}`]
+    ), W(() => {
+      Array.from(l).forEach((e) => c(e));
+    }), U({ inputDOMRef: p });
+    const q = y(
+      () => $({
+        "nmorph-file-upload": [`${n.disabled && "disabled"}`]
       })
-    ), v = { t: f, props: r, emit: m, computedButtonText: x, getPlainType: d, typeFileIconMap: R, inputDOMRef: s, files: n, createdPreviewUrls: i, resetInputValue: a, revokePreviewUrl: u, revokeRemovedPreviewUrls: h, filesChanged: c, openFileSelector: U, handleFileUpload: _, removeFile: A, modifiers: F, get NmorphButton() {
-      return L;
+    ), x = { t: w, props: n, emit: d, computedButtonText: B, knownResolutionEntries: g, extensionByResolution: v, getPlainType: C, getFileExtension: f, getKnownResolutionByMime: I, getFileTypeCandidates: u, isKnownFileType: i, isImageFile: P, isFileAllowed: L, inputAccept: S, typeFileIconMap: V, inputDOMRef: p, files: a, createdPreviewUrls: l, resetInputValue: m, revokePreviewUrl: c, revokeRemovedPreviewUrls: N, filesChanged: h, openFileSelector: O, handleFileUpload: j, removeFile: k, modifiers: q, get NmorphButton() {
+      return X;
     }, get NmorphIcon() {
-      return C;
+      return Q;
     }, get NmorphImagePreview() {
-      return k;
+      return J;
     }, get NmorphIconCross() {
-      return G;
+      return oe;
     } };
-    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
+    return Object.defineProperty(x, "__isScriptSetup", { enumerable: !1, value: !0 }), x;
   }
 });
 export {
-  se as default
+  ye as default
 };

package/dist/components/form/nmorph-select/NmorphSelect.vue2.js

@@ -1,17 +1,17 @@
 import './NmorphSelect.css';
-import { defineComponent as ue, computed as a, ref as d, watch as f, nextTick as L, onMounted as oe, onUnmounted as ie, provide as R } from "vue";
-import { NmorphComponentHeight as se } from "../../../types/index.js";
-import { useModifiers as de } from "../../../utils/create-modifiers.js";
-import { useI18n as ve } from "vue-i18n";
-import { useFormItemInput as ce } from "../nmorph-form/use-form-item-input.js";
-import { useVirtualList as fe } from "../../../hooks/use-virtual-list.js";
-import pe from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
-import me from "./components/nmorph-select-option/NmorphSelectOption.vue.js";
-import he from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import ge from "../../data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.js";
-import ye from "../../../assets/icons/chevron-down.svg.js";
-import He from "../../../assets/icons/loader.svg.js";
-const Pe = /* @__PURE__ */ ue({
+import { defineComponent as ue, computed as a, ref as d, watch as f, nextTick as R, onMounted as oe, onUnmounted as ie, provide as M, toRef as se } from "vue";
+import { NmorphComponentHeight as de } from "../../../types/index.js";
+import { useModifiers as ve } from "../../../utils/create-modifiers.js";
+import { useI18n as ce } from "vue-i18n";
+import { useFormItemInput as fe } from "../nmorph-form/use-form-item-input.js";
+import { useVirtualList as pe } from "../../../hooks/use-virtual-list.js";
+import me from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
+import he from "./components/nmorph-select-option/NmorphSelectOption.vue.js";
+import ge from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import ye from "../../data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.js";
+import He from "../../../assets/icons/chevron-down.svg.js";
+import be from "../../../assets/icons/loader.svg.js";
+const ke = /* @__PURE__ */ ue({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { type: String, required: !1, default: "" },
@@ -40,37 +40,37 @@ const Pe = /* @__PURE__ */ ue({
   emits: ["update:model-value"],
   setup(T, { expose: C, emit: P }) {
     C();
-    const { t: M } = ve(), l = T, $ = a(
-      () => l.noElementPlaceholder ? l.noElementPlaceholder : M("noElementPlaceholder")
-    ), m = P, t = d(l.modelValue), r = d(l.open), v = a(() => l.disabled || l.loading), h = a(() => l.optionsWidth === "auto"), g = d(!0), { id: y, name: k, autocomplete: W, tabindex: U } = ce(l), H = (e) => {
+    const { t: $ } = ce(), t = T, D = a(
+      () => t.noElementPlaceholder ? t.noElementPlaceholder : $("noElementPlaceholder")
+    ), m = P, l = d(t.modelValue), r = d(t.open), v = a(() => t.disabled || t.loading), h = a(() => t.optionsWidth === "auto"), g = d(!0), { id: y, name: k, autocomplete: W, tabindex: U } = fe(t), H = (e) => {
       if (!v.value) {
-        if (r.value = !1, typeof t.value == "string" && (!l.valueRequired && t.value === e ? t.value = "" : t.value = e, m("update:model-value", t.value)), Array.isArray(t.value)) {
-          const n = t.value.includes(e), w = t.value.length === 1 && n;
-          if (l.valueRequired && w) return;
-          n ? t.value = t.value.filter((ne) => ne !== e) : t.value = [...t.value, e];
+        if (r.value = !1, typeof l.value == "string" && (!t.valueRequired && l.value === e ? l.value = "" : l.value = e, m("update:model-value", l.value)), Array.isArray(l.value)) {
+          const n = l.value.includes(e), w = l.value.length === 1 && n;
+          if (t.valueRequired && w) return;
+          n ? l.value = l.value.filter((ne) => ne !== e) : l.value = [...l.value, e];
         }
-        m("update:model-value", t.value);
+        m("update:model-value", l.value);
       }
     }, p = d(!1), z = () => {
       p.value = !0;
     }, F = () => {
       p.value = !1;
     }, j = a(
-      () => de({
-        nmorph: [se[l.height]],
+      () => ve({
+        nmorph: [de[t.height]],
         "nmorph-select": [
-          `${l.disabled && "disabled"}`,
-          `${l.modelValue ? "on" : "off"}`,
-          `${l.loading && "loading"}`,
+          `${t.disabled && "disabled"}`,
+          `${t.modelValue ? "on" : "off"}`,
+          `${t.loading && "loading"}`,
           `${r.value && !v.value && "open"}`,
-          `${l.fill && "fill"}`,
+          `${t.fill && "fill"}`,
           `${h.value && "options-auto-width"}`,
           `${g.value ? "selected-line-outset" : "selected-line-inset"}`,
           `${p.value && "focus"}`
         ]
       })
     ), b = (e) => typeof e == "number" ? `${e}px` : e, Y = a(() => ({
-      ...l.width !== void 0 && { "--base-width": b(l.width) }
+      ...t.width !== void 0 && { "--base-width": b(t.width) }
     })), G = () => {
       v.value || (r.value = !r.value);
     };
@@ -85,29 +85,29 @@ const Pe = /* @__PURE__ */ ue({
       r.value = !1;
     };
     f(
-      () => l.loading,
+      () => t.loading,
       (e) => {
         e && (r.value = !1);
       }
     );
-    const i = a(() => l.options.length > 0 ? l.options : l.optionsMap), x = d(null), I = d([]), N = a(() => l.options), c = a(() => l.virtual && N.value.length > 0), D = a(() => ({
+    const i = a(() => t.options.length > 0 ? t.options : t.optionsMap), x = d(null), I = d([]), N = a(() => t.options), c = a(() => t.virtual && N.value.length > 0), A = a(() => ({
       basic: 30,
       thick: 38,
       thin: 22
-    })[l.height || "basic"]), A = a(() => l.virtualItemHeight || D.value), E = a(() => l.virtualOverscan), V = a(() => l.virtualDynamicHeight), s = fe(N, {
+    })[t.height || "basic"]), E = a(() => t.virtualItemHeight || A.value), V = a(() => t.virtualOverscan), _ = a(() => t.virtualDynamicHeight), s = pe(N, {
       enabled: c,
-      itemHeight: A,
-      overscan: E,
-      dynamic: V
+      itemHeight: E,
+      overscan: V,
+      dynamic: _
     }), J = a(() => s.virtualItems.value), K = a(() => ({
       height: `${s.totalHeight.value}px`
     })), Q = a(() => ({
       transform: `translateY(${s.offsetTop.value}px)`
-    })), X = a(() => b(l.virtualMaxHeight)), O = () => {
+    })), X = a(() => b(t.virtualMaxHeight)), O = () => {
       i.value.length > 0 || !x.value || (I.value = Array.from(x.value.querySelectorAll(".nmorph-select-option")).map((e) => e.getAttribute("value")).filter((e) => !!e));
     }, o = a(
       () => i.value.length > 0 ? i.value.map((e) => e.value) : I.value
-    ), Z = a(() => c.value ? Array.isArray(t.value) ? t.value : t.value ? [t.value] : [] : o.value), u = d(0), S = a(() => o.value[u.value] || ""), ee = a(() => `${y.value}-listbox`), te = (e) => `${y.value}-option-${e.replace(/\s+/g, "-")}`;
+    ), Z = a(() => c.value ? Array.isArray(l.value) ? l.value : l.value ? [l.value] : [] : o.value), u = d(0), S = a(() => o.value[u.value] || ""), ee = a(() => `${y.value}-listbox`), te = (e) => `${y.value}-option-${e.replace(/\s+/g, "-")}`;
     f(u, (e) => {
       r.value && c.value && s.scrollToIndex(e);
     }), f(
@@ -118,22 +118,22 @@ const Pe = /* @__PURE__ */ ue({
       { immediate: !0 }
     ), f(r, async (e) => {
       if (e) {
-        if (await L(), O(), typeof t.value == "string") {
-          const n = o.value.indexOf(t.value);
+        if (await R(), O(), typeof l.value == "string") {
+          const n = o.value.indexOf(l.value);
           n !== -1 && (u.value = n);
         }
         s.refresh(), c.value && s.scrollToIndex(u.value);
       }
     }), oe(async () => {
-      await L(), O(), document.addEventListener("click", q);
+      await R(), O(), document.addEventListener("click", q);
     }), ie(() => {
       document.removeEventListener("click", q);
     });
-    const le = a(() => typeof t.value == "string" ? t.value === "" ? $.value : i.value.find((e) => e.value === t.value)?.label : i.value.find((e) => e.value === t.value)?.label), ae = a(() => i.value.length > 0 ? i.value.filter((n) => t.value.includes(n.value)).map((n) => ({ text: n.label, value: n.value })) : Array.isArray(t.value) ? t.value.map((n) => ({ text: n, value: n })) : [{ text: t.value, value: t.value }]);
-    R("select-selected-value", t), R("select-change-selected-value", H);
-    const _ = d(null), re = a(
-      () => h.value ? `${_.value?.clientWidth || 0}px` : void 0
-    ), B = { t: M, props: l, computedNoElementPlaceholder: $, emit: m, initialValue: t, open: r, disabledInput: v, autoOptionsWidth: h, selectedLineOutset: g, id: y, name: k, autocomplete: W, tabindex: U, changeHandler: H, focus: p, focusHandler: z, blurHandler: F, modifiers: j, getCssSize: b, styles: Y, clickHandler: G, closeHandler: q, optionsMap: i, optionsDOMRef: x, slotDomOptions: I, renderedOptions: N, virtualEnabled: c, defaultOptionHeight: D, virtualItemHeight: A, virtualOverscan: E, virtualDynamicHeight: V, virtualList: s, virtualOptions: J, virtualSpacerStyle: K, virtualContentStyle: Q, virtualMaxHeight: X, refreshDomOptions: O, domOptions: o, nativeOptions: Z, currentIndex: u, currentFocusedEl: S, listboxId: ee, getOptionId: te, selectedValueTitle: le, tags: ae, nmorphSelectDOMRef: _, optionsMinWidth: re, spaceHandler: () => {
+    const le = a(() => typeof l.value == "string" ? l.value === "" ? D.value : i.value.find((e) => e.value === l.value)?.label : i.value.find((e) => e.value === l.value)?.label), ae = a(() => i.value.length > 0 ? i.value.filter((n) => l.value.includes(n.value)).map((n) => ({ text: n.label, value: n.value })) : Array.isArray(l.value) ? l.value.map((n) => ({ text: n, value: n })) : [{ text: l.value, value: l.value }]);
+    M("select-selected-value", l), M("select-change-selected-value", H), M("select-height", se(t, "height"));
+    const B = d(null), re = a(
+      () => h.value ? `${B.value?.clientWidth || 0}px` : void 0
+    ), L = { t: $, props: t, computedNoElementPlaceholder: D, emit: m, initialValue: l, open: r, disabledInput: v, autoOptionsWidth: h, selectedLineOutset: g, id: y, name: k, autocomplete: W, tabindex: U, changeHandler: H, focus: p, focusHandler: z, blurHandler: F, modifiers: j, getCssSize: b, styles: Y, clickHandler: G, closeHandler: q, optionsMap: i, optionsDOMRef: x, slotDomOptions: I, renderedOptions: N, virtualEnabled: c, defaultOptionHeight: A, virtualItemHeight: E, virtualOverscan: V, virtualDynamicHeight: _, virtualList: s, virtualOptions: J, virtualSpacerStyle: K, virtualContentStyle: Q, virtualMaxHeight: X, refreshDomOptions: O, domOptions: o, nativeOptions: Z, currentIndex: u, currentFocusedEl: S, listboxId: ee, getOptionId: te, selectedValueTitle: le, tags: ae, nmorphSelectDOMRef: B, optionsMinWidth: re, spaceHandler: () => {
       v.value || (r.value = !r.value);
     }, arrowDownHandler: () => {
       v.value || o.value.length !== 0 && (r.value || (r.value = !0), u.value = (u.value + 1) % o.value.length);
@@ -151,21 +151,21 @@ const Pe = /* @__PURE__ */ ue({
     }, endHandler: () => {
       u.value = Math.max(o.value.length - 1, 0);
     }, get NmorphTagItem() {
-      return ge;
+      return ye;
     }, get NmorphIcon() {
-      return he;
+      return ge;
     }, get NmorphSelectOption() {
-      return me;
+      return he;
     }, get NmorphDropdown() {
-      return pe;
+      return me;
     }, get NmorphIconLoader() {
-      return He;
+      return be;
     }, get NmorphIconChevronDown() {
-      return ye;
+      return He;
     } };
-    return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
+    return Object.defineProperty(L, "__isScriptSetup", { enumerable: !1, value: !0 }), L;
   }
 });
 export {
-  Pe as default
+  ke as default
 };

package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue2.js

@@ -1,10 +1,10 @@
 import './NmorphSelectOption.css';
-import { defineComponent as h, inject as i, computed as o } from "vue";
-import { NmorphComponentHeight as v } from "../../../../../types/index.js";
-import { useModifiers as g } from "../../../../../utils/create-modifiers.js";
-import y from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-import S from "../../../../../assets/icons/success.svg.js";
-const C = /* @__PURE__ */ h({
+import { defineComponent as g, inject as l, computed as t } from "vue";
+import { NmorphComponentHeight as y } from "../../../../../types/index.js";
+import { useModifiers as S } from "../../../../../utils/create-modifiers.js";
+import b from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
+import q from "../../../../../assets/icons/success.svg.js";
+const I = /* @__PURE__ */ g({
   __name: "NmorphSelectOption",
   props: {
     value: { type: String, required: !0 },
@@ -15,36 +15,39 @@ const C = /* @__PURE__ */ h({
     id: { type: String, required: !1 },
     name: { type: String, required: !1 },
     autocomplete: { type: String, required: !1 },
-    height: { type: null, required: !1, default: "basic" },
+    height: { type: null, required: !1 },
     disabled: { type: Boolean, required: !1, default: !1 },
     tabindex: { type: Number, required: !1 }
   },
   emits: ["change-value"],
-  setup(n, { expose: s, emit: c }) {
-    s();
-    const r = i("select-selected-value"), t = i("select-change-selected-value"), e = n, l = c, d = () => {
-      e.disabled || (l("change-value", e.value), t && t(e.value));
-    }, a = o(() => typeof r?.value == "string" ? r.value === e.value : Array.isArray(r?.value) ? r.value.some((m) => m === e.value) : !1), p = o(
-      () => g({
-        nmorph: [v[e.height]],
+  setup(c, { expose: d, emit: p }) {
+    d();
+    const r = l("select-selected-value"), o = l("select-change-selected-value"), a = l(
+      "select-height",
+      void 0
+    ), e = c, i = p, f = () => {
+      e.disabled || (i("change-value", e.value), o && o(e.value));
+    }, u = t(() => typeof r?.value == "string" ? r.value === e.value : Array.isArray(r?.value) ? r.value.some((v) => v === e.value) : !1), s = t(() => e.height || a?.value || "basic"), h = t(
+      () => S({
+        nmorph: [y[s.value]],
         "nmorph-select-option": [
           `${e.disabled && "disabled"}`,
           `${e.label && "with-label"}`,
-          `${a.value && "checked"}`,
+          `${u.value && "checked"}`,
           `${e.focused && "focused"}`
         ]
       })
-    ), f = o(() => ({
+    ), m = t(() => ({
       ...e.hoverBackground !== void 0 && { "--hover-bg": e.hoverBackground },
       ...e.hoverColor !== void 0 && { "--hover-color": e.hoverColor }
-    })), u = { selectSelectedValue: r, selectChangeSelectedValue: t, props: e, emit: l, clickHandler: d, checked: a, modifiers: p, styles: f, get NmorphIcon() {
-      return y;
+    })), n = { selectSelectedValue: r, selectChangeSelectedValue: o, selectHeight: a, props: e, emit: i, clickHandler: f, checked: u, height: s, modifiers: h, styles: m, get NmorphIcon() {
+      return b;
     }, get NmorphIconSuccess() {
-      return S;
+      return q;
     } };
-    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
   }
 });
 export {
-  C as default
+  I as default
 };

package/dist/components/form/nmorph-time-picker/NmorphTimePicker.css

@@ -1 +1 @@
-.nmorph-time-picker{--width: 160px;position:relative;width:var(--width);height:var(--height)}.nmorph-time-picker .nmorph-time-picker__input{display:flex;align-items:center;height:100%;padding:0 var(--default-indentation-input);overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset);cursor:pointer}.nmorph-time-picker .nmorph-time-picker__native{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none}.nmorph-time-picker .nmorph-time-picker__clock-icon{flex:0 0 auto;margin-right:6px}.nmorph-time-picker .nmorph-time-picker__selected-value{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-time-picker .nmorph-time-picker__clear{display:inline-flex;flex:0 0 auto;justify-content:center;align-items:center;width:18px;height:18px;padding:0;color:var(--nmorph-text-color);background:transparent;border:0;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__panel{display:grid;grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr);gap:4px;padding:8px}.nmorph-time-picker .nmorph-time-picker__panel--with-seconds{grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr) auto minmax(48px,1fr)}.nmorph-time-picker .nmorph-time-picker__column{display:grid;max-height:220px;overflow-y:auto}.nmorph-time-picker .nmorph-time-picker__separator{display:flex;justify-content:center;align-items:center;color:var(--nmorph-semi-contrast-text-color);font-weight:700}.nmorph-time-picker .nmorph-time-picker__option{min-height:28px;padding:0 8px;color:var(--nmorph-text-color);background:transparent;border:0;border-radius:4px;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__option:hover,.nmorph-time-picker .nmorph-time-picker__option--active{color:var(--nmorph-focus-text-color);background:var(--nmorph-accent-color)}.nmorph-time-picker .nmorph-time-picker__option:disabled{cursor:not-allowed;opacity:.35}.nmorph-time-picker.nmorph-time-picker--open .nmorph-time-picker__input{box-shadow:var(--nmorph-shadow-inset)}.nmorph-time-picker.nmorph-time-picker--focus{outline:2px solid var(--nmorph-accent-color)}.nmorph-time-picker.nmorph-time-picker--placeholder .nmorph-time-picker__selected-value{color:var(--nmorph-placeholder-text-color)}.nmorph-time-picker.nmorph-time-picker--disabled{cursor:not-allowed;opacity:.6}.nmorph-time-picker.nmorph-time-picker--disabled .nmorph-time-picker__input{pointer-events:none}
+.nmorph-time-picker{--width: 160px;position:relative;width:var(--width);height:var(--height)}.nmorph-time-picker .nmorph-time-picker__input{display:flex;align-items:center;height:100%;padding:0 var(--default-indentation-input);overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset);cursor:pointer}.nmorph-time-picker .nmorph-time-picker__native{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none}.nmorph-time-picker .nmorph-time-picker__clock-icon{flex:0 0 auto;margin-right:6px}.nmorph-time-picker .nmorph-time-picker__selected-value{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-time-picker .nmorph-time-picker__clear{display:inline-flex;flex:0 0 auto;justify-content:center;align-items:center;width:18px;height:18px;padding:0;color:var(--nmorph-text-color);background:transparent;border:0;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__panel{display:grid;grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr);gap:4px;padding:8px}.nmorph-time-picker .nmorph-time-picker__panel--with-seconds{grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr) auto minmax(48px,1fr)}.nmorph-time-picker .nmorph-time-picker__column{display:grid;max-height:220px;overflow-y:auto}.nmorph-time-picker .nmorph-time-picker__separator{display:flex;justify-content:center;align-items:center;color:var(--nmorph-semi-contrast-text-color);font-weight:700}.nmorph-time-picker .nmorph-time-picker__option{padding:0 8px;color:var(--nmorph-text-color);background:transparent;border:0;border-radius:4px;cursor:pointer}.nmorph-time-picker .nmorph-time-picker__option:hover,.nmorph-time-picker .nmorph-time-picker__option--active{color:var(--nmorph-focus-text-color);background:var(--nmorph-accent-color)}.nmorph-time-picker .nmorph-time-picker__option:disabled{cursor:not-allowed;opacity:.35}.nmorph-time-picker.nmorph-time-picker--open .nmorph-time-picker__input{box-shadow:var(--nmorph-shadow-inset)}.nmorph-time-picker.nmorph-time-picker--focus{outline:2px solid var(--nmorph-accent-color)}.nmorph-time-picker.nmorph-time-picker--placeholder .nmorph-time-picker__selected-value{color:var(--nmorph-placeholder-text-color)}.nmorph-time-picker.nmorph-time-picker--disabled{cursor:not-allowed;opacity:.6}.nmorph-time-picker.nmorph-time-picker--disabled .nmorph-time-picker__input{pointer-events:none}