feather-k-demo-utils 0.0.44 → 0.0.46
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/lib/DemoNotes.vue_vue_type_script_setup_true_lang-DcPiPbTJ.js +130 -0
- package/lib/components/index.es.js +2 -2
- package/lib/index.es.js +3 -3
- package/lib/styles/demo.css +53 -124
- package/lib/utils/index.es.js +3 -3
- package/package.json +1 -1
- package/lib/DemoNotes.vue_vue_type_script_setup_true_lang-CkAIcxaN.js +0 -127
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { defineComponent as v, ref as g, computed as r, openBlock as l, createElementBlock as i, normalizeClass as p, createElementVNode as c, toDisplayString as h, createCommentVNode as b, useSlots as m, renderSlot as _, withModifiers as D } from "vue";
|
|
2
|
+
const k = ["aria-expanded"], y = { key: 0 }, x = { key: 1 }, S = { key: 2 }, N = /* @__PURE__ */ v({
|
|
3
|
+
__name: "DemoStats",
|
|
4
|
+
props: {
|
|
5
|
+
publishDate: {},
|
|
6
|
+
version: {},
|
|
7
|
+
active: { type: Boolean }
|
|
8
|
+
},
|
|
9
|
+
setup(t) {
|
|
10
|
+
const e = g(t.active ?? !1), s = (n) => {
|
|
11
|
+
e.value = !e.value, n && n.stopPropagation();
|
|
12
|
+
}, o = r(() => ({
|
|
13
|
+
"demo-stats": !0,
|
|
14
|
+
"tb-v8_2_0": !0,
|
|
15
|
+
active: e.value
|
|
16
|
+
}));
|
|
17
|
+
return (n, u) => t.publishDate || t.version ? (l(), i("div", {
|
|
18
|
+
key: 0,
|
|
19
|
+
class: p(o.value),
|
|
20
|
+
role: "region",
|
|
21
|
+
"aria-label": "Demo Stats",
|
|
22
|
+
"aria-expanded": e.value
|
|
23
|
+
}, [
|
|
24
|
+
c("button", {
|
|
25
|
+
class: "toggle-btn",
|
|
26
|
+
onClick: s,
|
|
27
|
+
"aria-label": "Toggle Stats",
|
|
28
|
+
type: "button",
|
|
29
|
+
tabindex: "0"
|
|
30
|
+
}, " 📊 "),
|
|
31
|
+
t.version ? (l(), i("div", y, "using @featherk/styles@" + h(t.version), 1)) : b("", !0),
|
|
32
|
+
t.publishDate ? (l(), i("div", x, "Published: " + h(t.publishDate), 1)) : (l(), i("div", S, [...u[0] || (u[0] = [
|
|
33
|
+
c("a", {
|
|
34
|
+
href: "https://github.com/NantHealth/feather-k-demo-utils/blob/integration/README.md",
|
|
35
|
+
target: "_blank",
|
|
36
|
+
rel: "noopener noreferrer",
|
|
37
|
+
style: { "pointer-events": "auto !important" }
|
|
38
|
+
}, " Setup Publish Date ", -1)
|
|
39
|
+
])]))
|
|
40
|
+
], 10, k)) : b("", !0);
|
|
41
|
+
}
|
|
42
|
+
}), $ = ["aria-expanded"], C = ["inert"], P = /* @__PURE__ */ v({
|
|
43
|
+
__name: "DemoDebug",
|
|
44
|
+
props: {
|
|
45
|
+
active: { type: Boolean }
|
|
46
|
+
},
|
|
47
|
+
setup(t) {
|
|
48
|
+
const e = g(t.active ?? !1), s = m(), o = r(() => !!s.default && s.default({}).some((a) => a.children)), n = (a) => {
|
|
49
|
+
e.value = !e.value, a && a.stopPropagation();
|
|
50
|
+
}, u = r(() => ({
|
|
51
|
+
"demo-debug": !0,
|
|
52
|
+
"tb-v8_2_0": !0,
|
|
53
|
+
hidden: !o.value,
|
|
54
|
+
active: e.value
|
|
55
|
+
}));
|
|
56
|
+
return (a, f) => (l(), i("div", {
|
|
57
|
+
class: p(u.value),
|
|
58
|
+
role: "region",
|
|
59
|
+
"aria-label": "Demo Debug",
|
|
60
|
+
"aria-expanded": e.value
|
|
61
|
+
}, [
|
|
62
|
+
c("button", {
|
|
63
|
+
class: "toggle-btn",
|
|
64
|
+
onClick: n,
|
|
65
|
+
"aria-label": "Toggle Debug",
|
|
66
|
+
type: "button",
|
|
67
|
+
tabindex: "0"
|
|
68
|
+
}, " 🐞 "),
|
|
69
|
+
c("div", {
|
|
70
|
+
inert: !e.value
|
|
71
|
+
}, [
|
|
72
|
+
_(a.$slots, "default")
|
|
73
|
+
], 8, C)
|
|
74
|
+
], 10, $));
|
|
75
|
+
}
|
|
76
|
+
}), B = ["aria-expanded"], A = ["inert"], T = /* @__PURE__ */ v({
|
|
77
|
+
__name: "DemoSettings",
|
|
78
|
+
props: {
|
|
79
|
+
active: { type: Boolean }
|
|
80
|
+
},
|
|
81
|
+
setup(t) {
|
|
82
|
+
const e = g(t.active ?? !1), s = m(), o = r(() => !!s.default && s.default({}).some((a) => a.children)), n = () => {
|
|
83
|
+
e.value = !e.value;
|
|
84
|
+
}, u = r(() => ({
|
|
85
|
+
"demo-settings": !0,
|
|
86
|
+
"tb-v8_2_0": !0,
|
|
87
|
+
hidden: !o.value,
|
|
88
|
+
active: e.value
|
|
89
|
+
}));
|
|
90
|
+
return (a, f) => (l(), i("div", {
|
|
91
|
+
class: p(u.value),
|
|
92
|
+
role: "region",
|
|
93
|
+
"aria-label": "Demo Settings",
|
|
94
|
+
"aria-expanded": e.value
|
|
95
|
+
}, [
|
|
96
|
+
c("button", {
|
|
97
|
+
class: "toggle-btn",
|
|
98
|
+
onClick: D(n, ["stop"]),
|
|
99
|
+
"aria-label": "Toggle Demo Settings",
|
|
100
|
+
tabindex: "0"
|
|
101
|
+
}, " ⚙️ "),
|
|
102
|
+
c("div", {
|
|
103
|
+
inert: !e.value
|
|
104
|
+
}, [
|
|
105
|
+
_(a.$slots, "default")
|
|
106
|
+
], 8, A)
|
|
107
|
+
], 10, B));
|
|
108
|
+
}
|
|
109
|
+
}), M = /* @__PURE__ */ v({
|
|
110
|
+
__name: "DemoNotes",
|
|
111
|
+
setup(t) {
|
|
112
|
+
const d = m(), e = r(() => !!d.default && d.default({}).some((o) => o.children)), s = r(() => ({
|
|
113
|
+
"demo-notes": !0,
|
|
114
|
+
"tb-v8_2_0": !0
|
|
115
|
+
}));
|
|
116
|
+
return (o, n) => e.value ? (l(), i("div", {
|
|
117
|
+
key: 0,
|
|
118
|
+
class: p(s.value),
|
|
119
|
+
tabindex: "0"
|
|
120
|
+
}, [
|
|
121
|
+
_(o.$slots, "default")
|
|
122
|
+
], 2)) : b("", !0);
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
export {
|
|
126
|
+
P as _,
|
|
127
|
+
M as a,
|
|
128
|
+
T as b,
|
|
129
|
+
N as c
|
|
130
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as s, a, b as t, c as m } from "../DemoNotes.vue_vue_type_script_setup_true_lang-DcPiPbTJ.js";
|
|
2
2
|
export {
|
|
3
3
|
s as DemoDebug,
|
|
4
4
|
a as DemoNotes,
|
|
5
5
|
t as DemoSettings,
|
|
6
|
-
|
|
6
|
+
m as DemoStats
|
|
7
7
|
};
|
package/lib/index.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { F as a, a as t, f as o, g as r, b as S } from "./cdnVersion-DGJCb4AH.js";
|
|
2
|
-
import {
|
|
2
|
+
import { _ as E, a as D, b as F, c as _ } from "./DemoNotes.vue_vue_type_script_setup_true_lang-DcPiPbTJ.js";
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
E as DemoDebug,
|
|
5
|
+
D as DemoNotes,
|
|
6
6
|
F as DemoSettings,
|
|
7
7
|
_ as DemoStats,
|
|
8
8
|
a as FEATHERK_STYLES_CDN_URL,
|
package/lib/styles/demo.css
CHANGED
|
@@ -153,74 +153,13 @@
|
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
|
|
156
|
-
|
|
157
|
-
position: fixed;
|
|
158
|
-
font-family: var(--kendo-font-family-monospace);
|
|
159
|
-
left: var(--kendo-spacing-4);
|
|
160
|
-
bottom: var(--kendo-spacing-4);
|
|
161
|
-
background-color: var(--kendo-color-light);
|
|
162
|
-
color: var(--kendo-color-light);
|
|
163
|
-
font-size: var(--kendo-font-size-sm);
|
|
164
|
-
margin: var(--kendo-spacing-2);
|
|
165
|
-
padding: var(--kendo-spacing-2);
|
|
166
|
-
padding-left: 2em;
|
|
167
|
-
border-radius: var(--kendo-border-radius-md);
|
|
168
|
-
width: 28rem;
|
|
169
|
-
overflow-wrap: break-word;
|
|
170
|
-
word-break: break-word;
|
|
171
|
-
left: -26rem;
|
|
172
|
-
transition: left 0.3s ease;
|
|
173
|
-
&:hover {
|
|
174
|
-
background-color: hsl(from var(--kendo-color-light) h s 85% / 0.9);
|
|
175
|
-
color: var(--kendo-color-dark);
|
|
176
|
-
}
|
|
177
|
-
&.active,
|
|
178
|
-
&:focus-visible {
|
|
179
|
-
left: -1em;
|
|
180
|
-
outline-offset: 4px;
|
|
181
|
-
color: initial;
|
|
182
|
-
}
|
|
183
|
-
/* &:focus-visible {
|
|
184
|
-
outline: 2px solid var(--kendo-color-primary-subtle-active);
|
|
185
|
-
} */
|
|
186
|
-
&::before {
|
|
187
|
-
content: "DEBUG";
|
|
188
|
-
font-weight: bold;
|
|
189
|
-
font-size: var(--kendo-font-size-lg);
|
|
190
|
-
display: block;
|
|
191
|
-
margin-bottom: var(--kendo-spacing-2);
|
|
192
|
-
}
|
|
193
|
-
/* &::after {
|
|
194
|
-
content: "🐛";
|
|
195
|
-
content: "🐜";
|
|
196
|
-
content: "🪳";
|
|
197
|
-
content: "🐞";
|
|
198
|
-
font-size: var(--kendo-font-size-xl);
|
|
199
|
-
color: var(--kendo-color-secondary);
|
|
200
|
-
position: absolute;
|
|
201
|
-
top: 0.25em;
|
|
202
|
-
right: 0.25em;
|
|
203
|
-
display: block;
|
|
204
|
-
margin-top: 0;
|
|
205
|
-
} */
|
|
206
|
-
& .toggle-btn {
|
|
207
|
-
position: absolute;
|
|
208
|
-
top: 0.25em;
|
|
209
|
-
right: 0.25em;
|
|
210
|
-
font-size: var(--kendo-font-size-xl);
|
|
211
|
-
background: none;
|
|
212
|
-
border: none;
|
|
213
|
-
cursor: pointer;
|
|
214
|
-
color: var(--kendo-color-secondary);
|
|
215
|
-
padding: 0;
|
|
216
|
-
margin: 0;
|
|
217
|
-
}
|
|
218
|
-
}
|
|
156
|
+
/* #region REFACTOR STYLE */
|
|
219
157
|
|
|
220
|
-
|
|
158
|
+
/* #region COMMON */
|
|
159
|
+
.demo-settings,
|
|
160
|
+
.demo-debug,
|
|
161
|
+
.demo-stats {
|
|
221
162
|
position: fixed;
|
|
222
|
-
left: var(--kendo-spacing-4);
|
|
223
|
-
top: var(--kendo-spacing-4);
|
|
224
163
|
background-color: hsl(from var(--kendo-color-light) h s l / 0.95);
|
|
225
164
|
color: hsl(from var(--kendo-color-light) h s l / 0.95);
|
|
226
165
|
font-size: var(--kendo-font-size-sm);
|
|
@@ -240,39 +179,39 @@
|
|
|
240
179
|
&.active,
|
|
241
180
|
&:focus-visible {
|
|
242
181
|
left: -1em;
|
|
243
|
-
/* outline: 2px solid var(--kendo-color-primary-emphasis); */
|
|
244
182
|
outline-offset: 4px;
|
|
245
183
|
color: initial;
|
|
246
184
|
}
|
|
247
185
|
|
|
248
186
|
&::before {
|
|
249
|
-
content: "SETTINGS";
|
|
250
187
|
font-weight: bold;
|
|
251
188
|
font-size: var(--kendo-font-size-lg);
|
|
252
189
|
display: block;
|
|
253
190
|
margin-bottom: var(--kendo-spacing-2);
|
|
254
191
|
}
|
|
255
|
-
/* &::after {
|
|
256
|
-
content: "\2699";
|
|
257
|
-
content: "⚙️";
|
|
258
|
-
font-size: var(--kendo-font-size-xl);
|
|
259
|
-
position: absolute;
|
|
260
|
-
top: 0.25em;
|
|
261
|
-
right: 0.25em;
|
|
262
|
-
display: block;
|
|
263
|
-
margin-top: 0;
|
|
264
|
-
} */
|
|
265
192
|
& .toggle-btn {
|
|
266
193
|
position: absolute;
|
|
267
194
|
top: 0;
|
|
268
|
-
right: 0
|
|
195
|
+
right: 0;
|
|
269
196
|
display: flex;
|
|
270
197
|
justify-content: flex-end;
|
|
271
198
|
border: none;
|
|
272
199
|
cursor: pointer;
|
|
273
|
-
font-size:
|
|
200
|
+
font-size: var(--kendo-font-size-xl);
|
|
274
201
|
height: 100%;
|
|
275
202
|
border-radius: 0 0.25em 0.25em 0;
|
|
203
|
+
width: fit-content;
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
/* #endregion COMMON: */
|
|
207
|
+
|
|
208
|
+
/* #region demo-settings override */
|
|
209
|
+
.demo-settings {
|
|
210
|
+
top: var(--kendo-spacing-4);
|
|
211
|
+
&::before {
|
|
212
|
+
content: "SETTINGS";
|
|
213
|
+
}
|
|
214
|
+
& .toggle-btn {
|
|
276
215
|
background: linear-gradient(
|
|
277
216
|
28deg,
|
|
278
217
|
hsl(from currentColor h s 95% / 0.5) 60%,
|
|
@@ -280,75 +219,63 @@
|
|
|
280
219
|
);
|
|
281
220
|
}
|
|
282
221
|
}
|
|
222
|
+
/* #endregion demo-settings override */
|
|
223
|
+
|
|
224
|
+
/* #region demo-debug override */
|
|
225
|
+
.demo-debug {
|
|
226
|
+
bottom: var(--kendo-spacing-4);
|
|
227
|
+
&::before {
|
|
228
|
+
content: "DEBUG";
|
|
229
|
+
}
|
|
230
|
+
& .toggle-btn {
|
|
231
|
+
background: linear-gradient(
|
|
232
|
+
28deg,
|
|
233
|
+
hsl(from currentColor h s 95% / 0.5) 60%,
|
|
234
|
+
var(--kendo-color-primary-subtle-hover) 75%
|
|
235
|
+
);
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
/* #endregion demo-debug override */
|
|
283
240
|
|
|
284
|
-
/*
|
|
241
|
+
/* #region demo-stats override */
|
|
285
242
|
.demo-stats {
|
|
286
|
-
position: fixed;
|
|
287
243
|
text-align: right;
|
|
288
244
|
bottom: var(--kendo-spacing-4);
|
|
289
245
|
right: var(--kendo-spacing-4);
|
|
290
|
-
|
|
291
|
-
color: var(--kendo-color-light);
|
|
292
|
-
font-size: var(--kendo-font-size-sm);
|
|
293
|
-
/* color: var(--kendo-color-primary-subtle); */
|
|
294
|
-
margin: var(--kendo-spacing-2);
|
|
295
|
-
padding: var(--kendo-spacing-2);
|
|
246
|
+
left: auto;
|
|
296
247
|
padding-right: 2em;
|
|
297
|
-
border-radius: var(--kendo-border-radius-md);
|
|
298
|
-
width: 28rem;
|
|
299
|
-
overflow-wrap: break-word;
|
|
300
|
-
word-break: break-word;
|
|
301
248
|
transition: right 0.3s ease;
|
|
302
249
|
right: -26rem;
|
|
303
|
-
|
|
304
|
-
|
|
250
|
+
|
|
251
|
+
&::before {
|
|
252
|
+
content: "STATS";
|
|
305
253
|
}
|
|
306
254
|
&.active,
|
|
307
255
|
&:focus-visible {
|
|
308
256
|
right: -1em;
|
|
309
|
-
|
|
310
|
-
outline-offset: 4px;
|
|
311
|
-
color: initial;
|
|
257
|
+
left: unset;
|
|
312
258
|
}
|
|
313
|
-
&::before {
|
|
314
|
-
content: "STATS";
|
|
315
|
-
font-weight: bold;
|
|
316
|
-
font-size: var(--kendo-font-size-lg);
|
|
317
|
-
display: block;
|
|
318
|
-
margin-bottom: var(--kendo-spacing-2);
|
|
319
|
-
/* position: absolute; */
|
|
320
|
-
left: 0.5em;
|
|
321
|
-
top: 0.25em;
|
|
322
|
-
}
|
|
323
|
-
/* &::after {
|
|
324
|
-
content: "📊";
|
|
325
|
-
font-size: var(--kendo-font-size-xl);
|
|
326
|
-
position: absolute;
|
|
327
|
-
top: 0.25em;
|
|
328
|
-
left: 0.25em;
|
|
329
|
-
display: block;
|
|
330
|
-
margin-top: 0;
|
|
331
|
-
} */
|
|
332
259
|
|
|
333
260
|
& .toggle-btn {
|
|
334
261
|
position: absolute;
|
|
335
262
|
top: 0;
|
|
336
263
|
left: 0.125em;
|
|
337
264
|
display: flex;
|
|
338
|
-
justify-content: flex-
|
|
339
|
-
border:
|
|
340
|
-
cursor: pointer;
|
|
341
|
-
font-size: 1.5em;
|
|
342
|
-
height: 100%;
|
|
343
|
-
border-radius: 0 0.25em 0.25em 0;
|
|
265
|
+
justify-content: flex-start;
|
|
266
|
+
border-radius: 0.25em 0 0 0.25em;
|
|
344
267
|
background: linear-gradient(
|
|
345
|
-
|
|
268
|
+
332deg,
|
|
346
269
|
hsl(from currentColor h s 95% / 0.5) 40%,
|
|
347
|
-
var(--kendo-color-primary-
|
|
270
|
+
var(--kendo-color-primary-emphasis) 55%
|
|
348
271
|
);
|
|
349
272
|
}
|
|
350
273
|
}
|
|
274
|
+
/* #endregion demo-stats override */
|
|
275
|
+
|
|
276
|
+
/* #endregion REFACTOR STYLE: */
|
|
351
277
|
|
|
278
|
+
/* #region PINNED CONTENT */
|
|
352
279
|
.demo-debug pre,
|
|
353
280
|
.demo-notes pre,
|
|
354
281
|
.demo-settings {
|
|
@@ -361,6 +288,8 @@
|
|
|
361
288
|
white-space: normal;
|
|
362
289
|
}
|
|
363
290
|
|
|
291
|
+
/* #endregion PINNED CONTENT */
|
|
292
|
+
|
|
364
293
|
.hidden {
|
|
365
294
|
display: none;
|
|
366
295
|
}
|
package/lib/utils/index.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { F as a, a as t, f as o, g as r, b as S } from "../cdnVersion-DGJCb4AH.js";
|
|
2
|
-
import {
|
|
2
|
+
import { _ as E, a as D, b as F, c as _ } from "../DemoNotes.vue_vue_type_script_setup_true_lang-DcPiPbTJ.js";
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
E as DemoDebug,
|
|
5
|
+
D as DemoNotes,
|
|
6
6
|
F as DemoSettings,
|
|
7
7
|
_ as DemoStats,
|
|
8
8
|
a as FEATHERK_STYLES_CDN_URL,
|
package/package.json
CHANGED
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import { defineComponent as v, ref as b, computed as c, openBlock as r, createElementBlock as i, normalizeClass as p, createElementVNode as d, toDisplayString as h, createCommentVNode as _, useSlots as g, renderSlot as m, withModifiers as k } from "vue";
|
|
2
|
-
const y = ["aria-expanded"], x = { key: 0 }, S = { key: 1 }, C = { key: 2 }, $ = /* @__PURE__ */ v({
|
|
3
|
-
__name: "DemoStats",
|
|
4
|
-
props: {
|
|
5
|
-
publishDate: {},
|
|
6
|
-
version: {},
|
|
7
|
-
active: { type: Boolean }
|
|
8
|
-
},
|
|
9
|
-
setup(t) {
|
|
10
|
-
const e = b(t.active ?? !1), a = (n) => {
|
|
11
|
-
e.value = !e.value, n && n.stopPropagation();
|
|
12
|
-
}, s = c(() => ({
|
|
13
|
-
"demo-stats": !0,
|
|
14
|
-
"tb-v8_2_0": !0,
|
|
15
|
-
active: e.value
|
|
16
|
-
}));
|
|
17
|
-
return (n, u) => t.publishDate || t.version ? (r(), i("div", {
|
|
18
|
-
key: 0,
|
|
19
|
-
class: p(s.value),
|
|
20
|
-
role: "region",
|
|
21
|
-
"aria-label": "Demo Stats",
|
|
22
|
-
"aria-expanded": e.value
|
|
23
|
-
}, [
|
|
24
|
-
d("button", {
|
|
25
|
-
class: "toggle-btn",
|
|
26
|
-
onClick: a,
|
|
27
|
-
"aria-label": "Toggle Stats",
|
|
28
|
-
type: "button",
|
|
29
|
-
tabindex: "0"
|
|
30
|
-
}, " 📊 "),
|
|
31
|
-
t.version ? (r(), i("div", x, "using @featherk/styles@" + h(t.version), 1)) : _("", !0),
|
|
32
|
-
t.publishDate ? (r(), i("div", S, "Published: " + h(t.publishDate), 1)) : (r(), i("div", C, [...u[0] || (u[0] = [
|
|
33
|
-
d("a", {
|
|
34
|
-
href: "https://github.com/NantHealth/feather-k-demo-utils/blob/integration/README.md",
|
|
35
|
-
target: "_blank",
|
|
36
|
-
rel: "noopener noreferrer",
|
|
37
|
-
style: { "pointer-events": "auto !important" }
|
|
38
|
-
}, " Setup Publish Date ", -1)
|
|
39
|
-
])]))
|
|
40
|
-
], 10, y)) : _("", !0);
|
|
41
|
-
}
|
|
42
|
-
}), f = (t, l) => {
|
|
43
|
-
const e = t.__vccOpts || t;
|
|
44
|
-
for (const [a, s] of l)
|
|
45
|
-
e[a] = s;
|
|
46
|
-
return e;
|
|
47
|
-
}, I = /* @__PURE__ */ f($, [["__scopeId", "data-v-af654d7b"]]), B = ["aria-expanded"], A = /* @__PURE__ */ v({
|
|
48
|
-
__name: "DemoDebug",
|
|
49
|
-
props: {
|
|
50
|
-
active: { type: Boolean }
|
|
51
|
-
},
|
|
52
|
-
setup(t) {
|
|
53
|
-
const e = b(t.active ?? !1), a = g(), s = c(() => !!a.default && a.default({}).some((o) => o.children)), n = (o) => {
|
|
54
|
-
e.value = !e.value, o && o.stopPropagation();
|
|
55
|
-
}, u = c(() => ({
|
|
56
|
-
"demo-debug": !0,
|
|
57
|
-
"tb-v8_2_0": !0,
|
|
58
|
-
hidden: !s.value,
|
|
59
|
-
active: e.value
|
|
60
|
-
}));
|
|
61
|
-
return (o, D) => (r(), i("div", {
|
|
62
|
-
class: p(u.value),
|
|
63
|
-
role: "region",
|
|
64
|
-
"aria-label": "Demo Debug",
|
|
65
|
-
"aria-expanded": e.value
|
|
66
|
-
}, [
|
|
67
|
-
d("button", {
|
|
68
|
-
class: "toggle-btn",
|
|
69
|
-
onClick: n,
|
|
70
|
-
"aria-label": "Toggle Debug",
|
|
71
|
-
type: "button",
|
|
72
|
-
tabindex: "0"
|
|
73
|
-
}, " 🐞 "),
|
|
74
|
-
m(o.$slots, "default", {}, void 0, !0)
|
|
75
|
-
], 10, B));
|
|
76
|
-
}
|
|
77
|
-
}), T = /* @__PURE__ */ f(A, [["__scopeId", "data-v-2cfcbdc1"]]), E = ["aria-expanded"], N = /* @__PURE__ */ v({
|
|
78
|
-
__name: "DemoSettings",
|
|
79
|
-
props: {
|
|
80
|
-
active: { type: Boolean }
|
|
81
|
-
},
|
|
82
|
-
setup(t) {
|
|
83
|
-
const e = b(t.active ?? !1), a = g(), s = c(() => !!a.default && a.default({}).some((o) => o.children)), n = () => {
|
|
84
|
-
e.value = !e.value;
|
|
85
|
-
}, u = c(() => ({
|
|
86
|
-
"demo-settings": !0,
|
|
87
|
-
"tb-v8_2_0": !0,
|
|
88
|
-
hidden: !s.value,
|
|
89
|
-
active: e.value
|
|
90
|
-
}));
|
|
91
|
-
return (o, D) => (r(), i("div", {
|
|
92
|
-
class: p(u.value),
|
|
93
|
-
role: "region",
|
|
94
|
-
"aria-label": "Demo Settings",
|
|
95
|
-
"aria-expanded": e.value
|
|
96
|
-
}, [
|
|
97
|
-
d("button", {
|
|
98
|
-
class: "toggle-btn",
|
|
99
|
-
onClick: k(n, ["stop"]),
|
|
100
|
-
"aria-label": "Toggle Demo Settings",
|
|
101
|
-
tabindex: "0"
|
|
102
|
-
}, " ⚙️ "),
|
|
103
|
-
m(o.$slots, "default", {}, void 0, !0)
|
|
104
|
-
], 10, E));
|
|
105
|
-
}
|
|
106
|
-
}), M = /* @__PURE__ */ f(N, [["__scopeId", "data-v-12ecdff9"]]), V = /* @__PURE__ */ v({
|
|
107
|
-
__name: "DemoNotes",
|
|
108
|
-
setup(t) {
|
|
109
|
-
const l = g(), e = c(() => !!l.default && l.default({}).some((s) => s.children)), a = c(() => ({
|
|
110
|
-
"demo-notes": !0,
|
|
111
|
-
"tb-v8_2_0": !0
|
|
112
|
-
}));
|
|
113
|
-
return (s, n) => e.value ? (r(), i("div", {
|
|
114
|
-
key: 0,
|
|
115
|
-
class: p(a.value),
|
|
116
|
-
tabindex: "0"
|
|
117
|
-
}, [
|
|
118
|
-
m(s.$slots, "default")
|
|
119
|
-
], 2)) : _("", !0);
|
|
120
|
-
}
|
|
121
|
-
});
|
|
122
|
-
export {
|
|
123
|
-
T as D,
|
|
124
|
-
V as _,
|
|
125
|
-
M as a,
|
|
126
|
-
I as b
|
|
127
|
-
};
|