@poveste/controls 0.1.3 → 0.2.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/dist/index.es.css +1 -1
- package/dist/index.es.js +76 -76
- package/dist/style-standalone.css +148 -148
- package/package.json +3 -3
- package/src/components/HstCopyIcon.vue +1 -1
- package/src/components/HstWrapper.vue +4 -4
- package/src/components/button/HstButton.story.vue +1 -1
- package/src/components/button/HstButton.vue +4 -4
- package/src/components/button/HstButtonGroup.vue +3 -3
- package/src/components/checkbox/HstCheckbox.vue +1 -1
- package/src/components/checkbox/HstCheckboxList.vue +4 -4
- package/src/components/checkbox/HstSimpleCheckbox.vue +9 -9
- package/src/components/checkbox/__snapshots__/HstCheckbox.spec.ts.snap +2 -2
- package/src/components/colorselect/HstColorSelect.vue +3 -3
- package/src/components/design-tokens/HstColorShades.story.vue +3 -3
- package/src/components/design-tokens/HstColorShades.vue +9 -9
- package/src/components/design-tokens/HstTokenGrid.story.vue +1 -1
- package/src/components/design-tokens/HstTokenGrid.vue +9 -9
- package/src/components/design-tokens/HstTokenList.story.vue +2 -2
- package/src/components/design-tokens/HstTokenList.vue +8 -8
- package/src/components/json/HstJson.vue +3 -3
- package/src/components/number/HstNumber.vue +4 -4
- package/src/components/radio/HstRadio.vue +12 -12
- package/src/components/select/CustomSelect.vue +10 -10
- package/src/components/select/HstSelect.story.vue +4 -4
- package/src/components/select/HstSelect.vue +1 -1
- package/src/components/slider/HstSlider.vue +12 -12
- package/src/components/text/HstText.vue +2 -2
- package/src/components/textarea/HstTextarea.vue +2 -2
- package/src/end.d.ts +2 -2
- package/src/style/main.css +1 -1
- package/src/utils.ts +4 -4
- package/tailwind.config.cjs +1 -1
package/dist/index.es.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.ptw-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--poveste-col-size),1fr))}.__poveste-json-code[data-v-81a8a555] .cm-editor{height:100%;min-width:280px}.v-popper{line-height:0}.ptw-dark .v-popper--theme-dropdown .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.ptw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.ptw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity, 1))}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transform:none;transition:transform .15s cubic-bezier(0,1,.5,1)}.v-popper__popper:focus-visible{outline:none}.ptw-range-input::-webkit-slider-thumb{height:.75rem;width:.75rem;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.ptw-range-input:is(.ptw-dark *)::-webkit-slider-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.ptw-range-input:hover::-webkit-slider-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))!important}.ptw-range-input::-moz-range-thumb{height:.75rem;width:.75rem;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.ptw-range-input:is(.ptw-dark *)::-moz-range-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.ptw-range-input:hover::-moz-range-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))!important}
|
package/dist/index.es.js
CHANGED
|
@@ -11,17 +11,17 @@ const jh = {
|
|
|
11
11
|
},
|
|
12
12
|
setup(n) {
|
|
13
13
|
const t = {
|
|
14
|
-
default: "
|
|
15
|
-
primary: "
|
|
16
|
-
flat: "
|
|
14
|
+
default: "ptw-bg-gray-200 dark:ptw-bg-gray-750 ptw-text-gray-900 dark:ptw-text-gray-100 hover:ptw-bg-primary-200 dark:hover:ptw-bg-primary-900",
|
|
15
|
+
primary: "ptw-bg-primary-500 hover:ptw-bg-primary-600 ptw-text-white dark:ptw-text-black",
|
|
16
|
+
flat: "ptw-bg-transparent hover:ptw-bg-gray-500/20 ptw-text-gray-900 dark:ptw-text-gray-100"
|
|
17
17
|
};
|
|
18
18
|
return (e, i) => (B(), q("button", {
|
|
19
|
-
class: pt(["poveste-button
|
|
19
|
+
class: pt(["poveste-button ptw-cursor-pointer ptw-rounded-sm ptw-border-none", t[n.color ?? "default"]])
|
|
20
20
|
}, [
|
|
21
21
|
ht(e.$slots, "default")
|
|
22
22
|
], 2));
|
|
23
23
|
}
|
|
24
|
-
}), Uh = { class: "
|
|
24
|
+
}), Uh = { class: "ptw-w-28 ptw-whitespace-nowrap ptw-text-ellipsis ptw-overflow-hidden ptw-shrink-0" }, Gh = { class: "ptw-grow ptw-max-w-full ptw-flex ptw-items-center ptw-gap-1" }, Qh = { class: "ptw-block ptw-grow ptw-max-w-full" }, Yh = {
|
|
25
25
|
name: "HstWrapper"
|
|
26
26
|
}, Ft = /* @__PURE__ */ et({
|
|
27
27
|
...Yh,
|
|
@@ -30,7 +30,7 @@ const jh = {
|
|
|
30
30
|
tag: { default: "label" }
|
|
31
31
|
},
|
|
32
32
|
setup(n) {
|
|
33
|
-
return (t, e) => (B(), X(Fh(n.tag), { class: "poveste-wrapper histoire-wrapper
|
|
33
|
+
return (t, e) => (B(), X(Fh(n.tag), { class: "poveste-wrapper histoire-wrapper ptw-p-2 hover:ptw-bg-primary-100 dark:hover:ptw-bg-primary-800 ptw-flex ptw-gap-2 ptw-flex-wrap" }, {
|
|
34
34
|
default: K(() => [
|
|
35
35
|
Ht((B(), q("span", Uh, [
|
|
36
36
|
oe(Bt(n.title), 1)
|
|
@@ -51,7 +51,7 @@ const jh = {
|
|
|
51
51
|
_: 3
|
|
52
52
|
}));
|
|
53
53
|
}
|
|
54
|
-
}), Xh = { class: "
|
|
54
|
+
}), Xh = { class: "ptw-flex ptw-gap-px ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 ptw-rounded-sm ptw-p-px" }, Jh = {
|
|
55
55
|
name: "HstButtonGroup"
|
|
56
56
|
}, Zh = /* @__PURE__ */ et({
|
|
57
57
|
...Jh,
|
|
@@ -73,7 +73,7 @@ const jh = {
|
|
|
73
73
|
tag: "div",
|
|
74
74
|
role: "group",
|
|
75
75
|
title: n.title,
|
|
76
|
-
class: "poveste-button-group
|
|
76
|
+
class: "poveste-button-group ptw-flex-nowrap ptw-items-center"
|
|
77
77
|
}, {
|
|
78
78
|
actions: K(() => [
|
|
79
79
|
ht(o.$slots, "actions")
|
|
@@ -82,7 +82,7 @@ const jh = {
|
|
|
82
82
|
N("div", Xh, [
|
|
83
83
|
(B(!0), q(me, null, $e(i.value, ({ label: a, value: h }) => (B(), X(vl, {
|
|
84
84
|
key: h,
|
|
85
|
-
class: "
|
|
85
|
+
class: "ptw-px-1 ptw-h-[22px] ptw-flex-1 !ptw-rounded-[3px]",
|
|
86
86
|
color: h === n.modelValue ? "primary" : "flat",
|
|
87
87
|
rounded: !1,
|
|
88
88
|
onClick: (c) => r(h)
|
|
@@ -101,7 +101,7 @@ const jh = {
|
|
|
101
101
|
width: "16",
|
|
102
102
|
height: "16",
|
|
103
103
|
viewBox: "0 0 24 24",
|
|
104
|
-
class: "
|
|
104
|
+
class: "ptw-relative ptw-z-10"
|
|
105
105
|
}, ec = ["stroke-dasharray", "stroke-dashoffset"], ic = {
|
|
106
106
|
name: "HstSimpleCheckbox"
|
|
107
107
|
}, Sl = /* @__PURE__ */ et({
|
|
@@ -125,12 +125,12 @@ const jh = {
|
|
|
125
125
|
return xs(r, () => {
|
|
126
126
|
o.value = r.value.getTotalLength?.() ?? 21.21;
|
|
127
127
|
}), (c, f) => (B(), q("div", {
|
|
128
|
-
class: pt(["poveste-simple-checkbox
|
|
128
|
+
class: pt(["poveste-simple-checkbox ptw-group ptw-text-white ptw-w-[16px] ptw-h-[16px] ptw-relative", { "ptw-cursor-pointer": n.withToggle }]),
|
|
129
129
|
onClick: s
|
|
130
130
|
}, [
|
|
131
131
|
N("div", {
|
|
132
|
-
class: pt(["
|
|
133
|
-
n.modelValue ? "
|
|
132
|
+
class: pt(["ptw-border ptw-border-solid group-active:ptw-bg-gray-500/20 ptw-rounded-sm ptw-box-border ptw-absolute ptw-inset-0 ptw-transition-border ptw-duration-150 ptw-ease-out group-hover:ptw-border-primary-500 group-hover:dark:ptw-border-primary-500", [
|
|
133
|
+
n.modelValue ? "ptw-border-primary-500 ptw-border-8" : "ptw-border-black/25 dark:ptw-border-white/25 ptw-delay-150"
|
|
134
134
|
]])
|
|
135
135
|
}, null, 2),
|
|
136
136
|
(B(), q("svg", tc, [
|
|
@@ -139,10 +139,10 @@ const jh = {
|
|
|
139
139
|
ref: r,
|
|
140
140
|
d: "m 4 12 l 5 5 l 10 -10",
|
|
141
141
|
fill: "none",
|
|
142
|
-
class: pt(["
|
|
143
|
-
h.value ? "
|
|
142
|
+
class: pt(["ptw-stroke-white ptw-stroke-2 ptw-duration-200 ptw-ease-in-out", [
|
|
143
|
+
h.value ? "ptw-transition-all" : "ptw-transition-none",
|
|
144
144
|
{
|
|
145
|
-
"
|
|
145
|
+
"ptw-delay-150": n.modelValue
|
|
146
146
|
}
|
|
147
147
|
]]),
|
|
148
148
|
"stroke-dasharray": o.value,
|
|
@@ -175,7 +175,7 @@ const jh = {
|
|
|
175
175
|
return (o, l) => (B(), X(Ft, {
|
|
176
176
|
role: "checkbox",
|
|
177
177
|
tabindex: "0",
|
|
178
|
-
class: "poveste-checkbox
|
|
178
|
+
class: "poveste-checkbox ptw-cursor-pointer ptw-items-center",
|
|
179
179
|
title: n.title,
|
|
180
180
|
onClick: l[0] || (l[0] = (a) => s()),
|
|
181
181
|
onKeydown: [
|
|
@@ -192,7 +192,7 @@ const jh = {
|
|
|
192
192
|
_: 3
|
|
193
193
|
}, 8, ["title"]));
|
|
194
194
|
}
|
|
195
|
-
}), rc = { class: "-
|
|
195
|
+
}), rc = { class: "-ptw-my-1" }, oc = ["for", "onKeydown", "onClick"], lc = {
|
|
196
196
|
name: "HstCheckboxList"
|
|
197
197
|
}, ac = /* @__PURE__ */ et({
|
|
198
198
|
...lc,
|
|
@@ -210,7 +210,7 @@ const jh = {
|
|
|
210
210
|
return (o, l) => (B(), X(Ft, {
|
|
211
211
|
role: "group",
|
|
212
212
|
title: n.title,
|
|
213
|
-
class: pt(["poveste-checkbox-list
|
|
213
|
+
class: pt(["poveste-checkbox-list ptw-cursor-text", o.$attrs.class]),
|
|
214
214
|
style: Pt(o.$attrs.style)
|
|
215
215
|
}, {
|
|
216
216
|
actions: K(() => [
|
|
@@ -222,7 +222,7 @@ const jh = {
|
|
|
222
222
|
key: h,
|
|
223
223
|
tabindex: "0",
|
|
224
224
|
for: `${h}-radio`,
|
|
225
|
-
class: "
|
|
225
|
+
class: "ptw-cursor-pointer ptw-flex ptw-items-center ptw-relative ptw-py-1 ptw-group",
|
|
226
226
|
onKeydown: [
|
|
227
227
|
Xe(Je((c) => r(h), ["prevent"]), ["enter"]),
|
|
228
228
|
Xe(Je((c) => r(h), ["prevent"]), ["space"])
|
|
@@ -231,7 +231,7 @@ const jh = {
|
|
|
231
231
|
}, [
|
|
232
232
|
$s(Sl, {
|
|
233
233
|
"model-value": n.modelValue.includes(h),
|
|
234
|
-
class: "
|
|
234
|
+
class: "ptw-mr-2"
|
|
235
235
|
}, null, 8, ["model-value"]),
|
|
236
236
|
oe(" " + Bt(a), 1)
|
|
237
237
|
], 40, oc))), 128))
|
|
@@ -240,7 +240,7 @@ const jh = {
|
|
|
240
240
|
_: 3
|
|
241
241
|
}, 8, ["title", "class", "style"]));
|
|
242
242
|
}
|
|
243
|
-
}), hc = { class: "
|
|
243
|
+
}), hc = { class: "ptw-flex ptw-flex-row ptw-gap-1" }, cc = ["value"], fc = {
|
|
244
244
|
name: "HstColorSelect",
|
|
245
245
|
inheritAttrs: !1
|
|
246
246
|
}, uc = /* @__PURE__ */ et({
|
|
@@ -280,7 +280,7 @@ const jh = {
|
|
|
280
280
|
}
|
|
281
281
|
return (a, h) => (B(), X(Ft, {
|
|
282
282
|
title: n.title,
|
|
283
|
-
class: pt(["poveste-select
|
|
283
|
+
class: pt(["poveste-select ptw-cursor-text ptw-items-center", a.$attrs.class]),
|
|
284
284
|
style: Pt(a.$attrs.style)
|
|
285
285
|
}, {
|
|
286
286
|
actions: K(() => [
|
|
@@ -291,7 +291,7 @@ const jh = {
|
|
|
291
291
|
Ht(N("input", ze({ ...a.$attrs, class: null, style: null }, {
|
|
292
292
|
"onUpdate:modelValue": h[0] || (h[0] = (c) => s.value = c),
|
|
293
293
|
type: "text",
|
|
294
|
-
class: "
|
|
294
|
+
class: "ptw-text-inherit ptw-bg-transparent ptw-w-full ptw-outline-none ptw-px-2 ptw-py-1 -ptw-my-1 ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 focus:ptw-border-primary-500 dark:focus:ptw-border-primary-500 ptw-rounded-sm"
|
|
295
295
|
}), null, 16), [
|
|
296
296
|
[fr, s.value]
|
|
297
297
|
]),
|
|
@@ -320,7 +320,7 @@ const jh = {
|
|
|
320
320
|
}
|
|
321
321
|
return (r, o) => Ht((B(), X(Ct(ur), {
|
|
322
322
|
icon: "carbon:copy-file",
|
|
323
|
-
class: "
|
|
323
|
+
class: "ptw-w-4 ptw-h-4 ptw-opacity-50 hover:ptw-opacity-100 hover:ptw-text-primary-500 ptw-cursor-pointer",
|
|
324
324
|
onClick: o[0] || (o[0] = (l) => s())
|
|
325
325
|
}, null, 512)), [
|
|
326
326
|
[Ct(we), {
|
|
@@ -334,8 +334,8 @@ const jh = {
|
|
|
334
334
|
}
|
|
335
335
|
}), pc = {
|
|
336
336
|
key: 0,
|
|
337
|
-
class: "poveste-color-shades
|
|
338
|
-
}, gc = ["onMouseenter"], mc = { class: "
|
|
337
|
+
class: "poveste-color-shades ptw-grid ptw-gap-4 ptw-grid-cols-[repeat(auto-fill,minmax(200px,1fr))] ptw-m-4"
|
|
338
|
+
}, gc = ["onMouseenter"], mc = { class: "ptw-flex ptw-gap-1" }, wc = { class: "ptw-my-0 ptw-truncate ptw-shrink" }, bc = { class: "ptw-flex ptw-gap-1" }, yc = { class: "ptw-my-0 ptw-opacity-50 ptw-truncate ptw-shrink" }, xc = {
|
|
339
339
|
name: "HstColorShades"
|
|
340
340
|
}, kc = /* @__PURE__ */ et({
|
|
341
341
|
...xc,
|
|
@@ -373,7 +373,7 @@ const jh = {
|
|
|
373
373
|
return (o, l) => s.value.length ? (B(), q("div", pc, [
|
|
374
374
|
(B(!0), q(me, null, $e(s.value, (a) => (B(), q("div", {
|
|
375
375
|
key: a.key,
|
|
376
|
-
class: "
|
|
376
|
+
class: "ptw-flex ptw-flex-col ptw-gap-2",
|
|
377
377
|
onMouseenter: (h) => r.value = a.key,
|
|
378
378
|
onMouseleave: l[0] || (l[0] = (h) => r.value = null)
|
|
379
379
|
}, [
|
|
@@ -381,7 +381,7 @@ const jh = {
|
|
|
381
381
|
color: a.color
|
|
382
382
|
}, () => [
|
|
383
383
|
N("div", {
|
|
384
|
-
class: "
|
|
384
|
+
class: "ptw-rounded-full ptw-w-16 ptw-h-16",
|
|
385
385
|
style: Pt({
|
|
386
386
|
backgroundColor: a.color
|
|
387
387
|
})
|
|
@@ -397,7 +397,7 @@ const jh = {
|
|
|
397
397
|
r.value === a.key ? (B(), X(Ne, {
|
|
398
398
|
key: 0,
|
|
399
399
|
content: a.name,
|
|
400
|
-
class: "
|
|
400
|
+
class: "ptw-flex-none"
|
|
401
401
|
}, null, 8, ["content"])) : ne("", !0)
|
|
402
402
|
]),
|
|
403
403
|
N("div", bc, [
|
|
@@ -409,14 +409,14 @@ const jh = {
|
|
|
409
409
|
r.value === a.key ? (B(), X(Ne, {
|
|
410
410
|
key: 0,
|
|
411
411
|
content: a.color,
|
|
412
|
-
class: "
|
|
412
|
+
class: "ptw-flex-none"
|
|
413
413
|
}, null, 8, ["content"])) : ne("", !0)
|
|
414
414
|
])
|
|
415
415
|
])
|
|
416
416
|
], 40, gc))), 128))
|
|
417
417
|
])) : ne("", !0);
|
|
418
418
|
}
|
|
419
|
-
}), vc = ["onMouseenter"], Sc = { class: "
|
|
419
|
+
}), vc = ["onMouseenter"], Sc = { class: "ptw-flex ptw-gap-1" }, Cc = { class: "ptw-my-0 ptw-truncate ptw-shrink" }, Ac = { class: "ptw-flex ptw-gap-1" }, Mc = { class: "ptw-my-0 ptw-opacity-50 ptw-truncate ptw-shrink" }, Oc = {
|
|
420
420
|
name: "HstTokenGrid"
|
|
421
421
|
}, Tc = /* @__PURE__ */ et({
|
|
422
422
|
...Oc,
|
|
@@ -438,14 +438,14 @@ const jh = {
|
|
|
438
438
|
});
|
|
439
439
|
}), i = st(() => `${t.colSize}px`), s = at(null);
|
|
440
440
|
return (r, o) => (B(), q("div", {
|
|
441
|
-
class: "poveste-token-grid
|
|
441
|
+
class: "poveste-token-grid ptw-bind-col-size ptw-grid ptw-gap-4 ptw-m-4",
|
|
442
442
|
style: Pt({
|
|
443
443
|
"--poveste-col-size": i.value
|
|
444
444
|
})
|
|
445
445
|
}, [
|
|
446
446
|
(B(!0), q(me, null, $e(e.value, (l) => (B(), q("div", {
|
|
447
447
|
key: l.key,
|
|
448
|
-
class: "
|
|
448
|
+
class: "ptw-flex ptw-flex-col ptw-gap-2",
|
|
449
449
|
onMouseenter: (a) => s.value = l.key,
|
|
450
450
|
onMouseleave: o[0] || (o[0] = (a) => s.value = null)
|
|
451
451
|
}, [
|
|
@@ -460,7 +460,7 @@ const jh = {
|
|
|
460
460
|
s.value === l.key ? (B(), X(Ne, {
|
|
461
461
|
key: 0,
|
|
462
462
|
content: l.name,
|
|
463
|
-
class: "
|
|
463
|
+
class: "ptw-flex-none"
|
|
464
464
|
}, null, 8, ["content"])) : ne("", !0)
|
|
465
465
|
]),
|
|
466
466
|
N("div", Ac, [
|
|
@@ -472,14 +472,14 @@ const jh = {
|
|
|
472
472
|
s.value === l.key ? (B(), X(Ne, {
|
|
473
473
|
key: 0,
|
|
474
474
|
content: typeof l.value == "string" ? l.value : JSON.stringify(l.value),
|
|
475
|
-
class: "
|
|
475
|
+
class: "ptw-flex-none"
|
|
476
476
|
}, null, 8, ["content"])) : ne("", !0)
|
|
477
477
|
])
|
|
478
478
|
])
|
|
479
479
|
], 40, vc))), 128))
|
|
480
480
|
], 4));
|
|
481
481
|
}
|
|
482
|
-
}), Dc = ["onMouseenter"], Bc = { class: "
|
|
482
|
+
}), Dc = ["onMouseenter"], Bc = { class: "ptw-mx-4" }, Pc = { class: "ptw-flex ptw-gap-1" }, Rc = { class: "ptw-my-0 ptw-truncate ptw-shrink" }, Lc = { class: "ptw-flex ptw-gap-1" }, Ec = { class: "ptw-my-0 ptw-opacity-50 ptw-truncate ptw-shrink" }, Nc = {
|
|
483
483
|
name: "HstTokenList"
|
|
484
484
|
}, Ic = /* @__PURE__ */ et({
|
|
485
485
|
...Nc,
|
|
@@ -501,7 +501,7 @@ const jh = {
|
|
|
501
501
|
}), i = at(null);
|
|
502
502
|
return (s, r) => (B(!0), q(me, null, $e(e.value, (o) => (B(), q("div", {
|
|
503
503
|
key: o.key,
|
|
504
|
-
class: "poveste-token-list
|
|
504
|
+
class: "poveste-token-list ptw-flex ptw-flex-col ptw-gap-2 ptw-my-8",
|
|
505
505
|
onMouseenter: (l) => i.value = o.key,
|
|
506
506
|
onMouseleave: r[0] || (r[0] = (l) => i.value = null)
|
|
507
507
|
}, [
|
|
@@ -512,7 +512,7 @@ const jh = {
|
|
|
512
512
|
i.value === o.key ? (B(), X(Ne, {
|
|
513
513
|
key: 0,
|
|
514
514
|
content: o.name,
|
|
515
|
-
class: "
|
|
515
|
+
class: "ptw-flex-none"
|
|
516
516
|
}, null, 8, ["content"])) : ne("", !0)
|
|
517
517
|
]),
|
|
518
518
|
N("div", Lc, [
|
|
@@ -520,7 +520,7 @@ const jh = {
|
|
|
520
520
|
i.value === o.key ? (B(), X(Ne, {
|
|
521
521
|
key: 0,
|
|
522
522
|
content: typeof o.value == "string" ? o.value : JSON.stringify(o.value),
|
|
523
|
-
class: "
|
|
523
|
+
class: "ptw-flex-none"
|
|
524
524
|
}, null, 8, ["content"])) : ne("", !0)
|
|
525
525
|
])
|
|
526
526
|
])
|
|
@@ -15904,9 +15904,9 @@ const pm = [
|
|
|
15904
15904
|
color: wm
|
|
15905
15905
|
}
|
|
15906
15906
|
]), Wh = at(!1);
|
|
15907
|
-
window.
|
|
15908
|
-
window.
|
|
15909
|
-
window.
|
|
15907
|
+
window.__pvt_controls_dark || (window.__pvt_controls_dark = []);
|
|
15908
|
+
window.__pvt_controls_dark.push(Wh);
|
|
15909
|
+
window.__pvt_controls_dark_ready?.();
|
|
15910
15910
|
const Am = {
|
|
15911
15911
|
name: "HstJson",
|
|
15912
15912
|
inheritAttrs: !1
|
|
@@ -15972,14 +15972,14 @@ const Am = {
|
|
|
15972
15972
|
}
|
|
15973
15973
|
}), (f, u) => (B(), X(Ft, {
|
|
15974
15974
|
title: n.title,
|
|
15975
|
-
class: pt(["poveste-json
|
|
15975
|
+
class: pt(["poveste-json ptw-cursor-text", f.$attrs.class]),
|
|
15976
15976
|
style: Pt(f.$attrs.style)
|
|
15977
15977
|
}, {
|
|
15978
15978
|
actions: K(() => [
|
|
15979
15979
|
o.value ? Ht((B(), X(Ct(ur), {
|
|
15980
15980
|
key: 0,
|
|
15981
15981
|
icon: "carbon:warning-alt",
|
|
15982
|
-
class: "
|
|
15982
|
+
class: "ptw-text-orange-500"
|
|
15983
15983
|
}, null, 512)), [
|
|
15984
15984
|
[Ct(we), "JSON error"]
|
|
15985
15985
|
]) : ne("", !0),
|
|
@@ -15989,7 +15989,7 @@ const Am = {
|
|
|
15989
15989
|
N("div", ze({
|
|
15990
15990
|
ref_key: "editorElement",
|
|
15991
15991
|
ref: l,
|
|
15992
|
-
class: "__poveste-json-code
|
|
15992
|
+
class: "__poveste-json-code ptw-w-full ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 focus-within:ptw-border-primary-500 dark:focus-within:ptw-border-primary-500 ptw-rounded-sm ptw-box-border ptw-overflow-auto ptw-resize-y ptw-min-h-32 ptw-h-48 ptw-relative"
|
|
15993
15993
|
}, { ...f.$attrs, class: null, style: null }), null, 16)
|
|
15994
15994
|
]),
|
|
15995
15995
|
_: 3
|
|
@@ -16000,7 +16000,7 @@ const Am = {
|
|
|
16000
16000
|
for (const [i, s] of t)
|
|
16001
16001
|
e[i] = s;
|
|
16002
16002
|
return e;
|
|
16003
|
-
}, Tm = /* @__PURE__ */ Om(Mm, [["__scopeId", "data-v-
|
|
16003
|
+
}, Tm = /* @__PURE__ */ Om(Mm, [["__scopeId", "data-v-81a8a555"]]), Dm = {
|
|
16004
16004
|
name: "HstNumber",
|
|
16005
16005
|
inheritAttrs: !1
|
|
16006
16006
|
}, Bm = /* @__PURE__ */ et({
|
|
@@ -16037,9 +16037,9 @@ const Am = {
|
|
|
16037
16037
|
return _h(() => {
|
|
16038
16038
|
u();
|
|
16039
16039
|
}), (d, p) => (B(), X(Ft, {
|
|
16040
|
-
class: pt(["poveste-number
|
|
16040
|
+
class: pt(["poveste-number ptw-cursor-ew-resize ptw-items-center", [
|
|
16041
16041
|
d.$attrs.class,
|
|
16042
|
-
{ "
|
|
16042
|
+
{ "ptw-select-none": l.value }
|
|
16043
16043
|
]]),
|
|
16044
16044
|
title: n.title,
|
|
16045
16045
|
style: Pt(d.$attrs.style),
|
|
@@ -16057,8 +16057,8 @@ const Am = {
|
|
|
16057
16057
|
"onUpdate:modelValue": p[0] || (p[0] = (g) => s.value = g),
|
|
16058
16058
|
type: "number",
|
|
16059
16059
|
class: [{
|
|
16060
|
-
"
|
|
16061
|
-
}, "
|
|
16060
|
+
"ptw-select-none": l.value
|
|
16061
|
+
}, "ptw-text-inherit ptw-bg-transparent ptw-w-full ptw-outline-none ptw-pl-2 ptw-py-1 -ptw-my-1 ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 focus:ptw-border-primary-500 dark:focus:ptw-border-primary-500 ptw-rounded-sm ptw-cursor-ew-resize ptw-box-border"]
|
|
16062
16062
|
}), null, 16), [
|
|
16063
16063
|
[
|
|
16064
16064
|
fr,
|
|
@@ -16071,7 +16071,7 @@ const Am = {
|
|
|
16071
16071
|
_: 3
|
|
16072
16072
|
}, 8, ["title", "class", "style"]));
|
|
16073
16073
|
}
|
|
16074
|
-
}), Pm = { class: "-
|
|
16074
|
+
}), Pm = { class: "-ptw-my-1" }, Rm = ["id", "name", "value", "checked", "onChange"], Lm = ["for", "onKeydown"], Em = {
|
|
16075
16075
|
name: "HstRadio"
|
|
16076
16076
|
}, Nm = /* @__PURE__ */ et({
|
|
16077
16077
|
...Em,
|
|
@@ -16090,7 +16090,7 @@ const Am = {
|
|
|
16090
16090
|
return (l, a) => (B(), X(Ft, {
|
|
16091
16091
|
role: "group",
|
|
16092
16092
|
title: n.title,
|
|
16093
|
-
class: pt(["poveste-radio
|
|
16093
|
+
class: pt(["poveste-radio ptw-cursor-text", l.$attrs.class]),
|
|
16094
16094
|
style: Pt(l.$attrs.style)
|
|
16095
16095
|
}, {
|
|
16096
16096
|
actions: K(() => [
|
|
@@ -16105,13 +16105,13 @@ const Am = {
|
|
|
16105
16105
|
name: `${c}-radio_${n.title}`,
|
|
16106
16106
|
value: c,
|
|
16107
16107
|
checked: c === n.modelValue,
|
|
16108
|
-
class: "!
|
|
16108
|
+
class: "!ptw-hidden",
|
|
16109
16109
|
onChange: (f) => r(c)
|
|
16110
16110
|
}, null, 40, Rm),
|
|
16111
16111
|
N("label", {
|
|
16112
16112
|
tabindex: "0",
|
|
16113
16113
|
for: `${c}-radio_${n.title}`,
|
|
16114
|
-
class: "
|
|
16114
|
+
class: "ptw-cursor-pointer ptw-flex ptw-items-center ptw-relative ptw-py-1 ptw-group",
|
|
16115
16115
|
onKeydown: [
|
|
16116
16116
|
Xe(Je((f) => r(c), ["prevent"]), ["enter"]),
|
|
16117
16117
|
Xe(Je((f) => r(c), ["prevent"]), ["space"])
|
|
@@ -16121,18 +16121,18 @@ const Am = {
|
|
|
16121
16121
|
width: "16",
|
|
16122
16122
|
height: "16",
|
|
16123
16123
|
viewBox: "-12 -12 24 24",
|
|
16124
|
-
class: pt(["
|
|
16125
|
-
n.modelValue === c ? "
|
|
16124
|
+
class: pt(["ptw-relative ptw-z-10 ptw-border ptw-border-solid ptw-text-inherit ptw-rounded-full ptw-box-border ptw-inset-0 ptw-transition-border ptw-duration-150 ptw-ease-out ptw-mr-2 group-hover:ptw-border-primary-500", [
|
|
16125
|
+
n.modelValue === c ? "ptw-border-primary-500" : "ptw-border-black/25 dark:ptw-border-white/25"
|
|
16126
16126
|
]])
|
|
16127
16127
|
}, [
|
|
16128
16128
|
N("circle", {
|
|
16129
16129
|
r: "7",
|
|
16130
|
-
class: pt(["
|
|
16131
|
-
o.value ? "
|
|
16130
|
+
class: pt(["ptw-will-change-transform", [
|
|
16131
|
+
o.value ? "ptw-transition-all" : "ptw-transition-none",
|
|
16132
16132
|
{
|
|
16133
|
-
"
|
|
16133
|
+
"ptw-delay-150": n.modelValue === c
|
|
16134
16134
|
},
|
|
16135
|
-
n.modelValue === c ? "
|
|
16135
|
+
n.modelValue === c ? "ptw-fill-primary-500" : "ptw-fill-transparent ptw-scale-0"
|
|
16136
16136
|
]])
|
|
16137
16137
|
}, null, 2)
|
|
16138
16138
|
], 2)),
|
|
@@ -16144,7 +16144,7 @@ const Am = {
|
|
|
16144
16144
|
_: 3
|
|
16145
16145
|
}, 8, ["title", "class", "style"]));
|
|
16146
16146
|
}
|
|
16147
|
-
}), Im = { class: "
|
|
16147
|
+
}), Im = { class: "ptw-cursor-pointer ptw-w-full ptw-outline-none ptw-px-2 ptw-h-[27px] -ptw-my-1 ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 hover:ptw-border-primary-500 dark:hover:ptw-border-primary-500 ptw-rounded-sm ptw-flex ptw-gap-2 ptw-items-center ptw-leading-normal" }, Vm = { class: "ptw-flex-1 ptw-truncate" }, Hm = { class: "ptw-flex ptw-flex-col ptw-bg-gray-50 dark:ptw-bg-gray-700" }, Wm = ["onClick"], Fm = {
|
|
16148
16148
|
name: "CustomSelect"
|
|
16149
16149
|
}, $m = /* @__PURE__ */ et({
|
|
16150
16150
|
...Fm,
|
|
@@ -16166,8 +16166,8 @@ const Am = {
|
|
|
16166
16166
|
N("div", Hm, [
|
|
16167
16167
|
(B(!0), q(me, null, $e(s.value, ([c, f]) => (B(), q("div", ze({ ref_for: !0 }, { ...l.$attrs, class: null, style: null }, {
|
|
16168
16168
|
key: f,
|
|
16169
|
-
class: ["
|
|
16170
|
-
"
|
|
16169
|
+
class: ["ptw-px-2 ptw-py-1 ptw-cursor-pointer hover:ptw-bg-primary-100 dark:hover:ptw-bg-primary-700", {
|
|
16170
|
+
"ptw-bg-primary-200 dark:ptw-bg-primary-800": e.modelValue === c
|
|
16171
16171
|
}],
|
|
16172
16172
|
onClick: (u) => o(c, h)
|
|
16173
16173
|
}), Bt(f), 17, Wm))), 128))
|
|
@@ -16182,7 +16182,7 @@ const Am = {
|
|
|
16182
16182
|
]),
|
|
16183
16183
|
$s(Ct(ur), {
|
|
16184
16184
|
icon: "carbon:chevron-sort",
|
|
16185
|
-
class: "
|
|
16185
|
+
class: "ptw-w-4 ptw-h-4 ptw-flex-none ptw-ml-auto"
|
|
16186
16186
|
})
|
|
16187
16187
|
])
|
|
16188
16188
|
]),
|
|
@@ -16203,7 +16203,7 @@ const Am = {
|
|
|
16203
16203
|
const e = t;
|
|
16204
16204
|
return (i, s) => (B(), X(Ft, {
|
|
16205
16205
|
title: n.title,
|
|
16206
|
-
class: pt(["poveste-select
|
|
16206
|
+
class: pt(["poveste-select ptw-cursor-text ptw-items-center", i.$attrs.class]),
|
|
16207
16207
|
style: Pt(i.$attrs.style)
|
|
16208
16208
|
}, {
|
|
16209
16209
|
actions: K(() => [
|
|
@@ -16219,7 +16219,7 @@ const Am = {
|
|
|
16219
16219
|
_: 3
|
|
16220
16220
|
}, 8, ["title", "class", "style"]));
|
|
16221
16221
|
}
|
|
16222
|
-
}), qm = { class: "
|
|
16222
|
+
}), qm = { class: "ptw-relative ptw-w-full ptw-flex ptw-items-center" }, Km = {
|
|
16223
16223
|
name: "HstSlider",
|
|
16224
16224
|
inheritAttrs: !1
|
|
16225
16225
|
}, jm = /* @__PURE__ */ et({
|
|
@@ -16243,20 +16243,20 @@ const Am = {
|
|
|
16243
16243
|
left: `${8 + (r.value.clientWidth - 16) * l.value}px`
|
|
16244
16244
|
} : {});
|
|
16245
16245
|
return (h, c) => (B(), X(Ft, {
|
|
16246
|
-
class: pt(["poveste-slider
|
|
16246
|
+
class: pt(["poveste-slider ptw-items-center", h.$attrs.class]),
|
|
16247
16247
|
title: n.title,
|
|
16248
16248
|
style: Pt(h.$attrs.style)
|
|
16249
16249
|
}, {
|
|
16250
16250
|
default: K(() => [
|
|
16251
16251
|
N("div", qm, [
|
|
16252
|
-
c[3] || (c[3] = N("div", { class: "
|
|
16253
|
-
N("div", { class: "
|
|
16252
|
+
c[3] || (c[3] = N("div", { class: "ptw-absolute ptw-inset-0 ptw-flex ptw-items-center" }, [
|
|
16253
|
+
N("div", { class: "ptw-border ptw-border-black/25 dark:ptw-border-white/25 ptw-h-1 ptw-w-full ptw-rounded-full" })
|
|
16254
16254
|
], -1)),
|
|
16255
16255
|
Ht(N("input", ze({
|
|
16256
16256
|
ref_key: "input",
|
|
16257
16257
|
ref: r,
|
|
16258
16258
|
"onUpdate:modelValue": c[0] || (c[0] = (f) => o.value = f),
|
|
16259
|
-
class: "
|
|
16259
|
+
class: "ptw-range-input ptw-appearance-none ptw-border-0 ptw-bg-transparent ptw-cursor-pointer ptw-relative ptw-w-full ptw-m-0 ptw-text-gray-700",
|
|
16260
16260
|
type: "range"
|
|
16261
16261
|
}, { ...h.$attrs, class: null, style: null, min: n.min, max: n.max }, {
|
|
16262
16262
|
onMouseover: c[1] || (c[1] = (f) => s.value = !0),
|
|
@@ -16271,7 +16271,7 @@ const Am = {
|
|
|
16271
16271
|
]),
|
|
16272
16272
|
s.value ? Ht((B(), q("div", {
|
|
16273
16273
|
key: 0,
|
|
16274
|
-
class: "
|
|
16274
|
+
class: "ptw-absolute",
|
|
16275
16275
|
style: Pt(a.value)
|
|
16276
16276
|
}, null, 4)), [
|
|
16277
16277
|
[Ct(we), { content: n.modelValue.toString(), shown: !0, distance: 16, delay: 0 }]
|
|
@@ -16296,7 +16296,7 @@ const Am = {
|
|
|
16296
16296
|
const e = t, i = at();
|
|
16297
16297
|
return (s, r) => (B(), X(Ft, {
|
|
16298
16298
|
title: n.title,
|
|
16299
|
-
class: pt(["poveste-text
|
|
16299
|
+
class: pt(["poveste-text ptw-cursor-text ptw-items-center", s.$attrs.class]),
|
|
16300
16300
|
style: Pt(s.$attrs.style),
|
|
16301
16301
|
onClick: r[1] || (r[1] = (o) => i.value.focus())
|
|
16302
16302
|
}, {
|
|
@@ -16310,7 +16310,7 @@ const Am = {
|
|
|
16310
16310
|
}, { ...s.$attrs, class: null, style: null }, {
|
|
16311
16311
|
type: "text",
|
|
16312
16312
|
value: n.modelValue,
|
|
16313
|
-
class: "
|
|
16313
|
+
class: "ptw-text-inherit ptw-bg-transparent ptw-w-full ptw-outline-none ptw-px-2 ptw-py-1 -ptw-my-1 ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 focus:ptw-border-primary-500 dark:focus:ptw-border-primary-500 ptw-rounded-sm",
|
|
16314
16314
|
onInput: r[0] || (r[0] = (o) => e("update:modelValue", o.target.value))
|
|
16315
16315
|
}), null, 16, Um)
|
|
16316
16316
|
]),
|
|
@@ -16333,7 +16333,7 @@ const Am = {
|
|
|
16333
16333
|
const e = t, i = at();
|
|
16334
16334
|
return (s, r) => (B(), X(Ft, {
|
|
16335
16335
|
title: n.title,
|
|
16336
|
-
class: pt(["poveste-textarea
|
|
16336
|
+
class: pt(["poveste-textarea ptw-cursor-text", s.$attrs.class]),
|
|
16337
16337
|
style: Pt(s.$attrs.style),
|
|
16338
16338
|
onClick: r[1] || (r[1] = (o) => i.value.focus())
|
|
16339
16339
|
}, {
|
|
@@ -16346,7 +16346,7 @@ const Am = {
|
|
|
16346
16346
|
ref: i
|
|
16347
16347
|
}, { ...s.$attrs, class: null, style: null }, {
|
|
16348
16348
|
value: n.modelValue,
|
|
16349
|
-
class: "
|
|
16349
|
+
class: "ptw-text-inherit ptw-bg-transparent ptw-w-full ptw-outline-none ptw-px-2 ptw-py-1 -ptw-my-1 ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 focus:ptw-border-primary-500 dark:focus:ptw-border-primary-500 ptw-rounded-sm ptw-box-border ptw-resize-y ptw-min-h-[26px]",
|
|
16350
16350
|
onInput: r[0] || (r[0] = (o) => e("update:modelValue", o.target.value))
|
|
16351
16351
|
}), null, 16, Ym)
|
|
16352
16352
|
]),
|