@nmorph/nmorph-ui-kit 2.2.53 → 2.2.54

package/package.json

@@ -2,7 +2,7 @@
   "name": "@nmorph/nmorph-ui-kit",
   "type": "module",
   "private": false,
-  "version": "2.2.53",
+  "version": "2.2.54",
   "license": "MIT",
   "repository": {
     "type": "git",

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -1,9 +0,0 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
-export {
-  s as default
-};

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

@@ -1,69 +0,0 @@
-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.vue2.js

@@ -1,31 +0,0 @@
-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.vue2.js

@@ -1,31 +0,0 @@
-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.vue2.js

@@ -1,56 +0,0 @@
-import './NmorphLink.css';
-import { defineComponent as y, useSlots as g, computed as r } from "vue";
-import { useModifiers as q } from "../../../utils/create-modifiers.js";
-import { createCssVariables as v } from "../../../utils/common.js";
-import * as h from "../nmorph-icon/NmorphIcons.js";
-import { NmorphLinkTarget as S } from "./types.js";
-import { NmorphColor as N } from "../../../types/common.types.js";
-import _ from "../nmorph-icon/NmorphIcon.vue.js";
-const L = /* @__PURE__ */ y({
-  __name: "NmorphLink",
-  props: {
-    type: { type: null, required: !1, default: N.accent },
-    underline: { type: Boolean, required: !1, default: !1 },
-    href: { type: String, required: !1, default: "" },
-    text: { type: String, required: !1, default: "" },
-    target: { type: null, required: !1, default: "self" },
-    rel: { type: String, required: !1, default: void 0 },
-    referrerpolicy: { type: String, required: !1, default: void 0 },
-    referrerPolicy: { type: String, required: !1, default: void 0 },
-    download: { type: [String, Boolean], required: !1, default: void 0 },
-    ariaLabel: { type: String, required: !1, default: void 0 },
-    title: { type: String, required: !1, default: void 0 },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    color: { type: String, required: !1, default: void 0 },
-    iconName: { type: String, required: !1, default: void 0 }
-  },
-  setup(n, { expose: d }) {
-    d();
-    const e = n, s = g(), t = h, o = (m) => m.split(/[-_\s]+/).filter(Boolean).map((a) => `${a.charAt(0).toUpperCase()}${a.slice(1)}`).join(""), f = r(() => {
-      if (e.iconName)
-        return e.iconName in t ? t[e.iconName] : t[`NmorphIcon${o(e.iconName)}`];
-    }), p = r(
-      () => q({
-        "nmorph-link": [e.type, e.underline && "underline", e.disabled && "disabled"]
-      })
-    ), u = r(
-      () => v({
-        "--link-color": e.color
-      })
-    ), l = r(() => S[e.target] ?? e.target), c = r(() => ({
-      href: e.href,
-      target: l.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
-    })), i = { props: e, slots: s, iconMap: t, toPascalCase: o, resolvedIcon: f, modifiers: p, styles: u, resolvedTarget: l, anchorAttrs: c, get NmorphIcon() {
-      return _;
-    } };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
-  }
-});
-export {
-  L as default
-};

package/dist/components/basic/nmorph-scroll/NmorphScroll.vue2.js

@@ -1,195 +0,0 @@
-import './NmorphScroll.css';
-import { defineComponent as fe, ref as d, computed as o, inject as ge, onUnmounted as ye, onMounted as Se, nextTick as Q, watch as Z } from "vue";
-import { useModifiers as be } from "../../../utils/create-modifiers.js";
-const Be = /* @__PURE__ */ fe({
-  __name: "NmorphScroll",
-  props: {
-    height: { type: String, required: !1, default: "100%" },
-    maxHeight: { type: String, required: !1, default: "none" },
-    modelValue: { type: Object, required: !1, default: () => ({
-      x: 0,
-      y: 0
-    }) },
-    scrollYProp: { type: null, required: !1, default: "auto" },
-    scrollXProp: { type: null, required: !1, default: "auto" },
-    cssScrollBehavior: { type: null, required: !1, default: "smooth" },
-    scrollEndDelay: { type: Number, required: !1, default: 50 },
-    updateOnlyOnScrollEnd: { type: Boolean, required: !1, default: !1 },
-    yBarWidthInPx: { type: Number, required: !1, default: 6 },
-    xBarWidthInPx: { type: Number, required: !1, default: 6 },
-    xGapInPx: { type: Number, required: !1, default: 0 },
-    yGapInPx: { type: Number, required: !1, default: 0 }
-  },
-  emits: ["on-scroll", "update:model-value", "on-scroll-end"],
-  setup(ee, { expose: te, emit: le }) {
-    const l = ee, oe = d(null), c = d(null), D = o(() => l.scrollYProp), X = o(() => l.scrollXProp), v = d(!1), f = d(!1), i = d({
-      clientWidth: 0,
-      clientHeight: 0,
-      scrollWidth: 0,
-      scrollHeight: 0,
-      scrollLeft: 0,
-      scrollTop: 0
-    }), g = d(!1);
-    let y, n, x = "";
-    const h = () => {
-      const e = c.value;
-      if (!e) {
-        v.value = !1, f.value = !1, i.value = {
-          clientWidth: 0,
-          clientHeight: 0,
-          scrollWidth: 0,
-          scrollHeight: 0,
-          scrollLeft: 0,
-          scrollTop: 0
-        };
-        return;
-      }
-      const t = {
-        clientWidth: e.clientWidth,
-        clientHeight: e.clientHeight,
-        scrollWidth: e.scrollWidth,
-        scrollHeight: e.scrollHeight,
-        scrollLeft: e.scrollLeft,
-        scrollTop: e.scrollTop
-      };
-      i.value = t, v.value = t.scrollHeight > t.clientHeight, f.value = t.scrollWidth > t.clientWidth;
-    }, Y = o(() => l.yBarWidthInPx + l.yGapInPx), R = o(() => l.xBarWidthInPx + l.xGapInPx), $ = o(
-      () => l.scrollYProp === "hidden" || !v.value ? "0" : `${Y.value}px`
-    ), V = o(
-      () => l.scrollXProp === "hidden" || !f.value ? "0" : `${R.value}px`
-    ), B = o(() => `${l.yBarWidthInPx}px`), w = o(() => `${l.xBarWidthInPx}px`), re = o(() => M.value ? w.value : "0px"), ne = o(() => W.value ? B.value : "0px"), C = ge("nmorph");
-    let s;
-    const P = le, z = () => {
-      const e = c.value;
-      if (!e) return;
-      const t = Math.trunc(e.scrollLeft), r = Math.trunc(e.scrollTop);
-      P("update:model-value", { x: t, y: r });
-    }, N = () => {
-      P("on-scroll-end");
-    }, ae = (e) => {
-      h(), P("on-scroll", e), c.value && (l.updateOnlyOnScrollEnd || z(), s !== void 0 && clearTimeout(s), s = setTimeout(() => {
-        l.updateOnlyOnScrollEnd && z(), N();
-      }, l.scrollEndDelay));
-    };
-    ye(() => {
-      s !== void 0 && clearTimeout(s), y?.disconnect(), _();
-    });
-    const H = d(!1), ie = o(
-      () => be({
-        "nmorph-scroll": {
-          "show-bars": H.value || g.value,
-          dragging: g.value
-        }
-      })
-    ), T = (e) => {
-      const { x: t, y: r } = e;
-      c.value?.scrollTo({
-        left: t,
-        top: r,
-        behavior: "smooth"
-      });
-    };
-    Se(() => {
-      T(l.modelValue), Q(h), typeof ResizeObserver < "u" && c.value && (y = new ResizeObserver(() => {
-        h();
-      }), y.observe(c.value));
-    }), Z(
-      () => l.modelValue,
-      (e) => {
-        T(e);
-      },
-      { deep: !0, immediate: !0 }
-    ), Z(
-      () => C?.browser.dimensions,
-      () => {
-        Q(h);
-      },
-      { deep: !0, immediate: !0 }
-    );
-    const U = o(() => l.cssScrollBehavior), G = o(() => l.height), j = o(() => l.maxHeight), ce = o(() => ({
-      "--bar-width": B.value,
-      "--bar-height": w.value,
-      boxSizing: "border-box",
-      minWidth: "0",
-      minHeight: "0",
-      height: G.value,
-      maxHeight: j.value
-    })), se = o(() => ({
-      paddingRight: $.value,
-      paddingBottom: V.value,
-      overflowX: X.value,
-      overflowY: D.value,
-      scrollBehavior: U.value
-    })), W = o(() => l.scrollYProp !== "hidden" && v.value), M = o(() => l.scrollXProp !== "hidden" && f.value), A = o(
-      () => Math.max(0, i.value.clientHeight - (M.value ? l.xBarWidthInPx : 0))
-    ), F = o(
-      () => Math.max(0, i.value.clientWidth - (W.value ? l.yBarWidthInPx : 0))
-    ), p = (e) => e === "y" ? A.value : F.value, E = (e) => e === "y" ? i.value.clientHeight : i.value.clientWidth, L = (e) => e === "y" ? i.value.scrollHeight : i.value.scrollWidth, O = (e) => e === "y" ? i.value.scrollTop : i.value.scrollLeft, J = (e) => Math.min(p(e), Math.max(18, e === "y" ? l.yBarWidthInPx * 3 : l.xBarWidthInPx * 3)), S = (e) => Math.max(0, L(e) - E(e)), u = (e) => {
-      const t = p(e), r = L(e), a = E(e);
-      return t <= 0 || r <= a ? 0 : Math.min(t, Math.max(J(e), a / r * t));
-    }, I = (e) => {
-      const t = S(e), r = Math.max(0, p(e) - u(e));
-      return !t || !r ? 0 : O(e) / t * r;
-    }, ue = o(() => ({
-      height: `${u("y")}px`,
-      transform: `translate3d(0, ${I("y")}px, 0)`
-    })), de = o(() => ({
-      width: `${u("x")}px`,
-      transform: `translate3d(${I("x")}px, 0, 0)`
-    })), q = (e, t) => {
-      const r = c.value;
-      if (!r) return;
-      const a = Math.max(0, Math.min(S(e), t));
-      e === "y" ? r.scrollTop = a : r.scrollLeft = a, h();
-    }, _ = () => {
-      n && (window.removeEventListener("pointermove", k), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b), n = void 0, g.value = !1, document.body && (document.body.style.userSelect = x));
-    }, k = (e) => {
-      if (!n) return;
-      const r = (n.axis === "y" ? e.clientY : e.clientX) - n.pointerStart, a = Math.max(1, n.trackSize - n.thumbSize), m = r / a * n.maxScroll;
-      q(n.axis, n.scrollStart + m);
-    }, b = () => {
-      _();
-    }, he = (e, t) => {
-      t.preventDefault(), t.stopPropagation();
-      const r = p(e), a = u(e), m = S(e);
-      !r || !a || !m || (n = {
-        axis: e,
-        pointerStart: e === "y" ? t.clientY : t.clientX,
-        scrollStart: O(e),
-        trackSize: r,
-        thumbSize: a,
-        maxScroll: m
-      }, g.value = !0, x = document.body?.style.userSelect ?? "", document.body && (document.body.style.userSelect = "none"), window.addEventListener("pointermove", k), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b));
-    }, pe = (e, t) => {
-      if (t.target.closest(".nmorph-scroll__thumb")) return;
-      const a = t.currentTarget.getBoundingClientRect(), m = e === "y" ? t.clientY - a.top : t.clientX - a.left, me = Math.max(1, p(e) - u(e)), ve = (m - u(e) / 2) / me * S(e);
-      q(e, ve);
-    };
-    te({ scrollDOMContainer: c, moveTo: T });
-    const K = { props: l, scrollRoot: oe, scrollDOMContainer: c, overflowY: D, overflowX: X, hasVerticalScroll: v, hasHorizontalScroll: f, metrics: i, isDragging: g, get resizeObserver() {
-      return y;
-    }, set resizeObserver(e) {
-      y = e;
-    }, get dragState() {
-      return n;
-    }, set dragState(e) {
-      n = e;
-    }, get previousBodyUserSelect() {
-      return x;
-    }, set previousBodyUserSelect(e) {
-      x = e;
-    }, updateScrollableState: h, paddingRightCandidate: Y, paddingBottomCandidate: R, paddingRight: $, paddingBottom: V, barWidth: B, barHeight: w, verticalBarBottom: re, horizontalBarRight: ne, nmorph: C, get scrollEndTimeout() {
-      return s;
-    }, set scrollEndTimeout(e) {
-      s = e;
-    }, emit: P, updateValue: z, handleScrollEnd: N, scrollHandler: ae, show: H, modifiers: ie, moveTo: T, scrollBehavior: U, scrollHeight: G, maxHeight: j, rootStyle: ce, viewportStyle: se, visibleVerticalBar: W, visibleHorizontalBar: M, verticalTrackSize: A, horizontalTrackSize: F, getTrackSize: p, getClientSize: E, getScrollSize: L, getScrollPosition: O, getMinThumbSize: J, getMaxScroll: S, getThumbSize: u, getThumbOffset: I, verticalThumbStyle: ue, horizontalThumbStyle: de, setScrollPosition: q, stopThumbDrag: _, thumbPointerMoveHandler: k, thumbPointerUpHandler: b, thumbPointerDownHandler: he, trackPointerDownHandler: pe, mouseEnterHandler: () => {
-      H.value = !0;
-    }, mouseLeaveHandler: () => {
-      H.value = !1;
-    } };
-    return Object.defineProperty(K, "__isScriptSetup", { enumerable: !1, value: !0 }), K;
-  }
-});
-export {
-  Be as default
-};

