@nmorph/nmorph-ui-kit 2.2.20 → 2.2.21

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.
@@ -0,0 +1,21 @@
1
+ import { openBlock as t, createElementBlock as o, createElementVNode as r } from "vue";
2
+ const n = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ viewBox: "0 0 1024 1024"
5
+ };
6
+ function l(a, e) {
7
+ return t(), o("svg", n, [...e[0] || (e[0] = [
8
+ r(
9
+ "path",
10
+ { d: "M582.4 265.6A32 32 0 0 0 528 288v96h-96c-199.424 0-329.792 133.952-375.168 376.896a32 32 0 0 0 59.968 20.928C193.536 652.8 294.08 608 432 608h96v128a32 32 0 0 0 54.4 22.4l256-224a32 32 0 0 0 0-48z" },
11
+ null,
12
+ -1
13
+ /* CACHED */
14
+ )
15
+ ])]);
16
+ }
17
+ const c = { render: l };
18
+ export {
19
+ c as default,
20
+ l as render
21
+ };
@@ -0,0 +1,24 @@
1
+ import { openBlock as t, createElementBlock as o, createElementVNode as n } from "vue";
2
+ const r = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ viewBox: "0 0 1024 1024"
5
+ };
6
+ function l(c, e) {
7
+ return t(), o("svg", r, [...e[0] || (e[0] = [
8
+ n(
9
+ "path",
10
+ {
11
+ fill: "none",
12
+ d: "m576 288 224 224-224 224m192-224H480c-154.667 0-256 101.333-256 256"
13
+ },
14
+ null,
15
+ -1
16
+ /* CACHED */
17
+ )
18
+ ])]);
19
+ }
20
+ const m = { render: l };
21
+ export {
22
+ m as default,
23
+ l as render
24
+ };
@@ -0,0 +1,21 @@
1
+ import { openBlock as t, createElementBlock as o, createElementVNode as r } from "vue";
2
+ const l = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ viewBox: "0 0 1024 1024"
5
+ };
6
+ function n(a, e) {
7
+ return t(), o("svg", l, [...e[0] || (e[0] = [
8
+ r(
9
+ "path",
10
+ { d: "M441.6 265.6A32 32 0 0 1 496 288v96h96c199.424 0 329.792 133.952 375.168 376.896a32 32 0 0 1-59.968 20.928C830.464 652.8 729.92 608 592 608h-96v128a32 32 0 0 1-54.4 22.4l-256-224a32 32 0 0 1 0-48z" },
11
+ null,
12
+ -1
13
+ /* CACHED */
14
+ )
15
+ ])]);
16
+ }
17
+ const d = { render: n };
18
+ export {
19
+ d as default,
20
+ n as render
21
+ };
@@ -0,0 +1,24 @@
1
+ import { openBlock as t, createElementBlock as n, createElementVNode as o } from "vue";
2
+ const r = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ viewBox: "0 0 1024 1024"
5
+ };
6
+ function l(c, e) {
7
+ return t(), n("svg", r, [...e[0] || (e[0] = [
8
+ o(
9
+ "path",
10
+ {
11
+ fill: "none",
12
+ d: "M448 288 224 512l224 224M256 512h288c154.667 0 256 101.333 256 256"
13
+ },
14
+ null,
15
+ -1
16
+ /* CACHED */
17
+ )
18
+ ])]);
19
+ }
20
+ const d = { render: l };
21
+ export {
22
+ d as default,
23
+ l as render
24
+ };
@@ -0,0 +1,21 @@
1
+ import { openBlock as t, createElementBlock as n, createElementVNode as o } from "vue";
2
+ const r = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ viewBox: "0 0 1024 1024"
5
+ };
6
+ function l(d, e) {
7
+ return t(), n("svg", r, [...e[0] || (e[0] = [
8
+ o(
9
+ "path",
10
+ { d: "m64 448 832-320-128 704-446.08-243.328L832 192 242.816 545.472zm256 512V657.024L512 768z" },
11
+ null,
12
+ -1
13
+ /* CACHED */
14
+ )
15
+ ])]);
16
+ }
17
+ const m = { render: l };
18
+ export {
19
+ m as default,
20
+ l as render
21
+ };
@@ -0,0 +1,21 @@
1
+ import { openBlock as t, createElementBlock as n, createElementVNode as o } from "vue";
2
+ const r = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ viewBox: "0 0 1024 1024"
5
+ };
6
+ function l(s, e) {
7
+ return t(), n("svg", r, [...e[0] || (e[0] = [
8
+ o(
9
+ "path",
10
+ { d: "m249.6 417.088 319.744 43.072 39.168 310.272L845.12 178.88zm-129.024 47.168a32 32 0 0 1-7.68-61.44l777.792-311.04a32 32 0 0 1 41.6 41.6l-310.336 775.68a32 32 0 0 1-61.44-7.808L512 516.992z" },
11
+ null,
12
+ -1
13
+ /* CACHED */
14
+ )
15
+ ])]);
16
+ }
17
+ const d = { render: l };
18
+ export {
19
+ d as default,
20
+ l as render
21
+ };
@@ -1 +1 @@
1
- .nmorph-empty{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;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{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,52 +1,55 @@
1
1
  import './NmorphImagePreview.css';
2
2
  import p from "./NmorphImagePreview.vue2.js";
3
- import { openBlock as l, createElementBlock as a, Fragment as h, normalizeStyle as m, normalizeClass as _, createElementVNode as i, createVNode as o, createSlots as v, withCtx as r, renderSlot as t, createCommentVNode as d, createBlock as c, Teleport as k, renderList as y, resolveDynamicComponent as f } from "vue";
3
+ import { openBlock as n, createElementBlock as i, Fragment as h, normalizeStyle as m, normalizeClass as v, createElementVNode as a, createVNode as e, createSlots as _, withCtx as r, renderSlot as t, createCommentVNode as d, createBlock as c, Teleport as k, renderList as w, resolveDynamicComponent as g } from "vue";
4
4
  /* empty css */
5
- import w from "../../../_virtual/_plugin-vue_export-helper.js";
5
+ import y from "../../../_virtual/_plugin-vue_export-helper.js";
6
6
  const N = { class: "nmorph-image-preview__content" }, C = {
7
7
  key: 0,
8
8
  class: "nmorph-image-preview__left"
9
9
  }, I = {
10
10
  key: 1,
11
11
  class: "nmorph-image-preview__right"
12
- }, S = { class: "nmorph-image-preview__actions" }, b = { class: "nmorph-image-preview__action-element" };
13
- function B(n, z, D, e, H, L) {
14
- return l(), a(
12
+ }, S = {
13
+ key: 2,
14
+ class: "nmorph-image-preview__actions"
15
+ }, b = { class: "nmorph-image-preview__action-element" };
16
+ function B(l, z, D, o, H, L) {
17
+ return n(), i(
15
18
  h,
16
19
  null,
17
20
  [
18
- e.props.showTrigger ? (l(), a(
21
+ o.props.showTrigger ? (n(), i(
19
22
  "div",
20
23
  {
21
24
  key: 0,
22
- class: _(e.modifiers),
23
- style: m(e.triggerStyle)
25
+ class: v(o.modifiers),
26
+ style: m(o.triggerStyle)
24
27
  },
25
28
  [
26
- i("div", {
29
+ a("div", {
27
30
  class: "nmorph-image-preview__trigger",
28
- onClick: e.clickHandler
31
+ onClick: o.clickHandler
29
32
  }, [
30
- o(e.NmorphImage, {
31
- src: e.triggerSource,
32
- alt: e.props.alt,
33
+ e(o.NmorphImage, {
34
+ src: o.triggerSource,
35
+ alt: o.props.alt,
33
36
  fit: "cover",
34
37
  "frame-border": 0
35
- }, v({
38
+ }, _({
36
39
  _: 2
37
40
  /* DYNAMIC */
38
41
  }, [
39
- n.$slots.loading ? {
42
+ l.$slots.loading ? {
40
43
  name: "loading",
41
44
  fn: r(() => [
42
- t(n.$slots, "loading")
45
+ t(l.$slots, "loading")
43
46
  ]),
44
47
  key: "0"
45
48
  } : void 0,
46
- n.$slots.error ? {
49
+ l.$slots.error ? {
47
50
  name: "error",
48
51
  fn: r(() => [
49
- t(n.$slots, "error")
52
+ t(l.$slots, "error")
50
53
  ]),
51
54
  key: "1"
52
55
  } : void 0
@@ -56,56 +59,56 @@ function B(n, z, D, e, H, L) {
56
59
  6
57
60
  /* CLASS, STYLE */
58
61
  )) : d("v-if", !0),
59
- (l(), c(k, { to: "body" }, [
60
- i(
62
+ (n(), c(k, { to: "body" }, [
63
+ a(
61
64
  "div",
62
65
  {
63
- class: _(["nmorph-image-preview__portal", e.modifiers]),
64
- style: m(e.portalStyle)
66
+ class: v(["nmorph-image-preview__portal", o.modifiers]),
67
+ style: m(o.portalStyle)
65
68
  },
66
69
  [
67
- o(e.NmorphOverlay, {
68
- show: e.open,
69
- "z-index": e.props.zIndex,
70
+ e(o.NmorphOverlay, {
71
+ show: o.open,
72
+ "z-index": o.props.zIndex,
70
73
  "disabled-teleport": "",
71
74
  "trap-focus": "",
72
- onOnOutsideClick: e.closeHandler,
73
- onOnEscapeKeydown: e.closeHandler
75
+ onOnOutsideClick: o.closeHandler,
76
+ onOnEscapeKeydown: o.closeHandler
74
77
  }, {
75
78
  default: r(() => [
76
- i("div", N, [
77
- o(e.NmorphImage, {
78
- src: e.triggerSource,
79
- alt: e.props.alt,
79
+ a("div", N, [
80
+ e(o.NmorphImage, {
81
+ src: o.triggerSource,
82
+ alt: o.props.alt,
80
83
  fit: "contain",
81
84
  "frame-border": 0,
82
- style: m({ transform: `rotate(${e.rotateLevel}deg) scale(${e.scaleLevel})` })
83
- }, v({
85
+ style: m({ transform: `rotate(${o.rotateLevel}deg) scale(${o.scaleLevel})` })
86
+ }, _({
84
87
  _: 2
85
88
  /* DYNAMIC */
86
89
  }, [
87
- n.$slots.loading ? {
90
+ l.$slots.loading ? {
88
91
  name: "loading",
89
92
  fn: r(() => [
90
- t(n.$slots, "loading")
93
+ t(l.$slots, "loading")
91
94
  ]),
92
95
  key: "0"
93
96
  } : void 0,
94
- n.$slots.error ? {
97
+ l.$slots.error ? {
95
98
  name: "error",
96
99
  fn: r(() => [
97
- t(n.$slots, "error")
100
+ t(l.$slots, "error")
98
101
  ]),
99
102
  key: "1"
100
103
  } : void 0
101
104
  ]), 1032, ["src", "alt", "style"])
102
105
  ]),
103
- e.multipleSources ? (l(), a("div", C, [
104
- o(e.NmorphButton, { onClick: e.previousHandler }, {
106
+ o.showNavigation ? (n(), i("div", C, [
107
+ e(o.NmorphButton, { onClick: o.previousHandler }, {
105
108
  default: r(() => [
106
- o(e.NmorphIcon, null, {
109
+ e(o.NmorphIcon, null, {
107
110
  default: r(() => [
108
- o(e.NmorphIconChevronDown)
111
+ e(o.NmorphIconChevronDown)
109
112
  ]),
110
113
  _: 1
111
114
  /* STABLE */
@@ -115,12 +118,12 @@ function B(n, z, D, e, H, L) {
115
118
  /* STABLE */
116
119
  })
117
120
  ])) : d("v-if", !0),
118
- e.multipleSources ? (l(), a("div", I, [
119
- o(e.NmorphButton, { onClick: e.nextHandler }, {
121
+ o.showNavigation ? (n(), i("div", I, [
122
+ e(o.NmorphButton, { onClick: o.nextHandler }, {
120
123
  default: r(() => [
121
- o(e.NmorphIcon, null, {
124
+ e(o.NmorphIcon, null, {
122
125
  default: r(() => [
123
- o(e.NmorphIconChevronDown)
126
+ e(o.NmorphIconChevronDown)
124
127
  ]),
125
128
  _: 1
126
129
  /* STABLE */
@@ -130,24 +133,24 @@ function B(n, z, D, e, H, L) {
130
133
  /* STABLE */
131
134
  })
132
135
  ])) : d("v-if", !0),
133
- i("div", S, [
134
- (l(), a(
136
+ o.props.showActionBar ? (n(), i("div", S, [
137
+ (n(), i(
135
138
  h,
136
139
  null,
137
- y(e.actions, (s, g) => i("div", {
138
- key: g,
140
+ w(o.actions, (s, f) => a("div", {
141
+ key: f,
139
142
  class: "nmorph-image-preview__action-element"
140
143
  }, [
141
- o(e.NmorphButton, {
144
+ e(o.NmorphButton, {
142
145
  onClick: s.handler
143
146
  }, {
144
147
  default: r(() => [
145
- o(
146
- e.NmorphIcon,
148
+ e(
149
+ o.NmorphIcon,
147
150
  null,
148
151
  {
149
152
  default: r(() => [
150
- (l(), c(f(s.icon)))
153
+ (n(), c(g(s.icon)))
151
154
  ]),
152
155
  _: 2
153
156
  /* DYNAMIC */
@@ -163,15 +166,15 @@ function B(n, z, D, e, H, L) {
163
166
  64
164
167
  /* STABLE_FRAGMENT */
165
168
  )),
166
- i("div", b, [
167
- o(e.NmorphButton, {
168
- disabled: e.scaleLevel === 1,
169
- onClick: e.enlargeShrinkActionData.handler
169
+ a("div", b, [
170
+ e(o.NmorphButton, {
171
+ disabled: o.scaleLevel === 1,
172
+ onClick: o.enlargeShrinkActionData.handler
170
173
  }, {
171
174
  default: r(() => [
172
- o(e.NmorphIcon, null, {
175
+ e(o.NmorphIcon, null, {
173
176
  default: r(() => [
174
- (l(), c(f(e.enlargeShrinkActionData.icon)))
177
+ (n(), c(g(o.enlargeShrinkActionData.icon)))
175
178
  ]),
176
179
  _: 1
177
180
  /* STABLE */
@@ -181,7 +184,7 @@ function B(n, z, D, e, H, L) {
181
184
  /* STABLE */
182
185
  }, 8, ["disabled", "onClick"])
183
186
  ])
184
- ])
187
+ ])) : d("v-if", !0)
185
188
  ]),
186
189
  _: 3
187
190
  /* FORWARDED */
@@ -196,7 +199,7 @@ function B(n, z, D, e, H, L) {
196
199
  /* STABLE_FRAGMENT */
197
200
  );
198
201
  }
199
- const P = /* @__PURE__ */ w(p, [["render", B], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-image-preview/NmorphImagePreview.vue"]]);
202
+ const P = /* @__PURE__ */ y(p, [["render", B], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-image-preview/NmorphImagePreview.vue"]]);
200
203
  export {
201
204
  P as default
202
205
  };
@@ -1,18 +1,18 @@
1
1
  import './NmorphImagePreview.css';
2
- import { defineComponent as z, ref as m, watch as A, computed as l } from "vue";
3
- import { useModifiers as F } from "../../../utils/create-modifiers.js";
4
- import H from "../../../assets/icons/shrink.svg.js";
5
- import R from "../../../assets/icons/rotate-right.svg.js";
6
- import T from "../../../assets/icons/rotate-left.svg.js";
7
- import D from "../../../assets/icons/zoom-in.svg.js";
8
- import V from "../../../assets/icons/zoom-out.svg.js";
9
- import P from "../../../assets/icons/enlarge.svg.js";
10
- import Z from "../../../assets/icons/chevron-down.svg.js";
11
- import $ from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
12
- import j from "../../basic/nmorph-icon/NmorphIcon.vue.js";
13
- import E from "../../basic/nmorph-button/NmorphButton.vue.js";
14
- import G from "../nmorph-image/NmorphImage.vue.js";
15
- const le = /* @__PURE__ */ z({
2
+ import { defineComponent as z, ref as s, watch as F, computed as n } from "vue";
3
+ import { useModifiers as H } from "../../../utils/create-modifiers.js";
4
+ import R from "../../../assets/icons/shrink.svg.js";
5
+ import T from "../../../assets/icons/rotate-right.svg.js";
6
+ import D from "../../../assets/icons/rotate-left.svg.js";
7
+ import V from "../../../assets/icons/zoom-in.svg.js";
8
+ import P from "../../../assets/icons/zoom-out.svg.js";
9
+ import Z from "../../../assets/icons/enlarge.svg.js";
10
+ import $ from "../../../assets/icons/chevron-down.svg.js";
11
+ import j from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
12
+ import E from "../../basic/nmorph-icon/NmorphIcon.vue.js";
13
+ import G from "../../basic/nmorph-button/NmorphButton.vue.js";
14
+ import J from "../nmorph-image/NmorphImage.vue.js";
15
+ const ie = /* @__PURE__ */ z({
16
16
  __name: "NmorphImagePreview",
17
17
  props: {
18
18
  modelValue: { type: Boolean, required: !1, default: !1 },
@@ -24,91 +24,93 @@ const le = /* @__PURE__ */ z({
24
24
  maxScaleLevel: { type: Number, required: !1, default: 4 },
25
25
  zIndex: { type: Number, required: !1, default: void 0 },
26
26
  showTrigger: { type: Boolean, required: !1, default: !0 },
27
+ showNavigationButtons: { type: Boolean, required: !1, default: !0 },
28
+ showActionBar: { type: Boolean, required: !1, default: !0 },
27
29
  width: { type: [Number, String], required: !1, default: void 0 },
28
30
  height: { type: [Number, String], required: !1, default: void 0 },
29
31
  navigationButtonMargin: { type: [Number, String], required: !1, default: void 0 }
30
32
  },
31
33
  emits: ["update:model-value"],
32
- setup(y, { expose: S, emit: I }) {
33
- S();
34
- const e = y, n = m(e.modelValue);
35
- A(
34
+ setup(S, { expose: I, emit: w }) {
35
+ I();
36
+ const e = S, l = s(e.modelValue);
37
+ F(
36
38
  () => e.modelValue,
37
- (t) => n.value = t
39
+ (r) => l.value = r
38
40
  );
39
- const b = l(
40
- () => F({
41
- "nmorph-image-preview": [`${n.value && "opened"}`]
41
+ const q = n(
42
+ () => H({
43
+ "nmorph-image-preview": [`${l.value && "opened"}`]
42
44
  })
43
- ), a = m(e.initialIndex), q = l(() => typeof e.src == "string" ? e.src : e.src[a.value]), r = m(1), x = () => {
44
- n.value = !0, s("update:model-value", n.value);
45
- }, w = () => {
46
- n.value = !1, s("update:model-value", n.value);
45
+ ), a = s(e.initialIndex), b = n(() => typeof e.src == "string" ? e.src : e.src[a.value]), t = s(1), x = () => {
46
+ l.value = !0, m("update:model-value", l.value);
47
+ }, B = () => {
48
+ l.value = !1, m("update:model-value", l.value);
47
49
  }, c = () => {
48
50
  o.value = o.value + 90, o.value >= 360 && (o.value = 0);
49
51
  }, p = () => {
50
52
  o.value = o.value - 90, o.value <= -360 && (o.value = 0);
51
53
  }, d = () => {
52
- r.value < e.maxScaleLevel && (r.value += e.scaleStep), r.value = parseFloat(r.value.toFixed(3));
54
+ t.value < e.maxScaleLevel && (t.value += e.scaleStep), t.value = parseFloat(t.value.toFixed(3));
53
55
  }, v = () => {
54
- r.value > e.minScaleLevel && (r.value -= e.scaleStep), r.value = parseFloat(r.value.toFixed(3));
55
- }, f = l(() => r.value < 1), h = () => {
56
- r.value = 1;
56
+ t.value > e.minScaleLevel && (t.value -= e.scaleStep), t.value = parseFloat(t.value.toFixed(3));
57
+ }, f = n(() => t.value < 1), h = () => {
58
+ t.value = 1;
57
59
  }, g = () => {
58
- r.value = 1;
59
- }, o = m(0), _ = () => {
60
- const t = e.src.length - 1, i = a.value - 1;
61
- i < 0 ? a.value = t : a.value = i;
60
+ t.value = 1;
61
+ }, o = s(0), _ = () => {
62
+ const r = e.src.length - 1, i = a.value - 1;
63
+ i < 0 ? a.value = r : a.value = i;
62
64
  }, L = () => {
63
- const t = e.src.length - 1, i = a.value + 1;
64
- i > t ? a.value = 0 : a.value = i;
65
- }, B = l(() => {
66
- let t = {
67
- icon: H,
65
+ const r = e.src.length - 1, i = a.value + 1;
66
+ i > r ? a.value = 0 : a.value = i;
67
+ }, A = n(() => {
68
+ let r = {
69
+ icon: R,
68
70
  handler: g
69
71
  };
70
- return f.value && (t = {
71
- icon: P,
72
+ return f.value && (r = {
73
+ icon: Z,
72
74
  handler: h
73
- }), t;
75
+ }), r;
74
76
  }), C = [
75
77
  {
76
- icon: R,
78
+ icon: T,
77
79
  handler: c
78
80
  },
79
81
  {
80
- icon: T,
82
+ icon: D,
81
83
  handler: p
82
84
  },
83
85
  {
84
- icon: D,
86
+ icon: V,
85
87
  handler: d
86
88
  },
87
89
  {
88
- icon: V,
90
+ icon: P,
89
91
  handler: v
90
92
  }
91
- ], s = I, M = l(() => Array.isArray(e.src) && e.src.length > 0), u = (t) => typeof t == "number" ? `${t}px` : t, O = l(() => ({
93
+ ], m = w, N = n(() => Array.isArray(e.src) && e.src.length > 0), M = n(() => e.showNavigationButtons && N.value), u = (r) => typeof r == "number" ? `${r}px` : r, O = n(() => ({
92
94
  ...e.width !== void 0 && { "--width": u(e.width) },
93
95
  ...e.height !== void 0 && { "--height": u(e.height) }
94
- })), k = l(() => ({
96
+ })), k = n(() => ({
95
97
  ...e.navigationButtonMargin !== void 0 && {
96
98
  "--nmorph-image-preview-btn-margin": u(e.navigationButtonMargin)
97
99
  }
98
- })), N = { props: e, open: n, modifiers: b, currentIndex: a, triggerSource: q, scaleLevel: r, clickHandler: x, closeHandler: w, rotateRight: c, rotateLeft: p, zoomIn: d, zoomOut: v, isLevelChangedToMin: f, enlargeToNormal: h, shrinkToNormal: g, rotateLevel: o, previousHandler: _, nextHandler: L, enlargeShrinkActionData: B, actions: C, emit: s, multipleSources: M, getCssSize: u, triggerStyle: O, portalStyle: k, get NmorphImage() {
99
- return G;
100
+ })), y = { props: e, open: l, modifiers: q, currentIndex: a, triggerSource: b, scaleLevel: t, clickHandler: x, closeHandler: B, rotateRight: c, rotateLeft: p, zoomIn: d, zoomOut: v, isLevelChangedToMin: f, enlargeToNormal: h, shrinkToNormal: g, rotateLevel: o, previousHandler: _, nextHandler: L, enlargeShrinkActionData: A, actions: C, emit: m, multipleSources: N, showNavigation: M, getCssSize: u, triggerStyle: O, portalStyle: k, get NmorphImage() {
101
+ return J;
100
102
  }, get NmorphButton() {
101
- return E;
103
+ return G;
102
104
  }, get NmorphIcon() {
103
- return j;
105
+ return E;
104
106
  }, get NmorphOverlay() {
105
- return $;
107
+ return j;
106
108
  }, get NmorphIconChevronDown() {
107
- return Z;
109
+ return $;
108
110
  } };
109
- return Object.defineProperty(N, "__isScriptSetup", { enumerable: !1, value: !0 }), N;
111
+ return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
110
112
  }
111
113
  });
112
114
  export {
113
- le as default
115
+ ie as default
114
116
  };