@nmorph/nmorph-ui-kit 2.2.33 → 2.2.35

package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue.js

@@ -1,30 +1,30 @@
 import './NmorphTimePicker.css';
 import b from "./NmorphTimePicker.vue2.js";
-import { openBlock as i, createElementBlock as n, normalizeStyle as v, normalizeClass as r, createElementVNode as l, withKeys as m, withModifiers as t, createVNode as c, withCtx as p, toDisplayString as d, createCommentVNode as _, createBlock as u, Fragment as s, renderList as h } from "vue";
+import { openBlock as i, createElementBlock as n, normalizeStyle as v, normalizeClass as l, createElementVNode as r, withKeys as m, withModifiers as t, createVNode as d, withCtx as p, toDisplayString as c, createCommentVNode as _, createBlock as f, Fragment as s, renderList as h } from "vue";
 /* empty css                      */
-import f from "../../../_virtual/_plugin-vue_export-helper.js";
-const y = ["aria-expanded", "aria-controls", "tabindex", "onKeydown"], w = ["id", "name", "autocomplete", "step", "value", "disabled"], x = { class: "nmorph-time-picker__selected-value" }, C = ["id"], O = {
+import u from "../../../_virtual/_plugin-vue_export-helper.js";
+const y = ["aria-expanded", "aria-controls", "tabindex", "onKeydown"], w = ["id", "name", "autocomplete", "step", "value", "disabled"], x = { class: "nmorph-time-picker__selected-value" }, C = ["id"], g = {
   class: "nmorph-time-picker__column",
   role: "listbox",
   "aria-label": "Hours"
-}, N = ["disabled", "onClick"], g = {
+}, O = ["disabled", "onClick"], H = {
   class: "nmorph-time-picker__column",
   role: "listbox",
   "aria-label": "Minutes"
-}, H = ["disabled", "onClick"], V = {
+}, N = ["disabled", "onClick"], M = {
   class: "nmorph-time-picker__column",
   role: "listbox",
   "aria-label": "Seconds"
-}, I = ["disabled", "onClick"];
-function S(z, a, B, e, D, M) {
+}, V = ["disabled", "onClick"];
+function I(S, a, z, e, B, D) {
   return i(), n(
     "div",
     {
-      class: r(e.modifiers),
+      class: l(e.modifiers),
       style: v(e.styles)
     },
     [
-      l("div", {
+      r("div", {
         ref: "inputDOMRef",
         class: "nmorph-time-picker__input",
         role: "combobox",
@@ -40,7 +40,7 @@ function S(z, a, B, e, D, M) {
           m(t(e.closeHandler, ["prevent"]), ["escape"])
         ]
       }, [
-        l("input", {
+        r("input", {
           id: e.id,
           class: "nmorph-time-picker__native",
           name: e.name,
@@ -51,17 +51,17 @@ function S(z, a, B, e, D, M) {
           disabled: e.props.disabled,
           onInput: e.nativeInputHandler
         }, null, 40, w),
-        c(e.NmorphIcon, { class: "nmorph-time-picker__clock-icon" }, {
+        d(e.NmorphIcon, { class: "nmorph-time-picker__clock-icon" }, {
           default: p(() => [
-            c(e.NmorphIconClock)
+            d(e.NmorphIconClock)
           ]),
           _: 1
           /* STABLE */
         }),
-        l(
+        r(
           "div",
           x,
-          d(e.displayValue),
+          c(e.displayValue),
           1
           /* TEXT */
         ),
@@ -72,19 +72,19 @@ function S(z, a, B, e, D, M) {
           "aria-label": "Clear time",
           onClick: t(e.clearHandler, ["stop"])
         }, [
-          c(e.NmorphIcon, {
+          d(e.NmorphIcon, {
             width: "14px",
             height: "14px"
           }, {
             default: p(() => [
-              c(e.NmorphIconCircleClose)
+              d(e.NmorphIconCircleClose)
             ]),
             _: 1
             /* STABLE */
           })
         ])) : _("v-if", !0)
       ], 40, y),
-      e.inputDOMRef && !e.props.disabled ? (i(), u(e.NmorphDropdown, {
+      e.inputDOMRef && !e.props.disabled ? (i(), f(e.NmorphDropdown, {
         key: 0,
         open: e.open,
         "relative-element": e.inputDOMRef,
@@ -96,43 +96,49 @@ function S(z, a, B, e, D, M) {
         onOnEscapeKeydown: e.closeHandler
       }, {
         default: p(() => [
-          l("div", {
+          r("div", {
             id: `${e.id}-dropdown`,
-            class: r(["nmorph-time-picker__panel", { "nmorph-time-picker__panel--with-seconds": e.props.showSeconds }])
+            class: l(["nmorph-time-picker__panel", { "nmorph-time-picker__panel--with-seconds": e.props.showSeconds }])
           }, [
-            l("div", O, [
+            r("div", g, [
               (i(!0), n(
                 s,
                 null,
                 h(e.hourOptions, (o) => (i(), n("button", {
                   key: o.value,
                   type: "button",
-                  class: r(["nmorph-time-picker__option", { "nmorph-time-picker__option--active": o.value === e.pickerValue.hour }]),
+                  class: l(["nmorph-time-picker__option", [
+                    e.optionHeightModifiers,
+                    { "nmorph-time-picker__option--active": o.value === e.pickerValue.hour }
+                  ]]),
                   disabled: o.disabled,
                   onClick: (k) => e.selectUnit("hour", o.value)
-                }, d(o.label), 11, N))),
+                }, c(o.label), 11, O))),
                 128
                 /* KEYED_FRAGMENT */
               ))
             ]),
-            a[1] || (a[1] = l(
+            a[1] || (a[1] = r(
               "div",
               { class: "nmorph-time-picker__separator" },
               ":",
               -1
               /* CACHED */
             )),
-            l("div", g, [
+            r("div", H, [
               (i(!0), n(
                 s,
                 null,
                 h(e.minuteOptions, (o) => (i(), n("button", {
                   key: o.value,
                   type: "button",
-                  class: r(["nmorph-time-picker__option", { "nmorph-time-picker__option--active": o.value === e.pickerValue.minute }]),
+                  class: l(["nmorph-time-picker__option", [
+                    e.optionHeightModifiers,
+                    { "nmorph-time-picker__option--active": o.value === e.pickerValue.minute }
+                  ]]),
                   disabled: o.disabled,
                   onClick: (k) => e.selectUnit("minute", o.value)
-                }, d(o.label), 11, H))),
+                }, c(o.label), 11, N))),
                 128
                 /* KEYED_FRAGMENT */
               ))
@@ -141,24 +147,27 @@ function S(z, a, B, e, D, M) {
               s,
               { key: 0 },
               [
-                a[0] || (a[0] = l(
+                a[0] || (a[0] = r(
                   "div",
                   { class: "nmorph-time-picker__separator" },
                   ":",
                   -1
                   /* CACHED */
                 )),
-                l("div", V, [
+                r("div", M, [
                   (i(!0), n(
                     s,
                     null,
                     h(e.secondOptions, (o) => (i(), n("button", {
                       key: o.value,
                       type: "button",
-                      class: r(["nmorph-time-picker__option", { "nmorph-time-picker__option--active": o.value === e.pickerValue.second }]),
+                      class: l(["nmorph-time-picker__option", [
+                        e.optionHeightModifiers,
+                        { "nmorph-time-picker__option--active": o.value === e.pickerValue.second }
+                      ]]),
                       disabled: o.disabled,
                       onClick: (k) => e.selectUnit("second", o.value)
-                    }, d(o.label), 11, I))),
+                    }, c(o.label), 11, V))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
@@ -177,7 +186,7 @@ function S(z, a, B, e, D, M) {
     /* CLASS, STYLE */
   );
 }
-const F = /* @__PURE__ */ f(b, [["render", S], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-time-picker/NmorphTimePicker.vue"]]);
+const F = /* @__PURE__ */ u(b, [["render", I], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-time-picker/NmorphTimePicker.vue"]]);
 export {
   F as default
 };

package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue2.js

@@ -1,14 +1,14 @@
 import './NmorphTimePicker.css';
-import { defineComponent as X, ref as v, computed as l, watch as Y } from "vue";
-import { NmorphComponentHeight as Z } from "../../../types/index.js";
-import { useI18n as ee } from "vue-i18n";
-import { useModifiers as te } from "../../../utils/create-modifiers.js";
-import { useFormItemInput as oe } from "../nmorph-form/use-form-item-input.js";
-import re from "../../../assets/icons/clock.svg.js";
-import ne from "../../../assets/icons/circle-close.svg.js";
-import le from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import ue from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
-const be = /* @__PURE__ */ X({
+import { defineComponent as ee, ref as g, computed as n, watch as te } from "vue";
+import { NmorphComponentHeight as _ } from "../../../types/index.js";
+import { useI18n as oe } from "vue-i18n";
+import { useModifiers as $ } from "../../../utils/create-modifiers.js";
+import { useFormItemInput as re } from "../nmorph-form/use-form-item-input.js";
+import ne from "../../../assets/icons/clock.svg.js";
+import le from "../../../assets/icons/circle-close.svg.js";
+import ue from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import se from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
+const Se = /* @__PURE__ */ ee({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { type: [String, null], required: !1, default: null },
@@ -30,18 +30,18 @@ const be = /* @__PURE__ */ X({
     tabindex: { type: Number, required: !1 }
   },
   emits: ["update:model-value", "focus", "blur"],
-  setup(_, { expose: $, emit: O }) {
-    const t = _, s = O, { t: T } = ee(), { id: k, name: H, autocomplete: B, tabindex: P } = oe(t), a = v(!1), c = v(!1), w = v(null), m = (e) => String(e).padStart(2, "0"), p = (e) => Math.max(1, Math.floor(Number.isFinite(e) ? e : 1)), i = (e) => {
+  setup(O, { expose: H, emit: k }) {
+    const t = O, s = k, { t: T } = oe(), { id: B, name: M, autocomplete: P, tabindex: z } = re(t), a = g(!1), c = g(!1), w = g(null), m = (e) => String(e).padStart(2, "0"), p = (e) => Math.max(1, Math.floor(Number.isFinite(e) ? e : 1)), i = (e) => {
       if (!e) return null;
       const o = e.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/);
       if (!o) return null;
       const r = Number(o[1]), S = Number(o[2]), d = Number(o[3] || 0);
       return r > 23 || S > 59 || d > 59 ? null : { hour: r, minute: S, second: d };
-    }, g = (e) => {
+    }, v = (e) => {
       const o = `${m(e.hour)}:${m(e.minute)}`;
       return t.showSeconds ? `${o}:${m(e.second)}` : o;
-    }, f = (e) => e.hour * 3600 + e.minute * 60 + e.second, y = l(() => i(t.minTime)), N = l(() => i(t.maxTime)), x = l(() => i(t.modelValue)), u = v(x.value || { hour: 0, minute: 0, second: 0 }), V = l(() => t.placeholder || T("pickATime"));
-    Y(
+    }, f = (e) => e.hour * 3600 + e.minute * 60 + e.second, y = n(() => i(t.minTime)), N = n(() => i(t.maxTime)), x = n(() => i(t.modelValue)), u = g(x.value || { hour: 0, minute: 0, second: 0 }), V = n(() => t.placeholder || T("pickATime"));
+    te(
       () => t.modelValue,
       (e) => {
         const o = i(e);
@@ -53,36 +53,36 @@ const be = /* @__PURE__ */ X({
       return !!(y.value && o < f(y.value) || N.value && o > f(N.value));
     }, b = (e, o, r) => {
       const S = p(r), d = /* @__PURE__ */ new Set();
-      for (let n = 0; n <= o; n += S) d.add(n);
-      return d.add(u.value[e]), Array.from(d).filter((n) => n >= 0 && n <= o).sort((n, q) => n - q).map((n) => {
-        const q = { ...u.value, [e]: n };
+      for (let l = 0; l <= o; l += S) d.add(l);
+      return d.add(u.value[e]), Array.from(d).filter((l) => l >= 0 && l <= o).sort((l, q) => l - q).map((l) => {
+        const q = { ...u.value, [e]: l };
         return {
-          label: m(n),
-          value: n,
+          label: m(l),
+          value: l,
           disabled: h(q)
         };
       });
-    }, z = l(() => b("hour", 23, t.hourStep)), M = l(() => b("minute", 59, t.minuteStep)), D = l(() => b("second", 59, t.secondStep)), A = (e, o) => {
+    }, D = n(() => b("hour", 23, t.hourStep)), A = n(() => b("minute", 59, t.minuteStep)), F = n(() => b("second", 59, t.secondStep)), R = (e, o) => {
       const r = { ...u.value, [e]: o };
-      h(r) || (u.value = r, s("update:model-value", g(r)));
-    }, F = () => {
+      h(r) || (u.value = r, s("update:model-value", v(r)));
+    }, U = () => {
       s("update:model-value", null), a.value = !1;
-    }, R = () => {
+    }, j = () => {
       a.value = !1;
-    }, U = () => {
+    }, E = () => {
       t.disabled || (a.value = !a.value);
-    }, j = () => {
+    }, G = () => {
       c.value = !0, s("focus");
-    }, E = () => {
+    }, J = () => {
       c.value = !1, s("blur");
-    }, G = (e) => {
+    }, K = (e) => {
       const o = e.target, r = i(o.value);
-      !r || h(r) || (u.value = r, s("update:model-value", g(r)));
-    }, J = l(() => t.modelValue || V.value), K = l(
+      !r || h(r) || (u.value = r, s("update:model-value", v(r)));
+    }, L = n(() => t.modelValue || V.value), Q = n(
       () => t.showSeconds ? p(t.secondStep) : p(t.minuteStep) * 60
-    ), L = l(() => t.clearable && !!t.modelValue && !t.disabled), Q = l(
-      () => te({
-        nmorph: [Z[t.height]],
+    ), W = n(() => t.clearable && !!t.modelValue && !t.disabled), X = n(
+      () => $({
+        nmorph: [_[t.height]],
         "nmorph-time-picker": [
           `${t.disabled && "disabled"}`,
           `${a.value && "open"}`,
@@ -90,22 +90,26 @@ const be = /* @__PURE__ */ X({
           `${!t.modelValue && "placeholder"}`
         ]
       })
-    ), I = (e) => typeof e == "number" ? `${e}px` : e, W = l(() => ({
+    ), Y = n(
+      () => $({
+        nmorph: [_[t.height]]
+      })
+    ), I = (e) => typeof e == "number" ? `${e}px` : e, Z = n(() => ({
       ...t.width !== void 0 && { "--width": I(t.width) }
     }));
-    $({ inputDOMRef: w });
-    const C = { props: t, emit: s, t: T, id: k, name: H, autocomplete: B, tabindex: P, open: a, focused: c, inputDOMRef: w, pad: m, normalizeStep: p, parseTime: i, formatTime: g, timeToSeconds: f, minTimeParts: y, maxTimeParts: N, modelTimeParts: x, pickerValue: u, placeholderText: V, isOutsideRange: h, getUnitOptions: b, hourOptions: z, minuteOptions: M, secondOptions: D, selectUnit: A, clearHandler: F, closeHandler: R, toggleOpen: U, focusHandler: j, blurHandler: E, nativeInputHandler: G, displayValue: J, inputStep: K, showClearButton: L, modifiers: Q, getCssSize: I, styles: W, get NmorphDropdown() {
-      return ue;
+    H({ inputDOMRef: w });
+    const C = { props: t, emit: s, t: T, id: B, name: M, autocomplete: P, tabindex: z, open: a, focused: c, inputDOMRef: w, pad: m, normalizeStep: p, parseTime: i, formatTime: v, timeToSeconds: f, minTimeParts: y, maxTimeParts: N, modelTimeParts: x, pickerValue: u, placeholderText: V, isOutsideRange: h, getUnitOptions: b, hourOptions: D, minuteOptions: A, secondOptions: F, selectUnit: R, clearHandler: U, closeHandler: j, toggleOpen: E, focusHandler: G, blurHandler: J, nativeInputHandler: K, displayValue: L, inputStep: Q, showClearButton: W, modifiers: X, optionHeightModifiers: Y, getCssSize: I, styles: Z, get NmorphDropdown() {
+      return se;
     }, get NmorphIcon() {
-      return le;
+      return ue;
     }, get NmorphIconCircleClose() {
-      return ne;
+      return le;
     }, get NmorphIconClock() {
-      return re;
+      return ne;
     } };
     return Object.defineProperty(C, "__isScriptSetup", { enumerable: !1, value: !0 }), C;
   }
 });
 export {
-  be as default
+  Se as default
 };

package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue.js

@@ -1,21 +1,15 @@
 import './NmorphBacktop.css';
-import l from "./NmorphBacktop.vue2.js";
-import { openBlock as e, createElementBlock as a, normalizeStyle as c, createBlock as i, Teleport as d, createElementVNode as t, normalizeClass as m, withModifiers as s, renderSlot as h, createVNode as r, withCtx as p } from "vue";
+import a from "./NmorphBacktop.vue2.js";
+import { openBlock as e, createElementBlock as p, createBlock as c, Teleport as i, createElementVNode as t, normalizeStyle as s, normalizeClass as d, withModifiers as m, renderSlot as f, createVNode as r, withCtx as l } from "vue";
 /* empty css                   */
-import f from "../../../_virtual/_plugin-vue_export-helper.js";
-function _(n, b, k, o, v, x) {
-  return e(), a(
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = { ref: "placeholderDOMEl" };
+function k(n, v, y, o, b, N) {
+  return e(), p(
     "div",
-    {
-      ref: "placeholderDOMEl",
-      style: c({
-        "--nmorph-backtop-right": `${o.props.right}px`,
-        "--nmorph-backtop-bottom": `${o.props.bottom}px`,
-        "--nmorph-backtop-z-index": o.props.zIndex
-      })
-    },
+    _,
     [
-      (e(), i(d, {
+      (e(), c(i, {
         to: o.props.teleportTo,
         disabled: !o.isMounted || o.props.teleportDisabled
       }, [
@@ -23,22 +17,23 @@ function _(n, b, k, o, v, x) {
           "div",
           {
             ref: "selfDOMEl",
-            class: m(o.modifiers)
+            class: d(o.modifiers),
+            style: s(o.styles)
           },
           [
             t("div", {
-              onClick: s(o.scrollToTopHandler, ["stop"])
+              onClick: m(o.scrollToTopHandler, ["stop"])
             }, [
-              h(n.$slots, "default", {}, () => [
+              f(n.$slots, "default", {}, () => [
                 r(o.NmorphButton, {
                   "style-type": o.props.design === "nmorph" ? "default" : "transparent"
                 }, {
-                  default: p(() => [
+                  default: l(() => [
                     r(o.NmorphIcon, {
                       class: "nmorph-backtop__up-icon",
                       color: o.props.design === "nmorph" ? void 0 : "var(--nmorph-contrast-text-color)"
                     }, {
-                      default: p(() => [
+                      default: l(() => [
                         r(o.NmorphIconChevronDown)
                       ]),
                       _: 1
@@ -51,16 +46,16 @@ function _(n, b, k, o, v, x) {
               ])
             ])
           ],
-          2
-          /* CLASS */
+          6
+          /* CLASS, STYLE */
         )
       ], 8, ["to", "disabled"]))
     ],
-    4
-    /* STYLE */
+    512
+    /* NEED_PATCH */
   );
 }
-const z = /* @__PURE__ */ f(l, [["render", _], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-backtop/NmorphBacktop.vue"]]);
+const E = /* @__PURE__ */ h(a, [["render", k], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-backtop/NmorphBacktop.vue"]]);
 export {
-  z as default
+  E as default
 };

package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue2.js

@@ -1,10 +1,10 @@
 import './NmorphBacktop.css';
-import { defineComponent as b, computed as g, ref as t, onMounted as y, onUnmounted as N } from "vue";
-import { useModifiers as _ } from "../../../utils/create-modifiers.js";
+import { defineComponent as y, computed as m, ref as o, onMounted as N, onUnmounted as _ } from "vue";
+import { useModifiers as k } from "../../../utils/create-modifiers.js";
 import q from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import E from "../../basic/nmorph-button/NmorphButton.vue.js";
-import T from "../../../assets/icons/chevron-down.svg.js";
-const k = /* @__PURE__ */ b({
+import x from "../../basic/nmorph-button/NmorphButton.vue.js";
+import E from "../../../assets/icons/chevron-down.svg.js";
+const M = /* @__PURE__ */ y({
   __name: "NmorphBacktop",
   props: {
     right: { type: Number, required: !1, default: 40 },
@@ -16,38 +16,42 @@ const k = /* @__PURE__ */ b({
     teleportDisabled: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["click"],
-  setup(m, { expose: c, emit: f }) {
-    c();
-    const r = m, n = f, d = g(
-      () => _({
-        "nmorph-backtop": [`${o.value && "show"}`, r.design]
+  setup(c, { expose: d, emit: f }) {
+    d();
+    const t = c, n = f, h = m(
+      () => k({
+        "nmorph-backtop": [`${r.value && "show"}`, t.design]
       })
-    ), e = t(null), u = t(null), i = t(null), o = t(!1), s = t(!1), l = (p) => {
+    ), v = m(() => ({
+      "--nmorph-backtop-right": `${t.right}px`,
+      "--nmorph-backtop-bottom": `${t.bottom}px`,
+      "--nmorph-backtop-z-index": t.zIndex
+    })), e = o(null), i = o(null), s = o(null), r = o(!1), u = o(!1), l = (p) => {
       if (!p) return;
-      const h = p.target;
-      o.value = h.scrollTop > r.visibilityHeight;
-    }, v = () => {
+      const g = p.target;
+      r.value = g.scrollTop > t.visibilityHeight;
+    }, b = () => {
       n("click"), e.value && e.value.scrollTo({
         top: 0,
         left: 0,
         behavior: "smooth"
       });
     };
-    y(() => {
-      e.value = u.value?.parentElement ?? i.value?.parentElement?.parentElement ?? null, e.value?.addEventListener("scroll", l), o.value = (e.value?.scrollTop ?? 0) > r.visibilityHeight, s.value = !0;
-    }), N(() => {
+    N(() => {
+      e.value = i.value?.parentElement ?? s.value?.parentElement?.parentElement ?? null, e.value?.addEventListener("scroll", l), r.value = (e.value?.scrollTop ?? 0) > t.visibilityHeight, u.value = !0;
+    }), _(() => {
       e.value && e.value?.removeEventListener("scroll", l);
     });
-    const a = { props: r, emit: n, modifiers: d, container: e, placeholderDOMEl: u, selfDOMEl: i, showButton: o, isMounted: s, scrollHandler: l, scrollToTopHandler: v, get NmorphButton() {
-      return E;
+    const a = { props: t, emit: n, modifiers: h, styles: v, container: e, placeholderDOMEl: i, selfDOMEl: s, showButton: r, isMounted: u, scrollHandler: l, scrollToTopHandler: b, get NmorphButton() {
+      return x;
     }, get NmorphIcon() {
       return q;
     }, get NmorphIconChevronDown() {
-      return T;
+      return E;
     } };
     return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 });
 export {
-  k as default
+  M as default
 };

package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.js

@@ -1,13 +1,13 @@
 import './NmorphContextMenu.css';
 import s from "./NmorphContextMenu.vue2.js";
-import { openBlock as o, createElementBlock as l, renderSlot as i, createBlock as d, withCtx as p, Fragment as c, renderList as f, normalizeStyle as m, createElementVNode as h, toDisplayString as _, normalizeClass as y, resolveDynamicComponent as x, mergeProps as k, createCommentVNode as b } from "vue";
+import { openBlock as o, createElementBlock as l, renderSlot as i, createBlock as d, withCtx as p, Fragment as c, renderList as h, normalizeStyle as m, createElementVNode as f, toDisplayString as _, normalizeClass as y, resolveDynamicComponent as x, mergeProps as k, createCommentVNode as w } from "vue";
 /* empty css                       */
-import w from "../../../_virtual/_plugin-vue_export-helper.js";
+import b from "../../../_virtual/_plugin-vue_export-helper.js";
 const C = {
   key: 0,
   class: "nmorph-context-menu__options"
 }, v = ["disabled", "onClick"], O = { class: "nmorph-context-menu__item-label" }, g = ["tabindex", "aria-disabled", "onClick", "onKeydown"];
-function H(a, u, z, e, E, K) {
+function H(a, u, z, e, E, S) {
   return o(), l(
     "div",
     {
@@ -35,6 +35,7 @@ function H(a, u, z, e, E, K) {
         "trap-focus": e.props.trapFocus,
         role: e.props.role,
         "aria-label": e.props.ariaLabel,
+        "hide-shadow": e.props.hideShadow,
         "content-class": "nmorph-context-menu__dropdown",
         onOnOutsideClick: e.outsideClickHandler,
         onOnEscapeKeydown: e.escapeHandler
@@ -44,7 +45,7 @@ function H(a, u, z, e, E, K) {
             (o(!0), l(
               c,
               null,
-              f(e.normalizedOptions, (n, t) => (o(), l(
+              h(e.normalizedOptions, (n, r) => (o(), l(
                 c,
                 {
                   key: n.key
@@ -57,8 +58,8 @@ function H(a, u, z, e, E, K) {
                     tabindex: n.disabled ? -1 : 0,
                     "aria-disabled": n.disabled,
                     style: m(e.getOptionStyle(n)),
-                    onClick: (r) => e.optionClickHandler(n, t),
-                    onKeydown: (r) => e.optionKeydownHandler(r, n, t)
+                    onClick: (t) => e.optionClickHandler(n, r),
+                    onKeydown: (t) => e.optionKeydownHandler(t, n, r)
                   }, [
                     (o(), d(
                       x(n.component),
@@ -74,9 +75,9 @@ function H(a, u, z, e, E, K) {
                     role: "menuitem",
                     disabled: n.disabled,
                     style: m(e.getOptionStyle(n)),
-                    onClick: (r) => e.optionClickHandler(n, t)
+                    onClick: (t) => e.optionClickHandler(n, r)
                   }, [
-                    h(
+                    f(
                       "span",
                       O,
                       _(n.label),
@@ -98,13 +99,13 @@ function H(a, u, z, e, E, K) {
         ]),
         _: 3
         /* FORWARDED */
-      }, 8, ["open", "relative-element", "placement", "width", "min-width", "max-width", "x-offset", "y-offset", "fill-width", "z-index", "close-on-escape", "trap-focus", "role", "aria-label"])) : b("v-if", !0)
+      }, 8, ["open", "relative-element", "placement", "width", "min-width", "max-width", "x-offset", "y-offset", "fill-width", "z-index", "close-on-escape", "trap-focus", "role", "aria-label", "hide-shadow"])) : w("v-if", !0)
     ],
     544
     /* NEED_HYDRATION, NEED_PATCH */
   );
 }
-const B = /* @__PURE__ */ w(s, [["render", H], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue"]]);
+const B = /* @__PURE__ */ b(s, [["render", H], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue"]]);
 export {
   B as default
 };

package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue2.js

@@ -1,5 +1,5 @@
 import './NmorphContextMenu.css';
-import { defineComponent as L, ref as i, computed as y, markRaw as M, toRaw as D, watch as h, onBeforeUnmount as V } from "vue";
+import { defineComponent as L, ref as i, computed as y, markRaw as M, toRaw as D, watch as k, onBeforeUnmount as V } from "vue";
 import P from "../nmorph-dropdown/NmorphDropdown.vue.js";
 const $ = /* @__PURE__ */ L({
   __name: "NmorphContextMenu",
@@ -20,11 +20,12 @@ const $ = /* @__PURE__ */ L({
     disabled: { type: Boolean, required: !1, default: !1 },
     closeOnScroll: { type: Boolean, required: !1, default: !0 },
     role: { type: String, required: !1, default: "menu" },
-    ariaLabel: { type: String, required: !1, default: "" }
+    ariaLabel: { type: String, required: !1, default: "" },
+    hideShadow: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["update:model-value", "open", "close", "select", "on-outside-click", "on-escape-keydown"],
-  setup(O, { expose: q, emit: v }) {
-    const l = O, r = v, d = i(null), c = i(null), o = i("point"), a = i(!!l.modelValue), f = y(() => typeof l.modelValue == "boolean" ? l.modelValue : a.value), S = y(() => l.options.length > 0), B = y(
+  setup(q, { expose: O, emit: v }) {
+    const l = q, r = v, d = i(null), c = i(null), o = i("point"), a = i(!!l.modelValue), f = y(() => typeof l.modelValue == "boolean" ? l.modelValue : a.value), S = y(() => l.options.length > 0), B = y(
       () => l.options.map((e, t) => typeof e == "string" || typeof e == "number" ? {
         key: `${e}-${t}`,
         label: e,
@@ -44,7 +45,7 @@ const $ = /* @__PURE__ */ L({
         raw: e
       })
     );
-    h(
+    k(
       () => l.modelValue,
       (e) => {
         typeof e == "boolean" && (a.value = e);
@@ -95,7 +96,7 @@ const $ = /* @__PURE__ */ L({
     }), s = () => {
       l.closeOnScroll && o.value === "point" && n();
     };
-    h(
+    k(
       f,
       (e) => {
         typeof window > "u" || (e ? window.addEventListener("scroll", s, { passive: !0, capture: !0 }) : window.removeEventListener("scroll", s, !0));
@@ -103,9 +104,9 @@ const $ = /* @__PURE__ */ L({
       { immediate: !0 }
     ), V(() => {
       typeof window < "u" && window.removeEventListener("scroll", s, !0);
-    }), q({ close: n });
-    const k = { props: l, emit: r, triggerDOMRef: d, relativeElement: c, anchorType: o, openState: a, isOpen: f, hasOptions: S, normalizedOptions: B, createPointElement: g, setOpen: u, close: n, openAt: b, openAtElement: p, contextMenuHandler: C, clickHandler: E, keydownHandler: H, outsideClickHandler: _, escapeHandler: N, optionClickHandler: w, optionKeydownHandler: x, getOptionStyle: T, scrollHandler: s, NmorphDropdown: P };
-    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
+    }), O({ close: n });
+    const h = { props: l, emit: r, triggerDOMRef: d, relativeElement: c, anchorType: o, openState: a, isOpen: f, hasOptions: S, normalizedOptions: B, createPointElement: g, setOpen: u, close: n, openAt: b, openAtElement: p, contextMenuHandler: C, clickHandler: E, keydownHandler: H, outsideClickHandler: _, escapeHandler: N, optionClickHandler: w, optionKeydownHandler: x, getOptionStyle: T, scrollHandler: s, NmorphDropdown: P };
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
 });
 export {

package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.css

@@ -1 +1 @@
-.nmorph-dropdown{position:fixed;width:var(--nmorph-dropdown-width);min-width:var(--nmorph-dropdown-min-width);max-width:var(--nmorph-dropdown-max-width);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset)}.nmorph-dropdown--closed{z-index:-1000;opacity:0}
+.nmorph-dropdown{position:fixed;width:var(--nmorph-dropdown-width);min-width:var(--nmorph-dropdown-min-width);max-width:var(--nmorph-dropdown-max-width);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset)}.nmorph-dropdown--closed{z-index:-1000;opacity:0}.nmorph-dropdown--hide-shadow{box-shadow:none}