@nmorph/nmorph-ui-kit 2.2.15 → 2.2.17

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

@@ -1,24 +1,30 @@
 import './NmorphDatePicker.css';
 import { defineComponent as H, computed as l, ref as u } from "vue";
-import { useModifiers as k } from "../../../utils/create-modifiers.js";
-import { NmorphComponentHeight as w } from "../../../types/index.js";
-import B from "./inner-components/nmorph-clear-button/NmorphClearButton.vue.js";
-import O from "./inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.js";
+import { useModifiers as O } from "../../../utils/create-modifiers.js";
+import { NmorphComponentHeight as k } from "../../../types/index.js";
+import w from "./inner-components/nmorph-clear-button/NmorphClearButton.vue.js";
+import B from "./inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.js";
 import { useI18n as P } from "vue-i18n";
 import { useFormItemInput as V } from "../nmorph-form/use-form-item-input.js";
-import { formatDateIntl as d } from "../../data/nmorph-calendar/utils.js";
+import { formatDate as s } from "../../data/nmorph-calendar/utils.js";
 import j from "../../../assets/icons/calendar.svg.js";
-import M from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import R from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
-const W = /* @__PURE__ */ H({
+import L from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import M from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
+const X = /* @__PURE__ */ H({
   __name: "NmorphDatePicker",
   props: {
     placeholder: { type: String, required: !1, default: "" },
-    modelValue: { type: [Date, Array], required: !0, default: null },
+    modelValue: { type: [Date, Array, null], required: !0, 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: " - " },
     id: { type: String, required: !1 },
     name: { type: String, required: !1 },
     autocomplete: { type: String, required: !1 },
@@ -29,42 +35,48 @@ const W = /* @__PURE__ */ H({
   emits: ["update:model-value"],
   setup(m, { expose: f, emit: c }) {
     f();
-    const { t: s } = P(), r = m, { id: v, name: h, autocomplete: y } = V(r), n = l(() => r.placeholder ? r.placeholder : s("pickADate")), e = u(r.modelValue), p = c, a = u(!1), g = () => {
+    const { t: p } = P(), e = m, { id: y, name: v, autocomplete: h } = V(e), n = l(() => e.placeholder ? e.placeholder : p("pickADate")), t = u(e.modelValue), d = c, a = u(!1), g = () => {
       a.value = !0;
-    }, D = () => {
+    }, q = () => {
       a.value = !1;
-    }, q = l(
-      () => k({
-        nmorph: [w[r.height]],
-        "nmorph-date-picker": [`${r.disabled && "disabled"}`, r.type, `${a.value && "focus"}`]
+    }, S = l(
+      () => O({
+        nmorph: [k[e.height]],
+        "nmorph-date-picker": [`${e.disabled && "disabled"}`, e.type, `${a.value && "focus"}`]
       })
-    ), o = u(!1), N = u(null), b = () => {
+    ), o = u(!1), D = u(null), N = () => {
       o.value = !1;
-    }, I = () => {
+    }, b = () => {
       o.value = !o.value;
     }, _ = l(() => {
-      if (!e.value) return n.value;
-      if (Array.isArray(e.value)) {
-        if (e.value.length === 0) return n.value;
-        const t = d(e.value), x = r.type === "daterange" ? " - " : ", ";
-        return t.join(x);
+      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 C = s(t.value, r), x = e.type === "daterange" ? e.rangeSeparator : e.valueSeparator;
+        return C.join(x);
       } else
-        return d(e.value);
-    }), S = () => {
-      const t = Array.isArray(e.value) ? [] : null;
-      e.value = t, p("update:model-value", e.value);
-    }, A = (t) => {
-      e.value = t, p("update:model-value", e.value);
-    }, C = l(() => Array.isArray(e.value) ? e.value.length > 0 : !!e.value), i = { t: s, props: r, id: v, name: h, autocomplete: y, placeholderText: n, selectedDate: e, emit: p, focus: a, focusHandler: g, blurHandler: D, modifiers: q, open: o, nmorphInputDOMRef: N, closeHandler: b, toggleOpen: I, displayValue: _, clearHandler: S, updateSelectedDateHandler: A, showClearButton: C, get NmorphDropdown() {
-      return R;
-    }, get NmorphIcon() {
+        return s(t.value, r);
+    }), A = () => {
+      const r = Array.isArray(t.value) ? [] : null;
+      t.value = r, d("update:model-value", t.value);
+    }, I = (r) => {
+      t.value = r, d("update:model-value", t.value);
+    }, F = l(() => Array.isArray(t.value) ? t.value.length > 0 : !!t.value), i = { t: p, props: e, id: y, name: v, autocomplete: h, placeholderText: n, selectedDate: t, emit: d, focus: a, focusHandler: g, blurHandler: q, modifiers: S, open: o, nmorphInputDOMRef: D, closeHandler: N, toggleOpen: b, displayValue: _, clearHandler: A, updateSelectedDateHandler: I, showClearButton: F, get NmorphDropdown() {
       return M;
+    }, get NmorphIcon() {
+      return L;
     }, get NmorphIconCalendar() {
       return j;
-    }, NmorphClearButton: B, NmorphDatePickerContent: O };
+    }, NmorphClearButton: w, NmorphDatePickerContent: B };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
 export {
-  W as default
+  X as default
 };

package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue2.js

@@ -7,7 +7,7 @@ const O = /* @__PURE__ */ H({
   __name: "NmorphDatePickerContent",
   props: {
     initialDate: { type: Date, required: !1, default: () => /* @__PURE__ */ new Date() },
-    selectedValues: { type: [Date, Array], required: !0 },
+    selectedValues: { type: [Date, Array, null], required: !0 },
     type: { type: null, required: !1, default: "date" }
   },
   emits: ["update-selected-value"],

package/dist/components/form/nmorph-form/use-form-item-input.js

@@ -1,15 +1,14 @@
-import { inject as i, computed as e } from "vue";
-import { generateUUID as r } from "../../../utils/common.js";
-const d = "nmorph-form-item-input-data", p = (t) => {
-  const o = i(d, void 0), a = r(), n = e(() => t.id || o?.id.value || a), m = e(() => t.name || o?.name.value || n.value), c = e(() => t.autocomplete || o?.autocomplete.value || void 0), u = e(() => t.tabindex ?? 0);
+import { inject as d, useId as i, computed as e } from "vue";
+const l = "nmorph-form-item-input-data", I = (t) => {
+  const o = d(l, void 0), a = `nmorph-${i()}`, n = e(() => t.id || o?.id.value || a), m = e(() => t.name || o?.name.value || n.value), u = e(() => t.autocomplete || o?.autocomplete.value || void 0), c = e(() => t.tabindex ?? 0);
   return {
     id: n,
     name: m,
-    autocomplete: c,
-    tabindex: u
+    autocomplete: u,
+    tabindex: c
   };
 };
 export {
-  d as nmorphFormItemInputDataKey,
-  p as useFormItemInput
+  l as nmorphFormItemInputDataKey,
+  I as useFormItemInput
 };

package/dist/components/form/nmorph-select/NmorphSelect.css

@@ -1 +1 @@
-.nmorph-select{--base-width: 200px;width:var(--base-width);height:var(--height);cursor:pointer}.nmorph-select .nmorph-select__content{position:relative;height:100%;background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-select .nmorph-select__selected-values-line{display:flex;justify-content:space-between;align-items:center;height:100%;padding:var(--indentation-00) var(--default-indentation-input);border-radius:var(--default-border-radius)}.nmorph-select .nmorph-select__selected-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-select select,.nmorph-select option{position:absolute;width:0;height:0;padding:0;border:none;opacity:0}.nmorph-select.nmorph-select--loading .nmorph-select__options{display:flex;justify-content:center;padding:16px}.nmorph-select.nmorph-select--disabled{cursor:not-allowed;opacity:.6}.nmorph-select.nmorph-select--fill{width:100%}.nmorph-select.nmorph-select--options-auto-width .nmorph-select__options{width:max-content;max-width:calc(100vw - var(--indentation-02) * 2)}.nmorph-select .nmorph-select__virtual-list{overflow-y:auto}.nmorph-select .nmorph-select__virtual-spacer{position:relative}.nmorph-select .nmorph-select__virtual-content{position:absolute;top:0;right:0;left:0}.nmorph-select.nmorph-select--open .nmorph-select__chevron{transform:rotate(180deg)}.nmorph-select.nmorph-select--open .nmorph-select__content{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-select.nmorph-select--selected-line-outset .nmorph-select__content{background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-select.nmorph-select--focus{outline:2px solid var(--nmorph-accent-color)}.nmorph-select.nmorph-select--focus .nmorph-select__content{box-shadow:none}
+.nmorph-select{--base-width: 200px;width:var(--base-width);height:var(--height);cursor:pointer}.nmorph-select .nmorph-select__content{position:relative;height:100%;background:var(--nmorph-main-color);box-shadow:var(--nmorph-shadow-outset)}.nmorph-select .nmorph-select__selected-values-line{display:flex;justify-content:space-between;align-items:center;height:100%;padding:var(--indentation-00) var(--default-indentation-input);border-radius:var(--default-border-radius)}.nmorph-select .nmorph-select__selected-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-select select,.nmorph-select option{position:absolute;width:0;height:0;padding:0;border:none;opacity:0}.nmorph-select.nmorph-select--loading .nmorph-select__options{display:flex;justify-content:center;padding:16px}.nmorph-select.nmorph-select--disabled{cursor:not-allowed;opacity:.6}.nmorph-select.nmorph-select--fill{width:100%}.nmorph-select.nmorph-select--options-auto-width .nmorph-select__options{width:max-content;max-width:calc(100vw - var(--indentation-02) * 2)}.nmorph-select .nmorph-select__virtual-list{overflow-y:auto}.nmorph-select .nmorph-select__virtual-spacer{position:relative}.nmorph-select .nmorph-select__virtual-content{position:absolute;top:0;right:0;left:0}.nmorph-select.nmorph-select--open .nmorph-select__chevron{transform:rotate(180deg)}.nmorph-select.nmorph-select--open .nmorph-select__content{background:var(--nmorph-main-color);box-shadow:var(--nmorph-shadow-inset)}.nmorph-select.nmorph-select--selected-line-outset .nmorph-select__content{background:var(--nmorph-main-color);box-shadow:var(--nmorph-shadow-outset)}.nmorph-select.nmorph-select--focus{outline:2px solid var(--nmorph-accent-color)}.nmorph-select.nmorph-select--focus .nmorph-select__content{box-shadow:none}

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

@@ -1,9 +1,9 @@
 import './NmorphSelect.css';
-import y from "./NmorphSelect.vue2.js";
-import { openBlock as o, createElementBlock as r, normalizeClass as g, createElementVNode as t, withKeys as a, Fragment as i, renderList as c, withModifiers as u, toDisplayString as _, createBlock as n, mergeProps as d, createVNode as v, withCtx as h, normalizeStyle as s, renderSlot as w, createCommentVNode as k } from "vue";
+import w from "./NmorphSelect.vue2.js";
+import { openBlock as r, createElementBlock as n, normalizeClass as x, createElementVNode as t, withKeys as a, withModifiers as l, Fragment as d, renderList as c, toDisplayString as _, createBlock as i, mergeProps as h, createVNode as f, withCtx as m, normalizeStyle as s, renderSlot as b, createCommentVNode as k } from "vue";
 /* empty css                  */
-import x from "../../../_virtual/_plugin-vue_export-helper.js";
-const N = { class: "nmorph-select__content" }, S = ["id", "name", "autocomplete", "tabindex", "disabled"], b = ["value"], H = {
+import H from "../../../_virtual/_plugin-vue_export-helper.js";
+const N = { class: "nmorph-select__content" }, S = ["id", "name", "autocomplete", "tabindex", "disabled", "aria-expanded", "aria-controls", "aria-activedescendant", "onKeydown"], u = ["value"], I = {
   key: 0,
   class: "nmorph-select__selected-value"
 }, O = {
@@ -12,15 +12,12 @@ const N = { class: "nmorph-select__content" }, S = ["id", "name", "autocomplete"
 }, C = {
   key: 2,
   class: "nmorph-select__selected-value"
-}, D = {
-  ref: "optionsDOMRef",
-  class: "nmorph-select__options"
-};
-function I(f, m, p, e, M, z) {
-  return o(), r(
+}, D = ["id"];
+function E(p, v, y, e, M, R) {
+  return r(), n(
     "div",
     {
-      class: g(e.modifiers)
+      class: x(e.modifiers)
     },
     [
       t("div", N, [
@@ -30,22 +27,29 @@ function I(f, m, p, e, M, z) {
           autocomplete: e.autocomplete,
           tabindex: e.tabindex,
           disabled: e.disabledInput,
+          role: "combobox",
+          "aria-expanded": e.open,
+          "aria-controls": e.listboxId,
+          "aria-activedescendant": e.open && e.currentFocusedEl ? e.getOptionId(e.currentFocusedEl) : void 0,
           onFocus: e.focusHandler,
           onBlur: e.blurHandler,
           onKeydown: [
-            a(e.spaceHandler, ["space"]),
-            a(e.arrowDownHandler, ["arrow-down"]),
-            a(e.arrowUpHandler, ["arrow-up"]),
-            a(e.enterHandler, ["enter"])
+            a(l(e.spaceHandler, ["prevent"]), ["space"]),
+            a(l(e.arrowDownHandler, ["prevent"]), ["arrow-down"]),
+            a(l(e.arrowUpHandler, ["prevent"]), ["arrow-up"]),
+            a(l(e.enterHandler, ["prevent"]), ["enter"]),
+            a(l(e.escapeHandler, ["prevent"]), ["escape"]),
+            a(l(e.homeHandler, ["prevent"]), ["home"]),
+            a(l(e.endHandler, ["prevent"]), ["end"])
           ]
         }, [
-          (o(!0), r(
-            i,
+          (r(!0), n(
+            d,
             null,
-            c(e.nativeOptions, (l) => (o(), r("option", {
-              key: l,
-              value: l
-            }, null, 8, b))),
+            c(e.nativeOptions, (o) => (r(), n("option", {
+              key: o,
+              value: o
+            }, null, 8, u))),
             128
             /* KEYED_FRAGMENT */
           ))
@@ -55,28 +59,29 @@ function I(f, m, p, e, M, z) {
           {
             ref: "nmorphSelectDOMRef",
             class: "nmorph-select__selected-values-line",
-            onClick: u(e.clickHandler, ["stop"])
+            "aria-hidden": "true",
+            onClick: l(e.clickHandler, ["stop"])
           },
           [
-            typeof e.initialValue == "string" ? (o(), r(
+            typeof e.initialValue == "string" ? (r(), n(
               "div",
-              H,
+              I,
               _(e.selectedValueTitle),
               1
               /* TEXT */
-            )) : e.initialValue.length === 0 ? (o(), r(
+            )) : e.initialValue.length === 0 ? (r(), n(
               "div",
               O,
               _(e.computedNoElementPlaceholder),
               1
               /* TEXT */
-            )) : (o(), r("div", C, [
-              (o(!0), r(
-                i,
+            )) : (r(), n("div", C, [
+              (r(!0), n(
+                d,
                 null,
-                c(e.tags, (l) => (o(), n(e.NmorphTagItem, d({
-                  key: l.value
-                }, { ref_for: !0 }, l, {
+                c(e.tags, (o) => (r(), i(e.NmorphTagItem, h({
+                  key: o.value
+                }, { ref_for: !0 }, o, {
                   transparent: "",
                   removable: e.tags.length > 1 || !e.props.valueRequired,
                   height: "thin",
@@ -86,9 +91,9 @@ function I(f, m, p, e, M, z) {
                 /* KEYED_FRAGMENT */
               ))
             ])),
-            v(e.NmorphIcon, { class: "nmorph-select__chevron" }, {
-              default: h(() => [
-                e.props.loading ? (o(), n(e.NmorphIconLoader, { key: 0 })) : (o(), n(e.NmorphIconChevronDown, { key: 1 }))
+            f(e.NmorphIcon, { class: "nmorph-select__chevron" }, {
+              default: m(() => [
+                e.props.loading ? (r(), i(e.NmorphIconLoader, { key: 0 })) : (r(), i(e.NmorphIconChevronDown, { key: 1 }))
               ]),
               _: 1
               /* STABLE */
@@ -98,7 +103,7 @@ function I(f, m, p, e, M, z) {
           /* NEED_PATCH */
         )
       ]),
-      e.nmorphSelectDOMRef && !e.props.disabled ? (o(), n(e.NmorphDropdown, {
+      e.nmorphSelectDOMRef && !e.props.disabled ? (r(), i(e.NmorphDropdown, {
         key: 0,
         open: e.open && !e.props.loading,
         "relative-element": e.nmorphSelectDOMRef,
@@ -107,105 +112,110 @@ function I(f, m, p, e, M, z) {
         "min-width": e.optionsMinWidth,
         "max-width": "calc(100vw - 16px)",
         "z-index": e.props.zIndex,
-        onOnOutsideClick: e.closeHandler
+        "aria-label": e.name,
+        onOnOutsideClick: e.closeHandler,
+        onOnEscapeKeydown: e.escapeHandler
       }, {
-        default: h(() => [
-          t(
-            "div",
-            D,
-            [
-              e.props.loading ? (o(), n(e.NmorphIcon, {
-                key: 0,
-                class: "nmorph-select__chevron",
-                size: "medium"
-              }, {
-                default: h(() => [
-                  v(e.NmorphIconChevronDown)
-                ]),
-                _: 1
-                /* STABLE */
-              })) : e.virtualEnabled ? (o(), r(
-                "div",
-                {
-                  key: 1,
-                  ref: e.virtualList.containerRef,
-                  class: "nmorph-select__virtual-list",
-                  style: s({ maxHeight: e.virtualMaxHeight }),
-                  onScroll: m[0] || (m[0] = (...l) => e.virtualList.scrollHandler && e.virtualList.scrollHandler(...l))
-                },
-                [
-                  t(
-                    "div",
-                    {
-                      class: "nmorph-select__virtual-spacer",
-                      style: s(e.virtualSpacerStyle)
-                    },
-                    [
-                      t(
-                        "div",
-                        {
-                          class: "nmorph-select__virtual-content",
-                          style: s(e.virtualContentStyle)
-                        },
-                        [
-                          (o(!0), r(
-                            i,
-                            null,
-                            c(e.virtualOptions, (l) => (o(), n(e.NmorphSelectOption, d({
-                              key: l.index
-                            }, { ref_for: !0 }, l.item, {
-                              focused: l.item.value === e.currentFocusedEl,
-                              height: e.props.height
-                            }), null, 16, ["focused", "height"]))),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ],
-                        4
-                        /* STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ],
-                36
-                /* STYLE, NEED_HYDRATION */
-              )) : (o(), r(
-                i,
-                { key: 2 },
-                [
-                  (o(!0), r(
-                    i,
-                    null,
-                    c(p.options, (l) => (o(), n(e.NmorphSelectOption, d({
-                      key: l.value
-                    }, { ref_for: !0 }, l, {
-                      focused: l.value === e.currentFocusedEl,
-                      height: e.props.height
-                    }), null, 16, ["focused", "height"]))),
-                    128
-                    /* KEYED_FRAGMENT */
-                  )),
-                  w(f.$slots, "default")
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              ))
-            ],
-            512
-            /* NEED_PATCH */
-          )
+        default: m(() => [
+          t("div", {
+            id: e.listboxId,
+            ref: "optionsDOMRef",
+            class: "nmorph-select__options",
+            role: "listbox"
+          }, [
+            e.props.loading ? (r(), i(e.NmorphIcon, {
+              key: 0,
+              class: "nmorph-select__chevron",
+              size: "medium"
+            }, {
+              default: m(() => [
+                f(e.NmorphIconChevronDown)
+              ]),
+              _: 1
+              /* STABLE */
+            })) : e.virtualEnabled ? (r(), n(
+              "div",
+              {
+                key: 1,
+                ref: e.virtualList.containerRef,
+                class: "nmorph-select__virtual-list",
+                style: s({ maxHeight: e.virtualMaxHeight }),
+                onScroll: v[0] || (v[0] = (...o) => e.virtualList.scrollHandler && e.virtualList.scrollHandler(...o))
+              },
+              [
+                t(
+                  "div",
+                  {
+                    class: "nmorph-select__virtual-spacer",
+                    style: s(e.virtualSpacerStyle)
+                  },
+                  [
+                    t(
+                      "div",
+                      {
+                        class: "nmorph-select__virtual-content",
+                        style: s(e.virtualContentStyle)
+                      },
+                      [
+                        (r(!0), n(
+                          d,
+                          null,
+                          c(e.virtualOptions, (o) => (r(), i(e.NmorphSelectOption, h({
+                            id: e.getOptionId(o.item.value),
+                            ref_for: !0,
+                            ref: (g) => e.setVirtualOptionRef(g, o.index),
+                            key: o.index
+                          }, { ref_for: !0 }, o.item, {
+                            focused: o.item.value === e.currentFocusedEl,
+                            height: e.props.height
+                          }), null, 16, ["id", "focused", "height"]))),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ],
+                      4
+                      /* STYLE */
+                    )
+                  ],
+                  4
+                  /* STYLE */
+                )
+              ],
+              36
+              /* STYLE, NEED_HYDRATION */
+            )) : (r(), n(
+              d,
+              { key: 2 },
+              [
+                (r(!0), n(
+                  d,
+                  null,
+                  c(y.options, (o) => (r(), i(e.NmorphSelectOption, h({
+                    id: e.getOptionId(o.value),
+                    key: o.value
+                  }, { ref_for: !0 }, o, {
+                    focused: o.value === e.currentFocusedEl,
+                    height: e.props.height
+                  }), null, 16, ["id", "focused", "height"]))),
+                  128
+                  /* KEYED_FRAGMENT */
+                )),
+                b(p.$slots, "default")
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ], 8, D)
         ]),
         _: 3
         /* FORWARDED */
-      }, 8, ["open", "relative-element", "fill-width", "width", "min-width", "z-index"])) : k("v-if", !0)
+      }, 8, ["open", "relative-element", "fill-width", "width", "min-width", "z-index", "aria-label"])) : k("v-if", !0)
     ],
     2
     /* CLASS */
   );
 }
-const B = /* @__PURE__ */ x(y, [["render", I], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-select/NmorphSelect.vue"]]);
+const B = /* @__PURE__ */ H(w, [["render", E], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-select/NmorphSelect.vue"]]);
 export {
   B as default
 };