@nmorph/nmorph-ui-kit 3.0.4 → 3.0.5

package/dist/components/data/nmorph-pagination/NmorphPagination.vue2.js

@@ -1,77 +1,104 @@
 import './NmorphPagination.css';
-import { defineComponent as _, computed as l, ref as k, watch as q } from "vue";
-import { useModifiers as x } from "../../../utils/create-modifiers.js";
-import w from "../../form/nmorph-radio/NmorphRadio.vue.js";
-import B from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import O from "../../basic/nmorph-button/NmorphButton.vue.js";
-import Q from "../../form/nmorph-radio-group/NmorphRadioGroup.vue.js";
+import { defineComponent as O, computed as n, ref as g, watch as c } from "vue";
+import { useModifiers as Q } from "../../../utils/create-modifiers.js";
+import V from "../../form/nmorph-radio/NmorphRadio.vue.js";
+import F from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import M from "../../basic/nmorph-button/NmorphButton.vue.js";
+import I from "../../form/nmorph-radio-group/NmorphRadioGroup.vue.js";
 import R from "../../../assets/icons/chevron-down.svg.js";
-const U = /* @__PURE__ */ _({
+const z = /* @__PURE__ */ O({
   __name: "NmorphPagination",
   props: {
     totalElementsQuantity: { type: Number, required: !0 },
     modelValue: { type: Number, required: !1, default: 1 },
     elementsQuantityOnPage: { type: Number, required: !1, default: 2 },
     disabled: { type: Boolean, required: !1, default: !1 },
+    loading: { type: Boolean, required: !1, default: !1 },
     hideOnSinglePage: { type: Boolean, required: !1, default: !0 },
     maxVisiblePages: { type: Number, required: !1, default: 9 },
     fastForwardStep: { type: Number, required: !1, default: 5 },
     thickness: { type: null, required: !1, default: "basic" }
   },
   emits: ["update:model-value"],
-  setup(c, { expose: d, emit: f }) {
-    d();
-    const t = c, i = f, v = l(
-      () => x({
-        "nmorph-pagination": [t.disabled && "disabled"]
+  setup(b, { expose: h, emit: N }) {
+    h();
+    const t = b, p = N, S = n(
+      () => Q({
+        "nmorph-pagination": [t.disabled && "disabled", t.loading && "loading"]
       })
-    ), s = {
+    ), d = {
       thick: "var(--thick-component)",
       basic: "var(--basic-component)",
       thin: "var(--thin-component)"
-    }, g = l(() => ({
-      "--nmorph-private-pagination-height": s[t.thickness]
-    })), h = () => {
-      a.value = String(Number(a.value) - 1);
-    }, b = () => {
-      a.value = String(Number(a.value) + 1);
-    }, a = k(String(t.modelValue)), e = l(() => {
-      const r = t.totalElementsQuantity / t.elementsQuantityOnPage + 1, o = r % 1 === 0 ? -1 : 0;
-      return Array.from({ length: r + o }, (u, p) => ({ value: String(p + 1), label: String(p + 1) }));
-    }), N = l(() => t.hideOnSinglePage || t.totalElementsQuantity / t.elementsQuantityOnPage > 1);
-    q(a, (r) => {
-      i("update:model-value", Number(r));
+    }, y = n(() => ({
+      "--nmorph-private-pagination-height": d[t.thickness]
+    })), P = n(() => t.disabled || t.loading), k = () => {
+      r.value = String(Number(r.value) - 1);
+    }, _ = () => {
+      r.value = String(Number(r.value) + 1);
+    }, r = g(String(t.modelValue)), u = n(() => {
+      const e = Number(t.totalElementsQuantity), a = Number(t.elementsQuantityOnPage);
+      return !Number.isFinite(e) || !Number.isFinite(a) || e <= 0 || a <= 0 ? 0 : Math.ceil(e / a);
+    }), i = n(
+      () => Array.from({ length: u.value }, (e, a) => ({ value: String(a + 1), label: String(a + 1) }))
+    ), s = g([]), v = n(() => {
+      const e = String(Math.max(1, Number(r.value) || 1));
+      return [{ value: e, label: e }];
+    }), l = n(() => t.loading && s.value.length ? s.value : i.value.length ? i.value : v.value), q = n(() => t.loading || !t.hideOnSinglePage || u.value > 1);
+    c(r, (e) => {
+      p("update:model-value", Number(e));
+    }), c(
+      [i, () => t.loading],
+      ([e, a]) => {
+        (e.length || !a) && (s.value = e);
+      },
+      { immediate: !0 }
+    ), c(
+      () => t.modelValue,
+      (e) => {
+        r.value = String(e);
+      }
+    ), c([u, () => t.loading], ([e, a]) => {
+      a || e <= 0 || Number(r.value) > e && (r.value = String(e));
     });
-    const y = l(() => Number(a.value) === 1), S = l(() => e.value.length === Number(a.value)), P = l(() => {
-      const r = e.value.length, o = Number(a.value), n = t.maxVisiblePages;
-      if (r <= n)
-        return e.value;
-      const u = Math.floor(n / 2);
-      return o <= u ? [...e.value.slice(0, n - 2), { value: "next", label: "..." }, e.value[r - 1]] : o >= r - u ? [e.value[0], { value: "prev", label: "..." }, ...e.value.slice(r - (n - 2))] : [
-        e.value[0],
+    const x = n(() => Number(r.value) === 1), B = n(() => Number(r.value) >= l.value.length), w = n(() => {
+      const e = l.value.length, a = Number(r.value), o = t.maxVisiblePages;
+      if (e <= o)
+        return l.value;
+      const m = Math.floor(o / 2);
+      return a <= m ? [
+        ...l.value.slice(0, o - 2),
+        { value: "next", label: "..." },
+        l.value[e - 1]
+      ] : a >= e - m ? [
+        l.value[0],
+        { value: "prev", label: "..." },
+        ...l.value.slice(e - (o - 2))
+      ] : [
+        l.value[0],
         { value: "prev", label: "..." },
-        ...e.value.slice(o - u, o + u - 1),
+        ...l.value.slice(a - m, a + m - 1),
         { value: "next", label: "..." },
-        e.value[r - 1]
+        l.value[e - 1]
       ];
-    }), m = { props: t, emit: i, modifiers: v, thicknessHeightMap: s, paginationStyle: g, prevClick: h, nextClick: b, selectedPage: a, pages: e, show: N, blockPrevButton: y, blockNextButton: S, visiblePages: P, bigStepUpdate: (r) => {
-      const o = Number(a.value);
-      let n = r === "prev" ? o - t.fastForwardStep : o + t.fastForwardStep;
-      n <= 0 && (n = 1), n >= e.value.length && (n = e.value.length), a.value = String(n);
+    }), f = { props: t, emit: p, modifiers: S, thicknessHeightMap: d, paginationStyle: y, interactionDisabled: P, prevClick: k, nextClick: _, selectedPage: r, totalPages: u, pages: i, retainedPages: s, fallbackPages: v, effectivePages: l, show: q, blockPrevButton: x, blockNextButton: B, visiblePages: w, bigStepUpdate: (e) => {
+      const a = Number(r.value);
+      let o = e === "prev" ? a - t.fastForwardStep : a + t.fastForwardStep;
+      o <= 0 && (o = 1), o >= l.value.length && (o = l.value.length), r.value = String(o);
     }, get NmorphRadioGroup() {
-      return Q;
+      return I;
     }, get NmorphButton() {
-      return O;
+      return M;
     }, get NmorphIcon() {
-      return B;
+      return F;
     }, get NmorphRadio() {
-      return w;
+      return V;
     }, get NmorphIconChevronDown() {
       return R;
     } };
-    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
   }
 });
 export {
-  U as default
+  z as default
 };

package/dist/components/data/nmorph-video-preview/NmorphVideoPreview.vue.js

@@ -21,7 +21,7 @@ const y = ["src", "poster", "controls", "muted", "playsinline", "preload"], w =
 }, O = {
   key: 4,
   class: "nmorph-video-preview__actions"
-}, I = ["aria-label"], P = ["aria-label"], g = ["href", "aria-label"], H = ["href", "download", "aria-label"], V = { class: "nmorph-video-preview__portal" }, L = { class: "nmorph-video-preview__portal-content" }, T = ["src", "poster", "muted", "playsinline", "preload"];
+}, I = ["aria-label"], P = ["aria-label"], g = ["href", "aria-label"], H = ["href", "download", "aria-label"], L = { class: "nmorph-video-preview__portal" }, V = { class: "nmorph-video-preview__portal-content" }, T = ["src", "poster", "muted", "playsinline", "preload"];
 function A(p, R, S, o, z, E) {
   return e(), r(
     t,
@@ -164,7 +164,7 @@ function A(p, R, S, o, z, E) {
               }, [
                 n(o.NmorphIcon, { size: "small" }, {
                   default: i(() => [
-                    n(o.NmorphIconOpen)
+                    n(o.NmorphIconExternalLink)
                   ]),
                   _: 1
                   /* STABLE */
@@ -196,7 +196,7 @@ function A(p, R, S, o, z, E) {
         key: 0,
         to: "body"
       }, [
-        d("div", V, [
+        d("div", L, [
           n(o.NmorphOverlay, {
             show: o.previewOpen,
             "disabled-teleport": "",
@@ -204,7 +204,7 @@ function A(p, R, S, o, z, E) {
             onOnEscapeKeydown: o.closePreviewHandler
           }, {
             default: i(() => [
-              d("div", L, [
+              d("div", V, [
                 d("video", {
                   class: "nmorph-video-preview__portal-media",
                   src: o.props.src,

package/dist/components/data/nmorph-video-preview/NmorphVideoPreview.vue2.js

@@ -1,15 +1,15 @@
 import './NmorphVideoPreview.css';
-import { defineComponent as U, useAttrs as G, useSlots as J, ref as p, computed as t, watch as K } from "vue";
+import { defineComponent as U, useAttrs as G, useSlots as J, ref as f, computed as t, watch as K } from "vue";
 import { useModifiers as Q } from "../../../utils/create-modifiers.js";
 import { createCssSizeVariables as X } from "../../../utils/common.js";
 import Y from "../../../assets/icons/video.svg.js";
 import Z from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
-import ee from "../../../assets/icons/open.svg.js";
-import re from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import te from "../../../assets/icons/play.svg.js";
-import oe from "../../../assets/icons/pause.svg.js";
-import ae from "../../../assets/icons/loading.svg.js";
-import ne from "../../../assets/icons/full-screen.svg.js";
+import ee from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import re from "../../../assets/icons/play.svg.js";
+import te from "../../../assets/icons/pause.svg.js";
+import oe from "../../../assets/icons/loading.svg.js";
+import ae from "../../../assets/icons/full-screen.svg.js";
+import ne from "../../../assets/icons/external-link.svg.js";
 import le from "../../../assets/icons/eye.svg.js";
 import se from "../../../assets/icons/download.svg.js";
 const ie = "var(--nmorph-contrast-text-color)", v = 0.25, Se = /* @__PURE__ */ U({
@@ -44,12 +44,12 @@ const ie = "var(--nmorph-contrast-text-color)", v = 0.25, Se = /* @__PURE__ */ U
     previewMode: { type: String, required: !1, default: "internal" }
   },
   emits: ["play", "pause", "open", "preview", "fullscreen", "download", "error"],
-  setup(P, { expose: O, emit: _ }) {
-    const e = P, n = _, u = G(), h = J(), l = p(null), f = p(!1), o = p(!1), s = p(!1), y = (r) => {
+  setup(P, { expose: _, emit: A }) {
+    const e = P, n = A, u = G(), h = J(), l = f(null), p = f(!1), o = f(!1), s = f(!1), y = (r) => {
       if (!r || r < 0) return "";
       const a = Math.round(r / 1e3), i = Math.floor(a / 60), m = a % 60;
       return `${i}:${m.toString().padStart(2, "0")}`;
-    }, A = t(() => y(e.durationMs)), d = t(() => !!e.src && !e.loading && !e.error), H = t(() => e.showPlaybackButton && d.value && s.value), F = t(
+    }, H = t(() => y(e.durationMs)), d = t(() => !!e.src && !e.loading && !e.error), O = t(() => e.showPlaybackButton && d.value && s.value), E = t(
       () => e.showPlaybackButton && e.preload === "metadata" ? "auto" : e.preload
     ), w = t(() => e.showFullscreenAction && d.value && !e.controls), g = t(() => d.value && (e.showPreviewAction || w.value)), N = t(() => e.showDefaultActions && (e.src || e.downloadHref)), q = t(() => !!h.actions || g.value || N.value), S = t(
       () => Q({
@@ -72,18 +72,18 @@ const ie = "var(--nmorph-contrast-text-color)", v = 0.25, Se = /* @__PURE__ */ U
         "--nmorph-private-video-preview-portal-width": e.previewWidth,
         "--nmorph-private-video-preview-portal-height": e.previewHeight
       })
-    ), E = t(() => Object.fromEntries(Object.entries(u).filter(([r]) => r !== "class" && r !== "style"))), C = t(() => [S.value, u.class]), D = t(() => [b.value, u.style]);
+    ), F = t(() => Object.fromEntries(Object.entries(u).filter(([r]) => r !== "class" && r !== "style"))), k = t(() => [S.value, u.class]), x = t(() => [b.value, u.style]);
     K(
       () => [e.src, e.loading, e.error],
       () => {
         o.value = !1, s.value = !1;
       }
     );
-    const M = () => n("open"), V = () => n("download"), k = () => {
-      e.previewMode === "internal" && (f.value = !0), n("preview");
-    }, x = () => {
-      f.value = !1;
-    }, L = async () => {
+    const C = () => n("open"), D = () => n("download"), L = () => {
+      e.previewMode === "internal" && (p.value = !0), n("preview");
+    }, M = () => {
+      p.value = !1;
+    }, V = async () => {
       const r = l.value;
       if (r) {
         n("fullscreen");
@@ -131,25 +131,25 @@ const ie = "var(--nmorph-contrast-text-color)", v = 0.25, Se = /* @__PURE__ */ U
     }, z = (r) => {
       o.value = !1, s.value = !1, n("error", r);
     };
-    O({ videoRef: l });
-    const B = { CONTRAST_ICON_COLOR: ie, VIDEO_BUFFER_EPSILON_SECONDS: v, props: e, emit: n, attrs: u, slots: h, videoRef: l, previewOpen: f, playing: o, videoLoaded: s, formatDuration: y, duration: A, mediaReady: d, showPlaybackControl: H, resolvedPreload: F, showFullscreenAction: w, hasPreviewActions: g, hasDefaultActions: N, hasActions: q, modifiers: S, styles: b, rootAttrs: E, rootClass: C, rootStyle: D, openHandler: M, downloadHandler: V, previewHandler: k, closePreviewHandler: x, fullscreenHandler: L, togglePlayback: R, isVideoFullyBuffered: I, updateVideoLoaded: j, playHandler: T, pauseHandler: W, endedHandler: $, errorHandler: z, get NmorphIcon() {
-      return re;
+    _({ videoRef: l });
+    const B = { CONTRAST_ICON_COLOR: ie, VIDEO_BUFFER_EPSILON_SECONDS: v, props: e, emit: n, attrs: u, slots: h, videoRef: l, previewOpen: p, playing: o, videoLoaded: s, formatDuration: y, duration: H, mediaReady: d, showPlaybackControl: O, resolvedPreload: E, showFullscreenAction: w, hasPreviewActions: g, hasDefaultActions: N, hasActions: q, modifiers: S, styles: b, rootAttrs: F, rootClass: k, rootStyle: x, openHandler: C, downloadHandler: D, previewHandler: L, closePreviewHandler: M, fullscreenHandler: V, togglePlayback: R, isVideoFullyBuffered: I, updateVideoLoaded: j, playHandler: T, pauseHandler: W, endedHandler: $, errorHandler: z, get NmorphIcon() {
+      return ee;
     }, get NmorphIconDownload() {
       return se;
     }, get NmorphIconEye() {
       return le;
-    }, get NmorphIconFullScreen() {
+    }, get NmorphIconExternalLink() {
       return ne;
-    }, get NmorphIconLoader() {
+    }, get NmorphIconFullScreen() {
       return ae;
-    }, get NmorphIconOpen() {
-      return ee;
+    }, get NmorphIconLoader() {
+      return oe;
     }, get NmorphOverlay() {
       return Z;
     }, get NmorphIconPause() {
-      return oe;
-    }, get NmorphIconPlay() {
       return te;
+    }, get NmorphIconPlay() {
+      return re;
     }, get NmorphIconVideo() {
       return Y;
     } };

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

@@ -1,7 +1,8 @@
 import './NmorphGuide.css';
-import { defineComponent as P, ref as C, computed as a, watch as j, provide as z } from "vue";
-import { nmorphGuideInjectionKey as A } from "./types.js";
-const G = /* @__PURE__ */ P({
+import { defineComponent as j, ref as C, computed as a, watch as z, provide as A } from "vue";
+import { useZIndex as V } from "../../../hooks/use-z-index.js";
+import { nmorphGuideInjectionKey as W } from "./types.js";
+const E = /* @__PURE__ */ j({
   __name: "NmorphGuide",
   props: {
     modelValue: { type: Boolean, required: !1, default: !1 },
@@ -16,83 +17,85 @@ const G = /* @__PURE__ */ P({
     finishText: { type: String, required: !1, default: "Finish" },
     closeText: { type: String, required: !1, default: "Close" },
     zIndex: { type: Number, required: !1, default: void 0 },
+    teleportTo: { type: null, required: !1, default: "body" },
+    disabledTeleport: { type: Boolean, required: !1, default: !1 },
     width: { type: [Number, String], required: !1, default: void 0 },
     maxWidth: { type: [Number, String], required: !1, default: "280px" }
   },
   emits: ["update:model-value", "update:active-step", "change", "back", "next", "finish", "close"],
-  setup(I, { expose: N, emit: B }) {
-    const r = I, l = B, u = C({}), g = C(void 0);
-    let f = 0;
-    const d = (e) => String(e), y = a(() => {
+  setup(B, { expose: N, emit: F }) {
+    const r = B, i = F, u = C({}), x = C(void 0);
+    let p = 0;
+    const d = (e) => String(e), T = a(() => {
       const e = /* @__PURE__ */ new Map();
-      return r.steps.forEach((t, s) => {
+      return r.steps.forEach((t, o) => {
         e.set(d(t.name), {
           ...t,
-          order: t.order ?? s
+          order: t.order ?? o
         });
       }), e;
-    }), n = a(
+    }), s = a(
       () => Object.values(u.value).map((e) => ({
         ...e,
-        ...y.value.get(d(e.name)),
+        ...T.value.get(d(e.name)),
         registrationOrder: e.registrationOrder
       })).filter((e) => !e.disabled).sort((e, t) => {
-        const s = e.order ?? e.registrationOrder, F = t.order ?? t.registrationOrder;
-        return s - F;
+        const o = e.order ?? e.registrationOrder, P = t.order ?? t.registrationOrder;
+        return o - P;
       })
-    ), q = a(() => r.modelValue && n.value.length > 0), O = a(() => r.activeStep ?? g.value), o = a(() => n.value.findIndex((e) => e.name === O.value)), i = a(() => n.value[o.value] ?? null), T = a(() => o.value <= 0), b = a(() => o.value >= n.value.length - 1), p = (e) => {
-      const t = n.value.find((s) => s.name === e);
-      t && (g.value = e, l("update:active-step", e), l("change", t, n.value.indexOf(t)));
+    ), g = a(() => r.modelValue && s.value.length > 0), b = V(g, () => r.zIndex), q = a(() => r.activeStep ?? x.value), l = a(() => s.value.findIndex((e) => e.name === q.value)), n = a(() => s.value[l.value] ?? null), O = a(() => l.value <= 0), w = a(() => l.value >= s.value.length - 1), f = (e) => {
+      const t = s.value.find((o) => o.name === e);
+      t && (x.value = e, i("update:active-step", e), i("change", t, s.value.indexOf(t)));
     }, c = (e) => {
-      const t = n.value[e];
-      t && p(t.name);
+      const t = s.value[e];
+      t && f(t.name);
     }, v = () => {
-      l("update:model-value", !1), l("close", i.value, o.value);
+      i("update:model-value", !1), i("close", n.value, l.value);
     }, m = () => {
-      l("finish", i.value, o.value), r.closeOnFinish && v();
-    }, x = () => {
-      if (i.value) {
-        if (l("back", i.value, o.value), T.value) {
-          r.loop && c(n.value.length - 1);
+      i("finish", n.value, l.value), r.closeOnFinish && v();
+    }, h = () => {
+      if (n.value) {
+        if (i("back", n.value, l.value), O.value) {
+          r.loop && c(s.value.length - 1);
           return;
         }
-        c(o.value - 1);
+        c(l.value - 1);
       }
-    }, h = () => {
-      if (i.value) {
-        if (l("next", i.value, o.value), b.value) {
+    }, S = () => {
+      if (n.value) {
+        if (i("next", n.value, l.value), w.value) {
           r.loop ? c(0) : m();
           return;
         }
-        c(o.value + 1);
+        c(l.value + 1);
       }
-    }, S = (e) => {
-      p(e);
-    }, w = (e) => {
-      const t = d(e.name), s = u.value[t];
+    }, y = (e) => {
+      f(e);
+    }, _ = (e) => {
+      const t = d(e.name), o = u.value[t];
       u.value = {
         ...u.value,
         [t]: {
-          ...s,
+          ...o,
           ...e,
-          registrationOrder: s?.registrationOrder ?? f
+          registrationOrder: o?.registrationOrder ?? p
         }
-      }, s || (f += 1);
-    }, _ = (e) => {
-      const t = d(e), s = { ...u.value };
-      delete s[t], u.value = s;
+      }, o || (p += 1);
+    }, k = (e) => {
+      const t = d(e), o = { ...u.value };
+      delete o[t], u.value = o;
     };
-    j(
-      [() => r.modelValue, n, i],
-      ([e, t, s]) => {
-        !e || s || t.length === 0 || p(t[0].name);
+    z(
+      [() => r.modelValue, s, n],
+      ([e, t, o]) => {
+        !e || o || t.length === 0 || f(t[0].name);
       },
       { immediate: !0 }
-    ), z(A, {
-      active: q,
-      activeStep: i,
-      activeIndex: o,
-      steps: n,
+    ), A(W, {
+      active: g,
+      activeStep: n,
+      activeIndex: l,
+      steps: s,
       loop: a(() => r.loop),
       showClose: a(() => r.showClose),
       showProgress: a(() => r.showProgress),
@@ -100,25 +103,27 @@ const G = /* @__PURE__ */ P({
       nextText: a(() => r.nextText),
       finishText: a(() => r.finishText),
       closeText: a(() => r.closeText),
-      zIndex: a(() => r.zIndex),
+      zIndex: b,
+      teleportTo: a(() => r.teleportTo),
+      disabledTeleport: a(() => r.disabledTeleport),
       width: a(() => r.width),
       maxWidth: a(() => r.maxWidth),
-      registerStep: w,
-      unregisterStep: _,
-      goToStep: S,
-      back: x,
-      next: h,
+      registerStep: _,
+      unregisterStep: k,
+      goToStep: y,
+      back: h,
+      next: S,
       finish: m,
       close: v
-    }), N({ back: x, next: h, finish: m, close: v, goToStep: S });
-    const k = { props: r, emit: l, registeredSteps: u, internalActiveStep: g, get registrationCursor() {
-      return f;
+    }), N({ back: h, next: S, finish: m, close: v, goToStep: y });
+    const I = { props: r, emit: i, registeredSteps: u, internalActiveStep: x, get registrationCursor() {
+      return p;
     }, set registrationCursor(e) {
-      f = e;
-    }, getStepKey: d, stepOverrides: y, steps: n, active: q, activeStepName: O, activeIndex: o, activeStep: i, isFirstStep: T, isLastStep: b, setActiveStep: p, goToIndex: c, close: v, finish: m, back: x, next: h, goToStep: S, registerStep: w, unregisterStep: _ };
-    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
+      p = e;
+    }, getStepKey: d, stepOverrides: T, steps: s, active: g, guideZIndex: b, activeStepName: q, activeIndex: l, activeStep: n, isFirstStep: O, isLastStep: w, setActiveStep: f, goToIndex: c, close: v, finish: m, back: h, next: S, goToStep: y, registerStep: _, unregisterStep: k };
+    return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
   }
 });
 export {
-  G as default
+  E as default
 };

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

@@ -1,6 +1,6 @@
 import './NmorphGuideStep.css';
-import m from "./NmorphGuideStep.vue2.js";
-import { openBlock as t, createBlock as s, withCtx as a, renderSlot as c, normalizeProps as g, mergeProps as p, createElementBlock as o, createCommentVNode as i, createElementVNode as l, toDisplayString as n, createVNode as h } from "vue";
+import g from "./NmorphGuideStep.vue2.js";
+import { openBlock as t, createBlock as s, withCtx as a, renderSlot as c, normalizeProps as h, mergeProps as m, createElementBlock as i, createCommentVNode as o, createElementVNode as n, toDisplayString as l, createVNode as p } from "vue";
 /* empty css                     */
 import _ from "../../../_virtual/_plugin-vue_export-helper.js";
 const u = {
@@ -23,43 +23,45 @@ function w(d, r, y, e, C, N) {
     "force-show": e.isActive,
     position: e.tooltipPosition,
     "z-index": e.guide?.zIndex.value,
+    "teleport-to": e.guide?.teleportTo.value,
+    "disabled-teleport": e.guide?.disabledTeleport.value,
     width: e.guide?.width.value,
     "max-width": e.guide?.maxWidth.value,
     trigger: "manual",
     disabled: !e.guide || e.props.disabled
   }, {
     content: a(() => [
-      e.hasCustomContent && e.stepSlotProps ? c(d.$slots, "content", g(p({ key: 0 }, e.stepSlotProps))) : e.currentStep && e.stepSlotProps ? (t(), o("div", u, [
-        e.currentStep.imageSrc ? (t(), o("img", {
+      e.hasCustomContent && e.stepSlotProps ? c(d.$slots, "content", h(m({ key: 0 }, e.stepSlotProps))) : e.currentStep && e.stepSlotProps ? (t(), i("div", u, [
+        e.currentStep.imageSrc ? (t(), i("img", {
           key: 0,
           class: "nmorph-guide-step__image",
           src: e.currentStep.imageSrc,
           alt: e.currentStep.imageAlt || e.currentStep.title || ""
-        }, null, 8, v)) : i("v-if", !0),
-        l("div", x, [
-          e.guide?.showProgress.value ? (t(), o(
+        }, null, 8, v)) : o("v-if", !0),
+        n("div", x, [
+          e.guide?.showProgress.value ? (t(), i(
             "div",
             k,
-            n(e.stepSlotProps.index + 1) + " / " + n(e.stepSlotProps.total),
+            l(e.stepSlotProps.index + 1) + " / " + l(e.stepSlotProps.total),
             1
             /* TEXT */
-          )) : i("v-if", !0),
-          e.currentStep.title ? (t(), o(
+          )) : o("v-if", !0),
+          e.currentStep.title ? (t(), i(
             "h3",
             S,
-            n(e.currentStep.title),
+            l(e.currentStep.title),
             1
             /* TEXT */
-          )) : i("v-if", !0),
-          e.currentStep.text ? (t(), o(
+          )) : o("v-if", !0),
+          e.currentStep.text ? (t(), i(
             "p",
             f,
-            n(e.currentStep.text),
+            l(e.currentStep.text),
             1
             /* TEXT */
-          )) : i("v-if", !0)
+          )) : o("v-if", !0)
         ]),
-        l("div", b, [
+        n("div", b, [
           e.guide?.showClose.value ? (t(), s(e.NmorphButton, {
             key: 0,
             class: "nmorph-guide-step__close",
@@ -67,15 +69,15 @@ function w(d, r, y, e, C, N) {
             design: "plain",
             thickness: "thin",
             onClick: e.guide.close
-          }, null, 8, ["text", "onClick"])) : i("v-if", !0),
-          r[1] || (r[1] = l(
+          }, null, 8, ["text", "onClick"])) : o("v-if", !0),
+          r[1] || (r[1] = n(
             "span",
             { class: "nmorph-guide-step__spacer" },
             null,
             -1
             /* CACHED */
           )),
-          h(e.NmorphButton, {
+          p(e.NmorphButton, {
             class: "nmorph-guide-step__back",
             text: e.guide?.backText.value,
             design: "plain",
@@ -83,23 +85,23 @@ function w(d, r, y, e, C, N) {
             disabled: e.isFirstStep && !e.guide?.loop.value,
             onClick: e.guide?.back
           }, null, 8, ["text", "disabled", "onClick"]),
-          h(e.NmorphButton, {
+          p(e.NmorphButton, {
             class: "nmorph-guide-step__next",
             text: e.isLastStep && !e.guide?.loop.value ? e.guide?.finishText.value : e.guide?.nextText.value,
             thickness: "thin",
             onClick: r[0] || (r[0] = (P) => e.isLastStep && !e.guide?.loop.value ? e.guide?.finish() : e.guide?.next())
           }, null, 8, ["text"])
         ])
-      ])) : i("v-if", !0)
+      ])) : o("v-if", !0)
     ]),
     default: a(() => [
       c(d.$slots, "default")
     ]),
     _: 3
     /* FORWARDED */
-  }, 8, ["force-show", "position", "z-index", "width", "max-width", "disabled"]);
+  }, 8, ["force-show", "position", "z-index", "teleport-to", "disabled-teleport", "width", "max-width", "disabled"]);
 }
-const A = /* @__PURE__ */ _(m, [["render", w], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuideStep.vue"]]);
+const A = /* @__PURE__ */ _(g, [["render", w], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuideStep.vue"]]);
 export {
   A as default
 };

package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.css

@@ -1 +1 @@
-.nmorph-tooltip{--nmorph-private-tooltip-max-width: 120px;--nmorph-private-tooltip-width: fit-content;--nmorph-private-tooltip-height: fit-content;display:inline-block}.nmorph-tooltip .nmorph-tooltip__content{position:relative;display:inline-flex}.nmorph-tooltip .nmorph-tooltip__trigger{display:inline-flex;align-items:center;max-width:100%;vertical-align:middle}.nmorph-tooltip .nmorph-tooltip__info-content{position:absolute;z-index:var(--nmorph-private-tooltip-z-index);width:var(--nmorph-private-tooltip-width);max-width:var(--nmorph-private-tooltip-max-width);height:var(--nmorph-private-tooltip-height);padding:var(--indentation-03);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:0 0 20px var(--nmorph-dark-shade-color)}.nmorph-tooltip span{white-space:nowrap}.nmorph-tooltip .nmorph-tooltip__triangle{position:absolute;width:0;height:0;border-style:solid;content:""}.nmorph-tooltip.nmorph-tooltip--top .nmorph-tooltip__info-content{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.nmorph-tooltip.nmorph-tooltip--top .nmorph-tooltip__triangle{top:100%;left:50%;border-width:8px 8px 0;border-color:var(--nmorph-main-color) transparent transparent transparent;transform:translate(-50%)}.nmorph-tooltip.nmorph-tooltip--right .nmorph-tooltip__info-content{top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.nmorph-tooltip.nmorph-tooltip--right .nmorph-tooltip__triangle{top:50%;right:100%;border-width:8px 8px 8px 0;border-color:transparent var(--nmorph-main-color) transparent transparent;transform:translateY(-50%)}.nmorph-tooltip.nmorph-tooltip--bottom .nmorph-tooltip__info-content{top:calc(100% + 12px);left:50%;transform:translate(-50%)}.nmorph-tooltip.nmorph-tooltip--bottom .nmorph-tooltip__triangle{bottom:100%;left:50%;border-width:0 8px 8px;border-color:transparent transparent var(--nmorph-main-color) transparent;transform:translate(-50%)}.nmorph-tooltip.nmorph-tooltip--left .nmorph-tooltip__info-content{top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.nmorph-tooltip.nmorph-tooltip--left .nmorph-tooltip__triangle{top:50%;left:100%;border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--nmorph-main-color);transform:translateY(-50%)}.nmorph-tooltip.nmorph-tooltip--force-coords .nmorph-tooltip__info-content{transform:none}.nmorph-tooltip{width:var(--nmorph-private-tooltip-root-width)}
+.nmorph-tooltip{--nmorph-private-tooltip-max-width: 120px;--nmorph-private-tooltip-width: fit-content;--nmorph-private-tooltip-height: fit-content;display:inline-block}.nmorph-tooltip .nmorph-tooltip__content{position:relative;display:inline-flex}.nmorph-tooltip .nmorph-tooltip__trigger{display:inline-flex;align-items:center;max-width:100%;vertical-align:middle}.nmorph-tooltip .nmorph-tooltip__info-content{position:absolute;z-index:var(--nmorph-private-tooltip-z-index);width:var(--nmorph-private-tooltip-width);max-width:var(--nmorph-private-tooltip-max-width);height:var(--nmorph-private-tooltip-height);padding:var(--indentation-03);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:0 0 20px var(--nmorph-dark-shade-color)}.nmorph-tooltip span{white-space:nowrap}.nmorph-tooltip .nmorph-tooltip__triangle{position:absolute;width:0;height:0;border-style:solid;content:""}.nmorph-tooltip.nmorph-tooltip--top .nmorph-tooltip__info-content{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.nmorph-tooltip.nmorph-tooltip--top .nmorph-tooltip__triangle{top:100%;left:50%;border-width:8px 8px 0;border-color:var(--nmorph-main-color) transparent transparent transparent;transform:translate(-50%)}.nmorph-tooltip.nmorph-tooltip--right .nmorph-tooltip__info-content{top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.nmorph-tooltip.nmorph-tooltip--right .nmorph-tooltip__triangle{top:50%;right:100%;border-width:8px 8px 8px 0;border-color:transparent var(--nmorph-main-color) transparent transparent;transform:translateY(-50%)}.nmorph-tooltip.nmorph-tooltip--bottom .nmorph-tooltip__info-content{top:calc(100% + 12px);left:50%;transform:translate(-50%)}.nmorph-tooltip.nmorph-tooltip--bottom .nmorph-tooltip__triangle{bottom:100%;left:50%;border-width:0 8px 8px;border-color:transparent transparent var(--nmorph-main-color) transparent;transform:translate(-50%)}.nmorph-tooltip.nmorph-tooltip--left .nmorph-tooltip__info-content{top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.nmorph-tooltip.nmorph-tooltip--left .nmorph-tooltip__triangle{top:50%;left:100%;border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--nmorph-main-color);transform:translateY(-50%)}.nmorph-tooltip.nmorph-tooltip--force-coords .nmorph-tooltip__info-content{transform:none}.nmorph-tooltip{width:var(--nmorph-private-tooltip-root-width)}.nmorph-tooltip__info-content--teleported{position:fixed;z-index:var(--nmorph-private-tooltip-z-index);width:var(--nmorph-private-tooltip-width);max-width:var(--nmorph-private-tooltip-max-width);height:var(--nmorph-private-tooltip-height);padding:var(--indentation-03);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:0 0 20px var(--nmorph-dark-shade-color)}.nmorph-tooltip__info-content--teleported span{white-space:nowrap}.nmorph-tooltip__info-content--teleported .nmorph-tooltip__triangle{position:absolute;width:0;height:0;border-style:solid;content:""}.nmorph-tooltip__info-content--teleported.nmorph-tooltip__info-content--top{transform:translateY(-8px)}.nmorph-tooltip__info-content--teleported.nmorph-tooltip__info-content--right{transform:translate(12px)}.nmorph-tooltip__info-content--teleported.nmorph-tooltip__info-content--bottom{transform:translateY(12px)}.nmorph-tooltip__info-content--teleported.nmorph-tooltip__info-content--left{transform:translate(-12px)}.nmorph-tooltip__info-content--teleported.nmorph-tooltip__info-content--top .nmorph-tooltip__triangle{top:100%;left:50%;border-width:8px 8px 0;border-color:var(--nmorph-main-color) transparent transparent transparent;transform:translate(-50%)}.nmorph-tooltip__info-content--teleported.nmorph-tooltip__info-content--right .nmorph-tooltip__triangle{top:50%;right:100%;border-width:8px 8px 8px 0;border-color:transparent var(--nmorph-main-color) transparent transparent;transform:translateY(-50%)}.nmorph-tooltip__info-content--teleported.nmorph-tooltip__info-content--bottom .nmorph-tooltip__triangle{bottom:100%;left:50%;border-width:0 8px 8px;border-color:transparent transparent var(--nmorph-main-color) transparent;transform:translate(-50%)}.nmorph-tooltip__info-content--teleported.nmorph-tooltip__info-content--left .nmorph-tooltip__triangle{top:50%;left:100%;border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--nmorph-main-color);transform:translateY(-50%)}