@nmorph/nmorph-ui-kit 2.2.32 → 2.2.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/components/basic/nmorph-icon/NmorphIcons.js +549 -0
  2. package/dist/components/basic/nmorph-link/NmorphLink.vue.js +33 -21
  3. package/dist/components/basic/nmorph-link/NmorphLink.vue2.js +21 -16
  4. package/dist/components/data/nmorph-avatar/NmorphAvatar.vue.js +22 -28
  5. package/dist/components/data/nmorph-badge/NmorphBadge.css +1 -1
  6. package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue2.js +72 -56
  7. package/dist/index.umd.js +29 -29
  8. package/dist/package.json.js +1 -1
  9. package/dist/src/components/basic/nmorph-link/NmorphLink.vue.d.ts +2 -0
  10. package/dist/style.css +1 -1
  11. package/package.json +1 -1
package/dist/components/basic/nmorph-link/NmorphLink.vue2.js CHANGED
@@ -1,33 +1,38 @@
1
1
  import './NmorphLink.css';
2
- import { defineComponent as d, useSlots as u, computed as t } from "vue";
3
- import { useModifiers as a } from "../../../utils/create-modifiers.js";
4
- import { NmorphColor as p } from "../../../types/index.js";
5
- import f from "../nmorph-icon/NmorphIcon.vue.js";
6
- const q = /* @__PURE__ */ d({
2
+ import { defineComponent as c, useSlots as m, computed as r } from "vue";
3
+ import { useModifiers as y } from "../../../utils/create-modifiers.js";
4
+ import * as N from "../nmorph-icon/NmorphIcons.js";
5
+ import { NmorphColor as _ } from "../../../types/index.js";
6
+ import h from "../nmorph-icon/NmorphIcon.vue.js";
7
+ const b = /* @__PURE__ */ c({
7
8
  __name: "NmorphLink",
8
9
  props: {
9
- type: { type: null, required: !1, default: p.accent },
10
+ type: { type: null, required: !1, default: _.accent },
10
11
  underline: { type: Boolean, required: !1, default: !1 },
11
12
  href: { type: String, required: !1, default: "" },
12
13
  text: { type: String, required: !1, default: "" },
13
14
  target: { type: null, required: !1, default: "self" },
14
15
  disabled: { type: Boolean, required: !1, default: !1 },
15
- color: { type: String, required: !1, default: void 0 }
16
+ color: { type: String, required: !1, default: void 0 },
17
+ iconName: { type: String, required: !1, default: void 0 }
16
18
  },
17
- setup(o, { expose: l }) {
18
- l();
19
- const e = o, n = u(), s = t(
20
- () => a({
19
+ setup(l, { expose: s }) {
20
+ s();
21
+ const e = l, a = m(), o = N, t = (f) => f.split(/[-_\s]+/).filter(Boolean).map((i) => `${i.charAt(0).toUpperCase()}${i.slice(1)}`).join(""), p = r(() => {
22
+ if (e.iconName)
23
+ return e.iconName in o ? o[e.iconName] : o[`NmorphIcon${t(e.iconName)}`];
24
+ }), d = r(
25
+ () => y({
21
26
  "nmorph-link": [e.type, `${e.underline && "underline"}`, `${e.disabled && "disabled"}`]
22
27
  })
23
- ), i = t(() => ({
28
+ ), u = r(() => ({
24
29
  ...e.color !== void 0 && { "--link-color": e.color }
25
- })), r = { props: e, slots: n, modifiers: s, styles: i, get NmorphIcon() {
26
- return f;
30
+ })), n = { props: e, slots: a, iconMap: o, toPascalCase: t, resolvedIcon: p, modifiers: d, styles: u, get NmorphIcon() {
31
+ return h;
27
32
  } };
28
- return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
33
+ return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
29
34
  }
30
35
  });
31
36
  export {
32
- q as default
37
+ b as default
33
38
  };
package/dist/components/data/nmorph-avatar/NmorphAvatar.vue.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import './NmorphAvatar.css';
2
2
  import p from "./NmorphAvatar.vue2.js";
3
- import { openBlock as e, createElementBlock as l, normalizeStyle as n, normalizeClass as h, createVNode as a, withCtx as o, renderSlot as t, toDisplayString as s, createBlock as i, resolveDynamicComponent as d, createCommentVNode as v } from "vue";
3
+ import { openBlock as e, createElementBlock as l, normalizeStyle as n, normalizeClass as h, createVNode as i, withCtx as a, renderSlot as c, toDisplayString as s, createBlock as o, resolveDynamicComponent as d, createCommentVNode as v } from "vue";
4
4
  /* empty css */
5
5
  import S from "../../../_virtual/_plugin-vue_export-helper.js";
6
- function w(c, m, _, r, y, I) {
6
+ function w(m, t, _, r, y, I) {
7
7
  return e(), l(
8
8
  "div",
9
9
  {
@@ -12,7 +12,7 @@ function w(c, m, _, r, y, I) {
12
12
  onClick: r.openPreview
13
13
  },
14
14
  [
15
- a(r.NmorphImage, {
15
+ i(r.NmorphImage, {
16
16
  fit: r.props.fit,
17
17
  src: r.imageSrc,
18
18
  "src-set": r.props.srcSet,
@@ -21,20 +21,17 @@ function w(c, m, _, r, y, I) {
21
21
  onLoad: r.onImageLoad,
22
22
  onError: r.onImageError
23
23
  }, {
24
- loading: o(() => [
25
- a(r.NmorphIcon, {
26
- size: "small",
27
- color: "var(--nmorph-accent-color)"
28
- }, {
29
- default: o(() => [
30
- a(r.NmorphIconLoader)
24
+ loading: a(() => [
25
+ i(r.NmorphIcon, { size: "small" }, {
26
+ default: a(() => [
27
+ i(r.NmorphIconLoader)
31
28
  ]),
32
29
  _: 1
33
30
  /* STABLE */
34
31
  })
35
32
  ]),
36
- error: o(() => [
37
- t(c.$slots, "error", {}, () => [
33
+ error: a(() => [
34
+ c(m.$slots, "error", {}, () => [
38
35
  r.initials ? (e(), l(
39
36
  "span",
40
37
  {
@@ -45,12 +42,12 @@ function w(c, m, _, r, y, I) {
45
42
  s(r.initials),
46
43
  5
47
44
  /* TEXT, STYLE */
48
- )) : (e(), i(r.NmorphIcon, {
45
+ )) : (e(), o(r.NmorphIcon, {
49
46
  key: 1,
50
47
  width: r.stubIconSize
51
48
  }, {
52
- default: o(() => [
53
- (e(), i(d(r.fallback)))
49
+ default: a(() => [
50
+ (e(), o(d(r.fallback)))
54
51
  ]),
55
52
  _: 1
56
53
  /* STABLE */
@@ -60,7 +57,7 @@ function w(c, m, _, r, y, I) {
60
57
  _: 3
61
58
  /* FORWARDED */
62
59
  }, 8, ["fit", "src", "src-set", "alt"]),
63
- r.imageSrc ? v("v-if", !0) : t(c.$slots, "error", { key: 0 }, () => [
60
+ r.imageSrc ? v("v-if", !0) : c(m.$slots, "error", { key: 0 }, () => [
64
61
  r.initials ? (e(), l(
65
62
  "span",
66
63
  {
@@ -71,18 +68,18 @@ function w(c, m, _, r, y, I) {
71
68
  s(r.initials),
72
69
  5
73
70
  /* TEXT, STYLE */
74
- )) : (e(), i(r.NmorphIcon, {
71
+ )) : (e(), o(r.NmorphIcon, {
75
72
  key: 1,
76
73
  width: r.stubIconSize
77
74
  }, {
78
- default: o(() => [
79
- (e(), i(d(r.fallback)))
75
+ default: a(() => [
76
+ (e(), o(d(r.fallback)))
80
77
  ]),
81
78
  _: 1
82
79
  /* STABLE */
83
80
  }, 8, ["width"]))
84
81
  ]),
85
- r.previewAvailable ? (e(), i(r.NmorphImagePreview, {
82
+ r.previewAvailable ? (e(), o(r.NmorphImagePreview, {
86
83
  key: 1,
87
84
  "show-trigger": !1,
88
85
  "model-value": r.previewOpen,
@@ -92,15 +89,12 @@ function w(c, m, _, r, y, I) {
92
89
  "scale-step": r.props.previewScaleStep,
93
90
  "min-scale-level": r.props.previewMinScaleLevel,
94
91
  "max-scale-level": r.props.previewMaxScaleLevel,
95
- "onUpdate:modelValue": m[0] || (m[0] = (f) => r.previewOpen = f)
92
+ "onUpdate:modelValue": t[0] || (t[0] = (f) => r.previewOpen = f)
96
93
  }, {
97
- loading: o(() => [
98
- a(r.NmorphIcon, {
99
- size: "small",
100
- color: "var(--nmorph-accent-color)"
101
- }, {
102
- default: o(() => [
103
- a(r.NmorphIconLoader)
94
+ loading: a(() => [
95
+ i(r.NmorphIcon, { size: "small" }, {
96
+ default: a(() => [
97
+ i(r.NmorphIconLoader)
104
98
  ]),
105
99
  _: 1
106
100
  /* STABLE */
package/dist/components/data/nmorph-badge/NmorphBadge.css CHANGED
@@ -1 +1 @@
1
- .nmorph-badge{position:relative;display:inline-block;height:fit-content;--nmorph-badge-dot-size: 4px;--nmorph-badge-ribbon-height: 24px;--nmorph-badge-ribbon-corner-size: 62px;--nmorph-badge-ribbon-width: 116px;--nmorph-badge-ribbon-offset-x: 0px;--nmorph-badge-ribbon-offset-y: 0px}.nmorph-badge .nmorph-badge__container{position:absolute;display:inline-flex;justify-content:center;align-items:center;background:var(--nmorph-badge-color);border-radius:var(--default-border-radius);opacity:1}.nmorph-badge.nmorph-badge--tag{position:static;display:inline-flex}.nmorph-badge .nmorph-badge__container--tag{position:static}.nmorph-badge .nmorph-badge__content{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:calc(1em * var(--line-height-regular) + 4px);padding:2px 4px;color:var(--nmorph-light-shade-color);font-size:var(--font-size-base);line-height:var(--line-height-regular);text-align:center}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__content{font-size:var(--font-size-tiny)}.nmorph-badge.nmorph-badge--extra-small .nmorph-badge__content{font-size:var(--font-size-extra-small)}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__ribbon-frame{position:absolute;inset:0;overflow:hidden;border-radius:var(--default-border-radius);pointer-events:none}.nmorph-badge .nmorph-badge__ribbon-corner{position:absolute;width:var(--nmorph-badge-ribbon-corner-size);height:var(--nmorph-badge-ribbon-corner-size)}.nmorph-badge .nmorph-badge__container--ribbon{top:50%;left:50%;width:var(--nmorph-badge-ribbon-width);height:var(--nmorph-badge-ribbon-height);border-radius:0;box-shadow:var(--nmorph-shadow-outset)}.nmorph-badge .nmorph-badge__container--ribbon .nmorph-badge__content{width:100%;min-width:0;height:100%;padding:0 var(--indentation-03);overflow:hidden;font-weight:600;font-size:var(--font-size-extra-small);line-height:1;white-space:nowrap;text-overflow:ellipsis}.nmorph-badge .nmorph-badge__ribbon-corner--top-left{top:var(--nmorph-badge-ribbon-offset-y);left:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--top-left .nmorph-badge__container--ribbon{border-bottom-right-radius:var(--border-radius-40);border-bottom-left-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(-45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--top-right{top:var(--nmorph-badge-ribbon-offset-y);right:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--top-right .nmorph-badge__container--ribbon{border-bottom-right-radius:var(--border-radius-40);border-bottom-left-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-left{bottom:var(--nmorph-badge-ribbon-offset-y);left:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-left .nmorph-badge__container--ribbon{border-top-left-radius:var(--border-radius-40);border-top-right-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-right{right:var(--nmorph-badge-ribbon-offset-x);bottom:var(--nmorph-badge-ribbon-offset-y)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-right .nmorph-badge__container--ribbon{border-top-left-radius:var(--border-radius-40);border-top-right-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(-45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--flat{width:var(--nmorph-badge-ribbon-width);height:var(--nmorph-badge-ribbon-height)}.nmorph-badge .nmorph-badge__ribbon-corner--flat .nmorph-badge__container--ribbon{position:relative;top:auto;left:auto;transform:none}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__container--ribbon .nmorph-badge__content{font-weight:400;font-size:var(--font-size-tiny)}.nmorph-badge .nmorph-badge__dot{width:var(--nmorph-badge-dot-size);height:var(--nmorph-badge-dot-size);border-radius:var(--border-radius-circular)}.nmorph-badge.nmorph-badge--tiny{--nmorph-badge-dot-size: 3px;--nmorph-badge-ribbon-height: 18px;--nmorph-badge-ribbon-corner-size: 50px;--nmorph-badge-ribbon-width: 92px}.nmorph-badge.nmorph-badge--extra-small{--nmorph-badge-dot-size: 4px;--nmorph-badge-ribbon-height: 20px;--nmorph-badge-ribbon-corner-size: 56px;--nmorph-badge-ribbon-width: 104px}
1
+ .nmorph-badge{position:relative;display:inline-block;height:fit-content;--nmorph-badge-dot-size: 4px;--nmorph-badge-ribbon-height: 24px;--nmorph-badge-ribbon-corner-size: 62px;--nmorph-badge-ribbon-width: 116px;--nmorph-badge-ribbon-offset-x: 0px;--nmorph-badge-ribbon-offset-y: 0px}.nmorph-badge .nmorph-badge__container{position:absolute;display:inline-flex;justify-content:center;align-items:center;background:var(--nmorph-badge-color);border-radius:var(--default-border-radius);opacity:1}.nmorph-badge.nmorph-badge--tag{position:static;display:inline-flex}.nmorph-badge .nmorph-badge__container--tag{position:static}.nmorph-badge .nmorph-badge__content{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:calc(1em * var(--line-height-regular) + 4px);padding:2px 4px;color:var(--nmorph-light-shade-color);font-size:var(--font-size-base);line-height:var(--line-height-regular);text-align:center}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__content{font-size:var(--font-size-tiny)}.nmorph-badge.nmorph-badge--extra-small .nmorph-badge__content{font-size:var(--font-size-extra-small)}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__ribbon-frame{position:absolute;inset:0;overflow:hidden;border-radius:var(--default-border-radius);pointer-events:none}.nmorph-badge .nmorph-badge__ribbon-corner{position:absolute;width:var(--nmorph-badge-ribbon-corner-size);height:var(--nmorph-badge-ribbon-corner-size)}.nmorph-badge .nmorph-badge__container--ribbon{top:50%;left:50%;width:var(--nmorph-badge-ribbon-width);height:var(--nmorph-badge-ribbon-height);border-radius:0;box-shadow:var(--nmorph-shadow-outset)}.nmorph-badge .nmorph-badge__container--ribbon .nmorph-badge__content{width:100%;min-width:0;height:100%;padding:0 var(--indentation-03);overflow:hidden;font-weight:600;font-size:var(--font-size-extra-small);line-height:1;white-space:nowrap;text-overflow:ellipsis}.nmorph-badge .nmorph-badge__ribbon-corner--top-left{top:var(--nmorph-badge-ribbon-offset-y);left:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--top-left .nmorph-badge__container--ribbon{border-bottom-right-radius:var(--border-radius-40);border-bottom-left-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(-45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--top-right{top:var(--nmorph-badge-ribbon-offset-y);right:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--top-right .nmorph-badge__container--ribbon{border-bottom-right-radius:var(--border-radius-40);border-bottom-left-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-left{bottom:var(--nmorph-badge-ribbon-offset-y);left:var(--nmorph-badge-ribbon-offset-x)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-left .nmorph-badge__container--ribbon{border-top-left-radius:var(--border-radius-40);border-top-right-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-right{right:var(--nmorph-badge-ribbon-offset-x);bottom:var(--nmorph-badge-ribbon-offset-y)}.nmorph-badge .nmorph-badge__ribbon-corner--bottom-right .nmorph-badge__container--ribbon{border-top-left-radius:var(--border-radius-40);border-top-right-radius:var(--border-radius-40);transform:translate(-50%,-50%) rotate(-45deg)}.nmorph-badge .nmorph-badge__ribbon-corner--flat{width:var(--nmorph-badge-ribbon-width);height:var(--nmorph-badge-ribbon-height)}.nmorph-badge .nmorph-badge__ribbon-corner--flat .nmorph-badge__container--ribbon{position:relative;top:auto;left:auto;border-radius:0;transform:none}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__container--ribbon .nmorph-badge__content{font-weight:400;font-size:var(--font-size-tiny)}.nmorph-badge .nmorph-badge__dot{width:var(--nmorph-badge-dot-size);height:var(--nmorph-badge-dot-size);border-radius:var(--border-radius-circular)}.nmorph-badge.nmorph-badge--tiny{--nmorph-badge-dot-size: 3px;--nmorph-badge-ribbon-height: 18px;--nmorph-badge-ribbon-corner-size: 50px;--nmorph-badge-ribbon-width: 92px}.nmorph-badge.nmorph-badge--extra-small{--nmorph-badge-dot-size: 4px;--nmorph-badge-ribbon-height: 20px;--nmorph-badge-ribbon-corner-size: 56px;--nmorph-badge-ribbon-width: 104px}
package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue2.js CHANGED
@@ -1,18 +1,18 @@
1
1
  import './NmorphFileUpload.css';
2
- import { defineComponent as x, computed as a, reactive as U, ref as w } from "vue";
3
- import { useModifiers as A } from "../../../utils/create-modifiers.js";
4
- import { useI18n as T } from "vue-i18n";
5
- import q from "../../../assets/icons/doc.svg.js";
6
- import B from "../../data/nmorph-image-preview/NmorphImagePreview.vue.js";
7
- import F from "../../basic/nmorph-icon/NmorphIcon.vue.js";
8
- import j from "../../basic/nmorph-button/NmorphButton.vue.js";
9
- import { NmorphImageResolution as P, NmorphAudioResolution as C, NmorphVideoResolution as L, NmorphArchiveResolution as O } from "./types.js";
10
- import S from "../../../assets/icons/audio.svg.js";
11
- import V from "../../../assets/icons/video.svg.js";
12
- import M from "../../../assets/icons/archive.svg.js";
13
- import k from "../../../assets/icons/cross.svg.js";
14
- import D from "../../../assets/icons/image.svg.js";
15
- const oe = /* @__PURE__ */ x({
2
+ import { defineComponent as V, computed as N, ref as g, watch as B, onBeforeUnmount as T } from "vue";
3
+ import { useModifiers as q } from "../../../utils/create-modifiers.js";
4
+ import { useI18n as S } from "vue-i18n";
5
+ import j from "../../../assets/icons/doc.svg.js";
6
+ import k from "../../data/nmorph-image-preview/NmorphImagePreview.vue.js";
7
+ import C from "../../basic/nmorph-icon/NmorphIcon.vue.js";
8
+ import L from "../../basic/nmorph-button/NmorphButton.vue.js";
9
+ import { NmorphImageResolution as O, NmorphAudioResolution as E, NmorphVideoResolution as M, NmorphArchiveResolution as D } from "./types.js";
10
+ import W from "../../../assets/icons/audio.svg.js";
11
+ import $ from "../../../assets/icons/video.svg.js";
12
+ import z from "../../../assets/icons/archive.svg.js";
13
+ import G from "../../../assets/icons/cross.svg.js";
14
+ import H from "../../../assets/icons/image.svg.js";
15
+ const se = /* @__PURE__ */ V({
16
16
  __name: "NmorphFileUpload",
17
17
  props: {
18
18
  modelValue: { type: Array, required: !1, default: () => [] },
@@ -23,56 +23,72 @@ const oe = /* @__PURE__ */ x({
23
23
  buttonText: { type: String, required: !1, default: "" }
24
24
  },
25
25
  emits: ["update:model-value", "on-unsupported-file-type-error"],
26
- setup(d, { expose: f, emit: c }) {
27
- const { t: u } = T(), t = d, h = a(() => t.buttonText ? t.buttonText : u("selectFile")), l = (r) => r.split("/")[1], N = (r) => {
28
- const o = l(r);
29
- let e = q;
30
- return o in P && (e = D), o in C && (e = S), o in L && (e = V), o in O && (e = M), e;
31
- };
32
- let i = U(t.modelValue);
33
- const n = w(null), g = () => {
34
- t.disabled || !n.value || n.value.click();
35
- }, y = (r) => {
36
- if (t.disabled) return;
37
- const o = r.target;
38
- if (o.files) {
39
- if (Array.from(o.files).forEach((e) => {
40
- const b = l(e.type);
41
- if (!t.allowedTypes.includes(b))
42
- return s("on-unsupported-file-type-error", e.type);
43
- const R = URL.createObjectURL(e), _ = { data: e, previewUrl: R };
44
- i.push(_);
45
- }), i.length === 0) return;
46
- p();
26
+ setup(I, { expose: b, emit: w }) {
27
+ const { t: f } = S(), r = I, m = w, x = N(() => r.buttonText ? r.buttonText : f("selectFile")), d = (e) => e.split("/")[1], R = (e) => {
28
+ const o = d(e);
29
+ let t = j;
30
+ return o in O && (t = H), o in E && (t = W), o in M && (t = $), o in D && (t = z), t;
31
+ }, s = g(null), n = g([...r.modelValue]), i = /* @__PURE__ */ new Set(), a = () => {
32
+ const e = s.value;
33
+ e && (e.value = "");
34
+ }, u = (e) => {
35
+ i.has(e) && (URL.revokeObjectURL(e), i.delete(e));
36
+ }, h = (e) => {
37
+ const o = new Set(e.map((t) => t.previewUrl));
38
+ Array.from(i).forEach((t) => {
39
+ o.has(t) || u(t);
40
+ });
41
+ }, c = (e) => {
42
+ const o = [...e];
43
+ n.value = o, m("update:model-value", o);
44
+ }, U = () => {
45
+ r.disabled || !s.value || s.value.click();
46
+ }, _ = (e) => {
47
+ if (r.disabled) return;
48
+ const o = e.target, t = Array.from(o.files || []), p = [];
49
+ t.forEach((l) => {
50
+ const P = d(l.type);
51
+ if (!r.allowedTypes.includes(P)) {
52
+ m("on-unsupported-file-type-error", l.type);
53
+ return;
54
+ }
55
+ const y = URL.createObjectURL(l);
56
+ i.add(y), p.push({ data: l, previewUrl: y });
57
+ }), a(), p.length > 0 && c([...n.value, ...p]);
58
+ }, A = (e) => {
59
+ if (r.disabled) return;
60
+ const o = n.value.findIndex((t) => t.data.name === e);
61
+ if (o !== -1) {
62
+ const t = n.value[o];
63
+ u(t.previewUrl), a(), c(n.value.filter((p, l) => l !== o));
47
64
  }
48
- }, p = () => {
49
- s("update:model-value", i);
50
- }, I = (r) => {
51
- if (t.disabled) return;
52
- const o = i.findIndex((e) => e.data.name === r);
53
- o !== -1 && (URL.revokeObjectURL(i[o].previewUrl), i.splice(o, 1), p());
54
65
  };
55
- f({ inputDOMRef: n });
56
- const s = c, v = a(
57
- () => A({
58
- "nmorph-file-upload": [`${t.disabled && "disabled"}`]
66
+ B(
67
+ () => r.modelValue,
68
+ (e) => {
69
+ const o = [...e];
70
+ h(o), n.value = o, o.length === 0 && a();
71
+ },
72
+ { deep: !0 }
73
+ ), T(() => {
74
+ Array.from(i).forEach((e) => u(e));
75
+ }), b({ inputDOMRef: s });
76
+ const F = N(
77
+ () => q({
78
+ "nmorph-file-upload": [`${r.disabled && "disabled"}`]
59
79
  })
60
- ), m = { t: u, props: t, computedButtonText: h, getPlainType: l, typeFileIconMap: N, get files() {
61
- return i;
62
- }, set files(r) {
63
- i = r;
64
- }, inputDOMRef: n, openFileSelector: g, handleFileUpload: y, filesChanged: p, removeFile: I, emit: s, modifiers: v, get NmorphButton() {
65
- return j;
80
+ ), v = { t: f, props: r, emit: m, computedButtonText: x, getPlainType: d, typeFileIconMap: R, inputDOMRef: s, files: n, createdPreviewUrls: i, resetInputValue: a, revokePreviewUrl: u, revokeRemovedPreviewUrls: h, filesChanged: c, openFileSelector: U, handleFileUpload: _, removeFile: A, modifiers: F, get NmorphButton() {
81
+ return L;
66
82
  }, get NmorphIcon() {
67
- return F;
83
+ return C;
68
84
  }, get NmorphImagePreview() {
69
- return B;
70
- }, get NmorphIconCross() {
71
85
  return k;
86
+ }, get NmorphIconCross() {
87
+ return G;
72
88
  } };
73
- return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
89
+ return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
74
90
  }
75
91
  });
76
92
  export {
77
- oe as default
93
+ se as default
78
94
  };