@nmorph/nmorph-ui-kit 2.2.53 → 2.2.54

package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue2.js

@@ -1,115 +0,0 @@
-import './NmorphAutocomplete.css';
-import { defineComponent as K, ref as s, computed as l, watch as c, nextTick as Q } from "vue";
-import { useModifiers as M } from "../../../utils/create-modifiers.js";
-import { getNmorphOptionHeight as W, toCssSize as X, resolveDomElement as Y } from "../../../utils/common.js";
-import { useZIndex as ee } from "../../../hooks/use-z-index.js";
-import { useVirtualList as te } from "../../../hooks/use-virtual-list.js";
-import { useFormItemModel as ae } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as le } from "../../../types/common.types.js";
-import re from "../nmorph-text-input/NmorphTextInput.vue.js";
-import oe from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
-import ue from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import ne from "../../../assets/icons/loader.svg.js";
-const Ie = /* @__PURE__ */ K({
-  __name: "NmorphAutocomplete",
-  props: {
-    modelValue: { type: String, required: !1, default: "" },
-    placeholder: { type: String, required: !1, default: "" },
-    clearable: { type: Boolean, required: !1, default: !0 },
-    list: { type: Array, required: !0, default: () => [] },
-    actionCallback: { type: Function, required: !1, default: void 0 },
-    zIndex: { type: Number, required: !1, default: void 0 },
-    virtual: { type: Boolean, required: !1, default: !1 },
-    virtualItemHeight: { type: Number, required: !1, default: void 0 },
-    virtualMaxHeight: { type: [Number, String], required: !1, default: 240 },
-    virtualOverscan: { type: Number, required: !1, default: 5 },
-    virtualDynamicHeight: { type: Boolean, required: !1, default: !1 },
-    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", "select"],
-  setup(O, { expose: L, emit: V }) {
-    L();
-    const t = O, p = V, { modelValue: m, updateModelValue: v } = ae(
-      t,
-      (e) => p("update:model-value", e),
-      ""
-    ), o = s(m.value), A = l(
-      () => M({
-        "nmorph-autocomplete": [a.value && "open"]
-      })
-    ), i = s(!1), b = (e) => {
-      i.value = e === "", o.value = e, a.value = !i.value && r.value.length > 0, u.value = 0, v(o.value);
-    }, T = l({
-      get: () => o.value,
-      set: b
-    }), a = s(!1), z = s(null), x = () => {
-      i.value = !0, a.value = !1;
-    }, r = l(() => t.list.filter((e) => Object.keys(e).some((I) => String(e[I]).toLowerCase().includes(o.value.toLowerCase())))), f = l(() => t.virtual && r.value.length > 0), H = l(() => t.virtualItemHeight || W(t.height)), q = l(() => t.virtualOverscan), N = l(() => t.virtualDynamicHeight), n = te(r, {
-      enabled: f,
-      itemHeight: H,
-      overscan: q,
-      dynamic: N
-    }), B = l(() => n.virtualItems.value), E = n.spacerStyle, $ = n.contentStyle, j = l(() => X(t.virtualMaxHeight)), u = s(0), h = l(() => r.value[u.value]), g = l(() => `${t.id || t.name || "nmorph-autocomplete"}-listbox`), D = (e) => `${g.value}-option-${e}`;
-    c(m, (e) => {
-      e !== o.value && (o.value = e);
-    }), c(r, async (e) => {
-      a.value = !i.value && o.value !== "" && e.length > 0, u.value = 0, await Q(), n.scrollToIndex(0), n.refresh();
-    });
-    const y = (e) => {
-      p("select", e), o.value = e.value, v(o.value), setTimeout(() => {
-        i.value = !0, a.value = !1;
-      });
-    }, F = (e) => {
-      y(e);
-    }, R = () => {
-      i.value = !1, a.value = r.value.length > 0;
-    }, d = s(!1);
-    c(o, async (e) => {
-      e !== "" && t.actionCallback && (d.value = !0, await t.actionCallback(), d.value = !1);
-    }), c(d, (e) => {
-      e && (a.value = !0);
-    }), c(u, (e) => {
-      f.value && n.scrollToIndex(e);
-    });
-    const S = () => {
-      r.value.length && (a.value = !0, u.value = (u.value + 1) % r.value.length);
-    }, w = () => {
-      r.value.length && (a.value = !0, u.value = (u.value - 1 + r.value.length) % r.value.length);
-    }, k = () => {
-      !a.value || !h.value || y(h.value);
-    }, U = (e) => {
-      e.key === "ArrowDown" ? (e.preventDefault(), S()) : e.key === "ArrowUp" ? (e.preventDefault(), w()) : e.key === "Enter" ? (e.preventDefault(), k()) : e.key === "Escape" && (e.preventDefault(), x());
-    }, Z = l(() => ({
-      role: "combobox",
-      "aria-autocomplete": "list",
-      "aria-expanded": a.value,
-      "aria-controls": g.value,
-      "aria-activedescendant": a.value ? D(u.value) : void 0
-    })), P = (e, I) => {
-      n.measureElement(I, Y(e));
-    }, C = ee(a, () => t.zIndex), G = l(() => ({
-      "--nmorph-autocomplete-input-z-index": C.value + 1
-    })), J = l(
-      () => M({
-        nmorph: [le[t.height]]
-      })
-    ), _ = { props: t, emit: p, modelValue: m, updateModelValue: v, initialValue: o, modifiers: A, userClosed: i, updateValueHandler: b, inputValue: T, open: a, nmorphAutocompleteDOMRef: z, closeHandler: x, filteredList: r, virtualEnabled: f, virtualItemHeight: H, virtualOverscan: q, virtualDynamicHeight: N, virtualList: n, virtualItems: B, virtualSpacerStyle: E, virtualContentStyle: $, virtualMaxHeight: j, currentIndex: u, activeItem: h, listboxId: g, getOptionId: D, selectItem: y, clickHandler: F, focusHandler: R, loader: d, arrowDownHandler: S, arrowUpHandler: w, enterHandler: k, keydownHandler: U, inputAttrs: Z, setVirtualItemRef: P, dropdownZIndex: C, styles: G, optionHeightModifiers: J, get NmorphIcon() {
-      return ue;
-    }, get NmorphDropdown() {
-      return oe;
-    }, get NmorphTextInput() {
-      return re;
-    }, get NmorphIconLoaderDots() {
-      return ne;
-    } };
-    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
-  }
-});
-export {
-  Ie as default
-};

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

@@ -1,57 +0,0 @@
-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.vue2.js

@@ -1,51 +0,0 @@
-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.vue2.js

@@ -1,77 +0,0 @@
-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
-};

