@nmorph/nmorph-ui-kit 2.2.53 → 2.2.54

package/dist/components/data/nmorph-empty/NmorphEmpty.vue2.js

@@ -1,48 +0,0 @@
-import './NmorphEmpty.css';
-import { defineComponent as m, useSlots as u, computed as t } from "vue";
-import { useModifiers as f } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as c, toCssSize as h } from "../../../utils/common.js";
-import { NmorphShadowType as g } from "../../../types/common.types.js";
-import y from "../../../assets/icons/folder-opened.svg.js";
-import S from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-const v = /* @__PURE__ */ m({
-  __name: "NmorphEmpty",
-  props: {
-    title: { type: String, required: !1, default: "No data" },
-    description: { type: String, required: !1, default: "" },
-    iconSize: { type: [Number, String], required: !1, default: 56 },
-    minHeight: { type: [Number, String], required: !1, default: 160 },
-    padding: { type: [Number, String], required: !1, default: "var(--indentation-05)" },
-    design: { type: String, required: !1, default: "nmorph" },
-    shadowType: { type: null, required: !1, default: "inset" },
-    hideIcon: { type: Boolean, required: !1, default: !1 },
-    role: { type: String, required: !1, default: "status" },
-    ariaLabel: { type: String, required: !1, default: void 0 },
-    ariaOrientation: { type: String, required: !1, default: void 0 }
-  },
-  setup(o, { expose: n }) {
-    n();
-    const e = o, r = u(), s = t(() => !e.hideIcon || !!r.icon), a = t(() => !!(e.description || r.description)), p = t(() => e.ariaLabel || e.title), d = t(
-      () => f({
-        nmorph: [e.design === "nmorph" ? g[e.shadowType] : ""],
-        "nmorph-empty": [e.design]
-      })
-    ), l = t(
-      () => c({
-        "--nmorph-empty-icon-size": e.iconSize,
-        "--nmorph-empty-min-height": e.minHeight,
-        "--nmorph-empty-padding": e.padding
-      })
-    ), i = { props: e, slots: r, hasIcon: s, hasDescription: a, label: p, modifiers: d, styles: l, get NmorphIcon() {
-      return S;
-    }, get NmorphIconFolderOpened() {
-      return y;
-    }, get toCssSize() {
-      return h;
-    } };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
-  }
-});
-export {
-  v as default
-};

package/dist/components/data/nmorph-file-card/NmorphFileCard.vue2.js