package/dist/components/basic/nmorph-space/NmorphSpace.vue2.js

@@ -1,41 +0,0 @@
-import './NmorphSpace.css';
-import { defineComponent as d, computed as t } from "vue";
-import { useModifiers as m } from "../../../utils/create-modifiers.js";
-import { toCssSize as c } from "../../../utils/common.js";
-const _ = /* @__PURE__ */ d({
-  __name: "NmorphSpace",
-  props: {
-    tag: { type: String, required: !1, default: "div" },
-    direction: { type: String, required: !1, default: "row" },
-    size: { type: [String, Number], required: !1, default: "medium" },
-    align: { type: String, required: !1, default: "start" },
-    justify: { type: String, required: !1, default: "start" },
-    wrap: { type: Boolean, required: !1, default: !1 },
-    inline: { type: Boolean, required: !1, default: !1 },
-    fill: { type: Boolean, required: !1, default: !1 }
-  },
-  setup(o, { expose: p }) {
-    p();
-    const e = o, r = {
-      small: "4px",
-      medium: "8px",
-      large: "16px"
-    }, f = t(
-      () => m({
-        "nmorph-space": [e.direction, e.wrap && "wrap", e.inline && "inline", e.fill && "fill"]
-      })
-    ), i = (n) => c(r[n] || n), s = t(
-      () => e.align === "start" || e.align === "end" ? `flex-${e.align}` : e.align
-    ), a = t(
-      () => e.justify === "start" || e.justify === "end" ? `flex-${e.justify}` : e.justify
-    ), u = t(() => ({
-      "--nmorph-space-gap": i(e.size),
-      "--nmorph-space-align": s.value,
-      "--nmorph-space-justify": a.value
-    })), l = { props: e, sizeMap: r, modifiers: f, resolveSpaceSize: i, alignItems: s, justifyContent: a, styles: u };
-    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
-  }
-});
-export {
-  _ as default
-};

