@nmorph/nmorph-ui-kit 2.2.52 → 2.2.53

package/dist/components/data/nmorph-card/NmorphCard.vue.js

@@ -1,65 +1,44 @@
 import './NmorphCard.css';
-import { defineComponent as v, useSlots as g, computed as i, openBlock as a, createBlock as _, resolveDynamicComponent as y, normalizeStyle as w, normalizeClass as c, withCtx as C, unref as l, createElementBlock as p, renderSlot as n, createCommentVNode as m, createElementVNode as S } from "vue";
-import { useModifiers as B } from "../../../utils/create-modifiers.js";
-import { toCssSize as d } from "../../../utils/common.js";
-import { NmorphShadowType as P } from "../../../types/common.types.js";
-const b = {
+import n from "./NmorphCard.vue2.js";
+import { openBlock as r, createBlock as c, resolveDynamicComponent as d, normalizeStyle as m, normalizeClass as s, withCtx as i, createElementBlock as a, renderSlot as t, createCommentVNode as l, createElementVNode as p } from "vue";
+/* empty css                */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = {
   key: 0,
   class: "nmorph-card__header"
-}, k = {
+}, h = {
   key: 1,
   class: "nmorph-card__footer"
-}, E = /* @__PURE__ */ v({
-  __name: "NmorphCard",
-  props: {
-    shadowType: { default: "outset" },
-    combinedShadowBorderWidth: { default: 0 },
-    cardPadding: { default: void 0 },
-    padding: { default: void 0 },
-    radius: { default: void 0 },
-    contentPadding: { default: void 0 },
-    contentClass: { default: "" },
-    fill: { type: Boolean, default: !0 },
-    tag: { default: "div" }
-  },
-  setup(u) {
-    const e = u, r = g(), f = i(
-      () => B({
-        nmorph: [P[e.shadowType]],
-        "nmorph-card": [e.shadowType, e.fill ? "fill" : "fit-content"]
-      })
-    ), h = i(() => {
-      const o = e.padding !== void 0 ? d(e.padding) : d(e.cardPadding), t = d(e.radius), s = d(e.contentPadding);
-      return {
-        ...e.shadowType === "combined" && {
-          "--nmorph-card-combined-border-width": `${e.combinedShadowBorderWidth}px`
+};
+function y(e, v, C, o, k, u) {
+  return r(), c(d(o.props.tag), {
+    class: s(o.modifiers),
+    style: m(o.styles)
+  }, {
+    default: i(() => [
+      o.slots.header ? (r(), a("div", f, [
+        t(e.$slots, "header")
+      ])) : l("v-if", !0),
+      p(
+        "div",
+        {
+          class: s(["nmorph-card__content", o.props.contentClass])
         },
-        ...o !== void 0 && { "--card-padding": o, padding: o },
-        ...t !== void 0 && { "--nmorph-card-radius": t },
-        ...s !== void 0 && { "--nmorph-card-content-padding": s }
-      };
-    });
-    return (o, t) => (a(), _(y(e.tag), {
-      class: c(f.value),
-      style: w(h.value)
-    }, {
-      default: C(() => [
-        l(r).header ? (a(), p("div", b, [
-          n(o.$slots, "header")
-        ])) : m("", !0),
-        S("div", {
-          class: c(["nmorph-card__content", e.contentClass])
-        }, [
-          n(o.$slots, "default")
-        ], 2),
-        l(r).footer ? (a(), p("div", k, [
-          n(o.$slots, "footer")
-        ])) : m("", !0)
-      ]),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-});
+        [
+          t(e.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      ),
+      o.slots.footer ? (r(), a("div", h, [
+        t(e.$slots, "footer")
+      ])) : l("v-if", !0)
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "style"]);
+}
+const E = /* @__PURE__ */ _(n, [["render", y], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-card/NmorphCard.vue"]]);
 export {
   E as default
 };

package/dist/components/data/nmorph-card/NmorphCard.vue2.js

@@ -0,0 +1,42 @@
+import './NmorphCard.css';
+import { defineComponent as f, useSlots as c, computed as a } from "vue";
+import { useModifiers as m } from "../../../utils/create-modifiers.js";
+import { toCssSize as d } from "../../../utils/common.js";
+import { NmorphShadowType as g } from "../../../types/common.types.js";
+const v = /* @__PURE__ */ f({
+  __name: "NmorphCard",
+  props: {
+    shadowType: { type: null, required: !1, default: "outset" },
+    combinedShadowBorderWidth: { type: Number, required: !1, default: 0 },
+    cardPadding: { type: [Number, String], required: !1, default: void 0 },
+    padding: { type: [Number, String], required: !1, default: void 0 },
+    radius: { type: [Number, String], required: !1, default: void 0 },
+    contentPadding: { type: [Number, String], required: !1, default: void 0 },
+    contentClass: { type: String, required: !1, default: "" },
+    fill: { type: Boolean, required: !1, default: !0 },
+    tag: { type: String, required: !1, default: "div" }
+  },
+  setup(n, { expose: s }) {
+    s();
+    const e = n, p = c(), u = a(
+      () => m({
+        nmorph: [g[e.shadowType]],
+        "nmorph-card": [e.shadowType, e.fill ? "fill" : "fit-content"]
+      })
+    ), l = a(() => {
+      const r = e.padding !== void 0 ? d(e.padding) : d(e.cardPadding), o = d(e.radius), i = d(e.contentPadding);
+      return {
+        ...e.shadowType === "combined" && {
+          "--nmorph-card-combined-border-width": `${e.combinedShadowBorderWidth}px`
+        },
+        ...r !== void 0 && { "--card-padding": r, padding: r },
+        ...o !== void 0 && { "--nmorph-card-radius": o },
+        ...i !== void 0 && { "--nmorph-card-content-padding": i }
+      };
+    }), t = { props: e, slots: p, modifiers: u, styles: l };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  v as default
+};

package/dist/components/data/nmorph-carousel/NmorphCarousel.vue.js

@@ -1,82 +1,90 @@
-import { defineComponent as U, ref as v, computed as p, provide as V, watch as h, openBlock as r, createElementBlock as n, normalizeClass as f, createElementVNode as l, normalizeStyle as X, Fragment as C, renderList as k, unref as a, createVNode as c, withCtx as S, renderSlot as A } from "vue";
-import { useModifiers as F } from "../../../utils/create-modifiers.js";
-import { generateUUID as L } from "../../../utils/common.js";
-import g from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                      */
-import $ from "../../../assets/icons/chevron-down.svg.js";
-const T = ["id"], j = { class: "nmorph-carousel__elements-indicator" }, q = ["onClick"], R = /* @__PURE__ */ U({
-  __name: "NmorphCarousel",
-  props: {
-    loop: { type: Boolean, default: !0 }
-  },
-  emits: ["change"],
-  setup(w, { emit: x }) {
-    const t = v(0), y = w, I = x, M = p(
-      () => F({
-        "nmorph-carousel": []
-      })
-    ), s = v([]), _ = L();
-    V("carousel-data", { data: s, carouselId: _ });
-    const o = p(() => s.value.length), b = (e) => o.value ? y.loop ? (e + o.value) % o.value : Math.min(Math.max(e, 0), o.value - 1) : 0, i = (e) => {
-      const u = b(e);
-      u !== t.value && (t.value = u);
-    }, z = () => i(t.value - 1), B = () => i(t.value + 1), D = p(() => `translateX(-${t.value * 100}%)`), E = (e) => e === t.value, N = (e) => {
-      i(e);
-    };
-    return h(o, (e) => {
-      t.value > e - 1 && (t.value = Math.max(e - 1, 0));
-    }), h(t, () => {
-      I("change", t.value);
-    }), (e, u) => (r(), n("div", {
-      class: f(M.value)
-    }, [
-      l("div", {
-        class: "nmorph-carousel__wrapper transition-enabled",
-        style: X({ transform: D.value })
-      }, [
-        (r(!0), n(C, null, k(s.value, (m) => (r(), n("div", {
-          id: `nmorph-carousel-item-${a(_)}-${m}`,
-          key: m,
-          class: "nmorph-carousel__item"
-        }, null, 8, T))), 128))
-      ], 4),
-      l("div", j, [
-        (r(!0), n(C, null, k(s.value, (m, d) => (r(), n("div", {
-          key: d,
-          class: "nmorph-carousel__element-indicator-wrapper",
-          onClick: (G) => N(d)
-        }, [
-          l("div", {
-            class: f(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": E(d) }])
-          }, null, 2)
-        ], 8, q))), 128))
+import d from "./NmorphCarousel.vue2.js";
+import { openBlock as o, createElementBlock as e, normalizeClass as t, createElementVNode as n, normalizeStyle as h, Fragment as i, renderList as s, createVNode as l, withCtx as m, renderSlot as u } from "vue";
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const v = ["id"], f = { class: "nmorph-carousel__elements-indicator" }, C = ["onClick"];
+function k(_, N, I, r, b, w) {
+  return o(), e(
+    "div",
+    {
+      class: t(r.modifiers)
+    },
+    [
+      n(
+        "div",
+        {
+          class: "nmorph-carousel__wrapper transition-enabled",
+          style: h({ transform: r.translateX })
+        },
+        [
+          (o(!0), e(
+            i,
+            null,
+            s(r.carouselData, (a) => (o(), e("div", {
+              id: `nmorph-carousel-item-${r.carouselId}-${a}`,
+              key: a,
+              class: "nmorph-carousel__item"
+            }, null, 8, v))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        4
+        /* STYLE */
+      ),
+      n("div", f, [
+        (o(!0), e(
+          i,
+          null,
+          s(r.carouselData, (a, c) => (o(), e("div", {
+            key: c,
+            class: "nmorph-carousel__element-indicator-wrapper",
+            onClick: (y) => r.elementIndicator(c)
+          }, [
+            n(
+              "div",
+              {
+                class: t(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": r.isCurrentElementActive(c) }])
+              },
+              null,
+              2
+              /* CLASS */
+            )
+          ], 8, C))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
       ]),
-      l("div", {
+      n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
-        onClick: B
+        onClick: r.nextSlide
       }, [
-        c(a(g), null, {
-          default: S(() => [
-            c(a($))
+        l(r.NmorphIcon, null, {
+          default: m(() => [
+            l(r.NmorphIconChevronDown)
           ]),
           _: 1
+          /* STABLE */
         })
       ]),
-      l("div", {
+      n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
-        onClick: z
+        onClick: r.prevSlide
       }, [
-        c(a(g), null, {
-          default: S(() => [
-            c(a($))
+        l(r.NmorphIcon, null, {
+          default: m(() => [
+            l(r.NmorphIconChevronDown)
           ]),
           _: 1
+          /* STABLE */
         })
       ]),
-      A(e.$slots, "default")
-    ], 2));
-  }
-});
+      u(_.$slots, "default")
+    ],
+    2
+    /* CLASS */
+  );
+}
+const E = /* @__PURE__ */ p(d, [["render", k], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-carousel/NmorphCarousel.vue"]]);
 export {
-  R as default
+  E as default
 };

package/dist/components/data/nmorph-carousel/NmorphCarousel.vue2.js

@@ -1,4 +1,41 @@
-import f from "./NmorphCarousel.vue.js";
+import { defineComponent as N, ref as p, computed as a, provide as D, watch as d } from "vue";
+import { useModifiers as M } from "../../../utils/create-modifiers.js";
+import { generateUUID as w } from "../../../utils/common.js";
+import b from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import y from "../../../assets/icons/chevron-down.svg.js";
+const A = /* @__PURE__ */ N({
+  __name: "NmorphCarousel",
+  props: {
+    loop: { type: Boolean, required: !1, default: !0 }
+  },
+  emits: ["change"],
+  setup(v, { expose: f, emit: h }) {
+    f();
+    const e = p(0), u = v, l = h, _ = a(
+      () => M({
+        "nmorph-carousel": []
+      })
+    ), n = p([]), s = w();
+    D("carousel-data", { data: n, carouselId: s });
+    const r = a(() => n.value.length), c = (t) => r.value ? u.loop ? (t + r.value) % r.value : Math.min(Math.max(t, 0), r.value - 1) : 0, o = (t) => {
+      const m = c(t);
+      m !== e.value && (e.value = m);
+    }, I = () => o(e.value - 1), S = () => o(e.value + 1), g = a(() => `translateX(-${e.value * 100}%)`), x = (t) => t === e.value, C = (t) => {
+      o(t);
+    };
+    d(r, (t) => {
+      e.value > t - 1 && (e.value = Math.max(t - 1, 0));
+    }), d(e, () => {
+      l("change", e.value);
+    });
+    const i = { currentSlide: e, props: u, emit: l, modifiers: _, carouselData: n, carouselId: s, slideCount: r, normalizeSlideIndex: c, goToSlide: o, prevSlide: I, nextSlide: S, translateX: g, isCurrentElementActive: x, elementIndicator: C, get NmorphIcon() {
+      return b;
+    }, get NmorphIconChevronDown() {
+      return y;
+    } };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+});
 export {
-  f as default
+  A as default
 };

package/dist/components/data/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue.js

@@ -1,34 +1,25 @@
-import { defineComponent as u, computed as l, inject as c, ref as m, onMounted as i, onBeforeUnmount as d, openBlock as r, createElementBlock as p, normalizeClass as f, createBlock as v, Teleport as h, unref as _, renderSlot as k, createCommentVNode as B } from "vue";
-import { useModifiers as C } from "../../../../../utils/create-modifiers.js";
-const I = /* @__PURE__ */ u({
-  __name: "NmorphCarouselItem",
-  props: {
-    name: {}
-  },
-  setup(n) {
-    const t = n, s = l(
-      () => C({
-        "nmorph-carousel-item": []
-      })
-    ), e = c("carousel-data"), a = m(!1);
-    return i(() => {
-      a.value = !0, e && e.data.value.push(t.name);
-    }), d(() => {
-      if (!e) return;
-      const o = e.data.value.indexOf(t.name);
-      o !== -1 && e.data.value.splice(o, 1);
-    }), (o, x) => a.value ? (r(), p("div", {
+import t from "./NmorphCarouselItem.vue2.js";
+import { openBlock as e, createElementBlock as a, normalizeClass as m, createBlock as s, Teleport as n, renderSlot as c, createCommentVNode as l } from "vue";
+import i from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function p(r, d, f, o, u, _) {
+  return o.isMounted ? (e(), a(
+    "div",
+    {
       key: 0,
-      class: f(s.value)
-    }, [
-      (r(), v(h, {
-        to: `#nmorph-carousel-item-${_(e)?.carouselId}-${t.name}`
+      class: m(o.modifiers)
+    },
+    [
+      (e(), s(n, {
+        to: `#nmorph-carousel-item-${o.carouselData?.carouselId}-${o.props.name}`
       }, [
-        k(o.$slots, "default")
+        c(r.$slots, "default")
       ], 8, ["to"]))
-    ], 2)) : B("", !0);
-  }
-});
+    ],
+    2
+    /* CLASS */
+  )) : l("v-if", !0);
+}
+const v = /* @__PURE__ */ i(t, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue"]]);
 export {
-  I as default
+  v as default
 };

package/dist/components/data/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue2.js

@@ -1,4 +1,28 @@
-import f from "./NmorphCarouselItem.vue.js";
+import { defineComponent as i, computed as p, inject as m, ref as c, onMounted as d, onBeforeUnmount as f } from "vue";
+import { useModifiers as l } from "../../../../../utils/create-modifiers.js";
+const x = /* @__PURE__ */ i({
+  __name: "NmorphCarouselItem",
+  props: {
+    name: { type: String, required: !0 }
+  },
+  setup(a, { expose: u }) {
+    u();
+    const t = a, s = p(
+      () => l({
+        "nmorph-carousel-item": []
+      })
+    ), e = m("carousel-data"), r = c(!1);
+    d(() => {
+      r.value = !0, e && e.data.value.push(t.name);
+    }), f(() => {
+      if (!e) return;
+      const n = e.data.value.indexOf(t.name);
+      n !== -1 && e.data.value.splice(n, 1);
+    });
+    const o = { props: t, modifiers: s, carouselData: e, isMounted: r };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+  }
+});
 export {
-  f as default
+  x as default
 };

package/dist/components/data/nmorph-collapse/NmorphCollapse.vue.js

@@ -1,43 +1,20 @@
-import { defineComponent as c, ref as d, watch as m, provide as s, computed as f, openBlock as v, createElementBlock as h, normalizeClass as V, renderSlot as _ } from "vue";
-import { useModifiers as x } from "../../../utils/create-modifiers.js";
-const C = /* @__PURE__ */ c({
-  __name: "NmorphCollapse",
-  props: {
-    modelValue: {},
-    accordion: { type: Boolean, default: !1 }
-  },
-  emits: ["update:model-value"],
-  setup(r, { emit: u }) {
-    const a = r, e = d(a.modelValue);
-    m(
-      () => a.modelValue,
-      (l) => {
-        e.value = l;
-      }
-    );
-    const n = (l, o) => {
-      if (a.accordion)
-        e.value = o ? [l] : [];
-      else if (!Array.isArray(e.value)) e.value = [l];
-      else {
-        const t = e.value.indexOf(l);
-        o && t === -1 && e.value.push(l), !o && t !== -1 && e.value.splice(t, 1);
-      }
-      i("update:model-value", e.value);
-    };
-    s("collapse-data", e), s("update-model", n);
-    const i = u, p = f(
-      () => x({
-        "nmorph-collapse": []
-      })
-    );
-    return (l, o) => (v(), h("div", {
-      class: V(p.value)
-    }, [
-      _(l.$slots, "default")
-    ], 2));
-  }
-});
+import e from "./NmorphCollapse.vue2.js";
+import { openBlock as s, createElementBlock as l, normalizeClass as t, renderSlot as a } from "vue";
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+function n(o, m, c, r, i, f) {
+  return s(), l(
+    "div",
+    {
+      class: t(r.modifiers)
+    },
+    [
+      a(o.$slots, "default")
+    ],
+    2
+    /* CLASS */
+  );
+}
+const h = /* @__PURE__ */ p(e, [["render", n], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-collapse/NmorphCollapse.vue"]]);
 export {
-  C as default
+  h as default
 };

package/dist/components/data/nmorph-collapse/NmorphCollapse.vue2.js

@@ -1,4 +1,40 @@
-import f from "./NmorphCollapse.vue.js";
+import { defineComponent as c, ref as f, watch as v, provide as i, computed as _ } from "vue";
+import { useModifiers as y } from "../../../utils/create-modifiers.js";
+const x = /* @__PURE__ */ c({
+  __name: "NmorphCollapse",
+  props: {
+    modelValue: { type: [String, Array], required: !0 },
+    accordion: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["update:model-value"],
+  setup(p, { expose: n, emit: d }) {
+    n();
+    const o = p, e = f(o.modelValue);
+    v(
+      () => o.modelValue,
+      (a) => {
+        e.value = a;
+      }
+    );
+    const r = (a, l) => {
+      if (o.accordion)
+        e.value = l ? [a] : [];
+      else if (!Array.isArray(e.value)) e.value = [a];
+      else {
+        const t = e.value.indexOf(a);
+        l && t === -1 && e.value.push(a), !l && t !== -1 && e.value.splice(t, 1);
+      }
+      u("update:model-value", e.value);
+    };
+    i("collapse-data", e), i("update-model", r);
+    const u = d, m = _(
+      () => y({
+        "nmorph-collapse": []
+      })
+    ), s = { props: o, initialValue: e, updateValue: r, emit: u, modifiers: m };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
 export {
-  f as default
+  x as default
 };