@nmorph/nmorph-ui-kit 2.2.16 → 2.2.17

package/dist/components/data/nmorph-badge/NmorphBadge.css

@@ -1 +1 @@
-.nmorph-badge{position:relative;display:inline-block;height:fit-content;--dot-size: 4px}.nmorph-badge .nmorph-badge__container{position:absolute;display:inline-flex;justify-content:center;align-items:center;background:var(--nmorph-badge-color);border-radius:var(--default-border-radius);opacity:1}.nmorph-badge.nmorph-badge--tag{position:static;display:inline-flex}.nmorph-badge .nmorph-badge__container--tag{position:static}.nmorph-badge .nmorph-badge__content{padding:2px 4px;color:var(--nmorph-light-shade-color);font-size:var(--font-size-base);line-height:var(--line-height-regular)}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__content{font-size:var(--font-size-tiny)}.nmorph-badge.nmorph-badge--extra-small .nmorph-badge__content{font-size:var(--font-size-extra-small)}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__dot{width:var(--dot-size);height:var(--dot-size);border-radius:var(--border-radius-circular)}
+.nmorph-badge{position:relative;display:inline-block;height:fit-content;--dot-size: 4px}.nmorph-badge .nmorph-badge__container{position:absolute;display:inline-flex;justify-content:center;align-items:center;background:var(--nmorph-badge-color);border-radius:var(--default-border-radius);opacity:1}.nmorph-badge.nmorph-badge--tag{position:static;display:inline-flex}.nmorph-badge .nmorph-badge__container--tag{position:static}.nmorph-badge .nmorph-badge__content{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;min-width:calc(1em * var(--line-height-regular) + 4px);padding:2px 4px;color:var(--nmorph-light-shade-color);font-size:var(--font-size-base);line-height:var(--line-height-regular);text-align:center}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__content{font-size:var(--font-size-tiny)}.nmorph-badge.nmorph-badge--extra-small .nmorph-badge__content{font-size:var(--font-size-extra-small)}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__dot{width:var(--dot-size);height:var(--dot-size);border-radius:var(--border-radius-circular)}

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-switch/NmorphSwitch.vue.js

@@ -1,44 +1,45 @@
 import './NmorphSwitch.css';
 import l from "./NmorphSwitch.vue2.js";
-import { openBlock as r, createElementBlock as t, normalizeClass as a, createElementVNode as e, renderSlot as i, createBlock as c, withCtx as d, createVNode as s } from "vue";
+import { openBlock as r, createElementBlock as t, normalizeClass as a, createElementVNode as n, renderSlot as i, createBlock as c, withCtx as d, createVNode as s } from "vue";
 /* empty css                  */
