@nmorph/nmorph-ui-kit 2.2.9 → 2.2.12

package/dist/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue2.js

@@ -0,0 +1,41 @@
+import './NmorphCalendarHeader.css';
+import { defineComponent as u, computed as i } from "vue";
+import { useModifiers as h } from "../../../../../utils/create-modifiers.js";
+import c from "../../../../../assets/icons/arrow-right.svg.js";
+import s from "../../../../../assets/icons/arrow-left.svg.js";
+import a from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
+import { getMonthName as d } from "../../utils.js";
+import f from "../../../../basic/nmorph-button/NmorphButton.vue.js";
+const I = /* @__PURE__ */ u({
+  __name: "NmorphCalendarHeader",
+  props: {
+    year: { type: Number, required: !0 },
+    month: { type: Number, required: !0 },
+    showPreviousMonthButton: { type: Boolean, required: !0 },
+    showNextMonthButton: { type: Boolean, required: !0 },
+    showTodayButton: { type: Boolean, required: !0 }
+  },
+  emits: ["click-previous-month", "click-today", "click-next-month"],
+  setup(r, { expose: o, emit: t }) {
+    o();
+    const n = r, m = t, p = i(
+      () => h({
+        "nmorph-calendar-header": []
+      })
+    ), e = { props: n, emit: m, modifiers: p, get NmorphButton() {
+      return f;
+    }, get getMonthName() {
+      return d;
+    }, get NmorphIcon() {
+      return a;
+    }, get NmorphIconArrowLeft() {
+      return s;
+    }, get NmorphIconArrowRight() {
+      return c;
+    } };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+export {
+  I as default
+};

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

@@ -0,0 +1,83 @@
+import { useCalendarTexts as C } from "./hooks/use-calendar-texts.js";
+const P = (t) => {
+  const e = t - t % 10, a = [];
+  for (let n = 0; n < 10; n++)
+    a.push(e + n);
+  return a;
+}, Q = (t) => {
+  if (!t) return;
+  const e = "en-CA", a = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit"
+  };
+  return Array.isArray(t) ? t.map((n) => n ? new Intl.DateTimeFormat(e, a).format(n) : null) : new Intl.DateTimeFormat(e, a).format(t);
+}, L = (t, e) => t.getMonth() > e.getMonth(), B = (t, e) => t.getMonth() < e.getMonth(), H = (t) => {
+  const e = /* @__PURE__ */ new Date();
+  if (!t) return !0;
+  const a = t && t[0], n = t && t[1];
+  return e >= a && e <= n;
+}, Z = (t) => {
+  const { months: e } = C();
+  return e[t];
+}, R = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, x = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : R(t) ? 29 : 28, k = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), b = (t, e) => {
+  const a = (o) => e ? o < k(e[0]) || o > k(e[1]) : !1, n = t.value.getFullYear(), r = t.value.getMonth(), A = new Date(n, r, 1).getDay() + 1, y = x(n, r), W = 7 + A - 8;
+  let l = 7 - (new Date(n, r, y).getDay() + 1);
+  const i = /* @__PURE__ */ new Date(), M = i.getDate(), D = i.getMonth(), d = r - 1, g = x(n, d);
+  let c = g - W;
+  const m = [];
+  for (; c < g; ) {
+    c++;
+    const o = D === d && M === c, s = new Date(n, d, c);
+    m.push({
+      value: c,
+      monthType: "previous",
+      isToday: o,
+      date: s,
+      hidden: a(s)
+    });
+  }
+  const f = r + 1, p = [];
+  let u = 0;
+  for (; l; ) {
+    u++, l--;
+    const o = D === f && M === u, s = new Date(n, f, u);
+    p.push({
+      value: u,
+      monthType: "next",
+      isToday: o,
+      date: s,
+      hidden: a(s)
+    });
+  }
+  let h = 0;
+  const I = [];
+  for (; h < y; ) {
+    const o = i.getDate();
+    h++;
+    const s = D === r && o === h, T = new Date(n, r, h);
+    I.push({
+      value: h,
+      monthType: "current",
+      isToday: s,
+      date: T,
+      hidden: a(T)
+    });
+  }
+  const w = [...m, ...I, ...p], v = [];
+  for (let o = 0; o < w.length; o += 7) {
+    const s = w.slice(o, o + 7);
+    v.push(s);
+  }
+  return v.filter((o) => !o.every((s) => s.hidden));
+};
+export {
+  Q as formatDateIntl,
+  P as getDecadeYears,
+  b as getMonthDaysByWeek,
+  Z as getMonthName,
+  B as hasAnyRangeDateInNextMonth,
+  L as hasAnyRangeDateInPrevMonth,
+  H as isTodayInMonthRange,
+  k as resetTimeToZero
+};

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

@@ -0,0 +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{font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular);height:fit-content;margin-top:4px}.nmorph-card.nmorph--shadow-combined{border:var(--nmorph-card-combined-border-width) solid var(--nmorph-main-color);background: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

@@ -0,0 +1,35 @@
+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";
+/* empty css                */
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+const l = { class: "nmorph-card__header" }, p = { class: "nmorph-card__content" }, _ = {
+  key: 0,
+  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")
+      ]),
+      d("div", p, [
+        e(o.$slots, "default")
+      ]),
+      r.slots.footer ? (t(), s("div", _, [
+        e(o.$slots, "footer")
+      ])) : i("v-if", !0)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const N = /* @__PURE__ */ m(a, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-card/NmorphCard.vue"]]);
+export {
+  N as default
+};

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

@@ -0,0 +1,24 @@
+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({
+  __name: "NmorphCard",
+  props: {
+    shadowType: { type: null, required: !1, default: "outset" },
+    combinedShadowBorderWidth: { type: Number, required: !1, default: 0 }
+  },
+  setup(r, { expose: t }) {
+    t();
+    const e = r, s = a(), p = m(
+      () => u({
+        nmorph: [n[e.shadowType]],
+        "nmorph-card": [e.shadowType]
+      })
+    ), o = { props: e, slots: s, modifiers: p };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+  }
+});
+export {
+  c as default
+};

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

@@ -0,0 +1,93 @@
+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(
+    "div",
+    {
+      class: c(r.modifiers)
+    },
+    [
+      l(
+        "div",
+        {
+          ref: "carouselWrapper",
+          class: c(["nmorph-carousel__wrapper", { "transition-enabled": r.transitionEnabled }]),
+          style: u({ transform: r.translateX })
+        },
+        [
+          (o(!0), n(
+            s,
+            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),
+              class: "nmorph-carousel__item"
+            }, null, 8, v))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        6
+        /* CLASS, STYLE */
+      ),
+      l("div", C, [
+        (o(!0), n(
+          s,
+          null,
+          m(r.carouselData, (t, e) => (o(), n("div", {
+            key: e,
+            class: "nmorph-carousel__element-indicator-wrapper",
+            onClick: (i) => r.elementIndicator(e)
+          }, [
+            l(
+              "div",
+              {
+                class: c(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": r.isCurrentElementActive(e) }])
+              },
+              null,
+              2
+              /* CLASS */
+            )
+          ], 8, k))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]),
+      l("div", {
+        class: "nmorph-carousel__action-btn nmorph-carousel__prev",
+        onClick: r.prevSlide
+      }, [
+        a(r.NmorphIcon, null, {
+          default: _(() => [
+            a(r.NmorphIconChevronDown)
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ]),
+      l("div", {
+        class: "nmorph-carousel__action-btn nmorph-carousel__next",
+        onClick: r.nextSlide
+      }, [
+        a(r.NmorphIcon, null, {
+          default: _(() => [
+            a(r.NmorphIconChevronDown)
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ]),
+      p(d.$slots, "default")
+    ],
+    2
+    /* CLASS */
+  );
+}
+const x = /* @__PURE__ */ f(h, [["render", I], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-carousel/NmorphCarousel.vue"]]);
+export {
+  x as default
+};

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

@@ -0,0 +1,52 @@
+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 { 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({
+  __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({
+        "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);
+    };
+    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;
+      });
+    });
+    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;
+    }, get NmorphIconChevronDown() {
+      return M;
+    } };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+  }
+});
+export {
+  L as default
+};

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

@@ -0,0 +1,25 @@
+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: m(o.modifiers)
+    },
+    [
+      (e(), s(n, {
+        to: `#nmorph-carousel-item-${o.carouselData?.carouselId}-${o.props.name}`
+      }, [
+        c(r.$slots, "default")
+      ], 8, ["to"]))
+    ],
+    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 {
+  v as default
+};

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

@@ -0,0 +1,24 @@
+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({
+  __name: "NmorphCarouselItem",
+  props: {
+    name: { type: String, required: !0 }
+  },
+  setup(n, { expose: s }) {
+    s();
+    const t = n, u = p(
+      () => d({
+        "nmorph-carousel-item": []
+      })
+    ), e = i("carousel-data"), r = m(!1);
+    c(() => {
+      r.value = !0, e && e.data.value.push(t.name);
+    });
+    const o = { props: t, modifiers: u, carouselData: e, isMounted: r };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+  }
+});
+export {
+  _ as default
+};

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

@@ -0,0 +1,20 @@
+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 {
+  h as default
+};

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

@@ -0,0 +1,40 @@
+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 {
+  x as default
+};

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

@@ -0,0 +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);border-radius:var(--default-border-radius);background: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)}.nmorph-collapse-item .nmorph-collapse-item__content{box-sizing:content-box;overflow:hidden;border-radius:var(--default-border-radius);transition:height var(--transition-speed) ease-in-out;background:var(--nmorph-main-color);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)}.nmorph-collapse-item .nmorph-collapse-item__inner-wrapper{padding:var(--indentation-03)}.nmorph-collapse-item.nmorph-collapse-item--disabled{cursor:not-allowed;opacity:.6}

package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.js

@@ -0,0 +1,63 @@
+import './NmorphCollapseItem.css';
+import i from "./NmorphCollapseItem.vue2.js";
+import { openBlock as s, createElementBlock as n, withModifiers as a, normalizeClass as l, createElementVNode as o, renderSlot as r, createTextVNode as p, toDisplayString as c, normalizeStyle as m } from "vue";
+/* empty css                        */
+import d from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  ref: "collapseItemDOMElContent",
+  class: "nmorph-collapse-item__inner-wrapper"
+};
+function f(t, h, k, e, v, C) {
+  return s(), n(
+    "div",
+    {
+      class: l(e.modifiers),
+      onClick: a(e.clickHandler, ["stop"])
+    },
+    [
+      o(
+        "div",
+        {
+          class: l(["nmorph-collapse-item__title", e.titleModifiers])
+        },
+        [
+          r(t.$slots, "title", {}, () => [
+            p(
+              c(e.props.title),
+              1
+              /* TEXT */
+            )
+          ])
+        ],
+        2
+        /* CLASS */
+      ),
+      o(
+        "div",
+        {
+          class: "nmorph-collapse-item__content",
+          style: m({ height: `${e.contentHeight}px` })
+        },
+        [
+          o(
+            "div",
+            _,
+            [
+              r(t.$slots, "default")
+            ],
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        4
+        /* STYLE */
+      )
+    ],
+    2
+    /* CLASS */
+  );
+}
+const E = /* @__PURE__ */ d(i, [["render", f], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue"]]);
+export {
+  E as default
+};

package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue2.js

@@ -0,0 +1,45 @@
+import './NmorphCollapseItem.css';
+import { defineComponent as g, ref as o, computed as p, inject as c, onMounted as k, watch as d } from "vue";
+import { useModifiers as m } from "../../../../../utils/create-modifiers.js";
+import { NmorphComponentHeight as q } from "../../../../../types/index.js";
+const H = /* @__PURE__ */ g({
+  __name: "NmorphCollapseItem",
+  props: {
+    height: { type: null, required: !1, default: "basic" },
+    block: { type: Boolean, required: !1, default: !0 },
+    name: { type: String, required: !0 },
+    title: { type: String, required: !1, default: "" },
+    disabled: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["click-item"],
+  setup(f, { expose: v, emit: h }) {
+    v();
+    const t = f, n = h, e = o(!1), y = p(
+      () => m({
+        "nmorph-collapse-item": [`${t.disabled && "disabled"}`, `${e.value && "is-open"}`]
+      })
+    ), _ = p(
+      () => m({
+        nmorph: [q[t.height]]
+      })
+    ), l = c("collapse-data"), a = c("update-model"), i = o(null), s = o(0), b = () => {
+      t.block || (e.value = !e.value, a && (a(t.name, e.value), n("click-item", { id: t.name, isOpen: e.value })));
+    };
+    k(() => {
+      Array.isArray(l?.value) ? e.value = l.value.includes(t.name) : e.value = l?.value === t.name;
+    }), d(
+      () => l?.value,
+      (r) => {
+        Array.isArray(r) ? e.value = r.includes(t.name) : e.value = r === t.name;
+      },
+      { deep: !0 }
+    ), d(e, () => {
+      s.value = e.value && i.value ? i.value?.clientHeight : 0;
+    });
+    const u = { props: t, emit: n, isOpen: e, modifiers: y, titleModifiers: _, collapseData: l, updateModel: a, collapseItemDOMElContent: i, contentHeight: s, clickHandler: b };
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+  }
+});
+export {
+  H as default
+};

package/dist/components/data/nmorph-image/NmorphImage.vue.js

@@ -0,0 +1,52 @@
+import l from "./NmorphImage.vue2.js";
+import { openBlock as e, createElementBlock as r, normalizeStyle as d, normalizeClass as m, createElementVNode as c, renderSlot as i, createTextVNode as s, toDisplayString as t, createCommentVNode as n } from "vue";
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = ["src", "alt", "srcset"], g = {
+  key: 0,
+  class: "nmorph-image__load-failed"
+}, f = {
+  key: 1,
+  class: "nmorph-image__loading"
+};
+function h(a, y, k, o, v, L) {
+  return o.props.src ? (e(), r(
+    "div",
+    {
+      key: 0,
+      class: m(o.modifiers),
+      style: d(o.styles)
+    },
+    [
+      c("img", {
+        src: o.props.src,
+        alt: o.props.alt,
+        srcset: o.props.srcSet,
+        onLoad: o.onImageLoad,
+        onError: o.onImageError
+      }, null, 40, p),
+      o.loadingFailed ? (e(), r("div", g, [
+        i(a.$slots, "error", {}, () => [
+          s(
+            t(o.computedLoadFailedText),
+            1
+            /* TEXT */
+          )
+        ])
+      ])) : o.imageLoadFinished ? n("v-if", !0) : (e(), r("div", f, [
+        i(a.$slots, "loading", {}, () => [
+          s(
+            t(o.computedLoadingText),
+            1
+            /* TEXT */
+          )
+        ])
+      ]))
+    ],
+    6
+    /* CLASS, STYLE */
+  )) : n("v-if", !0);
+}
+const I = /* @__PURE__ */ _(l, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-image/NmorphImage.vue"]]);
+export {
+  I as default
+};

package/dist/components/data/nmorph-image/NmorphImage.vue2.js

@@ -0,0 +1,36 @@
+import { defineComponent as _, computed as t, ref as s } from "vue";
+import { useModifiers as y } from "../../../utils/create-modifiers.js";
+import { useI18n as h } from "vue-i18n";
+const b = /* @__PURE__ */ _({
+  __name: "NmorphImage",
+  props: {
+    loadingText: { type: String, required: !1, default: "" },
+    loadFailedText: { type: String, required: !1, default: "" },
+    frameBorder: { type: Number, required: !1, default: 4 },
+    src: { type: String, required: !1 },
+    srcSet: { type: String, required: !1, default: "" },
+    fit: { type: null, required: !1, default: "cover" },
+    alt: { type: String, required: !1, default: "" }
+  },
+  emits: ["error", "load"],
+  setup(u, { expose: m, emit: f }) {
+    m();
+    const { t: o } = h(), e = u, p = t(() => e.loadingText ? e.loadingText : o("loadingText")), c = t(() => e.loadFailedText ? e.loadFailedText : o("loadFailedText")), r = s(!1), a = s(!1), d = f, g = (i) => {
+      r.value = !0, a.value = !1, d("load", i);
+    }, x = (i) => {
+      r.value = !0, a.value = !0, d("error", i);
+    }, l = t(() => r.value && a.value), v = t(
+      () => y({
+        nmorph: [`${e.frameBorder > 0 && "shadow-combined"}`],
+        "nmorph-image": [`${(l.value || !r.value) && "hide"}`]
+      })
+    ), T = t(() => ({
+      "--nmorph-image-fit": e.fit || "cover",
+      "--nmorph-image-frame-border": `${e.frameBorder}px`
+    })), n = { t: o, props: e, computedLoadingText: p, computedLoadFailedText: c, imageLoadFinished: r, imageLoadError: a, emit: d, onImageLoad: g, onImageError: x, loadingFailed: l, modifiers: v, styles: T };
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  }
+});
+export {
+  b as default
+};

package/dist/components/data/nmorph-image-preview/NmorphImagePreview.css

@@ -0,0 +1 @@
+.nmorph-image-preview{--width: 50px;--height: 50px;width:var(--width);height:var(--height);overflow:hidden}.nmorph-image-preview .nmorph-image-preview__trigger{position:relative;width:100%;height:100%;cursor:pointer}.nmorph-image-preview .nmorph-image-preview__trigger:hover{filter:brightness(.8)}.nmorph-image-preview .nmorph-image-preview__trigger .nmorph-image{width:100%;height:100%}.nmorph-image-preview__portal{display:contents}.nmorph-image-preview__portal .nmorph-image-preview__content{transition:var(--transition-04) opacity ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nmorph-image-preview__portal .nmorph-image-preview__actions{position:absolute;bottom:-50px;left:50%;z-index:2;display:flex;height:0;transform:translate(-50%);transition:ease-in-out bottom var(--transition-03)}.nmorph-image-preview__portal .nmorph-image-preview__action-element{margin-right:var(--indentation-03)}.nmorph-image-preview__portal .nmorph-button__content{box-shadow:none}.nmorph-image-preview__portal .nmorph-image-preview__left,.nmorph-image-preview__portal .nmorph-image-preview__right{z-index:2}.nmorph-image-preview__portal .nmorph-image-preview__left{position:absolute;top:50%;left:-100%;transform:rotate(90deg) translate(-50%);transition:ease-in-out left var(--transition-03)}.nmorph-image-preview__portal .nmorph-image-preview__right{position:absolute;top:50%;right:-100%;transform:rotate(270deg) translate(50%);transition:ease-in-out right var(--transition-03)}.nmorph-image-preview__portal.nmorph-image-preview--opened{--nmorph-image-preview-btn-margin: 20px}.nmorph-image-preview__portal.nmorph-image-preview--opened .nmorph-image-preview__actions{bottom:50px}.nmorph-image-preview__portal.nmorph-image-preview--opened .nmorph-image-preview__left{left:var(--nmorph-image-preview-btn-margin)}.nmorph-image-preview__portal.nmorph-image-preview--opened .nmorph-image-preview__right{right:var(--nmorph-image-preview-btn-margin)}