@nmorph/nmorph-ui-kit 3.0.9 → 3.0.11

package/dist/components/feedback/nmorph-callout/NmorphCallout.vue.js

@@ -1,9 +1,9 @@
 import './NmorphCallout.css';
 import n from "./NmorphCallout.vue2.js";
-import { openBlock as t, createBlock as s, resolveDynamicComponent as a, mergeProps as c, withCtx as i, createElementBlock as r, renderSlot as l, createTextVNode as p, toDisplayString as m, createCommentVNode as _ } from "vue";
+import { openBlock as t, createBlock as s, resolveDynamicComponent as a, mergeProps as c, withCtx as m, createElementBlock as r, renderSlot as l, createTextVNode as p, toDisplayString as i, createCommentVNode as _ } from "vue";
 /* empty css                   */
-import d from "../../../_virtual/_plugin-vue_export-helper.js";
-const h = {
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const d = {
   key: 0,
   class: "nmorph-callout__title"
 }, f = {
@@ -15,12 +15,12 @@ function y(e, k, v, o, C, N) {
     class: ["nmorph-callout", `nmorph-callout--${o.props.type}`],
     style: o.styles
   }, o.rootAttrs), {
-    default: i(() => [
-      o.hasHeader ? (t(), r("div", h, [
+    default: m(() => [
+      o.hasHeader ? (t(), r("div", d, [
         l(e.$slots, "header", {}, () => [
           l(e.$slots, "title", {}, () => [
             p(
-              m(o.props.title),
+              i(o.props.title),
               1
               /* TEXT */
             )
@@ -39,7 +39,7 @@ function y(e, k, v, o, C, N) {
     /* FORWARDED */
   }, 16, ["class", "style"]);
 }
-const T = /* @__PURE__ */ d(n, [["render", y], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-callout/NmorphCallout.vue"]]);
+const b = /* @__PURE__ */ h(n, [["render", y], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-callout/NmorphCallout.vue"]]);
 export {
-  T as default
+  b as default
 };

package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue.js

@@ -1,13 +1,13 @@
 import './NmorphDialog.css';
 import c from "./NmorphDialog.vue2.js";
-import { openBlock as e, createBlock as d, withCtx as a, createElementVNode as l, normalizeStyle as m, normalizeClass as _, createElementBlock as i, renderSlot as s, toDisplayString as p, createVNode as n, createCommentVNode as t } from "vue";
+import { openBlock as e, createBlock as d, withCtx as a, createElementVNode as l, normalizeStyle as m, normalizeClass as p, createElementBlock as i, renderSlot as n, toDisplayString as _, createVNode as s, createCommentVNode as t } from "vue";
 /* empty css                  */
 import h from "../../../_virtual/_plugin-vue_export-helper.js";
 const f = ["aria-label"], g = {
   key: 0,
   class: "nmorph-dialog__header"
-}, y = { class: "nmorph-dialog__title" }, b = ["aria-label"], k = { class: "nmorph-dialog__content" };
-function v(r, C, N, o, w, x) {
+}, y = { class: "nmorph-dialog__title" }, k = ["aria-label"], v = { class: "nmorph-dialog__content" };
+function C(r, b, N, o, w, x) {
   return e(), d(o.NmorphOverlay, {
     show: o.isVisible,
     "z-index": o.props.zIndex,
@@ -18,18 +18,18 @@ function v(r, C, N, o, w, x) {
   }, {
     default: a(() => [
       l("div", {
-        class: _(o.modifiers),
+        class: p(o.modifiers),
         style: m(o.dialogStyle),
         role: "dialog",
         "aria-modal": "true",
         "aria-label": o.props.title || void 0
       }, [
         o.hasHeader ? (e(), i("div", g, [
-          s(r.$slots, "header", {}, () => [
+          n(r.$slots, "header", {}, () => [
             l(
               "div",
               y,
-              p(o.props.title),
+              _(o.props.title),
               1
               /* TEXT */
             ),
@@ -40,18 +40,18 @@ function v(r, C, N, o, w, x) {
               "aria-label": o.props.title ? `Close ${o.props.title}` : "Close dialog",
               onClick: o.closeHandler
             }, [
-              n(o.NmorphIcon, null, {
+              s(o.NmorphIcon, null, {
                 default: a(() => [
-                  n(o.NmorphIconCross)
+                  s(o.NmorphIconCross)
                 ]),
                 _: 1
                 /* STABLE */
               })
-            ], 8, b)) : t("v-if", !0)
+            ], 8, k)) : t("v-if", !0)
           ])
         ])) : t("v-if", !0),
-        l("div", k, [
-          s(r.$slots, "default")
+        l("div", v, [
+          n(r.$slots, "default")
         ])
       ], 14, f)
     ]),
@@ -59,7 +59,7 @@ function v(r, C, N, o, w, x) {
     /* FORWARDED */
   }, 8, ["show", "z-index", "close-on-escape"]);
 }
-const S = /* @__PURE__ */ h(c, [["render", v], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-dialog/NmorphDialog.vue"]]);
+const S = /* @__PURE__ */ h(c, [["render", C], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-dialog/NmorphDialog.vue"]]);
 export {
   S as default
 };

package/dist/components/feedback/nmorph-drawer/NmorphDrawer.vue.js

@@ -1,6 +1,6 @@
 import './NmorphDrawer.css';
 import c from "./NmorphDrawer.vue2.js";
-import { openBlock as e, createBlock as p, withCtx as i, createElementVNode as l, normalizeStyle as m, normalizeClass as n, createElementBlock as a, renderSlot as t, toDisplayString as _, createVNode as d, createCommentVNode as s } from "vue";
+import { openBlock as e, createBlock as p, withCtx as n, createElementVNode as l, normalizeStyle as m, normalizeClass as i, createElementBlock as a, renderSlot as t, toDisplayString as _, createVNode as d, createCommentVNode as s } from "vue";
 /* empty css                  */
 import h from "../../../_virtual/_plugin-vue_export-helper.js";
 const f = ["aria-label"], w = {
@@ -21,9 +21,9 @@ function v(r, C, N, o, z, O) {
     onOnOutsideClick: o.overlayClickHandler,
     onOnEscapeKeydown: o.closeHandler
   }, {
-    default: i(() => [
+    default: n(() => [
       l("aside", {
-        class: n(o.modifiers),
+        class: i(o.modifiers),
         style: m(o.drawerStyle),
         role: "dialog",
         "aria-modal": "true",
@@ -46,7 +46,7 @@ function v(r, C, N, o, z, O) {
               onClick: o.closeHandler
             }, [
               d(o.NmorphIcon, null, {
-                default: i(() => [
+                default: n(() => [
                   d(o.NmorphIconCross)
                 ]),
                 _: 1
@@ -58,7 +58,7 @@ function v(r, C, N, o, z, O) {
         l(
           "div",
           {
-            class: n(["nmorph-drawer__content", o.props.contentClass])
+            class: i(["nmorph-drawer__content", o.props.contentClass])
           },
           [
             t(r.$slots, "default")
@@ -75,7 +75,7 @@ function v(r, C, N, o, z, O) {
     /* FORWARDED */
   }, 8, ["show", "z-index", "teleport-to", "disabled-teleport", "close-on-escape"]);
 }
-const V = /* @__PURE__ */ h(c, [["render", v], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-drawer/NmorphDrawer.vue"]]);
+const V = /* @__PURE__ */ h(c, [["render", v], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-drawer/NmorphDrawer.vue"]]);
 export {
   V as default
 };

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

@@ -1,15 +1,15 @@
 import './NmorphGuide.css';
-import o from "./NmorphGuide.vue2.js";
-import { openBlock as r, createElementBlock as t, renderSlot as n } from "vue";
+import r from "./NmorphGuide.vue2.js";
+import { openBlock as e, createElementBlock as t, renderSlot as n } from "vue";
 /* empty css                 */
 import p from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = { class: "nmorph-guide" };
-function i(e, c, m, d, a, f) {
-  return r(), t("div", s, [
-    n(e.$slots, "default")
+const m = { class: "nmorph-guide" };
+function s(o, c, i, d, a, f) {
+  return e(), t("div", m, [
+    n(o.$slots, "default")
   ]);
 }
-const $ = /* @__PURE__ */ p(o, [["render", i], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuide.vue"]]);
+const $ = /* @__PURE__ */ p(r, [["render", s], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuide.vue"]]);
 export {
   $ as default
 };

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

@@ -1,5 +1,5 @@
 import './NmorphGuide.css';
-import { defineComponent as j, ref as C, computed as a, watch as z, provide as A } from "vue";
+import { defineComponent as j, ref as B, 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({
@@ -12,6 +12,7 @@ const E = /* @__PURE__ */ j({
     closeOnFinish: { type: Boolean, required: !1, default: !0 },
     showClose: { type: Boolean, required: !1, default: !0 },
     showProgress: { type: Boolean, required: !1, default: !0 },
+    bordered: { type: Boolean, required: !1, default: !1 },
     backText: { type: String, required: !1, default: "Back" },
     nextText: { type: String, required: !1, default: "Next" },
     finishText: { type: String, required: !1, default: "Finish" },
@@ -23,40 +24,40 @@ const E = /* @__PURE__ */ j({
     maxWidth: { type: [Number, String], required: !1, default: "280px" }
   },
   emits: ["update:model-value", "update:active-step", "change", "back", "next", "finish", "close"],
-  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(() => {
+  setup(C, { expose: N, emit: F }) {
+    const t = C, i = F, u = B({}), x = B(void 0);
+    let f = 0;
+    const d = (e) => String(e), b = a(() => {
       const e = /* @__PURE__ */ new Map();
-      return r.steps.forEach((t, o) => {
-        e.set(d(t.name), {
-          ...t,
-          order: t.order ?? o
+      return t.steps.forEach((r, o) => {
+        e.set(d(r.name), {
+          ...r,
+          order: r.order ?? o
         });
       }), e;
     }), s = a(
       () => Object.values(u.value).map((e) => ({
         ...e,
-        ...T.value.get(d(e.name)),
+        ...b.value.get(d(e.name)),
         registrationOrder: e.registrationOrder
-      })).filter((e) => !e.disabled).sort((e, t) => {
-        const o = e.order ?? e.registrationOrder, P = t.order ?? t.registrationOrder;
+      })).filter((e) => !e.disabled).sort((e, r) => {
+        const o = e.order ?? e.registrationOrder, P = r.order ?? r.registrationOrder;
         return o - P;
       })
-    ), 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)));
+    ), g = a(() => t.modelValue && s.value.length > 0), T = V(g, () => t.zIndex), q = a(() => t.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), p = (e) => {
+      const r = s.value.find((o) => o.name === e);
+      r && (x.value = e, i("update:active-step", e), i("change", r, s.value.indexOf(r)));
     }, c = (e) => {
-      const t = s.value[e];
-      t && f(t.name);
+      const r = s.value[e];
+      r && p(r.name);
     }, v = () => {
       i("update:model-value", !1), i("close", n.value, l.value);
     }, m = () => {
-      i("finish", n.value, l.value), r.closeOnFinish && v();
+      i("finish", n.value, l.value), t.closeOnFinish && v();
     }, h = () => {
       if (n.value) {
         if (i("back", n.value, l.value), O.value) {
-          r.loop && c(s.value.length - 1);
+          t.loop && c(s.value.length - 1);
           return;
         }
         c(l.value - 1);
@@ -64,31 +65,31 @@ const E = /* @__PURE__ */ j({
     }, S = () => {
       if (n.value) {
         if (i("next", n.value, l.value), w.value) {
-          r.loop ? c(0) : m();
+          t.loop ? c(0) : m();
           return;
         }
         c(l.value + 1);
       }
     }, y = (e) => {
-      f(e);
+      p(e);
     }, _ = (e) => {
-      const t = d(e.name), o = u.value[t];
+      const r = d(e.name), o = u.value[r];
       u.value = {
         ...u.value,
-        [t]: {
+        [r]: {
           ...o,
           ...e,
-          registrationOrder: o?.registrationOrder ?? p
+          registrationOrder: o?.registrationOrder ?? f
         }
-      }, o || (p += 1);
+      }, o || (f += 1);
     }, k = (e) => {
-      const t = d(e), o = { ...u.value };
-      delete o[t], u.value = o;
+      const r = d(e), o = { ...u.value };
+      delete o[r], u.value = o;
     };
     z(
-      [() => r.modelValue, s, n],
-      ([e, t, o]) => {
-        !e || o || t.length === 0 || f(t[0].name);
+      [() => t.modelValue, s, n],
+      ([e, r, o]) => {
+        !e || o || r.length === 0 || p(r[0].name);
       },
       { immediate: !0 }
     ), A(W, {
@@ -96,18 +97,19 @@ const E = /* @__PURE__ */ j({
       activeStep: n,
       activeIndex: l,
       steps: s,
-      loop: a(() => r.loop),
-      showClose: a(() => r.showClose),
-      showProgress: a(() => r.showProgress),
-      backText: a(() => r.backText),
-      nextText: a(() => r.nextText),
-      finishText: a(() => r.finishText),
-      closeText: a(() => r.closeText),
-      zIndex: b,
-      teleportTo: a(() => r.teleportTo),
-      disabledTeleport: a(() => r.disabledTeleport),
-      width: a(() => r.width),
-      maxWidth: a(() => r.maxWidth),
+      loop: a(() => t.loop),
+      showClose: a(() => t.showClose),
+      showProgress: a(() => t.showProgress),
+      bordered: a(() => t.bordered),
+      backText: a(() => t.backText),
+      nextText: a(() => t.nextText),
+      finishText: a(() => t.finishText),
+      closeText: a(() => t.closeText),
+      zIndex: T,
+      teleportTo: a(() => t.teleportTo),
+      disabledTeleport: a(() => t.disabledTeleport),
+      width: a(() => t.width),
+      maxWidth: a(() => t.maxWidth),
       registerStep: _,
       unregisterStep: k,
       goToStep: y,
@@ -116,11 +118,11 @@ const E = /* @__PURE__ */ j({
       finish: m,
       close: v
     }), 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;
+    const I = { props: t, emit: i, registeredSteps: u, internalActiveStep: x, get registrationCursor() {
+      return f;
     }, set registrationCursor(e) {
-      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 };
+      f = e;
+    }, getStepKey: d, stepOverrides: b, steps: s, active: g, guideZIndex: T, activeStepName: q, activeIndex: l, activeStep: n, isFirstStep: O, isLastStep: w, setActiveStep: p, 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;
   }
 });

package/dist/components/feedback/nmorph-guide/NmorphGuideStep.css

@@ -1 +1 @@
-.nmorph-guide-step__card{display:grid;gap:var(--indentation-03);min-width:min(240px,100vw - 48px)}.nmorph-guide-step__image{display:block;width:100%;max-height:140px;border-radius:var(--default-border-radius);object-fit:cover}.nmorph-guide-step__body{display:grid;gap:var(--indentation-02)}.nmorph-guide-step__progress{color:var(--nmorph-placeholder-text-color);font-size:var(--nmorph-typography-body-small-font-size);line-height:var(--nmorph-typography-body-small-line-height)}.nmorph-guide-step__title{margin:0;color:var(--nmorph-text-color);font-size:var(--nmorph-typography-title-small-font-size);line-height:var(--nmorph-typography-title-small-line-height)}.nmorph-guide-step__text{margin:0;color:var(--nmorph-text-color);font-size:var(--nmorph-typography-body-font-size);line-height:var(--nmorph-typography-body-line-height)}.nmorph-guide-step__actions{display:flex;gap:var(--indentation-02);align-items:center}.nmorph-guide-step__spacer{flex:1 1 auto}
+.nmorph-guide-step__card{display:grid;gap:var(--indentation-03);box-sizing:border-box;min-width:min(240px,100vw - 48px);padding:var(--indentation-02);border-radius:var(--default-border-radius)}.nmorph-guide-step__tooltip--bordered{box-sizing:border-box;border:var(--nmorph-plain-border)}.nmorph-guide-step__image{display:block;width:100%;max-height:140px;border-radius:var(--default-border-radius);object-fit:cover}.nmorph-guide-step__body{display:grid;gap:var(--indentation-02)}.nmorph-guide-step__progress{color:var(--nmorph-placeholder-text-color);font-size:var(--nmorph-typography-body-small-font-size);line-height:var(--nmorph-typography-body-small-line-height)}.nmorph-guide-step__title{margin:0;color:var(--nmorph-text-color);font-size:var(--nmorph-typography-title-small-font-size);line-height:var(--nmorph-typography-title-small-line-height)}.nmorph-guide-step__text{margin:0;color:var(--nmorph-text-color);font-size:var(--nmorph-typography-body-font-size);line-height:var(--nmorph-typography-body-line-height)}.nmorph-guide-step__actions{display:flex;gap:var(--indentation-02);align-items:center}.nmorph-guide-step__spacer{flex:1 1 auto}

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

@@ -1,6 +1,6 @@
 import './NmorphGuideStep.css';
-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";
+import p 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 g } from "vue";
 /* empty css                     */
 import _ from "../../../_virtual/_plugin-vue_export-helper.js";
 const u = {
@@ -27,6 +27,8 @@ function w(d, r, y, e, C, N) {
     "disabled-teleport": e.guide?.disabledTeleport.value,
     width: e.guide?.width.value,
     "max-width": e.guide?.maxWidth.value,
+    "content-class": e.guide?.bordered.value ? "nmorph-guide-step__tooltip--bordered" : void 0,
+    "hide-triangle": e.guide?.bordered.value,
     trigger: "manual",
     disabled: !e.guide || e.props.disabled
   }, {
@@ -77,7 +79,7 @@ function w(d, r, y, e, C, N) {
             -1
             /* CACHED */
           )),
-          p(e.NmorphButton, {
+          g(e.NmorphButton, {
             class: "nmorph-guide-step__back",
             text: e.guide?.backText.value,
             design: "plain",
@@ -85,9 +87,10 @@ function w(d, r, y, e, C, N) {
             disabled: e.isFirstStep && !e.guide?.loop.value,
             onClick: e.guide?.back
           }, null, 8, ["text", "disabled", "onClick"]),
-          p(e.NmorphButton, {
+          g(e.NmorphButton, {
             class: "nmorph-guide-step__next",
             text: e.isLastStep && !e.guide?.loop.value ? e.guide?.finishText.value : e.guide?.nextText.value,
+            design: "plain",
             thickness: "thin",
             onClick: r[0] || (r[0] = (P) => e.isLastStep && !e.guide?.loop.value ? e.guide?.finish() : e.guide?.next())
           }, null, 8, ["text"])
@@ -99,9 +102,9 @@ function w(d, r, y, e, C, N) {
     ]),
     _: 3
     /* FORWARDED */
-  }, 8, ["force-show", "position", "z-index", "teleport-to", "disabled-teleport", "width", "max-width", "disabled"]);
+  }, 8, ["force-show", "position", "z-index", "teleport-to", "disabled-teleport", "width", "max-width", "content-class", "hide-triangle", "disabled"]);
 }
-const A = /* @__PURE__ */ _(g, [["render", w], ["__file", "/builds/ketjo/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuideStep.vue"]]);
+const A = /* @__PURE__ */ _(p, [["render", w], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/feedback/nmorph-guide/NmorphGuideStep.vue"]]);
 export {
   A 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
 };