@nmorph/nmorph-ui-kit 2.2.33 → 2.2.35

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 (36) hide show
  1. package/dist/assets/icons/pin.svg.js +21 -0
  2. package/dist/components/basic/nmorph-icon/NmorphIcons.js +551 -0
  3. package/dist/components/basic/nmorph-link/NmorphLink.vue.js +33 -21
  4. package/dist/components/basic/nmorph-link/NmorphLink.vue2.js +21 -16
  5. package/dist/components/data/nmorph-avatar/NmorphAvatar.vue.js +22 -28
  6. package/dist/components/data/nmorph-badge/NmorphBadge.css +1 -1
  7. package/dist/components/data/nmorph-empty/NmorphEmpty.css +1 -1
  8. package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.css +1 -1
  9. package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.js +20 -17
  10. package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue2.js +63 -54
  11. package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue.js +34 -30
  12. package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue2.js +94 -62
  13. package/dist/components/form/nmorph-select/NmorphSelect.vue2.js +52 -52
  14. package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue2.js +24 -21
  15. package/dist/components/form/nmorph-time-picker/NmorphTimePicker.css +1 -1
  16. package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue.js +40 -31
  17. package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue2.js +45 -41
  18. package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue.js +20 -25
  19. package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue2.js +25 -21
  20. package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.js +11 -10
  21. package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue2.js +10 -9
  22. package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.css +1 -1
  23. package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue2.js +13 -12
  24. package/dist/hooks/use-common-styles.js +2 -1
  25. package/dist/icons.js +209 -207
  26. package/dist/index.es.js +331 -329
  27. package/dist/index.umd.js +31 -30
  28. package/dist/package.json.js +1 -1
  29. package/dist/src/components/basic/nmorph-icon/NmorphIcons.d.ts +1 -0
  30. package/dist/src/components/basic/nmorph-link/NmorphLink.vue.d.ts +2 -0
  31. package/dist/src/components/form/nmorph-file-upload/NmorphFileUpload.vue.d.ts +2 -2
  32. package/dist/src/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.d.ts +0 -1
  33. package/dist/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.d.ts +2 -0
  34. package/dist/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue.d.ts +2 -0
  35. package/dist/style.css +1 -1
  36. 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/data/nmorph-empty/NmorphEmpty.css CHANGED