package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue2.js

@@ -1,102 +0,0 @@
-import './NmorphDatePicker.css';
-import { defineComponent as k, computed as a, ref as u, watch as V } from "vue";
-import { useModifiers as B } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as M } from "../../../utils/common.js";
-import P from "./inner-components/nmorph-clear-button/NmorphClearButton.vue.js";
-import j from "./inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.js";
-import { useI18n as z } from "vue-i18n";
-import { useFormItemInput as L, useFormItemModel as R } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as T } from "../../../types/common.types.js";
-import { formatDate as m } from "../../data/nmorph-calendar/utils.js";
-import E from "../../../assets/icons/calendar.svg.js";
-import G from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import J from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
-const le = /* @__PURE__ */ k({
-  __name: "NmorphDatePicker",
-  props: {
-    placeholder: { type: String, required: !1, default: "" },
-    modelValue: { type: [Date, Array, null], required: !1, default: null },
-    type: { type: null, required: !1, default: "date" },
-    textSeparator: { type: String, required: !1, default: "-" },
-    initialDate: { type: Date, required: !1, default: () => /* @__PURE__ */ new Date() },
-    zIndex: { type: Number, required: !1, default: void 0 },
-    dateLocale: { type: [String, Array], required: !1, default: void 0 },
-    dateFormatOptions: { type: null, required: !1, default: void 0 },
-    dateFormat: { type: String, required: !1, default: "" },
-    dateFormatter: { type: Function, required: !1, default: void 0 },
-    valueSeparator: { type: String, required: !1, default: ", " },
-    rangeSeparator: { type: String, required: !1, default: " - " },
-    width: { type: [Number, String], required: !1, default: void 0 },
-    calendarCellHeight: { type: [Number, String], required: !1, default: void 0 },
-    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"],
-  setup(c, { expose: y, emit: v }) {
-    y();
-    const { t: s } = z(), e = c, { id: h, name: g, autocomplete: q } = L(e), n = a(() => e.placeholder ? e.placeholder : s("pickADate")), p = v, { modelValue: d, updateModelValue: i } = R(
-      e,
-      (r) => p("update:model-value", r),
-      null
-    ), t = u(d.value), l = u(!1), S = () => {
-      l.value = !0;
-    }, N = () => {
-      l.value = !1;
-    }, b = a(
-      () => B({
-        nmorph: [T[e.height]],
-        "nmorph-date-picker": [e.disabled && "disabled", e.type, l.value && "focus"]
-      })
-    ), D = a(
-      () => M({
-        "--width": e.width,
-        "--date-picker-calendar-cell-height": e.calendarCellHeight
-      })
-    ), o = u(!1), C = u(null), I = () => {
-      o.value = !1;
-    }, _ = () => {
-      o.value = !o.value;
-    }, A = a(() => {
-      if (!t.value) return n.value;
-      const r = {
-        locale: e.dateLocale,
-        options: e.dateFormatOptions,
-        format: e.dateFormat,
-        formatter: e.dateFormatter
-      };
-      if (Array.isArray(t.value)) {
-        if (t.value.length === 0) return n.value;
-        const x = m(t.value, r), O = e.type === "daterange" ? e.rangeSeparator : e.valueSeparator;
-        return x.join(O);
-      } else
-        return m(t.value, r);
-    }), F = () => {
-      const r = Array.isArray(t.value) ? [] : null;
-      t.value = r, i(t.value);
-    }, w = (r) => {
-      t.value = r, i(t.value);
-    };
-    V(
-      d,
-      (r) => {
-        t.value = r;
-      },
-      { deep: !0 }
-    );
-    const H = a(() => Array.isArray(t.value) ? t.value.length > 0 : !!t.value), f = { t: s, props: e, id: h, name: g, autocomplete: q, placeholderText: n, emit: p, modelValue: d, updateModelValue: i, selectedDate: t, focus: l, focusHandler: S, blurHandler: N, modifiers: b, styles: D, open: o, nmorphInputDOMRef: C, closeHandler: I, toggleOpen: _, displayValue: A, clearHandler: F, updateSelectedDateHandler: w, showClearButton: H, get NmorphDropdown() {
-      return J;
-    }, get NmorphIcon() {
-      return G;
-    }, get NmorphIconCalendar() {
-      return E;
-    }, NmorphClearButton: P, NmorphDatePickerContent: j };
-    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
-  }
-});
-export {
-  le as default
-};

package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue2.js

@@ -1,38 +0,0 @@
-import './NmorphDatePickerHeader.css';
-import { defineComponent as u, computed as h } from "vue";
-import { useModifiers as i } from "../../../../../utils/create-modifiers.js";
-import a from "../../../../../assets/icons/chevron-double-down.svg.js";
-import c from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-import s from "../../../../basic/nmorph-button/NmorphButton.vue.js";
-import { getMonthName as f } from "../../../../data/nmorph-calendar/utils.js";
-import N from "../../../../../assets/icons/chevron-down.svg.js";
-const l = /* @__PURE__ */ u({
-  __name: "NmorphDatePickerHeader",
-  props: {
-    year: { type: Number, required: !0 },
-    month: { type: Number, required: !0 }
-  },
-  emits: ["prev-month", "next-month", "prev-year", "next-year", "change-year", "change-month"],
-  setup(r, { expose: o, emit: t }) {
-    o();
-    const n = r, m = t, p = h(
-      () => i({
-        "nmorph-date-picker-header": []
-      })
-    ), e = { props: n, emit: m, modifiers: p, get NmorphButton() {
-      return s;
-    }, get NmorphIcon() {
-      return c;
-    }, get NmorphIconChevronDoubleDown() {
-      return a;
-    }, get NmorphIconChevronDown() {
-      return N;
-    }, get getMonthName() {
-      return f;
-    } };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
-});
-export {
-  l as default
-};

package/dist/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue2.js

@@ -1,77 +0,0 @@
-import './NmorphYearMonthPicker.css';
-import { defineComponent as Y, ref as p, watch as _, computed as c } from "vue";
-import { useModifiers as k } from "../../../../../utils/create-modifiers.js";
-import { useCalendarTexts as C } from "../../../../data/nmorph-calendar/hooks/use-calendar-texts.js";
-import { getDecadeYears as I } from "../../../../data/nmorph-calendar/utils.js";
-import M from "../../../../others/nmorph-divider/NmorphDivider.vue.js";
-import x from "../../../nmorph-radio-group/NmorphRadioGroup.vue.js";
-import w from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-import F from "../../../../basic/nmorph-button/NmorphButton.vue.js";
-import H from "../../../../../assets/icons/chevron-down.svg.js";
-const z = /* @__PURE__ */ Y({
-  __name: "NmorphYearMonthPicker",
-  props: {
-    currentDate: { type: Date, required: !0 },
-    type: { type: String, required: !1, default: "month" }
-  },
-  emits: ["update-year", "update-month", "back-to-years"],
-  setup(f, { expose: g, emit: y }) {
-    g();
-    const { months: m } = C(), d = m.map((t, n) => ({
-      label: t.substring(0, 3),
-      value: String(n),
-      tabindex: -1
-    })), e = f, r = p(d), o = p(String(e.currentDate.getMonth())), a = p(e.currentDate.getFullYear()), v = () => {
-      const t = e.currentDate.getFullYear(), n = I(t).map((u) => ({ label: String(u), value: String(u) }));
-      r.value = n;
-    };
-    _(
-      () => e.currentDate,
-      () => {
-        e.type === "year" && (v(), o.value = String(e.currentDate.getFullYear()));
-      },
-      {
-        immediate: !0,
-        deep: !0
-      }
-    );
-    const l = y, b = c(
-      () => k({
-        "nmorph-year-month-picker": []
-      })
-    ), D = c({
-      get: () => o.value,
-      set: (t) => {
-        o.value = t, e.type === "month" ? l("update-month", o.value) : l("update-year", o.value);
-      }
-    }), s = (t) => {
-      r.value = r.value.map((n) => {
-        const u = String(t === "decrease" ? Number(n.value) - 10 : Number(n.value) + 10);
-        return {
-          label: u,
-          value: u
-        };
-      });
-    }, i = (t) => {
-      t === "decrease" ? a.value = a.value - 1 : a.value = a.value + 1, l("update-year", String(a.value));
-    }, N = (t) => {
-      t === "decrease" ? e.type === "year" ? s("decrease") : i("decrease") : e.type === "year" ? s("increase") : i("increase");
-    }, S = c(() => e.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(a.value)), h = { months: m, initialMonthData: d, props: e, values: r, selectedValue: o, selectedYear: a, setInitialYearsData: v, emit: l, modifiers: b, selectedValueModel: D, updateYearValues: s, updateYear: i, buttonClickHandler: N, value: S, goToYearsHandler: () => {
-      e.type === "month" && l("back-to-years");
-    }, get NmorphButton() {
-      return F;
-    }, get NmorphIcon() {
-      return w;
-    }, get NmorphRadioGroup() {
-      return x;
-    }, get NmorphDivider() {
-      return M;
-    }, get NmorphIconChevronDown() {
-      return H;
-    } };
-    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
-  }
-});
-export {
-  z as default
-};

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

@@ -1,139 +0,0 @@
-import './NmorphFileUpload.css';
-import { defineComponent as D, computed as y, inject as z, ref as V, watch as $, onBeforeUnmount as G } from "vue";
-import { useModifiers as H } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as J } from "../../../utils/common.js";
-import { getFileAcceptValue as K, isImageFile as q, isFileAllowedByTypes as Q, getFileExtension as A, isVideoFile as X, isAudioFile as Y } from "../../../utils/file-types.js";
-import { useI18n as Z } from "vue-i18n";
-import { useFormItemInput as ee, useFormItemModel as te } from "../nmorph-form/use-form-item-input.js";
-import re from "../../data/nmorph-video-preview/NmorphVideoPreview.vue.js";
-import oe from "../../data/nmorph-image-preview/NmorphImagePreview.vue.js";
-import ie from "../../data/nmorph-file-card/NmorphFileCard.vue.js";
-import ae from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import le from "../../basic/nmorph-button/NmorphButton.vue.js";
-import ne from "../../data/nmorph-audio-preview/NmorphAudioPreview.vue.js";
-import se from "../../../assets/icons/image.svg.js";
-import ue from "../../../assets/icons/cross.svg.js";
-const xe = /* @__PURE__ */ D({
-  __name: "NmorphFileUpload",
-  props: {
-    id: { type: String, required: !1 },
-    name: { type: String, required: !1 },
-    autocomplete: { type: String, required: !1 },
-    tabindex: { type: Number, required: !1 },
-    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: () => [] },
-    photoWithPreview: { type: Boolean, required: !1, default: !0 },
-    buttonText: { type: String, required: !1, default: "" },
-    compact: { type: Boolean, required: !1, default: !1 },
-    layout: { type: String, required: !1, default: "list" },
-    fileNameWidth: { type: [Number, String], required: !1, default: void 0 }
-  },
-  emits: ["update:model-value", "on-unsupported-file-type-error", "on-file-validation-error"],
-  setup(S, { expose: U, emit: _ }) {
-    const { t: I } = Z(), t = S, m = _, B = y(() => t.buttonText ? t.buttonText : I("selectFile")), { id: p, name: R, autocomplete: T, tabindex: C } = ee(t), { modelValue: F, updateModelValue: b } = te(
-      t,
-      (e) => m("update:model-value", e),
-      []
-    ), c = z("form-data", void 0), E = y(() => K(t.allowedTypes)), j = (e) => t.photoWithPreview && q(e), n = V(null), a = V([...F.value]), l = /* @__PURE__ */ new Set(), f = () => {
-      const e = n.value;
-      e && (e.value = "");
-    }, v = (e) => {
-      l.has(e) && (URL.revokeObjectURL(e), l.delete(e));
-    }, w = (e) => {
-      const r = new Set(e.map((i) => i.previewUrl));
-      Array.from(l).forEach((i) => {
-        r.has(i) || v(i);
-      });
-    }, N = (e) => {
-      const r = [...e];
-      a.value = r, b(r);
-    }, x = (e) => {
-      const r = c?.validateField(p.value, e);
-      return {
-        valid: r?.valid.value ?? !0,
-        errors: r?.errors.value ?? []
-      };
-    }, k = () => {
-      t.disabled || !n.value || n.value.click();
-    }, L = (e) => {
-      if (t.disabled) return;
-      const r = e.target, i = Array.from(r.files || []), h = t.multiple ? i : i.slice(0, 1), s = [];
-      if (h.forEach((o) => {
-        if (!Q(o, t.allowedTypes)) {
-          m("on-unsupported-file-type-error", o.type || A(o.name) || o.name);
-          return;
-        }
-        const u = t.multiple ? [...a.value.map((g) => g.data), ...s, o] : [o], d = x(u);
-        if (!d.valid) {
-          m("on-file-validation-error", { file: o, errors: d.errors });
-          return;
-        }
-        s.push(o);
-      }), f(), s.length > 0) {
-        const o = s.map((d) => {
-          const g = URL.createObjectURL(d);
-          return l.add(g), { data: d, previewUrl: g };
-        }), u = t.multiple ? [...a.value, ...o] : o;
-        w(u), N(u), c?.validateField(p.value, u);
-      }
-    }, M = (e) => {
-      if (t.disabled) return;
-      const r = a.value.findIndex((i) => i.data.name === e);
-      if (r !== -1) {
-        const i = a.value[r];
-        v(i.previewUrl), f();
-        const h = a.value.filter((s, o) => o !== r);
-        N(h), c?.validateField(p.value, h);
-      }
-    };
-    $(
-      F,
-      (e) => {
-        const r = [...e];
-        w(r), a.value = r, r.length === 0 && f();
-      },
-      { deep: !0 }
-    ), G(() => {
-      Array.from(l).forEach((e) => v(e));
-    }), U({ inputDOMRef: n });
-    const O = y(
-      () => H({
-        "nmorph-file-upload": [t.disabled && "disabled", t.compact && "compact", `layout-${t.layout}`]
-      })
-    ), W = y(
-      () => J({
-        "--nmorph-file-upload-name-width": t.fileNameWidth
-      })
-    ), P = { t: I, props: t, emit: m, computedButtonText: B, id: p, name: R, autocomplete: T, tabindex: C, modelValue: F, updateModelValue: b, formData: c, inputAccept: E, showImagePreview: j, inputDOMRef: n, files: a, createdPreviewUrls: l, resetInputValue: f, revokePreviewUrl: v, revokeRemovedPreviewUrls: w, filesChanged: N, getFormValidationResult: x, openFileSelector: k, handleFileUpload: L, removeFile: M, modifiers: O, styles: W, get NmorphAudioPreview() {
-      return ne;
-    }, get NmorphButton() {
-      return le;
-    }, get NmorphIconCross() {
-      return ue;
-    }, get NmorphIcon() {
-      return ae;
-    }, get NmorphFileCard() {
-      return ie;
-    }, get NmorphIconImage() {
-      return se;
-    }, get NmorphImagePreview() {
-      return oe;
-    }, get NmorphVideoPreview() {
-      return re;
-    }, get getFileExtension() {
-      return A;
-    }, get isAudioFile() {
-      return Y;
-    }, get isImageFile() {
-      return q;
-    }, get isVideoFile() {
-      return X;
-    } };
-    return Object.defineProperty(P, "__isScriptSetup", { enumerable: !1, value: !0 }), P;
-  }
-});
-export {
-  xe as default
-};