@lovince/icons 1.1.2 → 1.3.0
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.
- package/README.md +38 -0
- package/dist/LvMorphIcon.vue.d.ts +28 -0
- package/dist/animated/LvMenuToClose.vue.d.ts +1 -1
- package/dist/animated/LvPlusToClose.vue.d.ts +1 -1
- package/dist/core/morph.d.ts +50 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +40 -40
- package/dist/motion-CBQXeIyE.js +166 -0
- package/dist/paths.d.ts +47 -47
- package/dist/paths.js +111 -111
- package/dist/vue.d.ts +1 -0
- package/dist/vue.js +197 -125
- package/package.json +1 -1
- package/dist/motion-72rOKpWt.js +0 -85
package/dist/vue.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { paths as e } from "./paths.js";
|
|
2
|
-
import {
|
|
3
|
-
import { Fragment as
|
|
2
|
+
import { C as t, S as n, a as r, f as i, g as a, i as o, l as s, m as c, n as l, p as u, r as d, s as f, t as p, v as m } from "./motion-CBQXeIyE.js";
|
|
3
|
+
import { Fragment as h, computed as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, defineComponent as x, normalizeClass as S, normalizeStyle as C, onBeforeUnmount as w, openBlock as T, ref as E, renderList as D, toDisplayString as O, unref as k, watch as A } from "vue";
|
|
4
4
|
//#region src/LvIcon.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var
|
|
5
|
+
var j = [
|
|
6
6
|
"width",
|
|
7
7
|
"height",
|
|
8
8
|
"stroke-width",
|
|
9
9
|
"aria-hidden",
|
|
10
10
|
"role",
|
|
11
11
|
"aria-label"
|
|
12
|
-
],
|
|
12
|
+
], M = ["transform"], N = [
|
|
13
13
|
"d",
|
|
14
14
|
"fill",
|
|
15
15
|
"fill-opacity"
|
|
16
|
-
],
|
|
16
|
+
], P = /* @__PURE__ */ x({
|
|
17
17
|
__name: "LvIcon",
|
|
18
18
|
props: {
|
|
19
19
|
name: {},
|
|
@@ -31,15 +31,15 @@ var T = [
|
|
|
31
31
|
flip: {},
|
|
32
32
|
label: {}
|
|
33
33
|
},
|
|
34
|
-
setup(
|
|
35
|
-
let
|
|
36
|
-
size:
|
|
37
|
-
strokeWidth:
|
|
38
|
-
absoluteStrokeWidth:
|
|
39
|
-
rotate:
|
|
40
|
-
flip:
|
|
41
|
-
})), s =
|
|
42
|
-
return (e, t) => (
|
|
34
|
+
setup(r) {
|
|
35
|
+
let i = r, a = g(() => e[i.name] ?? []), o = g(() => t({
|
|
36
|
+
size: i.size,
|
|
37
|
+
strokeWidth: i.strokeWidth,
|
|
38
|
+
absoluteStrokeWidth: i.absoluteStrokeWidth,
|
|
39
|
+
rotate: i.rotate,
|
|
40
|
+
flip: i.flip
|
|
41
|
+
})), s = g(() => n(i.fill)), c = g(() => i.label == null || i.label.length === 0);
|
|
42
|
+
return (e, t) => (T(), v("svg", {
|
|
43
43
|
class: "lv-icon",
|
|
44
44
|
xmlns: "http://www.w3.org/2000/svg",
|
|
45
45
|
width: o.value.size,
|
|
@@ -52,15 +52,15 @@ var T = [
|
|
|
52
52
|
"stroke-linejoin": "round",
|
|
53
53
|
"aria-hidden": c.value ? "true" : void 0,
|
|
54
54
|
role: c.value ? void 0 : "img",
|
|
55
|
-
"aria-label": c.value ? void 0 :
|
|
56
|
-
}, [
|
|
55
|
+
"aria-label": c.value ? void 0 : r.label
|
|
56
|
+
}, [y("g", { transform: o.value.transform }, [(T(!0), v(h, null, D(a.value, (e, t) => (T(), v("path", {
|
|
57
57
|
key: t,
|
|
58
58
|
d: e,
|
|
59
59
|
fill: s.value > 0 ? "currentColor" : "none",
|
|
60
60
|
"fill-opacity": s.value > 0 ? s.value : void 0
|
|
61
|
-
}, null, 8,
|
|
61
|
+
}, null, 8, N))), 128))], 8, M)], 8, j));
|
|
62
62
|
}
|
|
63
|
-
}),
|
|
63
|
+
}), F = ["disabled", "aria-label"], I = /* @__PURE__ */ x({
|
|
64
64
|
__name: "LvIconButton",
|
|
65
65
|
props: {
|
|
66
66
|
icon: {},
|
|
@@ -79,33 +79,33 @@ var T = [
|
|
|
79
79
|
}
|
|
80
80
|
},
|
|
81
81
|
setup(e) {
|
|
82
|
-
let t = e, n =
|
|
83
|
-
return (t, n) => (
|
|
82
|
+
let t = e, n = g(() => i[t.context] ?? i.button), r = g(() => t.size ?? n.value.size), o = g(() => Math.max(t.hitArea ?? n.value.hitArea, 44)), s = g(() => t.optical ? a(r.value, n.value.strokeWidth) : n.value.strokeWidth);
|
|
83
|
+
return (t, n) => (T(), v("button", {
|
|
84
84
|
type: "button",
|
|
85
|
-
class:
|
|
86
|
-
style:
|
|
85
|
+
class: S(["lv-icon-button", { "is-disabled": e.disabled }]),
|
|
86
|
+
style: C({ "--lv-target": `${o.value}px` }),
|
|
87
87
|
disabled: e.disabled,
|
|
88
88
|
"aria-label": e.label
|
|
89
|
-
}, [
|
|
89
|
+
}, [b(P, {
|
|
90
90
|
name: e.icon,
|
|
91
|
-
size:
|
|
92
|
-
"stroke-width":
|
|
93
|
-
fill:
|
|
91
|
+
size: r.value,
|
|
92
|
+
"stroke-width": s.value,
|
|
93
|
+
fill: k(m)(e.variant)
|
|
94
94
|
}, null, 8, [
|
|
95
95
|
"name",
|
|
96
96
|
"size",
|
|
97
97
|
"stroke-width",
|
|
98
98
|
"fill"
|
|
99
|
-
])], 14,
|
|
99
|
+
])], 14, F));
|
|
100
100
|
}
|
|
101
|
-
}),
|
|
101
|
+
}), L = [
|
|
102
102
|
"width",
|
|
103
103
|
"height",
|
|
104
104
|
"stroke-width",
|
|
105
105
|
"aria-hidden",
|
|
106
106
|
"role",
|
|
107
107
|
"aria-label"
|
|
108
|
-
],
|
|
108
|
+
], R = /* @__PURE__ */ x({
|
|
109
109
|
__name: "LvJourneyStep",
|
|
110
110
|
props: {
|
|
111
111
|
state: { default: "pending" },
|
|
@@ -114,13 +114,13 @@ var T = [
|
|
|
114
114
|
label: {}
|
|
115
115
|
},
|
|
116
116
|
setup(e) {
|
|
117
|
-
let t = e, n =
|
|
118
|
-
"--lv-duration":
|
|
119
|
-
"--lv-ease":
|
|
120
|
-
})), r =
|
|
121
|
-
return (t, i) => (
|
|
122
|
-
class:
|
|
123
|
-
style:
|
|
117
|
+
let t = e, n = g(() => ({
|
|
118
|
+
"--lv-duration": d(p.state),
|
|
119
|
+
"--lv-ease": l.enter
|
|
120
|
+
})), r = g(() => t.label == null || t.label.length === 0);
|
|
121
|
+
return (t, i) => (T(), v("svg", {
|
|
122
|
+
class: S(["lv-icon lv-icon--step", `is-${e.state}`]),
|
|
123
|
+
style: C(n.value),
|
|
124
124
|
xmlns: "http://www.w3.org/2000/svg",
|
|
125
125
|
width: e.size,
|
|
126
126
|
height: e.size,
|
|
@@ -134,13 +134,13 @@ var T = [
|
|
|
134
134
|
role: r.value ? void 0 : "img",
|
|
135
135
|
"aria-label": r.value ? void 0 : e.label
|
|
136
136
|
}, [...i[0] ||= [
|
|
137
|
-
|
|
137
|
+
y("circle", {
|
|
138
138
|
class: "lv-icon__ring",
|
|
139
139
|
cx: "12",
|
|
140
140
|
cy: "12",
|
|
141
141
|
r: "8.5"
|
|
142
142
|
}, null, -1),
|
|
143
|
-
|
|
143
|
+
y("circle", {
|
|
144
144
|
class: "lv-icon__dot",
|
|
145
145
|
cx: "12",
|
|
146
146
|
cy: "12",
|
|
@@ -148,17 +148,17 @@ var T = [
|
|
|
148
148
|
fill: "currentColor",
|
|
149
149
|
stroke: "none"
|
|
150
150
|
}, null, -1),
|
|
151
|
-
|
|
151
|
+
y("path", {
|
|
152
152
|
class: "lv-icon__tick",
|
|
153
153
|
d: "m8 12.25 2.5 2.5 5.5-5.75"
|
|
154
154
|
}, null, -1),
|
|
155
|
-
|
|
155
|
+
y("path", {
|
|
156
156
|
class: "lv-icon__dash",
|
|
157
157
|
d: "M8.5 12h7"
|
|
158
158
|
}, null, -1)
|
|
159
|
-
]], 14,
|
|
159
|
+
]], 14, L));
|
|
160
160
|
}
|
|
161
|
-
}),
|
|
161
|
+
}), z = { class: "lv-inspector" }, B = { class: "lv-inspector__states" }, V = { class: "lv-inspector__caption" }, H = { class: "lv-inspector__facts" }, U = /* @__PURE__ */ x({
|
|
162
162
|
__name: "LvIconInspector",
|
|
163
163
|
props: {
|
|
164
164
|
name: {},
|
|
@@ -166,15 +166,15 @@ var T = [
|
|
|
166
166
|
strokeWidth: { default: 2 }
|
|
167
167
|
},
|
|
168
168
|
setup(t) {
|
|
169
|
-
let
|
|
169
|
+
let n = t, r = [
|
|
170
170
|
"default",
|
|
171
171
|
"hover",
|
|
172
172
|
"active",
|
|
173
173
|
"disabled"
|
|
174
|
-
],
|
|
174
|
+
], i = g(() => [
|
|
175
175
|
{
|
|
176
176
|
label: "Name",
|
|
177
|
-
value:
|
|
177
|
+
value: n.name
|
|
178
178
|
},
|
|
179
179
|
{
|
|
180
180
|
label: "Grid",
|
|
@@ -182,51 +182,123 @@ var T = [
|
|
|
182
182
|
},
|
|
183
183
|
{
|
|
184
184
|
label: "Paths",
|
|
185
|
-
value: String(e[
|
|
185
|
+
value: String(e[n.name]?.length ?? 0)
|
|
186
186
|
},
|
|
187
187
|
{
|
|
188
188
|
label: "Stroke",
|
|
189
|
-
value: `${
|
|
189
|
+
value: `${n.strokeWidth}px`
|
|
190
190
|
},
|
|
191
191
|
{
|
|
192
192
|
label: "Optical stroke",
|
|
193
|
-
value: `${
|
|
193
|
+
value: `${a(n.size, n.strokeWidth).toFixed(2)}px`
|
|
194
194
|
},
|
|
195
195
|
{
|
|
196
196
|
label: "Motion",
|
|
197
|
-
value: `${
|
|
197
|
+
value: `${p.state * 1e3}ms state · ${p.morph * 1e3}ms morph`
|
|
198
198
|
},
|
|
199
199
|
{
|
|
200
200
|
label: "Reduced motion",
|
|
201
|
-
value:
|
|
201
|
+
value: o() ? "active — motion off" : "supported"
|
|
202
202
|
}
|
|
203
203
|
]);
|
|
204
|
-
return (e,
|
|
204
|
+
return (e, n) => (T(), v("div", z, [y("div", B, [(T(), v(h, null, D(r, (e) => y("div", {
|
|
205
205
|
key: e,
|
|
206
206
|
class: "lv-inspector__state"
|
|
207
|
-
}, [
|
|
207
|
+
}, [y("div", {
|
|
208
208
|
class: "lv-inspector__swatch",
|
|
209
|
-
style:
|
|
210
|
-
}, [
|
|
209
|
+
style: C({ opacity: k(c)[e] })
|
|
210
|
+
}, [b(P, {
|
|
211
211
|
name: t.name,
|
|
212
212
|
size: t.size,
|
|
213
213
|
"stroke-width": t.strokeWidth,
|
|
214
|
-
fill:
|
|
214
|
+
fill: k(u)[e]
|
|
215
215
|
}, null, 8, [
|
|
216
216
|
"name",
|
|
217
217
|
"size",
|
|
218
218
|
"stroke-width",
|
|
219
219
|
"fill"
|
|
220
|
-
])], 4),
|
|
220
|
+
])], 4), y("span", V, O(e), 1)])), 64))]), y("dl", H, [(T(!0), v(h, null, D(i.value, (e) => (T(), v(h, { key: e.label }, [y("dt", null, O(e.label), 1), y("dd", null, O(e.value), 1)], 64))), 128))])]));
|
|
221
221
|
}
|
|
222
|
-
}),
|
|
222
|
+
}), W = [
|
|
223
223
|
"width",
|
|
224
224
|
"height",
|
|
225
225
|
"stroke-width",
|
|
226
226
|
"aria-hidden",
|
|
227
227
|
"role",
|
|
228
228
|
"aria-label"
|
|
229
|
-
],
|
|
229
|
+
], G = ["transform"], K = ["d"], q = /* @__PURE__ */ x({
|
|
230
|
+
__name: "LvMorphIcon",
|
|
231
|
+
props: {
|
|
232
|
+
name: {},
|
|
233
|
+
size: { default: 24 },
|
|
234
|
+
strokeWidth: { default: 2 },
|
|
235
|
+
absoluteStrokeWidth: {
|
|
236
|
+
type: Boolean,
|
|
237
|
+
default: !1
|
|
238
|
+
},
|
|
239
|
+
flip: {},
|
|
240
|
+
rotate: {},
|
|
241
|
+
label: {},
|
|
242
|
+
duration: { default: p.morph },
|
|
243
|
+
resolution: { default: 64 }
|
|
244
|
+
},
|
|
245
|
+
emits: ["morphed"],
|
|
246
|
+
setup(n, { emit: i }) {
|
|
247
|
+
let a = n, o = i, c = E(e[a.name] ?? []), l = g(() => t({
|
|
248
|
+
size: a.size,
|
|
249
|
+
strokeWidth: a.strokeWidth,
|
|
250
|
+
absoluteStrokeWidth: a.absoluteStrokeWidth,
|
|
251
|
+
rotate: a.rotate,
|
|
252
|
+
flip: a.flip
|
|
253
|
+
})), u = 0, d = null, p = () => {
|
|
254
|
+
u !== 0 && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(u), u = 0;
|
|
255
|
+
}, m = (t) => {
|
|
256
|
+
c.value = e[t] ?? [], o("morphed", t);
|
|
257
|
+
};
|
|
258
|
+
A(() => a.name, (t, n) => {
|
|
259
|
+
p();
|
|
260
|
+
let i = e[t];
|
|
261
|
+
if (i === void 0) return;
|
|
262
|
+
let o = r(a.duration);
|
|
263
|
+
if (!f() || o <= 0 || n === void 0 || (d = s(e[n] ?? [], i, a.resolution), d === null)) return m(t);
|
|
264
|
+
let l = performance.now(), h = (e) => {
|
|
265
|
+
let n = Math.min(1, (e - l) / (o * 1e3));
|
|
266
|
+
if (c.value = d.at(n < .5 ? 4 * n * n * n : 1 - (-2 * n + 2) ** 3 / 2), n < 1) {
|
|
267
|
+
u = requestAnimationFrame(h);
|
|
268
|
+
return;
|
|
269
|
+
}
|
|
270
|
+
m(t);
|
|
271
|
+
};
|
|
272
|
+
u = requestAnimationFrame(h);
|
|
273
|
+
}), w(p);
|
|
274
|
+
let _ = g(() => a.label == null || a.label.length === 0);
|
|
275
|
+
return (e, t) => (T(), v("svg", {
|
|
276
|
+
class: "lv-icon lv-icon--morph",
|
|
277
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
278
|
+
width: l.value.size,
|
|
279
|
+
height: l.value.size,
|
|
280
|
+
viewBox: "0 0 24 24",
|
|
281
|
+
fill: "none",
|
|
282
|
+
stroke: "currentColor",
|
|
283
|
+
"stroke-width": l.value.strokeWidth,
|
|
284
|
+
"stroke-linecap": "round",
|
|
285
|
+
"stroke-linejoin": "round",
|
|
286
|
+
"aria-hidden": _.value ? "true" : void 0,
|
|
287
|
+
role: _.value ? void 0 : "img",
|
|
288
|
+
"aria-label": _.value ? void 0 : n.label
|
|
289
|
+
}, [y("g", { transform: l.value.transform }, [(T(!0), v(h, null, D(c.value, (e, t) => (T(), v("path", {
|
|
290
|
+
key: t,
|
|
291
|
+
d: e
|
|
292
|
+
}, null, 8, K))), 128))], 8, G)], 8, W));
|
|
293
|
+
}
|
|
294
|
+
}), J = [
|
|
295
|
+
"width",
|
|
296
|
+
"height",
|
|
297
|
+
"stroke-width",
|
|
298
|
+
"aria-hidden",
|
|
299
|
+
"role",
|
|
300
|
+
"aria-label"
|
|
301
|
+
], Y = /* @__PURE__ */ x({
|
|
230
302
|
__name: "LvMenuToClose",
|
|
231
303
|
props: {
|
|
232
304
|
open: {
|
|
@@ -240,20 +312,20 @@ var T = [
|
|
|
240
312
|
default: !1
|
|
241
313
|
},
|
|
242
314
|
label: {},
|
|
243
|
-
duration: { default:
|
|
315
|
+
duration: { default: p.morph }
|
|
244
316
|
},
|
|
245
317
|
setup(e) {
|
|
246
|
-
let n = e, r =
|
|
318
|
+
let n = e, r = g(() => t({
|
|
247
319
|
size: n.size,
|
|
248
320
|
strokeWidth: n.strokeWidth,
|
|
249
321
|
absoluteStrokeWidth: n.absoluteStrokeWidth
|
|
250
|
-
})), i =
|
|
251
|
-
"--lv-duration":
|
|
252
|
-
"--lv-ease":
|
|
253
|
-
})), a =
|
|
254
|
-
return (t, n) => (
|
|
255
|
-
class:
|
|
256
|
-
style:
|
|
322
|
+
})), i = g(() => ({
|
|
323
|
+
"--lv-duration": d(n.duration),
|
|
324
|
+
"--lv-ease": l.morph
|
|
325
|
+
})), a = g(() => n.label == null || n.label.length === 0);
|
|
326
|
+
return (t, n) => (T(), v("svg", {
|
|
327
|
+
class: S(["lv-icon lv-icon--menu", { "is-open": e.open }]),
|
|
328
|
+
style: C(i.value),
|
|
257
329
|
xmlns: "http://www.w3.org/2000/svg",
|
|
258
330
|
width: r.value.size,
|
|
259
331
|
height: r.value.size,
|
|
@@ -266,37 +338,37 @@ var T = [
|
|
|
266
338
|
role: a.value ? void 0 : "img",
|
|
267
339
|
"aria-label": a.value ? void 0 : e.label
|
|
268
340
|
}, [...n[0] ||= [
|
|
269
|
-
|
|
341
|
+
y("line", {
|
|
270
342
|
class: "lv-icon__bar lv-icon__bar--top",
|
|
271
343
|
x1: "4",
|
|
272
344
|
y1: "7",
|
|
273
345
|
x2: "20",
|
|
274
346
|
y2: "7"
|
|
275
347
|
}, null, -1),
|
|
276
|
-
|
|
348
|
+
y("line", {
|
|
277
349
|
class: "lv-icon__bar lv-icon__bar--mid",
|
|
278
350
|
x1: "4",
|
|
279
351
|
y1: "12",
|
|
280
352
|
x2: "20",
|
|
281
353
|
y2: "12"
|
|
282
354
|
}, null, -1),
|
|
283
|
-
|
|
355
|
+
y("line", {
|
|
284
356
|
class: "lv-icon__bar lv-icon__bar--bottom",
|
|
285
357
|
x1: "4",
|
|
286
358
|
y1: "17",
|
|
287
359
|
x2: "20",
|
|
288
360
|
y2: "17"
|
|
289
361
|
}, null, -1)
|
|
290
|
-
]], 14,
|
|
362
|
+
]], 14, J));
|
|
291
363
|
}
|
|
292
|
-
}),
|
|
364
|
+
}), X = [
|
|
293
365
|
"width",
|
|
294
366
|
"height",
|
|
295
367
|
"stroke-width",
|
|
296
368
|
"aria-hidden",
|
|
297
369
|
"role",
|
|
298
370
|
"aria-label"
|
|
299
|
-
],
|
|
371
|
+
], Z = /* @__PURE__ */ x({
|
|
300
372
|
__name: "LvPlusToClose",
|
|
301
373
|
props: {
|
|
302
374
|
open: {
|
|
@@ -310,20 +382,20 @@ var T = [
|
|
|
310
382
|
default: !1
|
|
311
383
|
},
|
|
312
384
|
label: {},
|
|
313
|
-
duration: { default:
|
|
385
|
+
duration: { default: p.morph }
|
|
314
386
|
},
|
|
315
387
|
setup(e) {
|
|
316
|
-
let n = e, r =
|
|
388
|
+
let n = e, r = g(() => t({
|
|
317
389
|
size: n.size,
|
|
318
390
|
strokeWidth: n.strokeWidth,
|
|
319
391
|
absoluteStrokeWidth: n.absoluteStrokeWidth
|
|
320
|
-
})), i =
|
|
321
|
-
"--lv-duration":
|
|
322
|
-
"--lv-ease":
|
|
323
|
-
})), a =
|
|
324
|
-
return (t, n) => (
|
|
325
|
-
class:
|
|
326
|
-
style:
|
|
392
|
+
})), i = g(() => ({
|
|
393
|
+
"--lv-duration": d(n.duration),
|
|
394
|
+
"--lv-ease": l.morph
|
|
395
|
+
})), a = g(() => n.label == null || n.label.length === 0);
|
|
396
|
+
return (t, n) => (T(), v("svg", {
|
|
397
|
+
class: S(["lv-icon lv-icon--plus", { "is-open": e.open }]),
|
|
398
|
+
style: C(i.value),
|
|
327
399
|
xmlns: "http://www.w3.org/2000/svg",
|
|
328
400
|
width: r.value.size,
|
|
329
401
|
height: r.value.size,
|
|
@@ -335,32 +407,32 @@ var T = [
|
|
|
335
407
|
"aria-hidden": a.value ? "true" : void 0,
|
|
336
408
|
role: a.value ? void 0 : "img",
|
|
337
409
|
"aria-label": a.value ? void 0 : e.label
|
|
338
|
-
}, [...n[0] ||= [
|
|
410
|
+
}, [...n[0] ||= [y("g", { class: "lv-icon__cross" }, [y("line", {
|
|
339
411
|
x1: "12",
|
|
340
412
|
y1: "5",
|
|
341
413
|
x2: "12",
|
|
342
414
|
y2: "19"
|
|
343
|
-
}),
|
|
415
|
+
}), y("line", {
|
|
344
416
|
x1: "5",
|
|
345
417
|
y1: "12",
|
|
346
418
|
x2: "19",
|
|
347
419
|
y2: "12"
|
|
348
|
-
})], -1)]], 14,
|
|
420
|
+
})], -1)]], 14, X));
|
|
349
421
|
}
|
|
350
|
-
}),
|
|
422
|
+
}), Q = [
|
|
351
423
|
"width",
|
|
352
424
|
"height",
|
|
353
425
|
"stroke-width",
|
|
354
426
|
"aria-hidden",
|
|
355
427
|
"role",
|
|
356
428
|
"aria-label"
|
|
357
|
-
],
|
|
429
|
+
], $ = {
|
|
358
430
|
key: 0,
|
|
359
431
|
class: "lv-icon__ring",
|
|
360
432
|
cx: "12",
|
|
361
433
|
cy: "12",
|
|
362
434
|
r: "9"
|
|
363
|
-
},
|
|
435
|
+
}, ee = ["d"], te = /* @__PURE__ */ x({
|
|
364
436
|
__name: "LvCheckmark",
|
|
365
437
|
props: {
|
|
366
438
|
checked: {
|
|
@@ -378,20 +450,20 @@ var T = [
|
|
|
378
450
|
default: !1
|
|
379
451
|
},
|
|
380
452
|
label: {},
|
|
381
|
-
duration: { default:
|
|
453
|
+
duration: { default: p.state }
|
|
382
454
|
},
|
|
383
455
|
setup(e) {
|
|
384
|
-
let n = e, r =
|
|
456
|
+
let n = e, r = g(() => t({
|
|
385
457
|
size: n.size,
|
|
386
458
|
strokeWidth: n.strokeWidth,
|
|
387
459
|
absoluteStrokeWidth: n.absoluteStrokeWidth
|
|
388
|
-
})), i =
|
|
389
|
-
"--lv-duration":
|
|
390
|
-
"--lv-ease":
|
|
391
|
-
})), a =
|
|
392
|
-
return (t, n) => (
|
|
393
|
-
class:
|
|
394
|
-
style:
|
|
460
|
+
})), i = g(() => ({
|
|
461
|
+
"--lv-duration": d(n.duration),
|
|
462
|
+
"--lv-ease": l.enter
|
|
463
|
+
})), a = g(() => n.label == null || n.label.length === 0);
|
|
464
|
+
return (t, n) => (T(), v("svg", {
|
|
465
|
+
class: S(["lv-icon lv-icon--check", { "is-checked": e.checked }]),
|
|
466
|
+
style: C(i.value),
|
|
395
467
|
xmlns: "http://www.w3.org/2000/svg",
|
|
396
468
|
width: r.value.size,
|
|
397
469
|
height: r.value.size,
|
|
@@ -404,17 +476,17 @@ var T = [
|
|
|
404
476
|
"aria-hidden": a.value ? "true" : void 0,
|
|
405
477
|
role: a.value ? void 0 : "img",
|
|
406
478
|
"aria-label": a.value ? void 0 : e.label
|
|
407
|
-
}, [e.circle ? (
|
|
479
|
+
}, [e.circle ? (T(), v("circle", $)) : _("", !0), y("path", {
|
|
408
480
|
class: "lv-icon__tick",
|
|
409
481
|
d: e.circle ? "m8.25 12.25 2.5 2.5 5-5.5" : "m5 12.5 4.5 4.5L19 7.5"
|
|
410
|
-
}, null, 8,
|
|
482
|
+
}, null, 8, ee)], 14, Q));
|
|
411
483
|
}
|
|
412
|
-
}),
|
|
484
|
+
}), ne = [
|
|
413
485
|
"width",
|
|
414
486
|
"height",
|
|
415
487
|
"stroke-width",
|
|
416
488
|
"aria-label"
|
|
417
|
-
],
|
|
489
|
+
], re = /* @__PURE__ */ x({
|
|
418
490
|
__name: "LvLoading",
|
|
419
491
|
props: {
|
|
420
492
|
size: { default: 24 },
|
|
@@ -427,14 +499,14 @@ var T = [
|
|
|
427
499
|
label: { default: "Loading" }
|
|
428
500
|
},
|
|
429
501
|
setup(e) {
|
|
430
|
-
let n = e, r =
|
|
502
|
+
let n = e, r = g(() => t({
|
|
431
503
|
size: n.size,
|
|
432
504
|
strokeWidth: n.strokeWidth,
|
|
433
505
|
absoluteStrokeWidth: n.absoluteStrokeWidth
|
|
434
|
-
})), i =
|
|
435
|
-
return (t, n) => (
|
|
506
|
+
})), i = g(() => ({ "--lv-duration": d(n.duration) }));
|
|
507
|
+
return (t, n) => (T(), v("svg", {
|
|
436
508
|
class: "lv-icon lv-icon--loading",
|
|
437
|
-
style:
|
|
509
|
+
style: C(i.value),
|
|
438
510
|
xmlns: "http://www.w3.org/2000/svg",
|
|
439
511
|
width: r.value.size,
|
|
440
512
|
height: r.value.size,
|
|
@@ -445,25 +517,25 @@ var T = [
|
|
|
445
517
|
"stroke-linecap": "round",
|
|
446
518
|
role: "status",
|
|
447
519
|
"aria-label": e.label
|
|
448
|
-
}, [...n[0] ||= [
|
|
520
|
+
}, [...n[0] ||= [y("circle", {
|
|
449
521
|
class: "lv-icon__track",
|
|
450
522
|
cx: "12",
|
|
451
523
|
cy: "12",
|
|
452
524
|
r: "9",
|
|
453
525
|
opacity: "0.22"
|
|
454
|
-
}, null, -1),
|
|
526
|
+
}, null, -1), y("path", {
|
|
455
527
|
class: "lv-icon__arc",
|
|
456
528
|
d: "M21 12a9 9 0 0 0-9-9"
|
|
457
|
-
}, null, -1)]], 12,
|
|
529
|
+
}, null, -1)]], 12, ne));
|
|
458
530
|
}
|
|
459
|
-
}),
|
|
531
|
+
}), ie = [
|
|
460
532
|
"width",
|
|
461
533
|
"height",
|
|
462
534
|
"stroke-width",
|
|
463
535
|
"aria-hidden",
|
|
464
536
|
"role",
|
|
465
537
|
"aria-label"
|
|
466
|
-
],
|
|
538
|
+
], ae = /* @__PURE__ */ x({
|
|
467
539
|
__name: "LvArrowMotion",
|
|
468
540
|
props: {
|
|
469
541
|
direction: { default: "right" },
|
|
@@ -475,10 +547,10 @@ var T = [
|
|
|
475
547
|
default: !1
|
|
476
548
|
},
|
|
477
549
|
label: {},
|
|
478
|
-
duration: { default:
|
|
550
|
+
duration: { default: p.micro }
|
|
479
551
|
},
|
|
480
552
|
setup(e) {
|
|
481
|
-
let n = e, r =
|
|
553
|
+
let n = e, r = g(() => t({
|
|
482
554
|
size: n.size,
|
|
483
555
|
strokeWidth: n.strokeWidth,
|
|
484
556
|
absoluteStrokeWidth: n.absoluteStrokeWidth
|
|
@@ -487,15 +559,15 @@ var T = [
|
|
|
487
559
|
down: 90,
|
|
488
560
|
left: 180,
|
|
489
561
|
up: 270
|
|
490
|
-
}, a =
|
|
491
|
-
"--lv-duration":
|
|
492
|
-
"--lv-ease":
|
|
562
|
+
}, a = g(() => ({
|
|
563
|
+
"--lv-duration": d(n.duration),
|
|
564
|
+
"--lv-ease": l.enter,
|
|
493
565
|
"--lv-travel": `${n.travel}px`,
|
|
494
566
|
"--lv-rotate": `${i[n.direction]}deg`
|
|
495
|
-
})),
|
|
496
|
-
return (t, n) => (
|
|
567
|
+
})), o = g(() => n.label == null || n.label.length === 0);
|
|
568
|
+
return (t, n) => (T(), v("svg", {
|
|
497
569
|
class: "lv-icon lv-icon--arrow",
|
|
498
|
-
style:
|
|
570
|
+
style: C(a.value),
|
|
499
571
|
xmlns: "http://www.w3.org/2000/svg",
|
|
500
572
|
width: r.value.size,
|
|
501
573
|
height: r.value.size,
|
|
@@ -505,17 +577,17 @@ var T = [
|
|
|
505
577
|
"stroke-width": r.value.strokeWidth,
|
|
506
578
|
"stroke-linecap": "round",
|
|
507
579
|
"stroke-linejoin": "round",
|
|
508
|
-
"aria-hidden":
|
|
509
|
-
role:
|
|
510
|
-
"aria-label":
|
|
511
|
-
}, [...n[0] ||= [
|
|
580
|
+
"aria-hidden": o.value ? "true" : void 0,
|
|
581
|
+
role: o.value ? void 0 : "img",
|
|
582
|
+
"aria-label": o.value ? void 0 : e.label
|
|
583
|
+
}, [...n[0] ||= [y("g", { class: "lv-icon__arrow-inner" }, [y("path", {
|
|
512
584
|
class: "lv-icon__shaft",
|
|
513
585
|
d: "M4 12h15"
|
|
514
|
-
}),
|
|
586
|
+
}), y("path", {
|
|
515
587
|
class: "lv-icon__head",
|
|
516
588
|
d: "m13 6 6 6-6 6"
|
|
517
|
-
})], -1)]], 12,
|
|
589
|
+
})], -1)]], 12, ie));
|
|
518
590
|
}
|
|
519
591
|
});
|
|
520
592
|
//#endregion
|
|
521
|
-
export {
|
|
593
|
+
export { ae as LvArrowMotion, te as LvCheckmark, P as LvIcon, I as LvIconButton, U as LvIconInspector, R as LvJourneyStep, re as LvLoading, Y as LvMenuToClose, q as LvMorphIcon, Z as LvPlusToClose };
|
package/package.json
CHANGED