@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

package/dist/assets/icons/zoom-in.svg.js

@@ -2,7 +2,13 @@ import { openBlock as o, createElementBlock as t, createElementVNode as n } from
 const r = { viewBox: "0 0 32 32" };
 function c(l, e) {
   return o(), t("svg", r, [...e[0] || (e[0] = [
-    n("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16m2-14h-4v4H6v4h4v4h4v-4h4v-4h-4z" }, null, -1)
+    n(
+      "path",
+      { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16m2-14h-4v4H6v4h4v4h4v-4h4v-4h-4z" },
+      null,
+      -1
+      /* CACHED */
+    )
   ])]);
 }
 const h = { render: c };

package/dist/assets/icons/zoom-out.svg.js

@@ -2,7 +2,13 @@ import { openBlock as o, createElementBlock as t, createElementVNode as n } from
 const r = { viewBox: "0 0 32 32" };
 function c(l, e) {
   return o(), t("svg", r, [...e[0] || (e[0] = [
-    n("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16M6 10h12v4H6z" }, null, -1)
+    n(
+      "path",
+      { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16M6 10h12v4H6z" },
+      null,
+      -1
+      /* CACHED */
+    )
   ])]);
 }
 const s = { render: c };

package/dist/components/basic/nmorph-button/NmorphButton.vue.js

@@ -1,107 +1,76 @@
 import './NmorphButton.css';