@@ -1 +1 @@
1
- .nmorph-empty{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;box-sizing:border-box;width:100%;min-height:var(--nmorph-empty-min-height);padding:var(--nmorph-empty-padding);color:var(--nmorph-text-color);text-align:center;border-radius:var(--default-border-radius)}.nmorph-empty .nmorph-empty__icon{display:flex;justify-content:center;align-items:center;width:var(--nmorph-empty-icon-size);height:var(--nmorph-empty-icon-size);color:var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__icon .nmorph-icon{--color: var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__title{font-weight:600;font-size:var(--font-size-large);line-height:var(--line-height-regular)}.nmorph-empty .nmorph-empty__description{max-width:420px;color:var(--nmorph-semi-contrast-text-color);font-weight:400;font-size:var(--font-size-small);line-height:var(--line-height-loose)}.nmorph-empty .nmorph-empty__action{display:flex;justify-content:center;margin-top:4px}.nmorph-empty.nmorph-empty--nmorph{background:var(--nmorph-main-color)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-inset{box-shadow:var(--nmorph-shadow-inset)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-outset{box-shadow:var(--nmorph-shadow-outset)}.nmorph-empty.nmorph-empty--common{border:1px solid var(--nmorph-gray-color)}
1
+ .nmorph-empty{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;box-sizing:border-box;width:100%;min-height:var(--nmorph-empty-min-height);padding:var(--nmorph-empty-padding);color:var(--nmorph-text-color);text-align:center;border-radius:var(--default-border-radius)}.nmorph-empty .nmorph-empty__icon{display:flex;justify-content:center;align-items:center;width:var(--nmorph-empty-icon-size);height:var(--nmorph-empty-icon-size);color:var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__icon .nmorph-icon{--color: var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__title{max-width:100%;font-weight:600;font-size:var(--font-size-large);line-height:var(--line-height-regular);overflow-wrap:anywhere}.nmorph-empty .nmorph-empty__description{max-width:min(420px,100%);color:var(--nmorph-semi-contrast-text-color);font-weight:400;font-size:var(--font-size-small);line-height:var(--line-height-loose);overflow-wrap:anywhere}.nmorph-empty .nmorph-empty__action{display:flex;justify-content:center;max-width:100%;margin-top:4px}.nmorph-empty.nmorph-empty--nmorph{background:var(--nmorph-main-color)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-inset{box-shadow:var(--nmorph-shadow-inset)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-outset{box-shadow:var(--nmorph-shadow-outset)}.nmorph-empty.nmorph-empty--common{border:1px solid var(--nmorph-gray-color)}
package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.css CHANGED
@@ -1 +1 @@
1
- .nmorph-autocomplete .nmorph-autocomplete__input-content{position:relative}.nmorph-autocomplete.nmorph-autocomplete--open .nmorph-autocomplete__input-content{z-index:var(--nmorph-autocomplete-input-z-index)}.nmorph-autocomplete__list{padding:var(--indentation-01) 0}.nmorph-autocomplete__list-item{box-sizing:border-box;padding:var(--indentation-00) var(--default-indentation-input);cursor:pointer}.nmorph-autocomplete__loading{display:flex;justify-content:center;align-items:center;height:100px}.nmorph-autocomplete__list-item:hover,.nmorph-autocomplete__list-item--focused{color:var(--nmorph-white-color);background:var(--nmorph-accent-color)}.nmorph-autocomplete__list--virtual{overflow-y:auto}.nmorph-autocomplete__list--virtual .nmorph-autocomplete__list-item{height:var(--autocomplete-virtual-item-height);overflow:hidden}.nmorph-autocomplete__list--dynamic .nmorph-autocomplete__list-item{height:auto}.nmorph-autocomplete__virtual-spacer{position:relative}.nmorph-autocomplete__virtual-content{position:absolute;top:0;right:0;left:0}
1
+ .nmorph-autocomplete .nmorph-autocomplete__input-content{position:relative}.nmorph-autocomplete.nmorph-autocomplete--open .nmorph-autocomplete__input-content{z-index:var(--nmorph-autocomplete-input-z-index)}.nmorph-autocomplete__list{padding:var(--indentation-01) 0}.nmorph-autocomplete__list-item{display:flex;align-items:center;box-sizing:border-box;min-width:0;padding:var(--indentation-00) var(--default-indentation-input);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.nmorph-autocomplete__loading{display:flex;justify-content:center;align-items:center;height:100px}.nmorph-autocomplete__list-item:hover,.nmorph-autocomplete__list-item--focused{color:var(--nmorph-white-color);background:var(--nmorph-accent-color)}.nmorph-autocomplete__list--virtual{overflow-y:auto}.nmorph-autocomplete__list--virtual .nmorph-autocomplete__list-item{height:var(--autocomplete-virtual-item-height);overflow:hidden}.nmorph-autocomplete__list--dynamic .nmorph-autocomplete__list-item{height:auto}.nmorph-autocomplete__virtual-spacer{position:relative}.nmorph-autocomplete__virtual-content{position:absolute;top:0;right:0;left:0}
package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import './NmorphAutocomplete.css';
2
2
  import v from "./NmorphAutocomplete.vue2.js";
3
- import { openBlock as l, createElementBlock as t, normalizeStyle as n, normalizeClass as a, createElementVNode as i, createVNode as c, createBlock as y, withCtx as p, renderSlot as m, Fragment as _, renderList as h, createTextVNode as f, toDisplayString as u, createCommentVNode as x } from "vue";
3
+ import { openBlock as l, createElementBlock as t, normalizeStyle as i, normalizeClass as n, createElementVNode as a, createVNode as c, createBlock as y, withCtx as p, renderSlot as m, Fragment as _, renderList as h, createTextVNode as f, toDisplayString as u, createCommentVNode as x } from "vue";
4
4
  /* empty css */
5
5
  import k from "../../../_virtual/_plugin-vue_export-helper.js";
6
- const b = { class: "nmorph-autocomplete__input-content" }, g = {
6
+ const g = { class: "nmorph-autocomplete__input-content" }, b = {
7
7
  ref: "nmorphAutocompleteDOMRef",
8
8
  class: "nmorph-autocomplete__input"
9
9
  }, H = {
@@ -14,14 +14,14 @@ function V(d, s, w, e, S, A) {
14
14
  return l(), t(
15
15
  "div",
16
16
  {
17
- class: a(e.modifiers),
18
- style: n(e.styles)
17
+ class: n(e.modifiers),
18
+ style: i(e.styles)
19
19
  },
20
20
  [
21
- i("div", b, [
22
- i(
21
+ a("div", g, [
22
+ a(
23
23
  "div",
24
- g,
24
+ b,
25
25
  [
26
26
  c(e.NmorphTextInput, {
27
27
  id: e.props.id,
@@ -69,23 +69,23 @@ function V(d, s, w, e, S, A) {
69
69
  key: 1,
70
70
  id: e.listboxId,
71
71
  ref: e.virtualList.containerRef,
72
- class: a(["nmorph-autocomplete__list nmorph-autocomplete__list--virtual", { "nmorph-autocomplete__list--dynamic": e.virtualDynamicHeight }]),
73
- style: n({ "--autocomplete-virtual-item-height": `${e.virtualItemHeight}px`, maxHeight: e.virtualMaxHeight }),
72
+ class: n(["nmorph-autocomplete__list nmorph-autocomplete__list--virtual", { "nmorph-autocomplete__list--dynamic": e.virtualDynamicHeight }]),
73
+ style: i({ "--autocomplete-virtual-item-height": `${e.virtualItemHeight}px`, maxHeight: e.virtualMaxHeight }),
74
74
  role: "listbox",
75
75
  onScroll: s[0] || (s[0] = (...o) => e.virtualList.scrollHandler && e.virtualList.scrollHandler(...o))
76
76
  }, [
77
- i(
77
+ a(
78
78
  "div",
79
79
  {
80
80
  class: "nmorph-autocomplete__virtual-spacer",
81
- style: n(e.virtualSpacerStyle)
81
+ style: i(e.virtualSpacerStyle)
82
82
  },
83
83
  [
84
- i(
84
+ a(
85
85
  "div",
86
86
  {
87
87
  class: "nmorph-autocomplete__virtual-content",
88
- style: n(e.virtualContentStyle)
88
+ style: i(e.virtualContentStyle)
89
89
  },
90
90
  [
91
91
  (l(!0), t(
@@ -96,7 +96,10 @@ function V(d, s, w, e, S, A) {
96
96
  ref_for: !0,
97
97
  ref: (r) => e.setVirtualItemRef(r, o.index),
98
98
  key: o.index,
99
- class: a(["nmorph-autocomplete__list-item", { "nmorph-autocomplete__list-item--focused": o.index === e.currentIndex }]),
99
+ class: n(["nmorph-autocomplete__list-item", [
100
+ e.optionHeightModifiers,
101
+ { "nmorph-autocomplete__list-item--focused": o.index === e.currentIndex }
102
+ ]]),
100
103
  role: "option",
101
104
  "aria-selected": o.index === e.currentIndex,
102
105
  onClick: () => e.clickHandler(o.item)
@@ -134,7 +137,7 @@ function V(d, s, w, e, S, A) {
134
137
  h(e.filteredList, (o, r) => (l(), t("div", {
135
138
  id: e.getOptionId(r),
136
139
  key: r,
137
- class: a(["nmorph-autocomplete__list-item", { "nmorph-autocomplete__list-item--focused": r === e.currentIndex }]),
140
+ class: n(["nmorph-autocomplete__list-item", [e.optionHeightModifiers, { "nmorph-autocomplete__list-item--focused": r === e.currentIndex }]]),
138
141
  role: "option",
139
142
  "aria-selected": r === e.currentIndex,
140
143
  onClick: () => e.clickHandler(o)
@@ -160,7 +163,7 @@ function V(d, s, w, e, S, A) {
160
163
  /* CLASS, STYLE */
161
164
  );
162
165
  }
163
- const M = /* @__PURE__ */ k(v, [["render", V], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-autocomplete/NmorphAutocomplete.vue"]]);
166
+ const R = /* @__PURE__ */ k(v, [["render", V], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-autocomplete/NmorphAutocomplete.vue"]]);
164
167
  export {
165
- M as default
168
+ R as default
166
169
  };
package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue2.js CHANGED
@@ -1,13 +1,14 @@
1
1
  import './NmorphAutocomplete.css';
2
- import { defineComponent as P, ref as s, computed as l, watch as c, nextTick as Y } from "vue";
3
- import { useModifiers as G } from "../../../utils/create-modifiers.js";
4
- import { useVirtualList as J } from "../../../hooks/use-virtual-list.js";
5
- import { useZIndex as K } from "../../../hooks/use-z-index.js";
6
- import Q from "../nmorph-text-input/NmorphTextInput.vue.js";
7
- import W from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
8
- import X from "../../basic/nmorph-icon/NmorphIcon.vue.js";
9
- import ee from "../../../assets/icons/loader.svg.js";
10
- const se = /* @__PURE__ */ P({
2
+ import { defineComponent as J, ref as s, computed as a, watch as c, nextTick as K } from "vue";
3
+ import { useModifiers as _ } from "../../../utils/create-modifiers.js";
4
+ import { NmorphComponentHeight as Q } from "../../../types/index.js";
5
+ import { useVirtualList as W } from "../../../hooks/use-virtual-list.js";
6
+ import { useZIndex as X } from "../../../hooks/use-z-index.js";
7
+ import ee from "../nmorph-text-input/NmorphTextInput.vue.js";
8
+ import te from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
9
+ import ae from "../../basic/nmorph-icon/NmorphIcon.vue.js";
10
+ import le from "../../../assets/icons/loader.svg.js";
11
+ const fe = /* @__PURE__ */ J({
11
12
  __name: "NmorphAutocomplete",
12
13
  props: {
13
14
  modelValue: { type: String, required: !1, default: "" },
@@ -17,7 +18,7 @@ const se = /* @__PURE__ */ P({
17
18
  actionCallback: { type: Function, required: !1, default: void 0 },
18
19
  zIndex: { type: Number, required: !1, default: void 0 },
19
20
  virtual: { type: Boolean, required: !1, default: !1 },
20
- virtualItemHeight: { type: Number, required: !1, default: 34 },
21
+ virtualItemHeight: { type: Number, required: !1, default: void 0 },
21
22
  virtualMaxHeight: { type: [Number, String], required: !1, default: 240 },
22
23
  virtualOverscan: { type: Number, required: !1, default: 5 },
23
24
  virtualDynamicHeight: { type: Boolean, required: !1, default: !1 },
@@ -29,81 +30,89 @@ const se = /* @__PURE__ */ P({
29
30
  tabindex: { type: Number, required: !1 }
30
31
  },
31
32
  emits: ["update:model-value", "select"],
32
- setup(_, { expose: C, emit: $ }) {
33
- C();
34
- const t = _, u = s(t.modelValue), d = $, L = l(
35
- () => G({
36
- "nmorph-autocomplete": [`${a.value && "open"}`]
33
+ setup(M, { expose: O, emit: $ }) {
34
+ O();
35
+ const t = M, o = s(t.modelValue), d = $, L = a(
36
+ () => _({
37
+ "nmorph-autocomplete": [`${l.value && "open"}`]
37
38
  })
38
- ), i = s(!1), O = (e) => {
39
- i.value = e === "", u.value = e, a.value = !i.value && r.value.length > 0, o.value = 0, d("update:model-value", u.value);
40
- }, a = s(!1), T = s(null), y = () => {
41
- i.value = !0, a.value = !1;
42
- }, r = l(() => t.list.filter((e) => Object.keys(e).some((g) => String(e[g]).toLowerCase().includes(u.value.toLowerCase())))), f = l(() => t.virtual && r.value.length > 0), x = l(() => t.virtualItemHeight), I = l(() => t.virtualOverscan), b = l(() => t.virtualDynamicHeight), n = J(r, {
39
+ ), i = s(!1), T = (e) => {
40
+ i.value = e === "", o.value = e, l.value = !i.value && r.value.length > 0, u.value = 0, d("update:model-value", o.value);
41
+ }, l = s(!1), A = s(null), y = () => {
42
+ i.value = !0, l.value = !1;
43
+ }, r = a(() => t.list.filter((e) => Object.keys(e).some((g) => String(e[g]).toLowerCase().includes(o.value.toLowerCase())))), f = a(() => t.virtual && r.value.length > 0), b = a(() => ({
44
+ basic: 30,
45
+ thick: 38,
46
+ thin: 22
47
+ })[t.height || "basic"]), x = a(() => t.virtualItemHeight || b.value), I = a(() => t.virtualOverscan), H = a(() => t.virtualDynamicHeight), n = W(r, {
43
48
  enabled: f,
44
49
  itemHeight: x,
45
50
  overscan: I,
46
- dynamic: b
47
- }), A = l(() => n.virtualItems.value), V = l(() => ({
51
+ dynamic: H
52
+ }), V = a(() => n.virtualItems.value), z = a(() => ({
48
53
  height: `${n.totalHeight.value}px`
49
- })), M = l(() => ({
54
+ })), B = a(() => ({
50
55
  transform: `translateY(${n.offsetTop.value}px)`
51
- })), H = (e) => typeof e == "number" ? `${e}px` : e, z = l(() => H(t.virtualMaxHeight)), o = s(0), v = l(() => r.value[o.value]), m = l(() => `${t.id || t.name || "nmorph-autocomplete"}-listbox`), q = (e) => `${m.value}-option-${e}`;
56
+ })), q = (e) => typeof e == "number" ? `${e}px` : e, E = a(() => q(t.virtualMaxHeight)), u = s(0), v = a(() => r.value[u.value]), m = a(() => `${t.id || t.name || "nmorph-autocomplete"}-listbox`), N = (e) => `${m.value}-option-${e}`;
52
57
  c(
53
58
  () => t.modelValue,
54
59
  (e) => {
55
- e !== u.value && (u.value = e);
60
+ e !== o.value && (o.value = e);
56
61
  }
57
62
  ), c(r, async (e) => {
58
- a.value = !i.value && u.value !== "" && e.length > 0, o.value = 0, await Y(), n.scrollToIndex(0), n.refresh();
63
+ l.value = !i.value && o.value !== "" && e.length > 0, u.value = 0, await K(), n.scrollToIndex(0), n.refresh();
59
64
  });
60
65
  const h = (e) => {
61
- d("select", e), u.value = e.value, d("update:model-value", u.value), setTimeout(() => {
62
- i.value = !0, a.value = !1;
66
+ d("select", e), o.value = e.value, d("update:model-value", o.value), setTimeout(() => {
67
+ i.value = !0, l.value = !1;
63
68
  });
64
- }, B = (e) => {
69
+ }, j = (e) => {
65
70
  h(e);
66
- }, E = () => {
67
- i.value = !1, a.value = r.value.length > 0;
71
+ }, R = () => {
72
+ i.value = !1, l.value = r.value.length > 0;
68
73
  }, p = s(!1);
69
- c(u, async (e) => {
74
+ c(o, async (e) => {
70
75
  e !== "" && t.actionCallback && (p.value = !0, await t.actionCallback(), p.value = !1);
71
76
  }), c(p, (e) => {
72
- e && (a.value = !0);
73
- }), c(o, (e) => {
77
+ e && (l.value = !0);
78
+ }), c(u, (e) => {
74
79
  f.value && n.scrollToIndex(e);
75
80
  });
76
81
  const w = () => {
77
- r.value.length && (a.value = !0, o.value = (o.value + 1) % r.value.length);
78
- }, N = () => {
79
- r.value.length && (a.value = !0, o.value = (o.value - 1 + r.value.length) % r.value.length);
82
+ r.value.length && (l.value = !0, u.value = (u.value + 1) % r.value.length);
80
83
  }, S = () => {
81
- !a.value || !v.value || h(v.value);
82
- }, j = (e) => {
83
- e.key === "ArrowDown" ? (e.preventDefault(), w()) : e.key === "ArrowUp" ? (e.preventDefault(), N()) : e.key === "Enter" ? (e.preventDefault(), S()) : e.key === "Escape" && (e.preventDefault(), y());
84
- }, R = l(() => ({
84
+ r.value.length && (l.value = !0, u.value = (u.value - 1 + r.value.length) % r.value.length);
85
+ }, k = () => {
86
+ !l.value || !v.value || h(v.value);
87
+ }, U = (e) => {
88
+ e.key === "ArrowDown" ? (e.preventDefault(), w()) : e.key === "ArrowUp" ? (e.preventDefault(), S()) : e.key === "Enter" ? (e.preventDefault(), k()) : e.key === "Escape" && (e.preventDefault(), y());
89
+ }, Z = a(() => ({
85
90
  role: "combobox",
86
91
  "aria-autocomplete": "list",
87
- "aria-expanded": a.value,
92
+ "aria-expanded": l.value,
88
93
  "aria-controls": m.value,
89
- "aria-activedescendant": a.value ? q(o.value) : void 0
90
- })), U = (e, g) => {
91
- const F = e instanceof Element ? e : e?.$el;
92
- n.measureElement(g, F);
93
- }, D = K(a, () => t.zIndex), Z = l(() => ({
94
+ "aria-activedescendant": l.value ? N(u.value) : void 0
95
+ })), F = (e, g) => {
96
+ const G = e instanceof Element ? e : e?.$el;
97
+ n.measureElement(g, G);
98
+ }, D = X(l, () => t.zIndex), P = a(() => ({
94
99
  "--nmorph-autocomplete-input-z-index": D.value + 1
95
- })), k = { props: t, initialValue: u, emit: d, modifiers: L, userClosed: i, updateValueHandler: O, open: a, nmorphAutocompleteDOMRef: T, closeHandler: y, filteredList: r, virtualEnabled: f, virtualItemHeight: x, virtualOverscan: I, virtualDynamicHeight: b, virtualList: n, virtualItems: A, virtualSpacerStyle: V, virtualContentStyle: M, getCssSize: H, virtualMaxHeight: z, currentIndex: o, activeItem: v, listboxId: m, getOptionId: q, selectItem: h, clickHandler: B, focusHandler: E, loader: p, arrowDownHandler: w, arrowUpHandler: N, enterHandler: S, keydownHandler: j, inputAttrs: R, setVirtualItemRef: U, dropdownZIndex: D, styles: Z, get NmorphIcon() {
96
- return X;
100
+ })), Y = a(
101
+ () => _({
102
+ nmorph: [Q[t.height]]
103
+ })
104
+ ), C = { props: t, initialValue: o, emit: d, modifiers: L, userClosed: i, updateValueHandler: T, open: l, nmorphAutocompleteDOMRef: A, closeHandler: y, filteredList: r, virtualEnabled: f, defaultOptionHeight: b, virtualItemHeight: x, virtualOverscan: I, virtualDynamicHeight: H, virtualList: n, virtualItems: V, virtualSpacerStyle: z, virtualContentStyle: B, getCssSize: q, virtualMaxHeight: E, currentIndex: u, activeItem: v, listboxId: m, getOptionId: N, selectItem: h, clickHandler: j, focusHandler: R, loader: p, arrowDownHandler: w, arrowUpHandler: S, enterHandler: k, keydownHandler: U, inputAttrs: Z, setVirtualItemRef: F, dropdownZIndex: D, styles: P, optionHeightModifiers: Y, get NmorphIcon() {
105
+ return ae;
97
106
  }, get NmorphDropdown() {
98
- return W;
107
+ return te;
99
108
  }, get NmorphTextInput() {
100
- return Q;
101
- }, get NmorphIconLoader() {
102
109
  return ee;
110
+ }, get NmorphIconLoader() {
111
+ return le;
103
112
  } };
104
- return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
113
+ return Object.defineProperty(C, "__isScriptSetup", { enumerable: !1, value: !0 }), C;
105
114
  }
106
115
  });
107
116
  export {
108
- se as default
117
+ fe as default
109
118
  };
package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue.js CHANGED
@@ -1,30 +1,31 @@
1
1
  import './NmorphFileUpload.css';
2
- import d from "./NmorphFileUpload.vue2.js";
3
- import { openBlock as l, createElementBlock as r, normalizeClass as p, createElementVNode as i, renderSlot as m, createVNode as o, TransitionGroup as c, withCtx as t, Fragment as _, renderList as h, createBlock as f, resolveDynamicComponent as u, toDisplayString as v, createCommentVNode as g } from "vue";
2
+ import m from "./NmorphFileUpload.vue2.js";
3
+ import { openBlock as o, createElementBlock as r, normalizeClass as d, createElementVNode as l, renderSlot as _, createVNode as n, TransitionGroup as h, withCtx as t, Fragment as f, renderList as v, createBlock as a, createCommentVNode as p, resolveDynamicComponent as u, toDisplayString as g } from "vue";
4
4
  /* empty css */
5
5
  import y from "../../../_virtual/_plugin-vue_export-helper.js";
6
- const N = { class: "nmorph-file-upload__trigger" }, k = ["multiple", "disabled"], C = {
6
+ const k = { class: "nmorph-file-upload__trigger" }, N = ["multiple", "disabled", "accept"], C = {
7
7
  key: 0,
8
8
  class: "nmorph-file-upload__list"
9
9
  }, b = { class: "nmorph-file-upload__file-info" }, x = { class: "nmorph-file-upload__file-name" }, F = { class: "nmorph-file-upload__remove-file" };
10
- function B(a, I, w, e, D, S) {
11
- return l(), r(
10
+ function B(s, I, w, e, D, S) {
11
+ return o(), r(
12
12
  "div",
13
13
  {
14
- class: p(e.modifiers)
14
+ class: d(e.modifiers)
15
15
  },
16
16
  [
17
- i("div", N, [
18
- i("input", {
17
+ l("div", k, [
18
+ l("input", {
19
19
  ref: "inputDOMRef",
20
20
  type: "file",
21
21
  multiple: e.props.multiple,
22
22
  disabled: e.props.disabled,
23
+ accept: e.inputAccept,
23
24
  class: "nmorph-native-input",
24
25
  onChange: e.handleFileUpload
25
- }, null, 40, k),
26
- m(a.$slots, "trigger", {}, () => [
27
- o(e.NmorphButton, {
26
+ }, null, 40, N),
27
+ _(s.$slots, "trigger", {}, () => [
28
+ n(e.NmorphButton, {
28
29
  text: e.computedButtonText,
29
30
  fill: "",
30
31
  disabled: e.props.disabled,
@@ -32,22 +33,25 @@ function B(a, I, w, e, D, S) {
32
33
  }, null, 8, ["text", "disabled"])
33
34
  ])
34
35
  ]),
35
- e.files.length > 0 ? (l(), r("div", C, [
36
- o(c, {
36
+ e.files.length > 0 ? (o(), r("div", C, [
37
+ n(h, {
37
38
  name: "list",
38
39
  tag: "div"
39
40
  }, {
40
41
  default: t(() => [
41
- (l(!0), r(
42
- _,
42
+ (o(!0), r(
43
+ f,
43
44
  null,
44
- h(e.files, ({ data: n, previewUrl: s }) => (l(), r("div", {
45
- key: n.name,
45
+ v(e.files, ({ data: i, previewUrl: c }) => (o(), r("div", {
46
+ key: i.name,
46
47
  class: "nmorph-file-upload__file"
47
48
  }, [
48
- o(e.NmorphImagePreview, { src: s }, null, 8, ["src"]),
49
- i("div", b, [
50
- o(
49
+ e.props.photoWithPreview && e.isImageFile(i) ? (o(), a(e.NmorphImagePreview, {
50
+ key: 0,
51
+ src: c
52
+ }, null, 8, ["src"])) : p("v-if", !0),
53
+ l("div", b, [
54
+ n(
51
55
  e.NmorphIcon,
52
56
  {
53
57
  width: "14px",
@@ -55,7 +59,7 @@ function B(a, I, w, e, D, S) {
55
59
  },
56
60
  {
57
61
  default: t(() => [
58
- (l(), f(u(e.typeFileIconMap(n.type))))
62
+ (o(), a(u(e.typeFileIconMap(i))))
59
63
  ]),
60
64
  _: 2
61
65
  /* DYNAMIC */
@@ -63,22 +67,22 @@ function B(a, I, w, e, D, S) {
63
67
  1024
64
68
  /* DYNAMIC_SLOTS */
65
69
  ),
66
- i(
70
+ l(
67
71
  "span",
68
72
  x,
69
- v(n.name),
73
+ g(i.name),
70
74
  1
71
75
  /* TEXT */
72
76
  )
73
77
  ]),
74
- i("div", F, [
75
- o(e.NmorphButton, {
78
+ l("div", F, [
79
+ n(e.NmorphButton, {
76
80
  height: "thin",
77
81
  "style-type": "transparent",
78
- onClick: (U) => e.removeFile(n.name)
82
+ onClick: (U) => e.removeFile(i.name)
79
83
  }, {
80
84
  "icon-only": t(() => [
81
- o(e.NmorphIconCross)
85
+ n(e.NmorphIconCross)
82
86
  ]),
83
87
  _: 1
84
88
  /* STABLE */
@@ -92,13 +96,13 @@ function B(a, I, w, e, D, S) {
92
96
  _: 1
93
97
  /* STABLE */
94
98
  })
95
- ])) : g("v-if", !0)
99
+ ])) : p("v-if", !0)
96
100
  ],
97
101
  2
98
102
  /* CLASS */
99
103
  );
100
104
  }
101
- const j = /* @__PURE__ */ y(d, [["render", B], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-file-upload/NmorphFileUpload.vue"]]);
105
+ const T = /* @__PURE__ */ y(m, [["render", B], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-file-upload/NmorphFileUpload.vue"]]);
102
106
  export {
103
- j as default
107
+ T as default
104
108
  };