@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

package/dist/components/data/nmorph-avatar/NmorphAvatar.vue.js

@@ -1,148 +1,114 @@
 import './NmorphAvatar.css';
-import { defineComponent as j, ref as q, computed as r, openBlock as l, createElementBlock as d, normalizeStyle as f, normalizeClass as G, createVNode as s, unref as i, withCtx as o, renderSlot as z, toDisplayString as k, createBlock as n, resolveDynamicComponent as $, createCommentVNode as I } from "vue";
-import { useModifiers as H } from "../../../utils/create-modifiers.js";
-import J from "../nmorph-image-preview/NmorphImagePreview.vue.js";
-/* empty css                                              */
-import A from "../../../assets/icons/avatar.svg.js";
-import K from "../nmorph-image/NmorphImage.vue.js";
-/* empty css                               */
-import u from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                      */
-import b from "../../../assets/icons/loader.svg.js";
-const le = /* @__PURE__ */ j({
-  __name: "NmorphAvatar",
-  props: {
-    src: { default: void 0 },
-    size: { default: 48 },
-    shape: { default: "circle" },
-    frameBorder: { default: 2 },
-    imagePadding: { default: 4 },
-    name: { default: "" },
-    fallback: { default: () => A },
-    preview: { type: Boolean, default: !1 },
-    previewSrc: { default: void 0 },
-    previewInitialIndex: { default: 0 },
-    previewScaleStep: { default: 0.2 },
-    previewMinScaleLevel: { default: 0.2 },
-    previewMaxScaleLevel: { default: 4 },
-    srcSet: {},
-    fit: {},
-    alt: {}
-  },
-  emits: ["error", "load"],
-  setup(B, { emit: C }) {
-    const e = B, h = C, L = (a) => {
-      h("error", a);
-    }, M = (a) => {
-      h("load", a);
-    }, m = q(!1), P = (a, t = 0) => Array.isArray(a) ? a[t] : a, N = r(() => `${e.imagePadding}px`), p = r(() => `${e.size}px`), w = r(() => P(e.src)), g = r(() => e.previewSrc || e.src), V = r(() => {
-      const a = g.value;
-      return Array.isArray(a) ? a.length > 0 : !!a;
-    }), D = r(() => {
-      const a = g.value;
-      return Array.isArray(a) ? a : a || "";
-    }), v = r(() => e.preview && V.value), E = r(
-      () => H({
-        nmorph: [e.frameBorder > 0 && "shadow-combined"],
-        "nmorph-avatar": [e.shape, v.value && "preview"]
-      })
-    ), S = r(() => `${e.size / 100 * 60}px`), y = r(() => `${Math.max(12, e.size * 0.38)}px`), U = r(() => e.shape === "circle" ? "50%" : "4px"), F = r(() => e.shape === "circle" ? "50%" : "2px"), O = r(() => ({
-      width: p.value,
-      height: p.value,
-      "--nmorph-avatar-size": p.value,
-      "--nmorph-avatar-image-padding": N.value,
-      "--nmorph-avatar-radius": U.value,
-      "--nmorph-avatar-image-radius": F.value,
-      "--nmorph-avatar-frame-border": `${e.frameBorder}px`
-    })), x = r(() => e.fallback || A), c = r(() => {
-      const a = e.name.trim();
-      if (!a) return "";
-      const t = a.split(/\s+/);
-      return (t.length > 1 ? `${t[0][0]}${t[t.length - 1][0]}` : t[0].slice(0, 2)).toUpperCase();
-    }), R = () => {
-      v.value && (m.value = !0);
-    };
-    return (a, t) => (l(), d("div", {
-      class: G(E.value),
-      style: f(O.value),
-      onClick: R
-    }, [
-      s(i(K), {
-        fit: e.fit,
-        src: w.value,
-        "src-set": e.srcSet,
-        alt: e.alt,
+import p from "./NmorphAvatar.vue2.js";
+import { openBlock as e, createElementBlock as l, normalizeStyle as n, normalizeClass as h, createVNode as o, withCtx as a, renderSlot as c, toDisplayString as s, createBlock as i, resolveDynamicComponent as d, createCommentVNode as v } from "vue";
+/* empty css                  */
+import S from "../../../_virtual/_plugin-vue_export-helper.js";
+function w(m, t, _, r, y, I) {
+  return e(), l(
+    "div",
+    {
+      class: h(r.modifiers),
+      style: n(r.styles),
+      onClick: r.openPreview
+    },
+    [
+      o(r.NmorphImage, {
+        fit: r.props.fit,
+        src: r.imageSrc,
+        "src-set": r.props.srcSet,
+        alt: r.props.alt,
         "frame-border": 0,
-        onLoad: M,
-        onError: L
+        onLoad: r.onImageLoad,
+        onError: r.onImageError
       }, {
-        loading: o(() => [
-          s(i(u), { size: "small" }, {
-            default: o(() => [
-              s(i(b))
+        loading: a(() => [
+          o(r.NmorphIcon, { size: "small" }, {
+            default: a(() => [
+              o(r.NmorphIconLoaderDots)
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
-        error: o(() => [
-          z(a.$slots, "error", {}, () => [
-            c.value ? (l(), d("span", {
-              key: 0,
-              class: "nmorph-avatar__initials",
-              style: f({ fontSize: y.value })
-            }, k(c.value), 5)) : (l(), n(i(u), {
+        error: a(() => [
+          c(m.$slots, "error", {}, () => [
+            r.initials ? (e(), l(
+              "span",
+              {
+                key: 0,
+                class: "nmorph-avatar__initials",
+                style: n({ fontSize: r.initialsFontSize })
+              },
+              s(r.initials),
+              5
+              /* TEXT, STYLE */
+            )) : (e(), i(r.NmorphIcon, {
               key: 1,
-              width: S.value
+              width: r.stubIconSize
             }, {
-              default: o(() => [
-                (l(), n($(x.value)))
+              default: a(() => [
+                (e(), i(d(r.fallback)))
               ]),
               _: 1
+              /* STABLE */
             }, 8, ["width"]))
           ])
         ]),
         _: 3
+        /* FORWARDED */
       }, 8, ["fit", "src", "src-set", "alt"]),
-      w.value ? I("", !0) : z(a.$slots, "error", { key: 0 }, () => [
-        c.value ? (l(), d("span", {
-          key: 0,
-          class: "nmorph-avatar__initials",
-          style: f({ fontSize: y.value })
-        }, k(c.value), 5)) : (l(), n(i(u), {
+      r.imageSrc ? v("v-if", !0) : c(m.$slots, "error", { key: 0 }, () => [
+        r.initials ? (e(), l(
+          "span",
+          {
+            key: 0,
+            class: "nmorph-avatar__initials",
+            style: n({ fontSize: r.initialsFontSize })
+          },
+          s(r.initials),
+          5
+          /* TEXT, STYLE */
+        )) : (e(), i(r.NmorphIcon, {
           key: 1,
-          width: S.value
+          width: r.stubIconSize
         }, {
-          default: o(() => [
-            (l(), n($(x.value)))
+          default: a(() => [
+            (e(), i(d(r.fallback)))
           ]),
           _: 1
+          /* STABLE */
         }, 8, ["width"]))
       ]),
-      v.value ? (l(), n(J, {
+      r.previewAvailable ? (e(), i(r.NmorphImagePreview, {
         key: 1,
-        modelValue: m.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (_) => m.value = _),
+        modelValue: r.previewOpen,
+        "onUpdate:modelValue": t[0] || (t[0] = (f) => r.previewOpen = f),
         "show-trigger": !1,
-        src: D.value,
-        alt: e.alt,
-        "initial-index": e.previewInitialIndex,
-        "scale-step": e.previewScaleStep,
-        "min-scale-level": e.previewMinScaleLevel,
-        "max-scale-level": e.previewMaxScaleLevel
+        src: r.imagePreviewSrc,
+        alt: r.props.alt,
+        "initial-index": r.props.previewInitialIndex,
+        "scale-step": r.props.previewScaleStep,
+        "min-scale-level": r.props.previewMinScaleLevel,
+        "max-scale-level": r.props.previewMaxScaleLevel
       }, {
-        loading: o(() => [
-          s(i(u), { size: "small" }, {
-            default: o(() => [
-              s(i(b))
+        loading: a(() => [
+          o(r.NmorphIcon, { size: "small" }, {
+            default: a(() => [
+              o(r.NmorphIconLoaderDots)
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
         _: 1
-      }, 8, ["modelValue", "src", "alt", "initial-index", "scale-step", "min-scale-level", "max-scale-level"])) : I("", !0)
-    ], 6));
-  }
-});
+        /* STABLE */
+      }, 8, ["modelValue", "src", "alt", "initial-index", "scale-step", "min-scale-level", "max-scale-level"])) : v("v-if", !0)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const b = /* @__PURE__ */ S(p, [["render", w], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-avatar/NmorphAvatar.vue"]]);
 export {
-  le as default
+  b as default
 };

package/dist/components/data/nmorph-avatar/NmorphAvatar.vue2.js

@@ -0,0 +1,74 @@
+import './NmorphAvatar.css';
+import { defineComponent as z, ref as $, computed as a } from "vue";
+import { useModifiers as B } from "../../../utils/create-modifiers.js";
+import L from "../nmorph-image-preview/NmorphImagePreview.vue.js";
+import v from "../../../assets/icons/avatar.svg.js";
+import M from "../../../assets/icons/loader.svg.js";
+import k from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import C from "../nmorph-image/NmorphImage.vue.js";
+const J = /* @__PURE__ */ z({
+  __name: "NmorphAvatar",
+  props: {
+    src: { type: [String, Array], required: !1, default: void 0 },
+    size: { type: Number, required: !1, default: 48 },
+    shape: { type: null, required: !1, default: "circle" },
+    frameBorder: { type: Number, required: !1, default: 2 },
+    imagePadding: { type: Number, required: !1, default: 4 },
+    name: { type: String, required: !1, default: "" },
+    fallback: { type: null, required: !1, default: () => v },
+    preview: { type: Boolean, required: !1, default: !1 },
+    previewSrc: { type: [String, Array], required: !1, default: void 0 },
+    previewInitialIndex: { type: Number, required: !1, default: 0 },
+    previewScaleStep: { type: Number, required: !1, default: 0.2 },
+    previewMinScaleLevel: { type: Number, required: !1, default: 0.2 },
+    previewMaxScaleLevel: { type: Number, required: !1, default: 4 },
+    srcSet: { type: String, required: !1 },
+    fit: { type: null, required: !1 },
+    alt: { type: String, required: !1 }
+  },
+  emits: ["error", "load"],
+  setup(g, { expose: h, emit: y }) {
+    h();
+    const r = g, o = y, S = (e) => {
+      o("error", e);
+    }, w = (e) => {
+      o("load", e);
+    }, l = $(!1), p = (e, t = 0) => Array.isArray(e) ? e[t] : e, u = a(() => `${r.imagePadding}px`), i = a(() => `${r.size}px`), b = a(() => p(r.src)), n = a(() => r.previewSrc || r.src), m = a(() => {
+      const e = n.value;
+      return Array.isArray(e) ? e.length > 0 : !!e;
+    }), q = a(() => {
+      const e = n.value;
+      return Array.isArray(e) ? e : e || "";
+    }), s = a(() => r.preview && m.value), N = a(
+      () => B({
+        nmorph: [r.frameBorder > 0 && "shadow-combined"],
+        "nmorph-avatar": [r.shape, s.value && "preview"]
+      })
+    ), I = a(() => `${r.size / 100 * 60}px`), x = a(() => `${Math.max(12, r.size * 0.38)}px`), c = a(() => r.shape === "circle" ? "50%" : "4px"), d = a(() => r.shape === "circle" ? "50%" : "2px"), A = a(() => ({
+      width: i.value,
+      height: i.value,
+      "--nmorph-avatar-size": i.value,
+      "--nmorph-avatar-image-padding": u.value,
+      "--nmorph-avatar-radius": c.value,
+      "--nmorph-avatar-image-radius": d.value,
+      "--nmorph-avatar-frame-border": `${r.frameBorder}px`
+    })), _ = a(() => r.fallback || v), P = a(() => {
+      const e = r.name.trim();
+      if (!e) return "";
+      const t = e.split(/\s+/);
+      return (t.length > 1 ? `${t[0][0]}${t[t.length - 1][0]}` : t[0].slice(0, 2)).toUpperCase();
+    }), f = { props: r, emit: o, onImageError: S, onImageLoad: w, previewOpen: l, getSourceByIndex: p, imagePadding: u, size: i, imageSrc: b, previewSource: n, hasPreviewSource: m, imagePreviewSrc: q, previewAvailable: s, modifiers: N, stubIconSize: I, initialsFontSize: x, radius: c, imageRadius: d, styles: A, fallback: _, initials: P, openPreview: () => {
+      s.value && (l.value = !0);
+    }, get NmorphImage() {
+      return C;
+    }, get NmorphIcon() {
+      return k;
+    }, get NmorphIconLoaderDots() {
+      return M;
+    }, NmorphImagePreview: L };
+    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
+  }
+});
+export {
+  J as default
+};

package/dist/components/data/nmorph-badge/NmorphBadge.vue.js

@@ -1,148 +1,114 @@
 import './NmorphBadge.css';
-import { defineComponent as H, computed as a, ref as c, onMounted as O, watch as D, openBlock as n, createElementBlock as r, normalizeStyle as d, normalizeClass as b, renderSlot as v, createCommentVNode as p, createElementVNode as y, createTextVNode as m, toDisplayString as h, Fragment as X, nextTick as Y } from "vue";
-import { useModifiers as g } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as w, createCssVariables as R } from "../../../utils/common.js";
-const E = { class: "nmorph-badge__content" }, W = {
+import c from "./NmorphBadge.vue2.js";
+import { openBlock as o, createElementBlock as a, normalizeStyle as r, normalizeClass as i, renderSlot as d, createCommentVNode as s, createElementVNode as n, createTextVNode as t, toDisplayString as y, Fragment as m } from "vue";
+/* empty css                 */
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = { class: "nmorph-badge__content" }, b = {
   key: 0,
   class: "nmorph-badge__dot"
-}, j = {
+}, g = {
   key: 1,
   class: "nmorph-badge__content"
-}, J = /* @__PURE__ */ H({
-  __name: "NmorphBadge",
-  props: {
-    value: { default: void 0 },
-    max: { default: 99 },
-    type: { default: "default" },
-    ribbonCorner: { default: "top-right" },
-    ribbonTilt: { type: Boolean, default: !0 },
-    isDot: { type: Boolean, default: !1 },
-    isTag: { type: Boolean, default: !1 },
-    hidden: { type: Boolean, default: !1 },
-    hideOnFalsyValue: { type: Boolean, default: !1 },
-    color: { default: "var(--nmorph-accent-color)" },
-    size: { default: "base" },
-    ribbonSize: { default: void 0 },
-    ribbonRadius: { default: void 0 },
-    offsetY: { default: 0 },
-    offsetX: { default: 0 },
-    zIndex: { default: 1 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  setup(S) {
-    const e = S, i = a(() => e.type !== "default" ? e.type : e.isDot ? "dot" : e.isTag ? "tag" : "default"), _ = a(() => i.value === "dot"), o = a(() => i.value === "tag"), l = a(() => i.value === "ribbon"), $ = a(
-      () => g({
-        "nmorph-badge": [
-          e.hidden && "hidden",
-          o.value && "tag",
-          l.value && "ribbon",
-          l.value && `ribbon-${e.ribbonCorner}`,
-          e.size
-        ]
-      })
-    ), x = a(
-      () => g({
-        "nmorph-badge__container": [
-          e.hidden && "hidden",
-          o.value && "tag",
-          l.value && "ribbon",
-          l.value && `ribbon-${e.ribbonCorner}`
-        ]
-      })
-    ), I = a(
-      () => g({
-        "nmorph-badge__ribbon-corner": [e.ribbonCorner, !e.ribbonTilt && "flat"]
-      })
-    ), s = a(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), F = a(() => e.hideOnFalsyValue && !e.value), f = a(() => (_.value || e.value !== void 0) && !F.value), z = a(() => {
-      const t = `${(V?.value / 2 + e.offsetX) * -1}px`, T = `${(B?.value / 2 + e.offsetY) * -1}px`;
-      return {
-        x: t,
-        y: T
-      };
-    }), k = a(() => o.value || l.value ? {
-      zIndex: e.zIndex
-    } : {
-      right: z.value.x,
-      top: z.value.y,
-      zIndex: e.zIndex
-    }), u = c(null), V = c(0), B = c(0), M = a(() => ({
-      ...R({
-        "--nmorph-badge-color": e.color
-      }),
-      ...w({
-        "--nmorph-badge-ribbon-offset-x": e.offsetX !== 0 && e.offsetX,
-        "--nmorph-badge-ribbon-offset-y": e.offsetY !== 0 && e.offsetY,
-        "--nmorph-badge-ribbon-height": e.ribbonSize,
-        "--nmorph-badge-ribbon-radius": e.ribbonRadius
-      })
-    })), C = async () => {
-      await Y(), !(!u.value || o.value || l.value) && (V.value = u.value.clientWidth, B.value = u.value.clientHeight);
-    }, N = a(() => ({
-      zIndex: e.zIndex
-    }));
-    return O(C), D(
-      () => [
-        e.value,
-        e.max,
-        i.value,
-        e.ribbonCorner,
-        e.ribbonTilt,
-        e.size,
-        e.hideOnFalsyValue
-      ],
-      C
-    ), (t, T) => !e.disabled && (!o.value || f.value) ? (n(), r("div", {
+};
+function h(l, v, p, e, k, T) {
+  return !e.props.disabled && (!e.isTagType || e.shouldShowBadge) ? (o(), a(
+    "div",
+    {
       key: 0,
-      class: b($.value),
-      style: d(M.value)
-    }, [
-      o.value ? p("", !0) : v(t.$slots, "default", { key: 0 }),
-      f.value && l.value ? (n(), r("div", {
-        key: 1,
-        class: "nmorph-badge__ribbon-frame",
-        style: d(N.value)
-      }, [
-        y("div", {
-          class: b(I.value)
-        }, [
-          y("div", {
-            ref_key: "badge",
-            ref: u,
-            class: b(x.value),
-            style: d(k.value)
-          }, [
-            y("div", E, [
-              v(t.$slots, "value", {
-                value: e.value,
-                displayValue: s.value
-              }, () => [
-                m(h(s.value), 1)
-              ])
+      class: i(e.modifiers),
+      style: r(e.styles)
+    },
+    [
+      e.isTagType ? s("v-if", !0) : d(l.$slots, "default", { key: 0 }),
+      e.shouldShowBadge && e.isRibbon ? (o(), a(
+        "div",
+        {
+          key: 1,
+          class: "nmorph-badge__ribbon-frame",
+          style: r(e.ribbonFrameStyle)
+        },
+        [
+          n(
+            "div",
+            {
+              class: i(e.ribbonCornerModifiers)
+            },
+            [
+              n(
+                "div",
+                {
+                  ref: "badge",
+                  class: i(e.containerModifiers),
+                  style: r(e.containerStyle)
+                },
+                [
+                  n("div", _, [
+                    d(l.$slots, "value", {
+                      value: e.props.value,
+                      displayValue: e.displayValue
+                    }, () => [
+                      t(
+                        y(e.displayValue),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ])
+                ],
+                6
+                /* CLASS, STYLE */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        4
+        /* STYLE */
+      )) : e.shouldShowBadge ? (o(), a(
+        "div",
+        {
+          key: 2,
+          ref: "badge",
+          class: i(e.containerModifiers),
+          style: r(e.containerStyle)
+        },
+        [
+          e.isDotType ? (o(), a("div", b)) : (o(), a("div", g, [
+            e.isTagType ? (o(), a(
+              m,
+              { key: 0 },
+              [
+                t(
+                  y(e.displayValue),
+                  1
+                  /* TEXT */
+                )
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : d(l.$slots, "value", {
+              key: 1,
+              value: e.props.value,
+              displayValue: e.displayValue
+            }, () => [
+              t(
+                y(e.displayValue),
+                1
+                /* TEXT */
+              )
             ])
-          ], 6)
-        ], 2)
-      ], 4)) : f.value ? (n(), r("div", {
-        key: 2,
-        ref_key: "badge",
-        ref: u,
-        class: b(x.value),
-        style: d(k.value)
-      }, [
-        _.value ? (n(), r("div", W)) : (n(), r("div", j, [
-          o.value ? (n(), r(X, { key: 0 }, [
-            m(h(s.value), 1)
-          ], 64)) : v(t.$slots, "value", {
-            key: 1,
-            value: e.value,
-            displayValue: s.value
-          }, () => [
-            m(h(s.value), 1)
-          ])
-        ]))
-      ], 6)) : p("", !0)
-    ], 6)) : o.value ? p("", !0) : v(t.$slots, "default", { key: 1 });
-  }
-});
+          ]))
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : s("v-if", !0)
+    ],
+    6
+    /* CLASS, STYLE */
+  )) : e.isTagType ? s("v-if", !0) : d(l.$slots, "default", { key: 1 });
+}
+const w = /* @__PURE__ */ f(c, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-badge/NmorphBadge.vue"]]);
 export {
-  J as default
+  w as default
 };

package/dist/components/data/nmorph-badge/NmorphBadge.vue2.js

@@ -0,0 +1,96 @@
+import './NmorphBadge.css';
+import { defineComponent as B, computed as r, ref as d, onMounted as C, watch as V, nextTick as I } from "vue";
+import { useModifiers as f } from "../../../utils/create-modifiers.js";
+import { createCssSizeVariables as M, createCssVariables as O } from "../../../utils/common.js";
+const X = /* @__PURE__ */ B({
+  __name: "NmorphBadge",
+  props: {
+    value: { type: [Number, String], required: !1, default: void 0 },
+    max: { type: Number, required: !1, default: 99 },
+    type: { type: String, required: !1, default: "default" },
+    ribbonCorner: { type: String, required: !1, default: "top-right" },
+    ribbonTilt: { type: Boolean, required: !1, default: !0 },
+    isDot: { type: Boolean, required: !1, default: !1 },
+    isTag: { type: Boolean, required: !1, default: !1 },
+    hidden: { type: Boolean, required: !1, default: !1 },
+    hideOnFalsyValue: { type: Boolean, required: !1, default: !1 },
+    color: { type: String, required: !1, default: "var(--nmorph-accent-color)" },
+    size: { type: String, required: !1, default: "base" },
+    ribbonSize: { type: [Number, String], required: !1, default: void 0 },
+    ribbonRadius: { type: [Number, String], required: !1, default: void 0 },
+    offsetY: { type: Number, required: !1, default: 0 },
+    offsetX: { type: Number, required: !1, default: 0 },
+    zIndex: { type: Number, required: !1, default: 1 },
+    disabled: { type: Boolean, required: !1, default: !1 }
+  },
+  setup(m, { expose: y }) {
+    y();
+    const e = m, t = r(() => e.type !== "default" ? e.type : e.isDot ? "dot" : e.isTag ? "tag" : "default"), b = r(() => t.value === "dot"), o = r(() => t.value === "tag"), a = r(() => t.value === "ribbon"), g = r(
+      () => f({
+        "nmorph-badge": [
+          e.hidden && "hidden",
+          o.value && "tag",
+          a.value && "ribbon",
+          a.value && `ribbon-${e.ribbonCorner}`,
+          e.size
+        ]
+      })
+    ), h = r(
+      () => f({
+        "nmorph-badge__container": [
+          e.hidden && "hidden",
+          o.value && "tag",
+          a.value && "ribbon",
+          a.value && `ribbon-${e.ribbonCorner}`
+        ]
+      })
+    ), x = r(
+      () => f({
+        "nmorph-badge__ribbon-corner": [e.ribbonCorner, !e.ribbonTilt && "flat"]
+      })
+    ), q = r(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), p = r(() => e.hideOnFalsyValue && !e.value), S = r(() => (b.value || e.value !== void 0) && !p.value), i = r(() => {
+      const v = `${(l?.value / 2 + e.offsetX) * -1}px`, T = `${(u?.value / 2 + e.offsetY) * -1}px`;
+      return {
+        x: v,
+        y: T
+      };
+    }), z = r(() => o.value || a.value ? {
+      zIndex: e.zIndex
+    } : {
+      right: i.value.x,
+      top: i.value.y,
+      zIndex: e.zIndex
+    }), n = d(null), l = d(0), u = d(0), _ = r(() => ({
+      ...O({
+        "--nmorph-badge-color": e.color
+      }),
+      ...M({
+        "--nmorph-badge-ribbon-offset-x": e.offsetX !== 0 && e.offsetX,
+        "--nmorph-badge-ribbon-offset-y": e.offsetY !== 0 && e.offsetY,
+        "--nmorph-badge-ribbon-height": e.ribbonSize,
+        "--nmorph-badge-ribbon-radius": e.ribbonRadius
+      })
+    })), s = async () => {
+      await I(), !(!n.value || o.value || a.value) && (l.value = n.value.clientWidth, u.value = n.value.clientHeight);
+    }, N = r(() => ({
+      zIndex: e.zIndex
+    }));
+    C(s), V(
+      () => [
+        e.value,
+        e.max,
+        t.value,
+        e.ribbonCorner,
+        e.ribbonTilt,
+        e.size,
+        e.hideOnFalsyValue
+      ],
+      s
+    );
+    const c = { props: e, resolvedType: t, isDotType: b, isTagType: o, isRibbon: a, modifiers: g, containerModifiers: h, ribbonCornerModifiers: x, displayValue: q, shouldHideOnFalsyValue: p, shouldShowBadge: S, appliedOffset: i, containerStyle: z, badge: n, badgeWidth: l, badgeHeight: u, styles: _, updateBadgeSize: s, ribbonFrameStyle: N };
+    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
+  }
+});
+export {
+  X as default
+};