@@ -1,109 +0,0 @@
-import './NmorphFileCard.css';
-import { defineComponent as D, useSlots as R, ref as F, computed as r } from "vue";
-import { useModifiers as E } from "../../../utils/create-modifiers.js";
-import { getFileExtension as z, getPlainFileType as G, getTypeCandidates as V, isKnownFileType as n } from "../../../utils/file-types.js";
-import { NmorphImageResolution as W, NmorphAudioResolution as j, NmorphVideoResolution as k, NmorphArchiveResolution as K, NmorphDocResolution as $ } from "../../form/nmorph-file-upload/types.js";
-import J from "../nmorph-audio-preview/NmorphAudioPreview.vue.js";
-import Q from "../nmorph-media-gallery/NmorphMediaGallery.vue.js";
-import U from "../nmorph-video-preview/NmorphVideoPreview.vue.js";
-import X from "../../../assets/icons/image.svg.js";
-import Y from "../../../assets/icons/archive.svg.js";
-import H from "../../../assets/icons/doc.svg.js";
-import Z from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import ee from "../../../assets/icons/audio.svg.js";
-import re from "../../../assets/icons/video.svg.js";
-import oe from "../../../assets/icons/open.svg.js";
-import te from "../../../assets/icons/loading.svg.js";
-import ae from "../../../assets/icons/eye.svg.js";
-import ie from "../../../assets/icons/download.svg.js";
-const ne = "var(--nmorph-contrast-text-color)", He = /* @__PURE__ */ D({
-  __name: "NmorphFileCard",
-  props: {
-    name: { type: String, required: !0 },
-    extension: { type: String, required: !1, default: "" },
-    mimeType: { type: String, required: !1, default: "" },
-    size: { type: Number, required: !1, default: void 0 },
-    previewSrc: { type: String, required: !1, default: "" },
-    downloadHref: { type: String, required: !1, default: "" },
-    mediaPreview: { type: String, required: !1, default: "none" },
-    previewMode: { type: String, required: !1, default: "internal" },
-    surface: { type: String, required: !1, default: "card" },
-    showExtensionBadge: { type: Boolean, required: !1, default: !0 },
-    iconSurface: { type: Boolean, required: !1, default: !0 },
-    compact: { type: Boolean, required: !1, default: !1 },
-    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: ["open", "download", "error"],
-  setup(T, { expose: x, emit: _ }) {
-    x();
-    const e = T, l = _, f = R(), v = F(!1), u = r(() => (e.extension || z(e.name) || G(e.mimeType)).toLowerCase()), t = r(() => V(e.mimeType, e.name)), b = r(() => e.mimeType.toLowerCase().startsWith("image/") || t.value.some((o) => n(o, W)) ? X : e.mimeType.toLowerCase().startsWith("audio/") || t.value.some((o) => n(o, j)) ? ee : e.mimeType.toLowerCase().startsWith("video/") || t.value.some((o) => n(o, k)) ? re : t.value.some((o) => n(o, K)) ? Y : t.value.some((o) => n(o, $)) ? H : H), w = (o) => {
-      if (o === void 0 || Number.isNaN(o) || o < 0) return "";
-      if (o === 0) return "0 B";
-      const A = ["B", "KB", "MB", "GB", "TB"], p = Math.min(Math.floor(Math.log(o) / Math.log(1024)), A.length - 1), c = o / 1024 ** p, L = c >= 10 || p === 0 || Number.isInteger(c) ? 0 : 1;
-      return `${c.toFixed(L)} ${A[p]}`;
-    }, h = r(() => w(e.size)), g = r(() => u.value || e.mimeType), C = r(() => [g.value, h.value].filter(Boolean).join(" · ")), m = r(() => e.mediaPreview === "audio" && !!e.previewSrc && !e.loading && !e.error), a = r(() => e.mediaPreview === "video" && !!e.previewSrc && !e.loading && !e.error), i = r(() => e.mediaPreview === "image" && !!e.previewSrc && !e.loading && !e.error), d = r(
-      () => m.value || a.value || i.value
-    ), y = r(() => a.value || i.value), M = r(() => e.compact ? "96px" : "120px"), N = r(() => !e.previewSrc || e.loading || e.error ? [] : i.value ? [
-      {
-        kind: "image",
-        src: e.previewSrc,
-        name: e.name,
-        alt: e.name,
-        size: e.size,
-        downloadHref: e.downloadHref
-      }
-    ] : a.value ? [
-      {
-        kind: "video",
-        src: e.previewSrc,
-        name: e.name,
-        size: e.size,
-        downloadHref: e.downloadHref,
-        controls: !0,
-        playsinline: !0,
-        preload: "metadata"
-      }
-    ] : []), S = r(
-      () => e.previewMode === "internal" && N.value.length > 0
-    ), s = r(() => e.mimeType.toLowerCase() === "application/pdf" || u.value === "pdf"), I = r(() => s.value ? e.previewSrc || e.downloadHref : ""), B = r(
-      () => e.showDefaultActions && !!I.value && !d.value && s.value
-    ), P = r(
-      () => !!f.actions || e.showDefaultActions && (e.loading || e.previewSrc && !d.value && !B.value || e.downloadHref)
-    ), O = r(
-      () => E({
-        "nmorph-file-card": [
-          e.surface,
-          e.compact && "compact",
-          e.loading && "loading",
-          e.error && "error",
-          d.value && "media",
-          m.value && "media-audio",
-          a.value && "media-video",
-          i.value && "media-image",
-          y.value && "media-visual",
-          !e.iconSurface && "icon-plain",
-          !P.value && "no-actions"
-        ]
-      })
-    ), q = { CONTRAST_ICON_COLOR: ne, props: e, emit: l, slots: f, previewOpen: v, extension: u, candidates: t, icon: b, formatSize: w, fileSize: h, typeLabel: g, meta: C, audioPreviewAvailable: m, videoPreviewAvailable: a, imagePreviewAvailable: i, mediaPreviewAvailable: d, visualMediaPreviewAvailable: y, videoPreviewHeight: M, mediaGalleryItems: N, shouldOpenInternalPreview: S, isPdf: s, pdfPreviewHref: I, previewOnIcon: B, hasActions: P, modifiers: O, openHandler: () => {
-      S.value && (v.value = !0), e.previewMode !== "none" && l("open");
-    }, downloadHandler: () => l("download"), errorHandler: () => l("error"), get NmorphIcon() {
-      return Z;
-    }, get NmorphIconDownload() {
-      return ie;
-    }, get NmorphIconEye() {
-      return ae;
-    }, get NmorphIconLoader() {
-      return te;
-    }, get NmorphIconOpen() {
-      return oe;
-    }, NmorphAudioPreview: J, NmorphMediaGallery: Q, NmorphVideoPreview: U };
-    return Object.defineProperty(q, "__isScriptSetup", { enumerable: !1, value: !0 }), q;
-  }
-});
-export {
-  He as default
-};

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

@@ -1,37 +0,0 @@
-import './NmorphImage.css';
-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.vue2.js

@@ -1,152 +0,0 @@
-import './NmorphImagePreview.css';
-import { defineComponent as $, ref as g, watch as h, computed as t, onBeforeUnmount as Z } from "vue";
-import { useModifiers as j } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as U } from "../../../utils/common.js";
-import J from "../nmorph-preview-portal/NmorphPreviewPortal.vue.js";
-import Q from "../../../assets/icons/shrink.svg.js";
-import W from "../../../assets/icons/rotate-right.svg.js";
-import X from "../../../assets/icons/rotate-left.svg.js";
-import Y from "../../../assets/icons/zoom-in.svg.js";
-import ee from "../../../assets/icons/zoom-out.svg.js";
-import re from "../../../assets/icons/enlarge.svg.js";
-import te from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import ae from "../../basic/nmorph-button/NmorphButton.vue.js";
-import oe from "../nmorph-image/NmorphImage.vue.js";
-const Ne = /* @__PURE__ */ $({
-  __name: "NmorphImagePreview",
-  props: {
-    modelValue: { type: Boolean, required: !1, default: !1 },
-    alt: { type: String, required: !1, default: "" },
-    initialIndex: { type: Number, required: !1, default: 0 },
-    src: { type: [String, Array], required: !0 },
-    scaleStep: { type: Number, required: !1, default: 0.2 },
-    minScaleLevel: { type: Number, required: !1, default: 0.2 },
-    maxScaleLevel: { type: Number, required: !1, default: 4 },
-    zIndex: { type: Number, required: !1, default: void 0 },
-    showTrigger: { type: Boolean, required: !1, default: !0 },
-    showNavigationButtons: { type: Boolean, required: !1, default: !0 },
-    showActionBar: { type: Boolean, required: !1, default: !0 },
-    width: { type: [Number, String], required: !1, default: void 0 },
-    height: { type: [Number, String], required: !1, default: void 0 },
-    radius: { type: [Number, String], required: !1, default: void 0 },
-    fit: { type: String, required: !1, default: "cover" },
-    navigationButtonMargin: { type: [Number, String], required: !1, default: void 0 },
-    triggerView: { type: String, required: !1, default: "single" },
-    triggerLimit: { type: Number, required: !1, default: void 0 },
-    triggerGap: { type: [Number, String], required: !1, default: 8 }
-  },
-  emits: ["update:model-value"],
-  setup(V, { expose: C, emit: K }) {
-    C();
-    const r = V, i = g(r.modelValue);
-    h(
-      () => r.modelValue,
-      (e) => i.value = e
-    );
-    const a = t(() => Array.isArray(r.src) ? r.src : [r.src]), s = (e) => {
-      const l = a.value.length - 1;
-      return l < 0 || e < 0 ? 0 : e > l ? l : e;
-    }, u = g(s(r.initialIndex)), d = t(() => s(u.value)), H = t(() => a.value[d.value] || ""), c = t(() => r.triggerView === "gallery" && a.value.length > 1), y = t(() => !r.triggerLimit || r.triggerLimit < 1 ? a.value.length : Math.min(Math.floor(r.triggerLimit), a.value.length)), m = t(
-      () => a.value.slice(0, y.value).map((e, l) => ({
-        index: l,
-        src: e
-      }))
-    ), M = t(() => a.value.length - m.value.length), P = t(() => m.value[m.value.length - 1]?.index ?? -1), R = t(
-      () => j({
-        "nmorph-image-preview": [i.value && "opened", c.value && "gallery-trigger"]
-      })
-    ), o = g(1);
-    h(
-      () => [r.initialIndex, a.value.length],
-      () => {
-        u.value = s(r.initialIndex);
-      }
-    );
-    const N = (e) => {
-      u.value = s(e), i.value = !0, p("update:model-value", i.value);
-    }, z = () => {
-      c.value || N(d.value);
-    }, F = () => {
-      i.value = !1, p("update:model-value", i.value);
-    }, S = () => {
-      n.value = n.value + 90, n.value >= 360 && (n.value = 0);
-    }, I = () => {
-      n.value = n.value - 90, n.value <= -360 && (n.value = 0);
-    }, w = () => {
-      o.value < r.maxScaleLevel && (o.value += r.scaleStep), o.value = parseFloat(o.value.toFixed(3));
-    }, L = () => {
-      o.value > r.minScaleLevel && (o.value -= r.scaleStep), o.value = parseFloat(o.value.toFixed(3));
-    }, b = t(() => o.value < 1), q = () => {
-      o.value = 1;
-    }, x = () => {
-      o.value = 1;
-    }, n = g(0), B = () => {
-      const e = a.value.length;
-      if (!e) return;
-      const l = d.value - 1;
-      u.value = l < 0 ? e - 1 : l;
-    }, _ = () => {
-      const e = a.value.length;
-      if (!e) return;
-      const l = d.value + 1;
-      u.value = l > e - 1 ? 0 : l;
-    }, f = (e) => {
-      !i.value || a.value.length < 2 || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || (e.key === "ArrowLeft" && (e.preventDefault(), B()), e.key === "ArrowRight" && (e.preventDefault(), _()));
-    }, k = () => {
-      typeof document > "u" || document.addEventListener("keydown", f);
-    }, v = () => {
-      typeof document > "u" || document.removeEventListener("keydown", f);
-    };
-    h(
-      i,
-      (e) => {
-        e ? k() : v();
-      },
-      { immediate: !0 }
-    ), Z(v);
-    const D = t(() => {
-      let e = {
-        icon: Q,
-        handler: x
-      };
-      return b.value && (e = {
-        icon: re,
-        handler: q
-      }), e;
-    }), E = [
-      {
-        icon: W,
-        handler: S
-      },
-      {
-        icon: X,
-        handler: I
-      },
-      {
-        icon: Y,
-        handler: w
-      },
-      {
-        icon: ee,
-        handler: L
-      }
-    ], p = K, T = t(() => a.value.length > 1), G = t(() => r.showNavigationButtons && T.value), O = t(
-      () => U({
-        "--width": r.width,
-        "--height": r.height,
-        "--nmorph-image-preview-radius": r.radius,
-        "--nmorph-image-preview-trigger-gap": r.triggerGap
-      })
-    ), A = { props: r, open: i, sourceList: a, getClampedIndex: s, currentIndex: u, resolvedCurrentIndex: d, triggerSource: H, showGalleryTrigger: c, triggerSourceLimit: y, triggerSources: m, hiddenTriggerCount: M, lastVisibleTriggerIndex: P, modifiers: R, scaleLevel: o, openPreviewAt: N, clickHandler: z, closeHandler: F, rotateRight: S, rotateLeft: I, zoomIn: w, zoomOut: L, isLevelChangedToMin: b, enlargeToNormal: q, shrinkToNormal: x, rotateLevel: n, previousHandler: B, nextHandler: _, keyboardNavigationHandler: f, addKeyboardNavigationListener: k, removeKeyboardNavigationListener: v, enlargeShrinkActionData: D, actions: E, emit: p, multipleSources: T, showNavigation: G, triggerStyle: O, getTriggerLabel: (e) => r.alt ? `${r.alt} ${e + 1}` : `Image ${e + 1}`, get NmorphImage() {
-      return oe;
-    }, get NmorphButton() {
-      return ae;
-    }, get NmorphIcon() {
-      return te;
-    }, NmorphPreviewPortal: J };
-    return Object.defineProperty(A, "__isScriptSetup", { enumerable: !1, value: !0 }), A;
-  }
-});
-export {
-  Ne as default
-};