-import { defineComponent as C, useSlots as z, computed as o, ref as N, openBlock as t, createElementBlock as r, normalizeStyle as V, normalizeClass as $, createElementVNode as O, createBlock as i, unref as a, withCtx as s, createVNode as E, renderSlot as n, Fragment as H, createCommentVNode as f, toDisplayString as M } from "vue";
-import { useModifiers as D } from "../../../utils/create-modifiers.js";
-import { NmorphComponentHeight as I } from "../../../types/common.types.js";
-import d from "../nmorph-icon/NmorphIcon.vue.js";
-/* empty css                             */
-import w from "../../../assets/icons/loading.svg.js";
-const T = ["disabled", "loading", "type", "tabindex", "aria-pressed"], F = {
+import d from "./NmorphButton.vue2.js";
+import { openBlock as e, createElementBlock as r, normalizeStyle as s, normalizeClass as c, createElementVNode as m, createBlock as l, withCtx as a, createVNode as p, renderSlot as n, Fragment as f, createCommentVNode as i, toDisplayString as _ } from "vue";
+/* empty css                  */
+import b from "../../../_virtual/_plugin-vue_export-helper.js";
+const h = ["disabled", "loading", "type", "tabindex", "aria-pressed"], y = {
   key: 1,
   class: "nmorph-button__label"
-}, P = /* @__PURE__ */ C({
-  __name: "NmorphButton",
-  props: {
-    styleType: { default: "default" },
-    color: { default: void 0 },
-    loading: { type: Boolean, default: !1 },
-    ripple: { type: Boolean, default: !0 },
-    type: { default: "button" },
-    text: { default: void 0 },
-    accentBgOnHover: { type: Boolean, default: !1 },
-    shape: { default: "default" },
-    fill: { type: Boolean, default: !1 },
-    tabindex: { default: 0 },
-    toggle: { type: Boolean, default: !1 },
-    modelValue: { type: Boolean, default: void 0 },
-    active: { type: Boolean, default: !1 },
-    danger: { type: Boolean, default: !1 },
-    id: {},
-    name: {},
-    autocomplete: {},
-    height: { default: "basic" },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:model-value"],
-  setup(y, { expose: h, emit: g }) {
-    const e = y, b = g, u = z(), v = o(() => !!u.icon), c = o(() => !!u["icon-only"]), p = o(() => e.active || !!e.modelValue), B = o(
-      () => D({
-        nmorph: [I[e.height], e.fill && "fill"],
-        "nmorph-button": [
-          e.styleType,
-          e.shape,
-          e.disabled && "disabled",
-          e.accentBgOnHover && "accent-bg-on-hover",
-          e.ripple && "ripple",
-          c.value && "icon-only",
-          e.color && "custom-color",
-          p.value && "active",
-          e.danger && "danger"
-        ]
-      })
-    ), m = N(null), _ = {
-      thin: "small",
-      basic: "medium",
-      thick: "large"
-    }, k = o(() => _[e.height]), S = o(() => e.color ? {
-      "--nmorph-button-color": e.color,
-      "--transparent-button-color": e.color,
-      "--nmorph-button-hover-color": `color-mix(in srgb, ${e.color} 75%, var(--nmorph-white-color))`
-    } : {}), x = () => {
-      !e.toggle || e.disabled || e.loading || b("update:model-value", !e.modelValue);
-    };
-    return h({ buttonDOMElement: m }), (l, L) => (t(), r("div", {
-      class: $(B.value),
-      style: V(S.value)
-    }, [
-      O("button", {
-        ref_key: "buttonDOMElement",
-        ref: m,
+};
+function g(t, k, N, o, v, S) {
+  return e(), r(
+    "div",
+    {
+      class: c(o.modifiers),
+      style: s(o.buttonColorStyles)
+    },
+    [
+      m("button", {
+        ref: "buttonDOMElement",
         class: "nmorph-button__content",
-        disabled: e.disabled,
-        loading: e.loading,
-        type: e.type,
-        tabindex: e.tabindex,
-        "aria-pressed": e.toggle ? p.value : void 0,
-        onClick: x
+        disabled: o.props.disabled,
+        loading: o.props.loading,
+        type: o.props.type,
+        tabindex: o.props.tabindex,
+        "aria-pressed": o.props.toggle ? o.active : void 0,
+        onClick: o.toggleClickHandler
       }, [
-        e.loading ? (t(), i(a(d), {
+        o.props.loading ? (e(), l(o.NmorphIcon, {
           key: 0,
-          size: k.value
+          size: o.loadingButtonSize
         }, {
-          default: s(() => [
-            E(a(w))
+          default: a(() => [
+            p(o.NmorphIconLoader)
           ]),
           _: 1
-        }, 8, ["size"])) : c.value ? (t(), i(a(d), { key: 1 }, {
-          default: s(() => [
-            n(l.$slots, "icon-only")
+          /* STABLE */
+        }, 8, ["size"])) : o.hasIconOnlySlot ? (e(), l(o.NmorphIcon, { key: 1 }, {
+          default: a(() => [
+            n(t.$slots, "icon-only")
           ]),
           _: 3
-        })) : (t(), r(H, { key: 2 }, [
-          v.value ? (t(), i(a(d), { key: 0 }, {
-            default: s(() => [
-              n(l.$slots, "icon")
-            ]),
-            _: 3
-          })) : f("", !0),
-          n(l.$slots, "default"),
-          e.text !== void 0 ? (t(), r("span", F, M(e.text), 1)) : f("", !0),
-          n(l.$slots, "append")
-        ], 64))
-      ], 8, T)
-    ], 6));
-  }
-});
+          /* FORWARDED */
+        })) : (e(), r(
+          f,
+          { key: 2 },
+          [
+            o.hasIconSlot ? (e(), l(o.NmorphIcon, { key: 0 }, {
+              default: a(() => [
+                n(t.$slots, "icon")
+              ]),
+              _: 3
+              /* FORWARDED */
+            })) : i("v-if", !0),
+            n(t.$slots, "default"),
+            o.props.text !== void 0 ? (e(), r(
+              "span",
+              y,
+              _(o.props.text),
+              1
+              /* TEXT */
+            )) : i("v-if", !0),
+            n(t.$slots, "append")
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ], 8, h)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const z = /* @__PURE__ */ b(d, [["render", g], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-button/NmorphButton.vue"]]);
 export {
-  P as default
+  z as default
 };

package/dist/components/basic/nmorph-button/NmorphButton.vue2.js

@@ -0,0 +1,69 @@
+import './NmorphButton.css';
+import { defineComponent as h, useSlots as b, computed as o, ref as q } from "vue";
+import { useModifiers as v } from "../../../utils/create-modifiers.js";
+import { NmorphComponentHeight as B } from "../../../types/common.types.js";
+import S from "../../../assets/icons/loading.svg.js";
+import _ from "../nmorph-icon/NmorphIcon.vue.js";
+const H = /* @__PURE__ */ h({
+  __name: "NmorphButton",
+  props: {
+    styleType: { type: null, required: !1, default: "default" },
+    color: { type: String, required: !1, default: void 0 },
+    loading: { type: Boolean, required: !1, default: !1 },
+    ripple: { type: Boolean, required: !1, default: !0 },
+    type: { type: null, required: !1, default: "button" },
+    text: { type: [String, Number], required: !1, default: void 0 },
+    accentBgOnHover: { type: Boolean, required: !1, default: !1 },
+    shape: { type: null, required: !1, default: "default" },
+    fill: { type: Boolean, required: !1, default: !1 },
+    tabindex: { type: Number, required: !1, default: 0 },
+    toggle: { type: Boolean, required: !1, default: !1 },
+    modelValue: { type: Boolean, required: !1, default: void 0 },
+    active: { type: Boolean, required: !1, default: !1 },
+    danger: { type: Boolean, required: !1, default: !1 },
+    id: { type: String, required: !1 },
+    name: { type: String, required: !1 },
+    autocomplete: { type: String, required: !1 },
+    height: { type: null, required: !1, default: "basic" },
+    disabled: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["update:model-value"],
+  setup(d, { expose: s, emit: p }) {
+    const e = d, l = p, t = b(), f = o(() => !!t.icon), r = o(() => !!t["icon-only"]), a = o(() => e.active || !!e.modelValue), c = o(
+      () => v({
+        nmorph: [B[e.height], e.fill && "fill"],
+        "nmorph-button": [
+          e.styleType,
+          e.shape,
+          e.disabled && "disabled",
+          e.accentBgOnHover && "accent-bg-on-hover",
+          e.ripple && "ripple",
+          r.value && "icon-only",
+          e.color && "custom-color",
+          a.value && "active",
+          e.danger && "danger"
+        ]
+      })
+    ), n = q(null), i = {
+      thin: "small",
+      basic: "medium",
+      thick: "large"
+    }, m = o(() => i[e.height]), y = o(() => e.color ? {
+      "--nmorph-button-color": e.color,
+      "--transparent-button-color": e.color,
+      "--nmorph-button-hover-color": `color-mix(in srgb, ${e.color} 75%, var(--nmorph-white-color))`
+    } : {}), g = () => {
+      !e.toggle || e.disabled || e.loading || l("update:model-value", !e.modelValue);
+    };
+    s({ buttonDOMElement: n });
+    const u = { props: e, emit: l, slots: t, hasIconSlot: f, hasIconOnlySlot: r, active: a, modifiers: c, buttonDOMElement: n, iconSizeMap: i, loadingButtonSize: m, buttonColorStyles: y, toggleClickHandler: g, get NmorphIcon() {
+      return _;
+    }, get NmorphIconLoader() {
+      return S;
+    } };
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+  }
+});
+export {
+  H as default
+};

package/dist/components/basic/nmorph-icon/NmorphIcon.vue.js

@@ -1,37 +1,26 @@
 import './NmorphIcon.css';
-import { defineComponent as r, computed as t, openBlock as c, createElementBlock as n, normalizeStyle as h, normalizeClass as d, createElementVNode as m, renderSlot as a } from "vue";
-import { useModifiers as u } from "../../../utils/create-modifiers.js";
-const f = { class: "nmorph-icon__content" }, v = /* @__PURE__ */ r({
-  __name: "NmorphIcon",
-  props: {
-    size: { default: "small" },
-    width: { default: void 0 },
-    height: { default: void 0 },
-    color: { default: void 0 }
-  },
-  setup(i) {
-    const o = i, s = t(
-      () => u({
-        "nmorph-icon": [
-          !o.width && !o.height && o.size,
-          o.width && "custom-width",
-          o.height && "custom-height"
-        ]
-      })
-    ), l = t(() => {
-      const e = {};
-      return o.width && (e["--width"] = o.width), o.height && (e["--height"] = o.height), o.color && (e["--nmorph-icon-color"] = o.color, e["--color"] = o.color), e;
-    });
-    return (e, p) => (c(), n("div", {
-      class: d(s.value),
-      style: h(l.value)
-    }, [
-      m("div", f, [
-        a(e.$slots, "default")
+import r from "./NmorphIcon.vue2.js";
+import { openBlock as t, createElementBlock as n, normalizeStyle as s, normalizeClass as c, createElementVNode as i, renderSlot as m } from "vue";
+/* empty css                */
+import l from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = { class: "nmorph-icon__content" };
+function p(e, _, d, o, f, h) {
+  return t(), n(
+    "div",
+    {
+      class: c(o.modifiers),
+      style: s(o.customStyles)
+    },
+    [
+      i("div", a, [
+        m(e.$slots, "default")
       ])
-    ], 6));
-  }
-});
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const v = /* @__PURE__ */ l(r, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-icon/NmorphIcon.vue"]]);
 export {
   v as default
 };

package/dist/components/basic/nmorph-icon/NmorphIcon.vue2.js

@@ -0,0 +1,31 @@
+import './NmorphIcon.css';
+import { defineComponent as h, computed as i } from "vue";
+import { useModifiers as l } from "../../../utils/create-modifiers.js";
+const p = /* @__PURE__ */ h({
+  __name: "NmorphIcon",
+  props: {
+    size: { type: null, required: !1, default: "small" },
+    width: { type: String, required: !1, default: void 0 },
+    height: { type: String, required: !1, default: void 0 },
+    color: { type: String, required: !1, default: void 0 }
+  },
+  setup(r, { expose: s }) {
+    s();
+    const e = r, d = i(
+      () => l({
+        "nmorph-icon": [
+          !e.width && !e.height && e.size,
+          e.width && "custom-width",
+          e.height && "custom-height"
+        ]
+      })
+    ), n = i(() => {
+      const t = {};
+      return e.width && (t["--width"] = e.width), e.height && (t["--height"] = e.height), e.color && (t["--nmorph-icon-color"] = e.color, t["--color"] = e.color), t;
+    }), o = { props: e, modifiers: d, customStyles: n };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+  }
+});
+export {
+  p as default
+};

package/dist/components/basic/nmorph-layout/NmorphLayout.vue.js

@@ -1,66 +1,50 @@
 import './NmorphLayout.css';
-import { defineComponent as c, useSlots as p, computed as d, openBlock as t, createBlock as f, resolveDynamicComponent as _, normalizeStyle as y, normalizeClass as g, withCtx as k, unref as l, createElementBlock as i, renderSlot as s, createCommentVNode as r, createElementVNode as n } from "vue";
-import { useModifiers as C } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as $ } from "../../../utils/common.js";
-const v = {
+import l from "./NmorphLayout.vue2.js";
+import { openBlock as s, createBlock as n, resolveDynamicComponent as d, normalizeStyle as m, normalizeClass as _, withCtx as c, createElementBlock as r, renderSlot as t, createCommentVNode as a, createElementVNode as i } from "vue";
+/* empty css                  */
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = {
   key: 0,
   class: "nmorph-layout__header"
-}, B = { class: "nmorph-layout__body" }, P = {
+}, p = { class: "nmorph-layout__body" }, y = {
   key: 0,
   class: "nmorph-layout__aside"
-}, S = { class: "nmorph-layout__main" }, z = {
+}, u = { class: "nmorph-layout__main" }, k = {
   key: 1,
   class: "nmorph-layout__aside"
-}, N = {
+}, v = {
   key: 1,
   class: "nmorph-layout__footer"
-}, H = /* @__PURE__ */ c({
-  __name: "NmorphLayout",
-  props: {
-    tag: { default: "section" },
-    gap: { default: 0 },
-    asideWidth: { default: "240px" },
-    asidePosition: { default: "left" },
-    fullHeight: { type: Boolean, default: !1 }
-  },
-  setup(u) {
-    const e = u, a = p(), m = d(
-      () => C({
-        "nmorph-layout": [`aside-${e.asidePosition}`, e.fullHeight && "full-height"]
-      })
-    ), h = d(
-      () => $({
-        "--nmorph-layout-gap": e.gap,
-        "--nmorph-layout-aside-width": e.asideWidth
-      })
-    );
-    return (o, V) => (t(), f(_(e.tag), {
-      class: g(m.value),
-      style: y(h.value)
-    }, {
-      default: k(() => [
-        l(a).header ? (t(), i("header", v, [
-          s(o.$slots, "header")
-        ])) : r("", !0),
-        n("div", B, [
-          l(a).aside && e.asidePosition === "left" ? (t(), i("aside", P, [
-            s(o.$slots, "aside")
-          ])) : r("", !0),
-          n("main", S, [
-            s(o.$slots, "default")
-          ]),
-          l(a).aside && e.asidePosition === "right" ? (t(), i("aside", z, [
-            s(o.$slots, "aside")
-          ])) : r("", !0)
+};
+function b(e, C, N, o, B, g) {
+  return s(), n(d(o.props.tag), {
+    class: _(o.modifiers),
+    style: m(o.styles)
+  }, {
+    default: c(() => [
+      o.slots.header ? (s(), r("header", f, [
+        t(e.$slots, "header")
+      ])) : a("v-if", !0),
+      i("div", p, [
+        o.slots.aside && o.props.asidePosition === "left" ? (s(), r("aside", y, [
+          t(e.$slots, "aside")
+        ])) : a("v-if", !0),
+        i("main", u, [
+          t(e.$slots, "default")
         ]),
-        l(a).footer ? (t(), i("footer", N, [
-          s(o.$slots, "footer")
-        ])) : r("", !0)
+        o.slots.aside && o.props.asidePosition === "right" ? (s(), r("aside", k, [
+          t(e.$slots, "aside")
+        ])) : a("v-if", !0)
       ]),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-});
+      o.slots.footer ? (s(), r("footer", v, [
+        t(e.$slots, "footer")
+      ])) : a("v-if", !0)
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "style"]);
+}
+const S = /* @__PURE__ */ h(l, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-layout/NmorphLayout.vue"]]);
 export {
-  H as default
+  S as default
 };

package/dist/components/basic/nmorph-layout/NmorphLayout.vue2.js

@@ -0,0 +1,31 @@
+import './NmorphLayout.css';
+import { defineComponent as u, useSlots as p, computed as r } from "vue";
+import { useModifiers as d } from "../../../utils/create-modifiers.js";
+import { createCssSizeVariables as n } from "../../../utils/common.js";
+const g = /* @__PURE__ */ u({
+  __name: "NmorphLayout",
+  props: {
+    tag: { type: String, required: !1, default: "section" },
+    gap: { type: [Number, String], required: !1, default: 0 },
+    asideWidth: { type: [Number, String], required: !1, default: "240px" },
+    asidePosition: { type: String, required: !1, default: "left" },
+    fullHeight: { type: Boolean, required: !1, default: !1 }
+  },
+  setup(s, { expose: i }) {
+    i();
+    const e = s, o = p(), a = r(
+      () => d({
+        "nmorph-layout": [`aside-${e.asidePosition}`, e.fullHeight && "full-height"]
+      })
+    ), l = r(
+      () => n({
+        "--nmorph-layout-gap": e.gap,
+        "--nmorph-layout-aside-width": e.asideWidth
+      })
+    ), t = { props: e, slots: o, modifiers: a, styles: l };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  g as default
+};

package/dist/components/basic/nmorph-link/NmorphLink.vue.js

@@ -1,85 +1,61 @@
 import './NmorphLink.css';
-import { defineComponent as k, useSlots as _, computed as r, openBlock as t, createElementBlock as C, normalizeStyle as w, normalizeClass as b, createElementVNode as x, normalizeProps as B, guardReactiveProps as $, renderSlot as i, createBlock as n, unref as s, withCtx as f, resolveDynamicComponent as P, createCommentVNode as p, createTextVNode as S, toDisplayString as L } from "vue";
-import { useModifiers as V } from "../../../utils/create-modifiers.js";
-import { createCssVariables as z } from "../../../utils/common.js";
-import * as I from "../nmorph-icon/NmorphIcons.js";
-import { NmorphLinkTarget as T } from "./types.js";
-import { NmorphColor as A } from "../../../types/common.types.js";
-import m from "../nmorph-icon/NmorphIcon.vue.js";
-/* empty css                             */
-const F = /* @__PURE__ */ k({
-  __name: "NmorphLink",
-  props: {
-    type: { default: A.accent },
-    underline: { type: Boolean, default: !1 },
-    href: { default: "" },
-    text: { default: "" },
-    target: { default: "self" },
-    rel: { default: void 0 },
-    referrerpolicy: { default: void 0 },
-    referrerPolicy: { default: void 0 },
-    download: { type: [String, Boolean], default: void 0 },
-    ariaLabel: { default: void 0 },
-    title: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    color: { default: void 0 },
-    iconName: { default: void 0 }
-  },
-  setup(d) {
-    const e = d, u = _(), l = I, h = (o) => o.split(/[-_\s]+/).filter(Boolean).map((a) => `${a.charAt(0).toUpperCase()}${a.slice(1)}`).join(""), c = r(() => {
-      if (e.iconName)
-        return e.iconName in l ? l[e.iconName] : l[`NmorphIcon${h(e.iconName)}`];
-    }), v = r(
-      () => V({
-        "nmorph-link": [e.type, e.underline && "underline", e.disabled && "disabled"]
-      })
-    ), y = r(
-      () => z({
-        "--link-color": e.color
-      })
-    ), N = r(() => T[e.target] ?? e.target), g = r(() => ({
-      href: e.href,
-      target: N.value,
-      rel: e.rel,
-      referrerpolicy: e.referrerpolicy ?? e.referrerPolicy,
-      download: e.download === !0 ? "" : e.download === !1 ? void 0 : e.download,
-      "aria-label": e.ariaLabel,
-      title: e.title
-    }));
-    return (o, a) => (t(), C("div", {
-      class: b(v.value),
-      style: w(y.value)
-    }, [
-      x("a", B($(g.value)), [
-        i(o.$slots, "prepend"),
-        c.value ? (t(), n(s(m), {
-          key: 0,
-          class: "nmorph-link__icon",
-          width: "10px",
-          height: "10px"
-        }, {
-          default: f(() => [
-            (t(), n(P(c.value)))
-          ]),
-          _: 1
-        })) : p("", !0),
-        S(" " + L(d.text) + " ", 1),
-        s(u).icon ? (t(), n(s(m), {
-          key: 1,
-          class: "nmorph-link__icon",
-          width: "10px",
-          height: "10px"
-        }, {
-          default: f(() => [
-            i(o.$slots, "icon")
-          ]),
-          _: 3
-        })) : p("", !0),
-        i(o.$slots, "default")
-      ], 16)
-    ], 6));
-  }
-});
+import s from "./NmorphLink.vue2.js";
+import { openBlock as e, createElementBlock as a, normalizeStyle as m, normalizeClass as d, createElementVNode as p, normalizeProps as h, guardReactiveProps as f, renderSlot as n, createBlock as t, withCtx as i, resolveDynamicComponent as _, createCommentVNode as l, createTextVNode as k, toDisplayString as v } from "vue";
+/* empty css                */
+import y from "../../../_virtual/_plugin-vue_export-helper.js";
+function x(r, N, c, o, g, u) {
+  return e(), a(
+    "div",
+    {
+      class: d(o.modifiers),
+      style: m(o.styles)
+    },
+    [
+      p(
+        "a",
+        h(f(o.anchorAttrs)),
+        [
+          n(r.$slots, "prepend"),
+          o.resolvedIcon ? (e(), t(o.NmorphIcon, {
+            key: 0,
+            class: "nmorph-link__icon",
+            width: "10px",
+            height: "10px"
+          }, {
+            default: i(() => [
+              (e(), t(_(o.resolvedIcon)))
+            ]),
+            _: 1
+            /* STABLE */
+          })) : l("v-if", !0),
+          k(
+            " " + v(c.text) + " ",
+            1
+            /* TEXT */
+          ),
+          o.slots.icon ? (e(), t(o.NmorphIcon, {
+            key: 1,
+            class: "nmorph-link__icon",
+            width: "10px",
+            height: "10px"
+          }, {
+            default: i(() => [
+              n(r.$slots, "icon")
+            ]),
+            _: 3
+            /* FORWARDED */
+          })) : l("v-if", !0),
+          n(r.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      )
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const z = /* @__PURE__ */ y(s, [["render", x], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-link/NmorphLink.vue"]]);
 export {
-  F as default
+  z as default
 };