@sakuzu/maplibre-gl-draw-ui 1.3.0 → 1.3.1
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/CHANGELOG.md +15 -0
- package/dist/index.js +439 -458
- package/dist/index.js.map +1 -1
- package/dist/maplibre-gl-draw-ui.js +3123 -3147
- package/dist/maplibre-gl-draw-ui.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -203,7 +203,7 @@ var rest_excludes$46 = /* @__PURE__ */ new Set([
|
|
|
203
203
|
"class",
|
|
204
204
|
"children"
|
|
205
205
|
]);
|
|
206
|
-
var root$
|
|
206
|
+
var root$79 = $.from_svg(`<svg><!><!></svg>`);
|
|
207
207
|
function Icon$1($$anchor, $$props) {
|
|
208
208
|
$.push($$props, true);
|
|
209
209
|
const globalProps = getLucideContext() ?? {};
|
|
@@ -228,7 +228,7 @@ function Icon$1($$anchor, $$props) {
|
|
|
228
228
|
...$.get(svgAttributes),
|
|
229
229
|
class: [...$.get(svgAttributes).class.split(" "), $$props.class]
|
|
230
230
|
}));
|
|
231
|
-
var svg = root$
|
|
231
|
+
var svg = root$79();
|
|
232
232
|
$.attribute_effect(svg, () => ({ ...$.get(iconAttributes) }));
|
|
233
233
|
var node = $.child(svg);
|
|
234
234
|
$.each(node, 17, () => $.get(builtIconNode), $.index, ($$anchor, $$item) => {
|
|
@@ -312,14 +312,14 @@ function Mouse_pointer_2($$anchor, $$props) {
|
|
|
312
312
|
}
|
|
313
313
|
//#endregion
|
|
314
314
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Actions.svelte
|
|
315
|
-
var root$
|
|
316
|
-
var root_1$
|
|
315
|
+
var root$78 = $.from_html(`<div class="lead svelte-1sb9m4s"><!></div>`);
|
|
316
|
+
var root_1$45 = $.from_html(`<div class="group svelte-1sb9m4s"><!> <!></div>`);
|
|
317
317
|
var root_2$30 = $.from_html(`<div class="actions svelte-1sb9m4s" data-role="actions"><!> <!></div>`);
|
|
318
318
|
function Actions$1($$anchor, $$props) {
|
|
319
319
|
var div = root_2$30();
|
|
320
320
|
var node = $.child(div);
|
|
321
321
|
var consequent = ($$anchor) => {
|
|
322
|
-
var div_1 = root$
|
|
322
|
+
var div_1 = root$78();
|
|
323
323
|
var node_1 = $.child(div_1);
|
|
324
324
|
$.snippet(node_1, () => $$props.lead);
|
|
325
325
|
$.reset(div_1);
|
|
@@ -330,7 +330,7 @@ function Actions$1($$anchor, $$props) {
|
|
|
330
330
|
});
|
|
331
331
|
var node_2 = $.sibling(node, 2);
|
|
332
332
|
var consequent_1 = ($$anchor) => {
|
|
333
|
-
var div_2 = root_1$
|
|
333
|
+
var div_2 = root_1$45();
|
|
334
334
|
var node_3 = $.child(div_2);
|
|
335
335
|
$.snippet(node_3, () => $$props.secondary ?? $.noop);
|
|
336
336
|
var node_4 = $.sibling(node_3, 2);
|
|
@@ -468,9 +468,9 @@ function getMessages() {
|
|
|
468
468
|
}
|
|
469
469
|
//#endregion
|
|
470
470
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Counter.svelte
|
|
471
|
-
var root$
|
|
471
|
+
var root$77 = $.from_html(`<span data-role="mark" data-h="icon" class="counter svelte-1bhliyn"><span class="t svelte-1bhliyn"><!></span></span>`);
|
|
472
472
|
function Counter($$anchor, $$props) {
|
|
473
|
-
var span = root$
|
|
473
|
+
var span = root$77();
|
|
474
474
|
var span_1 = $.child(span);
|
|
475
475
|
var node = $.child(span_1);
|
|
476
476
|
$.snippet(node, () => $$props.children);
|
|
@@ -1264,10 +1264,10 @@ function X($$anchor, $$props) {
|
|
|
1264
1264
|
}
|
|
1265
1265
|
//#endregion
|
|
1266
1266
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/glyphs/Arrow.svelte
|
|
1267
|
-
var root$
|
|
1267
|
+
var root$76 = $.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="4" y1="20" x2="16.5" y2="7.5"></line><circle cx="4" cy="20" r="1.7" fill="currentColor" stroke="none"></circle><polygon points="21 3 19.2 11.2 12.8 4.8" fill="currentColor" stroke="none"></polygon></svg>`);
|
|
1268
1268
|
function Arrow($$anchor, $$props) {
|
|
1269
1269
|
let size = $.prop($$props, "size", 3, 24), strokeWidth = $.prop($$props, "strokeWidth", 3, 1.75);
|
|
1270
|
-
var svg = root$
|
|
1270
|
+
var svg = root$76();
|
|
1271
1271
|
$.template_effect(() => {
|
|
1272
1272
|
$.set_attribute(svg, "width", size());
|
|
1273
1273
|
$.set_attribute(svg, "height", size());
|
|
@@ -1279,11 +1279,11 @@ function Arrow($$anchor, $$props) {
|
|
|
1279
1279
|
}
|
|
1280
1280
|
//#endregion
|
|
1281
1281
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/glyphs/Point.svelte
|
|
1282
|
-
var root$
|
|
1282
|
+
var root$75 = $.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="12" r="5.5" fill="currentColor"></circle></svg>`);
|
|
1283
1283
|
function Point($$anchor, $$props) {
|
|
1284
1284
|
let size = $.prop($$props, "size", 3, 24);
|
|
1285
1285
|
$.prop($$props, "strokeWidth", 3, 1.75);
|
|
1286
|
-
var svg = root$
|
|
1286
|
+
var svg = root$75();
|
|
1287
1287
|
$.template_effect(() => {
|
|
1288
1288
|
$.set_attribute(svg, "width", size());
|
|
1289
1289
|
$.set_attribute(svg, "height", size());
|
|
@@ -1294,10 +1294,10 @@ function Point($$anchor, $$props) {
|
|
|
1294
1294
|
}
|
|
1295
1295
|
//#endregion
|
|
1296
1296
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/glyphs/Polygon.svelte
|
|
1297
|
-
var root$
|
|
1297
|
+
var root$74 = $.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="11 3 21 9 17 21 6 20 3 9"></polygon><circle cx="11" cy="3" r="1.7" fill="currentColor" stroke="none"></circle><circle cx="21" cy="9" r="1.7" fill="currentColor" stroke="none"></circle><circle cx="17" cy="21" r="1.7" fill="currentColor" stroke="none"></circle><circle cx="6" cy="20" r="1.7" fill="currentColor" stroke="none"></circle><circle cx="3" cy="9" r="1.7" fill="currentColor" stroke="none"></circle></svg>`);
|
|
1298
1298
|
function Polygon($$anchor, $$props) {
|
|
1299
1299
|
let size = $.prop($$props, "size", 3, 24), strokeWidth = $.prop($$props, "strokeWidth", 3, 1.75);
|
|
1300
|
-
var svg = root$
|
|
1300
|
+
var svg = root$74();
|
|
1301
1301
|
$.template_effect(() => {
|
|
1302
1302
|
$.set_attribute(svg, "width", size());
|
|
1303
1303
|
$.set_attribute(svg, "height", size());
|
|
@@ -1309,10 +1309,10 @@ function Polygon($$anchor, $$props) {
|
|
|
1309
1309
|
}
|
|
1310
1310
|
//#endregion
|
|
1311
1311
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/glyphs/Polyline.svelte
|
|
1312
|
-
var root$
|
|
1312
|
+
var root$73 = $.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="3 17 8 11 14 14 21 6"></polyline><circle cx="3" cy="17" r="1.7" fill="currentColor" stroke="none"></circle><circle cx="8" cy="11" r="1.7" fill="currentColor" stroke="none"></circle><circle cx="14" cy="14" r="1.7" fill="currentColor" stroke="none"></circle><circle cx="21" cy="6" r="1.7" fill="currentColor" stroke="none"></circle></svg>`);
|
|
1313
1313
|
function Polyline($$anchor, $$props) {
|
|
1314
1314
|
let size = $.prop($$props, "size", 3, 24), strokeWidth = $.prop($$props, "strokeWidth", 3, 1.75);
|
|
1315
|
-
var svg = root$
|
|
1315
|
+
var svg = root$73();
|
|
1316
1316
|
$.template_effect(() => {
|
|
1317
1317
|
$.set_attribute(svg, "width", size());
|
|
1318
1318
|
$.set_attribute(svg, "height", size());
|
|
@@ -1324,10 +1324,10 @@ function Polyline($$anchor, $$props) {
|
|
|
1324
1324
|
}
|
|
1325
1325
|
//#endregion
|
|
1326
1326
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/glyphs/StickyNote.svelte
|
|
1327
|
-
var root$
|
|
1327
|
+
var root$72 = $.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 3h14a2 2 0 0 1 2 2v9l-7 7H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z"></path><path d="M21 14h-5a2 2 0 0 0-2 2v5"></path><line x1="8" y1="8.5" x2="17" y2="8.5"></line><line x1="8" y1="12.5" x2="13" y2="12.5"></line></svg>`);
|
|
1328
1328
|
function StickyNote($$anchor, $$props) {
|
|
1329
1329
|
let size = $.prop($$props, "size", 3, 24), strokeWidth = $.prop($$props, "strokeWidth", 3, 1.75);
|
|
1330
|
-
var svg = root$
|
|
1330
|
+
var svg = root$72();
|
|
1331
1331
|
$.template_effect(() => {
|
|
1332
1332
|
$.set_attribute(svg, "width", size());
|
|
1333
1333
|
$.set_attribute(svg, "height", size());
|
|
@@ -1501,21 +1501,21 @@ function placeTip(node, anchor, bounds) {
|
|
|
1501
1501
|
}
|
|
1502
1502
|
//#endregion
|
|
1503
1503
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Tooltip.svelte
|
|
1504
|
-
var root$
|
|
1505
|
-
var root_1$
|
|
1504
|
+
var root$71 = $.from_html(`<span class="kbd svelte-balpgw"><span class="t svelte-balpgw"> </span></span>`);
|
|
1505
|
+
var root_1$44 = $.from_html(`<span class="t svelte-balpgw"> </span><!>`, 1);
|
|
1506
1506
|
var root_2$29 = $.from_html(`<span class="tip inline svelte-balpgw" data-h="button-sm" aria-hidden="true"><!></span>`);
|
|
1507
|
-
var root_3$
|
|
1508
|
-
var root_4$
|
|
1509
|
-
var root_5$
|
|
1507
|
+
var root_3$20 = $.from_html(`<span class="pair svelte-balpgw"><span class="seat svelte-balpgw"><!></span> <!></span>`);
|
|
1508
|
+
var root_4$13 = $.from_html(`<span class="tip svelte-balpgw" data-h="button-sm" aria-hidden="true"><!></span>`);
|
|
1509
|
+
var root_5$10 = $.from_html(`<span class="seat svelte-balpgw"><!> <!></span>`);
|
|
1510
1510
|
function Tooltip($$anchor, $$props) {
|
|
1511
1511
|
$.push($$props, true);
|
|
1512
1512
|
const face = ($$anchor) => {
|
|
1513
|
-
var fragment = root_1$
|
|
1513
|
+
var fragment = root_1$44();
|
|
1514
1514
|
var span = $.first_child(fragment);
|
|
1515
1515
|
var text_1 = $.only_child(span, true);
|
|
1516
1516
|
var node_1 = $.sibling(span);
|
|
1517
1517
|
var consequent = ($$anchor) => {
|
|
1518
|
-
var span_1 = root$
|
|
1518
|
+
var span_1 = root$71();
|
|
1519
1519
|
var span_2 = $.child(span_1);
|
|
1520
1520
|
var text_2 = $.only_child(span_2, true);
|
|
1521
1521
|
$.reset(span_1);
|
|
@@ -1595,7 +1595,7 @@ function Tooltip($$anchor, $$props) {
|
|
|
1595
1595
|
var fragment_1 = $.comment();
|
|
1596
1596
|
var node_2 = $.first_child(fragment_1);
|
|
1597
1597
|
var consequent_2 = ($$anchor) => {
|
|
1598
|
-
var span_3 = root_3$
|
|
1598
|
+
var span_3 = root_3$20();
|
|
1599
1599
|
var span_4 = $.child(span_3);
|
|
1600
1600
|
var node_3 = $.child(span_4);
|
|
1601
1601
|
$.snippet(node_3, () => $$props.children);
|
|
@@ -1616,12 +1616,12 @@ function Tooltip($$anchor, $$props) {
|
|
|
1616
1616
|
$.append($$anchor, span_3);
|
|
1617
1617
|
};
|
|
1618
1618
|
var alternate = ($$anchor) => {
|
|
1619
|
-
var span_6 = root_5$
|
|
1619
|
+
var span_6 = root_5$10();
|
|
1620
1620
|
var node_6 = $.child(span_6);
|
|
1621
1621
|
$.snippet(node_6, () => $$props.children);
|
|
1622
1622
|
var node_7 = $.sibling(node_6, 2);
|
|
1623
1623
|
var consequent_3 = ($$anchor) => {
|
|
1624
|
-
var span_7 = root_4$
|
|
1624
|
+
var span_7 = root_4$13();
|
|
1625
1625
|
var node_8 = $.child(span_7);
|
|
1626
1626
|
face(node_8);
|
|
1627
1627
|
$.reset(span_7);
|
|
@@ -1676,11 +1676,12 @@ var rest_excludes$10 = /* @__PURE__ */ new Set([
|
|
|
1676
1676
|
"aria-label",
|
|
1677
1677
|
"children"
|
|
1678
1678
|
]);
|
|
1679
|
-
var root$
|
|
1680
|
-
var root_1$
|
|
1681
|
-
var root_2$28 = $.from_html(
|
|
1682
|
-
var root_3$
|
|
1683
|
-
var root_4$
|
|
1679
|
+
var root$70 = $.from_html(`<span><!></span>`);
|
|
1680
|
+
var root_1$43 = $.from_html(`<span class="kbd t svelte-5ccjdv"> </span>`);
|
|
1681
|
+
var root_2$28 = $.from_html(`<!><span><!></span><!><!>`, 1);
|
|
1682
|
+
var root_3$19 = $.from_html(`<span class="unread svelte-5ccjdv" aria-hidden="true"><!></span>`);
|
|
1683
|
+
var root_4$12 = $.from_html(`<a><!><!></a>`);
|
|
1684
|
+
var root_5$9 = $.from_html(`<button><!><!></button>`);
|
|
1684
1685
|
function Button($$anchor, $$props) {
|
|
1685
1686
|
$.push($$props, true);
|
|
1686
1687
|
const inner = ($$anchor) => {
|
|
@@ -1693,48 +1694,56 @@ function Button($$anchor, $$props) {
|
|
|
1693
1694
|
$.append($$anchor, fragment_1);
|
|
1694
1695
|
};
|
|
1695
1696
|
var alternate = ($$anchor) => {
|
|
1696
|
-
var fragment_2 =
|
|
1697
|
+
var fragment_2 = root_2$28();
|
|
1697
1698
|
var node_2 = $.first_child(fragment_2);
|
|
1698
1699
|
var consequent_1 = ($$anchor) => {
|
|
1699
|
-
|
|
1700
|
+
var span = root$70();
|
|
1701
|
+
let classes;
|
|
1702
|
+
Icon($.child(span), { get name() {
|
|
1700
1703
|
return $$props.leading;
|
|
1701
1704
|
} });
|
|
1705
|
+
$.reset(span);
|
|
1706
|
+
$.template_effect(() => classes = $.set_class(span, 1, "mark svelte-5ccjdv", null, classes, { mono: mono() }));
|
|
1707
|
+
$.append($$anchor, span);
|
|
1702
1708
|
};
|
|
1703
1709
|
var consequent_2 = ($$anchor) => {
|
|
1704
|
-
var
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
$.
|
|
1710
|
+
var span_1 = root$70();
|
|
1711
|
+
let classes_1;
|
|
1712
|
+
var node_4 = $.child(span_1);
|
|
1713
|
+
$.snippet(node_4, () => $$props.mark);
|
|
1714
|
+
$.reset(span_1);
|
|
1715
|
+
$.template_effect(() => classes_1 = $.set_class(span_1, 1, "mark svelte-5ccjdv", null, classes_1, { mono: mono() }));
|
|
1716
|
+
$.append($$anchor, span_1);
|
|
1708
1717
|
};
|
|
1709
1718
|
$.if(node_2, ($$render) => {
|
|
1710
1719
|
if ($$props.leading) $$render(consequent_1);
|
|
1711
1720
|
else if ($$props.mark) $$render(consequent_2, 1);
|
|
1712
1721
|
});
|
|
1713
|
-
var
|
|
1714
|
-
let
|
|
1715
|
-
var
|
|
1716
|
-
$.snippet(
|
|
1717
|
-
$.reset(
|
|
1718
|
-
var
|
|
1722
|
+
var span_2 = $.sibling(node_2);
|
|
1723
|
+
let classes_2;
|
|
1724
|
+
var node_5 = $.child(span_2);
|
|
1725
|
+
$.snippet(node_5, () => $$props.children);
|
|
1726
|
+
$.reset(span_2);
|
|
1727
|
+
var node_6 = $.sibling(span_2);
|
|
1719
1728
|
var consequent_3 = ($$anchor) => {
|
|
1720
|
-
var
|
|
1721
|
-
var text = $.only_child(
|
|
1729
|
+
var span_3 = root_1$43();
|
|
1730
|
+
var text = $.only_child(span_3, true);
|
|
1722
1731
|
$.template_effect(() => $.set_text(text, $$props.kbd));
|
|
1723
|
-
$.append($$anchor,
|
|
1732
|
+
$.append($$anchor, span_3);
|
|
1724
1733
|
};
|
|
1725
|
-
$.if(
|
|
1734
|
+
$.if(node_6, ($$render) => {
|
|
1726
1735
|
if ($$props.kbd) $$render(consequent_3);
|
|
1727
1736
|
});
|
|
1728
|
-
var
|
|
1737
|
+
var node_7 = $.sibling(node_6);
|
|
1729
1738
|
var consequent_4 = ($$anchor) => {
|
|
1730
1739
|
Icon($$anchor, { get name() {
|
|
1731
1740
|
return $$props.trailing;
|
|
1732
1741
|
} });
|
|
1733
1742
|
};
|
|
1734
|
-
$.if(
|
|
1743
|
+
$.if(node_7, ($$render) => {
|
|
1735
1744
|
if ($$props.trailing) $$render(consequent_4);
|
|
1736
1745
|
});
|
|
1737
|
-
$.template_effect(() =>
|
|
1746
|
+
$.template_effect(() => classes_2 = $.set_class(span_2, 1, "t svelte-5ccjdv", null, classes_2, {
|
|
1738
1747
|
clamp: clamp(),
|
|
1739
1748
|
mono: mono()
|
|
1740
1749
|
}));
|
|
@@ -1747,11 +1756,11 @@ function Button($$anchor, $$props) {
|
|
|
1747
1756
|
$.append($$anchor, fragment);
|
|
1748
1757
|
};
|
|
1749
1758
|
const unread = ($$anchor) => {
|
|
1750
|
-
var
|
|
1751
|
-
var
|
|
1759
|
+
var fragment_4 = $.comment();
|
|
1760
|
+
var node_8 = $.first_child(fragment_4);
|
|
1752
1761
|
var consequent_5 = ($$anchor) => {
|
|
1753
|
-
var
|
|
1754
|
-
Counter($.child(
|
|
1762
|
+
var span_4 = root_3$19();
|
|
1763
|
+
Counter($.child(span_4), {
|
|
1755
1764
|
children: ($$anchor, $$slotProps) => {
|
|
1756
1765
|
$.next();
|
|
1757
1766
|
var text_1 = $.text();
|
|
@@ -1760,19 +1769,19 @@ function Button($$anchor, $$props) {
|
|
|
1760
1769
|
},
|
|
1761
1770
|
$$slots: { default: true }
|
|
1762
1771
|
});
|
|
1763
|
-
$.reset(
|
|
1764
|
-
$.append($$anchor,
|
|
1772
|
+
$.reset(span_4);
|
|
1773
|
+
$.append($$anchor, span_4);
|
|
1765
1774
|
};
|
|
1766
|
-
$.if(
|
|
1775
|
+
$.if(node_8, ($$render) => {
|
|
1767
1776
|
if ($.get(badged)) $$render(consequent_5);
|
|
1768
1777
|
});
|
|
1769
|
-
$.append($$anchor,
|
|
1778
|
+
$.append($$anchor, fragment_4);
|
|
1770
1779
|
};
|
|
1771
1780
|
const control = ($$anchor) => {
|
|
1772
|
-
var
|
|
1773
|
-
var
|
|
1781
|
+
var fragment_6 = $.comment();
|
|
1782
|
+
var node_10 = $.first_child(fragment_6);
|
|
1774
1783
|
var consequent_6 = ($$anchor) => {
|
|
1775
|
-
var a =
|
|
1784
|
+
var a = root_4$12();
|
|
1776
1785
|
$.attribute_effect(a, () => ({
|
|
1777
1786
|
class: `btn ${variant() ?? ""}`,
|
|
1778
1787
|
"data-tone": $$props.tone,
|
|
@@ -1789,19 +1798,20 @@ function Button($$anchor, $$props) {
|
|
|
1789
1798
|
block: block(),
|
|
1790
1799
|
spread: $.get(spread),
|
|
1791
1800
|
busy: busy(),
|
|
1792
|
-
on: on
|
|
1801
|
+
on: $$props.on,
|
|
1802
|
+
reach: $.get(reach),
|
|
1793
1803
|
badged: $.get(badged)
|
|
1794
1804
|
}
|
|
1795
1805
|
}), void 0, void 0, void 0, "svelte-5ccjdv");
|
|
1796
|
-
var
|
|
1797
|
-
inner(
|
|
1798
|
-
var
|
|
1799
|
-
unread(
|
|
1806
|
+
var node_11 = $.child(a);
|
|
1807
|
+
inner(node_11);
|
|
1808
|
+
var node_12 = $.sibling(node_11);
|
|
1809
|
+
unread(node_12);
|
|
1800
1810
|
$.reset(a);
|
|
1801
1811
|
$.append($$anchor, a);
|
|
1802
1812
|
};
|
|
1803
1813
|
var alternate_1 = ($$anchor) => {
|
|
1804
|
-
var button =
|
|
1814
|
+
var button = root_5$9();
|
|
1805
1815
|
$.attribute_effect(button, () => ({
|
|
1806
1816
|
class: `btn ${variant() ?? ""}`,
|
|
1807
1817
|
"data-tone": $$props.tone,
|
|
@@ -1817,56 +1827,63 @@ function Button($$anchor, $$props) {
|
|
|
1817
1827
|
block: block(),
|
|
1818
1828
|
spread: $.get(spread),
|
|
1819
1829
|
busy: busy(),
|
|
1820
|
-
on: on
|
|
1830
|
+
on: $$props.on,
|
|
1831
|
+
reach: $.get(reach),
|
|
1821
1832
|
badged: $.get(badged)
|
|
1822
1833
|
}
|
|
1823
1834
|
}), void 0, void 0, void 0, "svelte-5ccjdv");
|
|
1824
|
-
var
|
|
1825
|
-
inner(
|
|
1826
|
-
var
|
|
1827
|
-
unread(
|
|
1835
|
+
var node_13 = $.child(button);
|
|
1836
|
+
inner(node_13);
|
|
1837
|
+
var node_14 = $.sibling(node_13);
|
|
1838
|
+
unread(node_14);
|
|
1828
1839
|
$.reset(button);
|
|
1829
1840
|
$.append($$anchor, button);
|
|
1830
1841
|
};
|
|
1831
|
-
$.if(
|
|
1842
|
+
$.if(node_10, ($$render) => {
|
|
1832
1843
|
if ($$props.href) $$render(consequent_6);
|
|
1833
1844
|
else $$render(alternate_1, -1);
|
|
1834
1845
|
});
|
|
1835
|
-
$.append($$anchor,
|
|
1846
|
+
$.append($$anchor, fragment_6);
|
|
1836
1847
|
};
|
|
1837
|
-
let variant = $.prop($$props, "variant", 3, "outline"), icon = $.prop($$props, "icon", 3, false), block = $.prop($$props, "block", 3, false), busy = $.prop($$props, "busy", 3, false), disabled = $.prop($$props, "disabled", 3, false),
|
|
1848
|
+
let variant = $.prop($$props, "variant", 3, "outline"), icon = $.prop($$props, "icon", 3, false), block = $.prop($$props, "block", 3, false), busy = $.prop($$props, "busy", 3, false), disabled = $.prop($$props, "disabled", 3, false), clamp = $.prop($$props, "clamp", 3, false), mono = $.prop($$props, "mono", 3, false), type = $.prop($$props, "type", 3, "button"), rest = $.rest_props($$props, rest_excludes$10);
|
|
1838
1849
|
const badged = $.derived(() => $$props.badge !== void 0 && $$props.badge > 0);
|
|
1839
1850
|
const tipText = $.derived(() => $$props.tip === false ? void 0 : $$props.tip ?? (icon() ? $$props["aria-label"] : void 0));
|
|
1840
1851
|
const keep = $.derived(() => rest["data-keep"] !== void 0);
|
|
1841
1852
|
const spread = $.derived(() => block() && !!$$props.trailing);
|
|
1842
|
-
|
|
1843
|
-
var
|
|
1853
|
+
const reach = $.derived(() => variant() === "ghost" && $$props.on === void 0 && rest["aria-pressed"] === void 0 && rest["aria-current"] === void 0);
|
|
1854
|
+
var fragment_7 = $.comment();
|
|
1855
|
+
var node_15 = $.first_child(fragment_7);
|
|
1844
1856
|
var consequent_7 = ($$anchor) => {
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1857
|
+
{
|
|
1858
|
+
let $0 = $.derived(() => $.get(reach) ? "icon-button" : "box");
|
|
1859
|
+
Tooltip($$anchor, {
|
|
1860
|
+
get text() {
|
|
1861
|
+
return $.get(tipText);
|
|
1862
|
+
},
|
|
1863
|
+
get shortcut() {
|
|
1864
|
+
return $$props.shortcut;
|
|
1865
|
+
},
|
|
1866
|
+
get role() {
|
|
1867
|
+
return $.get($0);
|
|
1868
|
+
},
|
|
1869
|
+
get keep() {
|
|
1870
|
+
return $.get(keep);
|
|
1871
|
+
},
|
|
1872
|
+
children: ($$anchor, $$slotProps) => {
|
|
1873
|
+
control($$anchor);
|
|
1874
|
+
},
|
|
1875
|
+
$$slots: { default: true }
|
|
1876
|
+
});
|
|
1877
|
+
}
|
|
1861
1878
|
};
|
|
1862
1879
|
var alternate_2 = ($$anchor) => {
|
|
1863
1880
|
control($$anchor);
|
|
1864
1881
|
};
|
|
1865
|
-
$.if(
|
|
1882
|
+
$.if(node_15, ($$render) => {
|
|
1866
1883
|
if ($.get(tipText)) $$render(consequent_7);
|
|
1867
1884
|
else $$render(alternate_2, -1);
|
|
1868
1885
|
});
|
|
1869
|
-
$.append($$anchor,
|
|
1886
|
+
$.append($$anchor, fragment_7);
|
|
1870
1887
|
$.pop();
|
|
1871
1888
|
}
|
|
1872
1889
|
//#endregion
|
|
@@ -1981,8 +1998,8 @@ function follow(trigger, surface, place) {
|
|
|
1981
1998
|
}
|
|
1982
1999
|
//#endregion
|
|
1983
2000
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Dropdown.svelte
|
|
1984
|
-
var root$
|
|
1985
|
-
var root_1$
|
|
2001
|
+
var root$69 = $.from_html(`<div><!></div>`);
|
|
2002
|
+
var root_1$42 = $.from_html(`<span><!></span> <!>`, 1);
|
|
1986
2003
|
function Dropdown($$anchor, $$props) {
|
|
1987
2004
|
$.push($$props, true);
|
|
1988
2005
|
let align = $.prop($$props, "align", 3, "end"), preferUp = $.prop($$props, "up", 3, false), openInitially = $.prop($$props, "openInitially", 3, false), menu = $.prop($$props, "menu", 3, false), bare = $.prop($$props, "bare", 3, false), block = $.prop($$props, "block", 3, false), role = $.prop($$props, "role", 3, "anchor");
|
|
@@ -2024,7 +2041,7 @@ function Dropdown($$anchor, $$props) {
|
|
|
2024
2041
|
let returnFocusEl = null;
|
|
2025
2042
|
function place() {
|
|
2026
2043
|
if (!$.get(anchor) || !$.get(panelEl)) return;
|
|
2027
|
-
const r = $.get(anchor).getBoundingClientRect();
|
|
2044
|
+
const r = role() === "icon-button" ? hitRect($.get(anchor), role()) : $.get(anchor).getBoundingClientRect();
|
|
2028
2045
|
const bar = $.get(anchor).closest("[role=\"toolbar\"], [data-role=\"toolbar\"]");
|
|
2029
2046
|
const edge = bar ? bar.getBoundingClientRect() : r;
|
|
2030
2047
|
$.set(pos, bar?.getAttribute("aria-orientation") === "vertical" ? placeBeside($.get(panelEl), r, edge) : placeBelow($.get(panelEl), r, {
|
|
@@ -2113,7 +2130,7 @@ function Dropdown($$anchor, $$props) {
|
|
|
2113
2130
|
if (menu()) closeAndReturnFocus();
|
|
2114
2131
|
else $.set(open, false);
|
|
2115
2132
|
}
|
|
2116
|
-
var fragment = root_1$
|
|
2133
|
+
var fragment = root_1$42();
|
|
2117
2134
|
$.event("keydown", $.window, onKeyDown, true);
|
|
2118
2135
|
$.event("pointerdown", $.window, onPointerDown, true);
|
|
2119
2136
|
var span = $.first_child(fragment);
|
|
@@ -2124,7 +2141,7 @@ function Dropdown($$anchor, $$props) {
|
|
|
2124
2141
|
$.bind_this(span, ($$value) => $.set(anchor, $$value), () => $.get(anchor));
|
|
2125
2142
|
var node_1 = $.sibling(span, 2);
|
|
2126
2143
|
var consequent = ($$anchor) => {
|
|
2127
|
-
var div = root$
|
|
2144
|
+
var div = root$69();
|
|
2128
2145
|
let classes_1;
|
|
2129
2146
|
let styles;
|
|
2130
2147
|
var node_2 = $.child(div);
|
|
@@ -2136,6 +2153,7 @@ function Dropdown($$anchor, $$props) {
|
|
|
2136
2153
|
menu: !bare(),
|
|
2137
2154
|
placed: $.get(placed)
|
|
2138
2155
|
});
|
|
2156
|
+
$.set_attribute(div, "data-outline", bare() ? void 0 : "");
|
|
2139
2157
|
$.set_attribute(div, "popover", canPopover ? "manual" : void 0);
|
|
2140
2158
|
$.set_attribute(div, "role", menu() ? "menu" : void 0);
|
|
2141
2159
|
$.set_attribute(div, "aria-orientation", menu() ? "vertical" : void 0);
|
|
@@ -2277,9 +2295,9 @@ function createNarrow(remLimit) {
|
|
|
2277
2295
|
}
|
|
2278
2296
|
//#endregion
|
|
2279
2297
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Menu.svelte
|
|
2280
|
-
var root$
|
|
2298
|
+
var root$68 = $.from_html(`<div class="menu svelte-jzoay2" data-role="menu" data-outline=""><!></div>`);
|
|
2281
2299
|
function Menu($$anchor, $$props) {
|
|
2282
|
-
var div = root$
|
|
2300
|
+
var div = root$68();
|
|
2283
2301
|
var node = $.child(div);
|
|
2284
2302
|
$.snippet(node, () => $$props.children);
|
|
2285
2303
|
$.reset(div);
|
|
@@ -2288,16 +2306,16 @@ function Menu($$anchor, $$props) {
|
|
|
2288
2306
|
}
|
|
2289
2307
|
//#endregion
|
|
2290
2308
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/MenuDivider.svelte
|
|
2291
|
-
var root$
|
|
2309
|
+
var root$67 = $.from_html(`<div class="sep svelte-1s1g1mj" data-role="rule" role="separator"></div>`);
|
|
2292
2310
|
function MenuDivider($$anchor) {
|
|
2293
|
-
var div = root$
|
|
2311
|
+
var div = root$67();
|
|
2294
2312
|
$.append($$anchor, div);
|
|
2295
2313
|
}
|
|
2296
2314
|
//#endregion
|
|
2297
2315
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/MenuHead.svelte
|
|
2298
|
-
var root$
|
|
2316
|
+
var root$66 = $.from_html(`<div class="head svelte-1bganug" data-role="list-item" data-h="list-item"><span class="label svelte-1bganug"><!></span></div>`);
|
|
2299
2317
|
function MenuHead($$anchor, $$props) {
|
|
2300
|
-
var div = root$
|
|
2318
|
+
var div = root$66();
|
|
2301
2319
|
var span = $.child(div);
|
|
2302
2320
|
var node = $.child(span);
|
|
2303
2321
|
$.snippet(node, () => $$props.children);
|
|
@@ -2322,16 +2340,16 @@ var rest_excludes$9 = /* @__PURE__ */ new Set([
|
|
|
2322
2340
|
"onclick",
|
|
2323
2341
|
"children"
|
|
2324
2342
|
]);
|
|
2325
|
-
var root$
|
|
2326
|
-
var root_1$
|
|
2343
|
+
var root$65 = $.from_html(`<span class="chk svelte-ibgq9r"><!></span>`);
|
|
2344
|
+
var root_1$41 = $.from_html(`<span class="kbd t svelte-ibgq9r"> </span>`);
|
|
2327
2345
|
var root_2$27 = $.from_html(`<span class="sub svelte-ibgq9r"><!></span>`);
|
|
2328
|
-
var root_3$
|
|
2329
|
-
var root_4$
|
|
2346
|
+
var root_3$18 = $.from_html(`<!> <span class="grow t svelte-ibgq9r"><!></span> <!> <!>`, 1);
|
|
2347
|
+
var root_4$11 = $.from_html(`<a><!></a>`);
|
|
2330
2348
|
var root_5$8 = $.from_html(`<button><!></button>`);
|
|
2331
2349
|
function MenuItem($$anchor, $$props) {
|
|
2332
2350
|
$.push($$props, true);
|
|
2333
2351
|
const inner = ($$anchor) => {
|
|
2334
|
-
var fragment = root_3$
|
|
2352
|
+
var fragment = root_3$18();
|
|
2335
2353
|
var node = $.first_child(fragment);
|
|
2336
2354
|
var consequent = ($$anchor) => {
|
|
2337
2355
|
Icon($$anchor, { get name() {
|
|
@@ -2339,7 +2357,7 @@ function MenuItem($$anchor, $$props) {
|
|
|
2339
2357
|
} });
|
|
2340
2358
|
};
|
|
2341
2359
|
var consequent_2 = ($$anchor) => {
|
|
2342
|
-
var span = root$
|
|
2360
|
+
var span = root$65();
|
|
2343
2361
|
var node_1 = $.child(span);
|
|
2344
2362
|
var consequent_1 = ($$anchor) => {
|
|
2345
2363
|
Icon($$anchor, { name: "check" });
|
|
@@ -2360,7 +2378,7 @@ function MenuItem($$anchor, $$props) {
|
|
|
2360
2378
|
$.reset(span_1);
|
|
2361
2379
|
var node_3 = $.sibling(span_1, 2);
|
|
2362
2380
|
var consequent_3 = ($$anchor) => {
|
|
2363
|
-
var span_2 = root_1$
|
|
2381
|
+
var span_2 = root_1$41();
|
|
2364
2382
|
var text = $.only_child(span_2, true);
|
|
2365
2383
|
$.template_effect(() => $.set_text(text, $$props.kbd));
|
|
2366
2384
|
$.append($$anchor, span_2);
|
|
@@ -2389,7 +2407,7 @@ function MenuItem($$anchor, $$props) {
|
|
|
2389
2407
|
var fragment_3 = $.comment();
|
|
2390
2408
|
var node_6 = $.first_child(fragment_3);
|
|
2391
2409
|
var consequent_5 = ($$anchor) => {
|
|
2392
|
-
var a = root_4$
|
|
2410
|
+
var a = root_4$11();
|
|
2393
2411
|
$.attribute_effect(a, () => ({
|
|
2394
2412
|
class: "item",
|
|
2395
2413
|
"data-role": "list-item",
|
|
@@ -2441,16 +2459,16 @@ function MenuItem($$anchor, $$props) {
|
|
|
2441
2459
|
}
|
|
2442
2460
|
//#endregion
|
|
2443
2461
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/MenuList.svelte
|
|
2444
|
-
var root$
|
|
2445
|
-
var root_1$
|
|
2462
|
+
var root$64 = $.from_html(`<!> <!>`, 1);
|
|
2463
|
+
var root_1$40 = $.from_html(`<div class="sub svelte-1taxidq"><!></div>`);
|
|
2446
2464
|
var root_2$26 = $.from_html(`<div class="level svelte-1taxidq"><!></div> <!>`, 1);
|
|
2447
2465
|
function MenuList_1($$anchor, $$props) {
|
|
2448
2466
|
$.push($$props, true);
|
|
2449
2467
|
const entries = ($$anchor) => {
|
|
2450
|
-
var fragment = root$
|
|
2468
|
+
var fragment = root$64();
|
|
2451
2469
|
var node = $.first_child(fragment);
|
|
2452
2470
|
var consequent = ($$anchor) => {
|
|
2453
|
-
var fragment_1 = root$
|
|
2471
|
+
var fragment_1 = root$64();
|
|
2454
2472
|
var node_1 = $.first_child(fragment_1);
|
|
2455
2473
|
MenuItem(node_1, {
|
|
2456
2474
|
icon: "arrow-left",
|
|
@@ -2708,7 +2726,7 @@ function MenuList_1($$anchor, $$props) {
|
|
|
2708
2726
|
$.bind_this(div, ($$value) => $.set(listEl, $$value), () => $.get(listEl));
|
|
2709
2727
|
var node_6 = $.sibling(div, 2);
|
|
2710
2728
|
var consequent_5 = ($$anchor) => {
|
|
2711
|
-
var div_1 = root_1$
|
|
2729
|
+
var div_1 = root_1$40();
|
|
2712
2730
|
let styles;
|
|
2713
2731
|
Menu($.child(div_1), {
|
|
2714
2732
|
children: ($$anchor, $$slotProps) => {
|
|
@@ -2753,9 +2771,9 @@ function MenuList_1($$anchor, $$props) {
|
|
|
2753
2771
|
$.delegate(["keydown"]);
|
|
2754
2772
|
//#endregion
|
|
2755
2773
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Block.svelte
|
|
2756
|
-
var root$
|
|
2774
|
+
var root$63 = $.from_html(`<div class="block svelte-dha4uu" data-inset="" data-role="block"><!></div>`);
|
|
2757
2775
|
function Block($$anchor, $$props) {
|
|
2758
|
-
var div = root$
|
|
2776
|
+
var div = root$63();
|
|
2759
2777
|
var node = $.child(div);
|
|
2760
2778
|
$.snippet(node, () => $$props.children);
|
|
2761
2779
|
$.reset(div);
|
|
@@ -2763,12 +2781,12 @@ function Block($$anchor, $$props) {
|
|
|
2763
2781
|
}
|
|
2764
2782
|
//#endregion
|
|
2765
2783
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/InlineEdit.svelte
|
|
2766
|
-
var root$
|
|
2767
|
-
var root_1$
|
|
2784
|
+
var root$62 = $.from_html(`<textarea class="svelte-w5dys8"></textarea>`);
|
|
2785
|
+
var root_1$39 = $.from_html(`<input type="text" class="svelte-w5dys8"/>`);
|
|
2768
2786
|
var root_2$25 = $.from_html(`<span data-role="box"><!></span>`);
|
|
2769
|
-
var root_3$
|
|
2770
|
-
var root_4$
|
|
2771
|
-
var root_5$7 = $.from_html(`<button class="add svelte-w5dys8" type="button" data-role="box" data-
|
|
2787
|
+
var root_3$17 = $.from_html(`<span data-role="box" data-edge-pass=""><span class="t clamp svelte-w5dys8" data-ink=""> </span></span>`);
|
|
2788
|
+
var root_4$10 = $.from_html(`<button type="button" data-role="box" data-edge-pass=""><span class="t clamp svelte-w5dys8" data-ink=""> </span> <span class="pen svelte-w5dys8"><!></span></button>`);
|
|
2789
|
+
var root_5$7 = $.from_html(`<button class="add svelte-w5dys8" type="button" data-role="box" data-edge-pass=""><span class="line svelte-w5dys8" data-edge-pass=""><span class="mark svelte-w5dys8"><!></span><span class="t svelte-w5dys8" data-ink=""> </span></span></button>`);
|
|
2772
2790
|
function InlineEdit($$anchor, $$props) {
|
|
2773
2791
|
$.push($$props, true);
|
|
2774
2792
|
let value = $.prop($$props, "value", 15, ""), editable = $.prop($$props, "editable", 3, true), title = $.prop($$props, "title", 3, false), multiline = $.prop($$props, "multiline", 3, false), editing = $.prop($$props, "editing", 15, false);
|
|
@@ -2832,7 +2850,7 @@ function InlineEdit($$anchor, $$props) {
|
|
|
2832
2850
|
let classes;
|
|
2833
2851
|
var node_1 = $.child(span);
|
|
2834
2852
|
var consequent = ($$anchor) => {
|
|
2835
|
-
var textarea = root$
|
|
2853
|
+
var textarea = root$62();
|
|
2836
2854
|
$.remove_textarea_child(textarea);
|
|
2837
2855
|
$.set_attribute(textarea, "rows", 1);
|
|
2838
2856
|
$.bind_this(textarea, ($$value) => $.set(inputEl, $$value), () => $.get(inputEl));
|
|
@@ -2843,7 +2861,7 @@ function InlineEdit($$anchor, $$props) {
|
|
|
2843
2861
|
$.append($$anchor, textarea);
|
|
2844
2862
|
};
|
|
2845
2863
|
var alternate = ($$anchor) => {
|
|
2846
|
-
var input = root_1$
|
|
2864
|
+
var input = root_1$39();
|
|
2847
2865
|
$.remove_input_defaults(input);
|
|
2848
2866
|
$.bind_this(input, ($$value) => $.set(inputEl, $$value), () => $.get(inputEl));
|
|
2849
2867
|
$.template_effect(() => $.set_attribute(input, "aria-label", $.get(a11yLabel)));
|
|
@@ -2870,7 +2888,7 @@ function InlineEdit($$anchor, $$props) {
|
|
|
2870
2888
|
var fragment_1 = $.comment();
|
|
2871
2889
|
var node_2 = $.first_child(fragment_1);
|
|
2872
2890
|
var consequent_2 = ($$anchor) => {
|
|
2873
|
-
var span_1 = root_3$
|
|
2891
|
+
var span_1 = root_3$17();
|
|
2874
2892
|
let classes_1;
|
|
2875
2893
|
var span_2 = $.child(span_1);
|
|
2876
2894
|
var text = $.only_child(span_2, true);
|
|
@@ -2880,7 +2898,6 @@ function InlineEdit($$anchor, $$props) {
|
|
|
2880
2898
|
title: title(),
|
|
2881
2899
|
multi: multiline()
|
|
2882
2900
|
});
|
|
2883
|
-
$.set_attribute(span_1, "data-h", multiline() ? void 0 : "button");
|
|
2884
2901
|
$.set_text(text, value());
|
|
2885
2902
|
});
|
|
2886
2903
|
$.append($$anchor, span_1);
|
|
@@ -2891,7 +2908,7 @@ function InlineEdit($$anchor, $$props) {
|
|
|
2891
2908
|
$.append($$anchor, fragment_1);
|
|
2892
2909
|
};
|
|
2893
2910
|
var consequent_4 = ($$anchor) => {
|
|
2894
|
-
var button = root_4$
|
|
2911
|
+
var button = root_4$10();
|
|
2895
2912
|
let classes_2;
|
|
2896
2913
|
var span_3 = $.child(button);
|
|
2897
2914
|
var text_1 = $.only_child(span_3, true);
|
|
@@ -2905,7 +2922,6 @@ function InlineEdit($$anchor, $$props) {
|
|
|
2905
2922
|
multi: multiline()
|
|
2906
2923
|
});
|
|
2907
2924
|
$.set_attribute(button, "aria-label", $.get(a11yLabel));
|
|
2908
|
-
$.set_attribute(button, "data-h", multiline() ? void 0 : "button");
|
|
2909
2925
|
$.set_text(text_1, value());
|
|
2910
2926
|
});
|
|
2911
2927
|
$.delegated("click", button, start);
|
|
@@ -2913,10 +2929,13 @@ function InlineEdit($$anchor, $$props) {
|
|
|
2913
2929
|
};
|
|
2914
2930
|
var alternate_1 = ($$anchor) => {
|
|
2915
2931
|
var button_1 = root_5$7();
|
|
2916
|
-
var
|
|
2917
|
-
|
|
2918
|
-
|
|
2919
|
-
|
|
2932
|
+
var span_5 = $.child(button_1);
|
|
2933
|
+
var span_6 = $.child(span_5);
|
|
2934
|
+
Icon($.child(span_6), { name: "plus" });
|
|
2935
|
+
$.reset(span_6);
|
|
2936
|
+
var span_7 = $.sibling(span_6);
|
|
2937
|
+
var text_2 = $.only_child(span_7, true);
|
|
2938
|
+
$.reset(span_5);
|
|
2920
2939
|
$.reset(button_1);
|
|
2921
2940
|
$.template_effect(() => {
|
|
2922
2941
|
$.set_attribute(button_1, "aria-label", $.get(a11yLabel));
|
|
@@ -2937,12 +2956,12 @@ function InlineEdit($$anchor, $$props) {
|
|
|
2937
2956
|
$.delegate(["keydown", "click"]);
|
|
2938
2957
|
//#endregion
|
|
2939
2958
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Pair.svelte
|
|
2940
|
-
var root$
|
|
2941
|
-
var root_1$
|
|
2959
|
+
var root$61 = $.from_html(`<label class="k svelte-kxn48z"> </label>`);
|
|
2960
|
+
var root_1$38 = $.from_html(`<a class="k link svelte-kxn48z"> </a>`);
|
|
2942
2961
|
var root_2$24 = $.from_html(`<span class="k svelte-kxn48z"> </span>`);
|
|
2943
|
-
var root_3$
|
|
2944
|
-
var root_4$
|
|
2945
|
-
var root_5$6 = $.from_html(`<span class="note svelte-kxn48z"> </span>`);
|
|
2962
|
+
var root_3$16 = $.from_html(`<span><!></span>`);
|
|
2963
|
+
var root_4$9 = $.from_html(`<div class="row svelte-kxn48z"><!></div>`);
|
|
2964
|
+
var root_5$6 = $.from_html(`<span class="note svelte-kxn48z" data-ink=""> </span>`);
|
|
2946
2965
|
var root_6$5 = $.from_html(`<div data-role="pair"><!> <!> <!></div>`);
|
|
2947
2966
|
function Pair($$anchor, $$props) {
|
|
2948
2967
|
$.push($$props, true);
|
|
@@ -2960,11 +2979,12 @@ function Pair($$anchor, $$props) {
|
|
|
2960
2979
|
const tiny = createNarrow(24);
|
|
2961
2980
|
$.user_effect(tiny.start);
|
|
2962
2981
|
const h = $.derived(() => top() || tiny.current || read() ? void 0 : "button");
|
|
2982
|
+
const side = $.derived(() => !$$props.note && !tiny.current);
|
|
2963
2983
|
var div = root_6$5();
|
|
2964
2984
|
let classes;
|
|
2965
2985
|
var node = $.child(div);
|
|
2966
2986
|
var consequent = ($$anchor) => {
|
|
2967
|
-
var label_1 = root$
|
|
2987
|
+
var label_1 = root$61();
|
|
2968
2988
|
let styles;
|
|
2969
2989
|
var text = $.only_child(label_1, true);
|
|
2970
2990
|
$.template_effect(() => {
|
|
@@ -2975,7 +2995,7 @@ function Pair($$anchor, $$props) {
|
|
|
2975
2995
|
$.append($$anchor, label_1);
|
|
2976
2996
|
};
|
|
2977
2997
|
var consequent_1 = ($$anchor) => {
|
|
2978
|
-
var a = root_1$
|
|
2998
|
+
var a = root_1$38();
|
|
2979
2999
|
let styles_1;
|
|
2980
3000
|
var text_1 = $.only_child(a, true);
|
|
2981
3001
|
$.template_effect(() => {
|
|
@@ -3002,7 +3022,7 @@ function Pair($$anchor, $$props) {
|
|
|
3002
3022
|
});
|
|
3003
3023
|
var node_1 = $.sibling(node, 2);
|
|
3004
3024
|
var consequent_2 = ($$anchor) => {
|
|
3005
|
-
var span_1 = root_3$
|
|
3025
|
+
var span_1 = root_3$16();
|
|
3006
3026
|
let classes_1;
|
|
3007
3027
|
var node_2 = $.child(span_1);
|
|
3008
3028
|
$.snippet(node_2, () => $$props.children);
|
|
@@ -3015,7 +3035,7 @@ function Pair($$anchor, $$props) {
|
|
|
3015
3035
|
$.append($$anchor, span_1);
|
|
3016
3036
|
};
|
|
3017
3037
|
var alternate_1 = ($$anchor) => {
|
|
3018
|
-
var div_1 = root_4$
|
|
3038
|
+
var div_1 = root_4$9();
|
|
3019
3039
|
var node_3 = $.child(div_1);
|
|
3020
3040
|
$.snippet(node_3, () => $$props.children);
|
|
3021
3041
|
$.reset(div_1);
|
|
@@ -3044,16 +3064,17 @@ function Pair($$anchor, $$props) {
|
|
|
3044
3064
|
noted: !!$$props.note
|
|
3045
3065
|
});
|
|
3046
3066
|
$.set_attribute(div, "data-h", $$props.note ? void 0 : $.get(h));
|
|
3067
|
+
$.set_attribute(div, "data-edge-pass", $.get(side) ? "" : void 0);
|
|
3047
3068
|
});
|
|
3048
3069
|
$.append($$anchor, div);
|
|
3049
3070
|
$.pop();
|
|
3050
3071
|
}
|
|
3051
3072
|
//#endregion
|
|
3052
3073
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Kv.svelte
|
|
3053
|
-
var root$
|
|
3074
|
+
var root$60 = $.from_html(`<div data-role="list"></div>`);
|
|
3054
3075
|
function Kv($$anchor, $$props) {
|
|
3055
3076
|
let tight = $.prop($$props, "tight", 3, false);
|
|
3056
|
-
var div = root$
|
|
3077
|
+
var div = root$60();
|
|
3057
3078
|
let classes;
|
|
3058
3079
|
$.each(div, 21, () => $$props.items, $.index, ($$anchor, item) => {
|
|
3059
3080
|
{
|
|
@@ -3100,41 +3121,49 @@ function Kv($$anchor, $$props) {
|
|
|
3100
3121
|
}
|
|
3101
3122
|
//#endregion
|
|
3102
3123
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/LinkAction.svelte
|
|
3103
|
-
var root$
|
|
3104
|
-
var root_1$
|
|
3105
|
-
var root_2$23 = $.from_html(`<
|
|
3124
|
+
var root$59 = $.from_html(`<span class="mark svelte-3d5dxp"><!></span>`);
|
|
3125
|
+
var root_1$37 = $.from_html(`<span class="line svelte-3d5dxp" data-edge-pass=""><!><span class="t svelte-3d5dxp" data-ink=""><!></span><!></span>`);
|
|
3126
|
+
var root_2$23 = $.from_html(`<a class="link svelte-3d5dxp" data-role="box" data-edge-pass=""><!></a>`);
|
|
3127
|
+
var root_3$15 = $.from_html(`<button type="button" class="link svelte-3d5dxp" data-role="box" data-edge-pass=""><!></button>`);
|
|
3106
3128
|
function LinkAction($$anchor, $$props) {
|
|
3107
3129
|
const inner = ($$anchor) => {
|
|
3108
|
-
var
|
|
3109
|
-
var node = $.
|
|
3130
|
+
var span = root_1$37();
|
|
3131
|
+
var node = $.child(span);
|
|
3110
3132
|
var consequent = ($$anchor) => {
|
|
3111
|
-
|
|
3133
|
+
var span_1 = root$59();
|
|
3134
|
+
Icon($.child(span_1), { get name() {
|
|
3112
3135
|
return $$props.icon;
|
|
3113
3136
|
} });
|
|
3137
|
+
$.reset(span_1);
|
|
3138
|
+
$.append($$anchor, span_1);
|
|
3114
3139
|
};
|
|
3115
3140
|
$.if(node, ($$render) => {
|
|
3116
3141
|
if ($$props.icon) $$render(consequent);
|
|
3117
3142
|
});
|
|
3118
|
-
var
|
|
3119
|
-
var
|
|
3120
|
-
$.snippet(
|
|
3121
|
-
$.reset(
|
|
3122
|
-
var
|
|
3143
|
+
var span_2 = $.sibling(node);
|
|
3144
|
+
var node_2 = $.child(span_2);
|
|
3145
|
+
$.snippet(node_2, () => $$props.children);
|
|
3146
|
+
$.reset(span_2);
|
|
3147
|
+
var node_3 = $.sibling(span_2);
|
|
3123
3148
|
var consequent_1 = ($$anchor) => {
|
|
3124
|
-
|
|
3149
|
+
var span_3 = root$59();
|
|
3150
|
+
Icon($.child(span_3), { name: "arrow-up-right" });
|
|
3151
|
+
$.reset(span_3);
|
|
3152
|
+
$.append($$anchor, span_3);
|
|
3125
3153
|
};
|
|
3126
|
-
$.if(
|
|
3154
|
+
$.if(node_3, ($$render) => {
|
|
3127
3155
|
if (external()) $$render(consequent_1);
|
|
3128
3156
|
});
|
|
3129
|
-
$.
|
|
3157
|
+
$.reset(span);
|
|
3158
|
+
$.append($$anchor, span);
|
|
3130
3159
|
};
|
|
3131
3160
|
let disabled = $.prop($$props, "disabled", 3, false), external = $.prop($$props, "external", 3, false);
|
|
3132
|
-
var
|
|
3133
|
-
var
|
|
3161
|
+
var fragment = $.comment();
|
|
3162
|
+
var node_5 = $.first_child(fragment);
|
|
3134
3163
|
var consequent_2 = ($$anchor) => {
|
|
3135
|
-
var a =
|
|
3136
|
-
var
|
|
3137
|
-
inner(
|
|
3164
|
+
var a = root_2$23();
|
|
3165
|
+
var node_6 = $.child(a);
|
|
3166
|
+
inner(node_6);
|
|
3138
3167
|
$.reset(a);
|
|
3139
3168
|
$.template_effect(() => {
|
|
3140
3169
|
$.set_attribute(a, "href", $$props.href);
|
|
@@ -3147,9 +3176,9 @@ function LinkAction($$anchor, $$props) {
|
|
|
3147
3176
|
$.append($$anchor, a);
|
|
3148
3177
|
};
|
|
3149
3178
|
var alternate = ($$anchor) => {
|
|
3150
|
-
var button =
|
|
3151
|
-
var
|
|
3152
|
-
inner(
|
|
3179
|
+
var button = root_3$15();
|
|
3180
|
+
var node_7 = $.child(button);
|
|
3181
|
+
inner(node_7);
|
|
3153
3182
|
$.reset(button);
|
|
3154
3183
|
$.template_effect(() => button.disabled = disabled());
|
|
3155
3184
|
$.delegated("click", button, function(...$$args) {
|
|
@@ -3157,11 +3186,11 @@ function LinkAction($$anchor, $$props) {
|
|
|
3157
3186
|
});
|
|
3158
3187
|
$.append($$anchor, button);
|
|
3159
3188
|
};
|
|
3160
|
-
$.if(
|
|
3189
|
+
$.if(node_5, ($$render) => {
|
|
3161
3190
|
if ($$props.href) $$render(consequent_2);
|
|
3162
3191
|
else $$render(alternate, -1);
|
|
3163
3192
|
});
|
|
3164
|
-
$.append($$anchor,
|
|
3193
|
+
$.append($$anchor, fragment);
|
|
3165
3194
|
}
|
|
3166
3195
|
$.delegate(["click"]);
|
|
3167
3196
|
//#endregion
|
|
@@ -3231,7 +3260,7 @@ var clampTip = (node) => {
|
|
|
3231
3260
|
};
|
|
3232
3261
|
//#endregion
|
|
3233
3262
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Text.svelte
|
|
3234
|
-
var root$
|
|
3263
|
+
var root$58 = $.from_html(`<div data-edge-pass=""><!> <span><!></span></div>`);
|
|
3235
3264
|
function Text($$anchor, $$props) {
|
|
3236
3265
|
$.push($$props, true);
|
|
3237
3266
|
const text = ($$anchor) => {
|
|
@@ -3242,6 +3271,7 @@ function Text($$anchor, $$props) {
|
|
|
3242
3271
|
$.attribute_effect($$element, () => ({
|
|
3243
3272
|
class: `kata-text ${role() ?? ""}`,
|
|
3244
3273
|
"data-role": $.get(dataRole),
|
|
3274
|
+
"data-ink": true,
|
|
3245
3275
|
id: $$props.id,
|
|
3246
3276
|
for: $.get(tag) === "label" ? $$props.for : void 0,
|
|
3247
3277
|
href: $.get(tag) === "a" ? $$props.href : void 0,
|
|
@@ -3308,7 +3338,7 @@ function Text($$anchor, $$props) {
|
|
|
3308
3338
|
var fragment_2 = $.comment();
|
|
3309
3339
|
var node_3 = $.first_child(fragment_2);
|
|
3310
3340
|
var consequent = ($$anchor) => {
|
|
3311
|
-
var div = root$
|
|
3341
|
+
var div = root$58();
|
|
3312
3342
|
let classes;
|
|
3313
3343
|
var node_4 = $.child(div);
|
|
3314
3344
|
text(node_4);
|
|
@@ -3360,8 +3390,8 @@ var rest_excludes$8 = /* @__PURE__ */ new Set([
|
|
|
3360
3390
|
"onkeydown",
|
|
3361
3391
|
"onblur"
|
|
3362
3392
|
]);
|
|
3363
|
-
var root$
|
|
3364
|
-
var root_1$
|
|
3393
|
+
var root$57 = $.from_html(`<option></option>`);
|
|
3394
|
+
var root_1$36 = $.from_html(`<datalist></datalist>`);
|
|
3365
3395
|
var root_2$22 = $.from_html(`<span class="unit svelte-1y5ju7y"> </span>`);
|
|
3366
3396
|
var root_3$14 = $.from_html(`<label data-role="box" data-h="button"><input/> <!> <!></label>`);
|
|
3367
3397
|
function TextInput($$anchor, $$props) {
|
|
@@ -3396,9 +3426,9 @@ function TextInput($$anchor, $$props) {
|
|
|
3396
3426
|
}), void 0, void 0, void 0, "svelte-1y5ju7y", true);
|
|
3397
3427
|
var node = $.sibling(input, 2);
|
|
3398
3428
|
var consequent = ($$anchor) => {
|
|
3399
|
-
var datalist = root_1$
|
|
3429
|
+
var datalist = root_1$36();
|
|
3400
3430
|
$.each(datalist, 20, () => $$props.suggestions ?? [], (s) => s, ($$anchor, s) => {
|
|
3401
|
-
var option = root$
|
|
3431
|
+
var option = root$57();
|
|
3402
3432
|
var option_value = {};
|
|
3403
3433
|
$.template_effect(() => {
|
|
3404
3434
|
if (option_value !== (option_value = s)) option.value = (option.__value = option_value) ?? "";
|
|
@@ -3433,11 +3463,11 @@ function TextInput($$anchor, $$props) {
|
|
|
3433
3463
|
}
|
|
3434
3464
|
//#endregion
|
|
3435
3465
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/AttributeList.svelte
|
|
3436
|
-
var root$
|
|
3437
|
-
var root_1$
|
|
3466
|
+
var root$56 = $.from_html(`<span class="lock svelte-167hfxz" role="img"><!></span>`);
|
|
3467
|
+
var root_1$35 = $.from_html(`<div class="row svelte-167hfxz"><span class="k svelte-167hfxz"><!></span> <span class="v svelte-167hfxz"><!></span> <span class="end svelte-167hfxz"><!></span></div>`);
|
|
3438
3468
|
var root_2$21 = $.from_html(`<div class="row draft svelte-167hfxz"><span class="k svelte-167hfxz"><!></span> <span class="v svelte-167hfxz"><!></span> <span class="end svelte-167hfxz"><!></span></div>`);
|
|
3439
3469
|
var root_3$13 = $.from_html(`<!> <!>`, 1);
|
|
3440
|
-
var root_4$
|
|
3470
|
+
var root_4$8 = $.from_html(`<div class="attributes svelte-167hfxz"><!> <!></div>`);
|
|
3441
3471
|
function AttributeList($$anchor, $$props) {
|
|
3442
3472
|
$.push($$props, true);
|
|
3443
3473
|
let readonly = $.prop($$props, "readonly", 3, false), locked = $.prop($$props, "locked", 19, () => []);
|
|
@@ -3494,7 +3524,7 @@ function AttributeList($$anchor, $$props) {
|
|
|
3494
3524
|
if (next && $.get(draftRow)?.contains(next)) return;
|
|
3495
3525
|
add();
|
|
3496
3526
|
}
|
|
3497
|
-
var div = root_4$
|
|
3527
|
+
var div = root_4$8();
|
|
3498
3528
|
var node = $.child(div);
|
|
3499
3529
|
var consequent_2 = ($$anchor) => {
|
|
3500
3530
|
var fragment = $.comment();
|
|
@@ -3548,7 +3578,7 @@ function AttributeList($$anchor, $$props) {
|
|
|
3548
3578
|
$.each(node_3, 17, () => $.get(shown), (a) => `${a.index}:${$.get(rev)}`, ($$anchor, a) => {
|
|
3549
3579
|
const fixed = $.derived(() => locked().includes($.get(a).key));
|
|
3550
3580
|
const editable = $.derived(() => !$.get(fixed) && !!$$props.onchange);
|
|
3551
|
-
var div_1 = root_1$
|
|
3581
|
+
var div_1 = root_1$35();
|
|
3552
3582
|
var span = $.child(div_1);
|
|
3553
3583
|
var node_4 = $.child(span);
|
|
3554
3584
|
{
|
|
@@ -3601,7 +3631,7 @@ function AttributeList($$anchor, $$props) {
|
|
|
3601
3631
|
var span_2 = $.sibling(span_1, 2);
|
|
3602
3632
|
var node_6 = $.child(span_2);
|
|
3603
3633
|
var consequent_3 = ($$anchor) => {
|
|
3604
|
-
var span_3 = root$
|
|
3634
|
+
var span_3 = root$56();
|
|
3605
3635
|
Icon($.child(span_3), {
|
|
3606
3636
|
name: "lock",
|
|
3607
3637
|
tone: "muted"
|
|
@@ -3740,12 +3770,16 @@ function AttributeList($$anchor, $$props) {
|
|
|
3740
3770
|
$.delegate(["focusout"]);
|
|
3741
3771
|
//#endregion
|
|
3742
3772
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Banner.svelte
|
|
3743
|
-
var root$
|
|
3744
|
-
var root_1$
|
|
3773
|
+
var root$55 = $.from_html(`<div class="text svelte-1m4ykuh"><!></div>`);
|
|
3774
|
+
var root_1$34 = $.from_html(`<div class="text svelte-1m4ykuh" data-ink=""><!></div>`);
|
|
3775
|
+
var root_2$20 = $.from_html(`<div class="act svelte-1m4ykuh"><!></div>`);
|
|
3776
|
+
var root_3$12 = $.from_html(`<div data-inset="" data-edge-pass="" data-role="banner"><div class="line svelte-1m4ykuh" data-edge-pass=""><span class="mark svelte-1m4ykuh"><!></span> <!></div> <!></div>`);
|
|
3745
3777
|
function Banner($$anchor, $$props) {
|
|
3746
3778
|
let floating = $.prop($$props, "floating", 3, false);
|
|
3747
3779
|
/** The panel surface, for a notice over the stage */
|
|
3748
3780
|
/** The accessible name of the notice, when it is referred to by name */
|
|
3781
|
+
/** The text, one line that may wrap */
|
|
3782
|
+
/** Several lines instead of the text (a Stack of Texts) */
|
|
3749
3783
|
/** An action at the right end */
|
|
3750
3784
|
const MARK = {
|
|
3751
3785
|
info: "info",
|
|
@@ -3753,7 +3787,7 @@ function Banner($$anchor, $$props) {
|
|
|
3753
3787
|
error: "circle-alert",
|
|
3754
3788
|
ok: "circle-check"
|
|
3755
3789
|
};
|
|
3756
|
-
var div =
|
|
3790
|
+
var div = root_3$12();
|
|
3757
3791
|
let classes;
|
|
3758
3792
|
var div_1 = $.child(div);
|
|
3759
3793
|
var span = $.child(div_1);
|
|
@@ -3761,21 +3795,36 @@ function Banner($$anchor, $$props) {
|
|
|
3761
3795
|
return MARK[$$props.tone];
|
|
3762
3796
|
} });
|
|
3763
3797
|
$.reset(span);
|
|
3764
|
-
var
|
|
3765
|
-
var node_1 = $.child(div_2);
|
|
3766
|
-
$.snippet(node_1, () => $$props.children);
|
|
3767
|
-
$.reset(div_2);
|
|
3768
|
-
$.reset(div_1);
|
|
3769
|
-
var node_2 = $.sibling(div_1, 2);
|
|
3798
|
+
var node_1 = $.sibling(span, 2);
|
|
3770
3799
|
var consequent = ($$anchor) => {
|
|
3771
|
-
var
|
|
3800
|
+
var div_2 = root$55();
|
|
3801
|
+
var node_2 = $.child(div_2);
|
|
3802
|
+
$.snippet(node_2, () => $$props.body);
|
|
3803
|
+
$.reset(div_2);
|
|
3804
|
+
$.append($$anchor, div_2);
|
|
3805
|
+
};
|
|
3806
|
+
var alternate = ($$anchor) => {
|
|
3807
|
+
var div_3 = root_1$34();
|
|
3772
3808
|
var node_3 = $.child(div_3);
|
|
3773
|
-
$.snippet(node_3, () => $$props.
|
|
3809
|
+
$.snippet(node_3, () => $$props.children ?? $.noop);
|
|
3774
3810
|
$.reset(div_3);
|
|
3775
3811
|
$.append($$anchor, div_3);
|
|
3776
3812
|
};
|
|
3777
|
-
$.if(
|
|
3778
|
-
if ($$props.
|
|
3813
|
+
$.if(node_1, ($$render) => {
|
|
3814
|
+
if ($$props.body) $$render(consequent);
|
|
3815
|
+
else $$render(alternate, -1);
|
|
3816
|
+
});
|
|
3817
|
+
$.reset(div_1);
|
|
3818
|
+
var node_4 = $.sibling(div_1, 2);
|
|
3819
|
+
var consequent_1 = ($$anchor) => {
|
|
3820
|
+
var div_4 = root_2$20();
|
|
3821
|
+
var node_5 = $.child(div_4);
|
|
3822
|
+
$.snippet(node_5, () => $$props.act);
|
|
3823
|
+
$.reset(div_4);
|
|
3824
|
+
$.append($$anchor, div_4);
|
|
3825
|
+
};
|
|
3826
|
+
$.if(node_4, ($$render) => {
|
|
3827
|
+
if ($$props.act) $$render(consequent_1);
|
|
3779
3828
|
});
|
|
3780
3829
|
$.reset(div);
|
|
3781
3830
|
$.template_effect(() => {
|
|
@@ -3787,10 +3836,10 @@ function Banner($$anchor, $$props) {
|
|
|
3787
3836
|
}
|
|
3788
3837
|
//#endregion
|
|
3789
3838
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Stack.svelte
|
|
3790
|
-
var root$
|
|
3839
|
+
var root$54 = $.from_html(`<div class="stack svelte-11uhtvr" data-role="stack"><!></div>`);
|
|
3791
3840
|
function Stack($$anchor, $$props) {
|
|
3792
3841
|
let align = $.prop($$props, "align", 3, "stretch");
|
|
3793
|
-
var div = root$
|
|
3842
|
+
var div = root$54();
|
|
3794
3843
|
var node = $.child(div);
|
|
3795
3844
|
$.snippet(node, () => $$props.children);
|
|
3796
3845
|
$.reset(div);
|
|
@@ -3802,11 +3851,11 @@ function Stack($$anchor, $$props) {
|
|
|
3802
3851
|
}
|
|
3803
3852
|
//#endregion
|
|
3804
3853
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Bubble.svelte
|
|
3805
|
-
var root$
|
|
3806
|
-
var root_1$
|
|
3854
|
+
var root$53 = $.from_html(`<div class="foot svelte-woe9qp" data-inset=""><!></div>`);
|
|
3855
|
+
var root_1$33 = $.from_html(`<div data-role="popover" data-outline=""><div><!></div> <!></div>`);
|
|
3807
3856
|
function Bubble($$anchor, $$props) {
|
|
3808
3857
|
let gap = $.prop($$props, "gap", 3, "sm"), flush = $.prop($$props, "flush", 3, false);
|
|
3809
|
-
var div = root_1$
|
|
3858
|
+
var div = root_1$33();
|
|
3810
3859
|
let classes;
|
|
3811
3860
|
var div_1 = $.child(div);
|
|
3812
3861
|
let classes_1;
|
|
@@ -3829,7 +3878,7 @@ function Bubble($$anchor, $$props) {
|
|
|
3829
3878
|
$.reset(div_1);
|
|
3830
3879
|
var node_2 = $.sibling(div_1, 2);
|
|
3831
3880
|
var consequent = ($$anchor) => {
|
|
3832
|
-
var div_2 = root$
|
|
3881
|
+
var div_2 = root$53();
|
|
3833
3882
|
var node_3 = $.child(div_2);
|
|
3834
3883
|
$.snippet(node_3, () => $$props.foot);
|
|
3835
3884
|
$.reset(div_2);
|
|
@@ -3848,8 +3897,8 @@ function Bubble($$anchor, $$props) {
|
|
|
3848
3897
|
}
|
|
3849
3898
|
//#endregion
|
|
3850
3899
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/ColorGrid.svelte
|
|
3851
|
-
var root$
|
|
3852
|
-
var root_1$
|
|
3900
|
+
var root$52 = $.from_html(`<button type="button" role="radio"></button>`);
|
|
3901
|
+
var root_1$32 = $.from_html(`<div class="grid svelte-qflf14" data-role="grid" role="radiogroup"></div>`);
|
|
3853
3902
|
function ColorGrid($$anchor, $$props) {
|
|
3854
3903
|
$.push($$props, true);
|
|
3855
3904
|
let columns = $.prop($$props, "columns", 3, 9);
|
|
@@ -3859,10 +3908,10 @@ function ColorGrid($$anchor, $$props) {
|
|
|
3859
3908
|
function on(hex) {
|
|
3860
3909
|
return $$props.value !== void 0 && hex.toLowerCase() === $$props.value.toLowerCase();
|
|
3861
3910
|
}
|
|
3862
|
-
var div = root_1$
|
|
3911
|
+
var div = root_1$32();
|
|
3863
3912
|
let styles;
|
|
3864
3913
|
$.each(div, 21, () => $$props.colors, (c) => c.hex, ($$anchor, c) => {
|
|
3865
|
-
var button = root$
|
|
3914
|
+
var button = root$52();
|
|
3866
3915
|
let classes;
|
|
3867
3916
|
let styles_1;
|
|
3868
3917
|
$.template_effect(($0, $1) => {
|
|
@@ -3885,8 +3934,8 @@ function ColorGrid($$anchor, $$props) {
|
|
|
3885
3934
|
$.delegate(["click"]);
|
|
3886
3935
|
//#endregion
|
|
3887
3936
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/NumberInput.svelte
|
|
3888
|
-
var root$
|
|
3889
|
-
var root_1$
|
|
3937
|
+
var root$51 = $.from_html(`<span class="unit svelte-1abgrv8"> </span>`);
|
|
3938
|
+
var root_1$31 = $.from_html(`<label data-role="box" data-h="button"><input type="number" class="svelte-1abgrv8"/> <!></label>`);
|
|
3890
3939
|
function NumberInput($$anchor, $$props) {
|
|
3891
3940
|
$.push($$props, true);
|
|
3892
3941
|
let value = $.prop($$props, "value", 15, null), disabled = $.prop($$props, "disabled", 3, false), readonly = $.prop($$props, "readonly", 3, false), error = $.prop($$props, "error", 3, false);
|
|
@@ -3903,14 +3952,14 @@ function NumberInput($$anchor, $$props) {
|
|
|
3903
3952
|
/** Every key stroke (the raw value is e.currentTarget.value) */
|
|
3904
3953
|
/** The value is committed */
|
|
3905
3954
|
const chars = $.derived(() => $$props.digits === void 0 ? void 0 : Math.max($$props.digits, $$props.placeholder?.length ?? 0));
|
|
3906
|
-
var label = root_1$
|
|
3955
|
+
var label = root_1$31();
|
|
3907
3956
|
let classes;
|
|
3908
3957
|
let styles;
|
|
3909
3958
|
var input = $.child(label);
|
|
3910
3959
|
$.remove_input_defaults(input);
|
|
3911
3960
|
var node = $.sibling(input, 2);
|
|
3912
3961
|
var consequent = ($$anchor) => {
|
|
3913
|
-
var span = root$
|
|
3962
|
+
var span = root$51();
|
|
3914
3963
|
var text = $.only_child(span, true);
|
|
3915
3964
|
$.template_effect(() => $.set_text(text, $$props.unit));
|
|
3916
3965
|
$.append($$anchor, span);
|
|
@@ -3952,10 +4001,10 @@ function NumberInput($$anchor, $$props) {
|
|
|
3952
4001
|
$.delegate(["input", "change"]);
|
|
3953
4002
|
//#endregion
|
|
3954
4003
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Row.svelte
|
|
3955
|
-
var root$
|
|
4004
|
+
var root$50 = $.from_html(`<div data-role="row-inline" data-edge-pass=""><!></div>`);
|
|
3956
4005
|
function Row($$anchor, $$props) {
|
|
3957
4006
|
let gap = $.prop($$props, "gap", 3, "sm"), between = $.prop($$props, "between", 3, false), wrap = $.prop($$props, "wrap", 3, false), align = $.prop($$props, "align", 3, "center"), justify = $.prop($$props, "justify", 3, "start");
|
|
3958
|
-
var div = root$
|
|
4007
|
+
var div = root$50();
|
|
3959
4008
|
let classes;
|
|
3960
4009
|
var node = $.child(div);
|
|
3961
4010
|
$.snippet(node, () => $$props.children);
|
|
@@ -3973,12 +4022,12 @@ function Row($$anchor, $$props) {
|
|
|
3973
4022
|
}
|
|
3974
4023
|
//#endregion
|
|
3975
4024
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Select.svelte
|
|
3976
|
-
var root$
|
|
3977
|
-
var root_1$
|
|
3978
|
-
var root_2$
|
|
3979
|
-
var root_3$
|
|
3980
|
-
var root_4$
|
|
3981
|
-
var root_5$5 = $.from_html(`<div role="listbox" tabindex="-1"></div>`);
|
|
4025
|
+
var root$49 = $.from_html(`<span class="v svelte-gho7xv"> </span>`);
|
|
4026
|
+
var root_1$30 = $.from_html(`<span class="v ph svelte-gho7xv" data-kata-placeholder=""> </span>`);
|
|
4027
|
+
var root_2$19 = $.from_html(`<span class="text svelte-gho7xv"><span class="t svelte-gho7xv"> </span> <span class="t desc svelte-gho7xv"> </span></span>`);
|
|
4028
|
+
var root_3$11 = $.from_html(`<span class="t label svelte-gho7xv"> </span>`);
|
|
4029
|
+
var root_4$7 = $.from_html(`<button type="button" role="option" tabindex="-1" data-role="list-item" data-h="list-item"><span class="chk svelte-gho7xv"><!></span> <!></button>`);
|
|
4030
|
+
var root_5$5 = $.from_html(`<div data-outline="" role="listbox" tabindex="-1"></div>`);
|
|
3982
4031
|
var root_6$4 = $.from_html(`<button type="button" data-role="box" data-h="button" aria-haspopup="listbox"><!> <!></button> <!>`, 1);
|
|
3983
4032
|
function Select($$anchor, $$props) {
|
|
3984
4033
|
const listId = $.props_id();
|
|
@@ -4083,13 +4132,13 @@ function Select($$anchor, $$props) {
|
|
|
4083
4132
|
let classes;
|
|
4084
4133
|
var node = $.child(button);
|
|
4085
4134
|
var consequent = ($$anchor) => {
|
|
4086
|
-
var span = root$
|
|
4135
|
+
var span = root$49();
|
|
4087
4136
|
var text = $.only_child(span, true);
|
|
4088
4137
|
$.template_effect(() => $.set_text(text, $.get(current).label));
|
|
4089
4138
|
$.append($$anchor, span);
|
|
4090
4139
|
};
|
|
4091
4140
|
var alternate = ($$anchor) => {
|
|
4092
|
-
var span_1 = root_1$
|
|
4141
|
+
var span_1 = root_1$30();
|
|
4093
4142
|
var text_1 = $.only_child(span_1, true);
|
|
4094
4143
|
$.template_effect(() => $.set_text(text_1, placeholder()));
|
|
4095
4144
|
$.append($$anchor, span_1);
|
|
@@ -4107,7 +4156,7 @@ function Select($$anchor, $$props) {
|
|
|
4107
4156
|
let classes_1;
|
|
4108
4157
|
let styles;
|
|
4109
4158
|
$.each(div, 21, () => $$props.options, (opt) => opt.value, ($$anchor, opt) => {
|
|
4110
|
-
var button_1 = root_4$
|
|
4159
|
+
var button_1 = root_4$7();
|
|
4111
4160
|
let classes_2;
|
|
4112
4161
|
var span_2 = $.child(button_1);
|
|
4113
4162
|
var node_3 = $.child(span_2);
|
|
@@ -4120,7 +4169,7 @@ function Select($$anchor, $$props) {
|
|
|
4120
4169
|
$.reset(span_2);
|
|
4121
4170
|
var node_4 = $.sibling(span_2, 2);
|
|
4122
4171
|
var consequent_2 = ($$anchor) => {
|
|
4123
|
-
var span_3 = root_2$
|
|
4172
|
+
var span_3 = root_2$19();
|
|
4124
4173
|
var span_4 = $.child(span_3);
|
|
4125
4174
|
var text_2 = $.only_child(span_4, true);
|
|
4126
4175
|
var span_5 = $.sibling(span_4, 2);
|
|
@@ -4133,7 +4182,7 @@ function Select($$anchor, $$props) {
|
|
|
4133
4182
|
$.append($$anchor, span_3);
|
|
4134
4183
|
};
|
|
4135
4184
|
var alternate_1 = ($$anchor) => {
|
|
4136
|
-
var span_6 = root_3$
|
|
4185
|
+
var span_6 = root_3$11();
|
|
4137
4186
|
var text_4 = $.only_child(span_6, true);
|
|
4138
4187
|
$.template_effect(() => $.set_text(text_4, $.get(opt).label));
|
|
4139
4188
|
$.append($$anchor, span_6);
|
|
@@ -4189,11 +4238,11 @@ function Select($$anchor, $$props) {
|
|
|
4189
4238
|
$.delegate(["click", "keydown"]);
|
|
4190
4239
|
//#endregion
|
|
4191
4240
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/ColorPicker.svelte
|
|
4192
|
-
var root$
|
|
4193
|
-
var root_1$
|
|
4194
|
-
var root_2$
|
|
4195
|
-
var root_3$
|
|
4196
|
-
var root_4$
|
|
4241
|
+
var root$48 = $.from_html(`<!> <!>`, 1);
|
|
4242
|
+
var root_1$29 = $.from_html(`<div class="hue svelte-1kcz9da" role="slider" tabindex="0"><span class="knob svelte-1kcz9da"></span></div> <!>`, 1);
|
|
4243
|
+
var root_2$18 = $.from_html(`<!> <!> <!>`, 1);
|
|
4244
|
+
var root_3$10 = $.from_html(`<!> <div class="fmt svelte-1kcz9da"><!></div>`, 1);
|
|
4245
|
+
var root_4$6 = $.from_html(`<!> <!> <div class="sv svelte-1kcz9da" role="slider" tabindex="0"><span class="knob svelte-1kcz9da"></span></div> <!> <!>`, 1);
|
|
4197
4246
|
var root_5$4 = $.from_html(`<div data-inset=""><!></div>`);
|
|
4198
4247
|
function ColorPicker($$anchor, $$props) {
|
|
4199
4248
|
$.push($$props, true);
|
|
@@ -4201,12 +4250,12 @@ function ColorPicker($$anchor, $$props) {
|
|
|
4201
4250
|
Stack($$anchor, {
|
|
4202
4251
|
gap: "sm",
|
|
4203
4252
|
children: ($$anchor, $$slotProps) => {
|
|
4204
|
-
var fragment_1 = root_4$
|
|
4253
|
+
var fragment_1 = root_4$6();
|
|
4205
4254
|
var node = $.first_child(fragment_1);
|
|
4206
4255
|
Row(node, {
|
|
4207
4256
|
between: true,
|
|
4208
4257
|
children: ($$anchor, $$slotProps) => {
|
|
4209
|
-
var fragment_2 = root$
|
|
4258
|
+
var fragment_2 = root$48();
|
|
4210
4259
|
var node_1 = $.first_child(fragment_2);
|
|
4211
4260
|
Text(node_1, {
|
|
4212
4261
|
role: "h2",
|
|
@@ -4268,7 +4317,7 @@ function ColorPicker($$anchor, $$props) {
|
|
|
4268
4317
|
Row(node_4, {
|
|
4269
4318
|
gap: "sm",
|
|
4270
4319
|
children: ($$anchor, $$slotProps) => {
|
|
4271
|
-
var fragment_5 = root_1$
|
|
4320
|
+
var fragment_5 = root_1$29();
|
|
4272
4321
|
var div_1 = $.first_child(fragment_5);
|
|
4273
4322
|
$.set_attribute(div_1, "aria-valuemin", 0);
|
|
4274
4323
|
$.set_attribute(div_1, "aria-valuemax", 360);
|
|
@@ -4312,7 +4361,7 @@ function ColorPicker($$anchor, $$props) {
|
|
|
4312
4361
|
gap: "sm",
|
|
4313
4362
|
wrap: true,
|
|
4314
4363
|
children: ($$anchor, $$slotProps) => {
|
|
4315
|
-
var fragment_7 = root_3$
|
|
4364
|
+
var fragment_7 = root_3$10();
|
|
4316
4365
|
var node_7 = $.first_child(fragment_7);
|
|
4317
4366
|
var consequent = ($$anchor) => {
|
|
4318
4367
|
var fragment_8 = $.comment();
|
|
@@ -4340,7 +4389,7 @@ function ColorPicker($$anchor, $$props) {
|
|
|
4340
4389
|
$.append($$anchor, fragment_8);
|
|
4341
4390
|
};
|
|
4342
4391
|
var consequent_1 = ($$anchor) => {
|
|
4343
|
-
var fragment_10 = root_2$
|
|
4392
|
+
var fragment_10 = root_2$18();
|
|
4344
4393
|
var node_9 = $.first_child(fragment_10);
|
|
4345
4394
|
{
|
|
4346
4395
|
let $0 = $.derived(() => getMessages().hue);
|
|
@@ -4763,10 +4812,10 @@ $.delegate([
|
|
|
4763
4812
|
]);
|
|
4764
4813
|
//#endregion
|
|
4765
4814
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Divider.svelte
|
|
4766
|
-
var root$
|
|
4815
|
+
var root$47 = $.from_html(`<div data-role="rule" role="separator"></div>`);
|
|
4767
4816
|
function Divider($$anchor, $$props) {
|
|
4768
4817
|
let inset = $.prop($$props, "inset", 3, false), gap = $.prop($$props, "gap", 3, false);
|
|
4769
|
-
var div = root$
|
|
4818
|
+
var div = root$47();
|
|
4770
4819
|
let classes;
|
|
4771
4820
|
$.template_effect(() => classes = $.set_class(div, 1, "rule svelte-1dtzu5u", null, classes, {
|
|
4772
4821
|
inset: inset(),
|
|
@@ -4776,10 +4825,10 @@ function Divider($$anchor, $$props) {
|
|
|
4776
4825
|
}
|
|
4777
4826
|
//#endregion
|
|
4778
4827
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/List.svelte
|
|
4779
|
-
var root$
|
|
4828
|
+
var root$46 = $.from_html(`<div class="list svelte-mp0y27" data-role="list"><!></div>`);
|
|
4780
4829
|
function List($$anchor, $$props) {
|
|
4781
4830
|
let role = $.prop($$props, "role", 3, "list");
|
|
4782
|
-
var div = root$
|
|
4831
|
+
var div = root$46();
|
|
4783
4832
|
Stack($.child(div), {
|
|
4784
4833
|
gap: 0,
|
|
4785
4834
|
children: ($$anchor, $$slotProps) => {
|
|
@@ -4815,8 +4864,8 @@ var rest_excludes$7 = /* @__PURE__ */ new Set([
|
|
|
4815
4864
|
"onkeydown",
|
|
4816
4865
|
"children"
|
|
4817
4866
|
]);
|
|
4818
|
-
var root$
|
|
4819
|
-
var root_1$
|
|
4867
|
+
var root$45 = $.from_html(`<a><!></a>`);
|
|
4868
|
+
var root_1$28 = $.from_html(`<div><!></div>`);
|
|
4820
4869
|
function ListItem($$anchor, $$props) {
|
|
4821
4870
|
$.push($$props, true);
|
|
4822
4871
|
let tail = $.prop($$props, "tail", 3, false), sel = $.prop($$props, "sel", 3, false), rule = $.prop($$props, "rule", 3, false), plain = $.prop($$props, "plain", 3, false), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes$7);
|
|
@@ -4841,7 +4890,7 @@ function ListItem($$anchor, $$props) {
|
|
|
4841
4890
|
var fragment = $.comment();
|
|
4842
4891
|
var node = $.first_child(fragment);
|
|
4843
4892
|
var consequent = ($$anchor) => {
|
|
4844
|
-
var a = root$
|
|
4893
|
+
var a = root$45();
|
|
4845
4894
|
$.attribute_effect(a, () => ({
|
|
4846
4895
|
class: "row",
|
|
4847
4896
|
"data-role": "list-item",
|
|
@@ -4865,7 +4914,7 @@ function ListItem($$anchor, $$props) {
|
|
|
4865
4914
|
$.append($$anchor, a);
|
|
4866
4915
|
};
|
|
4867
4916
|
var alternate = ($$anchor) => {
|
|
4868
|
-
var div = root_1$
|
|
4917
|
+
var div = root_1$28();
|
|
4869
4918
|
$.attribute_effect(div, () => ({
|
|
4870
4919
|
class: "row",
|
|
4871
4920
|
"data-role": "list-item",
|
|
@@ -4902,13 +4951,13 @@ function ListItem($$anchor, $$props) {
|
|
|
4902
4951
|
}
|
|
4903
4952
|
//#endregion
|
|
4904
4953
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Spinner.svelte
|
|
4905
|
-
var root$
|
|
4906
|
-
var root_1$
|
|
4954
|
+
var root$44 = $.from_html(`<span class="t svelte-1w5g2m2" data-ink=""> </span>`);
|
|
4955
|
+
var root_1$27 = $.from_html(`<span class="seat svelte-1w5g2m2" data-role="spinner" data-edge-pass="" role="status"><span class="dots svelte-1w5g2m2" aria-hidden="true"><i class="svelte-1w5g2m2"></i><i class="svelte-1w5g2m2"></i><i class="svelte-1w5g2m2"></i></span><!></span>`);
|
|
4907
4956
|
function Spinner($$anchor, $$props) {
|
|
4908
|
-
var span = root_1$
|
|
4957
|
+
var span = root_1$27();
|
|
4909
4958
|
var node = $.sibling($.child(span));
|
|
4910
4959
|
var consequent = ($$anchor) => {
|
|
4911
|
-
var span_1 = root$
|
|
4960
|
+
var span_1 = root$44();
|
|
4912
4961
|
var text = $.only_child(span_1, true);
|
|
4913
4962
|
$.template_effect(() => $.set_text(text, $$props.label));
|
|
4914
4963
|
$.append($$anchor, span_1);
|
|
@@ -4921,17 +4970,17 @@ function Spinner($$anchor, $$props) {
|
|
|
4921
4970
|
}
|
|
4922
4971
|
//#endregion
|
|
4923
4972
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/State.svelte
|
|
4924
|
-
var root$
|
|
4925
|
-
var root_1$
|
|
4926
|
-
var root_2$
|
|
4927
|
-
var root_3$
|
|
4973
|
+
var root$43 = $.from_html(`<p data-role="p" data-ink=""> </p>`);
|
|
4974
|
+
var root_1$26 = $.from_html(`<span class="note svelte-1i551ei" data-role="caption" data-ink=""> </span>`);
|
|
4975
|
+
var root_2$17 = $.from_html(`<!> <!> <!>`, 1);
|
|
4976
|
+
var root_3$9 = $.from_html(`<div class="state svelte-1i551ei" data-role="state"><!></div>`);
|
|
4928
4977
|
function State($$anchor, $$props) {
|
|
4929
4978
|
let loading = $.prop($$props, "loading", 3, false);
|
|
4930
|
-
var div = root_3$
|
|
4979
|
+
var div = root_3$9();
|
|
4931
4980
|
Stack($.child(div), {
|
|
4932
4981
|
gap: "sm",
|
|
4933
4982
|
children: ($$anchor, $$slotProps) => {
|
|
4934
|
-
var fragment = root_2$
|
|
4983
|
+
var fragment = root_2$17();
|
|
4935
4984
|
var node_1 = $.first_child(fragment);
|
|
4936
4985
|
var consequent = ($$anchor) => {
|
|
4937
4986
|
Spinner($$anchor, { get label() {
|
|
@@ -4939,7 +4988,7 @@ function State($$anchor, $$props) {
|
|
|
4939
4988
|
} });
|
|
4940
4989
|
};
|
|
4941
4990
|
var alternate = ($$anchor) => {
|
|
4942
|
-
var p = root$
|
|
4991
|
+
var p = root$43();
|
|
4943
4992
|
let classes;
|
|
4944
4993
|
var text_1 = $.only_child(p, true);
|
|
4945
4994
|
$.template_effect(() => {
|
|
@@ -4954,7 +5003,7 @@ function State($$anchor, $$props) {
|
|
|
4954
5003
|
});
|
|
4955
5004
|
var node_2 = $.sibling(node_1, 2);
|
|
4956
5005
|
var consequent_1 = ($$anchor) => {
|
|
4957
|
-
var span = root_1$
|
|
5006
|
+
var span = root_1$26();
|
|
4958
5007
|
var text_2 = $.only_child(span, true);
|
|
4959
5008
|
$.template_effect(() => $.set_text(text_2, $$props.note));
|
|
4960
5009
|
$.append($$anchor, span);
|
|
@@ -4980,8 +5029,8 @@ function State($$anchor, $$props) {
|
|
|
4980
5029
|
}
|
|
4981
5030
|
//#endregion
|
|
4982
5031
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Footer.svelte
|
|
4983
|
-
var root_1$
|
|
4984
|
-
var root_2$
|
|
5032
|
+
var root_1$25 = $.from_html(`<div class="lead svelte-i118rm"><!></div>`);
|
|
5033
|
+
var root_2$16 = $.from_html(`<div data-role="footer" data-h="footer"><!> <div class="actions svelte-i118rm"><!> <!> <!></div></div>`);
|
|
4985
5034
|
function Footer($$anchor, $$props) {
|
|
4986
5035
|
$.push($$props, true);
|
|
4987
5036
|
/** A status or an action on the left */
|
|
@@ -5034,11 +5083,11 @@ function Footer($$anchor, $$props) {
|
|
|
5034
5083
|
cancelAnimationFrame(frame);
|
|
5035
5084
|
};
|
|
5036
5085
|
});
|
|
5037
|
-
var div = root_2$
|
|
5086
|
+
var div = root_2$16();
|
|
5038
5087
|
let classes;
|
|
5039
5088
|
var node = $.child(div);
|
|
5040
5089
|
var consequent = ($$anchor) => {
|
|
5041
|
-
var div_1 = root_1$
|
|
5090
|
+
var div_1 = root_1$25();
|
|
5042
5091
|
var node_1 = $.child(div_1);
|
|
5043
5092
|
$.snippet(node_1, () => $$props.lead);
|
|
5044
5093
|
$.reset(div_1);
|
|
@@ -5066,18 +5115,18 @@ function Footer($$anchor, $$props) {
|
|
|
5066
5115
|
}
|
|
5067
5116
|
//#endregion
|
|
5068
5117
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Toolbar.svelte
|
|
5069
|
-
var root$
|
|
5070
|
-
var root_1$
|
|
5071
|
-
var root_2$
|
|
5118
|
+
var root$42 = $.from_html(`<h2 class="title svelte-1qxcpfk"> </h2>`);
|
|
5119
|
+
var root_1$24 = $.from_html(`<div class="end svelte-1qxcpfk"><!></div>`);
|
|
5120
|
+
var root_2$15 = $.from_html(`<div data-role="toolbar"><!> <!> <!> <!></div>`);
|
|
5072
5121
|
function Toolbar$1($$anchor, $$props) {
|
|
5073
5122
|
let rule = $.prop($$props, "rule", 3, false), tail = $.prop($$props, "tail", 3, false), two = $.prop($$props, "two", 3, false);
|
|
5074
|
-
var div = root_2$
|
|
5123
|
+
var div = root_2$15();
|
|
5075
5124
|
let classes;
|
|
5076
5125
|
var node = $.child(div);
|
|
5077
5126
|
$.snippet(node, () => $$props.start ?? $.noop);
|
|
5078
5127
|
var node_1 = $.sibling(node, 2);
|
|
5079
5128
|
var consequent = ($$anchor) => {
|
|
5080
|
-
var h2 = root$
|
|
5129
|
+
var h2 = root$42();
|
|
5081
5130
|
var text = $.only_child(h2, true);
|
|
5082
5131
|
$.template_effect(() => {
|
|
5083
5132
|
$.set_attribute(h2, "id", $$props.titleId);
|
|
@@ -5092,7 +5141,7 @@ function Toolbar$1($$anchor, $$props) {
|
|
|
5092
5141
|
$.snippet(node_2, () => $$props.children ?? $.noop);
|
|
5093
5142
|
var node_3 = $.sibling(node_2, 2);
|
|
5094
5143
|
var consequent_1 = ($$anchor) => {
|
|
5095
|
-
var div_1 = root_1$
|
|
5144
|
+
var div_1 = root_1$24();
|
|
5096
5145
|
var node_4 = $.child(div_1);
|
|
5097
5146
|
$.snippet(node_4, () => $$props.end);
|
|
5098
5147
|
$.reset(div_1);
|
|
@@ -5109,16 +5158,18 @@ function Toolbar$1($$anchor, $$props) {
|
|
|
5109
5158
|
two: two()
|
|
5110
5159
|
});
|
|
5111
5160
|
$.set_attribute(div, "data-h", two() ? void 0 : "toolbar");
|
|
5161
|
+
$.set_attribute(div, "data-inset", two() ? "" : void 0);
|
|
5162
|
+
$.set_attribute(div, "data-edge-pass", two() ? "" : void 0);
|
|
5112
5163
|
});
|
|
5113
5164
|
$.append($$anchor, div);
|
|
5114
5165
|
}
|
|
5115
5166
|
//#endregion
|
|
5116
5167
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Modal.svelte
|
|
5117
|
-
var root$
|
|
5118
|
-
var root_1$
|
|
5119
|
-
var root_2$
|
|
5120
|
-
var root_3$
|
|
5121
|
-
var root_4$
|
|
5168
|
+
var root$41 = $.from_html(`<div class="sub svelte-1nboboq"><!></div>`);
|
|
5169
|
+
var root_1$23 = $.from_html(`<!> <!>`, 1);
|
|
5170
|
+
var root_2$14 = $.from_html(`<!> <!> <div><!></div> <!>`, 1);
|
|
5171
|
+
var root_3$8 = $.from_html(`<div data-role="modal" data-outline="" data-inline=""><!></div>`);
|
|
5172
|
+
var root_4$5 = $.from_html(`<dialog data-role="modal" data-outline="" aria-modal="true"><!></dialog>`);
|
|
5122
5173
|
function Modal($$anchor, $$props) {
|
|
5123
5174
|
const titleId = $.props_id();
|
|
5124
5175
|
$.push($$props, true);
|
|
@@ -5202,7 +5253,7 @@ function Modal($$anchor, $$props) {
|
|
|
5202
5253
|
$.append($$anchor, fragment_9);
|
|
5203
5254
|
};
|
|
5204
5255
|
const surface = ($$anchor) => {
|
|
5205
|
-
var fragment_12 = root_2$
|
|
5256
|
+
var fragment_12 = root_2$14();
|
|
5206
5257
|
var node_3 = $.first_child(fragment_12);
|
|
5207
5258
|
var consequent_4 = ($$anchor) => {
|
|
5208
5259
|
{
|
|
@@ -5261,7 +5312,7 @@ function Modal($$anchor, $$props) {
|
|
|
5261
5312
|
});
|
|
5262
5313
|
var node_4 = $.sibling(node_3, 2);
|
|
5263
5314
|
var consequent_6 = ($$anchor) => {
|
|
5264
|
-
var div = root$
|
|
5315
|
+
var div = root$41();
|
|
5265
5316
|
var node_5 = $.child(div);
|
|
5266
5317
|
$.snippet(node_5, () => $$props.sub);
|
|
5267
5318
|
$.reset(div);
|
|
@@ -5283,7 +5334,7 @@ function Modal($$anchor, $$props) {
|
|
|
5283
5334
|
Stack($$anchor, {
|
|
5284
5335
|
gap: "md",
|
|
5285
5336
|
children: ($$anchor, $$slotProps) => {
|
|
5286
|
-
var fragment_18 = root_1$
|
|
5337
|
+
var fragment_18 = root_1$23();
|
|
5287
5338
|
var node_8 = $.first_child(fragment_18);
|
|
5288
5339
|
$.snippet(node_8, () => $$props.children);
|
|
5289
5340
|
var node_9 = $.sibling(node_8, 2);
|
|
@@ -5375,7 +5426,7 @@ function Modal($$anchor, $$props) {
|
|
|
5375
5426
|
var fragment_21 = $.comment();
|
|
5376
5427
|
var node_11 = $.first_child(fragment_21);
|
|
5377
5428
|
var consequent_10 = ($$anchor) => {
|
|
5378
|
-
var div_2 = root_3$
|
|
5429
|
+
var div_2 = root_3$8();
|
|
5379
5430
|
let classes_1;
|
|
5380
5431
|
var node_12 = $.child(div_2);
|
|
5381
5432
|
surface(node_12);
|
|
@@ -5388,7 +5439,7 @@ function Modal($$anchor, $$props) {
|
|
|
5388
5439
|
$.append($$anchor, div_2);
|
|
5389
5440
|
};
|
|
5390
5441
|
var alternate_2 = ($$anchor) => {
|
|
5391
|
-
var dialog_1 = root_4$
|
|
5442
|
+
var dialog_1 = root_4$5();
|
|
5392
5443
|
let classes_2;
|
|
5393
5444
|
var node_13 = $.child(dialog_1);
|
|
5394
5445
|
surface(node_13);
|
|
@@ -5498,10 +5549,10 @@ function Popover($$anchor, $$props) {
|
|
|
5498
5549
|
}
|
|
5499
5550
|
//#endregion
|
|
5500
5551
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Drawbar.svelte
|
|
5501
|
-
var root$
|
|
5502
|
-
var root_1$
|
|
5503
|
-
var root_2$
|
|
5504
|
-
var root_3$
|
|
5552
|
+
var root$40 = $.from_html(`<div class="group svelte-14qxuyk"></div>`);
|
|
5553
|
+
var root_1$22 = $.from_html(`<!> <!> <!>`, 1);
|
|
5554
|
+
var root_2$13 = $.from_html(`<div class="group svelte-14qxuyk"><!></div>`);
|
|
5555
|
+
var root_3$7 = $.from_html(`<div data-role="drawbar" data-outline="" role="toolbar"><!> <!></div>`);
|
|
5505
5556
|
function Drawbar($$anchor, $$props) {
|
|
5506
5557
|
$.push($$props, true);
|
|
5507
5558
|
let toggles = $.prop($$props, "toggles", 19, () => []), bottom = $.prop($$props, "bottom", 3, "md"), column = $.prop($$props, "column", 3, false);
|
|
@@ -5590,12 +5641,12 @@ function Drawbar($$anchor, $$props) {
|
|
|
5590
5641
|
const hiddenTools = $.derived(() => $.get(hidden).flatMap((h) => h.kind === "tool" ? [h.tool] : []));
|
|
5591
5642
|
const hiddenToggles = $.derived(() => $.get(hidden).flatMap((h) => h.kind === "toggle" ? [h.toggle] : []));
|
|
5592
5643
|
const key = (item) => `${item.kind}:${item.kind === "tool" ? item.tool.id : item.toggle.id}`;
|
|
5593
|
-
var div = root_3$
|
|
5644
|
+
var div = root_3$7();
|
|
5594
5645
|
let classes;
|
|
5595
5646
|
let styles;
|
|
5596
5647
|
var node = $.child(div);
|
|
5597
5648
|
$.each(node, 17, () => $.get(shown), $.index, ($$anchor, group) => {
|
|
5598
|
-
var div_1 = root$
|
|
5649
|
+
var div_1 = root$40();
|
|
5599
5650
|
$.each(div_1, 21, () => $.get(group), (item) => key(item), ($$anchor, item) => {
|
|
5600
5651
|
var fragment = $.comment();
|
|
5601
5652
|
var node_1 = $.first_child(fragment);
|
|
@@ -5741,7 +5792,7 @@ function Drawbar($$anchor, $$props) {
|
|
|
5741
5792
|
});
|
|
5742
5793
|
var node_3 = $.sibling(node, 2);
|
|
5743
5794
|
var consequent_3 = ($$anchor) => {
|
|
5744
|
-
var div_2 = root_2$
|
|
5795
|
+
var div_2 = root_2$13();
|
|
5745
5796
|
var node_4 = $.child(div_2);
|
|
5746
5797
|
{
|
|
5747
5798
|
const trigger = ($$anchor, toggle = $.noop, open = $.noop) => {
|
|
@@ -5768,7 +5819,7 @@ function Drawbar($$anchor, $$props) {
|
|
|
5768
5819
|
}
|
|
5769
5820
|
};
|
|
5770
5821
|
const panel = ($$anchor, close = $.noop) => {
|
|
5771
|
-
var fragment_11 = root_1$
|
|
5822
|
+
var fragment_11 = root_1$22();
|
|
5772
5823
|
var node_5 = $.first_child(fragment_11);
|
|
5773
5824
|
$.each(node_5, 17, () => $.get(hiddenTools), (t) => t.id, ($$anchor, t) => {
|
|
5774
5825
|
{
|
|
@@ -5865,7 +5916,7 @@ function Drawbar($$anchor, $$props) {
|
|
|
5865
5916
|
}
|
|
5866
5917
|
//#endregion
|
|
5867
5918
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Fab.svelte
|
|
5868
|
-
var root$
|
|
5919
|
+
var root$39 = $.from_html(`<button class="fab svelte-1a4435e" type="button" data-role="fab" data-h="button"><!></button>`);
|
|
5869
5920
|
function Fab($$anchor, $$props) {
|
|
5870
5921
|
let disabled = $.prop($$props, "disabled", 3, false), right = $.prop($$props, "right", 3, "md"), bottom = $.prop($$props, "bottom", 3, "md");
|
|
5871
5922
|
/** The name of the action */
|
|
@@ -5876,7 +5927,7 @@ function Fab($$anchor, $$props) {
|
|
|
5876
5927
|
}
|
|
5877
5928
|
const r = $.derived(() => $$props.left === void 0 ? at(right()) : void 0);
|
|
5878
5929
|
const b = $.derived(() => $$props.top === void 0 ? at(bottom()) : void 0);
|
|
5879
|
-
var button = root$
|
|
5930
|
+
var button = root$39();
|
|
5880
5931
|
let styles;
|
|
5881
5932
|
Icon($.child(button), { get name() {
|
|
5882
5933
|
return $$props.icon;
|
|
@@ -5900,11 +5951,11 @@ function Fab($$anchor, $$props) {
|
|
|
5900
5951
|
$.delegate(["click"]);
|
|
5901
5952
|
//#endregion
|
|
5902
5953
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/InspectorRow.svelte
|
|
5903
|
-
var root$
|
|
5904
|
-
var root_1$
|
|
5954
|
+
var root$38 = $.from_html(`<span class="end svelte-hg5qfm"><!></span>`);
|
|
5955
|
+
var root_1$21 = $.from_html(`<div><!></div>`);
|
|
5905
5956
|
function InspectorRow($$anchor, $$props) {
|
|
5906
5957
|
let align = $.prop($$props, "align", 3, "start"), small = $.prop($$props, "small", 3, false), top = $.prop($$props, "top", 3, false);
|
|
5907
|
-
var div = root_1$
|
|
5958
|
+
var div = root_1$21();
|
|
5908
5959
|
let classes;
|
|
5909
5960
|
Pair($.child(div), {
|
|
5910
5961
|
get label() {
|
|
@@ -5923,7 +5974,7 @@ function InspectorRow($$anchor, $$props) {
|
|
|
5923
5974
|
var fragment = $.comment();
|
|
5924
5975
|
var node_1 = $.first_child(fragment);
|
|
5925
5976
|
var consequent = ($$anchor) => {
|
|
5926
|
-
var span = root$
|
|
5977
|
+
var span = root$38();
|
|
5927
5978
|
var node_2 = $.child(span);
|
|
5928
5979
|
$.snippet(node_2, () => $$props.children);
|
|
5929
5980
|
$.reset(span);
|
|
@@ -5949,10 +6000,10 @@ function InspectorRow($$anchor, $$props) {
|
|
|
5949
6000
|
}
|
|
5950
6001
|
//#endregion
|
|
5951
6002
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/NativeSelect.svelte
|
|
5952
|
-
var root$
|
|
5953
|
-
var root_1$
|
|
5954
|
-
var root_2$
|
|
5955
|
-
var root_3$
|
|
6003
|
+
var root$37 = $.from_html(`<option disabled="" selected="" data-kata-placeholder="" class="svelte-1iprfoy"> </option>`);
|
|
6004
|
+
var root_1$20 = $.from_html(`<option class="svelte-1iprfoy"> </option>`);
|
|
6005
|
+
var root_2$12 = $.from_html(`<optgroup></optgroup>`);
|
|
6006
|
+
var root_3$6 = $.from_html(`<label data-role="box" data-h="button"><span aria-hidden="true"> </span> <select class="svelte-1iprfoy"><!><!><!></select> <!></label>`);
|
|
5956
6007
|
function NativeSelect($$anchor, $$props) {
|
|
5957
6008
|
$.push($$props, true);
|
|
5958
6009
|
let options = $.prop($$props, "options", 19, () => []), value = $.prop($$props, "value", 15), disabled = $.prop($$props, "disabled", 3, false), error = $.prop($$props, "error", 3, false);
|
|
@@ -5964,7 +6015,7 @@ function NativeSelect($$anchor, $$props) {
|
|
|
5964
6015
|
const chosen = $.derived(() => $.get(all).find((o) => o.value === value()));
|
|
5965
6016
|
const shown = $.derived(() => $.get(chosen)?.label ?? $$props.placeholder ?? $.get(all).find((o) => !o.disabled)?.label ?? "");
|
|
5966
6017
|
const empty = $.derived(() => !$.get(chosen) && $$props.placeholder !== void 0);
|
|
5967
|
-
var label = root_3$
|
|
6018
|
+
var label = root_3$6();
|
|
5968
6019
|
let classes;
|
|
5969
6020
|
var span = $.child(label);
|
|
5970
6021
|
let classes_1;
|
|
@@ -5972,7 +6023,7 @@ function NativeSelect($$anchor, $$props) {
|
|
|
5972
6023
|
var select = $.sibling(span, 2);
|
|
5973
6024
|
var node = $.child(select);
|
|
5974
6025
|
var consequent = ($$anchor) => {
|
|
5975
|
-
var option = root$
|
|
6026
|
+
var option = root$37();
|
|
5976
6027
|
var text_1 = $.only_child(option, true);
|
|
5977
6028
|
option.value = option.__value = "";
|
|
5978
6029
|
$.template_effect(() => $.set_text(text_1, $$props.placeholder));
|
|
@@ -5983,9 +6034,9 @@ function NativeSelect($$anchor, $$props) {
|
|
|
5983
6034
|
});
|
|
5984
6035
|
var node_1 = $.sibling(node);
|
|
5985
6036
|
$.each(node_1, 17, () => $$props.groups ?? [], (group) => group.label, ($$anchor, group) => {
|
|
5986
|
-
var optgroup = root_2$
|
|
6037
|
+
var optgroup = root_2$12();
|
|
5987
6038
|
$.each(optgroup, 21, () => $.get(group).options, (opt) => opt.value, ($$anchor, opt) => {
|
|
5988
|
-
var option_1 = root_1$
|
|
6039
|
+
var option_1 = root_1$20();
|
|
5989
6040
|
var text_2 = $.only_child(option_1, true);
|
|
5990
6041
|
var option_1_value = {};
|
|
5991
6042
|
$.template_effect(() => {
|
|
@@ -6000,7 +6051,7 @@ function NativeSelect($$anchor, $$props) {
|
|
|
6000
6051
|
});
|
|
6001
6052
|
var node_2 = $.sibling(node_1);
|
|
6002
6053
|
$.each(node_2, 17, options, (opt) => opt.value, ($$anchor, opt) => {
|
|
6003
|
-
var option_2 = root_1$
|
|
6054
|
+
var option_2 = root_1$20();
|
|
6004
6055
|
var text_3 = $.only_child(option_2, true);
|
|
6005
6056
|
var option_2_value = {};
|
|
6006
6057
|
$.template_effect(() => {
|
|
@@ -6036,13 +6087,13 @@ function NativeSelect($$anchor, $$props) {
|
|
|
6036
6087
|
$.delegate(["change"]);
|
|
6037
6088
|
//#endregion
|
|
6038
6089
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/ReadValue.svelte
|
|
6039
|
-
var root$
|
|
6090
|
+
var root$36 = $.from_html(`<span data-role="value" data-ink=""> </span>`);
|
|
6040
6091
|
function ReadValue($$anchor, $$props) {
|
|
6041
6092
|
let mono = $.prop($$props, "mono", 3, false), muted = $.prop($$props, "muted", 3, false), clamp = $.prop($$props, "clamp", 3, false);
|
|
6042
6093
|
var fragment = $.comment();
|
|
6043
6094
|
var node = $.first_child(fragment);
|
|
6044
6095
|
var consequent = ($$anchor) => {
|
|
6045
|
-
var span = root$
|
|
6096
|
+
var span = root$36();
|
|
6046
6097
|
let classes;
|
|
6047
6098
|
var text = $.only_child(span, true);
|
|
6048
6099
|
$.action(span, ($$node) => clampTip?.($$node));
|
|
@@ -6056,7 +6107,7 @@ function ReadValue($$anchor, $$props) {
|
|
|
6056
6107
|
$.append($$anchor, span);
|
|
6057
6108
|
};
|
|
6058
6109
|
var alternate = ($$anchor) => {
|
|
6059
|
-
var span_1 = root$
|
|
6110
|
+
var span_1 = root$36();
|
|
6060
6111
|
let classes_1;
|
|
6061
6112
|
var text_1 = $.only_child(span_1, true);
|
|
6062
6113
|
$.template_effect(() => {
|
|
@@ -6076,15 +6127,15 @@ function ReadValue($$anchor, $$props) {
|
|
|
6076
6127
|
}
|
|
6077
6128
|
//#endregion
|
|
6078
6129
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Segmented.svelte
|
|
6079
|
-
var root$
|
|
6080
|
-
var root_1$
|
|
6081
|
-
var root_2$
|
|
6130
|
+
var root$35 = $.from_html(`<span class="t svelte-1dnswrb"> </span>`);
|
|
6131
|
+
var root_1$19 = $.from_html(`<button type="button" data-role="box" data-h="button"><!><!></button>`);
|
|
6132
|
+
var root_2$11 = $.from_html(`<div class="seg svelte-1dnswrb" data-role="box" role="group"></div>`);
|
|
6082
6133
|
function Segmented($$anchor, $$props) {
|
|
6083
6134
|
$.push($$props, true);
|
|
6084
6135
|
let value = $.prop($$props, "value", 15);
|
|
6085
|
-
var div = root_2$
|
|
6136
|
+
var div = root_2$11();
|
|
6086
6137
|
$.each(div, 21, () => $$props.options, (opt) => opt.value, ($$anchor, opt) => {
|
|
6087
|
-
var button = root_1$
|
|
6138
|
+
var button = root_1$19();
|
|
6088
6139
|
let classes;
|
|
6089
6140
|
var node = $.child(button);
|
|
6090
6141
|
var consequent = ($$anchor) => {
|
|
@@ -6097,7 +6148,7 @@ function Segmented($$anchor, $$props) {
|
|
|
6097
6148
|
});
|
|
6098
6149
|
var node_1 = $.sibling(node);
|
|
6099
6150
|
var consequent_1 = ($$anchor) => {
|
|
6100
|
-
var span = root$
|
|
6151
|
+
var span = root$35();
|
|
6101
6152
|
var text = $.only_child(span, true);
|
|
6102
6153
|
$.template_effect(() => $.set_text(text, $.get(opt).label));
|
|
6103
6154
|
$.append($$anchor, span);
|
|
@@ -6129,7 +6180,7 @@ function Segmented($$anchor, $$props) {
|
|
|
6129
6180
|
$.delegate(["click"]);
|
|
6130
6181
|
//#endregion
|
|
6131
6182
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Slider.svelte
|
|
6132
|
-
var root$
|
|
6183
|
+
var root$34 = $.from_html(`<div data-role="switch" data-h="button-sm"><input type="range" class="svelte-1bgstw"/> <span class="val svelte-1bgstw"> </span></div>`);
|
|
6133
6184
|
function Slider($$anchor, $$props) {
|
|
6134
6185
|
$.push($$props, true);
|
|
6135
6186
|
let min = $.prop($$props, "min", 3, 0), max = $.prop($$props, "max", 3, 100), step = $.prop($$props, "step", 3, 1), disabled = $.prop($$props, "disabled", 3, false);
|
|
@@ -6137,7 +6188,7 @@ function Slider($$anchor, $$props) {
|
|
|
6137
6188
|
/** Every change while dragging */
|
|
6138
6189
|
/** The value when it is let go or changed with a key */
|
|
6139
6190
|
const pct = $.derived(() => max() > min() ? ($$props.value - min()) / (max() - min()) * 100 : 0);
|
|
6140
|
-
var div = root$
|
|
6191
|
+
var div = root$34();
|
|
6141
6192
|
let classes;
|
|
6142
6193
|
var input = $.child(div);
|
|
6143
6194
|
$.remove_input_defaults(input);
|
|
@@ -6165,14 +6216,14 @@ function Slider($$anchor, $$props) {
|
|
|
6165
6216
|
$.delegate(["input", "change"]);
|
|
6166
6217
|
//#endregion
|
|
6167
6218
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Swatch.svelte
|
|
6168
|
-
var root$
|
|
6169
|
-
var root_1$
|
|
6219
|
+
var root$33 = $.from_html(`<span data-role="mark" class="swatch svelte-13cusr7" data-shape="icon" aria-hidden="true"><span class="halo svelte-13cusr7"><!></span> <span class="ink svelte-13cusr7"><!></span></span>`);
|
|
6220
|
+
var root_1$18 = $.from_html(`<span data-role="mark" aria-hidden="true"></span>`);
|
|
6170
6221
|
function Swatch($$anchor, $$props) {
|
|
6171
6222
|
let shape = $.prop($$props, "shape", 3, "box"), fill = $.prop($$props, "fill", 3, false);
|
|
6172
6223
|
var fragment = $.comment();
|
|
6173
6224
|
var node = $.first_child(fragment);
|
|
6174
6225
|
var consequent = ($$anchor) => {
|
|
6175
|
-
var span = root$
|
|
6226
|
+
var span = root$33();
|
|
6176
6227
|
let styles;
|
|
6177
6228
|
var span_1 = $.child(span);
|
|
6178
6229
|
Icon($.child(span_1), { get name() {
|
|
@@ -6193,7 +6244,7 @@ function Swatch($$anchor, $$props) {
|
|
|
6193
6244
|
$.append($$anchor, span);
|
|
6194
6245
|
};
|
|
6195
6246
|
var alternate = ($$anchor) => {
|
|
6196
|
-
var span_3 = root_1$
|
|
6247
|
+
var span_3 = root_1$18();
|
|
6197
6248
|
let classes;
|
|
6198
6249
|
let styles_2;
|
|
6199
6250
|
$.template_effect(() => {
|
|
@@ -6211,17 +6262,17 @@ function Swatch($$anchor, $$props) {
|
|
|
6211
6262
|
}
|
|
6212
6263
|
//#endregion
|
|
6213
6264
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Toggle.svelte
|
|
6214
|
-
var root$
|
|
6215
|
-
var root_1$
|
|
6216
|
-
var root_2$
|
|
6265
|
+
var root$32 = $.from_html(`<span class="line grow svelte-bzo86b"><span class="t svelte-bzo86b"> </span></span>`);
|
|
6266
|
+
var root_1$17 = $.from_html(`<span class="line svelte-bzo86b"><span class="t svelte-bzo86b"> </span></span>`);
|
|
6267
|
+
var root_2$10 = $.from_html(`<label data-role="switch" data-control=""><!> <span class="seat svelte-bzo86b"><input type="checkbox" role="switch" class="toggle svelte-bzo86b"/></span> <!></label>`);
|
|
6217
6268
|
function Toggle($$anchor, $$props) {
|
|
6218
6269
|
$.push($$props, true);
|
|
6219
6270
|
let checked = $.prop($$props, "checked", 15, false), disabled = $.prop($$props, "disabled", 3, false), between = $.prop($$props, "between", 3, false), indent = $.prop($$props, "indent", 3, false);
|
|
6220
|
-
var label_1 = root_2$
|
|
6271
|
+
var label_1 = root_2$10();
|
|
6221
6272
|
let classes;
|
|
6222
6273
|
var node = $.child(label_1);
|
|
6223
6274
|
var consequent = ($$anchor) => {
|
|
6224
|
-
var span = root$
|
|
6275
|
+
var span = root$32();
|
|
6225
6276
|
var span_1 = $.child(span);
|
|
6226
6277
|
var text = $.only_child(span_1, true);
|
|
6227
6278
|
$.reset(span);
|
|
@@ -6237,7 +6288,7 @@ function Toggle($$anchor, $$props) {
|
|
|
6237
6288
|
$.reset(span_2);
|
|
6238
6289
|
var node_1 = $.sibling(span_2, 2);
|
|
6239
6290
|
var consequent_1 = ($$anchor) => {
|
|
6240
|
-
var span_3 = root_1$
|
|
6291
|
+
var span_3 = root_1$17();
|
|
6241
6292
|
var span_4 = $.child(span_3);
|
|
6242
6293
|
var text_1 = $.only_child(span_4, true);
|
|
6243
6294
|
$.reset(span_3);
|
|
@@ -6266,7 +6317,7 @@ function Toggle($$anchor, $$props) {
|
|
|
6266
6317
|
$.delegate(["change"]);
|
|
6267
6318
|
//#endregion
|
|
6268
6319
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/FieldList.svelte
|
|
6269
|
-
var root$
|
|
6320
|
+
var root$31 = $.from_html(`<!> <!>`, 1);
|
|
6270
6321
|
function FieldList($$anchor, $$props) {
|
|
6271
6322
|
const uid = $.props_id();
|
|
6272
6323
|
$.push($$props, true);
|
|
@@ -6292,7 +6343,7 @@ function FieldList($$anchor, $$props) {
|
|
|
6292
6343
|
Stack($$anchor, {
|
|
6293
6344
|
gap: "sm",
|
|
6294
6345
|
children: ($$anchor, $$slotProps) => {
|
|
6295
|
-
var fragment_1 = root$
|
|
6346
|
+
var fragment_1 = root$31();
|
|
6296
6347
|
var node = $.first_child(fragment_1);
|
|
6297
6348
|
$.each(node, 19, () => $$props.fields, (f) => f.key, ($$anchor, f, i) => {
|
|
6298
6349
|
const id = $.derived(() => `${uid}-${$.get(i)}`);
|
|
@@ -6652,7 +6703,7 @@ function FieldList($$anchor, $$props) {
|
|
|
6652
6703
|
}
|
|
6653
6704
|
//#endregion
|
|
6654
6705
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Floating.svelte
|
|
6655
|
-
var root$
|
|
6706
|
+
var root$30 = $.from_html(`<div data-role="floating" data-outline=""><!></div>`);
|
|
6656
6707
|
function Floating($$anchor, $$props) {
|
|
6657
6708
|
$.push($$props, true);
|
|
6658
6709
|
const STEPS = /* @__PURE__ */ new Set([
|
|
@@ -6676,7 +6727,7 @@ function Floating($$anchor, $$props) {
|
|
|
6676
6727
|
if (steps.length === 0) return void 0;
|
|
6677
6728
|
return `calc(100% - ${steps.map((v) => `var(--kata-gap-${v})`).join(" - ")})`;
|
|
6678
6729
|
});
|
|
6679
|
-
var div = root$
|
|
6730
|
+
var div = root$30();
|
|
6680
6731
|
let classes;
|
|
6681
6732
|
let styles;
|
|
6682
6733
|
var node = $.child(div);
|
|
@@ -6702,8 +6753,8 @@ function Floating($$anchor, $$props) {
|
|
|
6702
6753
|
}
|
|
6703
6754
|
//#endregion
|
|
6704
6755
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Panel.svelte
|
|
6705
|
-
var root$
|
|
6706
|
-
var root_1$
|
|
6756
|
+
var root$29 = $.from_html(`<div class="handle svelte-1paomu5" role="slider" tabindex="0" aria-orientation="vertical"></div>`);
|
|
6757
|
+
var root_1$16 = $.from_html(`<section data-role="panel" data-outline=""><!> <!> <div class="scroll svelte-1paomu5"><!></div> <!></section>`);
|
|
6707
6758
|
function Panel($$anchor, $$props) {
|
|
6708
6759
|
$.push($$props, true);
|
|
6709
6760
|
let side = $.prop($$props, "side", 3, "panel"), fit = $.prop($$props, "fit", 3, false), resizable = $.prop($$props, "resizable", 3, false);
|
|
@@ -6751,11 +6802,11 @@ function Panel($$anchor, $$props) {
|
|
|
6751
6802
|
else return;
|
|
6752
6803
|
e.preventDefault();
|
|
6753
6804
|
}
|
|
6754
|
-
var section = root_1$
|
|
6805
|
+
var section = root_1$16();
|
|
6755
6806
|
let classes;
|
|
6756
6807
|
var node = $.child(section);
|
|
6757
6808
|
var consequent = ($$anchor) => {
|
|
6758
|
-
var div = root$
|
|
6809
|
+
var div = root$29();
|
|
6759
6810
|
$.set_attribute(div, "aria-valuemin", 0);
|
|
6760
6811
|
$.template_effect(() => {
|
|
6761
6812
|
$.set_attribute(div, "aria-label", $$props.resizeLabel);
|
|
@@ -6802,10 +6853,10 @@ $.delegate([
|
|
|
6802
6853
|
]);
|
|
6803
6854
|
//#endregion
|
|
6804
6855
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Tabs.svelte
|
|
6805
|
-
var root_1$
|
|
6806
|
-
var root_2$
|
|
6807
|
-
var root_3$
|
|
6808
|
-
var root_4$
|
|
6856
|
+
var root_1$15 = $.from_html(`<a><span class="t svelte-dvdfj"> </span></a>`);
|
|
6857
|
+
var root_2$9 = $.from_html(`<button type="button"><span class="t svelte-dvdfj"> </span></button>`);
|
|
6858
|
+
var root_3$5 = $.from_html(`<button type="button" aria-haspopup="menu"><span class="t svelte-dvdfj"> </span><!></button>`);
|
|
6859
|
+
var root_4$4 = $.from_html(`<span class="tab svelte-dvdfj"><span class="t svelte-dvdfj"> </span></span>`);
|
|
6809
6860
|
var root_5$3 = $.from_html(`<span class="tab more cur svelte-dvdfj"><span class="t svelte-dvdfj"> </span><!></span>`);
|
|
6810
6861
|
var root_6$3 = $.from_html(`<nav data-role="tabs"><!> <!> <span class="measure svelte-dvdfj" aria-hidden="true" data-kata-skip=""><!> <span class="tab more svelte-dvdfj"><span class="t svelte-dvdfj"> </span><!></span> <!></span></nav>`);
|
|
6811
6862
|
function Tabs($$anchor, $$props) {
|
|
@@ -6814,7 +6865,7 @@ function Tabs($$anchor, $$props) {
|
|
|
6814
6865
|
var fragment = $.comment();
|
|
6815
6866
|
var node = $.first_child(fragment);
|
|
6816
6867
|
var consequent = ($$anchor) => {
|
|
6817
|
-
var a_1 = root_1$
|
|
6868
|
+
var a_1 = root_1$15();
|
|
6818
6869
|
let classes;
|
|
6819
6870
|
var span = $.child(a_1);
|
|
6820
6871
|
var text = $.only_child(span, true);
|
|
@@ -6832,7 +6883,7 @@ function Tabs($$anchor, $$props) {
|
|
|
6832
6883
|
$.append($$anchor, a_1);
|
|
6833
6884
|
};
|
|
6834
6885
|
var alternate = ($$anchor) => {
|
|
6835
|
-
var button = root_2$
|
|
6886
|
+
var button = root_2$9();
|
|
6836
6887
|
let classes_1;
|
|
6837
6888
|
var span_1 = $.child(button);
|
|
6838
6889
|
var text_1 = $.only_child(span_1, true);
|
|
@@ -6928,7 +6979,7 @@ function Tabs($$anchor, $$props) {
|
|
|
6928
6979
|
var consequent_1 = ($$anchor) => {
|
|
6929
6980
|
{
|
|
6930
6981
|
const trigger = ($$anchor, toggle = $.noop, open = $.noop) => {
|
|
6931
|
-
var button_1 = root_3$
|
|
6982
|
+
var button_1 = root_3$5();
|
|
6932
6983
|
let classes_3;
|
|
6933
6984
|
var span_2 = $.child(button_1);
|
|
6934
6985
|
var text_2 = $.only_child(span_2, true);
|
|
@@ -6988,7 +7039,7 @@ function Tabs($$anchor, $$props) {
|
|
|
6988
7039
|
var span_3 = $.sibling(node_2, 2);
|
|
6989
7040
|
var node_5 = $.child(span_3);
|
|
6990
7041
|
$.each(node_5, 17, () => $$props.tabs, (t) => t.id, ($$anchor, t) => {
|
|
6991
|
-
var span_4 = root_4$
|
|
7042
|
+
var span_4 = root_4$4();
|
|
6992
7043
|
var span_5 = $.child(span_4);
|
|
6993
7044
|
var text_4 = $.only_child(span_5, true);
|
|
6994
7045
|
$.reset(span_4);
|
|
@@ -7029,13 +7080,13 @@ function Tabs($$anchor, $$props) {
|
|
|
7029
7080
|
$.delegate(["keydown", "click"]);
|
|
7030
7081
|
//#endregion
|
|
7031
7082
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/InspectorFrame.svelte
|
|
7032
|
-
var root$
|
|
7033
|
-
var root_1$
|
|
7034
|
-
var root_2$
|
|
7083
|
+
var root$28 = $.from_html(`<!> <!>`, 1);
|
|
7084
|
+
var root_1$14 = $.from_html(`<span class="name svelte-h87gf9"><!></span>`);
|
|
7085
|
+
var root_2$8 = $.from_html(`<!> <!> <!>`, 1);
|
|
7035
7086
|
function InspectorFrame($$anchor, $$props) {
|
|
7036
7087
|
$.push($$props, true);
|
|
7037
7088
|
const headEnd = ($$anchor) => {
|
|
7038
|
-
var fragment = root$
|
|
7089
|
+
var fragment = root$28();
|
|
7039
7090
|
var node = $.first_child(fragment);
|
|
7040
7091
|
$.snippet(node, () => $$props.head ?? $.noop);
|
|
7041
7092
|
var node_1 = $.sibling(node, 2);
|
|
@@ -7078,7 +7129,7 @@ function InspectorFrame($$anchor, $$props) {
|
|
|
7078
7129
|
var fragment_5 = $.comment();
|
|
7079
7130
|
var node_3 = $.first_child(fragment_5);
|
|
7080
7131
|
var consequent_2 = ($$anchor) => {
|
|
7081
|
-
var span = root_1$
|
|
7132
|
+
var span = root_1$14();
|
|
7082
7133
|
var node_4 = $.child(span);
|
|
7083
7134
|
{
|
|
7084
7135
|
let $0 = $.derived(() => $.get(name) ? getMessages().rename : $.get(action));
|
|
@@ -7136,7 +7187,7 @@ function InspectorFrame($$anchor, $$props) {
|
|
|
7136
7187
|
}
|
|
7137
7188
|
{
|
|
7138
7189
|
const head = ($$anchor) => {
|
|
7139
|
-
var fragment_9 = root_2$
|
|
7190
|
+
var fragment_9 = root_2$8();
|
|
7140
7191
|
var node_5 = $.first_child(fragment_9);
|
|
7141
7192
|
{
|
|
7142
7193
|
let $0 = $.derived(() => !$.get(editable) && !$$props.subtitle ? $$props.title : void 0);
|
|
@@ -7168,11 +7219,11 @@ function InspectorFrame($$anchor, $$props) {
|
|
|
7168
7219
|
var fragment_10 = $.comment();
|
|
7169
7220
|
var node_6 = $.first_child(fragment_10);
|
|
7170
7221
|
var consequent_3 = ($$anchor) => {
|
|
7171
|
-
var span_1 = root_1$
|
|
7222
|
+
var span_1 = root_1$14();
|
|
7172
7223
|
Stack($.child(span_1), {
|
|
7173
7224
|
gap: "2xs",
|
|
7174
7225
|
children: ($$anchor, $$slotProps) => {
|
|
7175
|
-
var fragment_11 = root$
|
|
7226
|
+
var fragment_11 = root$28();
|
|
7176
7227
|
var node_8 = $.first_child(fragment_11);
|
|
7177
7228
|
nameOf(node_8);
|
|
7178
7229
|
Text($.sibling(node_8, 2), {
|
|
@@ -7264,18 +7315,18 @@ function InspectorFrame($$anchor, $$props) {
|
|
|
7264
7315
|
}
|
|
7265
7316
|
//#endregion
|
|
7266
7317
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/SectionHeader.svelte
|
|
7267
|
-
var root$
|
|
7268
|
-
var root_1$
|
|
7318
|
+
var root$27 = $.from_html(`<div class="side svelte-clvfo5"><!></div>`);
|
|
7319
|
+
var root_1$13 = $.from_html(`<div data-role="section-header"><div class="head svelte-clvfo5" data-role="section-head"><span class="label svelte-clvfo5"> </span> <!></div> <div class="body svelte-clvfo5"><!></div></div>`);
|
|
7269
7320
|
function SectionHeader($$anchor, $$props) {
|
|
7270
7321
|
let flush = $.prop($$props, "flush", 3, false), rule = $.prop($$props, "rule", 3, false), gap = $.prop($$props, "gap", 3, "sm");
|
|
7271
|
-
var div = root_1$
|
|
7322
|
+
var div = root_1$13();
|
|
7272
7323
|
let classes;
|
|
7273
7324
|
var div_1 = $.child(div);
|
|
7274
7325
|
var span = $.child(div_1);
|
|
7275
7326
|
var text = $.only_child(span, true);
|
|
7276
7327
|
var node = $.sibling(span, 2);
|
|
7277
7328
|
var consequent = ($$anchor) => {
|
|
7278
|
-
var div_2 = root$
|
|
7329
|
+
var div_2 = root$27();
|
|
7279
7330
|
var node_1 = $.child(div_2);
|
|
7280
7331
|
$.snippet(node_1, () => $$props.actions);
|
|
7281
7332
|
$.reset(div_2);
|
|
@@ -7326,15 +7377,15 @@ function SectionHeader($$anchor, $$props) {
|
|
|
7326
7377
|
}
|
|
7327
7378
|
//#endregion
|
|
7328
7379
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/InspectorSection.svelte
|
|
7329
|
-
var root$
|
|
7330
|
-
var root_1$
|
|
7380
|
+
var root$26 = $.from_html(`<span class="v svelte-5urx7z"> </span>`);
|
|
7381
|
+
var root_1$12 = $.from_html(`<!> <!> <!>`, 1);
|
|
7331
7382
|
function InspectorSection($$anchor, $$props) {
|
|
7332
7383
|
$.push($$props, true);
|
|
7333
7384
|
const actions = ($$anchor) => {
|
|
7334
|
-
var fragment = root_1$
|
|
7385
|
+
var fragment = root_1$12();
|
|
7335
7386
|
var node = $.first_child(fragment);
|
|
7336
7387
|
var consequent = ($$anchor) => {
|
|
7337
|
-
var span = root$
|
|
7388
|
+
var span = root$26();
|
|
7338
7389
|
var text = $.only_child(span, true);
|
|
7339
7390
|
$.template_effect(() => $.set_text(text, $$props.value));
|
|
7340
7391
|
$.append($$anchor, span);
|
|
@@ -7418,10 +7469,10 @@ function InspectorSection($$anchor, $$props) {
|
|
|
7418
7469
|
}
|
|
7419
7470
|
//#endregion
|
|
7420
7471
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Kbd.svelte
|
|
7421
|
-
var root$
|
|
7472
|
+
var root$25 = $.from_html(`<kbd data-role="mark"><span class="key svelte-1oh8oxw"><!></span></kbd>`);
|
|
7422
7473
|
function Kbd($$anchor, $$props) {
|
|
7423
7474
|
let bare = $.prop($$props, "bare", 3, false);
|
|
7424
|
-
var kbd = root$
|
|
7475
|
+
var kbd = root$25();
|
|
7425
7476
|
let classes;
|
|
7426
7477
|
var span = $.child(kbd);
|
|
7427
7478
|
var node = $.child(span);
|
|
@@ -9467,10 +9518,10 @@ function sortable(node, params) {
|
|
|
9467
9518
|
}
|
|
9468
9519
|
//#endregion
|
|
9469
9520
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Markbox.svelte
|
|
9470
|
-
var root$
|
|
9521
|
+
var root$24 = $.from_html(`<span data-role="markbox" data-h="icon"><!></span>`);
|
|
9471
9522
|
function Markbox($$anchor, $$props) {
|
|
9472
9523
|
let glyph = $.prop($$props, "glyph", 3, false);
|
|
9473
|
-
var span = root$
|
|
9524
|
+
var span = root$24();
|
|
9474
9525
|
let classes;
|
|
9475
9526
|
var node = $.child(span);
|
|
9476
9527
|
$.snippet(node, () => $$props.children);
|
|
@@ -9480,7 +9531,7 @@ function Markbox($$anchor, $$props) {
|
|
|
9480
9531
|
}
|
|
9481
9532
|
//#endregion
|
|
9482
9533
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Tree.svelte
|
|
9483
|
-
var root$
|
|
9534
|
+
var root$23 = $.from_html(`<div class="tree svelte-ruthwf" role="tree" data-role="list"><!></div>`);
|
|
9484
9535
|
function Tree($$anchor, $$props) {
|
|
9485
9536
|
$.push($$props, true);
|
|
9486
9537
|
let flat = $.prop($$props, "flat", 3, false);
|
|
@@ -9488,7 +9539,7 @@ function Tree($$anchor, $$props) {
|
|
|
9488
9539
|
/** No row opens: no room for the chevron */
|
|
9489
9540
|
/** The least height of every row */
|
|
9490
9541
|
setContext("kata-tree-flat", () => flat());
|
|
9491
|
-
var div = root$
|
|
9542
|
+
var div = root$23();
|
|
9492
9543
|
Stack($.child(div), {
|
|
9493
9544
|
gap: 0,
|
|
9494
9545
|
children: ($$anchor, $$slotProps) => {
|
|
@@ -9527,11 +9578,11 @@ var rest_excludes$6 = /* @__PURE__ */ new Set([
|
|
|
9527
9578
|
"children",
|
|
9528
9579
|
"end"
|
|
9529
9580
|
]);
|
|
9530
|
-
var root$
|
|
9531
|
-
var root_1$
|
|
9532
|
-
var root_2$
|
|
9533
|
-
var root_3$
|
|
9534
|
-
var root_4$
|
|
9581
|
+
var root$22 = $.from_html(`<span data-grip="" aria-hidden="true"><!></span>`);
|
|
9582
|
+
var root_1$11 = $.from_html(`<button class="chev svelte-19ffqlj" type="button" data-h="icon-button"><!></button>`);
|
|
9583
|
+
var root_2$7 = $.from_html(`<span class="seat svelte-19ffqlj" aria-hidden="true"></span>`);
|
|
9584
|
+
var root_3$4 = $.from_html(`<span class="keep-seat svelte-19ffqlj" aria-hidden="true"></span>`);
|
|
9585
|
+
var root_4$3 = $.from_html(`<!> <span><!></span>`, 1);
|
|
9535
9586
|
var root_5$2 = $.from_html(`<!> <!> <span class="main svelte-19ffqlj"><!></span> <!>`, 1);
|
|
9536
9587
|
var root_6$2 = $.from_html(`<div><!></div>`);
|
|
9537
9588
|
function TreeRow($$anchor, $$props) {
|
|
@@ -9660,7 +9711,7 @@ function TreeRow($$anchor, $$props) {
|
|
|
9660
9711
|
var fragment = root_5$2();
|
|
9661
9712
|
var node_1 = $.first_child(fragment);
|
|
9662
9713
|
var consequent = ($$anchor) => {
|
|
9663
|
-
var span = root$
|
|
9714
|
+
var span = root$22();
|
|
9664
9715
|
let classes;
|
|
9665
9716
|
Icon($.child(span), { name: "grip-vertical" });
|
|
9666
9717
|
$.reset(span);
|
|
@@ -9676,7 +9727,7 @@ function TreeRow($$anchor, $$props) {
|
|
|
9676
9727
|
});
|
|
9677
9728
|
var node_3 = $.sibling(node_1, 2);
|
|
9678
9729
|
var consequent_1 = ($$anchor) => {
|
|
9679
|
-
var button = root_1$
|
|
9730
|
+
var button = root_1$11();
|
|
9680
9731
|
var node_4 = $.child(button);
|
|
9681
9732
|
{
|
|
9682
9733
|
let $0 = $.derived(() => expanded() ? "chevron-down" : "chevron-right");
|
|
@@ -9696,7 +9747,7 @@ function TreeRow($$anchor, $$props) {
|
|
|
9696
9747
|
$.append($$anchor, button);
|
|
9697
9748
|
};
|
|
9698
9749
|
var consequent_2 = ($$anchor) => {
|
|
9699
|
-
var span_1 = root_2$
|
|
9750
|
+
var span_1 = root_2$7();
|
|
9700
9751
|
$.append($$anchor, span_1);
|
|
9701
9752
|
};
|
|
9702
9753
|
$.if(node_3, ($$render) => {
|
|
@@ -9709,10 +9760,10 @@ function TreeRow($$anchor, $$props) {
|
|
|
9709
9760
|
$.reset(span_2);
|
|
9710
9761
|
var node_6 = $.sibling(span_2, 2);
|
|
9711
9762
|
var consequent_4 = ($$anchor) => {
|
|
9712
|
-
var fragment_1 = root_4$
|
|
9763
|
+
var fragment_1 = root_4$3();
|
|
9713
9764
|
var node_7 = $.first_child(fragment_1);
|
|
9714
9765
|
var consequent_3 = ($$anchor) => {
|
|
9715
|
-
var span_3 = root_3$
|
|
9766
|
+
var span_3 = root_3$4();
|
|
9716
9767
|
let styles;
|
|
9717
9768
|
$.template_effect(() => styles = $.set_style(span_3, "", styles, { width: `${$.get(keepW) ?? ""}px` }));
|
|
9718
9769
|
$.append($$anchor, span_3);
|
|
@@ -9784,10 +9835,10 @@ var mark = ($$anchor, node = $.noop) => {
|
|
|
9784
9835
|
$.append($$anchor, fragment_3);
|
|
9785
9836
|
};
|
|
9786
9837
|
var trees = 0;
|
|
9787
|
-
var root_1$
|
|
9788
|
-
var root_2$
|
|
9789
|
-
var root_3$
|
|
9790
|
-
var root_4$
|
|
9838
|
+
var root_1$10 = $.from_html(`<span class="rename svelte-1go7yvy"><!></span>`);
|
|
9839
|
+
var root_2$6 = $.from_html(`<!> <!>`, 1);
|
|
9840
|
+
var root_3$3 = $.from_html(`<!> <!> <!> <!>`, 1);
|
|
9841
|
+
var root_4$2 = $.from_html(`<div data-subrows=""><!></div>`);
|
|
9791
9842
|
var root_5$1 = $.from_html(`<div class="zone svelte-1go7yvy" role="group"></div>`);
|
|
9792
9843
|
var root_6$1 = $.from_html(`<div class="item svelte-1go7yvy" role="none" data-sortable-item=""><!> <!> <!></div>`);
|
|
9793
9844
|
var root_7$1 = $.from_html(`<div class="zone svelte-1go7yvy" role="none"></div>`);
|
|
@@ -9798,7 +9849,7 @@ function LayerTree($$anchor, $$props) {
|
|
|
9798
9849
|
var fragment = $.comment();
|
|
9799
9850
|
var node_1 = $.first_child(fragment);
|
|
9800
9851
|
var consequent = ($$anchor) => {
|
|
9801
|
-
var span = root_1$
|
|
9852
|
+
var span = root_1$10();
|
|
9802
9853
|
var node_2 = $.child(span);
|
|
9803
9854
|
var bind_get = () => true;
|
|
9804
9855
|
var bind_set = (v) => !v && endRename(node().id);
|
|
@@ -9857,7 +9908,7 @@ function LayerTree($$anchor, $$props) {
|
|
|
9857
9908
|
$.append($$anchor, fragment_9);
|
|
9858
9909
|
};
|
|
9859
9910
|
var alternate_2 = ($$anchor) => {
|
|
9860
|
-
var fragment_10 = root_2$
|
|
9911
|
+
var fragment_10 = root_2$6();
|
|
9861
9912
|
var node_7 = $.first_child(fragment_10);
|
|
9862
9913
|
mark(node_7, node);
|
|
9863
9914
|
var node_8 = $.sibling(node_7, 2);
|
|
@@ -9871,7 +9922,7 @@ function LayerTree($$anchor, $$props) {
|
|
|
9871
9922
|
$.append($$anchor, fragment_8);
|
|
9872
9923
|
};
|
|
9873
9924
|
const tools = ($$anchor, node = $.noop) => {
|
|
9874
|
-
var fragment_11 = root_3$
|
|
9925
|
+
var fragment_11 = root_3$3();
|
|
9875
9926
|
var node_9 = $.first_child(fragment_11);
|
|
9876
9927
|
var consequent_4 = ($$anchor) => {
|
|
9877
9928
|
var fragment_12 = $.comment();
|
|
@@ -10006,7 +10057,7 @@ function LayerTree($$anchor, $$props) {
|
|
|
10006
10057
|
});
|
|
10007
10058
|
var node_16 = $.sibling(node_15, 2);
|
|
10008
10059
|
var consequent_9 = ($$anchor) => {
|
|
10009
|
-
var div_1 = root_4$
|
|
10060
|
+
var div_1 = root_4$2();
|
|
10010
10061
|
let classes;
|
|
10011
10062
|
let styles;
|
|
10012
10063
|
var node_17 = $.child(div_1);
|
|
@@ -10329,7 +10380,7 @@ function LayerTree($$anchor, $$props) {
|
|
|
10329
10380
|
}
|
|
10330
10381
|
//#endregion
|
|
10331
10382
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Sheet.svelte
|
|
10332
|
-
var root$
|
|
10383
|
+
var root$21 = $.from_html(`<aside data-role="panel" data-outline=""><button class="handle svelte-1l2tcmc" type="button"></button> <!> <div><!></div> <!></aside>`);
|
|
10333
10384
|
function Sheet($$anchor, $$props) {
|
|
10334
10385
|
$.push($$props, true);
|
|
10335
10386
|
let stage = $.prop($$props, "stage", 15, "half"), stages = $.prop($$props, "stages", 19, () => [
|
|
@@ -10426,7 +10477,7 @@ function Sheet($$anchor, $$props) {
|
|
|
10426
10477
|
else go(stages()[Math.max(0, $.get(index) - 1)]);
|
|
10427
10478
|
}
|
|
10428
10479
|
}
|
|
10429
|
-
var aside = root$
|
|
10480
|
+
var aside = root$21();
|
|
10430
10481
|
let classes;
|
|
10431
10482
|
let styles;
|
|
10432
10483
|
var button = $.child(aside);
|
|
@@ -10472,14 +10523,14 @@ $.delegate([
|
|
|
10472
10523
|
]);
|
|
10473
10524
|
//#endregion
|
|
10474
10525
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Progress.svelte
|
|
10475
|
-
var root$
|
|
10526
|
+
var root$20 = $.from_html(`<div data-role="progress" role="progressbar"><div class="fill svelte-nr5ef2"></div></div>`);
|
|
10476
10527
|
function Progress($$anchor, $$props) {
|
|
10477
10528
|
let max = $.prop($$props, "max", 3, 100);
|
|
10478
10529
|
/** The amount done; without it the bar is indeterminate */
|
|
10479
10530
|
/** The accessible name of the bar */
|
|
10480
10531
|
const indet = $.derived(() => $$props.value === void 0);
|
|
10481
10532
|
const pct = $.derived(() => $.get(indet) || max() <= 0 ? 0 : Math.max(0, Math.min(100, ($$props.value ?? 0) / max() * 100)));
|
|
10482
|
-
var div = root$
|
|
10533
|
+
var div = root$20();
|
|
10483
10534
|
let classes;
|
|
10484
10535
|
$.set_attribute(div, "aria-valuemin", 0);
|
|
10485
10536
|
var div_1 = $.child(div);
|
|
@@ -10496,8 +10547,8 @@ function Progress($$anchor, $$props) {
|
|
|
10496
10547
|
}
|
|
10497
10548
|
//#endregion
|
|
10498
10549
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/ProcessDialog.svelte
|
|
10499
|
-
var root$
|
|
10500
|
-
var root_1$
|
|
10550
|
+
var root$19 = $.from_html(`<div class="live svelte-16ppcuu" aria-live="polite"><!></div> <!>`, 1);
|
|
10551
|
+
var root_1$9 = $.from_html(`<!> <!> <!>`, 1);
|
|
10501
10552
|
function ProcessDialog($$anchor, $$props) {
|
|
10502
10553
|
$.push($$props, true);
|
|
10503
10554
|
const cancelAction = ($$anchor) => {
|
|
@@ -10567,7 +10618,7 @@ function ProcessDialog($$anchor, $$props) {
|
|
|
10567
10618
|
Stack($$anchor, {
|
|
10568
10619
|
gap: "sm",
|
|
10569
10620
|
children: ($$anchor, $$slotProps) => {
|
|
10570
|
-
var fragment_7 = root$
|
|
10621
|
+
var fragment_7 = root$19();
|
|
10571
10622
|
var div = $.first_child(fragment_7);
|
|
10572
10623
|
var node_1 = $.child(div);
|
|
10573
10624
|
{
|
|
@@ -10595,7 +10646,7 @@ function ProcessDialog($$anchor, $$props) {
|
|
|
10595
10646
|
});
|
|
10596
10647
|
};
|
|
10597
10648
|
var alternate = ($$anchor) => {
|
|
10598
|
-
var fragment_8 = root_1$
|
|
10649
|
+
var fragment_8 = root_1$9();
|
|
10599
10650
|
var node_3 = $.first_child(fragment_8);
|
|
10600
10651
|
var consequent_1 = ($$anchor) => {
|
|
10601
10652
|
Banner($$anchor, {
|
|
@@ -10656,79 +10707,8 @@ function ProcessDialog($$anchor, $$props) {
|
|
|
10656
10707
|
$.pop();
|
|
10657
10708
|
}
|
|
10658
10709
|
//#endregion
|
|
10659
|
-
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Section.svelte
|
|
10660
|
-
var root$19 = $.from_html(`<span class="status svelte-mk24w4"> </span>`);
|
|
10661
|
-
var root_1$9 = $.from_html(`<p class="note svelte-mk24w4" data-role="caption"> </p>`);
|
|
10662
|
-
var root_2$6 = $.from_html(`<div class="head svelte-mk24w4" data-role="row-inline"><h2 class="title svelte-mk24w4"> </h2> <!></div> <!>`, 1);
|
|
10663
|
-
var root_3$3 = $.from_html(`<!> <div class="body svelte-mk24w4" data-pass=""><!></div>`, 1);
|
|
10664
|
-
var root_4$2 = $.from_html(`<section data-role="section"><!></section>`);
|
|
10665
|
-
function Section($$anchor, $$props) {
|
|
10666
|
-
let gap = $.prop($$props, "gap", 3, "lg"), flush = $.prop($$props, "flush", 3, false);
|
|
10667
|
-
var section = root_4$2();
|
|
10668
|
-
let classes;
|
|
10669
|
-
Stack($.child(section), {
|
|
10670
|
-
gap: "lg",
|
|
10671
|
-
children: ($$anchor, $$slotProps) => {
|
|
10672
|
-
var fragment = root_3$3();
|
|
10673
|
-
var node_1 = $.first_child(fragment);
|
|
10674
|
-
Stack(node_1, {
|
|
10675
|
-
gap: "xs",
|
|
10676
|
-
children: ($$anchor, $$slotProps) => {
|
|
10677
|
-
var fragment_1 = root_2$6();
|
|
10678
|
-
var div = $.first_child(fragment_1);
|
|
10679
|
-
var h2 = $.child(div);
|
|
10680
|
-
var text = $.only_child(h2, true);
|
|
10681
|
-
var node_2 = $.sibling(h2, 2);
|
|
10682
|
-
var consequent = ($$anchor) => {
|
|
10683
|
-
var span = root$19();
|
|
10684
|
-
var text_1 = $.only_child(span, true);
|
|
10685
|
-
$.template_effect(() => $.set_text(text_1, $$props.status));
|
|
10686
|
-
$.append($$anchor, span);
|
|
10687
|
-
};
|
|
10688
|
-
$.if(node_2, ($$render) => {
|
|
10689
|
-
if ($$props.status) $$render(consequent);
|
|
10690
|
-
});
|
|
10691
|
-
$.reset(div);
|
|
10692
|
-
var node_3 = $.sibling(div, 2);
|
|
10693
|
-
var consequent_1 = ($$anchor) => {
|
|
10694
|
-
var p = root_1$9();
|
|
10695
|
-
var text_2 = $.only_child(p, true);
|
|
10696
|
-
$.template_effect(() => $.set_text(text_2, $$props.note));
|
|
10697
|
-
$.append($$anchor, p);
|
|
10698
|
-
};
|
|
10699
|
-
$.if(node_3, ($$render) => {
|
|
10700
|
-
if ($$props.note) $$render(consequent_1);
|
|
10701
|
-
});
|
|
10702
|
-
$.template_effect(() => $.set_text(text, $$props.title));
|
|
10703
|
-
$.append($$anchor, fragment_1);
|
|
10704
|
-
},
|
|
10705
|
-
$$slots: { default: true }
|
|
10706
|
-
});
|
|
10707
|
-
var div_1 = $.sibling(node_1, 2);
|
|
10708
|
-
Stack($.child(div_1), {
|
|
10709
|
-
get gap() {
|
|
10710
|
-
return gap();
|
|
10711
|
-
},
|
|
10712
|
-
children: ($$anchor, $$slotProps) => {
|
|
10713
|
-
var fragment_2 = $.comment();
|
|
10714
|
-
var node_5 = $.first_child(fragment_2);
|
|
10715
|
-
$.snippet(node_5, () => $$props.children);
|
|
10716
|
-
$.append($$anchor, fragment_2);
|
|
10717
|
-
},
|
|
10718
|
-
$$slots: { default: true }
|
|
10719
|
-
});
|
|
10720
|
-
$.reset(div_1);
|
|
10721
|
-
$.append($$anchor, fragment);
|
|
10722
|
-
},
|
|
10723
|
-
$$slots: { default: true }
|
|
10724
|
-
});
|
|
10725
|
-
$.reset(section);
|
|
10726
|
-
$.template_effect(() => classes = $.set_class(section, 1, "kata-section svelte-mk24w4", null, classes, { flush: flush() }));
|
|
10727
|
-
$.append($$anchor, section);
|
|
10728
|
-
}
|
|
10729
|
-
//#endregion
|
|
10730
10710
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Stat.svelte
|
|
10731
|
-
var root$18 = $.from_html(`<div class="stat svelte-1hxotol" data-role="stat"
|
|
10711
|
+
var root$18 = $.from_html(`<div class="stat svelte-1hxotol" data-role="stat"><span class="v svelte-1hxotol"> </span> <span class="k svelte-1hxotol"><!><span class="t svelte-1hxotol"> </span></span></div>`);
|
|
10732
10712
|
function Stat($$anchor, $$props) {
|
|
10733
10713
|
var div = root$18();
|
|
10734
10714
|
var span = $.child(div);
|
|
@@ -11148,6 +11128,7 @@ function ShortcutsModal($$anchor, $$props) {
|
|
|
11148
11128
|
get onclose() {
|
|
11149
11129
|
return $$props.onclose;
|
|
11150
11130
|
},
|
|
11131
|
+
flush: true,
|
|
11151
11132
|
get open() {
|
|
11152
11133
|
return open();
|
|
11153
11134
|
},
|
|
@@ -11171,8 +11152,8 @@ function ShortcutsModal($$anchor, $$props) {
|
|
|
11171
11152
|
var $$array = $.derived(() => $.to_array($.get($$item), 2));
|
|
11172
11153
|
let group = () => $.get($$array)[0];
|
|
11173
11154
|
let list = () => $.get($$array)[1];
|
|
11174
|
-
|
|
11175
|
-
get
|
|
11155
|
+
SectionHeader($$anchor, {
|
|
11156
|
+
get label() {
|
|
11176
11157
|
return group();
|
|
11177
11158
|
},
|
|
11178
11159
|
flush: true,
|
|
@@ -11194,7 +11175,7 @@ function ShortcutsModal($$anchor, $$props) {
|
|
|
11194
11175
|
}
|
|
11195
11176
|
//#endregion
|
|
11196
11177
|
//#region ../node_modules/@sakuzu/kata/dist/svelte/components/Veil.svelte
|
|
11197
|
-
var root$14 = $.from_html(`<div class="veil svelte-1chlxvr" data-role="veil"><!></div>`);
|
|
11178
|
+
var root$14 = $.from_html(`<div class="veil svelte-1chlxvr" data-role="veil" data-outline=""><!></div>`);
|
|
11198
11179
|
function Veil($$anchor, $$props) {
|
|
11199
11180
|
let busy = $.prop($$props, "busy", 3, false);
|
|
11200
11181
|
var div = root$14();
|