package/dist/components/data/nmorph-media-gallery/NmorphMediaGallery.vue2.js

@@ -1,223 +0,0 @@
-import './NmorphMediaGallery.css';
-import { defineComponent as ye, ref as v, computed as n, watch as w, onBeforeUnmount as Ne } from "vue";
-import { useModifiers as we } from "../../../utils/create-modifiers.js";
-import xe from "../nmorph-preview-portal/NmorphPreviewPortal.vue.js";
-import He from "../nmorph-image/NmorphImage.vue.js";
-import be from "../../../assets/icons/full-screen.svg.js";
-import ke from "../../../assets/icons/eye.svg.js";
-import Fe from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import Be from "../../basic/nmorph-button/NmorphButton.vue.js";
-import Pe from "../../../assets/icons/zoom-out.svg.js";
-import Se from "../../../assets/icons/zoom-in.svg.js";
-import qe from "../../../assets/icons/shrink.svg.js";
-import Le from "../../../assets/icons/rotate-right.svg.js";
-import Me from "../../../assets/icons/rotate-left.svg.js";
-import Re from "../../../assets/icons/play.svg.js";
-import Ve from "../../../assets/icons/pause.svg.js";
-import _e from "../../../assets/icons/enlarge.svg.js";
-import De from "../../../assets/icons/download.svg.js";
-const T = 45, ot = /* @__PURE__ */ ye({
-  __name: "NmorphMediaGallery",
-  props: {
-    modelValue: { type: Boolean, required: !1, default: !1 },
-    items: { type: Array, required: !0 },
-    initialIndex: { type: Number, required: !1, default: 0 },
-    activeIndex: { type: Number, required: !1, default: void 0 },
-    zIndex: { type: Number, required: !1, default: void 0 },
-    showTrigger: { type: Boolean, required: !1, default: !1 },
-    showNavigationButtons: { type: Boolean, required: !1, default: !0 },
-    showActionBar: { type: Boolean, required: !1, default: !0 },
-    imageFit: { type: String, required: !1, default: "contain" },
-    videoFit: { type: String, required: !1, default: "contain" }
-  },
-  emits: ["update:model-value", "update:active-index", "close", "change", "download", "fullscreen"],
-  setup(C, { expose: $, emit: A }) {
-    $();
-    const r = C, l = A, m = v(r.modelValue), p = v(0), d = v(null), x = v({}), I = v(null), a = v(!1), f = v(1), u = v(0), g = v(null), i = n(() => r.items || []), H = n(() => i.value.length > 1), V = n(() => r.showNavigationButtons && H.value), h = (e) => {
-      const t = i.value.length - 1;
-      return t < 0 || !Number.isFinite(e) || e < 0 ? 0 : e > t ? t : e;
-    }, c = n(() => h(p.value)), o = n(() => i.value[c.value]), b = n(() => o.value?.kind === "image"), N = n(() => o.value?.kind === "video"), O = n(
-      () => o.value?.kind === "video" ? o.value.controls !== !1 : !1
-    ), z = n(() => o.value?.kind === "video" ? o.value.muted === !0 : !1), Z = n(
-      () => o.value?.kind === "video" ? o.value.playsinline !== !1 : !0
-    ), U = n(
-      () => o.value?.kind === "video" && o.value.preload || "metadata"
-    ), X = n(
-      () => o.value?.kind === "video" && o.value.name || "video"
-    ), Y = n(() => o.value?.name || ""), G = n(() => o.value?.downloadHref || ""), j = n(
-      () => we({
-        "nmorph-media-gallery": [
-          m.value && "opened",
-          b.value && "image",
-          N.value && "video",
-          a.value && N.value && "video-playing",
-          r.imageFit === "cover" && b.value && "image-cover",
-          r.videoFit === "cover" && N.value && "video-cover"
-        ]
-      })
-    ), W = n(() => `rotate(${u.value}deg) scale(${f.value})`), k = (e) => {
-      if (e === void 0 || Number.isNaN(e) || e < 0) return "";
-      if (e === 0) return "0 B";
-      const t = ["B", "KB", "MB", "GB", "TB"], s = Math.min(Math.floor(Math.log(e) / Math.log(1024)), t.length - 1), R = e / 1024 ** s, Ie = R >= 10 || s === 0 || Number.isInteger(R) ? 0 : 1;
-      return `${R.toFixed(Ie)} ${t[s]}`;
-    }, J = n(() => k(o.value?.size)), Q = (e) => e.name || "", ee = (e, t) => e.name || `${e.kind === "video" ? "Video" : "Image"} ${t + 1}`, te = (e) => k(e.size), oe = (e) => e.downloadHref || "", ne = (e, t) => {
-      x.value[e] = t instanceof HTMLVideoElement ? t : null;
-    };
-    w(
-      () => r.modelValue,
-      (e) => {
-        m.value = e;
-      }
-    ), w(
-      () => r.activeIndex,
-      (e) => {
-        typeof e == "number" && (p.value = h(e));
-      },
-      { immediate: !0 }
-    ), w(
-      () => [r.initialIndex, i.value.length],
-      () => {
-        typeof r.activeIndex != "number" && (p.value = h(r.initialIndex));
-      },
-      { immediate: !0 }
-    );
-    const y = () => {
-      !d.value || d.value === I.value || (d.value.pause(), a.value = !1, I.value = d.value);
-    }, F = () => {
-      f.value = 1, u.value = 0;
-    }, B = (e) => {
-      if (!i.value.length) return;
-      const t = h(e);
-      if (t === c.value) return;
-      y(), a.value = !1, p.value = t, F(), l("update:active-index", t);
-      const s = i.value[t];
-      s && l("change", s, t);
-    }, P = () => {
-      const e = i.value.length;
-      e && B(c.value === 0 ? e - 1 : c.value - 1);
-    }, S = () => {
-      const e = i.value.length;
-      e && B(c.value === e - 1 ? 0 : c.value + 1);
-    }, re = (e) => {
-      if (!i.value.length) return;
-      const t = h(e);
-      y(), a.value = !1, p.value = t, F(), m.value = !0, l("update:model-value", !0), l("update:active-index", t);
-      const s = i.value[t];
-      s && l("change", s, t);
-    }, _ = () => {
-      m.value && (y(), m.value = !1, l("update:model-value", !1), l("close"));
-    }, ae = () => {
-      u.value = u.value + 90, u.value >= 360 && (u.value = 0);
-    }, le = () => {
-      u.value = u.value - 90, u.value <= -360 && (u.value = 0);
-    }, ue = () => {
-      f.value = parseFloat(Math.min(f.value + 0.2, 4).toFixed(3));
-    }, ie = () => {
-      f.value = parseFloat(Math.max(f.value - 0.2, 0.2).toFixed(3));
-    }, se = () => {
-      f.value = 1;
-    }, de = async () => {
-      if (d.value) {
-        if (a.value) {
-          d.value.pause();
-          return;
-        }
-        try {
-          await d.value.play();
-        } catch {
-          a.value = !1;
-        }
-      }
-    }, q = async (e) => {
-      if (e)
-        try {
-          const t = e.requestFullscreen?.() || e.webkitRequestFullscreen?.();
-          if (t) {
-            await t;
-            return;
-          }
-          e.webkitEnterFullscreen?.();
-        } catch {
-        }
-    }, ce = async () => {
-      !o.value || o.value.kind !== "video" || (l("fullscreen", o.value, c.value), await q(d.value));
-    }, ve = async (e, t) => {
-      e.kind === "video" && (l("fullscreen", e, t), await q(x.value[t]));
-    }, D = (e, t) => {
-      l("download", e, t);
-    }, me = () => {
-      o.value && D(o.value, c.value);
-    }, fe = () => {
-      a.value = !0, I.value = null;
-    }, pe = () => {
-      a.value = !1;
-    }, ge = () => {
-      a.value = !1;
-    }, he = () => {
-      a.value = !1;
-    }, L = (e) => {
-      if (m.value && !(e.altKey || e.ctrlKey || e.metaKey || e.shiftKey)) {
-        if (e.key === "Escape") {
-          e.preventDefault(), _();
-          return;
-        }
-        H.value && (e.key === "ArrowLeft" && (e.preventDefault(), P()), e.key === "ArrowRight" && (e.preventDefault(), S()));
-      }
-    }, E = () => {
-      typeof document > "u" || document.addEventListener("keydown", L);
-    }, M = () => {
-      typeof document > "u" || document.removeEventListener("keydown", L);
-    };
-    w(
-      m,
-      (e) => {
-        e ? (E(), I.value = null, p.value = h(
-          typeof r.activeIndex == "number" ? r.activeIndex : r.initialIndex
-        )) : (y(), a.value = !1, M());
-      },
-      { immediate: !0 }
-    ), Ne(M);
-    const K = { SWIPE_THRESHOLD: T, props: r, emit: l, open: m, currentIndex: p, currentVideoRef: d, triggerVideoRefs: x, pausedVideoRef: I, videoPlaying: a, scaleLevel: f, rotateLevel: u, pointerStart: g, sourceList: i, multipleItems: H, showNavigation: V, getClampedIndex: h, resolvedCurrentIndex: c, currentItem: o, isImage: b, isVideo: N, videoControls: O, videoMuted: z, videoPlaysinline: Z, videoPreload: U, currentVideoName: X, currentName: Y, currentDownloadHref: G, modifiers: j, imageTransform: W, formatSize: k, currentSize: J, getItemName: Q, getItemLabel: ee, getItemSize: te, getItemDownloadHref: oe, setTriggerVideoRef: ne, pauseCurrentVideo: y, resetImageTransform: F, setCurrentIndex: B, previousHandler: P, nextHandler: S, openPreviewAt: re, closeHandler: _, rotateRight: ae, rotateLeft: le, zoomIn: ue, zoomOut: ie, toggleNormalSize: se, toggleVideoPlayback: de, requestVideoFullscreen: q, fullscreenHandler: ce, triggerFullscreenHandler: ve, downloadItemHandler: D, downloadHandler: me, videoPlayHandler: fe, videoPauseHandler: pe, videoEndedHandler: ge, videoErrorHandler: he, keyboardNavigationHandler: L, addKeyboardNavigationListener: E, removeKeyboardNavigationListener: M, pointerDownHandler: (e) => {
-      g.value = { x: e.clientX, y: e.clientY };
-    }, pointerUpHandler: (e) => {
-      if (!g.value || !V.value) {
-        g.value = null;
-        return;
-      }
-      const t = e.clientX - g.value.x, s = e.clientY - g.value.y;
-      g.value = null, !(Math.abs(t) < T || Math.abs(t) < Math.abs(s) * 1.2) && (t > 0 ? P() : S());
-    }, get NmorphButton() {
-      return Be;
-    }, get NmorphIcon() {
-      return Fe;
-    }, get NmorphIconDownload() {
-      return De;
-    }, get NmorphIconEnlarge() {
-      return _e;
-    }, get NmorphIconEye() {
-      return ke;
-    }, get NmorphIconFullScreen() {
-      return be;
-    }, get NmorphIconPause() {
-      return Ve;
-    }, get NmorphIconPlay() {
-      return Re;
-    }, get NmorphIconRotateLeft() {
-      return Me;
-    }, get NmorphIconRotateRight() {
-      return Le;
-    }, get NmorphIconShrink() {
-      return qe;
-    }, get NmorphIconZoomIn() {
-      return Se;
-    }, get NmorphIconZoomOut() {
-      return Pe;
-    }, get NmorphImage() {
-      return He;
-    }, NmorphPreviewPortal: xe };
-    return Object.defineProperty(K, "__isScriptSetup", { enumerable: !1, value: !0 }), K;
-  }
-});
-export {
-  ot as default
-};