-import m from "../../../_virtual/_plugin-vue_export-helper.js";
-const h = ["id", "name", "value", "disabled", "tabindex"], f = { class: "nmorph-switch-thumb" };
-function b(n, p, _, o, k, u) {
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = ["id", "name", "value", "checked", "disabled", "tabindex"], f = { class: "nmorph-switch-thumb" };
+function p(e, b, _, o, k, u) {
   return r(), t(
     "div",
     {
       class: a(o.modifiers)
     },
     [
-      e("div", {
+      n("div", {
         class: "nmorph-switch__content",
         onClick: o.changeHandler
       }, [
-        e("input", {
+        n("input", {
           id: o.id,
           ref: "inputDOMRef",
           name: o.name,
           type: "checkbox",
-          value: o.initialValue,
+          value: o.props.activeValue,
+          checked: o.initialValue,
           disabled: o.props.disabled,
           tabindex: o.tabindex,
           class: "nmorph-native-input",
           onFocus: o.focusHandler,
           onBlur: o.blurHandler
-        }, null, 40, h),
-        e(
+        }, null, 40, m),
+        n(
           "div",
           {
             class: a(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": o.initialValue }])
           },
           [
-            o.initialValue ? i(n.$slots, "bg-on", { key: 0 }) : i(n.$slots, "bg-off", { key: 1 })
+            o.initialValue ? i(e.$slots, "bg-on", { key: 0 }) : i(e.$slots, "bg-off", { key: 1 })
           ],
           2
           /* CLASS */
         ),
-        e("div", f, [
+        n("div", f, [
           o.props.loading ? (r(), c(o.NmorphIcon, {
             key: 0,
             width: "14px",
@@ -49,7 +50,7 @@ function b(n, p, _, o, k, u) {
             ]),
             _: 1
             /* STABLE */
-          })) : o.initialValue ? i(n.$slots, "thumb-on", { key: 1 }) : i(n.$slots, "thumb-off", { key: 2 })
+          })) : o.initialValue ? i(e.$slots, "thumb-on", { key: 1 }) : i(e.$slots, "thumb-off", { key: 2 })
         ])
       ])
     ],
@@ -57,7 +58,7 @@ function b(n, p, _, o, k, u) {
     /* CLASS */
   );
 }
-const x = /* @__PURE__ */ m(l, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-switch/NmorphSwitch.vue"]]);
+const V = /* @__PURE__ */ h(l, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-switch/NmorphSwitch.vue"]]);
 export {
-  x as default
+  V as default
 };

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

@@ -1,14 +1,15 @@
 import './NmorphContextMenu.css';
-import t from "./NmorphContextMenu.vue2.js";
-import { openBlock as n, createElementBlock as l, renderSlot as r, createBlock as i, withCtx as a, createCommentVNode as c } from "vue";
+import l from "./NmorphContextMenu.vue2.js";
+import { openBlock as n, createElementBlock as t, renderSlot as r, createBlock as i, withCtx as a, createCommentVNode as c } from "vue";
 /* empty css                       */
-import p from "../../../_virtual/_plugin-vue_export-helper.js";
-function d(o, m, f, e, s, h) {
-  return n(), l(
+import d from "../../../_virtual/_plugin-vue_export-helper.js";
+function m(o, p, f, e, s, h) {
+  return n(), t(
     "div",
     {
       ref: "triggerDOMRef",
       class: "nmorph-context-menu",
+      onClick: e.clickHandler,
       onContextmenu: e.contextMenuHandler,
       onKeydown: e.keydownHandler
     },
@@ -44,7 +45,7 @@ function d(o, m, f, e, s, h) {
     /* NEED_HYDRATION, NEED_PATCH */
   );
 }
-const v = /* @__PURE__ */ p(t, [["render", d], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue"]]);
+const v = /* @__PURE__ */ d(l, [["render", m], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue"]]);
 export {
   v as default
 };

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

@@ -1,10 +1,11 @@
 import './NmorphContextMenu.css';
-import { defineComponent as O, ref as i, computed as S, watch as k } from "vue";
-import w from "../nmorph-dropdown/NmorphDropdown.vue.js";
-const C = /* @__PURE__ */ O({
+import { defineComponent as N, ref as d, computed as O, watch as w } from "vue";
+import x from "../nmorph-dropdown/NmorphDropdown.vue.js";
+const H = /* @__PURE__ */ N({
   __name: "NmorphContextMenu",
   props: {
-    modelValue: { type: Boolean, required: !1 },
+    modelValue: { type: [Boolean, null], required: !1, default: null },
+    trigger: { type: String, required: !1, default: "contextmenu" },
     placement: { type: null, required: !1, default: "bottom-start" },
     width: { type: [Number, String], required: !1, default: 160 },
     minWidth: { type: [Number, String], required: !1, default: void 0 },
@@ -20,50 +21,52 @@ const C = /* @__PURE__ */ O({
     ariaLabel: { type: String, required: !1, default: "" }
   },
   emits: ["update:model-value", "open", "close", "on-outside-click", "on-escape-keydown"],
-  setup(y, { expose: b, emit: g }) {
-    const l = y, o = g, s = i(null), f = i(null), n = i(!!l.modelValue), p = S(() => typeof l.modelValue == "boolean" ? l.modelValue : n.value);
-    k(
-      () => l.modelValue,
+  setup(g, { expose: y, emit: b }) {
+    const t = g, o = b, s = d(null), f = d(null), n = d(!!t.modelValue), c = O(() => typeof t.modelValue == "boolean" ? t.modelValue : n.value);
+    w(
+      () => t.modelValue,
       (e) => {
         typeof e == "boolean" && (n.value = e);
       }
     );
-    const c = (e, t) => ({
+    const p = (e, l) => ({
       clientWidth: 0,
       getBoundingClientRect: () => ({
         x: e,
-        y: t,
+        y: l,
         width: 0,
         height: 0,
-        top: t,
+        top: l,
         left: e,
         right: e,
-        bottom: t,
+        bottom: l,
         toJSON: () => ({})
       })
     }), u = (e) => {
-      const t = p.value;
-      n.value = e, o("update:model-value", e), t && !e && o("close");
-    }, r = () => {
+      const l = c.value;
+      n.value = e, o("update:model-value", e), l && !e && o("close");
+    }, a = () => {
       u(!1);
-    }, d = (e, t, a) => {
-      f.value = c(e, t), u(!0), o("open", a);
-    }, q = (e) => {
-      l.disabled || (e.preventDefault(), d(e.clientX, e.clientY, e));
+    }, i = (e, l, r) => {
+      f.value = p(e, l), u(!0), o("open", r);
     }, h = (e) => {
-      if (l.disabled || e.key !== "ContextMenu" && !(e.shiftKey && e.key === "F10")) return;
-      const a = (e.target instanceof HTMLElement ? e.target : s.value)?.getBoundingClientRect();
-      a && (e.preventDefault(), d(a.left, a.bottom, e));
+      t.disabled || t.trigger !== "contextmenu" && t.trigger !== "both" || (e.preventDefault(), i(e.clientX, e.clientY, e));
+    }, q = (e) => {
+      t.disabled || t.trigger !== "click" && t.trigger !== "both" || e.button !== 0 || i(e.clientX, e.clientY, e);
+    }, k = (e) => {
+      if (t.disabled || e.key !== "ContextMenu" && !(e.shiftKey && e.key === "F10")) return;
+      const r = (e.target instanceof HTMLElement ? e.target : s.value)?.getBoundingClientRect();
+      r && (e.preventDefault(), i(r.left, r.bottom, e));
+    }, S = () => {
+      o("on-outside-click"), a();
     }, _ = () => {
-      o("on-outside-click"), r();
-    }, N = () => {
-      o("on-escape-keydown"), r();
+      o("on-escape-keydown"), a();
     };
-    b({ close: r });
-    const m = { props: l, emit: o, triggerDOMRef: s, relativeElement: f, openState: n, isOpen: p, createPointElement: c, setOpen: u, close: r, openAt: d, contextMenuHandler: q, keydownHandler: h, outsideClickHandler: _, escapeHandler: N, NmorphDropdown: w };
+    y({ close: a });
+    const m = { props: t, emit: o, triggerDOMRef: s, relativeElement: f, openState: n, isOpen: c, createPointElement: p, setOpen: u, close: a, openAt: i, contextMenuHandler: h, clickHandler: q, keydownHandler: k, outsideClickHandler: S, escapeHandler: _, NmorphDropdown: x };
     return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
   }
 });
 export {
-  C as default
+  H as default
 };