@nmorph/nmorph-ui-kit 2.2.18 → 2.2.20

package/dist/components/data/nmorph-calendar/NmorphCalendar.vue2.js

@@ -1,133 +1,136 @@
 import './NmorphCalendar.css';
-import { defineComponent as R, ref as S, onMounted as O, reactive as k, watch as v, computed as p } from "vue";
-import { useModifiers as H } from "../../../utils/create-modifiers.js";
-import j from "./inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue.js";
-import { useCalendarTexts as W } from "./hooks/use-calendar-texts.js";
-import { hasAnyRangeDateInPrevMonth as Z, hasAnyRangeDateInNextMonth as z, isTodayInMonthRange as F, resetTimeToZero as i, getMonthDaysByWeek as G } from "./utils.js";
-import J from "../nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.js";
-import K from "../nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.js";
-import L from "../nmorph-table/NmorphTable.vue.js";
-const ne = /* @__PURE__ */ R({
+import { defineComponent as O, ref as N, onMounted as k, reactive as j, watch as h, computed as i } from "vue";
+import { useModifiers as z } from "../../../utils/create-modifiers.js";
+import W from "./inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue.js";
+import { useCalendarTexts as Z } from "./hooks/use-calendar-texts.js";
+import { hasAnyRangeDateInPrevMonth as $, hasAnyRangeDateInNextMonth as F, isTodayInMonthRange as G, resetTimeToZero as d, getMonthDaysByWeek as J } from "./utils.js";
+import K from "../nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.js";
+import L from "../nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.js";
+import Q from "../nmorph-table/NmorphTable.vue.js";
+const le = /* @__PURE__ */ O({
   __name: "NmorphCalendar",
   props: {
     markToday: { type: Boolean, required: !1, default: !0 },
     initialDate: { type: Date, required: !1, default: () => /* @__PURE__ */ new Date() },
     range: { type: null, required: !1, default: void 0 },
     type: { type: null, required: !1, default: "date" },
-    modelValue: { type: [Date, Array, null], required: !1, default: () => /* @__PURE__ */ new Date() }
+    modelValue: { type: [Date, Array, null], required: !1, default: () => /* @__PURE__ */ new Date() },
+    cellHeight: { type: [Number, String], required: !1, default: void 0 }
   },
   emits: ["update:model-value", "update-initial-date"],
-  setup(N, { expose: _, emit: b }) {
+  setup(b, { expose: _, emit: C }) {
     _();
-    const r = N, s = b, { days: h } = W(), y = () => {
+    const a = b, s = C, { days: v } = Z(), y = () => {
       o.value = M.value;
     }, B = () => {
       o.value = /* @__PURE__ */ new Date();
-    }, D = () => {
+    }, g = () => {
       o.value = A.value;
     }, u = () => {
       throw new Error("model value and type prop not matched");
     }, c = (e) => {
       if (e === null) return null;
-      if (r.type === "date") {
+      if (a.type === "date") {
         if (e instanceof Date)
-          return i(e);
+          return d(e);
         u();
       }
-      const l = Array.isArray(e) && e.every((a) => a instanceof Date);
-      if (r.type === "dates") {
+      const l = Array.isArray(e) && e.every((r) => r instanceof Date);
+      if (a.type === "dates") {
         if (l)
-          return e.map((a) => i(a));
+          return e.map((r) => d(r));
         u();
       }
-      if (r.type === "daterange") {
+      if (a.type === "daterange") {
         if (l)
-          return e.map((a) => i(a)).slice(0, 2);
+          return e.map((r) => d(r)).slice(0, 2);
         u();
       }
-    }, C = (e) => {
+    }, q = (e) => {
       if (t.value === null) return;
-      const { monthType: l, hidden: a } = e;
-      if (a) return;
-      l === "next" && D(), l === "previous" && y();
+      const { monthType: l, hidden: r } = e;
+      if (r) return;
+      l === "next" && g(), l === "previous" && y();
       const { date: n } = e;
-      if (r.type === "date" && (t.value = n, s("update:model-value", t.value)), r.type === "dates") {
+      if (a.type === "date" && (t.value = n, s("update:model-value", t.value)), a.type === "dates") {
         if (!Array.isArray(t.value)) return u();
-        const m = n.toDateString(), x = t.value.map((P) => P.toDateString()).indexOf(m);
-        x !== -1 ? t.value.splice(x, 1) : t.value.push(n), s("update:model-value", t.value);
+        const m = n.toDateString(), w = t.value.map((R) => R.toDateString()).indexOf(m);
+        w !== -1 ? t.value.splice(w, 1) : t.value.push(n), s("update:model-value", t.value);
       }
-      if (r.type === "daterange") {
+      if (a.type === "daterange") {
         if (!Array.isArray(t.value)) return u();
         t.value.length === 0 ? t.value.push(n) : t.value.length === 1 ? n < t.value[0] ? t.value = [n, t.value[0]] : t.value.push(n) : t.value = [n], s("update:model-value", t.value.slice(0, 2));
       }
-    }, g = (e, l) => {
-      const [a, n] = l;
-      return l.length === 1 ? e.toDateString() === a.toDateString() : a && n ? e >= i(a) && e <= i(n) : !1;
+    }, D = (e, l) => {
+      const [r, n] = l;
+      return l.length === 1 ? e.toDateString() === r.toDateString() : r && n ? e >= d(r) && e <= d(n) : !1;
     }, V = (e) => {
       if (t.value === null) return !1;
-      if (r.type === "date")
+      if (a.type === "date")
         return Array.isArray(t.value) ? u() : t.value.toDateString() === e.toDateString();
-      if (r.type === "dates")
-        return Array.isArray(t.value) ? !!t.value.find((a) => a.toDateString() === e.toDateString()) : u();
-      if (r.type === "daterange")
-        return Array.isArray(t.value) ? g(e, t.value) : u();
-    }, o = S(r.initialDate), t = S(c(r.modelValue));
-    O(() => {
+      if (a.type === "dates")
+        return Array.isArray(t.value) ? !!t.value.find((r) => r.toDateString() === e.toDateString()) : u();
+      if (a.type === "daterange")
+        return Array.isArray(t.value) ? D(e, t.value) : u();
+    }, o = N(a.initialDate), t = N(c(a.modelValue));
+    k(() => {
       s("update:model-value", t.value);
     });
-    let d = k([]);
+    let p = j([]);
     const f = () => {
-      d = [], G(o, r.range).forEach((l) => {
-        const a = {};
+      p = [], J(o, a.range).forEach((l) => {
+        const r = {};
         l.forEach((n, m) => {
-          const w = h[m];
-          a[w] = n;
-        }), d.push(a);
+          const T = v[m];
+          r[T] = n;
+        }), p.push(r);
       });
     };
-    v(
-      () => r.initialDate,
+    h(
+      () => a.initialDate,
       (e) => {
         o.value = e;
       },
       {
         deep: !0
       }
-    ), v(o, () => {
+    ), h(o, () => {
       f(), s("update-initial-date", o.value);
-    }), v(
-      () => r.modelValue,
+    }), h(
+      () => a.modelValue,
       (e) => {
         t.value = c(e);
       }
     );
-    const M = p(() => new Date(o.value.setMonth(o.value.getMonth() - 1))), A = p(() => new Date(o.value.setMonth(o.value.getMonth() + 1))), q = p(() => {
-      const { range: e } = r, l = e ? Z(o.value, e[0]) : !0, a = e ? z(o.value, e[1]) : !0, n = F(e);
+    const M = i(() => new Date(o.value.setMonth(o.value.getMonth() - 1))), A = i(() => new Date(o.value.setMonth(o.value.getMonth() + 1))), E = i(() => {
+      const { range: e } = a, l = e ? $(o.value, e[0]) : !0, r = e ? F(o.value, e[1]) : !0, n = G(e);
       return {
         showPreviousMonthButton: l,
-        showNextMonthButton: a,
+        showNextMonthButton: r,
         showTodayButton: n
       };
-    }), E = p(
-      () => H({
+    }), H = i(
+      () => z({
         "nmorph-calendar": []
       })
-    ), I = (e) => e;
+    ), x = (e) => typeof e == "number" ? `${e}px` : e, I = i(() => ({
+      ...a.cellHeight !== void 0 && { "--table-data-cell-height": x(a.cellHeight) }
+    })), P = (e) => e;
     f();
-    const T = { props: r, emit: s, days: h, setPreviousMonth: y, setTodayMonth: B, setNextMonth: D, wrongType: u, convertValue: c, clickDate: C, isDateInRange: g, isValueSelected: V, initialDate: o, selectedValue: t, get calendar() {
-      return d;
+    const S = { props: a, emit: s, days: v, setPreviousMonth: y, setTodayMonth: B, setNextMonth: g, wrongType: u, convertValue: c, clickDate: q, isDateInRange: D, isValueSelected: V, initialDate: o, selectedValue: t, get calendar() {
+      return p;
     }, set calendar(e) {
-      d = e;
-    }, updateCalendar: f, prevMonth: M, nextMonth: A, showHeaderButtons: q, modifiers: E, dateData: I, get NmorphTable() {
-      return L;
+      p = e;
+    }, updateCalendar: f, prevMonth: M, nextMonth: A, showHeaderButtons: E, modifiers: H, getCssSize: x, styles: I, dateData: P, get NmorphTable() {
+      return Q;
     }, get NmorphTableColumn() {
-      return K;
+      return L;
     }, get NmorphTableCell() {
-      return J;
-    }, NmorphCalendarHeader: j };
-    return Object.defineProperty(T, "__isScriptSetup", { enumerable: !1, value: !0 }), T;
+      return K;
+    }, NmorphCalendarHeader: W };
+    return Object.defineProperty(S, "__isScriptSetup", { enumerable: !1, value: !0 }), S;
   }
 });
 export {
-  ne as default
+  le as default
 };

package/dist/components/data/nmorph-calendar/utils.js

@@ -20,9 +20,10 @@ const H = (t) => {
   return e.replace(/YYYY|YY|MM|M|DD|D/g, (n) => a[n]);
 }, P = (t, e = {}) => {
   if (!t) return;
-  const a = (n) => e.formatter ? e.formatter(n) : e.format ? C(n, e.format) : new Intl.DateTimeFormat(e.locale || "en-CA", e.options || W).format(
-    n
-  );
+  const a = (n) => e.formatter ? e.formatter(n) : e.format ? C(n, e.format) : new Intl.DateTimeFormat(
+    e.locale || "en-CA",
+    e.options || W
+  ).format(n);
   return Array.isArray(t) ? t.map((n) => n ? a(n) : null) : a(t);
 }, Z = (t) => P(t), b = (t, e) => t.getMonth() > e.getMonth(), j = (t, e) => t.getMonth() < e.getMonth(), q = (t) => {
   const e = /* @__PURE__ */ new Date();

package/dist/components/data/nmorph-card/NmorphCard.css

@@ -1 +1 @@
-.nmorph-card{--card-padding: var(--indentation-04);display:flex;flex-direction:column;width:100%;padding:var(--card-padding);border-radius:var(--default-border-radius)}.nmorph-card .nmorph-card__content{height:100%}.nmorph-card .nmorph-card__header{font-weight:600;font-size:var(--font-size-large);line-height:var(--line-height-loose)}.nmorph-card .nmorph-card__footer{height:fit-content;margin-top:4px;font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-card.nmorph--shadow-combined{background:var(--nmorph-main-color);border:var(--nmorph-card-combined-border-width) solid var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color),inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-.5 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}
+.nmorph-card{--card-padding: var(--indentation-04);display:flex;flex-direction:column;width:fit-content;max-width:100%;padding:var(--card-padding);border-radius:var(--default-border-radius)}.nmorph-card.nmorph-card--fill{width:100%}.nmorph-card .nmorph-card__content{height:100%}.nmorph-card .nmorph-card__header{font-weight:600;font-size:var(--font-size-large);line-height:var(--line-height-loose)}.nmorph-card .nmorph-card__footer{height:fit-content;margin-top:4px;font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-card.nmorph--shadow-combined{background:var(--nmorph-main-color);border:var(--nmorph-card-combined-border-width) solid var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color),inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-.5 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}

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

@@ -1,35 +1,36 @@
 import './NmorphCard.css';
-import a from "./NmorphCard.vue2.js";
-import { openBlock as t, createElementBlock as s, normalizeStyle as n, normalizeClass as c, createElementVNode as d, renderSlot as e, createCommentVNode as i } from "vue";
+import l from "./NmorphCard.vue2.js";
+import { openBlock as r, createBlock as n, resolveDynamicComponent as c, normalizeStyle as d, normalizeClass as m, withCtx as i, createElementBlock as s, renderSlot as t, createCommentVNode as a, createElementVNode as _ } from "vue";
 /* empty css                */
-import m from "../../../_virtual/_plugin-vue_export-helper.js";
-const l = { class: "nmorph-card__header" }, p = { class: "nmorph-card__content" }, _ = {
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = {
   key: 0,
+  class: "nmorph-card__header"
+}, h = { class: "nmorph-card__content" }, y = {
+  key: 1,
   class: "nmorph-card__footer"
 };
-function h(o, f, v, r, b, u) {
-  return t(), s(
-    "div",
-    {
-      class: c(r.modifiers),
-      style: n({ "--nmorph-card-combined-border-width": `${r.props.combinedShadowBorderWidth}px` })
-    },
-    [
-      d("div", l, [
-        e(o.$slots, "header")
+function v(e, k, C, o, u, N) {
+  return r(), n(c(o.props.tag), {
+    class: m(o.modifiers),
+    style: d(o.styles)
+  }, {
+    default: i(() => [
+      o.slots.header ? (r(), s("div", p, [
+        t(e.$slots, "header")
+      ])) : a("v-if", !0),
+      _("div", h, [
+        t(e.$slots, "default")
       ]),
-      d("div", p, [
-        e(o.$slots, "default")
-      ]),
-      r.slots.footer ? (t(), s("div", _, [
-        e(o.$slots, "footer")
-      ])) : i("v-if", !0)
-    ],
-    6
-    /* CLASS, STYLE */
-  );
+      o.slots.footer ? (r(), s("div", y, [
+        t(e.$slots, "footer")
+      ])) : a("v-if", !0)
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "style"]);
 }
-const N = /* @__PURE__ */ m(a, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-card/NmorphCard.vue"]]);
+const S = /* @__PURE__ */ f(l, [["render", v], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-card/NmorphCard.vue"]]);
 export {
-  N as default
+  S as default
 };

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

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

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

@@ -1,93 +1,90 @@
-import h from "./NmorphCarousel.vue2.js";
-import { openBlock as o, createElementBlock as n, normalizeClass as c, createElementVNode as l, normalizeStyle as u, Fragment as s, renderList as m, createVNode as a, withCtx as _, renderSlot as p } from "vue";
-import f from "../../../_virtual/_plugin-vue_export-helper.js";
-const v = ["id"], C = { class: "nmorph-carousel__elements-indicator" }, k = ["onClick"];
-function I(d, N, b, r, w, y) {
-  return o(), n(
+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: c(r.modifiers)
+      class: t(r.modifiers)
     },
     [
-      l(
+      n(
         "div",
         {
-          ref: "carouselWrapper",
-          class: c(["nmorph-carousel__wrapper", { "transition-enabled": r.transitionEnabled }]),
-          style: u({ transform: r.translateX })
+          class: "nmorph-carousel__wrapper transition-enabled",
+          style: h({ transform: r.translateX })
         },
         [
-          (o(!0), n(
-            s,
+          (o(!0), e(
+            i,
             null,
-            m(r.carouselData, (t, e) => (o(), n("div", {
-              id: `nmorph-carousel-item-${r.carouselId}-${t}`,
-              key: t,
-              ref_for: !0,
-              ref: (i) => r.setItemRef(i, e),
+            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 */
           ))
         ],
-        6
-        /* CLASS, STYLE */
+        4
+        /* STYLE */
       ),
-      l("div", C, [
-        (o(!0), n(
-          s,
+      n("div", f, [
+        (o(!0), e(
+          i,
           null,
-          m(r.carouselData, (t, e) => (o(), n("div", {
-            key: e,
+          s(r.carouselData, (a, c) => (o(), e("div", {
+            key: c,
             class: "nmorph-carousel__element-indicator-wrapper",
-            onClick: (i) => r.elementIndicator(e)
+            onClick: (y) => r.elementIndicator(c)
           }, [
-            l(
+            n(
               "div",
               {
-                class: c(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": r.isCurrentElementActive(e) }])
+                class: t(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": r.isCurrentElementActive(c) }])
               },
               null,
               2
               /* CLASS */
             )
-          ], 8, k))),
+          ], 8, C))),
           128
           /* KEYED_FRAGMENT */
         ))
       ]),
-      l("div", {
+      n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
-        onClick: r.prevSlide
+        onClick: r.nextSlide
       }, [
-        a(r.NmorphIcon, null, {
-          default: _(() => [
-            a(r.NmorphIconChevronDown)
+        l(r.NmorphIcon, null, {
+          default: m(() => [
+            l(r.NmorphIconChevronDown)
           ]),
           _: 1
           /* STABLE */
         })
       ]),
-      l("div", {
+      n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
-        onClick: r.nextSlide
+        onClick: r.prevSlide
       }, [
-        a(r.NmorphIcon, null, {
-          default: _(() => [
-            a(r.NmorphIconChevronDown)
+        l(r.NmorphIcon, null, {
+          default: m(() => [
+            l(r.NmorphIconChevronDown)
           ]),
           _: 1
           /* STABLE */
         })
       ]),
-      p(d.$slots, "default")
+      u(_.$slots, "default")
     ],
     2
     /* CLASS */
   );
 }
-const x = /* @__PURE__ */ f(h, [["render", I], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-carousel/NmorphCarousel.vue"]]);
+const E = /* @__PURE__ */ p(d, [["render", k], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-carousel/NmorphCarousel.vue"]]);
 export {
-  x as default
+  E as default
 };

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

@@ -1,52 +1,41 @@
-import { defineComponent as y, ref as a, computed as v, provide as j, reactive as k, onMounted as x, nextTick as E, watch as O } from "vue";
-import { useModifiers as D } from "../../../utils/create-modifiers.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 A from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import M from "../../../assets/icons/chevron-down.svg.js";
-const L = /* @__PURE__ */ y({
+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(f, { expose: h, emit: I }) {
-    h();
-    const e = a(0), _ = () => {
-      e.value = e.value + 1;
-    }, g = () => {
-      e.value = e.value - 1;
-    }, s = f, u = I, S = v(
-      () => D({
+  setup(v, { expose: f, emit: h }) {
+    f();
+    const e = p(0), u = v, l = h, _ = a(
+      () => M({
         "nmorph-carousel": []
       })
-    ), c = a([]), i = w();
-    j("carousel-data", { data: c, carouselId: i });
-    const o = a(null), n = k({}), d = () => {
-      const t = n[Object.keys(n).length - 1]?.cloneNode(!0), l = n[0]?.cloneNode(!0);
-      o.value?.prepend(t), o.value?.append(l), e.value += 1;
-    }, p = () => {
-      e.value === 0 && (e.value = Object.keys(n).length, r.value = !1), e.value > Object.keys(n).length && (e.value = 1, r.value = !1);
+    ), 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);
     };
-    x(() => {
-      s.loop && e.value === 0 && (E(() => d()), o.value?.addEventListener("transitionend", p));
-    }), O(e, (t) => {
-      u("change", e.value), (t === 1 || t === Object.keys(n).length) && setTimeout(() => {
-        r.value = !0;
-      });
+    d(r, (t) => {
+      e.value > t - 1 && (e.value = Math.max(t - 1, 0));
+    }), d(e, () => {
+      l("change", e.value);
     });
-    const b = (t, l) => {
-      const N = t;
-      n[l] = N;
-    }, C = v(() => `translateX(-${e.value * 100}%)`), r = a(!0), m = { currentSlide: e, prevSlide: _, nextSlide: g, props: s, emit: u, modifiers: S, carouselData: c, carouselId: i, carouselWrapper: o, slidesRefs: n, addInitialCloneSlides: d, transitionEndHandler: p, setItemRef: b, translateX: C, transitionEnabled: r, isCurrentElementActive: (t) => t === e.value - 1, elementIndicator: (t) => {
-      e.value = t + 1;
-    }, get NmorphIcon() {
-      return A;
+    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 M;
+      return y;
     } };
-    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
 export {
-  L as default
+  A as default
 };

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

@@ -1,24 +1,28 @@
-import { defineComponent as a, computed as p, inject as i, ref as m, onMounted as c } from "vue";
-import { useModifiers as d } from "../../../../../utils/create-modifiers.js";
-const _ = /* @__PURE__ */ a({
+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(n, { expose: s }) {
-    s();
-    const t = n, u = p(
-      () => d({
+  setup(a, { expose: u }) {
+    u();
+    const t = a, s = p(
+      () => l({
         "nmorph-carousel-item": []
       })
-    ), e = i("carousel-data"), r = m(!1);
-    c(() => {
+    ), 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: u, carouselData: e, isMounted: r };
+    const o = { props: t, modifiers: s, carouselData: e, isMounted: r };
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
 export {
-  _ as default
+  x as default
 };

package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.css

@@ -1 +1 @@
-.nmorph-collapse-item{--transition-speed: .2s;margin-bottom:var(--indentation-03)}.nmorph-collapse-item .nmorph-collapse-item__title{display:flex;align-items:center;padding:var(--indentation-02);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-collapse-item .nmorph-collapse-item__content{box-sizing:content-box;overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);transition:height var(--transition-speed) ease-in-out}.nmorph-collapse-item .nmorph-collapse-item__inner-wrapper{padding:var(--indentation-03)}.nmorph-collapse-item.nmorph-collapse-item--disabled{cursor:not-allowed;opacity:.6}
+.nmorph-collapse-item{--transition-speed: .2s;margin-bottom:var(--indentation-03)}.nmorph-collapse-item .nmorph-collapse-item__title{display:flex;align-items:center;padding:var(--indentation-02);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);cursor:pointer}.nmorph-collapse-item .nmorph-collapse-item__content{box-sizing:content-box;overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);transition:height var(--transition-speed) ease-in-out}.nmorph-collapse-item .nmorph-collapse-item__inner-wrapper{padding:var(--indentation-03)}.nmorph-collapse-item.nmorph-collapse-item--disabled{cursor:not-allowed;opacity:.6}.nmorph-collapse-item.nmorph-collapse-item--disabled .nmorph-collapse-item__title{cursor:not-allowed}.nmorph-collapse-item.nmorph-collapse-item--block .nmorph-collapse-item__title{cursor:default}