package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue2.js

@@ -1,78 +0,0 @@
-import './NmorphMediaTile.css';
-import { defineComponent as u, ref as p, computed as o, watch as c } from "vue";
-import { useModifiers as m } from "../../../utils/create-modifiers.js";
-import h from "../../../assets/icons/share.svg.js";
-import g from "../../../assets/icons/pin.svg.js";
-import y from "../../../assets/icons/mic.svg.js";
-import q from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import v from "../nmorph-avatar/NmorphAvatar.vue.js";
-import N from "../../../assets/icons/video.svg.js";
-import B from "../../../assets/icons/loader.svg.js";
-const L = /* @__PURE__ */ u({
-  __name: "NmorphMediaTile",
-  props: {
-    src: { type: String, required: !1, default: "" },
-    srcObject: { type: null, required: !1, default: null },
-    fit: { type: String, required: !1, default: "cover" },
-    mirrored: { type: Boolean, required: !1, default: !1 },
-    muted: { type: Boolean, required: !1, default: !0 },
-    autoplay: { type: Boolean, required: !1, default: !0 },
-    playsinline: { type: Boolean, required: !1, default: !0 },
-    name: { type: String, required: !1, default: "" },
-    avatarSrc: { type: String, required: !1, default: "" },
-    loading: { type: Boolean, required: !1, default: !1 },
-    micMuted: { type: Boolean, required: !1, default: !1 },
-    videoOff: { type: Boolean, required: !1, default: !1 },
-    screenSharing: { type: Boolean, required: !1, default: !1 },
-    speaking: { type: Boolean, required: !1, default: !1 },
-    selected: { type: Boolean, required: !1, default: !1 },
-    pinned: { type: Boolean, required: !1, default: !1 },
-    error: { type: Boolean, required: !1, default: !1 },
-    errorText: { type: String, required: !1, default: "" }
-  },
-  setup(l, { expose: i }) {
-    const e = l, r = p(null), n = o(() => !!((e.src || e.srcObject) && !e.videoOff && !e.error)), t = o(
-      () => e.name.split(/\s+/).filter(Boolean).slice(0, 2).map((d) => d[0]?.toUpperCase()).join("")
-    ), f = o(() => t.value || e.name || "?"), s = o(
-      () => m({
-        "nmorph-media-tile": [
-          e.fit,
-          e.mirrored && "mirrored",
-          e.selected && "selected",
-          e.pinned && "pinned",
-          e.speaking && "speaking",
-          e.error && "error",
-          e.videoOff && "video-off",
-          e.screenSharing && "screen-sharing",
-          e.loading && "loading"
-        ]
-      })
-    );
-    c(
-      () => [e.srcObject, r.value],
-      () => {
-        r.value && r.value.srcObject !== e.srcObject && (r.value.srcObject = e.srcObject);
-      },
-      { immediate: !0, flush: "post" }
-    ), i({ videoRef: r });
-    const a = { props: e, videoRef: r, hasVideo: n, initials: t, fallbackLabel: f, modifiers: s, get NmorphAvatar() {
-      return v;
-    }, get NmorphIcon() {
-      return q;
-    }, get NmorphIconLoaderDots() {
-      return B;
-    }, get NmorphIconMic() {
-      return y;
-    }, get NmorphIconPin() {
-      return g;
-    }, get NmorphIconShare() {
-      return h;
-    }, get NmorphIconVideo() {
-      return N;
-    } };
-    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
-  }
-});
-export {
-  L as default
-};