@nmorph/nmorph-ui-kit 3.0.10 → 3.0.13

package/dist/components/feedback/nmorph-guide/NmorphGuideStep.vue2.js

@@ -1,9 +1,10 @@
 import './NmorphGuideStep.css';
-import { defineComponent as g, inject as b, useSlots as x, computed as o, watch as y, onBeforeUnmount as _ } from "vue";
-import h from "../../basic/nmorph-button/NmorphButton.vue.js";
-import q from "../nmorph-tooltip/NmorphTooltip.vue.js";
-import { nmorphGuideInjectionKey as B } from "./types.js";
-const I = /* @__PURE__ */ g({
+import { defineComponent as b, inject as h, useSlots as y, computed as o, watch as x, onBeforeUnmount as _ } from "vue";
+import { createCssSizeVariables as q, createCssVariables as C } from "../../../utils/common.js";
+import B from "../../basic/nmorph-button/NmorphButton.vue.js";
+import N from "../nmorph-tooltip/NmorphTooltip.vue.js";
+import { nmorphGuideInjectionKey as A } from "./types.js";
+const F = /* @__PURE__ */ b({
   __name: "NmorphGuideStep",
   props: {
     name: { type: [String, Number], required: !0 },
@@ -15,41 +16,48 @@ const I = /* @__PURE__ */ g({
     order: { type: Number, required: !1, default: void 0 },
     disabled: { type: Boolean, required: !1, default: !1 }
   },
-  setup(p, { expose: d }) {
-    d();
-    const e = p, t = b(B, null), a = x(), i = o(() => t?.activeStep.value ?? null), r = o(() => t?.activeIndex.value ?? -1), n = o(() => t?.steps.value.length ?? 0), s = o(() => r.value <= 0), l = o(() => r.value >= n.value - 1), m = o(() => !!(t?.active.value && i.value?.name === e.name)), c = o(() => i.value?.position ?? e.position), f = o(() => !!a.content), v = o(() => !t || !i.value ? null : {
-      step: i.value,
-      index: r.value,
-      total: n.value,
+  setup(p, { expose: m }) {
+    m();
+    const t = p, e = h(A, null), n = y(), r = o(() => e?.activeStep.value ?? null), i = o(() => e?.activeIndex.value ?? -1), a = o(() => e?.steps.value.length ?? 0), s = o(() => i.value <= 0), l = o(() => i.value >= a.value - 1), c = o(() => !!(e?.active.value && r.value?.name === t.name)), d = o(() => r.value?.position ?? t.position), f = o(() => !!n.content), v = o(() => ({
+      ...C({
+        "--nmorph-private-guide-target-outline-color": e?.targetOutlineColor.value
+      }),
+      ...q({
+        "--nmorph-private-guide-target-outline-offset": e?.targetOutlineOffset.value
+      })
+    })), g = o(() => !e || !r.value ? null : {
+      step: r.value,
+      index: i.value,
+      total: a.value,
       isFirst: s.value,
       isLast: l.value,
-      back: t.back,
-      next: t.next,
-      close: t.close,
-      finish: t.finish
+      back: e.back,
+      next: e.next,
+      close: e.close,
+      finish: e.finish
     });
-    y(
+    x(
       () => ({
-        name: e.name,
-        title: e.title,
-        text: e.text,
-        imageSrc: e.imageSrc,
-        imageAlt: e.imageAlt,
-        position: e.position,
-        order: e.order,
-        disabled: e.disabled
+        name: t.name,
+        title: t.title,
+        text: t.text,
+        imageSrc: t.imageSrc,
+        imageAlt: t.imageAlt,
+        position: t.position,
+        order: t.order,
+        disabled: t.disabled
       }),
       (S) => {
-        t?.registerStep(S);
+        e?.registerStep(S);
       },
       { immediate: !0 }
     ), _(() => {
-      t?.unregisterStep(e.name);
+      e?.unregisterStep(t.name);
     });
-    const u = { props: e, guide: t, slots: a, currentStep: i, currentIndex: r, totalSteps: n, isFirstStep: s, isLastStep: l, isActive: m, tooltipPosition: c, hasCustomContent: f, stepSlotProps: v, NmorphButton: h, NmorphTooltip: q };
+    const u = { props: t, guide: e, slots: n, currentStep: r, currentIndex: i, totalSteps: a, isFirstStep: s, isLastStep: l, isActive: c, tooltipPosition: d, hasCustomContent: f, styles: v, stepSlotProps: g, NmorphButton: B, NmorphTooltip: N };
     return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
   }
 });
 export {
-  I as default
+  F as default
 };

package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue.js

@@ -1,24 +1,30 @@
 import './NmorphTooltip.css';
-import h from "./NmorphTooltip.vue2.js";
-import { openBlock as t, createElementBlock as e, normalizeStyle as c, normalizeClass as a, createElementVNode as n, renderSlot as d, Fragment as y, createBlock as p, Transition as _, withCtx as f, createCommentVNode as l, toDisplayString as m, Teleport as v, createVNode as k } from "vue";
+import f from "./NmorphTooltip.vue2.js";
+import { openBlock as t, createElementBlock as e, normalizeStyle as d, normalizeClass as a, createElementVNode as r, renderSlot as s, Fragment as m, createBlock as c, Transition as _, withCtx as p, createCommentVNode as n, toDisplayString as h, Teleport as y, createVNode as v } from "vue";
 /* empty css                   */
-import C from "../../../_virtual/_plugin-vue_export-helper.js";
-const T = {
+import k from "../../../_virtual/_plugin-vue_export-helper.js";
+const C = {
   ref: "slotDOMRef",
   class: "nmorph-tooltip__trigger"
-}, P = { class: "nmorph-tooltip__shadow-content" }, g = {
+}, T = { class: "nmorph-tooltip__shadow-content" }, g = {
   key: 0,
   class: "nmorph-tooltip__triangle"
-}, x = { key: 1 }, w = { class: "nmorph-tooltip__shadow-content" }, B = { key: 0 }, E = { class: "nmorph-tooltip__shadow-content" }, M = { key: 0 };
-function b(r, s, i, o, N, R) {
+}, P = { key: 1 }, w = { class: "nmorph-tooltip__shadow-content" }, x = {
+  key: 0,
+  class: "nmorph-tooltip__triangle"
+}, B = { key: 1 }, E = { class: "nmorph-tooltip__shadow-content" }, M = {
+  key: 0,
+  class: "nmorph-tooltip__triangle"
+}, N = { key: 1 };
+function R(l, b, i, o, D, S) {
   return t(), e(
     "div",
     {
       class: a(o.modifiers),
-      style: c(o.styles)
+      style: d(o.styles)
     },
     [
-      n(
+      r(
         "div",
         {
           ref: "tooltipDOMRef",
@@ -32,55 +38,55 @@ function b(r, s, i, o, N, R) {
           onPointerleave: o.handlePointerEnd
         },
         [
-          n(
+          r(
             "div",
-            T,
+            C,
             [
-              d(r.$slots, "default")
+              s(l.$slots, "default")
             ],
             512
             /* NEED_PATCH */
           ),
           !o.props.disabled && !o.teleportTooltip ? (t(), e(
-            y,
+            m,
             { key: 0 },
             [
-              o.props.forceCoordinate ? (t(), p(_, {
+              o.props.forceCoordinate ? (t(), c(_, {
                 key: 0,
                 name: "opacity"
               }, {
-                default: f(() => [
+                default: p(() => [
                   o.shouldRenderTooltip ? (t(), e(
                     "div",
                     {
                       key: 0,
                       ref: "tooltipBody",
                       class: a(o.tooltipContentClass),
-                      style: c({ left: i.forceCoordinate?.x, bottom: i.forceCoordinate?.y })
+                      style: d({ left: i.forceCoordinate?.x, bottom: i.forceCoordinate?.y })
                     },
                     [
-                      n("div", P, [
-                        o.props.forceCoordinate ? l("v-if", !0) : (t(), e("div", g)),
+                      r("div", T, [
+                        !o.props.forceCoordinate && !o.props.hideTriangle ? (t(), e("div", g)) : n("v-if", !0),
                         o.props.text ? (t(), e(
                           "span",
-                          x,
-                          m(i.text),
+                          P,
+                          h(i.text),
                           1
                           /* TEXT */
-                        )) : d(r.$slots, "content", { key: 2 })
+                        )) : s(l.$slots, "content", { key: 2 })
                       ])
                     ],
                     6
                     /* CLASS, STYLE */
-                  )) : l("v-if", !0)
+                  )) : n("v-if", !0)
                 ]),
                 _: 3
                 /* FORWARDED */
-              })) : (t(), p(_, {
+              })) : (t(), c(_, {
                 key: 1,
                 name: "opacity"
               }, {
-                default: f(() => [
+                default: p(() => [
                   o.shouldRenderTooltip ? (t(), e(
                     "div",
                     {
@@ -89,26 +95,20 @@ function b(r, s, i, o, N, R) {
                       class: a(o.tooltipContentClass)
                     },
                     [
-                      n("div", w, [
-                        s[0] || (s[0] = n(
-                          "div",
-                          { class: "nmorph-tooltip__triangle" },
-                          null,
-                          -1
-                          /* CACHED */
-                        )),
+                      r("div", w, [
+                        o.props.hideTriangle ? n("v-if", !0) : (t(), e("div", x)),
                         o.props.text ? (t(), e(
                           "span",
                           B,
-                          m(i.text),
+                          h(i.text),
                           1
                           /* TEXT */
-                        )) : d(r.$slots, "content", { key: 1 })
+                        )) : s(l.$slots, "content", { key: 2 })
                       ])
                     ],
                     2
                     /* CLASS */
-                  )) : l("v-if", !0)
+                  )) : n("v-if", !0)
                 ]),
                 _: 3
                 /* FORWARDED */
@@ -116,57 +116,51 @@ function b(r, s, i, o, N, R) {
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : l("v-if", !0)
+          )) : n("v-if", !0)
         ],
         544
         /* NEED_HYDRATION, NEED_PATCH */
       ),
-      o.teleportTooltip ? (t(), p(v, {
+      o.teleportTooltip ? (t(), c(y, {
         key: 0,
         to: o.props.teleportTo
       }, [
-        k(_, { name: "opacity" }, {
-          default: f(() => [
+        v(_, { name: "opacity" }, {
+          default: p(() => [
             o.shouldRenderTooltip ? (t(), e(
               "div",
               {
                 key: 0,
                 ref: "tooltipBody",
                 class: a(o.tooltipContentClass),
-                style: c(o.tooltipContentStyle)
+                style: d(o.tooltipContentStyle)
               },
               [
-                n("div", E, [
-                  s[1] || (s[1] = n(
-                    "div",
-                    { class: "nmorph-tooltip__triangle" },
-                    null,
-                    -1
-                    /* CACHED */
-                  )),
+                r("div", E, [
+                  o.props.hideTriangle ? n("v-if", !0) : (t(), e("div", M)),
                   o.props.text ? (t(), e(
                     "span",
-                    M,
-                    m(i.text),
+                    N,
+                    h(i.text),
                     1
                     /* TEXT */
-                  )) : d(r.$slots, "content", { key: 1 })
+                  )) : s(l.$slots, "content", { key: 2 })
                 ])
               ],
               6
               /* CLASS, STYLE */
-            )) : l("v-if", !0)
+            )) : n("v-if", !0)
           ]),
           _: 3
           /* FORWARDED */
         })
-      ], 8, ["to"])) : l("v-if", !0)
+      ], 8, ["to"])) : n("v-if", !0)
     ],
     6
     /* CLASS, STYLE */
   );
 }
-const O = /* @__PURE__ */ C(h, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue"]]);
+const L = /* @__PURE__ */ k(f, [["render", R], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue"]]);
 export {
-  O as default
+  L as default
 };

package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue2.js

@@ -4,7 +4,7 @@ import { usePlacement as K } from "../../../hooks/use-placement.js";
 import { useZIndex as Q } from "../../../hooks/use-z-index.js";
 import { useModifiers as X } from "../../../utils/create-modifiers.js";
 import { createCssSizeVariables as ee } from "../../../utils/common.js";
-const E = 600, ie = /* @__PURE__ */ Z({
+const M = 600, ie = /* @__PURE__ */ Z({
   __name: "NmorphTooltip",
   props: {
     text: { type: String, required: !1, default: "" },
@@ -21,13 +21,15 @@ const E = 600, ie = /* @__PURE__ */ Z({
     disabledTeleport: { type: Boolean, required: !1, default: !0 },
     width: { type: [Number, String], required: !1, default: void 0 },
     maxWidth: { type: [Number, String], required: !1, default: void 0 },
-    height: { type: [Number, String], required: !1, default: void 0 }
+    height: { type: [Number, String], required: !1, default: void 0 },
+    contentClass: { type: [Boolean, null, String, Object, Array], required: !1, skipCheck: !0, default: void 0 },
+    hideTriangle: { type: Boolean, required: !1, default: !1 }
   },
-  setup(k, { expose: z }) {
-    const e = k, n = l(e.forceShow), I = l(null), q = l(null), T = l(null), x = $(), a = l(null), u = l(null), s = l(null), i = l("mouse"), f = l(!1), m = t(() => !!(e.text || x.content)), b = t(() => n.value && m.value && !e.disabled), { placement: g, placementCoords: S, placementReady: C } = K({
+  setup(E, { expose: z }) {
+    const e = E, n = l(e.forceShow), I = l(null), C = l(null), T = l(null), q = $(), a = l(null), u = l(null), s = l(null), i = l("mouse"), f = l(!1), m = t(() => !!(e.text || q.content)), b = t(() => n.value && m.value && !e.disabled), { placement: g, placementCoords: S, placementReady: x } = K({
       initialPlacement: e.position,
       contentDOMElement: T,
-      relativeElement: q,
+      relativeElement: C,
       enabled: b
     }), R = t(
       () => X({
@@ -37,41 +39,41 @@ const E = 600, ie = /* @__PURE__ */ Z({
           !!e.forceCoordinate?.x && !!e.forceCoordinate?.y && "force-coords"
         ]
       })
-    ), p = () => {
+    ), d = () => {
       a.value && clearTimeout(a.value), a.value = null;
-    }, d = () => {
+    }, p = () => {
       u.value && clearTimeout(u.value), u.value = null;
     }, v = () => {
       s.value && clearTimeout(s.value), s.value = null;
     }, r = (o) => {
-      if (p(), d(), e.disabled || !m.value) {
+      if (d(), p(), e.disabled || !m.value) {
         n.value = !1;
         return;
       }
       n.value = o;
     }, c = () => {
-      if (d(), !(e.disabled || !m.value)) {
+      if (p(), !(e.disabled || !m.value)) {
         if (e.openDelay <= 0) {
           r(!0);
           return;
         }
-        p(), a.value = setTimeout(() => r(!0), e.openDelay);
+        d(), a.value = setTimeout(() => r(!0), e.openDelay);
       }
     }, h = () => {
       if (!e.forceShow) {
-        if (p(), e.closeDelay <= 0) {
+        if (d(), e.closeDelay <= 0) {
           r(!1);
           return;
         }
-        d(), u.value = setTimeout(() => r(!1), e.closeDelay);
+        p(), u.value = setTimeout(() => r(!1), e.closeDelay);
       }
     }, y = () => {
       n.value ? h() : c();
     }, L = () => {
       e.trigger !== "hover" || i.value !== "mouse" || c();
-    }, W = () => {
+    }, j = () => {
       e.trigger !== "hover" || i.value !== "mouse" || h();
-    }, j = (o) => {
+    }, W = (o) => {
       if (f.value) {
         f.value = !1, o.preventDefault();
         return;
@@ -86,7 +88,7 @@ const E = 600, ie = /* @__PURE__ */ Z({
     }, A = (o) => {
       i.value = o.pointerType || "mouse", !(e.disabled || e.touch !== "longpress") && (o.pointerType !== "touch" && o.pointerType !== "pen" || (v(), s.value = setTimeout(() => {
         f.value = !0, c();
-      }, E)));
+      }, M)));
     }, F = () => {
       v();
     }, w = t(() => e.forceCoordinate ? "100%" : "auto"), D = Q(
@@ -100,25 +102,26 @@ const E = 600, ie = /* @__PURE__ */ Z({
         "--nmorph-private-tooltip-max-width": e.maxWidth,
         "--nmorph-private-tooltip-height": e.height
       })
-    })), N = t(
+    })), B = t(
       () => !e.disabledTeleport && !e.forceCoordinate && typeof document < "u"
-    ), _ = t(() => N.value && b.value), B = t(() => g.value.split("-")[0]), G = t(() => [
+    ), _ = t(() => B.value && b.value), N = t(() => g.value.split("-")[0]), G = t(() => [
       "nmorph-tooltip__info-content",
-      `nmorph-tooltip__info-content--${B.value}`,
-      _.value && "nmorph-tooltip__info-content--teleported"
+      `nmorph-tooltip__info-content--${N.value}`,
+      _.value && "nmorph-tooltip__info-content--teleported",
+      e.contentClass
     ]), U = t(() => ({
       ...P.value,
       ..._.value ? {
         left: S.value.x,
         top: S.value.y,
-        visibility: C.value ? "visible" : "hidden"
+        visibility: x.value ? "visible" : "hidden"
       } : {}
     }));
     H(
       () => [e.forceShow, e.disabled],
-      ([o, M], V) => {
+      ([o, k], V) => {
         const Y = V?.[0] ?? !1;
-        if (M) {
+        if (k) {
           r(!1);
           return;
         }
@@ -126,9 +129,9 @@ const E = 600, ie = /* @__PURE__ */ Z({
       },
       { immediate: !0 }
     ), J(() => {
-      p(), d(), v();
+      d(), p(), v();
     }), z({ tooltipBody: T, open: c, close: h, toggle: y });
-    const O = { LONG_PRESS_DELAY_IN_MS: E, props: e, showTooltip: n, tooltipDOMRef: I, slotDOMRef: q, tooltipBody: T, slots: x, openTimer: a, closeTimer: u, longPressTimer: s, lastPointerType: i, suppressNextClick: f, hasTooltipContent: m, shouldRenderTooltip: b, placement: g, placementCoords: S, placementReady: C, modifiers: R, clearOpenTimer: p, clearCloseTimer: d, clearLongPressTimer: v, setTooltipOpen: r, open: c, close: h, toggle: y, handleMouseEnter: L, handleMouseLeave: W, handleClick: j, handlePointerDown: A, handlePointerEnd: F, rootWidth: w, zIndex: D, styles: P, canTeleportTooltip: N, teleportTooltip: _, placementSide: B, tooltipContentClass: G, tooltipContentStyle: U };
+    const O = { LONG_PRESS_DELAY_IN_MS: M, props: e, showTooltip: n, tooltipDOMRef: I, slotDOMRef: C, tooltipBody: T, slots: q, openTimer: a, closeTimer: u, longPressTimer: s, lastPointerType: i, suppressNextClick: f, hasTooltipContent: m, shouldRenderTooltip: b, placement: g, placementCoords: S, placementReady: x, modifiers: R, clearOpenTimer: d, clearCloseTimer: p, clearLongPressTimer: v, setTooltipOpen: r, open: c, close: h, toggle: y, handleMouseEnter: L, handleMouseLeave: j, handleClick: W, handlePointerDown: A, handlePointerEnd: F, rootWidth: w, zIndex: D, styles: P, canTeleportTooltip: B, teleportTooltip: _, placementSide: N, tooltipContentClass: G, tooltipContentStyle: U };
     return Object.defineProperty(O, "__isScriptSetup", { enumerable: !1, value: !0 }), O;
   }
 });

package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.css

@@ -1 +1 @@
-.nmorph-autocomplete .nmorph-autocomplete__input-content{position:relative}.nmorph-autocomplete.nmorph-autocomplete--open .nmorph-autocomplete__input-content{z-index:var(--nmorph-private-autocomplete-input-z-index)}.nmorph-autocomplete__list{padding:var(--indentation-01) 0}.nmorph-autocomplete__list-item{display:flex;align-items:center;box-sizing:border-box;min-width:0;padding:var(--indentation-00) var(--default-indentation-input);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.nmorph-autocomplete__loading{display:flex;justify-content:center;align-items:center;height:100px}.nmorph-autocomplete__list-item:hover,.nmorph-autocomplete__list-item--focused{color:var(--nmorph-white-color);background:var(--nmorph-accent-color)}.nmorph-autocomplete__list--virtual{overflow-y:auto}.nmorph-autocomplete__list--virtual .nmorph-autocomplete__list-item{height:var(--nmorph-private-autocomplete-virtual-item-height);overflow:hidden}.nmorph-autocomplete__list--dynamic .nmorph-autocomplete__list-item{height:auto}.nmorph-autocomplete__virtual-spacer{position:relative}.nmorph-autocomplete__virtual-content{position:absolute;top:0;right:0;left:0}
+.nmorph-autocomplete .nmorph-autocomplete__input-content{position:relative}.nmorph-autocomplete.nmorph-autocomplete--open .nmorph-autocomplete__input-content{z-index:var(--nmorph-private-autocomplete-input-z-index)}.nmorph-autocomplete__list{padding:var(--indentation-01) 0}.nmorph-autocomplete__list-item{display:flex;align-items:center;box-sizing:border-box;min-width:0;padding:var(--indentation-00) var(--default-indentation-input);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.nmorph-autocomplete__loading{display:flex;justify-content:center;align-items:center;height:100px}.nmorph-autocomplete__list-item:hover,.nmorph-autocomplete__list-item--focused{color:var(--nmorph-focus-text-color);background:var(--nmorph-accent-color);--nmorph-private-icon-color: var(--nmorph-focus-text-color)}.nmorph-autocomplete__list-item:hover :where(*),.nmorph-autocomplete__list-item--focused :where(*){color:inherit}.nmorph-autocomplete__list--virtual{overflow-y:auto}.nmorph-autocomplete__list--virtual .nmorph-autocomplete__list-item{height:var(--nmorph-private-autocomplete-virtual-item-height);overflow:hidden}.nmorph-autocomplete__list--dynamic .nmorph-autocomplete__list-item{height:auto}.nmorph-autocomplete__virtual-spacer{position:relative}.nmorph-autocomplete__virtual-content{position:absolute;top:0;right:0;left:0}

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

@@ -1,6 +1,6 @@
 import './NmorphAutocomplete.css';
 import v from "./NmorphAutocomplete.vue2.js";
-import { openBlock as l, createElementBlock as t, normalizeStyle as i, normalizeClass as a, createElementVNode as d, createVNode as m, createBlock as y, withCtx as p, renderSlot as s, Fragment as _, renderList as h, createTextVNode as f, toDisplayString as u, createCommentVNode as k } from "vue";
+import { openBlock as l, createElementBlock as r, normalizeStyle as i, normalizeClass as a, createElementVNode as d, createVNode as m, createBlock as y, withCtx as p, renderSlot as s, Fragment as _, renderList as h, createTextVNode as f, toDisplayString as u, createCommentVNode as k } from "vue";
 /* empty css                        */
 import x from "../../../_virtual/_plugin-vue_export-helper.js";
 const b = { class: "nmorph-autocomplete__input-content" }, H = {
@@ -9,9 +9,9 @@ const b = { class: "nmorph-autocomplete__input-content" }, H = {
 }, g = {
   key: 0,
   class: "nmorph-autocomplete__loading"
-}, N = ["id"], V = ["id", "aria-selected", "onClick"], C = ["id"], I = ["id", "aria-selected", "onClick"];
-function O(c, n, w, e, D, S) {
-  return l(), t(
+}, N = ["id"], V = ["id", "aria-selected", "onClick"], C = ["id"], w = ["id", "aria-selected", "onClick"];
+function I(c, n, O, e, D, S) {
+  return l(), r(
     "div",
     {
       class: a(e.modifiers),
@@ -55,7 +55,7 @@ function O(c, n, w, e, D, S) {
         onOnEscapeKeydown: e.closeHandler
       }, {
         default: p(() => [
-          e.loader ? (l(), t("div", g, [
+          e.loader ? (l(), r("div", g, [
             s(c.$slots, "loader", {}, () => [
               m(e.NmorphIcon, { size: "large" }, {
                 default: p(() => [
@@ -65,7 +65,7 @@ function O(c, n, w, e, D, S) {
                 /* STABLE */
               })
             ])
-          ])) : e.virtualEnabled ? (l(), t("div", {
+          ])) : e.virtualEnabled ? (l(), r("div", {
             key: 1,
             id: e.listboxId,
             ref: e.virtualList.containerRef,
@@ -91,13 +91,13 @@ function O(c, n, w, e, D, S) {
                     style: i(e.virtualContentStyle)
                   },
                   [
-                    (l(!0), t(
+                    (l(!0), r(
                       _,
                       null,
-                      h(e.virtualItems, (o) => (l(), t("div", {
+                      h(e.virtualItems, (o) => (l(), r("div", {
                         id: e.getOptionId(o.index),
                         ref_for: !0,
-                        ref: (r) => e.setVirtualItemRef(r, o.index),
+                        ref: (t) => e.setVirtualItemRef(t, o.index),
                         key: o.index,
                         class: a(["nmorph-autocomplete__list-item", [
                           e.optionHeightModifiers,
@@ -128,21 +128,21 @@ function O(c, n, w, e, D, S) {
               4
               /* STYLE */
             )
-          ], 46, N)) : (l(), t("div", {
+          ], 46, N)) : (l(), r("div", {
             key: 2,
             id: e.listboxId,
             class: "nmorph-autocomplete__list",
             role: "listbox"
           }, [
-            (l(!0), t(
+            (l(!0), r(
               _,
               null,
-              h(e.filteredList, (o, r) => (l(), t("div", {
-                id: e.getOptionId(r),
-                key: r,
-                class: a(["nmorph-autocomplete__list-item", [e.optionHeightModifiers, { "nmorph-autocomplete__list-item--focused": r === e.currentIndex }]]),
+              h(e.filteredList, (o, t) => (l(), r("div", {
+                id: e.getOptionId(t),
+                key: t,
+                class: a(["nmorph-autocomplete__list-item", [e.optionHeightModifiers, { "nmorph-autocomplete__list-item--focused": t === e.currentIndex }]]),
                 role: "option",
-                "aria-selected": r === e.currentIndex,
+                "aria-selected": t === e.currentIndex,
                 onClick: () => e.clickHandler(o)
               }, [
                 s(c.$slots, "default", { scope: o }, () => [
@@ -152,7 +152,7 @@ function O(c, n, w, e, D, S) {
                     /* TEXT */
                   )
                 ])
-              ], 10, I))),
+              ], 10, w))),
               128
               /* KEYED_FRAGMENT */
             ))
@@ -166,7 +166,7 @@ function O(c, n, w, e, D, S) {
     /* CLASS, STYLE */
   );
 }
-const R = /* @__PURE__ */ x(v, [["render", O], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-autocomplete/NmorphAutocomplete.vue"]]);
+const R = /* @__PURE__ */ x(v, [["render", I], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-autocomplete/NmorphAutocomplete.vue"]]);
 export {
   R as default
 };

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

@@ -1,6 +1,6 @@
 import './NmorphCheckbox.css';
-import i from "./NmorphCheckbox.vue2.js";
-import { openBlock as o, createElementBlock as c, normalizeClass as h, createElementVNode as n, createCommentVNode as l, toDisplayString as a, renderSlot as r } from "vue";
+import d from "./NmorphCheckbox.vue2.js";
+import { openBlock as o, createElementBlock as c, normalizeClass as i, createElementVNode as n, createCommentVNode as l, toDisplayString as a, renderSlot as r } from "vue";
 /* empty css                    */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
 const p = {
@@ -25,11 +25,11 @@ const p = {
   key: 1,
   class: "nmorph-checkbox__fake"
 };
-function C(s, d, g, e, N, D) {
+function C(s, h, g, e, N, D) {
   return o(), c(
     "label",
     {
-      class: h(e.modifiers)
+      class: i(e.modifiers)
     },
     [
       e.props.design === "plain" ? (o(), c("div", p, [
@@ -42,7 +42,7 @@ function C(s, d, g, e, N, D) {
             class: "nmorph-native-input",
             onChange: e.handleChange
           }, null, 40, k),
-          d[0] || (d[0] = n(
+          h[0] || (h[0] = n(
             "div",
             { class: "nmorph-checkbox__fake" },
             null,
@@ -90,7 +90,7 @@ function C(s, d, g, e, N, D) {
     /* CLASS */
   );
 }
-const R = /* @__PURE__ */ t(i, [["render", C], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-checkbox/NmorphCheckbox.vue"]]);
+const O = /* @__PURE__ */ t(d, [["render", C], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-checkbox/NmorphCheckbox.vue"]]);
 export {
-  R as default
+  O as default
 };

package/dist/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue.js

@@ -1,18 +1,18 @@
 import './NmorphCheckboxGroup.css';
 import d from "./NmorphCheckboxGroup.vue2.js";
-import { openBlock as o, createElementBlock as s, normalizeClass as t, createElementVNode as c, Fragment as a, renderList as m, createBlock as h, renderSlot as p } from "vue";
+import { openBlock as o, createElementBlock as s, normalizeClass as t, createElementVNode as n, Fragment as a, renderList as m, createBlock as h, renderSlot as p } from "vue";
 /* empty css                         */
 import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-const b = { class: "nmorph-checkbox-group__wrapper" }, k = { class: "nmorph-checkbox-group__content" };
-function f(n, u, i, e, g, x) {
+const k = { class: "nmorph-checkbox-group__wrapper" }, b = { class: "nmorph-checkbox-group__content" };
+function f(c, u, i, e, g, x) {
   return o(), s(
     "div",
     {
       class: t(e.modifiers)
     },
     [
-      c("div", b, [
-        c("div", k, [
+      n("div", k, [
+        n("div", b, [
           (o(!0), s(
             a,
             null,
@@ -27,7 +27,7 @@ function f(n, u, i, e, g, x) {
             128
             /* KEYED_FRAGMENT */
           )),
-          p(n.$slots, "default")
+          p(c.$slots, "default")
         ])
       ])
     ],
@@ -35,7 +35,7 @@ function f(n, u, i, e, g, x) {
     /* CLASS */
   );
 }
-const y = /* @__PURE__ */ _(d, [["render", f], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue"]]);
+const w = /* @__PURE__ */ _(d, [["render", f], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue"]]);
 export {
-  y as default
+  w as default
 };