package/dist/components/data/nmorph-audio-meter/NmorphAudioMeter.vue2.js

@@ -1,30 +0,0 @@
-import './NmorphAudioMeter.css';
-import { defineComponent as p, computed as t } from "vue";
-import { useModifiers as v } from "../../../utils/create-modifiers.js";
-const y = /* @__PURE__ */ p({
-  __name: "NmorphAudioMeter",
-  props: {
-    value: { type: Number, required: !1, default: void 0 },
-    volumeDb: { type: Number, required: !1, default: void 0 },
-    variant: { type: String, required: !1, default: "bars" },
-    bars: { type: Number, required: !1, default: 12 },
-    warnThreshold: { type: Number, required: !1, default: 0.7 },
-    errorThreshold: { type: Number, required: !1, default: 0.9 },
-    label: { type: String, required: !1, default: "Audio level" }
-  },
-  setup(s, { expose: i }) {
-    i();
-    const e = s, u = (a) => Math.min(Math.max(a, 0), 1), r = t(() => typeof e.value == "number" ? u(e.value) : typeof e.volumeDb == "number" ? u((e.volumeDb + 60) / 60) : 0), o = t(() => Array.from({ length: Math.max(e.bars, 1) }, (a, f) => f)), l = t(() => r.value >= e.errorThreshold ? "error" : r.value >= e.warnThreshold ? "warn" : "normal"), d = t(
-      () => v({
-        "nmorph-audio-meter": [e.variant, l.value]
-      })
-    ), m = t(() => ({
-      "--nmorph-audio-meter-level": r.value,
-      "--nmorph-audio-meter-percent": `${Math.round(r.value * 100)}%`
-    })), n = { props: e, clamp: u, level: r, barIndexes: o, state: l, modifiers: d, styles: m, isBarActive: (a) => (a + 1) / o.value.length <= r.value };
-    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
-  }
-});
-export {
-  y as default
-};

package/dist/components/data/nmorph-audio-preview/NmorphAudioPreview.vue2.js

@@ -1,115 +0,0 @@
-import './NmorphAudioPreview.css';
-import { defineComponent as L, useSlots as x, ref as d, watch as R, computed as t } from "vue";
-import { useModifiers as $ } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as j } from "../../../utils/common.js";
-import k from "../../../assets/icons/play.svg.js";
-import z from "../../../assets/icons/pause.svg.js";
-import F from "../../../assets/icons/open.svg.js";
-import U from "../../../assets/icons/download.svg.js";
-import V from "../../../assets/icons/audio.svg.js";
-import E from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import G from "../../../assets/icons/loading.svg.js";
-const J = "var(--nmorph-contrast-text-color)", te = /* @__PURE__ */ L({
-  __name: "NmorphAudioPreview",
-  props: {
-    src: { type: String, required: !0 },
-    name: { type: String, required: !1, default: "" },
-    durationMs: { type: Number, required: !1, default: void 0 },
-    width: { type: [Number, String], required: !1, default: void 0 },
-    surface: { type: String, required: !1, default: "card" },
-    embedded: { type: Boolean, required: !1, default: !1 },
-    showIcon: { type: Boolean, required: !1, default: !0 },
-    showHeader: { type: Boolean, required: !1, default: !0 },
-    compact: { type: Boolean, required: !1, default: !1 },
-    preload: { type: String, required: !1, default: "metadata" },
-    downloadHref: { type: String, required: !1, default: "" },
-    loading: { type: Boolean, required: !1, default: !1 },
-    error: { type: Boolean, required: !1, default: !1 },
-    errorText: { type: String, required: !1, default: "" },
-    showDefaultActions: { type: Boolean, required: !1, default: !0 }
-  },
-  emits: ["play", "pause", "open", "download", "error"],
-  setup(h, { expose: y, emit: g }) {
-    const e = h, n = g, p = x(), o = d(null), a = d(!1), u = d(0), s = d(e.durationMs ? e.durationMs / 1e3 : 0);
-    R(
-      () => e.durationMs,
-      (r) => {
-        s.value = r ? r / 1e3 : s.value;
-      }
-    );
-    const l = t(() => s.value || 0), c = t({
-      get: () => l.value > 0 ? u.value / l.value * 100 : 0,
-      set: (r) => {
-        !o.value || l.value <= 0 || (o.value.currentTime = r / 100 * l.value, u.value = o.value.currentTime);
-      }
-    }), N = t(() => ({ "--nmorph-audio-preview-progress": `${c.value}%` })), f = t(
-      () => !!p.actions || e.showDefaultActions && (e.src || e.downloadHref)
-    ), w = t(
-      () => $({
-        "nmorph-audio-preview": [
-          e.surface,
-          e.embedded && "embedded",
-          !e.showIcon && "no-icon",
-          !e.showHeader && "no-header",
-          e.compact && "compact",
-          e.loading && "loading",
-          e.error && "error",
-          a.value && "playing",
-          !f.value && "no-actions"
-        ]
-      })
-    ), S = t(
-      () => j({
-        "--nmorph-audio-preview-width": e.width
-      })
-    ), i = (r) => {
-      if (!Number.isFinite(r) || r < 0) return "0:00";
-      const v = Math.floor(r), C = Math.floor(v / 60), D = v % 60;
-      return `${C}:${D.toString().padStart(2, "0")}`;
-    }, I = t(() => i(u.value)), q = t(() => i(l.value)), b = async () => {
-      if (!(!o.value || e.loading || e.error)) {
-        if (a.value) {
-          o.value.pause();
-          return;
-        }
-        try {
-          await o.value.play();
-        } catch {
-          a.value = !1;
-        }
-      }
-    }, H = () => {
-      !o.value || Number.isNaN(o.value.duration) || (s.value = o.value.duration);
-    }, _ = () => {
-      u.value = o.value?.currentTime || 0;
-    }, T = (r) => {
-      a.value = !0, n("play", r);
-    }, B = (r) => {
-      a.value = !1, n("pause", r);
-    }, A = () => {
-      a.value = !1;
-    }, M = (r) => {
-      a.value = !1, n("error", r);
-    }, O = () => n("open"), P = () => n("download");
-    y({ audioRef: o });
-    const m = { CONTRAST_ICON_COLOR: J, props: e, emit: n, slots: p, audioRef: o, playing: a, currentTime: u, durationSeconds: s, resolvedDuration: l, progress: c, progressStyle: N, hasActions: f, modifiers: w, styles: S, formatTime: i, currentTimeLabel: I, durationLabel: q, togglePlayback: b, loadedMetadataHandler: H, timeUpdateHandler: _, playHandler: T, pauseHandler: B, endedHandler: A, errorHandler: M, openHandler: O, downloadHandler: P, get NmorphIcon() {
-      return E;
-    }, get NmorphIconAudio() {
-      return V;
-    }, get NmorphIconDownload() {
-      return U;
-    }, get NmorphIconLoader() {
-      return G;
-    }, get NmorphIconOpen() {
-      return F;
-    }, get NmorphIconPause() {
-      return z;
-    }, get NmorphIconPlay() {
-      return k;
-    } };
-    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
-  }
-});
-export {
-  te as default
-};

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

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