@juspay/svelte-ui-components 4.20.0 → 4.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AreaChart/AreaChart.svelte +10 -1
- package/dist/AreaChart/properties.d.ts +15 -0
- package/dist/BarChart/BarChart.svelte +15 -2
- package/dist/BarChart/properties.d.ts +16 -0
- package/dist/ChatMessage/ChatMessage.svelte +39 -0
- package/dist/DualAxisBarChart/DualAxisBarChart.svelte +12 -1
- package/dist/DualAxisBarChart/properties.d.ts +15 -0
- package/dist/LineChart/LineChart.svelte +7 -1
- package/dist/LineChart/properties.d.ts +14 -0
- package/dist/MarkdownText/MarkdownText.svelte +4 -1
- package/dist/MarkdownText/markdown.js +24 -4
- package/dist/MarkdownText/properties.d.ts +11 -0
- package/dist/Table/Table.svelte +12 -7
- package/dist/Table/properties.d.ts +32 -0
- package/dist/_chart/Legend.svelte +41 -13
- package/dist/_chart/aggregate.d.ts +35 -0
- package/dist/_chart/aggregate.js +68 -0
- package/dist/_chart/narrationHighlighter.d.ts +83 -0
- package/dist/_chart/narrationHighlighter.js +113 -0
- package/dist/_chart/types.d.ts +8 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1 -0
- package/dist-wc/index.js +359 -302
- package/package.json +1 -1
package/dist-wc/index.js
CHANGED
|
@@ -3724,7 +3724,7 @@ create_custom_element(Img, {
|
|
|
3724
3724
|
}, [], [], { mode: "open" });
|
|
3725
3725
|
//#endregion
|
|
3726
3726
|
//#region src/lib/Avatar/Avatar.svelte
|
|
3727
|
-
var root$91 = /* @__PURE__ */ from_html("<span class=\"avatar-img-wrapper svelte-ym3tx2\"><!></span>"), root_1$79 = /* @__PURE__ */ from_html("<span class=\"avatar-initials svelte-ym3tx2\"> </span>"), root_2$60 = /* @__PURE__ */ from_html("<button type=\"button\"><!></button>"), root_3$
|
|
3727
|
+
var root$91 = /* @__PURE__ */ from_html("<span class=\"avatar-img-wrapper svelte-ym3tx2\"><!></span>"), root_1$79 = /* @__PURE__ */ from_html("<span class=\"avatar-initials svelte-ym3tx2\"> </span>"), root_2$60 = /* @__PURE__ */ from_html("<button type=\"button\"><!></button>"), root_3$51 = /* @__PURE__ */ from_html("<div role=\"img\"><!></div>"), $$css$90 = {
|
|
3728
3728
|
hash: "svelte-ym3tx2",
|
|
3729
3729
|
code: ".avatar.svelte-ym3tx2 {display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--avatar-border-radius, 50%);border:var(--avatar-border, none);box-shadow:var(--avatar-box-shadow, none);cursor:var(--avatar-cursor, default);overflow:hidden;background-color:var(--avatar-background, #e0e0e0);font-family:inherit;}.avatar.svelte-ym3tx2:hover {opacity:var(--avatar-hover-opacity, 1);}.avatar-small.svelte-ym3tx2 {width:var(--avatar-small-width, 32px);height:var(--avatar-small-height, 32px);}.avatar-medium.svelte-ym3tx2 {width:var(--avatar-medium-width, 40px);height:var(--avatar-medium-height, 40px);}.avatar-large.svelte-ym3tx2 {width:var(--avatar-large-width, 56px);height:var(--avatar-large-height, 56px);}.avatar-img-wrapper.svelte-ym3tx2 {display:contents;--image-width: 100%;--image-height: 100%;--image-object-fit: var(--avatar-object-fit, cover);--image-border-radius: 0px;--image-padding: 0px;--image-margin: 0px;}.avatar-initials.svelte-ym3tx2 {color:var(--avatar-text-color, #555555);font-weight:var(--avatar-font-weight, 600);font-family:var(--avatar-font-family, inherit);user-select:none;}.avatar-small.svelte-ym3tx2 .avatar-initials:where(.svelte-ym3tx2) {font-size:var(--avatar-small-font-size, 12px);}.avatar-medium.svelte-ym3tx2 .avatar-initials:where(.svelte-ym3tx2) {font-size:var(--avatar-medium-font-size, 14px);}.avatar-large.svelte-ym3tx2 .avatar-initials:where(.svelte-ym3tx2) {font-size:var(--avatar-large-font-size, 20px);}"
|
|
3730
3730
|
};
|
|
@@ -3810,7 +3810,7 @@ function Avatar(e, t) {
|
|
|
3810
3810
|
l()?.apply(this, e);
|
|
3811
3811
|
}), append(e, t);
|
|
3812
3812
|
}, ne = (e) => {
|
|
3813
|
-
var t = root_3$
|
|
3813
|
+
var t = root_3$51();
|
|
3814
3814
|
n(child(t)), reset(t), template_effect(() => {
|
|
3815
3815
|
set_class(t, 1, `avatar avatar-${s() ?? ""} ${u() ?? "" ?? ""}`, "svelte-ym3tx2"), set_attribute(t, "aria-label", a()), set_attribute(t, "data-pw", c()), set_attribute(t, "testid", c());
|
|
3816
3816
|
}), append(e, t);
|
|
@@ -4218,7 +4218,7 @@ create_custom_element(Loader, {
|
|
|
4218
4218
|
}, [], [], { mode: "open" });
|
|
4219
4219
|
//#endregion
|
|
4220
4220
|
//#region src/lib/Button/Button.svelte
|
|
4221
|
-
var root$86 = /* @__PURE__ */ from_html("<div class=\"button-progress-bar svelte-1j9w5l4\"></div>"), root_1$75 = /* @__PURE__ */ from_html("<div class=\"button-loader svelte-1j9w5l4\"><!></div>"), root_2$57 = /* @__PURE__ */ from_html("<div class=\"button-icon svelte-1j9w5l4\"><!></div>"), root_3$
|
|
4221
|
+
var root$86 = /* @__PURE__ */ from_html("<div class=\"button-progress-bar svelte-1j9w5l4\"></div>"), root_1$75 = /* @__PURE__ */ from_html("<div class=\"button-loader svelte-1j9w5l4\"><!></div>"), root_2$57 = /* @__PURE__ */ from_html("<div class=\"button-icon svelte-1j9w5l4\"><!></div>"), root_3$50 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"></div>"), root_4$39 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"> </div>"), root_5$32 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), root_6$26 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$86 = {
|
|
4222
4222
|
hash: "svelte-1j9w5l4",
|
|
4223
4223
|
code: ".button-container.svelte-1j9w5l4 {position:relative;width:var(--button-width, fit-content);}\n\n /* ---- Variant defaults (set the internal --_btn-* layer; explicit --button-* always wins) ---- */.variant-primary.svelte-1j9w5l4 {--_btn-color: #3a4550;--_btn-text-color: #ffffff;--_btn-border: none;}.variant-secondary.svelte-1j9w5l4 {--_btn-color: transparent;--_btn-text-color: #3a4550;--_btn-border: 1px solid #cbd5e1;--_btn-hover-color: #f1f5f9;--_btn-hover-text-color: #3a4550;--_btn-hover-border: 1px solid #cbd5e1;}.variant-ghost.svelte-1j9w5l4 {--_btn-color: transparent;--_btn-text-color: #3a4550;--_btn-border: none;--_btn-hover-color: #f1f5f9;--_btn-hover-text-color: #3a4550;--_btn-hover-border: none;}.variant-destructive.svelte-1j9w5l4 {--_btn-color: #e7000b;--_btn-text-color: #ffffff;--_btn-border: none;--_btn-hover-color: #c10007;--_btn-hover-text-color: #ffffff;--_btn-hover-border: none;}\n\n /* Transparent chassis for gradient marketing CTAs — deliberately no background\n of its own. Pair with a --button-background gradient (and usually a matching\n --button-hover-color, since --_btn-hover-color sits before --button-background\n in the hover fallback chain and would otherwise flatten the gradient to\n transparent on hover). Geometry (padding/font-size) is intentionally left to\n the size preset, not this variant. */.variant-brand.svelte-1j9w5l4 {--_btn-color: transparent;--_btn-text-color: #ffffff;--_btn-border: none;--_btn-hover-color: transparent;--_btn-hover-text-color: #ffffff;--_btn-hover-border: none;}\n\n /* ---- Size defaults (md reproduces the legacy 16px padding / 14px font) ---- */.size-sm.svelte-1j9w5l4 {--_btn-padding: 8px 12px;--_btn-font-size: 13px;}.size-md.svelte-1j9w5l4 {--_btn-padding: 16px;--_btn-font-size: 14px;}.size-lg.svelte-1j9w5l4 {--_btn-padding: 20px 28px;--_btn-font-size: 16px;}.icon-only.svelte-1j9w5l4 {--_btn-padding: 8px;}.icon-only.size-sm.svelte-1j9w5l4 {--_btn-padding: 6px;}.icon-only.size-lg.svelte-1j9w5l4 {--_btn-padding: 12px;}.full-width.svelte-1j9w5l4 {--button-width: 100%;}.button-el.svelte-1j9w5l4 {max-height:var(--button-max-height);max-width:var(--button-max-width);min-width:var(--button-min-width);font-family:var(--button-font-family);font-weight:var(--button-font-weight, 500);font-size:var(--button-font-size, var(--_btn-font-size, 14px));background-color:var(--button-color, var(--_btn-color, #3a4550));\n /* Image layer, deliberately not the `background` shorthand — the shorthand\n would reset a consumer's own background-image/position/size layers\n whenever the hook is unset. Gradients go here; solids stay on --button-color. */background-image:var(--button-background, none);color:var(--button-text-color, var(--_btn-text-color, white));height:var(--button-height, fit-content);padding:var(--button-padding, var(--_btn-padding, 16px));margin:var(--button-margin);border-radius:var(--button-border-radius, var(--radius, 6px));width:var(--button-width, fit-content);cursor:var(--cursor, pointer);opacity:var(--opacity, 1);border:var(--button-border, var(--_btn-border, none));box-sizing:border-box;text-decoration:var(--button-text-decoration, none);line-height:var(--button-line-height, normal);display:flex;justify-content:var(--button-justify-content, center);align-items:center;flex-direction:var(--button-content-flex-direction, row);gap:var(--button-content-gap, 16px);visibility:var(--button-visibility, visible);box-shadow:var(--button-box-shadow, none);transition:var(--button-transition, none);\n\n /* A button label should never soft-wrap onto a second line as the label text\n changes (e.g. \"Select\" -> \"Select (1)\") — that jitters the layout around it.\n Consumers that genuinely want multi-line buttons opt back in via the var. */white-space:var(--button-white-space, nowrap);}.button-el.disabled.svelte-1j9w5l4,\n .button-el.svelte-1j9w5l4:disabled {cursor:var(--disabled-cursor, not-allowed);opacity:var(--disabled-opacity, 0.4);color:var(--disabled-text-color, var(--button-text-color, var(--_btn-text-color, white)));font-size:var(--disabled-font-size);font-weight:var(--disabled-font-weight);text-decoration:var(--button-disabled-text-decoration, var(--button-text-decoration, none));\n /* Preserve the variant border when disabled so secondary (bordered) stays distinct from ghost. */border:var(--disabled-border, var(--button-border, var(--_btn-border, none)));background:var(\n --disabled-background-color,\n var(--button-background, var(--button-color, var(--_btn-color, #3a4550)))\n );box-shadow:var(\n --button-disabled-box-shadow,\n var(--disabled-box-shadow, var(--button-box-shadow, none))\n );}.button-loader.svelte-1j9w5l4 {order:var(--button-loader-order, 1);}.button-icon.svelte-1j9w5l4 {order:var(--button-icon-order, 2);display:var(--button-icon-display);}.button-text.svelte-1j9w5l4 {order:var(--button-text-order, 3);display:var(--button-text-display);\n\n /* With nowrap as the default, a label longer than the button's box would\n otherwise bleed past it — truncate with an ellipsis instead. Full labels\n stay available via the button's accessible name / title at the call site. */overflow:hidden;text-overflow:ellipsis;}.button-el.svelte-1j9w5l4:hover:not(.disabled) {background:var(\n --button-hover-color,\n var(\n --_btn-hover-color,\n var(--button-background, var(--button-color, var(--_btn-color, #3a4550)))\n )\n );color:var(\n --button-hover-text-color,\n var(--_btn-hover-text-color, var(--button-text-color, var(--_btn-text-color, white)))\n );border:var(\n --button-hover-border,\n var(--_btn-hover-border, var(--button-border, var(--_btn-border, none)))\n );transform:var(--button-hover-transform);box-shadow:var(--button-hover-box-shadow, var(--button-box-shadow, none));}.button-el.svelte-1j9w5l4:active:not(.disabled) {transform:var(--button-active-transform);background:var(\n --button-active-background,\n var(--button-background, var(--button-color, var(--_btn-color, #3a4550)))\n );box-shadow:var(--button-active-box-shadow, var(--button-box-shadow, none));}.button-el.svelte-1j9w5l4:focus-visible {box-shadow:var(--button-focus-visible-box-shadow, var(--button-box-shadow, none));}.button-progress-bar.svelte-1j9w5l4 {position:absolute;height:100%;width:100%;background:var(--button-progress-loader-background-color, #00000030);\n animation: svelte-1j9w5l4-fill-loader var(--button-progress-loader-duration, 8s) forwards;z-index:2;}\n\n @keyframes svelte-1j9w5l4-fill-loader {\n 0% {\n width: 0;\n }\n\n 100% {\n width: 100%;\n }\n }"
|
|
4224
4224
|
};
|
|
@@ -4508,7 +4508,7 @@ function Button(e, t) {
|
|
|
4508
4508
|
});
|
|
4509
4509
|
var f = sibling(s, 2), h = (e) => {
|
|
4510
4510
|
var t = comment(), i = first_child(t), a = (e) => {
|
|
4511
|
-
var t = root_3$
|
|
4511
|
+
var t = root_3$50();
|
|
4512
4512
|
html(t, n, !0), reset(t), append(e, t);
|
|
4513
4513
|
}, o = (e) => {
|
|
4514
4514
|
var t = root_4$39(), i = child(t, !0);
|
|
@@ -4576,7 +4576,7 @@ create_custom_element(Button, {
|
|
|
4576
4576
|
}, [], [], { mode: "open" });
|
|
4577
4577
|
//#endregion
|
|
4578
4578
|
//#region src/lib/Book/Book.svelte
|
|
4579
|
-
var root$85 = /* @__PURE__ */ from_html("<div><!></div>"), root_1$74 = /* @__PURE__ */ from_html("<div class=\"page svelte-1qrpci6\"><!></div>"), root_2$56 = /* @__PURE__ */ from_html("<div class=\"page page-slide svelte-1qrpci6\"><!></div>"), root_3$
|
|
4579
|
+
var root$85 = /* @__PURE__ */ from_html("<div><!></div>"), root_1$74 = /* @__PURE__ */ from_html("<div class=\"page svelte-1qrpci6\"><!></div>"), root_2$56 = /* @__PURE__ */ from_html("<div class=\"page page-slide svelte-1qrpci6\"><!></div>"), root_3$49 = /* @__PURE__ */ from_html("<button></button>"), root_4$38 = /* @__PURE__ */ from_html("<div class=\"page-indicator svelte-1qrpci6\"></div>"), root_5$31 = /* @__PURE__ */ from_html("<div role=\"region\" tabindex=\"0\"><div class=\"book-viewport svelte-1qrpci6\"><!> <div class=\"pages-container svelte-1qrpci6\"></div> <!></div> <!></div>"), $$css$85 = {
|
|
4580
4580
|
hash: "svelte-1qrpci6",
|
|
4581
4581
|
code: ".book.svelte-1qrpci6 {width:var(--book-width, 100%);background-color:var(--book-background, #ffffff);border-radius:var(--book-border-radius, var(--radius, 4px));border:var(--book-border, 1px solid #e0e0e0);outline:none;}.book-viewport.svelte-1qrpci6 {position:relative;display:flex;align-items:center;}.pages-container.svelte-1qrpci6 {position:relative;width:100%;height:var(--book-height, 400px);overflow:var(--book-overflow, hidden);}.page.svelte-1qrpci6 {width:100%;height:100%;}.page-slide.svelte-1qrpci6 {position:absolute;top:0;left:0;transition:transform var(--book-transition-duration, 0.3s) ease;}.page-fade.svelte-1qrpci6 {position:absolute;top:0;left:0;opacity:0;transition:opacity var(--book-transition-duration, 0.3s) ease;pointer-events:none;}.page-fade.page-active.svelte-1qrpci6 {opacity:1;pointer-events:auto;}.nav-button.svelte-1qrpci6 {display:flex;align-items:center;justify-content:center;--button-width: var(--book-nav-size, 36px);--button-height: var(--book-nav-size, 36px);--button-min-width: var(--book-nav-size, 36px);--button-background: var(--book-nav-background, rgba(0, 0, 0, 0.05));--button-border: none;--button-border-radius: var(--book-nav-border-radius, 50%);--button-padding: 0;--button-color: var(--book-nav-color, #333333);--button-hover-background: var(--book-nav-hover-background, rgba(0, 0, 0, 0.1));}.nav-disabled.svelte-1qrpci6 {opacity:var(--book-nav-disabled-opacity, 0.3);}.nav-button.svelte-1qrpci6 svg {width:18px;height:18px;}.nav-prev.svelte-1qrpci6 {margin-right:4px;}.nav-next.svelte-1qrpci6 {margin-left:4px;}.page-indicator.svelte-1qrpci6 {display:flex;justify-content:center;align-items:center;gap:var(--book-dot-gap, 8px);padding:var(--book-indicator-padding, 12px 0);}.dot.svelte-1qrpci6 {width:var(--book-dot-size, 8px);height:var(--book-dot-size, 8px);border-radius:var(--book-dot-border-radius, 50%);background-color:var(--book-dot-color, #cccccc);border:none;padding:0;cursor:pointer;transition:background-color 0.2s ease;}.dot-active.svelte-1qrpci6 {background-color:var(--book-dot-active-color, #333333);}"
|
|
4582
4582
|
};
|
|
@@ -4775,7 +4775,7 @@ function Book(e, t) {
|
|
|
4775
4775
|
var dt = sibling(it, 2), ft = (e) => {
|
|
4776
4776
|
var t = root_4$38();
|
|
4777
4777
|
each(t, 21, n, index, (e, t, n) => {
|
|
4778
|
-
var a = root_3$
|
|
4778
|
+
var a = root_3$49();
|
|
4779
4779
|
let o;
|
|
4780
4780
|
set_attribute(a, "aria-label", `Go to page ${n + 1}`), template_effect(() => o = set_class(a, 1, "dot svelte-1qrpci6", null, o, { "dot-active": n === i() })), delegated("click", a, () => k(n)), append(e, a);
|
|
4781
4781
|
}), reset(t), append(e, t);
|
|
@@ -5138,7 +5138,7 @@ var inited$1 = !1, SvelteDate = class e extends Date {
|
|
|
5138
5138
|
get size() {
|
|
5139
5139
|
return get(this.#n), super.size;
|
|
5140
5140
|
}
|
|
5141
|
-
}, chevron_left_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 12L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_right_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 4L10 8L6 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$83 = /* @__PURE__ */ from_html("<div class=\"day-name svelte-kboul8\"> </div>"), root_1$72 = /* @__PURE__ */ from_html("<button type=\"button\"> </button>"), root_2$55 = /* @__PURE__ */ from_html("<span class=\"cell outside-month svelte-kboul8\"> </span>"), root_3$
|
|
5141
|
+
}, chevron_left_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 12L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_right_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 4L10 8L6 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$83 = /* @__PURE__ */ from_html("<div class=\"day-name svelte-kboul8\"> </div>"), root_1$72 = /* @__PURE__ */ from_html("<button type=\"button\"> </button>"), root_2$55 = /* @__PURE__ */ from_html("<span class=\"cell outside-month svelte-kboul8\"> </span>"), root_3$48 = /* @__PURE__ */ from_html("<div role=\"application\" aria-label=\"Calendar\"><div class=\"header svelte-kboul8\"><div class=\"nav-button nav-prev svelte-kboul8\"><!></div> <span class=\"header-label svelte-kboul8\"> </span> <div class=\"nav-button nav-next svelte-kboul8\"><!></div></div> <div class=\"day-names svelte-kboul8\"></div> <div class=\"grid svelte-kboul8\" tabindex=\"0\" role=\"grid\"></div></div>"), $$css$83 = {
|
|
5142
5142
|
hash: "svelte-kboul8",
|
|
5143
5143
|
code: ".calendar.svelte-kboul8 {font-family:var(--calendar-font-family, inherit);width:var(--calendar-width, 280px);padding:var(--calendar-padding, 16px);background-color:var(--calendar-background, #ffffff);border:var(--calendar-border, 1px solid #e0e0e0);border-radius:var(--calendar-border-radius, var(--radius, 4px));box-shadow:var(--calendar-box-shadow, none);box-sizing:border-box;user-select:none;}.header.svelte-kboul8 {display:var(--calendar-header-display, flex);align-items:center;justify-content:space-between;margin-bottom:var(--calendar-header-margin-bottom, 12px);}.header-label.svelte-kboul8 {font-size:var(--calendar-header-font-size, 16px);font-weight:var(--calendar-header-font-weight, 600);color:var(--calendar-header-color, #000000);text-transform:capitalize;}.nav-button.svelte-kboul8 {display:flex;align-items:center;justify-content:center;--button-width: var(--calendar-nav-button-size, 32px);--button-height: var(--calendar-nav-button-size, 32px);--button-border: none;--button-color: transparent;--button-border-radius: var(--calendar-nav-button-border-radius, var(--radius, 4px));--button-text-color: var(--calendar-nav-button-color, #666666);--button-padding: 0;--button-hover-color: var(--calendar-nav-button-hover-background, #f0f0f0);}\n\n /* Size the columns to the cell, not 1fr, and centre the whole grid. With 1fr\n columns the fixed-width cells sat centred inside wider tracks, leaving\n horizontal gaps between days — which broke the range highlight into\n disconnected boxes instead of one continuous pill. The day-name header must\n use the same track sizing so it stays aligned with the day grid below. */.day-names.svelte-kboul8 {display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size, 36px));justify-content:center;text-align:center;}.day-name.svelte-kboul8 {font-size:var(--calendar-day-name-font-size, 12px);font-weight:var(--calendar-day-name-font-weight, 600);color:var(--calendar-day-name-color, #999999);padding:var(--calendar-day-name-padding, 4px 0);}.grid.svelte-kboul8 {display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size, 36px));justify-content:center;row-gap:2px;}.cell.svelte-kboul8 {display:flex;align-items:center;justify-content:center;width:var(--calendar-cell-size, 36px);height:var(--calendar-cell-size, 36px);font-family:inherit;font-size:var(--calendar-cell-font-size, 14px);border-radius:var(--calendar-cell-border-radius, 50%);color:var(--calendar-cell-color, #000000);border:none;background:none;cursor:pointer;padding:0;outline:none;}.cell.svelte-kboul8:hover:not(.disabled, .outside-month, .selected, .range-start, .range-end) {background-color:var(--calendar-cell-hover-background, #f0f0f0);}.cell.svelte-kboul8:focus-visible {outline:2px solid var(--calendar-focus-ring-color, #000000);outline-offset:-2px;}.today.svelte-kboul8 {border:var(--calendar-today-border, 1px solid #000000);font-weight:var(--calendar-today-font-weight, 700);}.selected.svelte-kboul8 {background-color:var(--calendar-selected-background, #000000);color:var(--calendar-selected-color, #ffffff);}.range-start.svelte-kboul8 {background-color:var(--calendar-range-start-background, #000000);color:var(--calendar-range-start-color, #ffffff);border-radius:50% 0 0 50%;}.range-end.svelte-kboul8 {background-color:var(--calendar-range-end-background, #000000);color:var(--calendar-range-end-color, #ffffff);border-radius:0 50% 50% 0;}.range-start.range-end.svelte-kboul8 {border-radius:var(--calendar-cell-border-radius, 50%);}.in-range.svelte-kboul8 {background-color:var(--calendar-range-background, #e8e8e8);border-radius:0;}.disabled.svelte-kboul8 {color:var(--calendar-disabled-color, #cccccc);cursor:var(--calendar-disabled-cursor, not-allowed);}.outside-month.svelte-kboul8 {color:var(--calendar-outside-month-color, #cccccc);cursor:default;}"
|
|
5144
5144
|
};
|
|
@@ -5383,7 +5383,7 @@ function Calendar(e, t) {
|
|
|
5383
5383
|
set initialMonth(e = null) {
|
|
5384
5384
|
ne(e), flushSync();
|
|
5385
5385
|
}
|
|
5386
|
-
}, vt = root_3$
|
|
5386
|
+
}, vt = root_3$48(), yt = child(vt), bt = child(yt);
|
|
5387
5387
|
Button(child(bt), {
|
|
5388
5388
|
onclick: () => pt(-1),
|
|
5389
5389
|
ariaLabel: "Previous month",
|
|
@@ -5531,7 +5531,7 @@ customElements.define("sui-calendar", create_custom_element(Calendar_wc, {
|
|
|
5531
5531
|
}, ["previous-month-icon", "next-month-icon"], [], { mode: "open" }));
|
|
5532
5532
|
//#endregion
|
|
5533
5533
|
//#region src/lib/Carousel/Carousel.svelte
|
|
5534
|
-
var root$82 = /* @__PURE__ */ from_html("<div class=\"current-slide svelte-vk4ljo\"><!></div>"), root_1$71 = /* @__PURE__ */ from_html("<div class=\"carousel svelte-vk4ljo\"><div class=\"slidesDiv svelte-vk4ljo\"></div></div>"), root_2$54 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"></div>"), root_3$
|
|
5534
|
+
var root$82 = /* @__PURE__ */ from_html("<div class=\"current-slide svelte-vk4ljo\"><!></div>"), root_1$71 = /* @__PURE__ */ from_html("<div class=\"carousel svelte-vk4ljo\"><div class=\"slidesDiv svelte-vk4ljo\"></div></div>"), root_2$54 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"></div>"), root_3$47 = /* @__PURE__ */ from_html("<div class=\"dots-wrapper svelte-vk4ljo\"></div>"), root_4$37 = /* @__PURE__ */ from_html("<div><!> <!> <div class=\"carousel-live-region svelte-vk4ljo\" aria-live=\"polite\" aria-atomic=\"true\"><!></div></div>"), $$css$82 = {
|
|
5535
5535
|
hash: "svelte-vk4ljo",
|
|
5536
5536
|
code: ".carousel-container.svelte-vk4ljo {width:var(--carousel-width);}.current-slide.svelte-vk4ljo {width:var(--carousel-width, 300px);height:var(--carousel-height, 100px);flex-shrink:0;}.carousel.svelte-vk4ljo {box-shadow:var(--carousel-shadow);height:var(--carousel-height, 100px);width:var(--carousel-width, 300px);overflow:hidden;border-radius:var(--carousel-border-radius, 0%);}.carousel.svelte-vk4ljo:active {cursor:grabbing;}.slidesDiv.svelte-vk4ljo {display:flex;transform:translateX(0);transition:transform 0.5s ease-in-out;}.dots-wrapper.svelte-vk4ljo {gap:var(--dot-gap, 10px);padding-top:var(--dot-padding-top, 10px);display:flex;justify-content:center;}.dot.svelte-vk4ljo {width:var(--dot-width, 5px);height:var(--dot-height, 5px);border-radius:50%;background:var(--carousel-dot-color, #c4c4c4);cursor:pointer;transition:0.3s ease;}.active-dot.svelte-vk4ljo {width:var(--dot-width, 5px);height:var(--dot-height, 5px);border-radius:50%;cursor:pointer;background:var(--carousel-dot-active-color, #000000);transition:0.3s ease;}.dot.svelte-vk4ljo:focus-visible,\n .active-dot.svelte-vk4ljo:focus-visible {outline:var(--dot-focus-outline, 2px solid #000000);outline-offset:var(--dot-focus-outline-offset, 2px);}\n /*\n @media only screen and (max-width: 324px) {\n\n .carousel-container {\n width:270px;\n\n }\n .current-slide {\n width: 270px;\n }\n .carousel {\n width:270px;\n }\n }\n\n @media only screen and (max-width: 269px) {\n .carousel-container {\n width:240px;\n }\n .current-slide {\n width: 240px;\n }\n .carousel {\n width:240px;\n }\n\n } */\n\n /* Visually hidden but readable by assistive tech -- the standard clip pattern\n rather than display:none, which would remove it from the a11y tree. */.carousel-live-region.svelte-vk4ljo {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}"
|
|
5537
5537
|
};
|
|
@@ -5655,7 +5655,7 @@ function Carousel(e, t) {
|
|
|
5655
5655
|
n().length > 0 && e(ht);
|
|
5656
5656
|
});
|
|
5657
5657
|
var gt = sibling(mt, 2), _t = (e) => {
|
|
5658
|
-
var t = root_3$
|
|
5658
|
+
var t = root_3$47();
|
|
5659
5659
|
each(t, 21, n, index, (e, t, n) => {
|
|
5660
5660
|
var i = root_2$54();
|
|
5661
5661
|
set_attribute(i, "aria-label", `Go to slide ${n + 1}`), template_effect(() => {
|
|
@@ -5921,15 +5921,19 @@ var rest_excludes$79 = new Set([
|
|
|
5921
5921
|
"$$events",
|
|
5922
5922
|
"$$legacy",
|
|
5923
5923
|
"$$host",
|
|
5924
|
-
"checkboxAriaLabel"
|
|
5924
|
+
"checkboxAriaLabel",
|
|
5925
|
+
"checkboxAttributes"
|
|
5925
5926
|
]);
|
|
5926
5927
|
function Checkbox_wc(e, t) {
|
|
5927
5928
|
push(t, !0);
|
|
5928
|
-
let n = prop(t, "checkboxAriaLabel", 7), i = /* @__PURE__ */ rest_props(t, rest_excludes$79);
|
|
5929
|
-
return Checkbox(e, spread_props(() =>
|
|
5929
|
+
let n = prop(t, "checkboxAriaLabel", 7), i = prop(t, "checkboxAttributes", 7), a = /* @__PURE__ */ rest_props(t, rest_excludes$79);
|
|
5930
|
+
return Checkbox(e, spread_props(() => a, {
|
|
5930
5931
|
get ariaLabel() {
|
|
5931
5932
|
return n();
|
|
5932
5933
|
},
|
|
5934
|
+
get attributes() {
|
|
5935
|
+
return i();
|
|
5936
|
+
},
|
|
5933
5937
|
checkedIcon: (e) => {
|
|
5934
5938
|
var n = comment();
|
|
5935
5939
|
slot(first_child(n), t, "checked-icon", {}, null), append(e, n);
|
|
@@ -5948,6 +5952,12 @@ function Checkbox_wc(e, t) {
|
|
|
5948
5952
|
},
|
|
5949
5953
|
set checkboxAriaLabel(e) {
|
|
5950
5954
|
n(e), flushSync();
|
|
5955
|
+
},
|
|
5956
|
+
get checkboxAttributes() {
|
|
5957
|
+
return i();
|
|
5958
|
+
},
|
|
5959
|
+
set checkboxAttributes(e) {
|
|
5960
|
+
i(e), flushSync();
|
|
5951
5961
|
}
|
|
5952
5962
|
});
|
|
5953
5963
|
}
|
|
@@ -5987,7 +5997,7 @@ customElements.define("sui-checkbox", create_custom_element(Checkbox_wc, {
|
|
|
5987
5997
|
reflect: !0,
|
|
5988
5998
|
type: "Boolean"
|
|
5989
5999
|
},
|
|
5990
|
-
|
|
6000
|
+
checkboxAttributes: { type: "Object" },
|
|
5991
6001
|
onclick: { type: "Object" }
|
|
5992
6002
|
}, ["checked-icon", "indeterminate-icon"], [], { mode: "open" }));
|
|
5993
6003
|
//#endregion
|
|
@@ -6147,7 +6157,7 @@ function unlockBodyScroll() {
|
|
|
6147
6157
|
}
|
|
6148
6158
|
//#endregion
|
|
6149
6159
|
//#region src/lib/Input/Input.svelte
|
|
6150
|
-
var root$80 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$69 = /* @__PURE__ */ from_html("<input/>"), root_2$52 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$
|
|
6160
|
+
var root$80 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$69 = /* @__PURE__ */ from_html("<input/>"), root_2$52 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$46 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_4$36 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_5$30 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-left svelte-1h0c2oe\"><!></span>"), root_6$25 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-right input-icon-button svelte-1h0c2oe\"><!></button>"), root_7$22 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-right svelte-1h0c2oe\"><!></span>"), root_8$20 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_9$15 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"error-message svelte-1h0c2oe\"> </div>"), root_10$12 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1h0c2oe\"> </div>"), root_11$11 = /* @__PURE__ */ from_html("<div> </div>"), root_12$9 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$80 = {
|
|
6151
6161
|
hash: "svelte-1h0c2oe",
|
|
6152
6162
|
code: "textarea.svelte-1h0c2oe,\n input.svelte-1h0c2oe {box-sizing:var(--input-box-sizing, border-box);height:var(--input-height, fit-content);\n\n /* Both default to the CSS initial value, so a consumer that sets neither is\n byte-identical to before. A textarea that grows with its content needs a\n ceiling before it can scroll, and one used as a paste target needs a floor;\n neither was reachable through the --input-* surface. */min-height:var(--input-min-height, auto);max-height:var(--input-max-height, none);background-color:var(--input-background, white);font-size:var(--input-font-size, 16px) !important;font-family:var(--input-font-family, inherit);border-radius:var(--input-radius, var(--radius, 4px));outline:none;padding:var(--input-padding, 16px);font-weight:var(--input-font-weight, 500);\n\n /* `normal` is what a textarea/input computes today regardless of any inherited\n value — the UA sheet sets it, and inheritance loses to a UA declaration on the\n element itself. So the default here is byte-identical for existing consumers,\n and this is the only way a consumer can set it at all. */line-height:var(--input-line-height, normal);width:var(--input-width, fit-content);margin:var(--input-margin, 0);appearance:none !important;-webkit-appearance:none !important; /* For Safari MWeb */box-shadow:var(--input-box-shadow, 0px 1px 8px #2f537733);border:var(--input-border, 1px solid transparent);resize:none;visibility:var(--input-visibility, visible);text-align:var(--input-text-align, left);text-transform:var(--input-text-transform, none);color:var(--input-text-color);}textarea.svelte-1h0c2oe:focus,\n input.svelte-1h0c2oe:focus {border:var(--input-focus-border, 1px solid transparent);}.input-error.svelte-1h0c2oe {--input-focus-border: var(\n --input-error-border,\n 1px solid var(--input-error-msg-text-color, #c5120a)\n ) !important;--input-border: var(\n --input-error-border,\n 1px solid var(--input-error-msg-text-color, #c5120a)\n ) !important;}.action-input.svelte-1h0c2oe {border-radius:var(--input-radius, var(--radius, 4px) 0 0 var(--radius, 4px));box-shadow:var(--input-box-shadow, 0px 0px 0px #ffffff);margin-bottom:0;}.input-container.svelte-1h0c2oe {display:flex;flex-direction:column;margin:var(--input-container-margin, 0);padding:var(--input-container-padding, 0);width:var(--input-container-width, fit-content);}.label.svelte-1h0c2oe {font-weight:var(--input-label-msg-text-weight, 400);font-size:var(--input-label-msg-text-size, 12px);color:var(--input-label-msg-text-color, #637c95);margin:var(--input-label-msg-margin, 0px 0px 6px 0px);padding:var(--input-label-msg-padding);}.input-mandatory-asterisk.svelte-1h0c2oe {color:var(--input-mandatory-color, var(--input-error-msg-text-color, #c5120a));margin-left:var(--input-mandatory-gap, 2px);}\n\n /* Icon wrapper: only rendered when leftIcon/rightIcon is supplied, so non-icon\n consumers keep the exact prior DOM. The field's bottom margin moves to the\n wrap so the absolutely-positioned icons centre on the field, not the margin. */.input-field-wrap.svelte-1h0c2oe {position:relative;display:block;margin:var(--input-margin, 0);}.input-field-wrap.svelte-1h0c2oe > textarea,\n .input-field-wrap.svelte-1h0c2oe > input {margin:0 !important;width:var(--input-width, 100%);}.input-icon.svelte-1h0c2oe {position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--input-icon-size, 20px);height:var(--input-icon-size, 20px);color:var(--input-icon-color, inherit);pointer-events:none;}.input-icon-button.svelte-1h0c2oe {background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;}.input-icon-button.svelte-1h0c2oe:focus-visible {outline:var(--input-icon-focus-outline, 2px solid var(--input-focus-border-color, #005fcc));outline-offset:var(--input-icon-focus-outline-offset, 2px);border-radius:var(--input-icon-focus-radius, var(--radius, 4px));}.input-icon-left.svelte-1h0c2oe {left:var(--input-icon-gap, 12px);color:var(--input-left-icon-color, var(--input-icon-color, inherit));}.input-icon-right.svelte-1h0c2oe {right:var(--input-icon-gap, 12px);}.input-field-wrap.has-left-icon.svelte-1h0c2oe > textarea,\n .input-field-wrap.has-left-icon.svelte-1h0c2oe > input {padding-left:calc(var(--input-icon-size, 20px) + var(--input-icon-gap, 12px) * 2);}.input-field-wrap.has-right-icon.svelte-1h0c2oe > textarea,\n .input-field-wrap.has-right-icon.svelte-1h0c2oe > input {padding-right:calc(var(--input-icon-size, 20px) + var(--input-icon-gap, 12px) * 2);}.error-message.svelte-1h0c2oe {font-weight:var(--input-error-msg-text-weight, 400);font-size:var(--input-error-msg-text-size, 12px);\n /* #c5120a clears WCAG AA (6.06:1 on white) at this 12px size; the prior #fa1405\n default was only 4.06:1, so the error message itself failed to be legible. */color:var(--input-error-msg-text-color, #c5120a);margin:var(--input-error-msg-margin);padding:var(--input-error-msg-padding);}.info-message.svelte-1h0c2oe {font-weight:var(--input-info-msg-text-weight, 400);font-size:var(--input-info-msg-text-size, 12px);\n /* Neutral on purpose -- this used to default to the same red as .error-message,\n so helper text with no error visually read as a failed field (color-alone\n signalling, WCAG 1.4.1). #52525b is the muted-text tone already used for\n ChatToolStatus/ThinkingIndicator elsewhere in this library, at 7.73:1. */color:var(--input-info-msg-text-color, #52525b);margin:var(--input-info-msg-margin);padding:var(--input-info-msg-padding);}.input-char-count.svelte-1h0c2oe {align-self:flex-end;font-size:var(--input-char-count-size, 12px);color:var(--input-char-count-color, #98a2b3);margin:var(--input-char-count-margin, 4px 0 0);font-variant-numeric:tabular-nums;}.input-char-count.at-limit.svelte-1h0c2oe {color:var(--input-char-count-limit-color, var(--input-error-msg-text-color, #c5120a));}.svelte-1h0c2oe::placeholder {color:var(--input-placeholder-color);}"
|
|
6153
6163
|
};
|
|
@@ -6604,7 +6614,7 @@ function Input(e, t) {
|
|
|
6604
6614
|
}), append(e, t);
|
|
6605
6615
|
};
|
|
6606
6616
|
var bn = child(vn), xn = (e) => {
|
|
6607
|
-
var t = root_3$
|
|
6617
|
+
var t = root_3$46(), n = child(t, !0), i = sibling(n), a = (e) => {
|
|
6608
6618
|
append(e, root_2$52());
|
|
6609
6619
|
};
|
|
6610
6620
|
if_block(i, (e) => {
|
|
@@ -7358,7 +7368,7 @@ delegate(["input", "change"]), create_custom_element(Slider, {
|
|
|
7358
7368
|
}, [], [], { mode: "open" });
|
|
7359
7369
|
//#endregion
|
|
7360
7370
|
//#region src/lib/SplitInput/SplitInput.svelte
|
|
7361
|
-
var root$76 = /* @__PURE__ */ from_html("<span class=\"field-group-separator svelte-1gcz5cs\"> </span>"), root_1$65 = /* @__PURE__ */ from_html("<span class=\"field-group-label svelte-1gcz5cs\"> </span>"), root_2$50 = /* @__PURE__ */ from_html("<!> <div class=\"field-group-item svelte-1gcz5cs\"><!> <!></div>", 1), root_3$
|
|
7371
|
+
var root$76 = /* @__PURE__ */ from_html("<span class=\"field-group-separator svelte-1gcz5cs\"> </span>"), root_1$65 = /* @__PURE__ */ from_html("<span class=\"field-group-label svelte-1gcz5cs\"> </span>"), root_2$50 = /* @__PURE__ */ from_html("<!> <div class=\"field-group-item svelte-1gcz5cs\"><!> <!></div>", 1), root_3$45 = /* @__PURE__ */ from_html("<div></div>"), $$css$76 = {
|
|
7362
7372
|
hash: "svelte-1gcz5cs",
|
|
7363
7373
|
code: ".field-group.svelte-1gcz5cs {display:flex;align-items:flex-start;gap:var(--field-group-gap, 8px);width:var(--field-group-width, fit-content);}.field-group-item.svelte-1gcz5cs {display:flex;flex-direction:column;align-items:center;gap:var(--field-group-label-gap, 3px);flex:1;min-width:0;}.field-group-item.svelte-1gcz5cs .field-group-input {--input-border: var(--field-group-border, 1px solid #d1d5db);--input-radius: var(--field-group-border-radius, 6px);--input-focus-border: var(--field-group-focus-border, 1px solid #3b82f6);--input-width: var(--field-group-input-width, 100%);--input-height: var(--field-group-input-height, 36px);--input-text-align: var(--field-group-text-align, center);--input-font-size: var(--field-group-font-size, 14px);--input-font-weight: var(--field-group-font-weight, 500);--input-font-family: var(--field-group-font-family);--input-padding: var(--field-group-input-padding, 0 6px);--input-margin: 0;--input-box-shadow: none;}.field-group-label.svelte-1gcz5cs {font-size:var(--field-group-label-font-size, 10px);font-weight:var(--field-group-label-font-weight, 500);color:var(--field-group-label-color, #9ca3af);text-transform:uppercase;letter-spacing:0.05em;}.field-group-separator.svelte-1gcz5cs {display:flex;align-items:center;height:var(--field-group-input-height, 36px);font-size:var(--field-group-separator-font-size, 16px);color:var(--field-group-separator-color, #9ca3af);flex-shrink:0;}"
|
|
7364
7374
|
};
|
|
@@ -7503,7 +7513,7 @@ function SplitInput(e, t) {
|
|
|
7503
7513
|
set oncomplete(e) {
|
|
7504
7514
|
h(e), flushSync();
|
|
7505
7515
|
}
|
|
7506
|
-
}, ct = root_3$
|
|
7516
|
+
}, ct = root_3$45();
|
|
7507
7517
|
return each(ct, 21, () => get(C), index, (e, t, n) => {
|
|
7508
7518
|
var i = root_2$50(), a = first_child(i), s = (e) => {
|
|
7509
7519
|
var t = root$76(), n = child(t, !0);
|
|
@@ -7585,7 +7595,7 @@ create_custom_element(SplitInput, {
|
|
|
7585
7595
|
}, [], ["clear", "focus"], { mode: "open" });
|
|
7586
7596
|
//#endregion
|
|
7587
7597
|
//#region src/lib/assets/swap-vertical.svg?raw
|
|
7588
|
-
var swap_vertical_default = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7 4v16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3 8l4-4 4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M17 20V4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M13 16l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$75 = /* @__PURE__ */ from_html("<span class=\"color-picker-label svelte-ka7yhu\"> </span>"), root_1$64 = /* @__PURE__ */ from_html("<span class=\"color-picker-checkerboard svelte-ka7yhu\"><span class=\"color-picker-swatch svelte-ka7yhu\"></span></span>"), root_2$49 = /* @__PURE__ */ from_html("<div class=\"color-picker-input-wrap svelte-ka7yhu\"><!></div>"), root_3$
|
|
7598
|
+
var swap_vertical_default = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7 4v16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3 8l4-4 4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M17 20V4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M13 16l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$75 = /* @__PURE__ */ from_html("<span class=\"color-picker-label svelte-ka7yhu\"> </span>"), root_1$64 = /* @__PURE__ */ from_html("<span class=\"color-picker-checkerboard svelte-ka7yhu\"><span class=\"color-picker-swatch svelte-ka7yhu\"></span></span>"), root_2$49 = /* @__PURE__ */ from_html("<div class=\"color-picker-input-wrap svelte-ka7yhu\"><!></div>"), root_3$44 = /* @__PURE__ */ from_html("<div class=\"cp-field-hex svelte-ka7yhu\"><!> <span class=\"cp-field-label svelte-ka7yhu\">HEX</span></div>"), root_4$35 = /* @__PURE__ */ from_html("<div class=\"color-picker-popover svelte-ka7yhu\" role=\"dialog\" aria-label=\"Color picker\"><div class=\"cp-sat-panel svelte-ka7yhu\" role=\"slider\" aria-label=\"Saturation and brightness\"><div class=\"cp-sat-white svelte-ka7yhu\"></div> <div class=\"cp-sat-black svelte-ka7yhu\"></div> <div class=\"cp-sat-thumb svelte-ka7yhu\"></div></div> <div class=\"cp-hue-slider svelte-ka7yhu\"><!></div> <div class=\"cp-inputs svelte-ka7yhu\"><div class=\"cp-preview svelte-ka7yhu\"></div> <!> <div class=\"cp-mode-toggle svelte-ka7yhu\"><!></div></div></div>"), root_5$29 = /* @__PURE__ */ from_html("<div><!> <div class=\"color-picker-row svelte-ka7yhu\"><div><!></div> <!></div> <!></div>"), $$css$75 = {
|
|
7589
7599
|
hash: "svelte-ka7yhu",
|
|
7590
7600
|
code: "\n /* ── Container ─────────────────────────────────────────────── */.color-picker-container.svelte-ka7yhu {display:flex;flex-direction:column;gap:var(--color-picker-gap, 8px);width:var(--color-picker-width, fit-content);position:relative;}.color-picker-container.disabled.svelte-ka7yhu {opacity:var(--color-picker-disabled-opacity, 0.5);cursor:not-allowed;}.color-picker-label.svelte-ka7yhu {font-size:var(--color-picker-label-font-size, 13px);font-weight:var(--color-picker-label-font-weight, 500);color:var(--color-picker-label-color, #374151);letter-spacing:var(--color-picker-label-letter-spacing, 0.01em);}\n\n /* ── Trigger row ───────────────────────────────────────────── */.color-picker-row.svelte-ka7yhu {display:flex;align-items:center;gap:var(--color-picker-row-gap, 0px);}.color-picker-swatch-btn.svelte-ka7yhu {--button-color: var(--color-picker-swatch-btn-background, #f9fafb);--button-border: var(--color-picker-swatch-btn-border, 1px solid #d1d5db);--button-border-radius: var(\n --color-picker-swatch-btn-border-radius,\n var(--radius, 4px) 0 0 var(--radius, 4px)\n );--button-hover-color: var(--color-picker-swatch-btn-hover-background, #f3f4f6);--button-padding: var(--color-picker-swatch-padding, 5px);--button-width: fit-content;flex-shrink:0;}.color-picker-swatch-btn.standalone.svelte-ka7yhu {--button-border-radius: var(--color-picker-swatch-btn-border-radius, var(--radius, 4px));}.color-picker-checkerboard.svelte-ka7yhu {display:block;width:var(--color-picker-swatch-size, 26px);height:var(--color-picker-swatch-size, 26px);border-radius:var(--color-picker-swatch-border-radius, var(--radius, 4px));overflow:hidden;background-image:linear-gradient(45deg, #ccc 25%, transparent 25%),\n linear-gradient(-45deg, #ccc 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, #ccc 75%),\n linear-gradient(-45deg, transparent 75%, #ccc 75%);background-size:8px 8px;background-position:0 0,\n 0 4px,\n 4px -4px,\n -4px 0px;flex-shrink:0;}.color-picker-swatch.svelte-ka7yhu {display:block;width:100%;height:100%;border-radius:inherit;box-shadow:var(--color-picker-swatch-inner-shadow, inset 0 0 0 1px rgba(0, 0, 0, 0.08));}.color-picker-input-wrap.svelte-ka7yhu {flex:1;min-width:0;}.color-picker-input-wrap.svelte-ka7yhu .color-picker-text-input {--input-border: 1px solid #d1d5db;--input-radius: 0 10px 10px 0;--input-margin: 0;--input-padding: 8px 12px;--input-font-size: 13px;--input-font-weight: 500;--input-font-family: var(\n --color-picker-mono-font,\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace\n );--input-box-shadow: none;--input-width: 100%;--input-height: var(--color-picker-input-height, 38px);--input-text-transform: var(--color-picker-value-text-transform, none);margin-left:-1px;}\n\n /* ── Popover ───────────────────────────────────────────────── */.color-picker-popover.svelte-ka7yhu {position:absolute;top:100%;left:0;z-index:var(--color-picker-popover-z-index, 50);margin-top:6px;width:var(--color-picker-popover-width, 280px);padding:var(--color-picker-popover-padding, 12px);background:var(--color-picker-popover-background, #ffffff);border:var(--color-picker-popover-border, 1px solid #e5e7eb);border-radius:var(--color-picker-popover-border-radius, var(--radius, 4px));box-shadow:var(\n --color-picker-popover-shadow,\n 0 4px 24px rgba(0, 0, 0, 0.12),\n 0 1px 4px rgba(0, 0, 0, 0.06)\n );display:flex;flex-direction:column;gap:12px;touch-action:none;}\n\n /* ── Saturation / brightness panel ─────────────────────────── */.cp-sat-panel.svelte-ka7yhu {position:relative;width:100%;aspect-ratio:1 / 0.7;border-radius:var(--color-picker-panel-border-radius, var(--radius, 4px));cursor:crosshair;overflow:hidden;user-select:none;}.cp-sat-white.svelte-ka7yhu {position:absolute;inset:0;background:linear-gradient(to right, #ffffff, transparent);border-radius:inherit;}.cp-sat-black.svelte-ka7yhu {position:absolute;inset:0;background:linear-gradient(to bottom, transparent, #000000);border-radius:inherit;}.cp-sat-thumb.svelte-ka7yhu {position:absolute;width:16px;height:16px;border-radius:50%;border:2.5px solid #ffffff;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.15),\n 0 1px 4px rgba(0, 0, 0, 0.3);transform:translate(-50%, -50%);pointer-events:none;}\n\n /* ── Hue slider ────────────────────────────────────────────── */.cp-hue-slider.svelte-ka7yhu {--slider-container-padding: 0;--slider-track: linear-gradient(\n to right,\n #ff0000 0%,\n #ffff00 16.67%,\n #00ff00 33.33%,\n #00ffff 50%,\n #0000ff 66.67%,\n #ff00ff 83.33%,\n #ff0000 100%\n );--slider-track-height: 14px;--slider-track-border-radius: 7px;--slider-thumb-size: 18px;--slider-thumb-background: #ffffff;--slider-thumb-border: 2.5px solid #ffffff;--slider-thumb-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 4px rgba(0, 0, 0, 0.25);}\n\n /* ── Input fields ──────────────────────────────────────────── */.cp-inputs.svelte-ka7yhu {display:flex;align-items:flex-start;gap:6px;}.cp-preview.svelte-ka7yhu {width:36px;height:36px;border-radius:6px;border:1px solid rgba(0, 0, 0, 0.08);flex-shrink:0;}.cp-field-hex.svelte-ka7yhu {display:flex;flex-direction:column;align-items:center;gap:3px;flex:3;min-width:0;}.cp-field-hex.svelte-ka7yhu .cp-field-input {--input-border: 1px solid var(--color-picker-field-border, #d1d5db);--input-radius: 6px;--input-margin: 0;--input-padding: 0 6px;--input-font-size: 12px;--input-font-weight: 500;--input-font-family: var(\n --color-picker-mono-font,\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace\n );--input-text-color: var(--color-picker-field-color, #374151);--input-background: var(--color-picker-field-background, #ffffff);--input-box-shadow: none;--input-width: 100%;--input-height: 32px;--input-text-align: center;--input-focus-border: 1px solid var(--color-picker-field-focus-border, #3b82f6);--input-text-transform: var(--color-picker-value-text-transform, none);}.cp-split-input.svelte-ka7yhu {--field-group-gap: 6px;--field-group-border: 1px solid var(--color-picker-field-border, #d1d5db);--field-group-border-radius: 6px;--field-group-focus-border: 1px solid var(--color-picker-field-focus-border, #3b82f6);--field-group-input-height: 32px;--field-group-font-size: 12px;--field-group-font-weight: 500;--field-group-font-family: var(\n --color-picker-mono-font,\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace\n );--field-group-label-color: var(--color-picker-field-label-color, #9ca3af);flex:1;min-width:0;}.cp-field-label.svelte-ka7yhu {font-size:10px;font-weight:500;color:var(--color-picker-field-label-color, #9ca3af);text-transform:uppercase;letter-spacing:0.05em;}.cp-mode-toggle.svelte-ka7yhu {--button-color: var(--color-picker-field-background, #ffffff);--button-border: 1px solid var(--color-picker-field-border, #d1d5db);--button-border-radius: 6px;--button-padding: 0;--button-width: 28px;--button-height: 32px;--button-text-color: var(--color-picker-field-label-color, #9ca3af);--button-hover-color: var(--color-picker-field-background, #ffffff);--button-hover-border: 1px solid var(--color-picker-field-focus-border, #3b82f6);--button-hover-text-color: var(--color-picker-field-color, #374151);flex-shrink:0;}"
|
|
7591
7601
|
};
|
|
@@ -7761,7 +7771,7 @@ function ColorPicker(e, t) {
|
|
|
7761
7771
|
onchange: ut
|
|
7762
7772
|
}), reset(s);
|
|
7763
7773
|
var c = sibling(s, 2), l = child(c), u = sibling(l, 2), f = (e) => {
|
|
7764
|
-
var t = root_3$
|
|
7774
|
+
var t = root_3$44();
|
|
7765
7775
|
Input(child(t), {
|
|
7766
7776
|
get value() {
|
|
7767
7777
|
return get(te);
|
|
@@ -7944,7 +7954,7 @@ customElements.define("sui-color-picker", create_custom_element(ColorPicker_wc,
|
|
|
7944
7954
|
}, [], [], { mode: "open" }));
|
|
7945
7955
|
//#endregion
|
|
7946
7956
|
//#region src/lib/Combobox/Combobox.svelte
|
|
7947
|
-
var root$74 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$63 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$48 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$
|
|
7957
|
+
var root$74 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$63 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$48 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$43 = /* @__PURE__ */ from_html("<div class=\"combobox-limit svelte-178p70i\" role=\"alert\"> </div>"), root_4$34 = /* @__PURE__ */ from_html("<div class=\"combobox-empty svelte-178p70i\"> </div>"), root_5$28 = /* @__PURE__ */ from_html("<div role=\"option\" tabindex=\"-1\"><!></div>"), root_6$24 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"combobox-create-icon svelte-178p70i\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\" width=\"14\" height=\"14\" fill=\"none\"><path d=\"M10 4v12M4 10h12\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"></path></svg></span> </div>"), root_7$21 = /* @__PURE__ */ from_html("<span class=\"combobox-action-icon svelte-178p70i\" aria-hidden=\"true\"><!></span>"), root_8$19 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><!> </div>"), root_9$14 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-footer svelte-178p70i\"><!></div>"), root_10$11 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown svelte-178p70i\" role=\"listbox\"><!> <!> <!> <!> <!></div>"), root_11$10 = /* @__PURE__ */ from_html("<div><div><!> <!> <div class=\"combobox-input svelte-178p70i\"><!></div> <!></div> <!></div>"), $$css$74 = {
|
|
7948
7958
|
hash: "svelte-178p70i",
|
|
7949
7959
|
code: ".combobox.svelte-178p70i {position:relative;width:var(--combobox-width, 100%);font-family:var(--combobox-font-family, inherit);font-size:var(--combobox-font-size, 14px);color:var(--combobox-color, #333333);}.combobox.disabled.svelte-178p70i {opacity:var(--combobox-disabled-opacity, 0.5);cursor:var(--combobox-disabled-cursor, not-allowed);pointer-events:none;}.combobox-input-wrapper.svelte-178p70i {display:flex;align-items:center;background:var(--combobox-input-background, #ffffff);border:var(--combobox-input-border, 1px solid #cccccc);border-radius:var(--combobox-input-border-radius, var(--radius, 4px));transition:var(--combobox-input-transition, border-color 0.15s, box-shadow 0.15s);}\n\n /* Multi-select control: pills wrap above the typeahead input. */.combobox-input-wrapper.multiple.svelte-178p70i {flex-wrap:wrap;gap:var(--combobox-pill-gap, 4px);padding:var(--combobox-multiple-padding, 4px 6px);cursor:text;}.combobox-input-wrapper.svelte-178p70i:hover {border-color:var(--combobox-input-hover-border-color, #999999);}.combobox-input-wrapper.svelte-178p70i:focus-within {border-color:var(--combobox-input-focus-border-color, #2563eb);box-shadow:var(--combobox-input-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.combobox-input-prefix.svelte-178p70i {display:flex;align-items:center;padding-left:var(--combobox-input-prefix-padding, 8px);flex-shrink:0;}.combobox-input-suffix.svelte-178p70i {display:flex;align-items:center;padding-right:var(--combobox-input-suffix-padding, 8px);flex-shrink:0;}.combobox-input.svelte-178p70i {flex:1;min-width:0;--input-border: none;--input-focus-border: none;--input-box-shadow: none;--input-margin: 0;--input-width: 100%;--input-padding: var(--combobox-input-padding, 8px 12px);--input-background: transparent;--input-font-size: inherit;--input-font-family: inherit;--input-font-weight: inherit;--input-text-color: inherit;--input-radius: 0;}.combobox-input-wrapper.multiple.svelte-178p70i .combobox-input:where(.svelte-178p70i) {flex:1 1 60px;min-width:60px;--input-padding: var(--combobox-multiple-input-padding, 2px 4px);}.combobox-input.svelte-178p70i::placeholder {color:var(--combobox-placeholder-color, #999999);}.combobox-dropdown.svelte-178p70i {position:absolute;top:var(--combobox-dropdown-top, 100%);left:var(--combobox-dropdown-left, 0);right:var(--combobox-dropdown-right, 0);margin-top:var(--combobox-dropdown-gap, 4px);background:var(--combobox-dropdown-background, #ffffff);border:var(--combobox-dropdown-border, 1px solid #cccccc);border-radius:var(--combobox-dropdown-border-radius, var(--radius, 4px));box-shadow:var(--combobox-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));max-height:var(--combobox-dropdown-max-height, 200px);overflow-y:auto;z-index:var(--combobox-dropdown-z-index, 10);padding:var(--combobox-dropdown-padding, 0);}.combobox-option.svelte-178p70i {display:flex;align-items:center;gap:var(--combobox-option-gap, 8px);padding:var(--combobox-option-padding, 8px 12px);color:var(--combobox-option-color, #333333);font-size:var(--combobox-option-font-size, inherit);font-weight:var(--combobox-option-font-weight, inherit);cursor:pointer;transition:background 0.1s;}.combobox-option.svelte-178p70i:hover,\n .combobox-option.highlighted.svelte-178p70i {background:var(--combobox-option-hover-background, #f0f0f0);color:var(--combobox-option-hover-color, var(--combobox-option-color, #333333));}.combobox-option.selected.svelte-178p70i {background:var(--combobox-option-selected-background, #e8f0fe);color:var(--combobox-option-selected-color, var(--combobox-option-color, #333333));font-weight:var(\n --combobox-option-selected-font-weight,\n var(--combobox-option-font-weight, inherit)\n );}.combobox-option.selected.highlighted.svelte-178p70i {background:var(\n --combobox-option-selected-hover-background,\n var(--combobox-option-selected-background, #e8f0fe)\n );}.combobox-option-disabled.svelte-178p70i {opacity:var(--combobox-option-disabled-opacity, 0.4);cursor:var(--combobox-option-disabled-cursor, not-allowed);pointer-events:none;}.combobox-create.svelte-178p70i {color:var(--combobox-create-color, #2563eb);}.combobox-action.svelte-178p70i {color:var(--combobox-action-color, #374151);}.combobox-option.with-divider.svelte-178p70i {border-top:var(--combobox-divider, 1px solid #e5e7eb);}.combobox-create-icon.svelte-178p70i,\n .combobox-action-icon.svelte-178p70i {display:inline-flex;align-items:center;flex-shrink:0;}.combobox-action-icon.svelte-178p70i svg {width:14px;height:14px;}.combobox-limit.svelte-178p70i {display:flex;align-items:center;gap:6px;padding:var(--combobox-limit-padding, 8px 12px);font-size:var(--combobox-limit-font-size, 13px);font-weight:500;color:var(--combobox-limit-color, #b45309);background:var(--combobox-limit-background, #fffbeb);}.combobox-dropdown-header.svelte-178p70i {border-bottom:var(--combobox-dropdown-header-border, none);padding:var(--combobox-dropdown-header-padding, 0);}.combobox-dropdown-footer.svelte-178p70i {border-top:var(--combobox-dropdown-footer-border, none);padding:var(--combobox-dropdown-footer-padding, 0);}.combobox-empty.svelte-178p70i {padding:var(--combobox-empty-padding, 8px 12px);color:var(--combobox-empty-color, #999999);font-style:var(--combobox-empty-font-style, italic);}"
|
|
7950
7960
|
};
|
|
@@ -8406,7 +8416,7 @@ function Combobox(e, t) {
|
|
|
8406
8416
|
typeof Me() == "function" && e(i);
|
|
8407
8417
|
});
|
|
8408
8418
|
var o = sibling(n, 2), s = (e) => {
|
|
8409
|
-
var t = root_3$
|
|
8419
|
+
var t = root_3$43(), n = child(t, !0);
|
|
8410
8420
|
reset(t), template_effect(() => set_text(n, get(It))), append(e, t);
|
|
8411
8421
|
}, l = (e) => {
|
|
8412
8422
|
var t = comment(), n = first_child(t), i = (e) => {
|
|
@@ -8720,7 +8730,7 @@ customElements.define("sui-combobox", create_custom_element(Combobox_wc, {
|
|
|
8720
8730
|
}, [], [], { mode: "open" }));
|
|
8721
8731
|
//#endregion
|
|
8722
8732
|
//#region src/lib/assets/search.svg?raw
|
|
8723
|
-
var search_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"></circle>\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line>\n</svg>\n", root$73 = /* @__PURE__ */ from_html("<span class=\"command-menu-search-icon svelte-rk55q\"></span>"), root_1$62 = /* @__PURE__ */ from_html("<div class=\"command-menu-empty svelte-rk55q\"> </div>"), root_2$47 = /* @__PURE__ */ from_html("<div class=\"command-menu-group-heading svelte-rk55q\"> </div>"), root_3$
|
|
8733
|
+
var search_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"></circle>\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line>\n</svg>\n", root$73 = /* @__PURE__ */ from_html("<span class=\"command-menu-search-icon svelte-rk55q\"></span>"), root_1$62 = /* @__PURE__ */ from_html("<div class=\"command-menu-empty svelte-rk55q\"> </div>"), root_2$47 = /* @__PURE__ */ from_html("<div class=\"command-menu-group-heading svelte-rk55q\"> </div>"), root_3$42 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-icon svelte-rk55q\"><!></span>"), root_4$33 = /* @__PURE__ */ from_html("<div class=\"command-menu-item-icon-img-wrapper svelte-rk55q\"><!></div>"), root_5$27 = /* @__PURE__ */ from_html("<kbd class=\"command-menu-kbd svelte-rk55q\"> </kbd>"), root_6$23 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-shortcut svelte-rk55q\"></span>"), root_7$20 = /* @__PURE__ */ from_html("<button type=\"button\" role=\"option\" tabindex=\"-1\"><!> <span class=\"command-menu-item-label svelte-rk55q\"> </span> <!></button>"), root_8$18 = /* @__PURE__ */ from_html("<!> <!>", 1), root_9$13 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-modal=\"true\" aria-label=\"Command menu\" tabindex=\"-1\"><div class=\"command-menu-dialog svelte-rk55q\"><div class=\"command-menu-input-wrapper svelte-rk55q\"><!> <input type=\"text\" class=\"command-menu-input svelte-rk55q\" autocomplete=\"off\" spellcheck=\"false\" role=\"combobox\" aria-autocomplete=\"list\"/></div> <div class=\"command-menu-separator svelte-rk55q\"></div> <div class=\"command-menu-list svelte-rk55q\" role=\"listbox\"><!></div></div></div>"), $$css$73 = {
|
|
8724
8734
|
hash: "svelte-rk55q",
|
|
8725
8735
|
code: ".command-menu-overlay.svelte-rk55q {position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--command-menu-overlay-background, rgba(0, 0, 0, 0.5));display:flex;align-items:var(--command-menu-overlay-align, flex-start);justify-content:center;padding-top:var(--command-menu-overlay-padding-top, 20vh);z-index:var(--command-menu-z-index, 50);-webkit-tap-highlight-color:transparent;}.command-menu-dialog.svelte-rk55q {background-color:var(--command-menu-background, #ffffff);border-radius:var(--command-menu-border-radius, var(--radius, 4px));box-shadow:var(--command-menu-box-shadow, 0 16px 70px rgba(0, 0, 0, 0.2));width:var(--command-menu-width, 560px);max-width:var(--command-menu-max-width, 90vw);max-height:var(--command-menu-max-height, 60vh);display:flex;flex-direction:column;overflow:hidden;border:var(--command-menu-border, 1px solid #e2e8f0);}.command-menu-input-wrapper.svelte-rk55q {display:flex;align-items:center;padding:var(--command-menu-input-wrapper-padding, 12px 16px);gap:var(--command-menu-input-wrapper-gap, 10px);}.command-menu-search-icon.svelte-rk55q {display:inline-flex;align-items:center;justify-content:center;width:var(--command-menu-search-icon-size, 20px);height:var(--command-menu-search-icon-size, 20px);color:var(--command-menu-search-icon-color, #94a3b8);flex-shrink:0;}.command-menu-search-icon.svelte-rk55q svg {width:100%;height:100%;}.command-menu-input.svelte-rk55q {flex:1;border:none;outline:none;background:transparent;font-size:var(--command-menu-input-font-size, 16px);font-family:var(--command-menu-input-font-family, inherit);font-weight:var(--command-menu-input-font-weight, 400);color:var(--command-menu-input-color, #1e293b);caret-color:var(--command-menu-input-caret-color, #3b82f6);}.command-menu-input.svelte-rk55q::placeholder {color:var(--command-menu-input-placeholder-color, #94a3b8);}.command-menu-separator.svelte-rk55q {height:var(--command-menu-separator-height, 1px);background-color:var(--command-menu-separator-color, #e2e8f0);flex-shrink:0;}.command-menu-list.svelte-rk55q {overflow-y:auto;padding:var(--command-menu-list-padding, 8px);scrollbar-width:var(--command-menu-scrollbar-width, thin);}.command-menu-empty.svelte-rk55q {padding:var(--command-menu-empty-padding, 32px 16px);text-align:center;color:var(--command-menu-empty-color, #94a3b8);font-size:var(--command-menu-empty-font-size, 14px);font-style:var(--command-menu-empty-font-style, normal);}.command-menu-group-heading.svelte-rk55q {padding:var(--command-menu-group-heading-padding, 8px 12px 4px);font-size:var(--command-menu-group-heading-font-size, 12px);font-weight:var(--command-menu-group-heading-font-weight, 600);color:var(--command-menu-group-heading-color, #94a3b8);text-transform:var(--command-menu-group-heading-text-transform, uppercase);letter-spacing:var(--command-menu-group-heading-letter-spacing, 0.05em);}.command-menu-item.svelte-rk55q {display:flex;align-items:center;padding:var(--command-menu-item-padding, 10px 12px);border-radius:var(--command-menu-item-border-radius, var(--radius, 4px));cursor:pointer;gap:var(--command-menu-item-gap, 10px);font-size:var(--command-menu-item-font-size, 14px);color:var(--command-menu-item-color, #334155);transition:background-color 0.1s;background:none;border:none;width:100%;text-align:left;font-family:inherit;}.command-menu-item.active.svelte-rk55q {background-color:var(--command-menu-item-active-background, #f1f5f9);color:var(--command-menu-item-active-color, #0f172a);}.command-menu-item.disabled.svelte-rk55q {opacity:var(--command-menu-item-disabled-opacity, 0.4);cursor:not-allowed;}.command-menu-item-icon.svelte-rk55q {display:flex;align-items:center;justify-content:center;flex-shrink:0;}.command-menu-item-icon-img-wrapper.svelte-rk55q {--image-width: var(--command-menu-item-icon-size, 20px);--image-height: var(--command-menu-item-icon-size, 20px);\n\n /* Mirrors --command-menu-search-icon-color, which this component already had. */color:var(--command-menu-item-icon-color, inherit);flex-shrink:0;display:flex;align-items:center;justify-content:center;}.command-menu-item-label.svelte-rk55q {flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.command-menu-item-shortcut.svelte-rk55q {display:flex;align-items:center;gap:var(--command-menu-shortcut-gap, 4px);flex-shrink:0;}.command-menu-kbd.svelte-rk55q {display:inline-flex;align-items:center;justify-content:center;min-width:var(--command-menu-kbd-min-width, 24px);height:var(--command-menu-kbd-height, 22px);padding:var(--command-menu-kbd-padding, 0 6px);border-radius:var(--command-menu-kbd-border-radius, var(--radius, 4px));background-color:var(--command-menu-kbd-background, #f1f5f9);border:var(--command-menu-kbd-border, 1px solid #e2e8f0);color:var(--command-menu-kbd-color, #64748b);font-size:var(--command-menu-kbd-font-size, 11px);font-family:var(--command-menu-kbd-font-family, inherit);font-weight:var(--command-menu-kbd-font-weight, 500);box-shadow:var(--command-menu-kbd-box-shadow, 0 1px 0 #e2e8f0);}"
|
|
8726
8736
|
};
|
|
@@ -8920,7 +8930,7 @@ function CommandMenu(e, t) {
|
|
|
8920
8930
|
var a = root_7$20();
|
|
8921
8931
|
let o;
|
|
8922
8932
|
var s = child(a), u = (e) => {
|
|
8923
|
-
var n = root_3$
|
|
8933
|
+
var n = root_3$42();
|
|
8924
8934
|
snippet(child(n), l, () => get(t)), reset(n), append(e, n);
|
|
8925
8935
|
}, f = (e) => {
|
|
8926
8936
|
var n = root_4$33();
|
|
@@ -9389,7 +9399,7 @@ customElements.define("sui-icon", create_custom_element(Icon_wc, {
|
|
|
9389
9399
|
}, [], [], { mode: "open" }));
|
|
9390
9400
|
//#endregion
|
|
9391
9401
|
//#region src/lib/IconStack/IconStack.svelte
|
|
9392
|
-
var root$69 = /* @__PURE__ */ from_html("<img alt=\"icon\" class=\"svelte-1upirm6\"/>"), root_1$59 = /* @__PURE__ */ from_html("<div class=\"text-container svelte-1upirm6\"><span class=\"svelte-1upirm6\"> </span></div>"), root_2$45 = /* @__PURE__ */ from_html("<div class=\"stack-icon svelte-1upirm6\"><!></div>"), root_3$
|
|
9402
|
+
var root$69 = /* @__PURE__ */ from_html("<img alt=\"icon\" class=\"svelte-1upirm6\"/>"), root_1$59 = /* @__PURE__ */ from_html("<div class=\"text-container svelte-1upirm6\"><span class=\"svelte-1upirm6\"> </span></div>"), root_2$45 = /* @__PURE__ */ from_html("<div class=\"stack-icon svelte-1upirm6\"><!></div>"), root_3$41 = /* @__PURE__ */ from_html("<div></div>"), $$css$69 = {
|
|
9393
9403
|
hash: "svelte-1upirm6",
|
|
9394
9404
|
code: ".stack-container.svelte-1upirm6 {display:flex;margin:var(--stack-container-margin, 0px);}.stack-icon.svelte-1upirm6 {display:flex;width:var(--stack-icon-width, 36px);height:var(--stack-icon-height, 36px);background:var(--stack-icon-bg, white);border-radius:var(--stack-icon-radius, 50%);margin:var(--stack-icon-margin, 0px 0px 0px -14px);align-items:var(--stack-icon-align-items, center);border:var(--stack-icon-border, 1px solid #ffffff40);justify-content:var(--stack-icon-justify-content, center);box-shadow:var(--stack-icon-shadow, 0 2px 4px #00000026);}.stack-icon.svelte-1upirm6 img:where(.svelte-1upirm6) {width:var(--stack-img-width, 36px);height:var(--stack-img-height, 36px);}.text-container.svelte-1upirm6 {display:flex;width:var(--text-conatiner-width, 36px);height:var(--text-conatiner-height, 36px);align-items:var(--text-container-align-items, center);justify-content:var(--text-container-justify-content, center);}.text-container.svelte-1upirm6 span:where(.svelte-1upirm6) {color:var(--text-color, #666);font-size:var(--text-size, 13px);font-weight:var(--text-weight, 500);text-align:var(--text-align, center);}"
|
|
9395
9405
|
};
|
|
@@ -9415,7 +9425,7 @@ function IconStack(e, t) {
|
|
|
9415
9425
|
set testId(e) {
|
|
9416
9426
|
a(e), flushSync();
|
|
9417
9427
|
}
|
|
9418
|
-
}, s = root_3$
|
|
9428
|
+
}, s = root_3$41();
|
|
9419
9429
|
return each(s, 21, n, index, (e, t, i) => {
|
|
9420
9430
|
var a = root_2$45();
|
|
9421
9431
|
let o;
|
|
@@ -10119,7 +10129,7 @@ customElements.define("sui-loading-dots", create_custom_element(LoadingDots_wc,
|
|
|
10119
10129
|
}, [], [], { mode: "open" }));
|
|
10120
10130
|
//#endregion
|
|
10121
10131
|
//#region src/lib/Pagination/Pagination.svelte
|
|
10122
|
-
var root$65 = /* @__PURE__ */ from_html("<span class=\"ellipsis svelte-1sajc2w\">…</span>"), root_1$55 = /* @__PURE__ */ from_html("<button> </button>"), root_2$43 = /* @__PURE__ */ from_html("<button class=\"page-button load-more-button svelte-1sajc2w\" aria-label=\"Load more\">›</button>"), root_3$
|
|
10132
|
+
var root$65 = /* @__PURE__ */ from_html("<span class=\"ellipsis svelte-1sajc2w\">…</span>"), root_1$55 = /* @__PURE__ */ from_html("<button> </button>"), root_2$43 = /* @__PURE__ */ from_html("<button class=\"page-button load-more-button svelte-1sajc2w\" aria-label=\"Load more\">›</button>"), root_3$40 = /* @__PURE__ */ from_html("<button class=\"page-button next-button svelte-1sajc2w\" aria-label=\"Next page\">›</button>"), root_4$32 = /* @__PURE__ */ from_html("<nav><button class=\"page-button prev-button svelte-1sajc2w\" aria-label=\"Previous page\">‹</button> <!> <!></nav>"), $$css$65 = {
|
|
10123
10133
|
hash: "svelte-1sajc2w",
|
|
10124
10134
|
code: ".pagination.svelte-1sajc2w {display:var(--pagination-display, flex);gap:var(--pagination-gap, 4px);align-items:var(--pagination-align-items, center);}.pagination.disabled.svelte-1sajc2w {opacity:var(--pagination-disabled-opacity, 0.5);cursor:var(--pagination-disabled-cursor, not-allowed);}.page-button.svelte-1sajc2w {padding:var(--pagination-button-padding, 6px 10px);font-size:var(--pagination-button-font-size, 14px);font-weight:var(--pagination-button-font-weight, 400);font-family:var(--pagination-button-font-family, inherit);color:var(--pagination-button-color, #3a4550);background:var(--pagination-button-background, transparent);border:var(--pagination-button-border, 1px solid #d1d5db);border-radius:var(--pagination-button-border-radius, var(--radius, 4px));cursor:var(--pagination-button-cursor, pointer);min-width:var(--pagination-button-min-width, 36px);height:var(--pagination-button-height, 36px);display:flex;align-items:center;justify-content:center;transition:var(--pagination-transition, background 0.15s ease, color 0.15s ease);}.page-button.svelte-1sajc2w:hover:not(:disabled):not(.active) {color:var(--pagination-button-hover-color, #111827);background:var(--pagination-button-hover-background, #f3f4f6);}.page-button.active.svelte-1sajc2w {color:var(--pagination-active-color, #ffffff);background:var(--pagination-active-background, #3a4550);border:var(--pagination-active-border, 1px solid #3a4550);font-weight:var(--pagination-active-font-weight, 600);}.load-more-button.svelte-1sajc2w {width:var(--pagination-load-more-width, auto);padding:var(--pagination-load-more-padding, 6px 14px);color:var(--pagination-load-more-color, #3a4550);background:var(--pagination-load-more-background, transparent);border-color:var(--pagination-load-more-border-color, #d1d5db);}.load-more-button.svelte-1sajc2w:hover:not(:disabled) {color:var(--pagination-load-more-hover-color, #111827);background:var(--pagination-load-more-hover-background, #f3f4f6);}.page-button.svelte-1sajc2w:disabled {opacity:var(--pagination-disabled-opacity, 0.5);cursor:var(--pagination-disabled-cursor, not-allowed);}.pagination.disabled.svelte-1sajc2w .page-button:where(.svelte-1sajc2w) {opacity:1;}.ellipsis.svelte-1sajc2w {color:var(--pagination-ellipsis-color, #6b7280);font-size:var(--pagination-ellipsis-font-size, 14px);min-width:var(--pagination-button-min-width, 36px);height:var(--pagination-button-height, 36px);display:flex;align-items:center;justify-content:center;}"
|
|
10125
10135
|
};
|
|
@@ -10234,7 +10244,7 @@ function Pagination(e, t) {
|
|
|
10234
10244
|
t.disabled = o(), set_attribute(t, "data-pw", typeof p() == "string" ? p() : null), set_attribute(t, "testid", typeof p() == "string" ? p() : null);
|
|
10235
10245
|
}), delegated("click", t, ne), append(e, t);
|
|
10236
10246
|
}, at = (e) => {
|
|
10237
|
-
var t = root_3$
|
|
10247
|
+
var t = root_3$40();
|
|
10238
10248
|
template_effect(() => {
|
|
10239
10249
|
t.disabled = get(R), set_attribute(t, "data-pw", typeof p() == "string" ? p() : null), set_attribute(t, "testid", typeof p() == "string" ? p() : null);
|
|
10240
10250
|
}), delegated("click", t, () => k(i() + 1)), append(e, t);
|
|
@@ -10681,7 +10691,7 @@ function PortalContentRenderer(e, t) {
|
|
|
10681
10691
|
create_custom_element(PortalContentRenderer, { snippet: {} }, [], [], { mode: "open" });
|
|
10682
10692
|
//#endregion
|
|
10683
10693
|
//#region src/lib/Tooltip/Tooltip.svelte
|
|
10684
|
-
var root$62 = /* @__PURE__ */ from_html("<span class=\"tooltip-icon svelte-1xxu8em\" aria-hidden=\"true\"><!></span>"), root_1$52 = /* @__PURE__ */ from_html("<span class=\"tooltip-text svelte-1xxu8em\"> </span>"), root_2$42 = /* @__PURE__ */ from_html("<div role=\"tooltip\"><div class=\"tooltip-arrow svelte-1xxu8em\"></div> <!></div>"), root_3$
|
|
10694
|
+
var root$62 = /* @__PURE__ */ from_html("<span class=\"tooltip-icon svelte-1xxu8em\" aria-hidden=\"true\"><!></span>"), root_1$52 = /* @__PURE__ */ from_html("<span class=\"tooltip-text svelte-1xxu8em\"> </span>"), root_2$42 = /* @__PURE__ */ from_html("<div role=\"tooltip\"><div class=\"tooltip-arrow svelte-1xxu8em\"></div> <!></div>"), root_3$39 = /* @__PURE__ */ from_html("<div role=\"none\"><!> <!> <!> <!></div>"), $$css$62 = {
|
|
10685
10695
|
hash: "svelte-1xxu8em",
|
|
10686
10696
|
code: ".tooltip-container.svelte-1xxu8em {position:relative;display:var(--tooltip-container-display, inline-flex);}.tooltip-icon.svelte-1xxu8em {display:contents;color:var(--tooltip-icon-color, currentColor);}.tooltip-bubble.svelte-1xxu8em {position:absolute;z-index:var(--tooltip-z-index, 1000);max-width:var(--tooltip-max-width, 200px);background:var(--tooltip-background, #333333);color:var(--tooltip-color, #ffffff);font-size:var(--tooltip-font-size, 12px);font-weight:var(--tooltip-font-weight, 400);font-family:var(--tooltip-font-family);padding:var(--tooltip-padding, 6px 10px);border-radius:var(--tooltip-border-radius, var(--radius, 4px));border:var(--tooltip-border, none);box-shadow:var(--tooltip-box-shadow, 0 2px 6px rgba(0, 0, 0, 0.15));white-space:normal;word-wrap:break-word;pointer-events:none;opacity:1;transition:opacity var(--tooltip-opacity-duration, 0.15s) ease-in-out;}.tooltip-arrow.svelte-1xxu8em {position:absolute;width:0;height:0;border-style:solid;}\n\n /* Top position. --tooltip-shift is the viewport-edge clamp: the bubble slides\n along its cross axis to stay on screen while the arrow compensates the other\n way so it keeps pointing at the trigger. */.top.svelte-1xxu8em {bottom:calc(100% + var(--tooltip-offset, 8px));left:50%;transform:translateX(calc(-50% + var(--tooltip-shift, 0px)));}.top.svelte-1xxu8em .tooltip-arrow:where(.svelte-1xxu8em) {top:100%;left:calc(50% - var(--tooltip-shift, 0px));transform:translateX(-50%);border-width:var(--tooltip-arrow-size, 5px) var(--tooltip-arrow-size, 5px) 0\n var(--tooltip-arrow-size, 5px);border-color:var(--tooltip-arrow-color, var(--tooltip-background, #333333)) transparent\n transparent transparent;}\n\n /* Bottom position */.bottom.svelte-1xxu8em {top:calc(100% + var(--tooltip-offset, 8px));left:50%;transform:translateX(calc(-50% + var(--tooltip-shift, 0px)));}.bottom.svelte-1xxu8em .tooltip-arrow:where(.svelte-1xxu8em) {bottom:100%;left:calc(50% - var(--tooltip-shift, 0px));transform:translateX(-50%);border-width:0 var(--tooltip-arrow-size, 5px) var(--tooltip-arrow-size, 5px)\n var(--tooltip-arrow-size, 5px);border-color:transparent transparent\n var(--tooltip-arrow-color, var(--tooltip-background, #333333)) transparent;}\n\n /* Left position */.left.svelte-1xxu8em {right:calc(100% + var(--tooltip-offset, 8px));top:50%;transform:translateY(calc(-50% + var(--tooltip-shift, 0px)));}.left.svelte-1xxu8em .tooltip-arrow:where(.svelte-1xxu8em) {left:100%;top:calc(50% - var(--tooltip-shift, 0px));transform:translateY(-50%);border-width:var(--tooltip-arrow-size, 5px) 0 var(--tooltip-arrow-size, 5px)\n var(--tooltip-arrow-size, 5px);border-color:transparent transparent transparent\n var(--tooltip-arrow-color, var(--tooltip-background, #333333));}\n\n /* Right position */.right.svelte-1xxu8em {left:calc(100% + var(--tooltip-offset, 8px));top:50%;transform:translateY(calc(-50% + var(--tooltip-shift, 0px)));}.right.svelte-1xxu8em .tooltip-arrow:where(.svelte-1xxu8em) {right:100%;top:calc(50% - var(--tooltip-shift, 0px));transform:translateY(-50%);border-width:var(--tooltip-arrow-size, 5px) var(--tooltip-arrow-size, 5px)\n var(--tooltip-arrow-size, 5px) 0;border-color:transparent var(--tooltip-arrow-color, var(--tooltip-background, #333333))\n transparent transparent;}.tooltip-text.svelte-1xxu8em {color:var(--tooltip-color, #ffffff);}"
|
|
10687
10697
|
};
|
|
@@ -10862,7 +10872,7 @@ function Tooltip(e, t) {
|
|
|
10862
10872
|
set usePortal(e = !1) {
|
|
10863
10873
|
p(e), flushSync();
|
|
10864
10874
|
}
|
|
10865
|
-
}, ft = root_3$
|
|
10875
|
+
}, ft = root_3$39(), pt = child(ft), mt = (e) => {
|
|
10866
10876
|
var t = root$62();
|
|
10867
10877
|
snippet(child(t), l), reset(t), append(e, t);
|
|
10868
10878
|
};
|
|
@@ -11459,7 +11469,7 @@ customElements.define("sui-status", create_custom_element(Status_wc, {
|
|
|
11459
11469
|
}, ["default"], [], { mode: "open" }));
|
|
11460
11470
|
//#endregion
|
|
11461
11471
|
//#region src/lib/Stepper/Step.svelte
|
|
11462
|
-
var root$58 = /* @__PURE__ */ from_html("<div class=\"step-icon-container svelte-z5hug7\"><img class=\"step-icon svelte-z5hug7\" alt=\"\"/></div>"), root_1$51 = /* @__PURE__ */ from_html("<div class=\"step-index-container svelte-z5hug7\"><svg class=\"step-spinner svelte-z5hug7\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-opacity=\"0.25\" stroke-width=\"3\"></circle><path d=\"M12 3a9 9 0 0 1 9 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"></path></svg></div>"), root_2$41 = /* @__PURE__ */ from_html("<div class=\"step-index-container svelte-z5hug7\"><div class=\"step-index-text svelte-z5hug7\"> </div></div>"), root_3$
|
|
11472
|
+
var root$58 = /* @__PURE__ */ from_html("<div class=\"step-icon-container svelte-z5hug7\"><img class=\"step-icon svelte-z5hug7\" alt=\"\"/></div>"), root_1$51 = /* @__PURE__ */ from_html("<div class=\"step-index-container svelte-z5hug7\"><svg class=\"step-spinner svelte-z5hug7\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-opacity=\"0.25\" stroke-width=\"3\"></circle><path d=\"M12 3a9 9 0 0 1 9 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"></path></svg></div>"), root_2$41 = /* @__PURE__ */ from_html("<div class=\"step-index-container svelte-z5hug7\"><div class=\"step-index-text svelte-z5hug7\"> </div></div>"), root_3$38 = /* @__PURE__ */ from_html("<div class=\"step-badge svelte-z5hug7\"><!></div>"), root_4$31 = /* @__PURE__ */ from_html("<div><!> <div class=\"step-text svelte-z5hug7\"> </div> <!> <div class=\"separator svelte-z5hug7\"></div></div>"), $$css$58 = {
|
|
11463
11473
|
hash: "svelte-z5hug7",
|
|
11464
11474
|
code: ".step.svelte-z5hug7 {display:flex;flex-direction:var(--step-flex-direction, row);align-items:center;\n /* Lets a step's own box grow to fill a --step-container-flex share of the\n Stepper row — a prerequisite for the separator below to have any free\n space to grow into. Default 0 keeps a step sized to its content. */flex-grow:var(--step-flex-grow, 0);}.step-vertical.svelte-z5hug7 {--step-flex-direction: column;align-items:flex-start;}\n\n /* Mirrors Stepper.svelte's per-status remapping so a bare Step themes itself. Only the\n tokens Step actually renders are set here; the separator is Stepper's to draw. Each\n chain terminates in the same literal Stepper uses, so the two agree by construction. */.status-completed.svelte-z5hug7 {--step-text-color: var(--step-text-completed-color, #24aa5a);--step-index-container-background-color: var(\n --step-index-container-completed-background-color,\n #24aa5a\n );--step-index-container-border: var(--step-index-container-completed-border, none);}.status-active.svelte-z5hug7 {--step-text-color: var(--step-text-active-color, #2f3841);--step-index-container-background-color: var(\n --step-index-container-active-background-color,\n #2f3841\n );--step-index-container-border: var(--step-index-container-active-border, none);}.status-failure.svelte-z5hug7 {--step-text-color: var(--step-text-failure-color, #e53935);--step-index-container-background-color: var(\n --step-index-container-failure-background-color,\n var(--stepper-status-failure-color, #e53935)\n );--step-index-container-border: var(--step-index-container-failure-border, none);}.status-in-progress.svelte-z5hug7 {--step-text-color: var(--step-text-in-progress-color, #f59e0b);--step-index-container-background-color: var(\n --step-index-container-in-progress-background-color,\n var(--stepper-status-in-progress-color, #f59e0b)\n );--step-index-container-border: var(--step-index-container-in-progress-border, none);}.status-muted.svelte-z5hug7 {--step-text-color: var(--step-text-muted-color, #667080);--step-index-container-background-color: var(\n --step-index-container-muted-background-color,\n #c9d2db\n );\n /* The circle is pale, so the numeral cannot inherit the white used on every other\n status — that measured 1.53:1. #2f3841 is the same literal the active status\n already uses for text, and reads at 7.79:1 here. */--step-index-color: var(--step-index-muted-color, #2f3841);--step-index-container-border: var(--step-index-container-muted-border, none);--step-index-container-height: var(--step-index-container-muted-height, 20px);--step-index-container-width: var(--step-index-container-muted-width, 20px);--step-index-font-size: var(--step-index-muted-font-size, 10px);}\n\n /* status-pending sets nothing — it is the neutral default already in .step-index-container. */.step-index-container.svelte-z5hug7 {display:flex;justify-content:center;align-items:center;height:var(--step-index-container-height, 30px);width:var(--step-index-container-width, 30px);border-radius:var(--step-index-container-radius, 50%);background-color:var(--step-index-container-background-color, #798fa5cc);\n /* No border today, so the fallback is `none` — an existing consumer that sets\n nothing renders byte-identically. Shared with .step-icon-container below so\n a status override (see Stepper.svelte) themes the circle whichever of the\n two mutually-exclusive renders is showing. */border:var(--step-index-container-border, none);color:var(--step-index-color, white);flex-shrink:0;}.step-icon-container.svelte-z5hug7 {display:flex;justify-content:center;align-items:center;height:var(--step-index-container-height, 30px);width:var(--step-index-container-width, 30px);border-radius:var(--step-index-container-radius, 50%);background-color:var(--step-index-container-background-color, #798fa5cc);border:var(--step-index-container-border, none);flex-shrink:0;overflow:hidden;}.step-icon.svelte-z5hug7 {width:var(--step-icon-size, 18px);height:var(--step-icon-size, 18px);object-fit:contain;}.step-spinner.svelte-z5hug7 {width:var(--step-spinner-size, 18px);height:var(--step-spinner-size, 18px);\n animation: svelte-z5hug7-stepper-spin 0.8s linear infinite;}\n\n @keyframes svelte-z5hug7-stepper-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }.separator.svelte-z5hug7 {display:var(--stepper-separator-display, var(--separator-display, block));height:var(--stepper-separator-height, var(--separator-height, 1px));width:var(--stepper-separator-width, var(--separator-width, 50px));\n /* 0 keeps the separator pinned to its width above; set alongside --step-flex-grow\n and --step-container-flex to let it stretch into a card's remaining width. */flex-grow:var(--stepper-separator-flex-grow, 0);margin:var(--stepper-separator-margin, var(--separator-margin, 0px 12px 0px 12px));background-image:var(\n --stepper-separator-background-image,\n var(\n --separator-background-image,\n repeating-linear-gradient(\n to right,\n var(\n --stepper-separator-background-image-color,\n var(--separator-background-image-color, #798fa5cc)\n ),\n var(\n --stepper-separator-background-image-color,\n var(--separator-background-image-color, #798fa5cc)\n )\n 6px,\n transparent 6px,\n transparent 10px\n )\n )\n );}.step-vertical.svelte-z5hug7 .separator:where(.svelte-z5hug7) {height:var(--stepper-separator-vertical-height, 32px);width:var(--stepper-separator-vertical-width, 1px);margin:var(--stepper-separator-vertical-margin, 4px 0px 4px 14px);background-image:repeating-linear-gradient(\n to bottom,\n var(\n --stepper-separator-background-image-color,\n var(--separator-background-image-color, #798fa5cc)\n ),\n var(\n --stepper-separator-background-image-color,\n var(--separator-background-image-color, #798fa5cc)\n )\n 6px,\n transparent 6px,\n transparent 10px\n );}.step-text.svelte-z5hug7 {margin:var(--step-text-margin, 0px 0px 0px 12px);font-size:var(--step-text-font-size, 12px);\n /* No font-weight is set today, so the div inherits the browser default\n `normal` — that is the literal fallback, keeping an existing consumer\n byte-identical. */font-weight:var(--step-text-font-weight, normal);color:var(--step-text-color, #798fa5cc);}.step-vertical.svelte-z5hug7 .step-text:where(.svelte-z5hug7) {margin:var(--step-text-vertical-margin, 4px 0px 0px 0px);}.step-index-text.svelte-z5hug7 {font-size:var(--step-index-font-size, 14px);color:var(--step-index-color, white);}.step-badge.svelte-z5hug7 {margin:var(--step-badge-margin, 0 0 0 4px);}.step-vertical.svelte-z5hug7 .step-badge:where(.svelte-z5hug7) {margin:var(--step-badge-vertical-margin, 4px 0 0 0);}"
|
|
11465
11475
|
};
|
|
@@ -11565,7 +11575,7 @@ function Step(e, t) {
|
|
|
11565
11575
|
var ot = sibling(Re, 2), ct = child(ot, !0);
|
|
11566
11576
|
reset(ot);
|
|
11567
11577
|
var lt = sibling(ot, 2), ut = (e) => {
|
|
11568
|
-
var t = root_3$
|
|
11578
|
+
var t = root_3$38();
|
|
11569
11579
|
snippet(child(t), c), reset(t), append(e, t);
|
|
11570
11580
|
};
|
|
11571
11581
|
return if_block(lt, (e) => {
|
|
@@ -11742,7 +11752,7 @@ customElements.define("sui-stepper", create_custom_element(Stepper_wc, {
|
|
|
11742
11752
|
}, [], [], { mode: "open" }));
|
|
11743
11753
|
//#endregion
|
|
11744
11754
|
//#region src/lib/assets/chevron-up.svg?raw
|
|
11745
|
-
var chevron_up_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"18 15 12 9 6 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_down_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$56 = /* @__PURE__ */ from_html("<button class=\"tabs-arrow tabs-arrow-start svelte-18eaq6o\"><!></button>"), root_1$49 = /* @__PURE__ */ from_html("<div class=\"tabs-section-label svelte-18eaq6o\" aria-hidden=\"true\"> </div>"), root_2$40 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"></span>"), root_3$
|
|
11755
|
+
var chevron_up_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"18 15 12 9 6 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_down_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$56 = /* @__PURE__ */ from_html("<button class=\"tabs-arrow tabs-arrow-start svelte-18eaq6o\"><!></button>"), root_1$49 = /* @__PURE__ */ from_html("<div class=\"tabs-section-label svelte-18eaq6o\" aria-hidden=\"true\"> </div>"), root_2$40 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"></span>"), root_3$37 = /* @__PURE__ */ from_html("<!> <span class=\"tabs-item-label svelte-18eaq6o\"> </span> <!>", 1), root_4$30 = /* @__PURE__ */ from_html("<!> <div role=\"tab\"><!></div>", 1), root_5$26 = /* @__PURE__ */ from_html("<span class=\"tabs-indicator svelte-18eaq6o\" aria-hidden=\"true\"></span>"), root_6$22 = /* @__PURE__ */ from_html("<button class=\"tabs-arrow tabs-arrow-end svelte-18eaq6o\"><!></button>"), root_7$19 = /* @__PURE__ */ from_html("<div><!> <div role=\"tablist\"><!> <!></div> <!></div>"), $$css$56 = {
|
|
11746
11756
|
hash: "svelte-18eaq6o",
|
|
11747
11757
|
code: ".tabs-wrapper.svelte-18eaq6o {display:flex;align-items:stretch;position:relative;max-width:100%;background:var(--tabs-bar-background, #ffffff);border-bottom:var(--tabs-bar-border-bottom, 1px solid #e0e0e0);border-radius:var(--tabs-bar-border-radius, 0);}.tabs-wrapper.disabled.svelte-18eaq6o {opacity:var(--tabs-disabled-opacity, 0.5);pointer-events:none;}.tabs-bar.svelte-18eaq6o {display:flex;flex:1;min-width:0;padding:var(--tabs-bar-padding, 0px);gap:var(--tabs-bar-gap, 0px);overflow-x:auto;scrollbar-width:none;position:relative;}.tabs-bar.svelte-18eaq6o::-webkit-scrollbar {display:none;}\n\n /* Each fade holds FULLY transparent for the first --tabs-fade-solid px before\n ramping to opaque: a plain 0→fade-size ramp still renders the clipped tab\n label at ~20% opacity a few px from the edge, which reads as a stray glyph\n fragment beside the scroll arrow. The solid zone guarantees nothing is\n perceptible there. */.tabs-bar.fade-left.svelte-18eaq6o {mask-image:linear-gradient(\n to right,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );-webkit-mask-image:linear-gradient(\n to right,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );}.tabs-bar.fade-right.svelte-18eaq6o {mask-image:linear-gradient(\n to left,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );-webkit-mask-image:linear-gradient(\n to left,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );}.tabs-bar.fade-left.fade-right.svelte-18eaq6o {mask-image:linear-gradient(\n to right,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px),\n black calc(100% - var(--tabs-fade-size, 32px)),\n transparent calc(100% - var(--tabs-fade-solid, 8px))\n );-webkit-mask-image:linear-gradient(\n to right,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px),\n black calc(100% - var(--tabs-fade-size, 32px)),\n transparent calc(100% - var(--tabs-fade-solid, 8px))\n );}.tabs-arrow.svelte-18eaq6o {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--tabs-arrow-size, 28px);padding:var(--tabs-arrow-padding, 0);border:var(--tabs-arrow-border, none);background:var(--tabs-arrow-background, var(--tabs-bar-background, #ffffff));color:var(--tabs-arrow-color, var(--tabs-item-color, #666666));cursor:pointer;z-index:1;transition:var(--tabs-arrow-transition, color 0.2s ease);font-family:inherit;}.tabs-arrow.svelte-18eaq6o:hover {color:var(--tabs-arrow-hover-color, var(--tabs-active-color, #1a73e8));background:var(\n --tabs-arrow-hover-background,\n var(--tabs-arrow-background, var(--tabs-bar-background, #ffffff))\n );}.tabs-item.svelte-18eaq6o {display:flex;align-items:center;gap:var(--tabs-item-gap, 8px);position:relative;padding:var(--tabs-item-padding, 12px 16px);font-size:var(--tabs-item-font-size, 14px);font-weight:var(--tabs-item-font-weight, 400);font-family:var(--tabs-item-font-family, inherit);color:var(--tabs-item-color, #666666);cursor:var(--tabs-item-cursor, pointer);background:var(--tabs-item-background, transparent);border:var(--tabs-item-border, none);border-radius:var(--tabs-item-border-radius, 0);outline:none;white-space:nowrap;flex-shrink:0;user-select:none;transition:var(--tabs-transition, color 0.2s ease, background 0.2s ease);}.tabs-item.svelte-18eaq6o .tabs-item-icon {--image-width: var(--tabs-item-icon-size, 16px);--image-height: var(--tabs-item-icon-size, 16px);--image-object-fit: contain;color:var(--tabs-item-icon-color, inherit);flex-shrink:0;}\n\n /* Reserves the active-state (bolder) width of the label so selecting a tab\n never reflows the tab bar: without this, .tabs-item.active's font-weight\n jump makes the tab (and every tab after it) physically resize, which\n visibly shifts sibling tabs and defeats the indicator's slide animation\n with a jump. The ::after ghost renders data-text at the active weight\n with height:0/visibility:hidden -- invisible, but its width still sets\n the shrink-to-fit width of the inline-block label, so the box is already\n as wide as the active state needs even while showing the lighter weight. */.tabs-item-label.svelte-18eaq6o {position:relative;display:inline-block;}.tabs-item-label.svelte-18eaq6o::after {content:attr(data-text);display:block;height:0;overflow:hidden;visibility:hidden;font-weight:var(--tabs-active-font-weight, 600);}\n\n /* Trailing status dot for nav/menu tabs. margin-left:auto pushes it to the row's\n end (e.g. a settings menu); harmless on a normal tab bar where the item shrinks\n to content. */.tabs-item-status.svelte-18eaq6o {width:var(--tabs-item-status-size, 8px);height:var(--tabs-item-status-size, 8px);margin-left:auto;border-radius:50%;flex-shrink:0;background:transparent;}\n\n /* Neutral \"has activity / configured\" dot — blue by default, matching the app's\n --text-color-focus. Maps from a settings menu's Default circle type. */.tabs-item-status.status-default.svelte-18eaq6o {background:var(--tabs-item-status-default-color, #1a73e8);}.tabs-item-status.status-pending.svelte-18eaq6o {background:var(--tabs-item-status-pending-color, #f59e0b);}.tabs-item-status.status-error.svelte-18eaq6o {background:var(--tabs-item-status-error-color, #e7000b);}.tabs-item-status.status-success.svelte-18eaq6o {background:var(--tabs-item-status-success-color, #16a34a);}.tabs-item.svelte-18eaq6o:hover:not(.active):not([aria-disabled]) {color:var(--tabs-hover-color, #333333);background:var(--tabs-hover-background, #f5f5f5);}.tabs-item.active.svelte-18eaq6o {color:var(--tabs-active-color, #1a73e8);font-weight:var(--tabs-active-font-weight, 600);background:var(--tabs-active-background, transparent);}.tabs-item[aria-disabled].svelte-18eaq6o {cursor:var(--tabs-disabled-cursor, not-allowed);}.tabs-indicator.svelte-18eaq6o {position:absolute;bottom:0;height:var(--tabs-indicator-height, 2px);background-color:var(--tabs-indicator-color, #1a73e8);border-radius:var(--tabs-indicator-border-radius, 2px 2px 0 0);transition:var(--tabs-indicator-transition, left 0.3s ease, width 0.3s ease);pointer-events:none;}\n\n /* ---------- Vertical orientation (nav / menu rail) ---------- */.tabs-wrapper.vertical.svelte-18eaq6o {flex-direction:column;align-items:stretch;max-width:none;border-bottom:none;}.tabs-wrapper.vertical.svelte-18eaq6o .tabs-bar:where(.svelte-18eaq6o) {flex-direction:column;overflow-x:hidden;overflow-y:auto;}.tabs-wrapper.vertical.svelte-18eaq6o .tabs-item:where(.svelte-18eaq6o) {\n /* Full-width rows: label sits at the leading edge, the status dot's margin-left:auto\n pushes it to the trailing edge (the settings-menu look). */width:100%;box-sizing:border-box;justify-content:flex-start;}.tabs-bar.fade-top.svelte-18eaq6o {mask-image:linear-gradient(\n to bottom,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );-webkit-mask-image:linear-gradient(\n to bottom,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );}.tabs-bar.fade-bottom.svelte-18eaq6o {mask-image:linear-gradient(\n to top,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );-webkit-mask-image:linear-gradient(\n to top,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px)\n );}.tabs-bar.fade-top.fade-bottom.svelte-18eaq6o {mask-image:linear-gradient(\n to bottom,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px),\n black calc(100% - var(--tabs-fade-size, 32px)),\n transparent calc(100% - var(--tabs-fade-solid, 8px))\n );-webkit-mask-image:linear-gradient(\n to bottom,\n transparent var(--tabs-fade-solid, 8px),\n black var(--tabs-fade-size, 32px),\n black calc(100% - var(--tabs-fade-size, 32px)),\n transparent calc(100% - var(--tabs-fade-solid, 8px))\n );}.tabs-wrapper.vertical.svelte-18eaq6o .tabs-indicator:where(.svelte-18eaq6o) {top:0;bottom:auto;left:0;width:var(--tabs-indicator-height, 2px);height:var(--tabs-indicator-height, 2px);border-radius:var(--tabs-indicator-border-radius-vertical, 0 2px 2px 0);transition:var(--tabs-indicator-transition-vertical, top 0.3s ease, height 0.3s ease);}\n\n /* Section header rendered above a group of vertical nav items. */.tabs-section-label.svelte-18eaq6o {padding:var(--tabs-section-label-padding, 12px 16px 4px);font-size:var(--tabs-section-label-font-size, 11px);font-weight:var(--tabs-section-label-font-weight, 700);letter-spacing:var(--tabs-section-label-letter-spacing, 0.04em);text-transform:var(--tabs-section-label-text-transform, uppercase);color:var(--tabs-section-label-color, var(--tabs-item-color, #999999));white-space:nowrap;user-select:none;}\n\n @media (prefers-reduced-motion: reduce) {.tabs-indicator.svelte-18eaq6o,\n .tabs-wrapper.vertical.svelte-18eaq6o .tabs-indicator:where(.svelte-18eaq6o) {transition:none;}\n }"
|
|
11748
11758
|
};
|
|
@@ -11963,7 +11973,7 @@ function Tabs(e, t) {
|
|
|
11963
11973
|
}
|
|
11964
11974
|
append(e, t);
|
|
11965
11975
|
}, C = (e) => {
|
|
11966
|
-
var t = root_3$
|
|
11976
|
+
var t = root_3$37(), n = first_child(t), o = (e) => {
|
|
11967
11977
|
Img(e, {
|
|
11968
11978
|
inlineSvg: !0,
|
|
11969
11979
|
get src() {
|
|
@@ -12126,7 +12136,7 @@ customElements.define("sui-tabs", create_custom_element(Tabs_wc, {
|
|
|
12126
12136
|
], [], { mode: "open" }));
|
|
12127
12137
|
//#endregion
|
|
12128
12138
|
//#region src/lib/assets/sun.svg?raw
|
|
12129
|
-
var sun_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"5\"></circle>\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"></line>\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"></line>\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"></line>\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"></line>\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"></line>\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"></line>\n <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"></line>\n <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"></line>\n</svg>\n", moon_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"></path>\n</svg>\n", monitor_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"></rect>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"></line>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"></line>\n</svg>\n", palette_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"13.5\" cy=\"6.5\" r=\"0.5\" fill=\"currentColor\"></circle>\n <circle cx=\"17.5\" cy=\"10.5\" r=\"0.5\" fill=\"currentColor\"></circle>\n <circle cx=\"8.5\" cy=\"7.5\" r=\"0.5\" fill=\"currentColor\"></circle>\n <circle cx=\"6.5\" cy=\"12.5\" r=\"0.5\" fill=\"currentColor\"></circle>\n <path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"></path>\n</svg>\n", root$55 = /* @__PURE__ */ from_html("<span><!></span>"), root_1$48 = /* @__PURE__ */ from_html("<button aria-label=\"Switch theme\"></button>"), root_2$39 = /* @__PURE__ */ from_html("<button><span class=\"icon svelte-yg7rya\"><!></span></button>"), root_3$
|
|
12139
|
+
var sun_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"5\"></circle>\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"></line>\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"></line>\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"></line>\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"></line>\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"></line>\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"></line>\n <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"></line>\n <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"></line>\n</svg>\n", moon_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"></path>\n</svg>\n", monitor_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"></rect>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"></line>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"></line>\n</svg>\n", palette_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"13.5\" cy=\"6.5\" r=\"0.5\" fill=\"currentColor\"></circle>\n <circle cx=\"17.5\" cy=\"10.5\" r=\"0.5\" fill=\"currentColor\"></circle>\n <circle cx=\"8.5\" cy=\"7.5\" r=\"0.5\" fill=\"currentColor\"></circle>\n <circle cx=\"6.5\" cy=\"12.5\" r=\"0.5\" fill=\"currentColor\"></circle>\n <path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"></path>\n</svg>\n", root$55 = /* @__PURE__ */ from_html("<span><!></span>"), root_1$48 = /* @__PURE__ */ from_html("<button aria-label=\"Switch theme\"></button>"), root_2$39 = /* @__PURE__ */ from_html("<button><span class=\"icon svelte-yg7rya\"><!></span></button>"), root_3$36 = /* @__PURE__ */ from_html("<div><div class=\"segment-indicator svelte-yg7rya\"></div> <!></div>"), $$css$55 = {
|
|
12130
12140
|
hash: "svelte-yg7rya",
|
|
12131
12141
|
code: ".toggle-button.svelte-yg7rya {position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--theme-switcher-size, 36px);height:var(--theme-switcher-size, 36px);padding:0;border:none;border-radius:var(--theme-switcher-border-radius, var(--radius, 4px));background-color:var(--theme-switcher-bg, transparent);cursor:pointer;color:var(--theme-switcher-icon-color, #374151);transition:background-color var(--theme-switcher-transition-duration, 0.3s);font-family:inherit;}.toggle-button.svelte-yg7rya:hover {background-color:var(--theme-switcher-bg-hover, #f3f4f6);}.toggle-button.svelte-yg7rya:active {background-color:var(--theme-switcher-bg-pressed, #e5e7eb);}.icon.svelte-yg7rya {display:inline-flex;align-items:center;justify-content:center;width:var(--theme-switcher-icon-size, 18px);height:var(--theme-switcher-icon-size, 18px);transition:opacity var(--theme-switcher-transition-duration, 0.3s),\n transform var(--theme-switcher-transition-duration, 0.3s);}.icon.svelte-yg7rya svg {width:100%;height:100%;}.toggle-button.svelte-yg7rya .icon:where(.svelte-yg7rya) {position:absolute;}.toggle-button.svelte-yg7rya .icon:where(.svelte-yg7rya):not(.active) {opacity:0;transform:scale(0.5) rotate(90deg);}.toggle-button.svelte-yg7rya .icon.active:where(.svelte-yg7rya) {opacity:1;transform:scale(1) rotate(0deg);}.segment-control.svelte-yg7rya {position:relative;display:inline-flex;align-items:center;gap:var(--theme-switcher-segment-gap, 2px);padding:var(--theme-switcher-segment-padding, 4px);background-color:var(--theme-switcher-segment-bg, #f3f4f6);border-radius:var(--theme-switcher-border-radius, var(--radius, 4px));}.segment-indicator.svelte-yg7rya {position:absolute;top:var(--theme-switcher-segment-padding, 4px);bottom:var(--theme-switcher-segment-padding, 4px);border-radius:var(--theme-switcher-segment-border-radius, var(--radius, 4px));background-color:var(--theme-switcher-segment-active-bg, #ffffff);box-shadow:var(--theme-switcher-segment-shadow, 0 1px 2px rgba(0, 0, 0, 0.1));transition:left var(--theme-switcher-transition-duration, 0.3s),\n width var(--theme-switcher-transition-duration, 0.3s);z-index:0;}.segment-button.svelte-yg7rya {position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:var(--theme-switcher-segment-button-padding, 6px 10px);border:none;border-radius:var(--theme-switcher-segment-border-radius, var(--radius, 4px));background:transparent;cursor:pointer;color:var(--theme-switcher-icon-color, #374151);transition:color var(--theme-switcher-transition-duration, 0.3s);font-family:inherit;}.segment-button.selected.svelte-yg7rya {color:var(--theme-switcher-icon-color-active, #1f2937);}"
|
|
12132
12142
|
};
|
|
@@ -12243,7 +12253,7 @@ function ThemeSwitcher(e, t) {
|
|
|
12243
12253
|
set_class(t, 1, `toggle-button ${f() ?? "" ?? ""}`, "svelte-yg7rya"), set_attribute(t, "data-pw", typeof u() == "string" ? u() : null), set_attribute(t, "testid", typeof u() == "string" ? u() : null);
|
|
12244
12254
|
}), delegated("click", t, Me), append(e, t);
|
|
12245
12255
|
}, ot = (e) => {
|
|
12246
|
-
var t = root_3$
|
|
12256
|
+
var t = root_3$36(), n = child(t);
|
|
12247
12257
|
each(sibling(n, 2), 19, o, (e) => e.value, (e, t, n) => {
|
|
12248
12258
|
var i = root_2$39();
|
|
12249
12259
|
let o;
|
|
@@ -12659,7 +12669,7 @@ function slide(e, { delay: t = 0, duration: n = 400, easing: i = cubic_out, axis
|
|
|
12659
12669
|
}
|
|
12660
12670
|
//#endregion
|
|
12661
12671
|
//#region src/lib/Banner/Banner.svelte
|
|
12662
|
-
var root$52 = /* @__PURE__ */ from_html("<div class=\"banner-icon svelte-w23dzo\"><!></div>"), root_1$46 = /* @__PURE__ */ from_html("<div class=\"banner-title svelte-w23dzo\"><!></div>"), root_2$38 = /* @__PURE__ */ from_html("<span class=\"banner-link-text svelte-w23dzo\"> </span>"), root_3$
|
|
12672
|
+
var root$52 = /* @__PURE__ */ from_html("<div class=\"banner-icon svelte-w23dzo\"><!></div>"), root_1$46 = /* @__PURE__ */ from_html("<div class=\"banner-title svelte-w23dzo\"><!></div>"), root_2$38 = /* @__PURE__ */ from_html("<span class=\"banner-link-text svelte-w23dzo\"> </span>"), root_3$35 = /* @__PURE__ */ from_html("<div class=\"banner-right svelte-w23dzo\"><!></div>"), root_4$29 = /* @__PURE__ */ from_html("<div class=\"banner-dismiss svelte-w23dzo\"><!></div>"), root_5$25 = /* @__PURE__ */ from_html("<div><!> <div class=\"banner-body svelte-w23dzo\"><!> <div class=\"banner-text svelte-w23dzo\"> <!></div></div> <!> <!></div>"), $$css$52 = {
|
|
12663
12673
|
hash: "svelte-w23dzo",
|
|
12664
12674
|
code: ".banner.svelte-w23dzo {display:flex;align-items:center;width:var(--banner-width, 100%);height:var(--banner-height);padding:var(--banner-padding, 10px 12px);gap:var(--banner-gap, 8px);justify-content:var(--banner-justify-content, center);background-color:var(--banner-background, #f0f4f8);color:var(--banner-color, #637c95);font-family:var(--banner-font-family);font-size:var(--banner-font-size, 14px);font-weight:var(--banner-font-weight, 500);line-height:var(--banner-line-height, 1.3);border-bottom:var(--banner-border-bottom, none);border:var(--banner-border);border-radius:var(--banner-border-radius, var(--radius, 4px));cursor:var(--banner-cursor, pointer);position:var(--banner-position, sticky);top:var(--banner-top, 0);z-index:var(--banner-z-index, 100);box-sizing:border-box;}.banner-icon.svelte-w23dzo {display:flex;align-items:center;flex-shrink:0;color:var(--banner-icon-color, currentColor);}.banner-icon.svelte-w23dzo svg {width:var(--banner-icon-size, 18px);height:var(--banner-icon-size, 18px);}.banner-body.svelte-w23dzo {display:flex;flex-direction:column;overflow:hidden;gap:var(--banner-body-gap, 0);}.banner-title.svelte-w23dzo {font-weight:var(--banner-title-font-weight, inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.banner-text.svelte-w23dzo {overflow:var(--banner-text-overflow, hidden);text-overflow:var(--banner-text-ellipsis, ellipsis);white-space:var(--banner-white-space, nowrap);}.banner-link-text.svelte-w23dzo {color:var(--banner-link-color, #0099ff);margin-left:var(--banner-link-gap, 4px);}.banner-right.svelte-w23dzo {display:flex;align-items:center;flex-shrink:0;}.banner-dismiss.svelte-w23dzo {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-border-radius: var(--banner-dismiss-border-radius, var(--radius, 4px));--button-text-color: var(--banner-dismiss-color, currentColor);--button-hover-color: var(--banner-dismiss-hover-background, rgba(0, 0, 0, 0.1));--cursor: inherit;display:flex;align-items:center;flex-shrink:0;}.banner-dismiss.svelte-w23dzo svg {width:var(--banner-dismiss-size, 14px);height:var(--banner-dismiss-size, 14px);}"
|
|
12665
12675
|
};
|
|
@@ -12777,7 +12787,7 @@ function Banner(e, t) {
|
|
|
12777
12787
|
typeof a() == "string" && a().length > 0 && e(Ue);
|
|
12778
12788
|
}), reset(be), reset(p);
|
|
12779
12789
|
var it = sibling(p, 2), at = (e) => {
|
|
12780
|
-
var t = root_3$
|
|
12790
|
+
var t = root_3$35();
|
|
12781
12791
|
snippet(child(t), l), reset(t), append(e, t);
|
|
12782
12792
|
};
|
|
12783
12793
|
if_block(it, (e) => {
|
|
@@ -12944,7 +12954,7 @@ customElements.define("sui-banner", create_custom_element(Banner_wc, {
|
|
|
12944
12954
|
], [], { mode: "open" }));
|
|
12945
12955
|
//#endregion
|
|
12946
12956
|
//#region src/lib/assets/lock.svg?raw
|
|
12947
|
-
var lock_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM12 17c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM15.1 8H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2z\" fill=\"currentColor\"/>\n</svg>\n", root$51 = /* @__PURE__ */ from_html("<div class=\"tab-bar svelte-qac8se\"><div class=\"tab svelte-qac8se\"> </div></div>"), root_1$45 = /* @__PURE__ */ from_html("<span class=\"lock-icon svelte-qac8se\"></span>"), root_2$37 = /* @__PURE__ */ from_html("<div class=\"addressbar-row svelte-qac8se\"><div class=\"addressbar svelte-qac8se\"><!> <span class=\"url-text svelte-qac8se\"> </span></div></div>"), root_3$
|
|
12957
|
+
var lock_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM12 17c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM15.1 8H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2z\" fill=\"currentColor\"/>\n</svg>\n", root$51 = /* @__PURE__ */ from_html("<div class=\"tab-bar svelte-qac8se\"><div class=\"tab svelte-qac8se\"> </div></div>"), root_1$45 = /* @__PURE__ */ from_html("<span class=\"lock-icon svelte-qac8se\"></span>"), root_2$37 = /* @__PURE__ */ from_html("<div class=\"addressbar-row svelte-qac8se\"><div class=\"addressbar svelte-qac8se\"><!> <span class=\"url-text svelte-qac8se\"> </span></div></div>"), root_3$34 = /* @__PURE__ */ from_html("<div><div class=\"chrome svelte-qac8se\"><div class=\"titlebar svelte-qac8se\"><div class=\"dots svelte-qac8se\"><span class=\"dot close svelte-qac8se\"></span> <span class=\"dot minimize svelte-qac8se\"></span> <span class=\"dot maximize svelte-qac8se\"></span></div> <!></div> <!></div> <div class=\"content svelte-qac8se\"><!></div></div>"), $$css$51 = {
|
|
12948
12958
|
hash: "svelte-qac8se",
|
|
12949
12959
|
code: ".browser.svelte-qac8se {width:var(--browser-width, 100%);max-width:var(--browser-max-width);border:var(--browser-border, 1px solid #d1d5db);overflow:hidden;display:flex;flex-direction:column;}.browser.rounded.svelte-qac8se {border-radius:var(--browser-border-radius, var(--radius, 4px));}.browser.shadow.svelte-qac8se {box-shadow:var(--browser-shadow, 0 8px 32px rgba(0, 0, 0, 0.12));}\n\n /* Light variant */.browser.light.svelte-qac8se .chrome:where(.svelte-qac8se) {background-color:var(--browser-chrome-bg, #f3f4f6);color:var(--browser-chrome-color, #374151);}.browser.light.svelte-qac8se .tab:where(.svelte-qac8se) {background-color:var(--browser-tab-bg, #ffffff);color:var(--browser-tab-color, #374151);}.browser.light.svelte-qac8se .addressbar:where(.svelte-qac8se) {background-color:var(--browser-addressbar-bg, #ffffff);border:var(--browser-addressbar-border, 1px solid #e5e7eb);}\n\n /* Dark variant */.browser.dark.svelte-qac8se .chrome:where(.svelte-qac8se) {background-color:var(--browser-chrome-bg, #1f2937);color:var(--browser-chrome-color, #d1d5db);}.browser.dark.svelte-qac8se .tab:where(.svelte-qac8se) {background-color:var(--browser-tab-bg, #374151);color:var(--browser-tab-color, #d1d5db);}.browser.dark.svelte-qac8se .addressbar:where(.svelte-qac8se) {background-color:var(--browser-addressbar-bg, #111827);border:var(--browser-addressbar-border, 1px solid #374151);}.chrome.svelte-qac8se {display:flex;flex-direction:column;}.titlebar.svelte-qac8se {display:flex;align-items:center;padding:var(--browser-titlebar-padding, 12px 16px);gap:12px;}.dots.svelte-qac8se {display:flex;gap:var(--browser-dot-gap, 8px);flex-shrink:0;}.dot.svelte-qac8se {width:var(--browser-dot-size, 12px);height:var(--browser-dot-size, 12px);border-radius:50%;}.dot.close.svelte-qac8se {background-color:var(--browser-dot-close-bg, #ef4444);}.dot.minimize.svelte-qac8se {background-color:var(--browser-dot-minimize-bg, #f59e0b);}.dot.maximize.svelte-qac8se {background-color:var(--browser-dot-maximize-bg, #22c55e);}.tab-bar.svelte-qac8se {display:flex;align-items:flex-end;flex:1;}.tab.svelte-qac8se {padding:var(--browser-tab-padding, 6px 16px);border-radius:var(--browser-tab-border-radius, var(--radius, 4px) var(--radius, 4px) 0 0);font-size:var(--browser-tab-font-size, 13px);font-family:var(--browser-tab-font-family, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;}.addressbar-row.svelte-qac8se {padding:var(--browser-addressbar-padding, 8px 16px);}.addressbar.svelte-qac8se {display:flex;align-items:center;gap:8px;padding:0 12px;height:var(--browser-addressbar-height, 32px);border-radius:var(--browser-addressbar-border-radius, var(--radius, 4px));font-size:var(--browser-addressbar-font-size, 13px);font-family:var(--browser-addressbar-font-family, inherit);}.lock-icon.svelte-qac8se {display:flex;flex-shrink:0;color:var(--browser-lock-color, #6b7280);}.url-text.svelte-qac8se {color:var(--browser-addressbar-color, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.content.svelte-qac8se {background-color:var(--browser-content-bg, #ffffff);min-height:var(--browser-content-min-height, 200px);overflow:var(--browser-content-overflow, hidden);}"
|
|
12950
12960
|
};
|
|
@@ -13018,7 +13028,7 @@ function Browser(e, t) {
|
|
|
13018
13028
|
set classes(e) {
|
|
13019
13029
|
h(e), flushSync();
|
|
13020
13030
|
}
|
|
13021
|
-
}, C = root_3$
|
|
13031
|
+
}, C = root_3$34();
|
|
13022
13032
|
let k;
|
|
13023
13033
|
var R = child(C), te = child(R), ne = sibling(child(te), 2), re = (e) => {
|
|
13024
13034
|
var t = root$51(), n = child(t), a = child(n, !0);
|
|
@@ -13586,7 +13596,7 @@ customElements.define("sui-choicebox", create_custom_element(Choicebox_wc, {
|
|
|
13586
13596
|
}, ["default"], [], { mode: "open" }));
|
|
13587
13597
|
//#endregion
|
|
13588
13598
|
//#region src/lib/Card/Card.svelte
|
|
13589
|
-
var root$48 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"><!></div>"), root_1$42 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"> </div>"), root_2$35 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"><!></div>"), root_3$
|
|
13599
|
+
var root$48 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"><!></div>"), root_1$42 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"> </div>"), root_2$35 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"><!></div>"), root_3$33 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"> </div>"), root_4$28 = /* @__PURE__ */ from_html("<div class=\"card-header-right svelte-10nkiak\"><!></div>"), root_5$24 = /* @__PURE__ */ from_html("<div><div class=\"card-header-main svelte-10nkiak\"><!> <!></div> <!></div>"), root_6$21 = /* @__PURE__ */ from_html("<div><!></div>"), root_7$18 = /* @__PURE__ */ from_html("<footer class=\"card-footer svelte-10nkiak\"><!></footer>"), root_8$17 = /* @__PURE__ */ from_html("<!> <!> <!>", 1), $$css$48 = {
|
|
13590
13600
|
hash: "svelte-10nkiak",
|
|
13591
13601
|
code: ".card.svelte-10nkiak {\n /* Explicit so the root's layout doesn't depend on the browser default for\n whichever tag svelte:element renders -- a <div> defaults to block and an\n <a> defaults to inline, and an inline box ignores width/height entirely.\n Pinning both here keeps anchor-mode cards byte-identical to div cards. */display:block;text-decoration:none;background:var(--card-background, inherit);border:var(--card-border, 1px solid currentColor);border-radius:var(--card-border-radius, var(--radius, 4px));overflow:var(--card-overflow, hidden);color:inherit;cursor:var(--card-cursor, inherit);box-shadow:var(--card-box-shadow, none);width:var(--card-width, auto);min-width:var(--card-min-width, 0);max-width:var(--card-max-width, none);height:var(--card-height, auto);max-height:var(--card-max-height, none);margin:var(--card-margin, 0);}.card-interactive.svelte-10nkiak {cursor:var(--card-cursor, pointer);}.card-interactive.svelte-10nkiak:focus-visible {outline:var(--card-focus-outline, 2px solid currentColor);outline-offset:var(--card-focus-outline-offset, 2px);}\n\n /* stretch: fill parent height */.card-stretch.svelte-10nkiak {height:var(--card-stretch-height, 100%);display:flex;flex-direction:column;}\n\n /* when stretch is on, content area should grow to fill remaining space */.card-stretch.svelte-10nkiak .card-content:where(.svelte-10nkiak) {flex:var(--card-content-flex, 1);}\n\n /* when scrollable=true the child sets overflow-y:auto, so the card must not clip it */.card-has-scroll.svelte-10nkiak {overflow:visible;}\n\n /* header row layout — base block flow; flex only applied when headerRight is present */.card-header.svelte-10nkiak {padding:var(--card-header-padding, 16px 16px 0);border-bottom:var(--card-header-border-bottom, none);}\n\n /* flex layout activated only when headerRight snippet is provided */.card-header-split.svelte-10nkiak {display:flex;align-items:var(--card-header-align-items, flex-start);justify-content:space-between;gap:var(--card-header-gap, 8px);}.card-header-main.svelte-10nkiak {display:flex;flex-direction:column;flex:1;min-width:0;}.card-header-right.svelte-10nkiak {display:flex;align-items:var(--card-header-right-align-items, center);flex-shrink:0;}.card-title.svelte-10nkiak {font-size:var(--card-title-font-size, 16px);font-weight:var(--card-title-font-weight, 600);color:var(--card-title-color, inherit);}.card-description.svelte-10nkiak {font-size:var(--card-description-font-size, 14px);color:var(--card-description-color, inherit);opacity:var(--card-description-opacity, 0.6);margin-top:var(--card-description-margin-top, 4px);}.card-content.svelte-10nkiak {padding:var(--card-content-padding, 16px);}\n\n /* scrollable content area */.card-content-scrollable.svelte-10nkiak {overflow-y:auto;max-height:var(--card-content-max-height, 400px);scrollbar-width:var(--card-content-scrollbar-width, thin);}\n\n /* footer */.card-footer.svelte-10nkiak {padding:var(--card-footer-padding, 12px 16px);border-top:var(--card-footer-border-top, none);background:var(--card-footer-background, inherit);}"
|
|
13592
13602
|
};
|
|
@@ -13742,7 +13752,7 @@ function Card(e, t) {
|
|
|
13742
13752
|
var t = root_2$35();
|
|
13743
13753
|
snippet(child(t), s), reset(t), append(e, t);
|
|
13744
13754
|
}, C = (e) => {
|
|
13745
|
-
var t = root_3$
|
|
13755
|
+
var t = root_3$33(), n = child(t, !0);
|
|
13746
13756
|
reset(t), template_effect(() => set_text(n, a())), append(e, t);
|
|
13747
13757
|
};
|
|
13748
13758
|
if_block(p, (e) => {
|
|
@@ -13878,7 +13888,7 @@ customElements.define("sui-card", create_custom_element(Card_wc, {
|
|
|
13878
13888
|
}, ["default"], [], { mode: "open" }));
|
|
13879
13889
|
//#endregion
|
|
13880
13890
|
//#region src/lib/EmptyState/EmptyState.svelte
|
|
13881
|
-
var root$47 = /* @__PURE__ */ from_html("<div class=\"empty-state-icon svelte-vmfces\"><!></div>"), root_1$41 = /* @__PURE__ */ from_html("<div class=\"empty-state-description svelte-vmfces\"><!></div>"), root_2$34 = /* @__PURE__ */ from_html("<div class=\"empty-state-description svelte-vmfces\"> </div>"), root_3$
|
|
13891
|
+
var root$47 = /* @__PURE__ */ from_html("<div class=\"empty-state-icon svelte-vmfces\"><!></div>"), root_1$41 = /* @__PURE__ */ from_html("<div class=\"empty-state-description svelte-vmfces\"><!></div>"), root_2$34 = /* @__PURE__ */ from_html("<div class=\"empty-state-description svelte-vmfces\"> </div>"), root_3$32 = /* @__PURE__ */ from_html("<div class=\"empty-state-actions svelte-vmfces\"><!></div>"), root_4$27 = /* @__PURE__ */ from_html("<div><!> <div class=\"empty-state-title svelte-vmfces\"><!></div> <!> <!></div>"), $$css$47 = {
|
|
13882
13892
|
hash: "svelte-vmfces",
|
|
13883
13893
|
code: ".empty-state.svelte-vmfces {display:flex;flex-direction:column;align-items:var(--empty-state-align-items, center);padding:var(--empty-state-padding, 32px 16px);text-align:var(--empty-state-text-align, center);gap:var(--empty-state-gap, 0px);color:inherit;}\n\n /* Density-scoped fallbacks. Higher specificity than `.empty-state` alone, so\n these only take over when `data-density` is actually set — no attribute,\n no match, today's defaults above stand untouched. `--empty-state-padding`\n and `--empty-state-gap` are read first in both cases, so an instance-level\n override always wins over either density's default. */.empty-state[data-density='page'].svelte-vmfces {padding:var(--empty-state-padding, 48px 24px);gap:var(--empty-state-gap, 12px);}.empty-state[data-density='panel'].svelte-vmfces {padding:var(--empty-state-padding, 16px 12px);gap:var(--empty-state-gap, 4px);}.empty-state-icon.svelte-vmfces {width:var(--empty-state-icon-size, 48px);height:var(--empty-state-icon-size, 48px);color:var(--empty-state-icon-color, currentColor);opacity:var(--empty-state-icon-opacity, 0.4);margin-bottom:var(--empty-state-icon-margin-bottom, 16px);display:flex;align-items:center;justify-content:center;}.empty-state-icon.svelte-vmfces svg {width:100%;height:100%;}.empty-state-title.svelte-vmfces {font-size:var(--empty-state-title-font-size, 16px);font-weight:var(--empty-state-title-font-weight, 600);color:var(--empty-state-title-color, inherit);}.empty-state-description.svelte-vmfces {font-size:var(--empty-state-description-font-size, 14px);color:var(--empty-state-description-color, inherit);opacity:var(--empty-state-description-opacity, 0.6);max-width:var(--empty-state-description-max-width, 360px);margin-top:4px;}.empty-state-actions.svelte-vmfces {display:var(--empty-state-actions-display, block);flex-direction:var(--empty-state-actions-flex-direction, row);align-items:var(--empty-state-actions-align-items, stretch);justify-content:var(--empty-state-actions-justify-content, normal);gap:var(--empty-state-actions-gap, 0);margin-top:var(--empty-state-actions-margin-top, 16px);}"
|
|
13884
13894
|
};
|
|
@@ -13972,7 +13982,7 @@ function EmptyState(e, t) {
|
|
|
13972
13982
|
typeof u() == "function" ? e(G) : typeof i() == "string" && i().length > 0 && e(be, 1);
|
|
13973
13983
|
});
|
|
13974
13984
|
var Me = sibling(re, 2), Re = (e) => {
|
|
13975
|
-
var t = root_3$
|
|
13985
|
+
var t = root_3$32();
|
|
13976
13986
|
snippet(child(t), o), reset(t), append(e, t);
|
|
13977
13987
|
};
|
|
13978
13988
|
return if_block(Me, (e) => {
|
|
@@ -14264,7 +14274,7 @@ delegate(["click"]), customElements.define("sui-file-input", create_custom_eleme
|
|
|
14264
14274
|
}, ["trigger"], [], { mode: "open" }));
|
|
14265
14275
|
//#endregion
|
|
14266
14276
|
//#region src/lib/ContextMenu/ContextMenu.svelte
|
|
14267
|
-
var root$44 = /* @__PURE__ */ from_html("<div class=\"context-menu-separator svelte-1hf60pq\" role=\"separator\"></div>"), root_1$40 = /* @__PURE__ */ from_html("<img class=\"context-menu-item-icon svelte-1hf60pq\" alt=\"\"/>"), root_2$33 = /* @__PURE__ */ from_html("<span class=\"context-menu-item-shortcut svelte-1hf60pq\"> </span>"), root_3$
|
|
14277
|
+
var root$44 = /* @__PURE__ */ from_html("<div class=\"context-menu-separator svelte-1hf60pq\" role=\"separator\"></div>"), root_1$40 = /* @__PURE__ */ from_html("<img class=\"context-menu-item-icon svelte-1hf60pq\" alt=\"\"/>"), root_2$33 = /* @__PURE__ */ from_html("<span class=\"context-menu-item-shortcut svelte-1hf60pq\"> </span>"), root_3$31 = /* @__PURE__ */ from_html("<div role=\"menuitem\"><!> <span class=\"context-menu-item-label svelte-1hf60pq\"> </span> <!></div>"), root_4$26 = /* @__PURE__ */ from_html("<div class=\"context-menu-dropdown svelte-1hf60pq\" role=\"menu\" tabindex=\"-1\"></div>"), root_5$23 = /* @__PURE__ */ from_html("<div><!></div> <!>", 1), $$css$45 = {
|
|
14268
14278
|
hash: "svelte-1hf60pq",
|
|
14269
14279
|
code: ".context-menu-container.svelte-1hf60pq {display:var(--context-menu-container-display, contents);}.context-menu-dropdown.svelte-1hf60pq {position:fixed;z-index:var(--context-menu-z-index, 1000);background-color:var(--context-menu-background-color, #ffffff);border:var(--context-menu-border, 1px solid #e0e0e0);border-radius:var(--context-menu-border-radius, var(--radius, 4px));box-shadow:var(--context-menu-box-shadow, 0px 4px 16px rgba(0, 0, 0, 0.12));min-width:var(--context-menu-min-width, 160px);max-height:var(--context-menu-max-height, 240px);overflow-y:auto;padding:var(--context-menu-padding, 4px 0);font-family:var(--context-menu-font-family, inherit);font-size:var(--context-menu-font-size, 14px);}.context-menu-item.svelte-1hf60pq {display:flex;align-items:center;padding:var(--context-menu-item-padding, 8px 12px);cursor:pointer;color:var(--context-menu-item-color, #333333);background-color:var(--context-menu-item-background-color, transparent);gap:var(--context-menu-item-gap, 8px);white-space:var(--context-menu-item-white-space, nowrap);-webkit-tap-highlight-color:transparent;}.context-menu-item.svelte-1hf60pq:hover {background-color:var(--context-menu-item-hover-background-color, #f5f5f5);color:var(--context-menu-item-hover-color, var(--context-menu-item-color, #333333));}.context-menu-item.svelte-1hf60pq:focus {background-color:var(--context-menu-item-focus-background-color, #f0f0f0);outline:var(--context-menu-item-focus-outline, none);}.context-menu-item-danger.svelte-1hf60pq {color:var(--context-menu-item-danger-color, #dc3545);}.context-menu-item-danger.svelte-1hf60pq:hover {background-color:var(--context-menu-item-danger-hover-background-color, #fff0f0);color:var(\n --context-menu-item-danger-hover-color,\n var(--context-menu-item-danger-color, #dc3545)\n );}.context-menu-item-danger.svelte-1hf60pq:focus {background-color:var(--context-menu-item-danger-focus-background-color, #fff0f0);}.context-menu-item-disabled.svelte-1hf60pq {opacity:var(--context-menu-item-disabled-opacity, 0.4);cursor:var(--context-menu-item-disabled-cursor, not-allowed);pointer-events:none;}.context-menu-separator.svelte-1hf60pq {height:var(--context-menu-separator-height, 1px);background-color:var(--context-menu-separator-color, #e0e0e0);margin:var(--context-menu-separator-margin, 4px 0);}.context-menu-item-icon.svelte-1hf60pq {height:var(--context-menu-item-icon-height, 16px);width:var(--context-menu-item-icon-width, 16px);flex-shrink:0;}.context-menu-item-label.svelte-1hf60pq {flex:1;font-weight:var(--context-menu-item-font-weight, 400);line-height:var(--context-menu-item-line-height, 1.4);}.context-menu-item-shortcut.svelte-1hf60pq {color:var(--context-menu-item-shortcut-color, #999999);font-size:var(--context-menu-item-shortcut-font-size, 12px);font-weight:var(--context-menu-item-shortcut-font-weight, 400);margin-left:var(--context-menu-item-shortcut-margin-left, 16px);}"
|
|
14270
14280
|
};
|
|
@@ -14426,7 +14436,7 @@ function ContextMenu(e, t) {
|
|
|
14426
14436
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
14427
14437
|
append(e, root$44());
|
|
14428
14438
|
}, s = (e) => {
|
|
14429
|
-
var n = root_3$
|
|
14439
|
+
var n = root_3$31();
|
|
14430
14440
|
let i;
|
|
14431
14441
|
var a = child(n), s = (e) => {
|
|
14432
14442
|
var n = root_1$40();
|
|
@@ -14514,7 +14524,7 @@ customElements.define("sui-context-menu", create_custom_element(ContextMenu_wc,
|
|
|
14514
14524
|
}, ["default"], [], { mode: "open" }));
|
|
14515
14525
|
//#endregion
|
|
14516
14526
|
//#region src/lib/InputButton/InputButton.svelte
|
|
14517
|
-
var root$43 = /* @__PURE__ */ from_html("<span class=\"mandatory-marker svelte-1oc9dju\" aria-label=\"required\">*</span>"), root_1$39 = /* @__PURE__ */ from_html("<label class=\"label svelte-1oc9dju\"> <!></label>"), root_2$32 = /* @__PURE__ */ from_html("<div class=\"left-button svelte-1oc9dju\"><!></div>"), root_3$
|
|
14527
|
+
var root$43 = /* @__PURE__ */ from_html("<span class=\"mandatory-marker svelte-1oc9dju\" aria-label=\"required\">*</span>"), root_1$39 = /* @__PURE__ */ from_html("<label class=\"label svelte-1oc9dju\"> <!></label>"), root_2$32 = /* @__PURE__ */ from_html("<div class=\"left-button svelte-1oc9dju\"><!></div>"), root_3$30 = /* @__PURE__ */ from_html("<div class=\"right-button svelte-1oc9dju\"><!></div>"), root_4$25 = /* @__PURE__ */ from_html("<div class=\"bottom-button svelte-1oc9dju\"><!></div>"), root_5$22 = /* @__PURE__ */ from_html("<div class=\"external-error-message svelte-1oc9dju\"> </div>"), root_6$20 = /* @__PURE__ */ from_html("<div class=\"error-message svelte-1oc9dju\"> </div>"), root_7$17 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1oc9dju\"> </div>"), root_8$16 = /* @__PURE__ */ from_html("<div><!> <div><div><!> <div class=\"input svelte-1oc9dju\"><!></div> <!></div> <!></div> <!> <!></div>"), $$css$44 = {
|
|
14518
14528
|
hash: "svelte-1oc9dju",
|
|
14519
14529
|
code: ".container.svelte-1oc9dju {display:flex;flex-direction:column;width:var(--input-button-container-width, auto);margin:var(--input-button-container-margin);}.input-button-container.svelte-1oc9dju {--button-width: 100%;--input-border: none;--input-focus-border: none;--input-box-shadow: none;--input-margin: none;--input-width: 100%;font-size:var(--input-font-size, 16px) !important;font-weight:var(--input-button-font-weight, 500);margin:var(--input-button-margin);border-radius:var(--input-button-radius, var(--radius, 4px));border:var(--input-button-container-border);background:var(--input-button-container-background);padding:var(--input-button-container-padding);}.input-button.svelte-1oc9dju {display:flex;align-items:center;border-radius:var(--input-button-radius, var(--radius, 4px));border:var(--input-button-border);box-shadow:var(--input-button-box-shadow, 0px 1px 8px #2f537733);background:var(--input-button-background);}.input-button-container.svelte-1oc9dju:focus-within {border:var(--input-button-focus-border);}.input.svelte-1oc9dju {flex:2;min-width:0px;}.bottom-button.svelte-1oc9dju {padding:var(--input-bottom-btn-padding, 10px 0px);--cursor: var(--bottom-button-cursor);--button-color: var(--bottom-button-color);--button-text-color: var(--bottom-button-text-color);--button-font-family: var(--bottom-button-font-family);--button-font-weight: var(--bottom-button-font-weight);--button-font-size: var(--bottom-button-font-size);--button-height: var(--bottom-button-height, 54px);--button-padding: var(--bottom-button-padding);--button-border-radius: var(--bottom-button-border-radius);--button-width: var(--bottom-button-width);}.label.svelte-1oc9dju {font-weight:var(--input-label-msg-text-weight, 400);font-size:var(--input-label-msg-text-size, 12px);color:var(--input-label-msg-text-color, #637c95);line-height:var(--input-label-msg-text-line-height);margin:var(--input-label-msg-text-margin, 0px 0px 6px 0px);}.invalid.svelte-1oc9dju {outline:var(--invalid-outline, 1px solid var(--input-field-error-stroke, #e11900));}.error-message.svelte-1oc9dju {font-weight:var(--input-error-msg-text-weight, 400);font-size:var(--input-error-msg-text-size, 12px);\n /* Shares --input-error-msg-text-color with Input.svelte -- kept in sync with its\n #c5120a default (6.06:1 AA) so the same token means the same color everywhere. */color:var(--input-error-msg-text-color, #c5120a);margin:var(--input-btn-error-msg-margin, 12px 0px 0px 0px);}.info-message.svelte-1oc9dju {font-weight:var(--input-info-msg-text-weight, 400);font-size:var(--input-info-msg-text-size, 12px);\n /* Shares --input-info-msg-text-color with Input.svelte -- see its .info-message\n for why this is a neutral #52525b rather than the error red. */color:var(--input-info-msg-text-color, #52525b);margin:var(--input-btn-info-msg-margin, 12px 0px 0px 0px);}.mandatory-marker.svelte-1oc9dju {color:var(--inputbutton-mandatory-color, #e11900);}.size-sm.svelte-1oc9dju {--input-height: var(--inputbutton-sm-height, 36px);--input-padding: var(--inputbutton-sm-padding, 6px 12px);}.size-md.svelte-1oc9dju {--input-height: var(--inputbutton-md-height, 44px);--input-padding: var(--inputbutton-md-padding, 10px 16px);}.size-lg.svelte-1oc9dju {--input-height: var(--inputbutton-lg-height, 54px);--input-padding: var(--inputbutton-lg-padding, 14px 20px);}.external-error-message.svelte-1oc9dju {color:var(--inputbutton-external-error-color, #c5120a);margin:var(--inputbutton-external-error-margin, 6px 0px 0px 0px);}.left-button.svelte-1oc9dju {--button-color: var(--left-button-color);--button-text-color: var(--left-button-text-color);--button-font-family: var(--left-button-font-family);--button-font-weight: var(--left-button-font-weight);--button-font-size: var(--left-button-font-size);--button-height: var(--left-button-height, 54px);--button-padding: var(--left-button-padding);--button-border-radius: var(--left-button-border-radius);--button-width: var(--left-button-width);--cursor: var(--left-button-cursor);--opacity: var(--left-button-opacity);--button-border: var(--left-button-border);display:flex;justify-content:center;align-items:center;flex-direction:row;--button-content-gap: var(--left-button-content-gap);--button-content-flex-direction: var(--left-button-content-flex-direction, row);--button-icon-order: var(--left-button-icon-order);--button-icon-display: var(--left-button-icon-display);--button-text-order: var(--left-button-text-order);--disabled-cursor: var(--left-button-disabled-cursor);--disabled-opacity: var(--left-button-disabled-opacity);}.right-button.svelte-1oc9dju {flex:var(--right-button-flex, 1);display:flex;justify-content:center;align-items:center;flex-direction:row;min-width:var(--right-button-min-width, 0px);--button-color: var(--right-button-color);--button-text-color: var(--right-button-text-color);--button-font-family: var(--right-button-font-family);--button-font-weight: var(--right-button-font-weight);--button-font-size: var(--right-button-font-size);--button-height: var(--right-button-height, 54px);--button-padding: var(--right-button-padding);--button-border-radius: var(\n --right-button-border-radius,\n 0 var(--radius, 4px) var(--radius, 4px) 0\n );--button-width: var(--right-button-width, 100%);--cursor: var(--right-button-cursor);--opacity: var(--right-button-opacity);--button-border: var(--right-button-border);--button-content-gap: var(--right-button-content-gap);--button-visibility: var(--right-button-visibility, visible);--button-content-flex-direction: var(--right-button-content-flex-direction, row);--button-icon-order: var(--right-button-icon-order);--button-icon-display: var(--right-button-icon-display);--button-text-order: var(--right-button-text-order);--disabled-cursor: var(--right-button-disabled-cursor);--disabled-opacity: var(--right-button-disabled-opacity);}"
|
|
14520
14530
|
};
|
|
@@ -14674,7 +14684,7 @@ function InputButton(e, t) {
|
|
|
14674
14684
|
}
|
|
14675
14685
|
})), (e) => set(re, e, !0), () => get(re)), reset(gt);
|
|
14676
14686
|
var _t = sibling(gt, 2), vt = (e) => {
|
|
14677
|
-
var t = root_3$
|
|
14687
|
+
var t = root_3$30();
|
|
14678
14688
|
Button(child(t), spread_props(a, {
|
|
14679
14689
|
get enable() {
|
|
14680
14690
|
return get(G);
|
|
@@ -14784,7 +14794,7 @@ customElements.define("sui-input-button", create_custom_element(InputButton_wc,
|
|
|
14784
14794
|
}, ["left-icon", "right-icon"], [], { mode: "open" }));
|
|
14785
14795
|
//#endregion
|
|
14786
14796
|
//#region src/lib/ListItem/ListItem.svelte
|
|
14787
|
-
var root$42 = /* @__PURE__ */ from_html("<div class=\"item-loader svelte-d2pqbq\"></div>"), root_1$38 = /* @__PURE__ */ from_html("<div><!></div>"), root_2$31 = /* @__PURE__ */ from_html("<div></div>"), root_3$
|
|
14797
|
+
var root$42 = /* @__PURE__ */ from_html("<div class=\"item-loader svelte-d2pqbq\"></div>"), root_1$38 = /* @__PURE__ */ from_html("<div><!></div>"), root_2$31 = /* @__PURE__ */ from_html("<div></div>"), root_3$29 = /* @__PURE__ */ from_html("<div><div class=\"right-img-wrapper svelte-d2pqbq\"><!></div></div>"), root_4$24 = /* @__PURE__ */ from_html("<div class=\"right-content-loader svelte-d2pqbq\"><!></div>"), root_5$21 = /* @__PURE__ */ from_html("<span class=\"right-content-text svelte-d2pqbq\"> </span>"), root_6$19 = /* @__PURE__ */ from_html("<div><!> <div><div><div class=\"left-content svelte-d2pqbq\"><!> <!></div> <div class=\"center-content svelte-d2pqbq\"><!> <!></div> <div class=\"right-content svelte-d2pqbq\"><!> <!> <!> <!></div></div> <div class=\"bottom-section svelte-d2pqbq\"><!></div></div></div>"), $$css$43 = {
|
|
14788
14798
|
hash: "svelte-d2pqbq",
|
|
14789
14799
|
code: ".item-container.svelte-d2pqbq {position:relative;--loader-foreground: var(--list-item-loader-foreground, #86898d);--loader-background: var(--list-item-loader-background, #ffffff);--loader-foreground-end: var(--list-item-loader-foreground-end, #ffffff);}.item-loader.svelte-d2pqbq {position:absolute;height:100%;width:100%;background:var(--list-item-loader-background-color, #00000030);z-index:20;\n animation: svelte-d2pqbq-fill-loader ease-in-out var(--list-item-loader-duration, 8s);}\n\n @keyframes svelte-d2pqbq-fill-loader {\n 0% {\n width: 0;\n }\n\n 100% {\n width: 100%;\n }\n }.item.svelte-d2pqbq {display:flex;flex-direction:column;background-color:var(--list-item-background-color, transparent);-webkit-tap-highlight-color:transparent;cursor:var(--list-item-cursor, pointer);-moz-box-shadow:var(--list-item-box-shadow, none);-webkit-box-shadow:var(--list-item-box-shadow, none);box-shadow:var(--list-item-box-shadow, none);width:var(--list-item-box-width);border-radius:var(--list-item-border-radius, 0px);margin:var(--list-item-margin);padding:var(--list-item-padding);border:var(--list-item-border);transition:var(--list-item-transition);}.item.svelte-d2pqbq:hover {background-color:var(--list-item-hover-background-color, var(--list-item-background-color));border:var(--list-item-hover-border, var(--list-item-border));}.top-section.svelte-d2pqbq {display:flex;flex-direction:row;align-items:var(--list-item-top-section-align-items);gap:var(--list-item-top-section-gap);margin-bottom:0;}.left-content.svelte-d2pqbq {display:var(--list-item-left-content-display, flex);--image-height: var(--list-item-left-image-height, 24px);--image-width: var(--list-item-left-image-width, 24px);--image-padding: var(--list-item-left-image-padding, 0px);--image-border-radius: var(--list-item-left-image-border-radius, 0px);--image-margin: var(--list-item-left-image-margin, 0px);--image-filter: var(--list-item-left-image-filter, none);--image-background: var(--list-item-left-image-background);--image-border: var(--list-item-left-image-border);--image-transition: var(--list-item-transition);--image-object-fit: var(--list-item-left-image-object-fit);--image-hover-background: var(\n --list-item-left-image-hover-background,\n var(--list-item-left-image-background)\n );--image-hover-border: var(\n --list-item-left-image-hover-border,\n var(--list-item-left-image-border)\n );}.center-text.svelte-d2pqbq {display:flex;flex-direction:column;justify-content:var(--list-item-center-text-justify-content, flex-start);padding:var(--list-item-center-text-padding, 0px 20px);color:var(--list-item-center-text-color, #2f3841);font-size:var(--list-item-center-text-font-size, 12px);font-weight:var(--list-item-center-text-font-weight, 300);align-items:var(--list-item-center-text-vertical-align);margin:var(--list-item-center-text-margin);border:var(--list-item-center-text-border);cursor:var(--list-item-center-text-cursor, pointer);font-family:var(--list-item-center-text-font-family);}.center-content.svelte-d2pqbq {display:flex;flex:1;min-width:0;}.right-content.svelte-d2pqbq {display:var(--list-item-right-content-display, flex);flex:var(--list-item-right-content-flex);}.right-content-loader.svelte-d2pqbq {margin:var(--list-item-right-content-loader-margin);}.bottom-section.svelte-d2pqbq {flex-direction:row;margin-top:0;}.right-img-wrapper.svelte-d2pqbq {--image-height: var(--list-item-right-image-height, 18px);--image-width: var(--list-item-right-image-width, 18px);--image-padding: var(--list-item-right-image-padding, 0px);--image-border-radius: var(--list-item-right-image-border-radius, 0px);--image-margin: var(--list-item-right-image-margin, 0px);--image-filter: var(--list-item-right-image-filter);--image-background: var(--list-item-right-image-background);--image-border: var(--list-item-right-image-border);--image-transition: var(--list-item-transition);--image-hover-background: var(\n --list-item-right-image-hover-background,\n var(--list-item-right-image-background)\n );--image-hover-border: var(\n --list-item-right-image-hover-border,\n var(--list-item-right-image-border)\n );}.right-content-text.svelte-d2pqbq {color:var(--list-item-right-content-text-color, #2f3841);font-size:var(--list-item-right-content-text-font-size, 12px);font-weight:var(--list-item-right-content-text-font-weight, 300);display:var(--list-item-right-content-display, flex);align-items:var(--list-item-right-content-text-vertical-align);padding:var(--list-item-right-content-text-padding, 0px);margin:var(--list-item-right-content-text-margin, 0px);border:var(--list-item-right-content-text-border);cursor:var(--list-item-right-content-text-cursor, pointer);font-family:var(--list-item-right-content-text-font-family);justify-content:var(--list-item-right-content-text-justify-content);}.prevent-focus.svelte-d2pqbq:focus {outline:none;}"
|
|
14790
14800
|
};
|
|
@@ -15061,7 +15071,7 @@ function ListItem(e, t) {
|
|
|
15061
15071
|
typeof G() == "function" && e(jt);
|
|
15062
15072
|
});
|
|
15063
15073
|
var Mt = sibling(At, 2), Nt = (e) => {
|
|
15064
|
-
var t = root_3$
|
|
15074
|
+
var t = root_3$29();
|
|
15065
15075
|
let n;
|
|
15066
15076
|
var i = child(t);
|
|
15067
15077
|
Img(child(i), {
|
|
@@ -15320,7 +15330,7 @@ function computeMenuDropdownPosition(e) {
|
|
|
15320
15330
|
}
|
|
15321
15331
|
//#endregion
|
|
15322
15332
|
//#region src/lib/Menu/Menu.svelte
|
|
15323
|
-
var root$41 = /* @__PURE__ */ from_html("<div class=\"menu-trigger svelte-ahcnny\"><!></div>"), root_1$37 = /* @__PURE__ */ from_html("<div class=\"menu-trigger svelte-ahcnny\" role=\"button\" tabindex=\"0\" aria-haspopup=\"menu\"><!></div>"), root_2$30 = /* @__PURE__ */ from_html("<div class=\"menu-separator svelte-ahcnny\" role=\"separator\"></div>"), root_3$
|
|
15333
|
+
var root$41 = /* @__PURE__ */ from_html("<div class=\"menu-trigger svelte-ahcnny\"><!></div>"), root_1$37 = /* @__PURE__ */ from_html("<div class=\"menu-trigger svelte-ahcnny\" role=\"button\" tabindex=\"0\" aria-haspopup=\"menu\"><!></div>"), root_2$30 = /* @__PURE__ */ from_html("<div class=\"menu-separator svelte-ahcnny\" role=\"separator\"></div>"), root_3$28 = /* @__PURE__ */ from_html("<span class=\"menu-item-icon svelte-ahcnny\"><!></span>"), root_4$23 = /* @__PURE__ */ from_html("<div><!> <span class=\"menu-item-label svelte-ahcnny\"> </span></div>"), root_5$20 = /* @__PURE__ */ from_html("<div tabindex=\"-1\"></div>"), root_6$18 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$42 = {
|
|
15324
15334
|
hash: "svelte-ahcnny",
|
|
15325
15335
|
code: ".menu-container.svelte-ahcnny {position:var(--menu-container-position, relative);display:var(--menu-container-display, inline-block);font-family:var(--menu-font-family, inherit);font-size:var(--menu-font-size, 14px);}.menu-trigger.svelte-ahcnny {cursor:pointer;-webkit-tap-highlight-color:transparent;}.menu-trigger.svelte-ahcnny:focus {outline:var(--menu-trigger-focus-outline, none);}.menu-dropdown.svelte-ahcnny {position:absolute;z-index:var(--menu-z-index, 10);top:var(--menu-dropdown-top, 100%);left:var(--menu-dropdown-left, 0);background-color:var(--menu-background-color, #ffffff);border:var(--menu-border, 1px solid #e0e0e0);border-radius:var(--menu-border-radius, var(--radius, 4px));box-shadow:var(--menu-box-shadow, 0px 4px 16px rgba(0, 0, 0, 0.12));min-width:var(--menu-min-width, 160px);max-height:var(--menu-max-height, 240px);overflow-y:auto;padding:var(--menu-padding, 4px 0);margin:var(--menu-margin, 4px 0);}\n\n /* Placement corners — `bottom-left` is the base rule above (and stays fully\n driven by the --menu-dropdown-top/left consumer tokens); the other corners\n override the anchoring sides. The chained selector outweighs the base rule\n regardless of source order. */.menu-dropdown.menu-dropdown-bottom-right.svelte-ahcnny {left:auto;right:0;}.menu-dropdown.menu-dropdown-top-left.svelte-ahcnny {top:auto;bottom:100%;}.menu-dropdown.menu-dropdown-top-right.svelte-ahcnny {top:auto;bottom:100%;left:auto;right:0;}\n\n /* One-tick measuring pass for placement=\"auto\": the panel needs rendered\n dimensions before the corner is chosen, without a visible flash. */.menu-dropdown.menu-dropdown-measuring.svelte-ahcnny {visibility:hidden;}.menu-item.svelte-ahcnny {display:flex;align-items:center;padding:var(--menu-item-padding, 8px 12px);cursor:pointer;color:var(--menu-item-color, #333333);background-color:var(--menu-item-background-color, transparent);gap:var(--menu-item-gap, 8px);white-space:var(--menu-item-white-space, nowrap);-webkit-tap-highlight-color:transparent;}.menu-item.svelte-ahcnny:hover {background-color:var(--menu-item-hover-background-color, #f5f5f5);color:var(--menu-item-hover-color, var(--menu-item-color, #333333));}.menu-item.svelte-ahcnny:focus {background-color:var(--menu-item-focus-background-color, #f0f0f0);outline:var(--menu-item-focus-outline, none);}\n\n /* True selection (selectedValue match) — distinct from transient focus so the\n highlight follows the chosen option, not wherever keyboard focus landed. */.menu-item-selected.svelte-ahcnny {background-color:var(--menu-item-selected-background-color, transparent);color:var(--menu-item-selected-color, inherit);}.menu-item-danger.svelte-ahcnny {color:var(--menu-item-danger-color, #dc3545);}.menu-item-danger.svelte-ahcnny:hover {background-color:var(--menu-item-danger-hover-background-color, #fff0f0);color:var(--menu-item-danger-hover-color, var(--menu-item-danger-color, #dc3545));}.menu-item-danger.svelte-ahcnny:focus {background-color:var(--menu-item-danger-focus-background-color, #fff0f0);}.menu-item-disabled.svelte-ahcnny {opacity:var(--menu-item-disabled-opacity, 0.4);cursor:var(--menu-item-disabled-cursor, not-allowed);pointer-events:none;}.menu-separator.svelte-ahcnny {height:var(--menu-separator-height, 1px);background-color:var(--menu-separator-color, #e0e0e0);margin:var(--menu-separator-margin, 4px 0);}.menu-item-icon.svelte-ahcnny {display:inline-flex;height:var(--menu-item-icon-height, 16px);width:var(--menu-item-icon-width, 16px);flex-shrink:0;}.menu-item-icon.svelte-ahcnny img,\n .menu-item-icon.svelte-ahcnny svg {width:100%;height:100%;}.menu-item-label.svelte-ahcnny {flex:1;font-weight:var(--menu-item-font-weight, 400);line-height:var(--menu-item-line-height, 1.4);}"
|
|
15326
15336
|
};
|
|
@@ -15613,7 +15623,7 @@ function Menu(e, t) {
|
|
|
15613
15623
|
var n = root_4$23();
|
|
15614
15624
|
let i;
|
|
15615
15625
|
var o = child(n), s = (e) => {
|
|
15616
|
-
var n = root_3$
|
|
15626
|
+
var n = root_3$28();
|
|
15617
15627
|
Img(child(n), {
|
|
15618
15628
|
inlineSvg: !0,
|
|
15619
15629
|
get src() {
|
|
@@ -15932,7 +15942,7 @@ function focusEntryPoint(e) {
|
|
|
15932
15942
|
}
|
|
15933
15943
|
//#endregion
|
|
15934
15944
|
//#region src/lib/Modal/Modal.svelte
|
|
15935
|
-
var root_1$36 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!></div>"), root_2$29 = /* @__PURE__ */ from_html("<div><!></div>"), root_3$
|
|
15945
|
+
var root_1$36 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!></div>"), root_2$29 = /* @__PURE__ */ from_html("<div><!></div>"), root_3$27 = /* @__PURE__ */ from_html("<div class=\"header-text svelte-lnufm\"> </div>"), root_4$22 = /* @__PURE__ */ from_html("<div class=\"header svelte-lnufm\"><!> <!> <!></div>"), root_5$19 = /* @__PURE__ */ from_html("<div class=\"footer-content svelte-lnufm\"><!></div>"), root_6$17 = /* @__PURE__ */ from_html("<div class=\"footer-secondary-button svelte-lnufm\"><!></div>"), root_7$16 = /* @__PURE__ */ from_html("<div class=\"footer-primary-button svelte-lnufm\"><!></div>"), root_8$15 = /* @__PURE__ */ from_html("<div class=\"footer-content svelte-lnufm\"><div class=\"footer-action-buttons svelte-lnufm\"><!> <!></div></div>"), root_9$12 = /* @__PURE__ */ from_html("<div tabindex=\"-1\"><!> <div class=\"slot-content svelte-lnufm\"><!></div> <!></div>"), $$css$41 = {
|
|
15936
15946
|
hash: "svelte-lnufm",
|
|
15937
15947
|
code: ".modal.svelte-lnufm {position:fixed;top:0;bottom:0;left:0;right:0;width:var(--modal-width, 100vw);height:var(--modal-height, 100vh);display:flex;flex-direction:column;z-index:var(--modal-z-index, 15);-webkit-tap-highlight-color:transparent;margin:var(--modal-margin);}.overlay-active.svelte-lnufm {\n /* Prefer the modal-specific token; fall back to the legacy generic\n --background-color (kept for backward compatibility), then the default.\n The generic name collides with app-level --background-color tokens, which\n silently override the overlay; --modal-overlay-background-color lets a\n consumer theme the backdrop without that collision. */background-color:var(--modal-overlay-background-color, var(--background-color, #00000066));backdrop-filter:var(--modal-overlay-backdrop-filter, none);-webkit-backdrop-filter:var(--modal-overlay-backdrop-filter, none);pointer-events:auto;}.overlay-inactive.svelte-lnufm {pointer-events:none;}.modal-content.svelte-lnufm {pointer-events:auto;background-color:var(--modal-content-background-color, #ffffff);cursor:auto;display:flex;flex-direction:column;border-radius:var(--modal-border-radius, var(--radius, 4px));overflow:var(--modal-content-overflow, auto);border-top:var(--modal-content-border-top);\n /* tabindex=\"-1\" makes this the focus-trap's fallback target when the modal\n has no focusable content of its own (see focus-trap.ts); it is never in\n the Tab order itself, so it needs no visible focus ring the way a real\n focusable element would. Matches Sheet's sheet-panel. */outline:none;\n /* Viewport containment for every size class: only .fit-content used to carry\n a max-height, so a size whose height var is overridden to fit-content (or\n anything taller than the screen) grew past the viewport and pushed its\n footer and bottom rounding off-screen. dvh tracks the real visible\n viewport on mobile; the vh line is the fallback for engines without dvh. */max-height:var(--modal-max-height, calc(100vh - 32px));max-height:var(--modal-max-height, calc(100dvh - 32px));}.slot-content.svelte-lnufm {display:var(--modal-display, flex);\n /* Flex children default to min-height: auto and refuse to shrink below their\n content, which defeats the overflow-y scroll once modal-content is\n height-capped — the content spills instead of scrolling and the footer is\n pushed out. 0 lets the slot shrink so its own scrollbar engages and the\n header/footer stay pinned inside the viewport. */min-height:var(--modal-slot-content-min-height, 0);overflow-y:var(--modal-overflow-y, scroll);scrollbar-width:var(--modal-scrollbar-width, none);padding:var(--modal-content-padding, 0);}.slot-content.svelte-lnufm::-webkit-scrollbar {display:none;}.center.svelte-lnufm {justify-content:var(--modal-center-justify-content, center);align-items:var(--modal-center-align-items, center);}.bottom.svelte-lnufm {justify-content:var(--modal-bottom-justify-content, flex-end);align-items:var(--modal-bottom-align-items);}.top.svelte-lnufm {justify-content:var(--modal-top-justify-content, flex-start);align-items:var(--modal-top-align-items);}.small.svelte-lnufm {height:var(--modal-small-height, 20vh);width:var(--modal-small-width);}.medium.svelte-lnufm {height:var(--modal-medium-height, 50vh);width:var(--modal-medium-width);}.large.svelte-lnufm {height:var(--modal-large-height, 80vh);width:var(--modal-large-width);}.fit-content.svelte-lnufm {height:fit-content;max-height:var(--modal-fit-content-max-height, 80vh);}.header.svelte-lnufm {display:flex;background-color:var(--modal-header-background-color, #f6f7f9);padding:var(--modal-header-padding, 18px 20px);border-radius:var(--modal-header-border-radius, 0px);border-bottom:var(--modal-header-border-bottom, none);align-items:var(--modal-header-align-items, center);}.footer-content.svelte-lnufm {display:flex;background-color:var(--modal-footer-background-color, #f6f7f9);padding:var(--modal-footer-padding, 18px 20px);border-radius:var(--modal-footer-border-radius, 0px);border-top:var(--modal-footer-border-top, none);justify-content:var(--modal-footer-justify-content, none);}.footer-action-buttons.svelte-lnufm {display:flex;gap:var(--modal-footer-gap, 0px);width:var(--modal-footer-action-buttons-width, fit-content);}.footer-secondary-button.svelte-lnufm {--button-max-height: var(--modal-footer-secondary-button-max-height);--button-max-width: var(--modal-footer-secondary-button-max-width);--button-font-family: var(--modal-footer-secondary-button-font-family);--button-font-weight: var(--modal-footer-secondary-button-font-weight, 500);--button-font-size: var(--modal-footer-secondary-button-font-size, 14px);--button-color: var(--modal-footer-secondary-button-color, #3a4550);--button-text-color: var(--modal-footer-secondary-button-text-color, white);--button-height: var(--modal-footer-secondary-button-height, fit-content);--button-padding: var(--modal-footer-secondary-button-padding, 16px);--button-margin: var(--modal-footer-secondary-button-margin);--button-border-radius: var(--modal-footer-secondary-button-border-radius, var(--radius, 4px));--button-width: var(--modal-footer-secondary-button-width, fit-content);--cursor: var(--modal-footer-secondary-button-cursor, pointer);--opacity: var(--modal-footer-secondary-button-opacity, 1);--button-border: var(--modal-footer-secondary-button-border, none);--disabled-background-color: var(\n --modal-footer-secondary-button-disabled-color,\n var(--modal-footer-secondary-button-color, #3a4550)\n );--disabled-text-color: var(\n --modal-footer-secondary-button-disabled-text-color,\n var(--modal-footer-secondary-button-text-color, white)\n );--disabled-border: var(\n --modal-footer-secondary-button-disabled-border,\n var(--modal-footer-secondary-button-border, none)\n );--disabled-opacity: var(--modal-footer-secondary-button-disabled-opacity, 0.4);--button-justify-content: var(--modal-footer-secondary-button-justify-content, center);--button-content-flex-direction: var(\n --modal-footer-secondary-button-content-flex-direction,\n row\n );--button-content-gap: var(--modal-footer-secondary-button-content-gap, 16px);--button-visibility: var(--modal-footer-secondary-button-visibility, visible);--button-box-shadow: var(--modal-footer-secondary-button-box-shadow, none);order:var(--modal-secondary-button-order, none);flex:var(--modal-footer-secondary-button-flex-value, none);}.footer-primary-button.svelte-lnufm {--button-max-height: var(--modal-footer-primary-button-max-height);--button-max-width: var(--modal-footer-primary-button-max-width);--button-font-family: var(--modal-footer-primary-button-font-family);--button-font-weight: var(--modal-footer-primary-button-font-weight, 500);--button-font-size: var(--modal-footer-primary-button-font-size, 14px);--button-color: var(--modal-footer-primary-button-color, #3a4550);--button-text-color: var(--modal-footer-primary-button-text-color, white);--button-height: var(--modal-footer-primary-button-height, fit-content);--button-padding: var(--modal-footer-primary-button-padding, 16px);--button-margin: var(--modal-footer-primary-button-margin);--button-border-radius: var(--modal-footer-primary-button-border-radius, var(--radius, 4px));--button-width: var(--modal-footer-primary-button-width, fit-content);--cursor: var(--modal-footer-primary-button-cursor, pointer);--opacity: var(--modal-footer-primary-button-opacity, 1);--button-border: var(--modal-footer-primary-button-border, none);--disabled-background-color: var(\n --modal-footer-primary-button-disabled-color,\n var(--modal-footer-primary-button-color, #3a4550)\n );--disabled-text-color: var(\n --modal-footer-primary-button-disabled-text-color,\n var(--modal-footer-primary-button-text-color, white)\n );--disabled-border: var(\n --modal-footer-primary-button-disabled-border,\n var(--modal-footer-primary-button-border, none)\n );--disabled-opacity: var(--modal-footer-primary-button-disabled-opacity, 0.4);--button-justify-content: var(--modal-footer-primary-button-justify-content, center);--button-content-flex-direction: var(--modal-footer-primary-button-content-flex-direction, row);--button-content-gap: var(--modal-footer-primary-button-content-gap, 16px);--button-visibility: var(--modal-footer-primary-button-visibility, visible);--button-box-shadow: var(--modal-footer-primary-button-box-shadow, none);order:var(--modal-primary-button-order, none);flex:var(--modal-footer-primary-button-flex-value, none);}.header-text.svelte-lnufm {display:flex;align-items:center;flex:1;font-size:var(--header-text-size, 16px);font-weight:var(--modal-header-text-weight);line-height:var(--modal-header-text-line-height);letter-spacing:var(--modal-header-text-letter-spacing);}\n\n /* The header images render through the Img component (inline svg or img), so\n these classes ride on Img's element — match them via :global under the\n scoped .header to keep the sizing contract. */.header.svelte-lnufm .header-left-img,\n .header.svelte-lnufm .header-right-img {padding-top:var(--header-img-top-padding, 5px);cursor:pointer;}.header.svelte-lnufm .header-left-img {margin:var(--header-left-image-margin, 0px 18px 0px 0px);width:var(--header-left-image-width, 25px);height:var(--header-left-image-height, 25px);}.header.svelte-lnufm .header-right-img {width:var(--header-right-image-width, 25px);height:var(--header-right-image-height, 25px);padding:var(--header-right-image-padding);}"
|
|
15938
15948
|
};
|
|
@@ -16245,7 +16255,7 @@ function Modal(e, t) {
|
|
|
16245
16255
|
typeof S().leftImage == "string" && S().leftImage.length > 0 && e(i);
|
|
16246
16256
|
});
|
|
16247
16257
|
var a = sibling(n, 2), o = (e) => {
|
|
16248
|
-
var t = root_3$
|
|
16258
|
+
var t = root_3$27(), n = child(t, !0);
|
|
16249
16259
|
reset(t), template_effect(() => {
|
|
16250
16260
|
set_attribute(t, "data-pw", S().testId), set_attribute(t, "testid", S().testId), set_text(n, S().text);
|
|
16251
16261
|
}), append(e, t);
|
|
@@ -16507,7 +16517,7 @@ customElements.define("sui-modal", create_custom_element(Modal_wc, {
|
|
|
16507
16517
|
}, ["default", "footer"], [], { mode: "open" }));
|
|
16508
16518
|
//#endregion
|
|
16509
16519
|
//#region src/lib/assets/signal.svg?raw
|
|
16510
|
-
var signal_default = "<svg viewBox=\"0 0 18 12\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"0\" y=\"8\" width=\"3\" height=\"4\" rx=\"0.5\" />\n <rect x=\"5\" y=\"5\" width=\"3\" height=\"7\" rx=\"0.5\" />\n <rect x=\"10\" y=\"2\" width=\"3\" height=\"10\" rx=\"0.5\" />\n <rect x=\"15\" y=\"0\" width=\"3\" height=\"12\" rx=\"0.5\" />\n</svg>\n", wifi_default = "<svg viewBox=\"0 0 16 12\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 2.4C5.6 2.4 3.5 3.4 2 5l1.4 1.4C4.6 5.2 6.2 4.4 8 4.4s3.4.8 4.6 2l1.4-1.4C12.5 3.4 10.4 2.4 8 2.4zM8 6.4c-1.4 0-2.6.6-3.4 1.4L6 9.2c.5-.5 1.2-.8 2-.8s1.5.3 2 .8l1.4-1.4C10.6 7 9.4 6.4 8 6.4zM8 10.4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z\" />\n</svg>\n", battery_default = "<svg viewBox=\"0 0 28 13\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"0\" y=\"0\" width=\"24\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1\" fill=\"none\" />\n <rect x=\"2\" y=\"2\" width=\"18\" height=\"8\" rx=\"1\" />\n <rect x=\"25\" y=\"3.5\" width=\"3\" height=\"5\" rx=\"1\" />\n</svg>\n", root$38 = /* @__PURE__ */ from_html("<div class=\"status-bar svelte-11btwle\"><div class=\"status-bar-left svelte-11btwle\"><span class=\"status-time svelte-11btwle\">9:41</span></div> <div class=\"status-bar-right svelte-11btwle\"><span class=\"status-icon svelte-11btwle\"></span> <span class=\"status-icon svelte-11btwle\"></span> <span class=\"status-icon battery-icon svelte-11btwle\"></span></div></div>"), root_1$35 = /* @__PURE__ */ from_html("<div class=\"notch svelte-11btwle\"></div>"), root_2$28 = /* @__PURE__ */ from_html("<div class=\"home-bar-container svelte-11btwle\"><div class=\"home-bar svelte-11btwle\"></div></div>"), root_3$
|
|
16520
|
+
var signal_default = "<svg viewBox=\"0 0 18 12\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"0\" y=\"8\" width=\"3\" height=\"4\" rx=\"0.5\" />\n <rect x=\"5\" y=\"5\" width=\"3\" height=\"7\" rx=\"0.5\" />\n <rect x=\"10\" y=\"2\" width=\"3\" height=\"10\" rx=\"0.5\" />\n <rect x=\"15\" y=\"0\" width=\"3\" height=\"12\" rx=\"0.5\" />\n</svg>\n", wifi_default = "<svg viewBox=\"0 0 16 12\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 2.4C5.6 2.4 3.5 3.4 2 5l1.4 1.4C4.6 5.2 6.2 4.4 8 4.4s3.4.8 4.6 2l1.4-1.4C12.5 3.4 10.4 2.4 8 2.4zM8 6.4c-1.4 0-2.6.6-3.4 1.4L6 9.2c.5-.5 1.2-.8 2-.8s1.5.3 2 .8l1.4-1.4C10.6 7 9.4 6.4 8 6.4zM8 10.4c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z\" />\n</svg>\n", battery_default = "<svg viewBox=\"0 0 28 13\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"0\" y=\"0\" width=\"24\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1\" fill=\"none\" />\n <rect x=\"2\" y=\"2\" width=\"18\" height=\"8\" rx=\"1\" />\n <rect x=\"25\" y=\"3.5\" width=\"3\" height=\"5\" rx=\"1\" />\n</svg>\n", root$38 = /* @__PURE__ */ from_html("<div class=\"status-bar svelte-11btwle\"><div class=\"status-bar-left svelte-11btwle\"><span class=\"status-time svelte-11btwle\">9:41</span></div> <div class=\"status-bar-right svelte-11btwle\"><span class=\"status-icon svelte-11btwle\"></span> <span class=\"status-icon svelte-11btwle\"></span> <span class=\"status-icon battery-icon svelte-11btwle\"></span></div></div>"), root_1$35 = /* @__PURE__ */ from_html("<div class=\"notch svelte-11btwle\"></div>"), root_2$28 = /* @__PURE__ */ from_html("<div class=\"home-bar-container svelte-11btwle\"><div class=\"home-bar svelte-11btwle\"></div></div>"), root_3$26 = /* @__PURE__ */ from_html("<div class=\"home-button-container svelte-11btwle\"><div class=\"home-button svelte-11btwle\"></div></div>"), root_4$21 = /* @__PURE__ */ from_html("<div><div class=\"side-buttons-left svelte-11btwle\"><div class=\"side-button volume-up svelte-11btwle\"></div> <div class=\"side-button volume-down svelte-11btwle\"></div></div> <div class=\"side-buttons-right svelte-11btwle\"><div class=\"side-button power svelte-11btwle\"></div></div> <div class=\"phone-frame svelte-11btwle\"><div><!> <!> <div class=\"screen-content svelte-11btwle\"><!></div> <!></div> <!></div></div>"), $$css$40 = {
|
|
16511
16521
|
hash: "svelte-11btwle",
|
|
16512
16522
|
code: ".phone-wrapper.svelte-11btwle {display:inline-block;position:relative;transform-origin:top left;transform:scale(var(--phone-scale, 1));rotate:var(--phone-rotation, 0deg);}.phone-frame.svelte-11btwle {position:relative;width:var(--phone-frame-width, 375px);border-radius:var(--phone-frame-border-radius, 50px);padding:var(--phone-frame-padding, 12px);box-sizing:border-box;background:var(--phone-frame-color, black);box-shadow:var(\n --phone-frame-shadow,\n 0 20px 60px rgba(0, 0, 0, 0.3),\n 0 0 0 1px rgba(0, 0, 0, 0.1)\n );}.phone-screen.svelte-11btwle {position:relative;border-radius:var(--phone-screen-border-radius, 38px);background:var(--phone-screen-background, #000);overflow:hidden;display:flex;flex-direction:column;}.phone-screen.modern.svelte-11btwle {aspect-ratio:var(--phone-screen-aspect-ratio, 9 / 19.5);}.phone-screen.classic.svelte-11btwle {aspect-ratio:var(--phone-screen-aspect-ratio, 9 / 16);}.status-bar.svelte-11btwle {display:flex;justify-content:space-between;align-items:center;height:var(--phone-status-bar-height, 44px);padding:0 24px;color:var(--phone-status-bar-color, #fff);font-size:var(--phone-status-bar-font-size, 14px);background:var(--phone-status-bar-background, transparent);flex-shrink:0;z-index:2;position:relative;}.status-bar-left.svelte-11btwle {display:flex;align-items:center;}.status-time.svelte-11btwle {font-weight:600;letter-spacing:0.5px;}.status-bar-right.svelte-11btwle {display:flex;align-items:center;gap:6px;}.status-icon.svelte-11btwle {display:inline-flex;width:16px;height:12px;color:inherit;}.status-icon.svelte-11btwle svg {width:100%;height:100%;}.battery-icon.svelte-11btwle {width:24px;}.notch.svelte-11btwle {width:var(--phone-notch-width, 120px);height:var(--phone-notch-height, 32px);background:var(--phone-notch-background, var(--phone-frame-color, black));border-radius:var(--phone-notch-border-radius, 20px);position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:3;}.screen-content.svelte-11btwle {flex:1;overflow:var(--phone-content-overflow, hidden);position:relative;}.home-bar-container.svelte-11btwle {display:flex;justify-content:center;padding:8px 0;flex-shrink:0;}.home-bar.svelte-11btwle {width:var(--phone-home-bar-width, 134px);height:var(--phone-home-bar-height, 5px);background:var(--phone-home-bar-color, #fff);border-radius:var(--phone-home-bar-radius, 3px);}.home-button-container.svelte-11btwle {display:flex;justify-content:center;padding:10px 0;}.home-button.svelte-11btwle {width:var(--phone-home-button-size, 50px);height:var(--phone-home-button-size, 50px);border-radius:50%;border:2px solid var(--phone-home-button-border-color, #555);background:transparent;}.side-buttons-left.svelte-11btwle {position:absolute;top:120px;left:-3px;display:flex;flex-direction:column;gap:12px;z-index:1;}.side-buttons-right.svelte-11btwle {position:absolute;top:140px;right:-3px;z-index:1;}.side-button.svelte-11btwle {background:var(--phone-side-button-color, var(--phone-frame-color, black));border-radius:2px;}.side-button.volume-up.svelte-11btwle,\n .side-button.volume-down.svelte-11btwle {width:3px;height:30px;}.side-button.power.svelte-11btwle {width:3px;height:40px;}"
|
|
16513
16523
|
};
|
|
@@ -16584,7 +16594,7 @@ function Phone(e, t) {
|
|
|
16584
16594
|
get(l) && o() && e(Me);
|
|
16585
16595
|
}), reset(h);
|
|
16586
16596
|
var Re = sibling(h, 2), Ue = (e) => {
|
|
16587
|
-
append(e, root_3$
|
|
16597
|
+
append(e, root_3$26());
|
|
16588
16598
|
};
|
|
16589
16599
|
return if_block(Re, (e) => {
|
|
16590
16600
|
get(l) || e(Ue);
|
|
@@ -16644,7 +16654,7 @@ customElements.define("sui-phone", create_custom_element(Phone_wc, {
|
|
|
16644
16654
|
}, ["default"], [], { mode: "open" }));
|
|
16645
16655
|
//#endregion
|
|
16646
16656
|
//#region src/lib/Scroller/Scroller.svelte
|
|
16647
|
-
var root$37 = /* @__PURE__ */ from_html("<span class=\"arrow-icon svelte-1safnmk\"></span>"), root_1$34 = /* @__PURE__ */ from_html("<div class=\"arrow arrow-prev svelte-1safnmk\"><!></div>"), root_2$27 = /* @__PURE__ */ from_html("<div class=\"gradient gradient-start svelte-1safnmk\"></div>"), root_3$
|
|
16657
|
+
var root$37 = /* @__PURE__ */ from_html("<span class=\"arrow-icon svelte-1safnmk\"></span>"), root_1$34 = /* @__PURE__ */ from_html("<div class=\"arrow arrow-prev svelte-1safnmk\"><!></div>"), root_2$27 = /* @__PURE__ */ from_html("<div class=\"gradient gradient-start svelte-1safnmk\"></div>"), root_3$25 = /* @__PURE__ */ from_html("<div class=\"gradient gradient-end svelte-1safnmk\"></div>"), root_4$20 = /* @__PURE__ */ from_html("<div class=\"arrow arrow-next svelte-1safnmk\"><!></div>"), root_5$18 = /* @__PURE__ */ from_html("<div><!> <!> <div role=\"region\" tabindex=\"-1\"><!></div> <!> <!></div>"), $$css$39 = {
|
|
16648
16658
|
hash: "svelte-1safnmk",
|
|
16649
16659
|
code: ".scroller.svelte-1safnmk {position:relative;display:flex;width:var(--scroller-width, 100%);height:var(--scroller-height, fit-content);}.scroller.horizontal.svelte-1safnmk {flex-direction:row;align-items:center;}.scroller.vertical.svelte-1safnmk {flex-direction:column;align-items:stretch;}.scroll-container.svelte-1safnmk {flex:1;display:flex;overflow:auto;gap:var(--scroller-gap, 0px);padding:var(--scroller-padding, 0px);}.scroller.horizontal.svelte-1safnmk .scroll-container:where(.svelte-1safnmk) {flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-behavior:var(--scroller-scroll-behavior, smooth);}.scroller.vertical.svelte-1safnmk .scroll-container:where(.svelte-1safnmk) {flex-direction:column;overflow-y:auto;overflow-x:hidden;scroll-behavior:var(--scroller-scroll-behavior, smooth);}.scroll-container.snap.svelte-1safnmk {scroll-snap-type:var(--scroller-snap-type, x mandatory);}.scroller.vertical.svelte-1safnmk .scroll-container.snap:where(.svelte-1safnmk) {scroll-snap-type:var(--scroller-snap-type, y mandatory);}.scroll-container.hide-scrollbar.svelte-1safnmk {-ms-overflow-style:none;scrollbar-width:none;}.scroll-container.hide-scrollbar.svelte-1safnmk::-webkit-scrollbar {display:none;}.scroll-container.dragging.svelte-1safnmk {cursor:grabbing;}.arrow.svelte-1safnmk {display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;margin:var(--scroller-arrow-margin, 0px);--button-width: var(--scroller-arrow-size, 32px);--button-height: var(--scroller-arrow-size, 32px);--button-border-radius: var(--scroller-arrow-border-radius, 50%);--button-color: var(--scroller-arrow-background, #ffffff);--button-border: var(--scroller-arrow-border, 1px solid #e0e0e0);--button-text-color: var(--scroller-arrow-color, #333333);--button-padding: var(--scroller-arrow-padding, 4px);--button-box-shadow: var(--scroller-arrow-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12));--button-hover-color: var(--scroller-arrow-hover-background, #f5f5f5);--button-hover-text-color: var(\n --scroller-arrow-hover-color,\n var(--scroller-arrow-color, #333333)\n );}.arrow-icon.svelte-1safnmk {display:flex;align-items:center;justify-content:center;line-height:0;}.arrow-icon.svelte-1safnmk svg {width:var(--scroller-arrow-icon-size, 16px);height:var(--scroller-arrow-icon-size, 16px);}.gradient.svelte-1safnmk {position:absolute;z-index:1;pointer-events:none;}.scroller.horizontal.svelte-1safnmk .gradient:where(.svelte-1safnmk) {top:0;bottom:0;width:var(--scroller-gradient-size, 80px);}.scroller.horizontal.svelte-1safnmk .gradient-start:where(.svelte-1safnmk) {left:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-start,\n linear-gradient(\n to right,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.horizontal.svelte-1safnmk .gradient-end:where(.svelte-1safnmk) {right:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-end,\n linear-gradient(\n to left,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.vertical.svelte-1safnmk .gradient:where(.svelte-1safnmk) {left:0;right:0;height:var(--scroller-gradient-size, 80px);}.scroller.vertical.svelte-1safnmk .gradient-start:where(.svelte-1safnmk) {top:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-start,\n linear-gradient(\n to bottom,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.vertical.svelte-1safnmk .gradient-end:where(.svelte-1safnmk) {bottom:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-end,\n linear-gradient(\n to top,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}"
|
|
16650
16660
|
};
|
|
@@ -16830,7 +16840,7 @@ function Scroller(e, t) {
|
|
|
16830
16840
|
let Ct;
|
|
16831
16841
|
snippet(child(St), n), reset(St), bind_this(St, (e) => set(te, e), () => get(te));
|
|
16832
16842
|
var wt = sibling(St, 2), Tt = (e) => {
|
|
16833
|
-
append(e, root_3$
|
|
16843
|
+
append(e, root_3$25());
|
|
16834
16844
|
};
|
|
16835
16845
|
if_block(wt, (e) => {
|
|
16836
16846
|
get(mt) && get(re) && e(Tt);
|
|
@@ -16993,7 +17003,7 @@ function computeSelectDropdownPosition(e) {
|
|
|
16993
17003
|
}
|
|
16994
17004
|
//#endregion
|
|
16995
17005
|
//#region src/lib/Select/Select.svelte
|
|
16996
|
-
var root$36 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_1$33 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_2$26 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_3$
|
|
17006
|
+
var root$36 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_1$33 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_2$26 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_3$24 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_4$19 = /* @__PURE__ */ from_html("<div><!> </div>"), root_5$17 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_6$16 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_7$15 = /* @__PURE__ */ from_html("<div class=\"select-bottom-content svelte-52lifo\"><!></div>"), root_8$14 = /* @__PURE__ */ from_html("<!> <!>", 1), root_9$11 = /* @__PURE__ */ from_html("<input class=\"select-search svelte-52lifo\" type=\"text\" autocomplete=\"off\"/>"), root_10$10 = /* @__PURE__ */ from_html("<span class=\"select-placeholder svelte-52lifo\"> </span>"), root_11$9 = /* @__PURE__ */ from_html("<span> </span>"), root_12$8 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"select-clear svelte-52lifo\" aria-label=\"Clear selection\"><span aria-hidden=\"true\">×</span></button>"), root_13$7 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"select-error-message svelte-52lifo\"> </div>"), root_14$7 = /* @__PURE__ */ from_html("<div><input class=\"select-menu-search svelte-52lifo\" type=\"search\" aria-label=\"Search options\" autocomplete=\"off\"/> <div class=\"select-menu-list svelte-52lifo\" role=\"listbox\" tabindex=\"-1\"><!></div> <!></div>"), root_15$7 = /* @__PURE__ */ from_html("<div role=\"listbox\"><!></div>"), root_16$6 = /* @__PURE__ */ from_html("<div><div><div><!> <!> <span class=\"select-arrow svelte-52lifo\"></span></div> <!></div> <!> <!></div>"), $$css$38 = {
|
|
16997
17007
|
hash: "svelte-52lifo",
|
|
16998
17008
|
code: ".select.svelte-52lifo {position:relative;width:var(--select-width, 100%);font-family:var(--select-font-family, inherit);font-size:var(--select-font-size, 14px);color:var(--select-color, #333333);}.select.disabled.svelte-52lifo {opacity:var(--select-disabled-opacity, 0.5);cursor:var(--select-disabled-cursor, not-allowed);pointer-events:none;}.select-trigger.svelte-52lifo {display:flex;flex-wrap:wrap;align-items:center;gap:var(--select-trigger-gap, 4px);min-height:var(--select-trigger-min-height, 40px);padding:var(--select-trigger-padding, 8px 12px);background:var(--select-trigger-background, #ffffff);border:var(--select-trigger-border, 1px solid #cccccc);border-radius:var(--select-trigger-border-radius, var(--radius, 4px));cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:var(--select-trigger-transition, border-color 0.15s, box-shadow 0.15s);}.select-trigger.svelte-52lifo .select-left-icon {--image-width: var(--select-left-icon-size, 16px);--image-height: var(--select-left-icon-size, 16px);--image-object-fit: contain;\n\n /* The icon inlines, so a currentColor asset resolves against this. Defaults to\n `inherit` — the trigger's text colour, which is what it already did — so this is\n a hook, not a change. Without it a consumer cannot tint the icon independently\n of the label, and an icon migrated to currentColor is forced to match its label\n exactly, flattening any deliberate muted-icon/strong-label hierarchy. */color:var(--select-left-icon-color, inherit);flex:none;}.select-trigger.svelte-52lifo:hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-trigger-hover-border-color, #999999);}.select-trigger.svelte-52lifo:focus-within,\n .select.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-trigger-focus-border-color, #2563eb);box-shadow:var(--select-trigger-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}\n\n /* Pressed feedback on the trigger. `:active` only, so it lasts exactly as\n long as the pointer is down and never lingers as a stuck state the way a\n class-driven one can. */.select.svelte-52lifo:not(.disabled) .select-trigger:where(.svelte-52lifo):active {background:var(--select-trigger-pressed-background, #ededed);}\n\n /* The error border has to outrank BOTH hover and focus/open, or the field\n stops reading as invalid the moment the user enters it -- which is the one\n moment they most need to see it. Listed after them, at equal or higher\n specificity, rather than reached for with !important. */.select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo),\n .select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):hover,\n .select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):focus-within,\n .select.error.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-trigger-error-border-color, #dc2626);}.select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):focus-within,\n .select.error.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {box-shadow:var(--select-trigger-error-shadow, 0 0 0 2px rgba(220, 38, 38, 0.2));}.select-error-message.svelte-52lifo {margin-top:var(--select-error-message-margin-top, 4px);font-size:var(--select-error-message-font-size, 12px);color:var(--select-error-message-color, #dc2626);}.select-control.svelte-52lifo {position:relative;}.select-control.has-clear.svelte-52lifo .select-trigger:where(.svelte-52lifo) {padding-inline-end:calc(var(--select-clear-size, 18px) + 36px);}.select-control.has-clear.svelte-52lifo .select-arrow:where(.svelte-52lifo) {position:absolute;right:12px;}.select-clear.svelte-52lifo {position:absolute;right:32px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--select-clear-size, 18px);height:var(--select-clear-size, 18px);margin:0;padding:0;border:none;border-radius:var(--select-clear-border-radius, var(--radius, 4px));background:var(--select-clear-background, transparent);color:var(--select-clear-color, #666666);font-size:var(--select-clear-font-size, 16px);line-height:1;cursor:pointer;}.select-clear.svelte-52lifo:focus-visible {outline:var(--select-clear-focus-outline, 2px solid currentColor);outline-offset:2px;}.select-clear.svelte-52lifo:hover {background:var(--select-clear-hover-background, #ededed);color:var(--select-clear-hover-color, #111111);}.select-clear.svelte-52lifo:active {background:var(--select-clear-pressed-background, #e0e0e0);}.select-value.svelte-52lifo {flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-placeholder.svelte-52lifo {flex:1;color:var(--select-placeholder-color, #999999);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-search.svelte-52lifo {flex:1;min-width:60px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:0;cursor:text;}.select-search.svelte-52lifo::placeholder {color:var(--select-placeholder-color, #999999);}.select-arrow.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-arrow-size, 16px);height:var(--select-arrow-size, 16px);color:var(--select-arrow-color, #666666);flex-shrink:0;transition:transform 0.15s;}.select.open.svelte-52lifo .select-arrow:where(.svelte-52lifo) {transform:rotate(180deg);}.select-arrow.svelte-52lifo svg {width:100%;height:100%;}.select-dropdown.svelte-52lifo {position:absolute;top:100%;left:var(--select-dropdown-left, 0);right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, auto);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, auto);margin-top:var(--select-dropdown-gap, 4px);background:var(--select-dropdown-background, #ffffff);border:var(--select-dropdown-border, 1px solid #cccccc);border-radius:var(--select-dropdown-border-radius, var(--radius, 4px));box-shadow:var(--select-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));max-height:var(--select-dropdown-max-height, 200px);overflow-y:auto;z-index:var(--select-dropdown-z-index, 10);}\n\n /* With the search box inside the panel, the PANEL must stop scrolling and\n the list scroll instead -- otherwise the search box scrolls away as soon\n as the user moves down the results, which is the one control they still\n need. The max-height moves down with the scrolling, so the panel keeps\n growing to fit the search box plus a list of the same height as before. */.select-dropdown.svelte-52lifo:has(> .select-menu-list:where(.svelte-52lifo)) {max-height:none;overflow-y:visible;display:flex;flex-direction:column;}.select-menu-list.svelte-52lifo {max-height:var(--select-dropdown-max-height, 200px);overflow-y:auto;}.select-menu-search.svelte-52lifo {flex:none;margin:var(--select-menu-search-margin, 6px);padding:var(--select-menu-search-padding, 6px 8px);border:var(--select-menu-search-border, 1px solid #cccccc);border-radius:var(--select-menu-search-border-radius, var(--radius, 4px));background:var(--select-menu-search-background, #ffffff);color:var(--select-menu-search-color, inherit);font-family:inherit;font-size:var(--select-menu-search-font-size, inherit);outline:none;}.select-menu-search.svelte-52lifo:focus-visible {border-color:var(--select-menu-search-focus-border-color, #2563eb);box-shadow:var(--select-menu-search-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.select-dropdown-right.svelte-52lifo {left:auto;right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, 100%);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, max-content);}.select-dropdown.select-dropdown-portal.svelte-52lifo {\n /* Portaled to <body>: fixed positioning escapes overflow/scroll ancestors\n (e.g. a table cell). Placement (top/left/width/min-width) is set inline\n from the trigger rect, so neutralise the in-flow anchoring here. */position:fixed;right:auto;margin-top:0;\n /* In the root stacking context the panel competes with modals/sheets rather\n than painting above same-container siblings, so default it into the\n top-layer band (consumers still override via --select-dropdown-z-index). */z-index:var(--select-dropdown-z-index, 1000);}.select-option.svelte-52lifo {padding:var(--select-option-padding, 8px 12px);color:var(--select-option-color, #333333);font-size:var(--select-option-font-size, inherit);cursor:pointer;transition:background 0.1s;}\n\n /* Per-option leading icon (SelectItem.icon). Kept inline + vertically centred so\n it needs no change to the option's display and can't regress icon-less lists. */.select-option.svelte-52lifo .select-option-icon {--image-width: var(--select-option-icon-size, 16px);--image-height: var(--select-option-icon-size, 16px);--image-object-fit: contain;color:var(--select-option-icon-color, inherit);vertical-align:middle;margin-right:var(--select-option-icon-gap, 8px);}.select-option.multi.svelte-52lifo {display:flex;align-items:center;gap:var(--select-option-gap, 0);}.select-option.svelte-52lifo:hover,\n .select-option.highlighted.svelte-52lifo {background:var(--select-option-hover-background, #f0f0f0);color:var(--select-option-hover-color, var(--select-option-color, #333333));}.select-option.selected.svelte-52lifo {background:var(--select-option-selected-background, #e8f0fe);color:var(--select-option-selected-color, var(--select-option-color, #333333));}.select-option.selected.highlighted.svelte-52lifo {background:var(\n --select-option-selected-hover-background,\n var(--select-option-selected-background, #e8f0fe)\n );}\n\n /* Pressed feedback comes last, and each selector carries enough specificity\n to outrank its non-active counterpart above. An option is always hovered\n when pressed and is often selected too, so a single low-specificity rule\n earlier in the sheet would be correct in isolation and invisible in\n practice -- which is how a pressed state ends up shipping as dead CSS.\n A press on an already-selected row still has to confirm the tap landed. */.select-option.svelte-52lifo:active,\n .select-option.selected.svelte-52lifo:active,\n .select-option.selected.highlighted.svelte-52lifo:active {background:var(--select-option-pressed-background, #ededed);}.select-option-indicator.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--select-option-indicator-size, 18px);height:var(--select-option-indicator-size, 18px);border:var(--select-option-indicator-border, 2px solid #757575);border-radius:var(--select-option-indicator-border-radius, var(--radius, 4px));background-color:var(--select-option-indicator-background, transparent);color:var(--select-option-indicator-color, currentColor);transition:background-color 0.15s,\n border-color 0.15s;}.select-option-indicator.checked.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-check.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-option-indicator-check-size, 12px);height:var(--select-option-indicator-check-size, 12px);color:var(--select-option-indicator-check-color, #ffffff);}.select-option-check.svelte-52lifo svg {width:100%;height:100%;}.select-option-indicator.indeterminate.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-dash.svelte-52lifo {width:var(--select-option-indicator-dash-size, 10px);height:var(--select-option-indicator-dash-thickness, 2px);border-radius:1px;background-color:var(--select-option-indicator-dash-color, #ffffff);}.select-option.select-all.svelte-52lifo {border-bottom:var(--select-all-border, none);font-weight:var(--select-all-font-weight, inherit);}.select-empty.svelte-52lifo {padding:var(--select-empty-padding, 8px 12px);color:var(--select-empty-color, #999999);font-style:var(--select-empty-font-style, italic);font-size:var(--select-empty-font-size, inherit);}.select-bottom-content.svelte-52lifo {border-top:var(--select-bottom-content-border, none);padding:var(--select-bottom-content-padding, 8px 12px);}.select-trigger.svelte-52lifo .pill {--pill-background: var(--select-pill-background, #e0e0e0);--pill-color: var(--select-pill-color, #333333);--pill-border-radius: var(--select-pill-border-radius, 999px);--pill-padding: var(--select-pill-padding, 2px 8px);--pill-font-size: var(--select-pill-font-size, 13px);}\n\n /* Ghost hierarchy: transparent, borderless trigger */.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo) {background:var(--select-ghost-trigger-background, transparent);border-color:var(--select-ghost-trigger-border-color, transparent);box-shadow:none;}.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo):hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-ghost-trigger-hover-border-color, transparent);background:var(--select-ghost-trigger-hover-background, rgba(0, 0, 0, 0.04));}.select.ghost.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-ghost-trigger-open-border-color, transparent);background:var(--select-ghost-trigger-open-background, rgba(0, 0, 0, 0.06));box-shadow:none;}\n\n /* Single-select right-edge tick (showSelectedTick) */.select-option.tickable.svelte-52lifo {display:flex;align-items:center;gap:8px;}.select-option.tickable.svelte-52lifo .select-option-label:where(.svelte-52lifo) {flex:1 1 auto;min-width:0;}.select-option-tick.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--select-option-tick-size, 16px);height:var(--select-option-tick-size, 16px);color:var(--select-option-tick-color, #2563eb);}.select-option-tick.svelte-52lifo svg {width:100%;height:100%;}"
|
|
16999
17009
|
};
|
|
@@ -17394,7 +17404,7 @@ function Select(e, t) {
|
|
|
17394
17404
|
indeterminate: get(Rt)
|
|
17395
17405
|
})), append(e, t);
|
|
17396
17406
|
}, c = (e) => {
|
|
17397
|
-
var t = root_3$
|
|
17407
|
+
var t = root_3$24();
|
|
17398
17408
|
let n;
|
|
17399
17409
|
var i = child(t), a = (e) => {
|
|
17400
17410
|
var t = root_1$33();
|
|
@@ -17458,7 +17468,7 @@ function Select(e, t) {
|
|
|
17458
17468
|
}
|
|
17459
17469
|
append(e, n);
|
|
17460
17470
|
}, s = (e) => {
|
|
17461
|
-
var n = root_3$
|
|
17471
|
+
var n = root_3$24();
|
|
17462
17472
|
let i;
|
|
17463
17473
|
var o = child(n), s = (e) => {
|
|
17464
17474
|
var t = root_1$33();
|
|
@@ -17817,7 +17827,7 @@ customElements.define("sui-select", create_custom_element(Select_wc, {
|
|
|
17817
17827
|
}, ["bottom-content"], [], { mode: "open" }));
|
|
17818
17828
|
//#endregion
|
|
17819
17829
|
//#region src/lib/Sheet/Sheet.svelte
|
|
17820
|
-
var root$35 = /* @__PURE__ */ from_html("<span class=\"sheet-title svelte-1dln6bq\"> </span>"), root_1$32 = /* @__PURE__ */ from_html("<div class=\"sheet-close-button svelte-1dln6bq\"><!></div>"), root_2$25 = /* @__PURE__ */ from_html("<div class=\"sheet-header svelte-1dln6bq\"><!> <!></div>"), root_3$
|
|
17830
|
+
var root$35 = /* @__PURE__ */ from_html("<span class=\"sheet-title svelte-1dln6bq\"> </span>"), root_1$32 = /* @__PURE__ */ from_html("<div class=\"sheet-close-button svelte-1dln6bq\"><!></div>"), root_2$25 = /* @__PURE__ */ from_html("<div class=\"sheet-header svelte-1dln6bq\"><!> <!></div>"), root_3$23 = /* @__PURE__ */ from_html("<div class=\"sheet-footer svelte-1dln6bq\"><!></div>"), root_4$18 = /* @__PURE__ */ from_html("<div tabindex=\"-1\"><div role=\"dialog\" aria-modal=\"true\" tabindex=\"-1\"><!> <div class=\"sheet-content svelte-1dln6bq\"><!></div> <!></div></div>"), $$css$37 = {
|
|
17821
17831
|
hash: "svelte-1dln6bq",
|
|
17822
17832
|
code: ".sheet-overlay.svelte-1dln6bq {position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--sheet-overlay-z-index, 15);-webkit-tap-highlight-color:transparent;}.overlay-visible.svelte-1dln6bq {background-color:var(--sheet-overlay-background, #00000066);}.overlay-invisible.svelte-1dln6bq {background-color:transparent;}.overlay-interactive.svelte-1dln6bq {pointer-events:auto;}.overlay-noninteractive.svelte-1dln6bq {pointer-events:none;}.sheet-panel.svelte-1dln6bq {position:fixed;display:flex;flex-direction:column;background-color:var(--sheet-background, #ffffff);box-shadow:var(--sheet-box-shadow, -2px 0 8px rgba(0, 0, 0, 0.15));z-index:var(--sheet-z-index, 16);pointer-events:auto;outline:none;}\n\n /* The panel itself is the initial focus target on open (scrollLockAction\n focuses it directly, and it's the Tab-trap's own boundary), so removing\n its outline unconditionally left a keyboard user with no visible sign\n focus had moved into the sheet at all -- particularly visible on the\n \"Raw\" variant, which has no focusable child for focus to land on\n instead. :focus-visible restores a ring precisely when the browser\n judges it's from keyboard/programmatic focus rather than a mouse click,\n so clicking the trigger still shows nothing new. outline-offset is\n negative (inset) rather than the usual positive offset other components\n in this library use, because left/right/top/bottom panels sit flush\n against a viewport edge -- a positive offset would clip there. */.sheet-panel.svelte-1dln6bq:focus-visible {outline:var(--sheet-panel-focus-outline, 2px solid #2563eb);outline-offset:var(--sheet-panel-focus-outline-offset, -2px);}\n\n /* --sheet-top/-right/-bottom/-left all default to the previous hardcoded\n edge-to-edge values below, so an unconfigured Sheet renders unchanged.\n Overriding one (e.g. --sheet-top to clear a fixed header, or --sheet-bottom:\n auto to size to content) turns the panel from an edge-to-edge slide-in into\n an anchored floating panel, without needing a different component. */.sheet-panel.left.svelte-1dln6bq,\n .sheet-panel.right.svelte-1dln6bq {top:var(--sheet-top, 0);bottom:var(--sheet-bottom, 0);width:var(--sheet-width, 400px);max-width:var(--sheet-max-width, 100vw);}.sheet-panel.left.svelte-1dln6bq {left:var(--sheet-left, 0);border-right:var(--sheet-border, none);}.sheet-panel.right.svelte-1dln6bq {right:var(--sheet-right, 0);border-left:var(--sheet-border, none);}\n\n /* Top/bottom stretch edge to edge by default, exactly as before: --sheet-\n band-width is `auto`, so `margin-inline: auto` has nothing to distribute\n and the panel still spans --sheet-left to --sheet-right.\n\n Setting --sheet-band-width (or --sheet-band-max-width) caps it, and the\n auto margins then centre it between those same two insets -- which is the\n shape a bottom \"launch\" sheet wants above phone widths, and previously\n had to be faked with hand-computed calc() offsets.\n\n Deliberately NOT --sheet-width/--sheet-max-width, even though the issue\n proposed those names. Those already mean \"the width of a left/right\n panel\", so a consumer who themes them for their side sheets would find\n their bottom sheets silently reshaped by an upgrade. side=\"center\" avoids\n the same collision the same way, with its own --sheet-center-* tokens. */.sheet-panel.top.svelte-1dln6bq,\n .sheet-panel.bottom.svelte-1dln6bq {left:var(--sheet-left, 0);right:var(--sheet-right, 0);height:var(--sheet-height, 300px);max-height:var(--sheet-max-height, 100vh);width:var(--sheet-band-width, auto);max-width:var(--sheet-band-max-width, none);box-sizing:var(--sheet-band-box-sizing, content-box);margin-inline:auto;border:var(--sheet-band-border, none);}\n\n /* A capped panel is a floating card and needs all four edges; an\n edge-to-edge one deliberately draws only the edge it enters from. The\n entering edge falls back through --sheet-border so an existing theme that\n sets only that keeps rendering exactly as it did. */.sheet-panel.top.svelte-1dln6bq {top:var(--sheet-top, 0);border-bottom:var(--sheet-band-border, var(--sheet-border, none));}.sheet-panel.bottom.svelte-1dln6bq {bottom:var(--sheet-bottom, 0);border-top:var(--sheet-band-border, var(--sheet-border, none));}\n\n /* `side=\"center\"` is a fixed-size floating dialog, not an edge-anchored\n panel: no top/bottom/left/right offset, sized by its own tokens rather\n than --sheet-width/--sheet-height (so an existing left/right/top/bottom\n theme is untouched by adding this variant), and centered with a\n transform instead of stretching to an edge. */.sheet-panel.center.svelte-1dln6bq {top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sheet-center-width, 480px);max-width:var(--sheet-center-max-width, calc(100vw - 32px));max-height:var(--sheet-center-max-height, 90vh);}.sheet-header.svelte-1dln6bq {display:flex;align-items:center;padding:var(--sheet-header-padding, 16px 20px);background-color:var(--sheet-header-background, inherit);border-bottom:var(--sheet-header-border-bottom, 1px solid #e0e0e0);flex-shrink:0;}.sheet-title.svelte-1dln6bq {flex:1;font-size:var(--sheet-title-font-size, 18px);font-weight:var(--sheet-title-font-weight, 600);font-family:var(--sheet-title-font-family, inherit);color:var(--sheet-title-color, #1a1a1a);line-height:var(--sheet-title-line-height, 1.4);}.sheet-close-button.svelte-1dln6bq {--button-width: var(--sheet-close-button-size, 32px);--button-height: var(--sheet-close-button-size, 32px);--button-border: none;--button-border-radius: var(--sheet-close-button-border-radius, var(--radius, 4px));--button-color: var(--sheet-close-button-background, transparent);--button-text-color: var(--sheet-close-button-color, #666666);--button-font-size: var(--sheet-close-button-font-size, 16px);--button-padding: 0;--button-hover-color: var(--sheet-close-button-hover-background, #f0f0f0);flex-shrink:0;display:flex;align-items:center;justify-content:center;}.sheet-content.svelte-1dln6bq {flex:1;overflow-y:var(--sheet-content-overflow-y, auto);padding:var(--sheet-content-padding, 20px);scrollbar-width:var(--sheet-scrollbar-width, none);}.sheet-content.svelte-1dln6bq::-webkit-scrollbar {display:none;}.sheet-footer.svelte-1dln6bq {padding:var(--sheet-footer-padding, 16px 20px);background-color:var(--sheet-footer-background, inherit);border-top:var(--sheet-footer-border-top, 1px solid #e0e0e0);flex-shrink:0;}"
|
|
17823
17833
|
};
|
|
@@ -18022,7 +18032,7 @@ function Sheet(e, t) {
|
|
|
18022
18032
|
var C = sibling(u, 2);
|
|
18023
18033
|
snippet(child(C), p), reset(C);
|
|
18024
18034
|
var k = sibling(C, 2), ot = (e) => {
|
|
18025
|
-
var t = root_3$
|
|
18035
|
+
var t = root_3$23();
|
|
18026
18036
|
snippet(child(t), h), reset(t), append(e, t);
|
|
18027
18037
|
};
|
|
18028
18038
|
if_block(k, (e) => {
|
|
@@ -18198,7 +18208,7 @@ function createCopyState(e = {}) {
|
|
|
18198
18208
|
}
|
|
18199
18209
|
//#endregion
|
|
18200
18210
|
//#region src/lib/Snippet/Snippet.svelte
|
|
18201
|
-
var root$34 = /* @__PURE__ */ from_html("<span class=\"snippet-copied svelte-ql5iye\"> </span>"), root_1$31 = /* @__PURE__ */ from_html("<span class=\"snippet-copy-icon svelte-ql5iye\"></span>"), root_2$24 = /* @__PURE__ */ from_html("<div class=\"snippet-copy svelte-ql5iye\"><!></div> <span class=\"snippet-status svelte-ql5iye\" role=\"status\" aria-live=\"polite\"> </span>", 1), root_3$
|
|
18211
|
+
var root$34 = /* @__PURE__ */ from_html("<span class=\"snippet-copied svelte-ql5iye\"> </span>"), root_1$31 = /* @__PURE__ */ from_html("<span class=\"snippet-copy-icon svelte-ql5iye\"></span>"), root_2$24 = /* @__PURE__ */ from_html("<div class=\"snippet-copy svelte-ql5iye\"><!></div> <span class=\"snippet-status svelte-ql5iye\" role=\"status\" aria-live=\"polite\"> </span>", 1), root_3$22 = /* @__PURE__ */ from_html("<div><code class=\"snippet-code svelte-ql5iye\"><span class=\"snippet-prompt svelte-ql5iye\"> </span> <span class=\"snippet-text svelte-ql5iye\"> </span></code> <!></div>"), $$css$36 = {
|
|
18202
18212
|
hash: "svelte-ql5iye",
|
|
18203
18213
|
code: ".snippet.svelte-ql5iye {display:flex;align-items:center;justify-content:space-between;gap:var(--snippet-gap, 8px);background:var(--snippet-background, #1e1e1e);border:var(--snippet-border, 1px solid #333);border-radius:var(--snippet-border-radius, var(--radius, 4px));padding:var(--snippet-padding, 12px 16px);font-family:var(--snippet-font-family, monospace);font-size:var(--snippet-font-size, 14px);color:var(--snippet-color, #e0e0e0);margin:var(--snippet-margin, 0);}.snippet-code.svelte-ql5iye {display:flex;align-items:center;overflow:hidden;flex:1;min-width:0;}.snippet-prompt.svelte-ql5iye {color:var(--snippet-prompt-color, #888);margin-right:var(--snippet-prompt-margin-right, 8px);flex-shrink:0;}.snippet-text.svelte-ql5iye {color:var(--snippet-text-color, #e0e0e0);font-family:var(--snippet-text-font-family, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.snippet-copy.svelte-ql5iye {--button-color: var(--snippet-copy-background, transparent);--button-text-color: var(--snippet-copy-color, #888);--button-border: var(--snippet-copy-border, none);--button-padding: var(--snippet-copy-padding, 4px);--button-border-radius: var(--snippet-copy-border-radius, var(--radius, 4px));--cursor: var(--snippet-copy-cursor, pointer);--button-hover-color: var(--snippet-copy-hover-background, #333);display:flex;align-items:center;justify-content:center;flex-shrink:0;}.snippet-copy-icon.svelte-ql5iye {display:inline-flex;align-items:center;justify-content:center;width:var(--snippet-copy-size, 16px);height:var(--snippet-copy-size, 16px);}.snippet-copy-icon.svelte-ql5iye svg {width:100%;height:100%;}\n\n /* Announced, never shown: the visible \"Copied!\" is the label inside the\n button, and repeating it on screen would read as a duplicate. */.snippet-status.svelte-ql5iye {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}.snippet-copied.svelte-ql5iye {color:var(--snippet-copied-color, #4caf50);font-size:var(--snippet-copied-font-size, 12px);font-family:var(--snippet-font-family, monospace);}"
|
|
18204
18214
|
};
|
|
@@ -18271,7 +18281,7 @@ function Snippet(e, t) {
|
|
|
18271
18281
|
set classes(e) {
|
|
18272
18282
|
f(e), flushSync();
|
|
18273
18283
|
}
|
|
18274
|
-
}, C = root_3$
|
|
18284
|
+
}, C = root_3$22(), k = child(C), R = child(k), te = child(R, !0);
|
|
18275
18285
|
reset(R);
|
|
18276
18286
|
var ne = sibling(R, 2), re = child(ne, !0);
|
|
18277
18287
|
reset(ne), reset(k);
|
|
@@ -18659,7 +18669,7 @@ var normalizeColumns = (e, t) => ({
|
|
|
18659
18669
|
})),
|
|
18660
18670
|
rest: n.length - i.length
|
|
18661
18671
|
};
|
|
18662
|
-
}, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$32 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$29 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$23 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$
|
|
18672
|
+
}, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$32 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$29 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$23 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$21 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$17 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$16 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb builtin-thumb-placeholder svelte-4boxsj\"> </span>"), root_6$15 = /* @__PURE__ */ from_html("<div><!> <div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div></div>"), root_7$14 = /* @__PURE__ */ from_html("<div></div>"), root_8$13 = /* @__PURE__ */ from_html("<span class=\"builtin-avatar-rest svelte-4boxsj\"> </span>"), root_9$10 = /* @__PURE__ */ from_html("<div><!> <!></div>"), root_10$9 = /* @__PURE__ */ from_html("<span class=\"builtin-primary-text svelte-4boxsj\"> </span>"), root_11$8 = /* @__PURE__ */ from_html("<span class=\"builtin-secondary-text svelte-4boxsj\"> </span>"), root_12$7 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-up svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_13$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-down svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_14$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\">↔ 0%</span>"), root_15$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\"> </span>"), root_16$5 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_17$4 = /* @__PURE__ */ from_html("<span class=\"builtin-toggle svelte-4boxsj\" role=\"switch\"><!></span>"), root_18$4 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive svelte-4boxsj\"><!></span>"), root_19$4 = /* @__PURE__ */ from_html("<img class=\"builtin-input-icon svelte-4boxsj\" alt=\"\"/>"), root_20$3 = /* @__PURE__ */ from_html("<img class=\"builtin-button-icon svelte-4boxsj\" alt=\"\"/>"), root_21$3 = /* @__PURE__ */ from_html("<span><!></span>"), root_22$3 = /* @__PURE__ */ from_html("<span class=\"builtin-menu-dots svelte-4boxsj\"></span>"), root_23$3 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-button svelte-4boxsj\"><!></span>"), root_24$3 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive builtin-action-group svelte-4boxsj\"><!> <!></span>"), root_25$2 = /* @__PURE__ */ from_html("<span class=\"builtin-copy-icon svelte-4boxsj\"></span>"), root_26$2 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copied svelte-4boxsj\">Copied</span>"), root_27$1 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copy svelte-4boxsj\"><!></span> <!>", 1), root_28$1 = /* @__PURE__ */ from_html("<div class=\"builtin-link svelte-4boxsj\"><a target=\"_blank\" rel=\"noopener noreferrer\" class=\"builtin-link-anchor svelte-4boxsj\"> </a> <!></div>"), $$css$34 = {
|
|
18663
18673
|
hash: "svelte-4boxsj",
|
|
18664
18674
|
code: ".builtin-primary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-primary-font-size, var(--table-content-font-size, 14px));color:var(--table-cell-primary-color, var(--table-content-color, #111827));}.builtin-secondary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-two-line.svelte-4boxsj,\n .builtin-compare.svelte-4boxsj {display:flex;flex-direction:column;gap:var(--table-cell-line-gap, 2px);}\n\n /* column.align lands on the td as text-align, which flex layouts ignore.\n Column-flex builtins follow it via align-items… */.builtin-two-line.builtin-align-end.svelte-4boxsj,\n .builtin-compare.builtin-align-end.svelte-4boxsj {align-items:flex-end;}.builtin-two-line.builtin-align-center.svelte-4boxsj,\n .builtin-compare.builtin-align-center.svelte-4boxsj {align-items:center;}\n\n /* …and row-flex builtins follow it via justify-content. */.builtin-text-tag.builtin-align-end.svelte-4boxsj,\n .builtin-icon-label.builtin-align-end.svelte-4boxsj,\n .builtin-image-two-line.builtin-align-end.svelte-4boxsj,\n .builtin-tag-array.builtin-align-end.svelte-4boxsj,\n .builtin-avatar-stack.builtin-align-end.svelte-4boxsj {justify-content:flex-end;}.builtin-text-tag.builtin-align-center.svelte-4boxsj,\n .builtin-icon-label.builtin-align-center.svelte-4boxsj,\n .builtin-image-two-line.builtin-align-center.svelte-4boxsj,\n .builtin-tag-array.builtin-align-center.svelte-4boxsj,\n .builtin-avatar-stack.builtin-align-center.svelte-4boxsj {justify-content:center;}.builtin-text-tag.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label-icon.svelte-4boxsj img,\n .builtin-icon-label-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);color:var(--table-cell-icon-color, inherit);display:block;}.builtin-image-two-line.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-thumb.svelte-4boxsj {display:inline-flex;width:var(--table-cell-thumb-size, 32px);height:var(--table-cell-thumb-size, 32px);border-radius:var(--table-cell-thumb-radius, var(--radius, 4px));overflow:hidden;flex-shrink:0;}.builtin-thumb.svelte-4boxsj img {width:100%;height:100%;object-fit:cover;}.builtin-thumb-placeholder.svelte-4boxsj {display:flex;align-items:center;justify-content:center;background-color:var(--table-cell-thumb-placeholder-background, #f3f4f6);color:var(--table-cell-thumb-placeholder-color, #6b7280);font-size:var(--table-cell-thumb-placeholder-font-size, 14px);font-weight:600;line-height:1;text-transform:uppercase;}.builtin-tag-array.svelte-4boxsj {display:flex;flex-wrap:wrap;gap:var(--table-tag-array-gap, 4px);}.builtin-avatar-stack.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-avatar-rest.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-trend.svelte-4boxsj {display:inline-flex;align-items:center;gap:var(--table-trend-gap, 4px);font-size:var(--table-cell-secondary-font-size, 12px);}.builtin-trend-up.svelte-4boxsj {color:var(--table-trend-up-color, #16a34a);}.builtin-trend-down.svelte-4boxsj {color:var(--table-trend-down-color, #dc2626);}.builtin-trend-flat.svelte-4boxsj {color:var(--table-trend-flat-color, #6b7280);}.builtin-trend-icon.svelte-4boxsj svg {width:var(--table-trend-icon-size, 12px);height:var(--table-trend-icon-size, 12px);display:block;}.builtin-toggle.svelte-4boxsj {display:inline-flex;align-items:center;}.builtin-interactive.svelte-4boxsj {display:inline-flex;align-items:center;min-width:0;width:var(--table-interactive-width, auto);}.builtin-input-icon.svelte-4boxsj {display:block;width:var(--table-cell-input-icon-size, 16px);height:var(--table-cell-input-icon-size, 16px);}.builtin-button-icon.svelte-4boxsj {display:block;width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);}.builtin-action-group.svelte-4boxsj {gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-button.svelte-4boxsj {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-cell-icon-button-color, #6b7280);--button-hover-color: var(--table-cell-icon-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;}.builtin-menu-dots.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);min-width:0;}.builtin-link-anchor.svelte-4boxsj {color:var(--table-link-color, #2563eb);text-decoration:var(--table-link-decoration, underline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}.builtin-link-copy.svelte-4boxsj {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-link-copy-color, #6b7280);--button-hover-color: var(--table-link-copy-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;flex-shrink:0;}.builtin-copy-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link-copied.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);flex-shrink:0;}"
|
|
18665
18675
|
};
|
|
@@ -18796,7 +18806,7 @@ function BuiltinCell(e, t) {
|
|
|
18796
18806
|
}), append(e, n);
|
|
18797
18807
|
}, be = (e) => {
|
|
18798
18808
|
let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {}), n = /* @__PURE__ */ user_derived(() => Array.isArray(get(t).icons) ? get(t).icons.filter((e) => typeof e == "string") : []);
|
|
18799
|
-
var a = root_3$
|
|
18809
|
+
var a = root_3$21(), o = child(a);
|
|
18800
18810
|
each(o, 19, () => get(n), (e, t) => `${t}-${e}`, (e, t, n) => {
|
|
18801
18811
|
var i = root_2$23(), a = child(i);
|
|
18802
18812
|
{
|
|
@@ -19371,21 +19381,21 @@ delegate(["click", "keydown"]), create_custom_element(BuiltinCell, {
|
|
|
19371
19381
|
}, [], [], { mode: "open" });
|
|
19372
19382
|
//#endregion
|
|
19373
19383
|
//#region src/lib/assets/sort-default.svg?raw
|
|
19374
|
-
var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$31 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$28 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\"
|
|
19384
|
+
var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$31 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$28 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\"></button>"), root_2$22 = /* @__PURE__ */ from_html("<div class=\"table-search svelte-171ci2i\"><span class=\"table-search-icon svelte-171ci2i\"></span> <input class=\"table-search-input svelte-171ci2i\" type=\"search\" autocomplete=\"off\"/> <!></div>"), root_3$20 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$16 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$15 = /* @__PURE__ */ from_html("<th><!></th>"), root_6$14 = /* @__PURE__ */ from_html("<th></th>"), root_7$13 = /* @__PURE__ */ from_html("<th> </th>"), root_8$12 = /* @__PURE__ */ from_html("<span> </span>"), root_9$9 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_10$8 = /* @__PURE__ */ from_html("<span><!></span>"), root_11$7 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_12$6 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_13$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_14$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_15$5 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_16$4 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_17$3 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_18$3 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_19$3 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_20$2 = /* @__PURE__ */ from_html("<tr><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_21$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><!></td>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-row-number-col svelte-171ci2i\"> </td>"), root_23$2 = /* @__PURE__ */ from_html("<td><div><!></div></td>"), root_24$2 = /* @__PURE__ */ from_html("<tr><!><!><!></tr>"), root_25$1 = /* @__PURE__ */ from_html("<div class=\"table-footer svelte-171ci2i\"><!></div>"), root_26$1 = /* @__PURE__ */ from_html("<span class=\"table-paginator-size svelte-171ci2i\"><!></span>"), root_27 = /* @__PURE__ */ from_html("<span class=\"table-paginator-controls svelte-171ci2i\"><!> <!></span>"), root_28 = /* @__PURE__ */ from_html("<div class=\"table-footer table-paginator svelte-171ci2i\"><span class=\"table-paginator-range svelte-171ci2i\"> </span> <!></div>"), root_29 = /* @__PURE__ */ from_html("<div><div><div class=\"table-scroll svelte-171ci2i\"><table class=\"svelte-171ci2i\"><!><thead><tr><!><!><!></tr></thead><tbody><!></tbody></table></div></div> <!></div>"), root_30 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), $$css$33 = {
|
|
19375
19385
|
hash: "svelte-171ci2i",
|
|
19376
19386
|
code: "\n /* ── Title ─────────────────────────────────────────────────────────────── */.table-title.svelte-171ci2i {margin:var(--table-title-margin, 0px 0px 12px 0px);font-size:var(--table-title-font-size, var(--table-tile-font-size, 18px));font-weight:var(--table-title-font-weight, 600);color:var(--table-title-color, #111827);font-family:var(--table-title-font-family);padding:var(--table-title-padding);}\n\n /* ── C2-3 Search bar ────────────────────────────────────────────────────── */.table-search.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-search-gap, 8px);padding:var(--table-search-padding, 8px 12px);border:var(--table-search-border, 1px solid #e5e7eb);border-radius:var(--table-search-border-radius, var(--radius, 4px));background-color:var(--table-search-background, #ffffff);margin-bottom:var(--table-search-margin-bottom, 8px);}.table-search-icon.svelte-171ci2i {display:inline-flex;align-items:center;color:var(--table-search-icon-color, #9ca3af);flex-shrink:0;}.table-search-icon.svelte-171ci2i svg {width:var(--table-search-icon-size, 16px);height:var(--table-search-icon-size, 16px);}.table-search-input.svelte-171ci2i {flex:1;border:none;outline:none;background:transparent;font-size:var(--table-search-font-size, 14px);color:var(--table-search-color, #111827);min-width:0;}.table-search-input.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:2px;border-radius:var(--table-search-focus-border-radius, var(--radius, 4px));}.table-search-input.svelte-171ci2i::placeholder {color:var(--table-search-placeholder-color, #9ca3af);}\n\n /* Hide browser-default clear button on search inputs */.table-search-input.svelte-171ci2i::-webkit-search-cancel-button {display:none;}.table-search-clear.svelte-171ci2i {display:inline-flex;align-items:center;padding:2px;border:none;background:transparent;color:var(--table-search-clear-color, #6b7280);cursor:pointer;border-radius:4px;flex-shrink:0;}.table-search-clear.svelte-171ci2i:hover {color:var(--table-search-clear-hover-color, #111827);background-color:var(--table-search-clear-hover-background, rgba(0, 0, 0, 0.05));}.table-search-clear.svelte-171ci2i svg {width:var(--table-search-clear-icon-size, 14px);height:var(--table-search-clear-icon-size, 14px);}.table-header-inline-search.svelte-171ci2i {display:inline-flex;align-items:center;gap:var(--table-inline-search-gap, 6px);margin-left:auto;}.table-inline-search-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-trigger-padding, 4px);--button-text-color: var(--table-inline-search-icon-color, #9ca3af);}.table-inline-search-trigger.svelte-171ci2i svg {width:var(--table-inline-search-icon-size, 16px);height:var(--table-inline-search-icon-size, 16px);display:block;}.table-inline-search-input.svelte-171ci2i {--input-margin: 0;width:var(--table-inline-search-input-width, 160px);}.table-inline-search-clear.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-clear-padding, 2px);--button-text-color: var(--table-inline-search-clear-color, #6b7280);}.table-inline-search-clear.svelte-171ci2i svg {width:var(--table-inline-search-clear-icon-size, 14px);height:var(--table-inline-search-clear-icon-size, 14px);}\n\n /* ── Container ──────────────────────────────────────────────────────────── */.table-container.svelte-171ci2i {border:var(--table-border, 1px solid #e5e7eb);border-radius:var(--table-border-radius, var(--radius, 4px));width:var(--table-container-width, 100%);overflow:hidden;}.scrollable-table.svelte-171ci2i {height:var(--table-container-height, 143px);overflow-y:auto;}.table-scroll-shell.svelte-171ci2i {position:relative;min-width:0;}\n\n /* Edge scrims: fade the clipped side of the table into its background so\n hidden columns read as \"more content this way\". Class-driven from live\n scroll state — never shown when the table fits. pointer-events: none\n keeps cells under the fade clickable; z-index 2 paints above sticky\n headers (z-index 1). */.table-scroll-shell.svelte-171ci2i::before,\n .table-scroll-shell.svelte-171ci2i::after {content:'';position:absolute;top:0;bottom:0;width:var(--table-scroll-scrim-width, 32px);opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:2;}.table-scroll-shell.svelte-171ci2i::before {left:0;border-radius:var(--table-border-radius, var(--radius, 4px)) 0 0\n var(--table-border-radius, var(--radius, 4px));background:linear-gradient(to right, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.svelte-171ci2i::after {right:0;border-radius:0 var(--table-border-radius, var(--radius, 4px))\n var(--table-border-radius, var(--radius, 4px)) 0;background:linear-gradient(to left, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.scrollable-left.svelte-171ci2i::before {opacity:1;}.table-scroll-shell.scrollable-right.svelte-171ci2i::after {opacity:1;}.table-scroll.svelte-171ci2i {overflow-x:auto;min-width:0;scrollbar-width:thin;}table.svelte-171ci2i {width:var(--table-width, 100%);border-collapse:var(--table-border-collapse, collapse);}.table-header.svelte-171ci2i,\n .table-content.svelte-171ci2i {border:var(--table-inner-border, none);padding:var(--table-padding, 12px 16px);text-align:var(--table-text-align, left);width:var(--table-column-width);\n /* Wrap at word boundaries; only a single word wider than the column may\n split as a last resort. break-word (not anywhere) keeps each column's\n min-content width at its longest word, so ordinary labels never split\n mid-word — the old break-all default did. Opt back in per consumer via\n --table-word-break / --table-overflow-wrap. */word-break:var(--table-word-break, normal);overflow-wrap:var(--table-overflow-wrap, break-word);}.scrollable-content.svelte-171ci2i {overflow-y:auto;height:var(--scrollable-column-height, 20px);}.table-header.svelte-171ci2i {background-color:var(--table-header-background, var(--table-header-border-bgcolor, #f9fafb));font-size:var(--table-header-font-size, 13px);font-family:var(--table-header-font-family);font-weight:var(--table-header-font-weight, 600);letter-spacing:var(--table-header-letter-spacing, 0.02em);text-transform:var(--table-header-text-transform);color:var(--table-header-color, var(--table-header-font-color, #6b7280));border-bottom:var(--table-header-border, var(--table-inner-border, none));}.table-header-content.svelte-171ci2i {display:flex;align-items:center;gap:4px;justify-content:var(--table-header-justify, flex-start);}.table-header-label.svelte-171ci2i {text-decoration:var(--table-header-tooltip-underline, underline dotted);text-underline-offset:2px;cursor:help;}.table-header-label-plain.svelte-171ci2i {text-decoration:none;}.table-header-filter.svelte-171ci2i {display:inline-flex;align-items:center;}.table-header-filter-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;align-items:center;opacity:var(--table-sort-idle-opacity, 0.5);}.table-header-filter-trigger.svelte-171ci2i:hover {opacity:var(--table-sort-idle-hover-opacity, 0.85);}.table-header-filter-active.svelte-171ci2i {opacity:1;color:var(--table-filter-active-color, #2563eb);}.table-header-filter-icon.svelte-171ci2i svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}.table-cell-clamp.svelte-171ci2i {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.table-header-sticky.svelte-171ci2i {position:sticky;top:var(--table-header-sticky-top, 0);z-index:1;}.table-content.svelte-171ci2i {background-color:var(--table-content-background, var(--table-content-border-bgcolor));font-size:var(--table-content-font-size, 14px);font-family:var(--table-content-font-family);color:var(--table-content-color, var(--table-content-font-color, #111827));}\n\n /* Column highlight (TableColumn.highlighted). Row hover keeps higher\n specificity and row selection is declared later at equal specificity, so\n both row states paint over the column wash. */.table-header.table-col-highlighted.svelte-171ci2i {background-color:var(\n --table-col-highlight-header-background,\n var(--table-col-highlight-background, #f3f9ff)\n );}.table-content.table-col-highlighted.svelte-171ci2i {background-color:var(--table-col-highlight-background, #f3f9ff);}.table-row.svelte-171ci2i {border-bottom:var(--table-row-border, 1px solid #f3f4f6);background-color:var(--table-row-background);}.table-row.svelte-171ci2i:last-child {border-bottom:var(--table-row-last-border, none);}.table-row.svelte-171ci2i:nth-child(even) {background-color:var(--table-row-alt-background, var(--table-row-background));}.table-row.svelte-171ci2i:hover {background-color:var(--table-row-hover-background);}.table-row.svelte-171ci2i:hover > .table-content:where(.svelte-171ci2i) {background-color:var(\n --table-row-hover-background,\n var(--table-content-background, var(--table-content-border-bgcolor))\n );}.table-row-clickable.svelte-171ci2i {cursor:pointer;}.table-row-clickable.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:-2px;}\n\n /* C2-1: Selected row highlight */.table-row-selected.svelte-171ci2i {background-color:var(--table-row-selected-background, #eff6ff);}.table-row-selected.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-row-selected-background, #eff6ff);}\n\n /* Summary/period-total row (summaryRowIndex): both the row and its cells,\n since a themed --table-content-background would otherwise paint over a\n row-level background. Falls back to the regular cell background. */.table-summary-row.svelte-171ci2i {background-color:var(--table-summary-row-background, var(--table-content-background));}.table-summary-row.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-summary-row-background, var(--table-content-background));}\n\n /* ── C2-1 Checkbox column ───────────────────────────────────────────────── */\n /* The column renders the library Checkbox. The table's own --table-checkbox-*\n tokens stay the public API and are bridged onto Checkbox's --checkbox-*\n variables here, so a consumer theming the table keeps working and a\n consumer theming Checkbox app-wide is overridden only inside the table. */.table-checkbox-col.svelte-171ci2i {width:var(--table-checkbox-col-width, 44px);padding:var(--table-checkbox-col-padding, 12px 12px);--checkbox-container-gap: 0;--checkbox-size: var(--table-checkbox-size, 18px);--checkbox-border: var(--table-checkbox-border, 2px solid #9ca3af);--checkbox-border-radius: var(--table-checkbox-border-radius, var(--radius, 4px));--checkbox-background: var(--table-checkbox-background, transparent);--checkbox-hover-border-color: var(--table-checkbox-hover-border-color, #6b7280);--checkbox-checked-background: var(--table-checkbox-checked-background, #2563eb);--checkbox-checked-border: var(\n --table-checkbox-checked-border,\n 2px solid var(--table-checkbox-checked-border-color, #2563eb)\n );--checkbox-indeterminate-background: var(--table-checkbox-indeterminate-background, #2563eb);--checkbox-indeterminate-border: var(\n --table-checkbox-indeterminate-border,\n 2px solid var(--table-checkbox-indeterminate-border-color, #2563eb)\n );--checkbox-disabled-opacity: var(--table-checkbox-disabled-opacity, 0.4);--checkbox-focus-ring: var(--table-checkbox-focus-ring, 0 0 0 3px rgba(59, 130, 246, 0.3));--checkbox-icon-size: var(--table-checkbox-icon-size, 12px);--checkbox-checkmark-color: var(--table-checkbox-icon-color, #ffffff);--checkbox-dash-color: var(--table-checkbox-icon-color, #ffffff);--checkbox-transition: 0.15s;}\n\n /* ── Sort button ────────────────────────────────────────────────────────── */.sort-button.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-width: fit-content;--button-height: fit-content;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));--button-hover-text-color: var(\n --table-sort-button-hover-color,\n var(--table-sort-button-color, inherit)\n );display:inline-flex;align-items:center;line-height:1;}.sort-button.svelte-171ci2i .sort-icon {display:inline-flex;align-items:center;}\n\n /* The sorted-direction half paints via currentColor; without an explicit\n color it inherits the Button's text color (white on the default button\n theme), which disappears on light headers. Default to the design\n system's active blue. */.sort-button.svelte-171ci2i .sort-icon:not(.sort-icon-idle) {color:var(--table-sort-active-color, #1b85ff);}.sort-button.svelte-171ci2i .sort-icon svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}\n\n /* Two-tone state painting. The shared sort-default.svg asset stays\n color-agnostic (fill=\"currentColor\", like every other icon asset); the\n state colors live here. All halves default to the inactive fill, then\n the sorted direction's half is released back to currentColor (the\n active color above). Path order in the asset is up-chevron first,\n down-chevron second. */.sort-button.svelte-171ci2i .sort-icon svg path {fill:var(--table-sort-inactive-color, #c7c7c7);}.sort-button.svelte-171ci2i .sort-icon-asc svg path:first-child,\n .sort-button.svelte-171ci2i .sort-icon-desc svg path:last-child {fill:currentColor;}\n\n /* The design system draws every sort state fully opaque — faintness comes\n from the glyph fills (inactive halves #C7C7C7, active direction\n currentColor), never from transparency. The opacity vars remain for\n consumers that prefer a fade but now default to solid; hover steps the\n inactive halves to the design system's hover gray. */.sort-button.svelte-171ci2i .sort-icon-idle {opacity:var(--table-sort-idle-opacity, 1);}.sort-button.svelte-171ci2i:hover .sort-icon-idle {opacity:var(--table-sort-idle-hover-opacity, 1);--table-sort-inactive-color: var(--table-sort-hover-color, #797979);}\n\n /* ── Empty ──────────────────────────────────────────────────────────────── */.table-empty.svelte-171ci2i {padding:var(--table-empty-padding, 32px 24px);text-align:center;color:var(--table-empty-color, #9ca3af);}\n\n /* ── Footer ─────────────────────────────────────────────────────────────── */.table-footer.svelte-171ci2i {border-top:var(--table-footer-border, 1px solid #e5e7eb);padding:var(--table-footer-padding, 8px 16px);background-color:var(--table-footer-background, transparent);}.table-paginator.svelte-171ci2i {display:flex;align-items:center;justify-content:space-between;gap:var(--table-paginator-gap, 12px);flex-wrap:wrap;}.table-paginator-range.svelte-171ci2i {font-size:var(--table-paginator-range-font-size, 13px);color:var(--table-paginator-range-color, #6b7280);font-variant-numeric:tabular-nums;}.table-paginator-controls.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-paginator-gap, 12px);}.table-paginator-size.svelte-171ci2i {display:inline-flex;min-width:var(--table-paginator-size-width, 72px);}\n\n /* ── Toolbar (bulk actions) ─────────────────────────────────────────────── */.table-toolbar.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-toolbar-gap, 12px);padding:var(--table-toolbar-padding, 8px 12px);border:var(--table-toolbar-border, 1px solid #e5e7eb);border-radius:var(--table-toolbar-border-radius, var(--radius, 4px));background-color:var(--table-toolbar-background, #f9fafb);margin-bottom:var(--table-toolbar-margin-bottom, 8px);}\n\n /* ── Row-number column ──────────────────────────────────────────────────── */.table-row-number-col.svelte-171ci2i {width:var(--table-row-number-col-width, 48px);color:var(--table-row-number-color, #6b7280);font-variant-numeric:tabular-nums;text-align:var(--table-row-number-align, var(--table-text-align, left));}\n\n /* ── Accessibility ──────────────────────────────────────────────────────── */.sr-only.svelte-171ci2i {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-width:0;}"
|
|
19377
19387
|
};
|
|
19378
19388
|
function Table(e, t) {
|
|
19379
19389
|
push(t, !0), append_styles$1(e, $$css$33);
|
|
19380
|
-
let n = prop(t, "tableTitle", 7, ""), i = prop(t, "tableHeaders", 23, () => []), a = prop(t, "tableData", 23, () => []), o = prop(t, "columns", 7), s = prop(t, "rows", 7), c = prop(t, "sortable", 7, !0), l = prop(t, "sortableColumns", 7), u = prop(t, "sortMode", 7, "client"), f = prop(t, "stickyHeader", 7, !1), p = prop(t, "isTableScrollable", 7, !1), h = prop(t, "isContentScrollable", 7, !1), S = prop(t, "testId", 7), C = prop(t, "caption", 7), k = prop(t, "sortAscIcon", 7), R = prop(t, "sortDescIcon", 7), te = prop(t, "sortDefaultIcon", 7), ne = prop(t, "cell", 7), re = prop(t, "empty", 7), G = prop(t, "onrowclick", 7), be = prop(t, "onsort", 7), Me = prop(t, "classes", 7), Re = prop(t, "paginatorSlot", 7), Ue = prop(t, "getRowTestId", 7), it = prop(t, "getCellTestId", 7), at = prop(t, "checkboxSelection", 7), ot = prop(t, "searchConfig", 7), ct = prop(t, "onsearchchange", 7), lt = prop(t, "pagination", 7), ut = prop(t, "toolbarSlot", 7), dt = prop(t, "rowNumberColumn", 7, !1), ft = prop(t, "rowNumberLabel", 7, "#"), pt = prop(t, "summaryRowIndex", 7, null), mt = prop(t, "headerTooltipIcon", 7), ht = prop(t, "headerTooltipPosition", 7), gt = prop(t, "usePortal", 7, !1), _t = /* @__PURE__ */ user_derived(() => o() ? normalizeColumns(o(), s() ?? []) : null),
|
|
19381
|
-
|
|
19382
|
-
},
|
|
19390
|
+
let n = prop(t, "tableTitle", 7, ""), i = prop(t, "tableHeaders", 23, () => []), a = prop(t, "tableData", 23, () => []), o = prop(t, "columns", 7), s = prop(t, "rows", 7), c = prop(t, "sortable", 7, !0), l = prop(t, "sortableColumns", 7), u = prop(t, "sortMode", 7, "client"), f = prop(t, "stickyHeader", 7, !1), p = prop(t, "isTableScrollable", 7, !1), h = prop(t, "isContentScrollable", 7, !1), S = prop(t, "testId", 7), C = prop(t, "caption", 7), k = prop(t, "sortAscIcon", 7), R = prop(t, "sortDescIcon", 7), te = prop(t, "sortDefaultIcon", 7), ne = prop(t, "cell", 7), re = prop(t, "empty", 7), G = prop(t, "onrowclick", 7), be = prop(t, "onsort", 7), Me = prop(t, "classes", 7), Re = prop(t, "paginatorSlot", 7), Ue = prop(t, "getRowTestId", 7), it = prop(t, "getCellTestId", 7), at = prop(t, "checkboxSelection", 7), ot = prop(t, "searchConfig", 7), ct = prop(t, "onsearchchange", 7), lt = prop(t, "pagination", 7), ut = prop(t, "toolbarSlot", 7), dt = prop(t, "rowNumberColumn", 7, !1), ft = prop(t, "rowNumberLabel", 7, "#"), pt = prop(t, "summaryRowIndex", 7, null), mt = prop(t, "headerTooltipIcon", 7), ht = prop(t, "headerTooltipPosition", 7), gt = prop(t, "usePortal", 7, !1), _t = prop(t, "labels", 7), vt = /* @__PURE__ */ user_derived(() => o() ? normalizeColumns(o(), s() ?? []) : null), yt = /* @__PURE__ */ user_derived(() => get(vt) ? get(vt).tableHeaders : i()), bt = /* @__PURE__ */ user_derived(() => get(vt) ? get(vt).tableData : a()), xt = /* @__PURE__ */ user_derived(() => new Map(get(bt).map((e, t) => [e, t]))), St = /* @__PURE__ */ user_derived(() => get(vt) ? get(vt).sortableColumns : l()), Ct = /* @__PURE__ */ user_derived(() => !get(vt) || !s() ? null : new Map(get(vt).tableData.map((e, t) => [e, s()[t]]))), wt = /* @__PURE__ */ state(null), Tt = /* @__PURE__ */ state("asc"), Et = (e) => c() ? get(St) ? get(St).includes(e) : !0 : !1, Dt = (e) => {
|
|
19391
|
+
Et(e) && (get(wt) === e ? set(Tt, get(Tt) === "asc" ? "desc" : "asc", !0) : (set(wt, e, !0), set(Tt, "asc")), be()?.(e, get(Tt)));
|
|
19392
|
+
}, Ot = (e, t, n) => {
|
|
19383
19393
|
G()?.(e, t, n);
|
|
19384
|
-
},
|
|
19394
|
+
}, kt = (e, t, n, i) => {
|
|
19385
19395
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), G()?.(t, n, i));
|
|
19386
|
-
},
|
|
19396
|
+
}, At = /* @__PURE__ */ user_derived(() => typeof G() == "function"), jt = /* @__PURE__ */ user_derived(() => f() || p()), Mt = /* @__PURE__ */ state(!1), Nt = /* @__PURE__ */ state(!1), Pt = (e) => {
|
|
19387
19397
|
let t = () => {
|
|
19388
|
-
set(
|
|
19398
|
+
set(Mt, e.scrollLeft > 2), set(Nt, e.scrollLeft + e.clientWidth < e.scrollWidth - 2);
|
|
19389
19399
|
};
|
|
19390
19400
|
t(), e.addEventListener("scroll", t, { passive: !0 });
|
|
19391
19401
|
let n = new ResizeObserver(t);
|
|
@@ -19394,26 +19404,26 @@ function Table(e, t) {
|
|
|
19394
19404
|
return i && n.observe(i), { destroy: () => {
|
|
19395
19405
|
e.removeEventListener("scroll", t), n.disconnect();
|
|
19396
19406
|
} };
|
|
19397
|
-
},
|
|
19398
|
-
set(
|
|
19399
|
-
}, Zt = () => {
|
|
19400
|
-
get(Rt) && qt(get(Rt).value);
|
|
19407
|
+
}, It = /* @__PURE__ */ state(""), Lt = /* @__PURE__ */ user_derived(() => !!ot()), Rt = /* @__PURE__ */ user_derived(() => typeof ct() == "function"), zt = /* @__PURE__ */ state(null), Bt = /* @__PURE__ */ state(null), Ht = /* @__PURE__ */ state(null), Gt = /* @__PURE__ */ user_derived(() => ot()?.displayMode === "inline"), qt = /* @__PURE__ */ state(!1), Zt = (e) => {
|
|
19408
|
+
set(It, e, !0), set(sn, 1), lt()?.onPageChange?.(1), get(Rt) && ct()?.(e);
|
|
19401
19409
|
}, Qt = () => {
|
|
19402
|
-
|
|
19403
|
-
qt(""), set(Gt, !1), e && en();
|
|
19410
|
+
get(zt) && Zt(get(zt).value);
|
|
19404
19411
|
}, $t = () => {
|
|
19405
|
-
|
|
19412
|
+
let e = get(qt);
|
|
19413
|
+
Zt(""), set(qt, !1), e && tn();
|
|
19406
19414
|
}, en = () => {
|
|
19407
|
-
queueMicrotask(() => get(Bt)?.
|
|
19415
|
+
set(qt, !0), queueMicrotask(() => get(Bt)?.focus());
|
|
19408
19416
|
}, tn = () => {
|
|
19409
|
-
|
|
19410
|
-
}, nn = (
|
|
19411
|
-
|
|
19412
|
-
}, rn =
|
|
19413
|
-
|
|
19414
|
-
|
|
19417
|
+
queueMicrotask(() => get(Ht)?.querySelector("button")?.focus());
|
|
19418
|
+
}, nn = () => {
|
|
19419
|
+
get(qt) && get(It).trim() === "" && $t();
|
|
19420
|
+
}, rn = (e) => {
|
|
19421
|
+
e.key === "Escape" && (e.stopPropagation(), $t());
|
|
19422
|
+
}, an = /* @__PURE__ */ user_derived(() => {
|
|
19423
|
+
if (get(wt) === null || u() === "server") return [...get(bt)];
|
|
19424
|
+
let e = get(wt), t = get(Tt), n = o()?.[e]?.getSortValue, i = get(Ct);
|
|
19415
19425
|
if (typeof n == "function" && i) {
|
|
19416
|
-
let e = {}, a = get(
|
|
19426
|
+
let e = {}, a = get(bt).map((t, a) => ({
|
|
19417
19427
|
row: t,
|
|
19418
19428
|
sortValue: n(i.get(t) ?? e, a)
|
|
19419
19429
|
}));
|
|
@@ -19422,7 +19432,7 @@ function Table(e, t) {
|
|
|
19422
19432
|
return o = typeof i == "number" && typeof a == "number" ? i - a : typeof i == "boolean" && typeof a == "boolean" ? i === a ? 0 : i ? -1 : 1 : String(i).localeCompare(String(a)), t === "asc" ? o : -o;
|
|
19423
19433
|
}), a.map((e) => e.row);
|
|
19424
19434
|
}
|
|
19425
|
-
return [...get(
|
|
19435
|
+
return [...get(bt)].sort((n, i) => {
|
|
19426
19436
|
let a = n[e], o = i[e];
|
|
19427
19437
|
if (typeof a == "number" && typeof o == "number") return t === "asc" ? a - o : o - a;
|
|
19428
19438
|
if (typeof a == "string" && typeof o == "string") {
|
|
@@ -19431,68 +19441,68 @@ function Table(e, t) {
|
|
|
19431
19441
|
} else if (typeof a == "boolean" && typeof o == "boolean") return t === "asc" ? a === o ? 0 : a ? -1 : 1 : a === o ? 0 : a ? 1 : -1;
|
|
19432
19442
|
return 0;
|
|
19433
19443
|
});
|
|
19434
|
-
}),
|
|
19435
|
-
if (!get(
|
|
19436
|
-
let e = get(
|
|
19437
|
-
return get(
|
|
19444
|
+
}), on = /* @__PURE__ */ user_derived(() => {
|
|
19445
|
+
if (!get(Lt) || get(Rt) || get(It).trim() === "") return get(an);
|
|
19446
|
+
let e = get(It).trim().toLowerCase(), t = ot()?.searchableColumnIndices;
|
|
19447
|
+
return get(an).filter((n) => (t || n.map((e, t) => t)).some((t) => {
|
|
19438
19448
|
let i = n[t];
|
|
19439
19449
|
return i !== null && String(i).toLowerCase().includes(e);
|
|
19440
19450
|
}));
|
|
19441
|
-
}),
|
|
19442
|
-
if (!lt() || get(
|
|
19443
|
-
let e = (get(
|
|
19444
|
-
return get(
|
|
19445
|
-
}),
|
|
19451
|
+
}), sn = /* @__PURE__ */ state(null), cn = /* @__PURE__ */ state(null), ln = /* @__PURE__ */ user_derived(() => lt()?.mode ?? "client"), un = /* @__PURE__ */ user_derived(() => get(cn) ?? lt()?.pageSize ?? 10), dn = /* @__PURE__ */ user_derived(() => lt() ? get(ln) === "server" ? lt().page ?? 1 : get(sn) ?? lt().page ?? 1 : 1), fn = /* @__PURE__ */ user_derived(() => lt() ? get(ln) === "server" ? lt().totalItems ?? 0 : get(on).length : 0), pn = /* @__PURE__ */ user_derived(() => Math.max(1, Math.ceil(get(fn) / Math.max(1, get(un))))), mn = /* @__PURE__ */ user_derived(() => {
|
|
19452
|
+
if (!lt() || get(ln) === "server") return get(on);
|
|
19453
|
+
let e = (get(dn) - 1) * get(un);
|
|
19454
|
+
return get(on).slice(e, e + get(un));
|
|
19455
|
+
}), hn = /* @__PURE__ */ user_derived(() => {
|
|
19446
19456
|
if (!lt()) return "";
|
|
19447
|
-
let e = get(
|
|
19457
|
+
let e = get(fn), t = e === 0 ? 0 : (get(dn) - 1) * get(un) + 1, n = Math.min(get(dn) * get(un), e);
|
|
19448
19458
|
return lt().rangeLabel ? lt().rangeLabel(t, n, e) : e > 0 ? `${t}-${n} of ${e}` : "";
|
|
19449
|
-
}),
|
|
19459
|
+
}), gn = /* @__PURE__ */ user_derived(() => lt()?.pageSizeOptions ?? [
|
|
19450
19460
|
10,
|
|
19451
19461
|
25,
|
|
19452
19462
|
50,
|
|
19453
19463
|
100
|
|
19454
|
-
]),
|
|
19455
|
-
set(
|
|
19456
|
-
},
|
|
19457
|
-
set(
|
|
19458
|
-
},
|
|
19459
|
-
let e = new Map(get(
|
|
19460
|
-
return get(
|
|
19464
|
+
]), _n = /* @__PURE__ */ user_derived(() => (lt()?.hideControls || lt()?.hidePageSizeSelector) ?? !1), vn = /* @__PURE__ */ user_derived(() => (lt()?.hideControls || lt()?.hideSteppers) ?? !1), yn = (e) => {
|
|
19465
|
+
set(sn, e, !0), lt()?.onPageChange?.(e);
|
|
19466
|
+
}, bn = (e) => {
|
|
19467
|
+
set(cn, e, !0), set(sn, 1), lt()?.onPageSizeChange?.(e);
|
|
19468
|
+
}, xn = (e) => lt() ? (get(dn) - 1) * get(un) + e + 1 : e + 1, Sn = /* @__PURE__ */ user_derived(() => lt() && (lt().mode ?? "client") === "client" ? (get(dn) - 1) * get(un) : 0), Cn = (e, t, n, i) => e.getRowId ? e.getRowId(t, n, i) : String(n), wn = new SvelteSet(), Tn = /* @__PURE__ */ user_derived(() => at()?.selectedIds ?? null), En = /* @__PURE__ */ user_derived(() => get(Tn) ?? wn), Dn = (e) => at()?.disabledRowIds?.has(e) ?? !1, On = (e) => get(En).has(e), kn = /* @__PURE__ */ user_derived(() => {
|
|
19469
|
+
let e = new Map(get(an).map((e, t) => [e, t]));
|
|
19470
|
+
return get(on).map((t, n) => {
|
|
19461
19471
|
let i = e.get(t) ?? -1, a = i === -1 ? n : i;
|
|
19462
|
-
return at() && at().enabled !== !1 ?
|
|
19472
|
+
return at() && at().enabled !== !1 ? Cn(at(), t, a, get(xt).get(t) ?? a) : String(a);
|
|
19463
19473
|
});
|
|
19464
|
-
}),
|
|
19465
|
-
let t = get(
|
|
19466
|
-
return t !== null && !
|
|
19467
|
-
})),
|
|
19468
|
-
if (!at() || at().enabled === !1 || get(
|
|
19469
|
-
let e = get(
|
|
19470
|
-
return e === 0 ? "none" : e === get(
|
|
19471
|
-
}),
|
|
19472
|
-
if (!(!at() || at().enabled === !1 ||
|
|
19473
|
-
if (get(
|
|
19474
|
-
let t = get(
|
|
19474
|
+
}), An = /* @__PURE__ */ user_derived(() => new Map(get(on).map((e, t) => [e, get(kn)[t]]))), jn = /* @__PURE__ */ user_derived(() => !at() || at().enabled === !1 ? [] : get(mn).flatMap((e) => {
|
|
19475
|
+
let t = get(An).get(e) ?? null;
|
|
19476
|
+
return t !== null && !Dn(t) ? [t] : [];
|
|
19477
|
+
})), Mn = /* @__PURE__ */ user_derived(() => {
|
|
19478
|
+
if (!at() || at().enabled === !1 || get(jn).length === 0) return "none";
|
|
19479
|
+
let e = get(jn).filter((e) => get(En).has(e)).length;
|
|
19480
|
+
return e === 0 ? "none" : e === get(jn).length ? "all" : "some";
|
|
19481
|
+
}), Nn = (e) => {
|
|
19482
|
+
if (!(!at() || at().enabled === !1 || Dn(e))) {
|
|
19483
|
+
if (get(Tn)) {
|
|
19484
|
+
let t = get(Tn).has(e), n = at().selectionMode === "single" ? new Set(t ? [] : [e]) : t ? new Set([...get(Tn)].filter((t) => t !== e)) : new Set([...get(Tn), e]);
|
|
19475
19485
|
at().onSelectionChange?.(n);
|
|
19476
19486
|
return;
|
|
19477
19487
|
}
|
|
19478
19488
|
if (at().selectionMode === "single") {
|
|
19479
|
-
let t =
|
|
19480
|
-
|
|
19481
|
-
} else
|
|
19482
|
-
at().onSelectionChange?.(new Set(
|
|
19489
|
+
let t = wn.has(e);
|
|
19490
|
+
wn.clear(), t || wn.add(e);
|
|
19491
|
+
} else wn.has(e) ? wn.delete(e) : wn.add(e);
|
|
19492
|
+
at().onSelectionChange?.(new Set(wn));
|
|
19483
19493
|
}
|
|
19484
|
-
},
|
|
19494
|
+
}, Pn = () => {
|
|
19485
19495
|
if (!(!at() || at().enabled === !1)) {
|
|
19486
|
-
if (get(
|
|
19487
|
-
let e = new Set(get(
|
|
19496
|
+
if (get(Tn)) {
|
|
19497
|
+
let e = new Set(get(jn)), t = get(Mn) === "all" ? new Set([...get(Tn)].filter((t) => !e.has(t))) : new Set([...get(Tn), ...get(jn)]);
|
|
19488
19498
|
at().onSelectionChange?.(t);
|
|
19489
19499
|
return;
|
|
19490
19500
|
}
|
|
19491
|
-
if (get(
|
|
19492
|
-
else for (let e of get(
|
|
19493
|
-
at().onSelectionChange?.(new Set(
|
|
19501
|
+
if (get(Mn) === "all") for (let e of get(jn)) wn.delete(e);
|
|
19502
|
+
else for (let e of get(jn)) wn.add(e);
|
|
19503
|
+
at().onSelectionChange?.(new Set(wn));
|
|
19494
19504
|
}
|
|
19495
|
-
},
|
|
19505
|
+
}, Fn = (e, t) => {
|
|
19496
19506
|
let n = t === -1 ? "select-all" : `row-checkbox-${e}`, i = t === -1 ? {} : { id: `row-checkbox-${e}` };
|
|
19497
19507
|
typeof S() == "string" && (i["data-pw"] = `${S()}-${n}`, i.testID = `${S()}-${n}`);
|
|
19498
19508
|
let a = at()?.getRowAttributes ? at().getRowAttributes(e, t) : {};
|
|
@@ -19500,8 +19510,8 @@ function Table(e, t) {
|
|
|
19500
19510
|
...i,
|
|
19501
19511
|
...a
|
|
19502
19512
|
};
|
|
19503
|
-
},
|
|
19504
|
-
var
|
|
19513
|
+
}, In = /* @__PURE__ */ user_derived(() => !!at() && at().enabled !== !1), Ln = /* @__PURE__ */ user_derived(() => at()?.selectionMode === "single");
|
|
19514
|
+
var Rn = {
|
|
19505
19515
|
get tableTitle() {
|
|
19506
19516
|
return n();
|
|
19507
19517
|
},
|
|
@@ -19711,40 +19721,46 @@ function Table(e, t) {
|
|
|
19711
19721
|
},
|
|
19712
19722
|
set usePortal(e = !1) {
|
|
19713
19723
|
gt(e), flushSync();
|
|
19724
|
+
},
|
|
19725
|
+
get labels() {
|
|
19726
|
+
return _t();
|
|
19727
|
+
},
|
|
19728
|
+
set labels(e) {
|
|
19729
|
+
_t(e), flushSync();
|
|
19714
19730
|
}
|
|
19715
|
-
},
|
|
19731
|
+
}, zn = root_30(), Bn = first_child(zn), Vn = (e) => {
|
|
19716
19732
|
var t = root$31(), i = child(t, !0);
|
|
19717
19733
|
reset(t), template_effect(() => set_text(i, n())), append(e, t);
|
|
19718
19734
|
};
|
|
19719
|
-
if_block(
|
|
19720
|
-
typeof n() == "string" && n().length > 0 && e(
|
|
19735
|
+
if_block(Bn, (e) => {
|
|
19736
|
+
typeof n() == "string" && n().length > 0 && e(Vn);
|
|
19721
19737
|
});
|
|
19722
|
-
var
|
|
19738
|
+
var Hn = sibling(Bn, 2), Un = (e) => {
|
|
19723
19739
|
var t = root_2$22(), n = child(t);
|
|
19724
19740
|
html(n, () => search_default, !0), reset(n);
|
|
19725
19741
|
var i = sibling(n, 2);
|
|
19726
|
-
remove_input_defaults(i), bind_this(i, (e) => set(
|
|
19742
|
+
remove_input_defaults(i), bind_this(i, (e) => set(zt, e), () => get(zt));
|
|
19727
19743
|
var a = sibling(i, 2), o = (e) => {
|
|
19728
19744
|
var t = root_1$28();
|
|
19729
|
-
html(t, () => close_default, !0), reset(t), delegated("click", t,
|
|
19745
|
+
html(t, () => close_default, !0), reset(t), template_effect(() => set_attribute(t, "aria-label", _t()?.clearSearch ?? "Clear search")), delegated("click", t, $t), append(e, t);
|
|
19730
19746
|
};
|
|
19731
19747
|
if_block(a, (e) => {
|
|
19732
|
-
get(
|
|
19748
|
+
get(It).length > 0 && e(o);
|
|
19733
19749
|
}), reset(t), template_effect(() => {
|
|
19734
|
-
set_attribute(i, "placeholder", ot()?.placeholder ?? "Search…"), set_value(i, get(
|
|
19735
|
-
}), delegated("input", i,
|
|
19750
|
+
set_attribute(i, "placeholder", ot()?.placeholder ?? "Search…"), set_value(i, get(It)), set_attribute(i, "data-pw", ot()?.testId ?? null), set_attribute(i, "testid", ot()?.testId ?? null), set_attribute(i, "aria-label", ot()?.placeholder ?? "Search");
|
|
19751
|
+
}), delegated("input", i, Qt), append(e, t);
|
|
19736
19752
|
};
|
|
19737
|
-
if_block(
|
|
19738
|
-
get(
|
|
19753
|
+
if_block(Hn, (e) => {
|
|
19754
|
+
get(Lt) && !get(Gt) && e(Un);
|
|
19739
19755
|
});
|
|
19740
|
-
var
|
|
19741
|
-
var t = root_3$
|
|
19742
|
-
snippet(child(t), ut, () => ({ selectedIds: new Set(get(
|
|
19756
|
+
var Wn = sibling(Hn, 2), Gn = (e) => {
|
|
19757
|
+
var t = root_3$20();
|
|
19758
|
+
snippet(child(t), ut, () => ({ selectedIds: new Set(get(En)) })), reset(t), append(e, t);
|
|
19743
19759
|
};
|
|
19744
|
-
if_block(
|
|
19745
|
-
typeof ut() == "function" && get(
|
|
19760
|
+
if_block(Wn, (e) => {
|
|
19761
|
+
typeof ut() == "function" && get(In) && get(En).size > 0 && e(Gn);
|
|
19746
19762
|
});
|
|
19747
|
-
var
|
|
19763
|
+
var Kn = sibling(Wn, 2), qn = (e) => {
|
|
19748
19764
|
var t = root_29(), n = child(t);
|
|
19749
19765
|
let i;
|
|
19750
19766
|
var a = child(n), s = child(a), c = child(s), l = (e) => {
|
|
@@ -19759,46 +19775,48 @@ function Table(e, t) {
|
|
|
19759
19775
|
let n;
|
|
19760
19776
|
var i = child(t);
|
|
19761
19777
|
{
|
|
19762
|
-
let e = /* @__PURE__ */ user_derived(() => get(
|
|
19778
|
+
let e = /* @__PURE__ */ user_derived(() => _t()?.selectAllRows ?? "Select all rows"), t = /* @__PURE__ */ user_derived(() => get(Mn) === "all"), n = /* @__PURE__ */ user_derived(() => get(Mn) === "some"), a = /* @__PURE__ */ user_derived(() => get(jn).map((e) => `row-checkbox-${e}`).join(" ")), o = /* @__PURE__ */ user_derived(() => Fn("__header__", -1));
|
|
19763
19779
|
Checkbox(i, {
|
|
19764
19780
|
text: "",
|
|
19765
|
-
ariaLabel
|
|
19781
|
+
get ariaLabel() {
|
|
19782
|
+
return get(e);
|
|
19783
|
+
},
|
|
19766
19784
|
controlled: !0,
|
|
19767
19785
|
get checked() {
|
|
19768
|
-
return get(
|
|
19786
|
+
return get(t);
|
|
19769
19787
|
},
|
|
19770
19788
|
get indeterminate() {
|
|
19771
|
-
return get(
|
|
19789
|
+
return get(n);
|
|
19772
19790
|
},
|
|
19773
19791
|
get ariaControls() {
|
|
19774
|
-
return get(
|
|
19792
|
+
return get(a);
|
|
19775
19793
|
},
|
|
19776
19794
|
get attributes() {
|
|
19777
|
-
return get(
|
|
19795
|
+
return get(o);
|
|
19778
19796
|
},
|
|
19779
|
-
onclick:
|
|
19797
|
+
onclick: Pn
|
|
19780
19798
|
});
|
|
19781
19799
|
}
|
|
19782
|
-
reset(t), template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(
|
|
19800
|
+
reset(t), template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(jt) })), append(e, t);
|
|
19783
19801
|
}, at = (e) => {
|
|
19784
19802
|
var t = root_6$14();
|
|
19785
19803
|
let n;
|
|
19786
|
-
template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(
|
|
19804
|
+
template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(jt) })), append(e, t);
|
|
19787
19805
|
};
|
|
19788
19806
|
if_block(G, (e) => {
|
|
19789
|
-
get(
|
|
19807
|
+
get(In) && !get(Ln) ? e(be) : get(In) && get(Ln) && e(at, 1);
|
|
19790
19808
|
});
|
|
19791
19809
|
var ct = sibling(G), ut = (e) => {
|
|
19792
19810
|
var t = root_7$13();
|
|
19793
19811
|
let n;
|
|
19794
19812
|
var i = child(t, !0);
|
|
19795
19813
|
reset(t), template_effect(() => {
|
|
19796
|
-
n = set_class(t, 1, "table-header table-row-number-col svelte-171ci2i", null, n, { "table-header-sticky": get(
|
|
19814
|
+
n = set_class(t, 1, "table-header table-row-number-col svelte-171ci2i", null, n, { "table-header-sticky": get(jt) }), set_text(i, ft());
|
|
19797
19815
|
}), append(e, t);
|
|
19798
19816
|
};
|
|
19799
19817
|
if_block(ct, (e) => {
|
|
19800
19818
|
dt() && e(ut);
|
|
19801
|
-
}), each(sibling(ct), 17, () => get(
|
|
19819
|
+
}), each(sibling(ct), 17, () => get(yt), index, (e, t, n) => {
|
|
19802
19820
|
let i = /* @__PURE__ */ user_derived(() => o()?.[n]);
|
|
19803
19821
|
var a = root_19$3();
|
|
19804
19822
|
let s, c;
|
|
@@ -19845,13 +19863,13 @@ function Table(e, t) {
|
|
|
19845
19863
|
let e = (e) => {
|
|
19846
19864
|
var t = root_9$9();
|
|
19847
19865
|
html(t, () => chevron_down_sm_default, !0), reset(t), append(e, t);
|
|
19848
|
-
}, n = /* @__PURE__ */ user_derived(() => get(i).testId && `${get(i).testId}-filter-trigger`);
|
|
19866
|
+
}, n = /* @__PURE__ */ user_derived(() => _t()?.filterBy?.(get(t)) ?? `Filter by ${get(t)}`), o = /* @__PURE__ */ user_derived(() => get(i).testId && `${get(i).testId}-filter-trigger`);
|
|
19849
19867
|
Button(c, spread_props(a, {
|
|
19850
19868
|
get ariaLabel() {
|
|
19851
|
-
return
|
|
19869
|
+
return get(n);
|
|
19852
19870
|
},
|
|
19853
19871
|
get testId() {
|
|
19854
|
-
return get(
|
|
19872
|
+
return get(o);
|
|
19855
19873
|
},
|
|
19856
19874
|
icon: e,
|
|
19857
19875
|
$$slots: { icon: !0 }
|
|
@@ -19885,49 +19903,53 @@ function Table(e, t) {
|
|
|
19885
19903
|
get(i)?.filter && e(C);
|
|
19886
19904
|
});
|
|
19887
19905
|
var ne = sibling(S, 2), re = (e) => {
|
|
19888
|
-
var i = root_15$5();
|
|
19889
|
-
|
|
19890
|
-
|
|
19891
|
-
|
|
19892
|
-
|
|
19893
|
-
|
|
19894
|
-
|
|
19895
|
-
|
|
19896
|
-
|
|
19897
|
-
|
|
19898
|
-
|
|
19899
|
-
|
|
19900
|
-
|
|
19901
|
-
|
|
19902
|
-
|
|
19903
|
-
|
|
19904
|
-
|
|
19905
|
-
|
|
19906
|
-
|
|
19907
|
-
|
|
19906
|
+
var i = root_15$5(), a = child(i);
|
|
19907
|
+
{
|
|
19908
|
+
let e = /* @__PURE__ */ user_derived(() => _t()?.sortBy?.(get(t)) ?? `Sort by ${get(t)}`);
|
|
19909
|
+
Button(a, {
|
|
19910
|
+
onclick: () => Dt(n),
|
|
19911
|
+
get ariaLabel() {
|
|
19912
|
+
return get(e);
|
|
19913
|
+
},
|
|
19914
|
+
children: (e, t) => {
|
|
19915
|
+
var i = comment(), a = first_child(i), o = (e) => {
|
|
19916
|
+
var t = comment(), n = first_child(t), i = (e) => {
|
|
19917
|
+
var t = comment();
|
|
19918
|
+
snippet(first_child(t), k), append(e, t);
|
|
19919
|
+
}, a = (e) => {
|
|
19920
|
+
var t = root_12$6();
|
|
19921
|
+
html(t, () => sort_default_default, !0), reset(t), append(e, t);
|
|
19922
|
+
};
|
|
19923
|
+
if_block(n, (e) => {
|
|
19924
|
+
typeof k() == "function" ? e(i) : e(a, -1);
|
|
19925
|
+
}), append(e, t);
|
|
19926
|
+
}, s = (e) => {
|
|
19927
|
+
var t = comment(), n = first_child(t), i = (e) => {
|
|
19928
|
+
var t = comment();
|
|
19929
|
+
snippet(first_child(t), R), append(e, t);
|
|
19930
|
+
}, a = (e) => {
|
|
19931
|
+
var t = root_13$5();
|
|
19932
|
+
html(t, () => sort_default_default, !0), reset(t), append(e, t);
|
|
19933
|
+
};
|
|
19934
|
+
if_block(n, (e) => {
|
|
19935
|
+
typeof R() == "function" ? e(i) : e(a, -1);
|
|
19936
|
+
}), append(e, t);
|
|
19937
|
+
}, c = (e) => {
|
|
19908
19938
|
var t = comment();
|
|
19909
|
-
snippet(first_child(t),
|
|
19910
|
-
},
|
|
19911
|
-
var t =
|
|
19939
|
+
snippet(first_child(t), te), append(e, t);
|
|
19940
|
+
}, l = (e) => {
|
|
19941
|
+
var t = root_14$5();
|
|
19912
19942
|
html(t, () => sort_default_default, !0), reset(t), append(e, t);
|
|
19913
19943
|
};
|
|
19914
|
-
if_block(
|
|
19915
|
-
typeof
|
|
19916
|
-
}), append(e,
|
|
19917
|
-
},
|
|
19918
|
-
|
|
19919
|
-
|
|
19920
|
-
|
|
19921
|
-
|
|
19922
|
-
|
|
19923
|
-
};
|
|
19924
|
-
if_block(a, (e) => {
|
|
19925
|
-
get(Ct) === n && get(wt) === "asc" ? e(o) : get(Ct) === n && get(wt) === "desc" ? e(s, 1) : typeof te() == "function" ? e(c, 2) : e(l, -1);
|
|
19926
|
-
}), append(e, i);
|
|
19927
|
-
},
|
|
19928
|
-
$$slots: { default: !0 }
|
|
19929
|
-
}), reset(i), append(e, i);
|
|
19930
|
-
}, G = /* @__PURE__ */ user_derived(() => Tt(n));
|
|
19944
|
+
if_block(a, (e) => {
|
|
19945
|
+
get(wt) === n && get(Tt) === "asc" ? e(o) : get(wt) === n && get(Tt) === "desc" ? e(s, 1) : typeof te() == "function" ? e(c, 2) : e(l, -1);
|
|
19946
|
+
}), append(e, i);
|
|
19947
|
+
},
|
|
19948
|
+
$$slots: { default: !0 }
|
|
19949
|
+
});
|
|
19950
|
+
}
|
|
19951
|
+
reset(i), append(e, i);
|
|
19952
|
+
}, G = /* @__PURE__ */ user_derived(() => Et(n));
|
|
19931
19953
|
if_block(ne, (e) => {
|
|
19932
19954
|
get(G) && e(re);
|
|
19933
19955
|
});
|
|
@@ -19938,7 +19960,7 @@ function Table(e, t) {
|
|
|
19938
19960
|
let e = /* @__PURE__ */ user_derived(() => ot()?.placeholder ?? "Search…"), t = /* @__PURE__ */ user_derived(() => ot()?.testId ?? ""), i = /* @__PURE__ */ user_derived(() => ot()?.placeholder ?? "Search");
|
|
19939
19961
|
bind_this(Input(n, {
|
|
19940
19962
|
get value() {
|
|
19941
|
-
return get(
|
|
19963
|
+
return get(It);
|
|
19942
19964
|
},
|
|
19943
19965
|
get placeholder() {
|
|
19944
19966
|
return get(e);
|
|
@@ -19950,24 +19972,30 @@ function Table(e, t) {
|
|
|
19950
19972
|
return get(i);
|
|
19951
19973
|
},
|
|
19952
19974
|
autoComplete: "off",
|
|
19953
|
-
oninput: (e) =>
|
|
19954
|
-
onblur:
|
|
19955
|
-
onkeydown:
|
|
19975
|
+
oninput: (e) => Zt(e),
|
|
19976
|
+
onblur: nn,
|
|
19977
|
+
onkeydown: rn,
|
|
19956
19978
|
classes: "table-inline-search-input"
|
|
19957
|
-
}), (e) => set(
|
|
19979
|
+
}), (e) => set(Bt, e, !0), () => get(Bt));
|
|
19958
19980
|
}
|
|
19959
|
-
var i = sibling(n, 2);
|
|
19960
|
-
|
|
19961
|
-
|
|
19962
|
-
iconOnly: !0,
|
|
19963
|
-
ariaLabel: "Close search",
|
|
19964
|
-
onclick: Qt,
|
|
19965
|
-
icon: (e) => {
|
|
19981
|
+
var i = sibling(n, 2), a = child(i);
|
|
19982
|
+
{
|
|
19983
|
+
let e = (e) => {
|
|
19966
19984
|
var t = comment();
|
|
19967
19985
|
html(first_child(t), () => close_default), append(e, t);
|
|
19968
|
-
},
|
|
19969
|
-
|
|
19970
|
-
|
|
19986
|
+
}, t = /* @__PURE__ */ user_derived(() => _t()?.closeSearch ?? "Close search");
|
|
19987
|
+
Button(a, {
|
|
19988
|
+
variant: "ghost",
|
|
19989
|
+
iconOnly: !0,
|
|
19990
|
+
get ariaLabel() {
|
|
19991
|
+
return get(t);
|
|
19992
|
+
},
|
|
19993
|
+
onclick: $t,
|
|
19994
|
+
icon: e,
|
|
19995
|
+
$$slots: { icon: !0 }
|
|
19996
|
+
});
|
|
19997
|
+
}
|
|
19998
|
+
reset(i), append(e, t);
|
|
19971
19999
|
}, a = (e) => {
|
|
19972
20000
|
var t = root_17$3(), n = child(t);
|
|
19973
20001
|
{
|
|
@@ -19984,22 +20012,22 @@ function Table(e, t) {
|
|
|
19984
20012
|
get testId() {
|
|
19985
20013
|
return get(i);
|
|
19986
20014
|
},
|
|
19987
|
-
onclick:
|
|
20015
|
+
onclick: en,
|
|
19988
20016
|
icon: e,
|
|
19989
20017
|
$$slots: { icon: !0 }
|
|
19990
20018
|
});
|
|
19991
20019
|
}
|
|
19992
|
-
reset(t), bind_this(t, (e) => set(
|
|
20020
|
+
reset(t), bind_this(t, (e) => set(Ht, e), () => get(Ht)), append(e, t);
|
|
19993
20021
|
};
|
|
19994
20022
|
if_block(n, (e) => {
|
|
19995
|
-
get(
|
|
20023
|
+
get(qt) ? e(i) : e(a, -1);
|
|
19996
20024
|
}), reset(t), append(e, t);
|
|
19997
20025
|
};
|
|
19998
20026
|
if_block(be, (e) => {
|
|
19999
|
-
get(
|
|
20027
|
+
get(Lt) && get(Gt) && n === get(yt).length - 1 && e(Me);
|
|
20000
20028
|
}), reset(l), reset(a), template_effect(() => {
|
|
20001
20029
|
s = set_class(a, 1, "table-header svelte-171ci2i", null, s, {
|
|
20002
|
-
"table-header-sticky": get(
|
|
20030
|
+
"table-header-sticky": get(jt),
|
|
20003
20031
|
"table-col-highlighted": get(i)?.highlighted === !0
|
|
20004
20032
|
}), set_attribute(a, "data-pw", get(i)?.testId ?? null), set_attribute(a, "testid", get(i)?.testId ?? null), c = set_style(a, "", c, {
|
|
20005
20033
|
"text-align": get(i)?.align ?? null,
|
|
@@ -20008,19 +20036,19 @@ function Table(e, t) {
|
|
|
20008
20036
|
}), u = set_style(l, "", u, { "justify-content": get(i)?.align === "right" ? "flex-end" : get(i)?.align === "center" ? "center" : null });
|
|
20009
20037
|
}), append(e, a);
|
|
20010
20038
|
}), reset(f), reset(u);
|
|
20011
|
-
var
|
|
20039
|
+
var vt = sibling(u), bt = child(vt), St = (e) => {
|
|
20012
20040
|
var t = root_20$2(), n = child(t);
|
|
20013
|
-
snippet(child(n), re), reset(n), reset(t), template_effect(() => set_attribute(n, "colspan", get(
|
|
20014
|
-
},
|
|
20041
|
+
snippet(child(n), re), reset(n), reset(t), template_effect(() => set_attribute(n, "colspan", get(yt).length + +!!get(In) + +!!dt())), append(e, t);
|
|
20042
|
+
}, Rt = (e) => {
|
|
20015
20043
|
var t = comment();
|
|
20016
|
-
each(first_child(t), 19, () => get(
|
|
20017
|
-
let i = /* @__PURE__ */ user_derived(() => get(n) + get(
|
|
20044
|
+
each(first_child(t), 19, () => get(mn), (e, t) => get(An).get(e) ?? t, (e, t, n) => {
|
|
20045
|
+
let i = /* @__PURE__ */ user_derived(() => get(n) + get(Sn)), a = /* @__PURE__ */ user_derived(() => get(xt).get(get(t)) ?? get(i)), s = /* @__PURE__ */ user_derived(() => get(An).get(get(t)) ?? String(get(i))), c = /* @__PURE__ */ user_derived(() => get(In) && Dn(get(s))), l = /* @__PURE__ */ user_derived(() => get(In) && On(get(s)));
|
|
20018
20046
|
var u = root_24$2();
|
|
20019
20047
|
let f;
|
|
20020
20048
|
var p = child(u), S = (e) => {
|
|
20021
20049
|
var t = root_21$2(), n = child(t);
|
|
20022
20050
|
{
|
|
20023
|
-
let e = /* @__PURE__ */ user_derived(() => `Select row ${get(s) || "non-selectable"}`), t = /* @__PURE__ */ user_derived(() =>
|
|
20051
|
+
let e = /* @__PURE__ */ user_derived(() => _t()?.selectRow?.(get(s)) ?? `Select row ${get(s) || "non-selectable"}`), t = /* @__PURE__ */ user_derived(() => Fn(get(s), get(i)));
|
|
20024
20052
|
Checkbox(n, {
|
|
20025
20053
|
text: "",
|
|
20026
20054
|
get ariaLabel() {
|
|
@@ -20036,22 +20064,22 @@ function Table(e, t) {
|
|
|
20036
20064
|
get attributes() {
|
|
20037
20065
|
return get(t);
|
|
20038
20066
|
},
|
|
20039
|
-
onclick: () =>
|
|
20067
|
+
onclick: () => Nn(get(s))
|
|
20040
20068
|
});
|
|
20041
20069
|
}
|
|
20042
20070
|
reset(t), delegated("click", t, (e) => e.stopPropagation()), delegated("keydown", t, (e) => e.stopPropagation()), append(e, t);
|
|
20043
20071
|
};
|
|
20044
20072
|
if_block(p, (e) => {
|
|
20045
|
-
get(
|
|
20073
|
+
get(In) && e(S);
|
|
20046
20074
|
});
|
|
20047
20075
|
var C = sibling(p), k = (e) => {
|
|
20048
20076
|
var t = root_22$2(), i = child(t, !0);
|
|
20049
|
-
reset(t), template_effect((e) => set_text(i, e), [() =>
|
|
20077
|
+
reset(t), template_effect((e) => set_text(i, e), [() => xn(get(n))]), append(e, t);
|
|
20050
20078
|
};
|
|
20051
20079
|
if_block(C, (e) => {
|
|
20052
20080
|
dt() && e(k);
|
|
20053
20081
|
}), each(sibling(C), 17, () => get(t), index, (e, n, s) => {
|
|
20054
|
-
let c = /* @__PURE__ */ user_derived(() => o()?.[s]), l = /* @__PURE__ */ user_derived(() => get(
|
|
20082
|
+
let c = /* @__PURE__ */ user_derived(() => o()?.[s]), l = /* @__PURE__ */ user_derived(() => get(Ct)?.get(get(t))), u = /* @__PURE__ */ user_derived(() => typeof get(n) == "string" || typeof get(n) == "number" || typeof get(n) == "boolean");
|
|
20055
20083
|
var f = root_23$2();
|
|
20056
20084
|
let p, S;
|
|
20057
20085
|
var C = child(f);
|
|
@@ -20099,34 +20127,34 @@ function Table(e, t) {
|
|
|
20099
20127
|
]), append(e, f);
|
|
20100
20128
|
}), reset(u), template_effect((e, t) => {
|
|
20101
20129
|
f = set_class(u, 1, "table-row svelte-171ci2i", null, f, {
|
|
20102
|
-
"table-row-clickable": get(
|
|
20130
|
+
"table-row-clickable": get(At),
|
|
20103
20131
|
"table-row-selected": get(l),
|
|
20104
20132
|
"table-summary-row": pt() !== null && get(a) === pt()
|
|
20105
|
-
}), set_attribute(u, "data-pw", e), set_attribute(u, "testid", t), set_attribute(u, "tabindex", get(
|
|
20133
|
+
}), set_attribute(u, "data-pw", e), set_attribute(u, "testid", t), set_attribute(u, "tabindex", get(At) ? 0 : null);
|
|
20106
20134
|
}, [() => typeof Ue() == "function" ? Ue()(get(t), get(i)) : null, () => typeof Ue() == "function" ? Ue()(get(t), get(i)) : null]), delegated("click", u, function(...e) {
|
|
20107
|
-
(get(
|
|
20135
|
+
(get(At) ? () => Ot(get(i), get(t), get(a)) : null)?.apply(this, e);
|
|
20108
20136
|
}), delegated("keydown", u, function(...e) {
|
|
20109
|
-
(get(
|
|
20137
|
+
(get(At) ? (e) => kt(e, get(i), get(t), get(a)) : null)?.apply(this, e);
|
|
20110
20138
|
}), append(e, u);
|
|
20111
20139
|
}), append(e, t);
|
|
20112
20140
|
};
|
|
20113
|
-
if_block(
|
|
20114
|
-
get(
|
|
20115
|
-
}), reset(
|
|
20116
|
-
var
|
|
20141
|
+
if_block(bt, (e) => {
|
|
20142
|
+
get(on).length === 0 && typeof re() == "function" ? e(St) : e(Rt, -1);
|
|
20143
|
+
}), reset(vt), reset(s), reset(a), action(a, (e) => Pt?.(e)), reset(n);
|
|
20144
|
+
var zt = sibling(n, 2), Qt = (e) => {
|
|
20117
20145
|
var t = root_25$1();
|
|
20118
20146
|
snippet(child(t), Re), reset(t), append(e, t);
|
|
20119
|
-
},
|
|
20147
|
+
}, tn = (e) => {
|
|
20120
20148
|
var t = root_28(), n = child(t), i = child(n, !0);
|
|
20121
20149
|
reset(n);
|
|
20122
20150
|
var a = sibling(n, 2), o = (e) => {
|
|
20123
20151
|
var t = root_27(), n = child(t), i = (e) => {
|
|
20124
20152
|
var t = root_26$1(), n = child(t);
|
|
20125
20153
|
{
|
|
20126
|
-
let e = /* @__PURE__ */ user_derived(() => get(
|
|
20154
|
+
let e = /* @__PURE__ */ user_derived(() => get(gn).map((e) => ({
|
|
20127
20155
|
id: String(e),
|
|
20128
20156
|
label: String(e)
|
|
20129
|
-
}))), t = /* @__PURE__ */ user_derived(() => [String(get(
|
|
20157
|
+
}))), t = /* @__PURE__ */ user_derived(() => [String(get(un))]), i = /* @__PURE__ */ user_derived(() => lt().isLoading ?? !1), a = /* @__PURE__ */ user_derived(() => lt().testId && `${lt().testId}-page-size`);
|
|
20130
20158
|
Select(n, {
|
|
20131
20159
|
get items() {
|
|
20132
20160
|
return get(e);
|
|
@@ -20142,24 +20170,24 @@ function Table(e, t) {
|
|
|
20142
20170
|
return get(a);
|
|
20143
20171
|
},
|
|
20144
20172
|
onchange: (e) => {
|
|
20145
|
-
e.length > 0 &&
|
|
20173
|
+
e.length > 0 && bn(Number(e[0]));
|
|
20146
20174
|
}
|
|
20147
20175
|
});
|
|
20148
20176
|
}
|
|
20149
20177
|
reset(t), append(e, t);
|
|
20150
20178
|
};
|
|
20151
20179
|
if_block(n, (e) => {
|
|
20152
|
-
!get(
|
|
20180
|
+
!get(_n) && get(gn).length > 0 && e(i);
|
|
20153
20181
|
});
|
|
20154
20182
|
var a = sibling(n, 2), o = (e) => {
|
|
20155
20183
|
{
|
|
20156
20184
|
let t = /* @__PURE__ */ user_derived(() => lt().hasMore ?? !1), n = /* @__PURE__ */ user_derived(() => lt().isLoading ?? !1), i = /* @__PURE__ */ user_derived(() => lt().testId && `${lt().testId}-pages`);
|
|
20157
20185
|
Pagination(e, {
|
|
20158
20186
|
get totalPages() {
|
|
20159
|
-
return get(
|
|
20187
|
+
return get(pn);
|
|
20160
20188
|
},
|
|
20161
20189
|
get currentPage() {
|
|
20162
|
-
return get(
|
|
20190
|
+
return get(dn);
|
|
20163
20191
|
},
|
|
20164
20192
|
get hasMore() {
|
|
20165
20193
|
return get(t);
|
|
@@ -20176,7 +20204,7 @@ function Table(e, t) {
|
|
|
20176
20204
|
get nextButtonTestId() {
|
|
20177
20205
|
return lt().nextButtonTestId;
|
|
20178
20206
|
},
|
|
20179
|
-
onchange:
|
|
20207
|
+
onchange: yn,
|
|
20180
20208
|
get onloadmore() {
|
|
20181
20209
|
return lt().onLoadMore;
|
|
20182
20210
|
}
|
|
@@ -20184,27 +20212,27 @@ function Table(e, t) {
|
|
|
20184
20212
|
}
|
|
20185
20213
|
};
|
|
20186
20214
|
if_block(a, (e) => {
|
|
20187
|
-
get(
|
|
20215
|
+
get(vn) || e(o);
|
|
20188
20216
|
}), reset(t), append(e, t);
|
|
20189
20217
|
};
|
|
20190
20218
|
if_block(a, (e) => {
|
|
20191
|
-
(!get(
|
|
20219
|
+
(!get(_n) || !get(vn)) && e(o);
|
|
20192
20220
|
}), reset(t), template_effect(() => {
|
|
20193
|
-
set_attribute(t, "data-pw", lt().testId ?? null), set_attribute(t, "testid", lt().testId ?? null), set_attribute(n, "data-pw", lt().rangeTestId ?? (typeof S() == "string" ? `${S()}-paginator-range` : lt()?.testId ? `${lt().testId}-range` : null)), set_attribute(n, "testid", lt().rangeTestId ?? (typeof S() == "string" ? `${S()}-paginator-range` : lt()?.testId ? `${lt().testId}-range` : null)), set_text(i, get(
|
|
20221
|
+
set_attribute(t, "data-pw", lt().testId ?? null), set_attribute(t, "testid", lt().testId ?? null), set_attribute(n, "data-pw", lt().rangeTestId ?? (typeof S() == "string" ? `${S()}-paginator-range` : lt()?.testId ? `${lt().testId}-range` : null)), set_attribute(n, "testid", lt().rangeTestId ?? (typeof S() == "string" ? `${S()}-paginator-range` : lt()?.testId ? `${lt().testId}-range` : null)), set_text(i, get(hn));
|
|
20194
20222
|
}), append(e, t);
|
|
20195
20223
|
};
|
|
20196
|
-
if_block(
|
|
20197
|
-
typeof Re() == "function" ? e(
|
|
20224
|
+
if_block(zt, (e) => {
|
|
20225
|
+
typeof Re() == "function" ? e(Qt) : lt() && (get(pn) > 1 || lt().hasMore || lt().showFooterOnSinglePage || get(_n) && get(vn)) && e(tn, 1);
|
|
20198
20226
|
}), reset(t), template_effect(() => {
|
|
20199
20227
|
set_class(t, 1, `table-container ${p() ? "scrollable-table" : ""} ${Me() ?? "" ?? ""}`, "svelte-171ci2i"), set_attribute(t, "data-pw", S()), set_attribute(t, "testid", S()), i = set_class(n, 1, "table-scroll-shell svelte-171ci2i", null, i, {
|
|
20200
|
-
"scrollable-left": get(
|
|
20201
|
-
"scrollable-right": get(
|
|
20228
|
+
"scrollable-left": get(Mt),
|
|
20229
|
+
"scrollable-right": get(Nt)
|
|
20202
20230
|
});
|
|
20203
20231
|
}), append(e, t);
|
|
20204
20232
|
};
|
|
20205
|
-
return if_block(
|
|
20206
|
-
(get(
|
|
20207
|
-
}), append(e,
|
|
20233
|
+
return if_block(Kn, (e) => {
|
|
20234
|
+
(get(yt).length !== 0 || get(bt).length !== 0) && e(qn);
|
|
20235
|
+
}), append(e, zn), pop(Rn);
|
|
20208
20236
|
}
|
|
20209
20237
|
delegate([
|
|
20210
20238
|
"input",
|
|
@@ -20245,7 +20273,8 @@ delegate([
|
|
|
20245
20273
|
summaryRowIndex: {},
|
|
20246
20274
|
headerTooltipIcon: {},
|
|
20247
20275
|
headerTooltipPosition: {},
|
|
20248
|
-
usePortal: {}
|
|
20276
|
+
usePortal: {},
|
|
20277
|
+
labels: {}
|
|
20249
20278
|
}, [], [], { mode: "open" });
|
|
20250
20279
|
//#endregion
|
|
20251
20280
|
//#region src/wc/components/Table.wc.svelte
|
|
@@ -20364,7 +20393,8 @@ customElements.define("sui-table", create_custom_element(Table_wc, {
|
|
|
20364
20393
|
},
|
|
20365
20394
|
onrowclick: { type: "Object" },
|
|
20366
20395
|
onsort: { type: "Object" },
|
|
20367
|
-
onsearchchange: { type: "Object" }
|
|
20396
|
+
onsearchchange: { type: "Object" },
|
|
20397
|
+
labels: { type: "Object" }
|
|
20368
20398
|
}, [
|
|
20369
20399
|
"empty",
|
|
20370
20400
|
"sort-asc-icon",
|
|
@@ -20375,7 +20405,7 @@ customElements.define("sui-table", create_custom_element(Table_wc, {
|
|
|
20375
20405
|
], [], { mode: "open" }));
|
|
20376
20406
|
//#endregion
|
|
20377
20407
|
//#region src/lib/Toast/Toast.svelte
|
|
20378
|
-
var root$30 = /* @__PURE__ */ from_html("<div class=\"toast-icon-wrapper svelte-37crwe\"><!></div>"), root_1$27 = /* @__PURE__ */ from_html("<div class=\"toast-subtext svelte-37crwe\"> </div>"), root_2$21 = /* @__PURE__ */ from_html("<div class=\"close-button svelte-37crwe\" tabindex=\"0\" role=\"button\"><!></div>"), root_3$
|
|
20408
|
+
var root$30 = /* @__PURE__ */ from_html("<div class=\"toast-icon-wrapper svelte-37crwe\"><!></div>"), root_1$27 = /* @__PURE__ */ from_html("<div class=\"toast-subtext svelte-37crwe\"> </div>"), root_2$21 = /* @__PURE__ */ from_html("<div class=\"close-button svelte-37crwe\" tabindex=\"0\" role=\"button\"><!></div>"), root_3$19 = /* @__PURE__ */ from_html("<div role=\"alert\" aria-live=\"assertive\"><!> <div class=\"toast-message svelte-37crwe\"> <!> <!></div> <!></div>"), $$css$32 = {
|
|
20379
20409
|
hash: "svelte-37crwe",
|
|
20380
20410
|
code: ".toast.svelte-37crwe {padding:var(--toast-padding, 10px);font-size:var(--toast-font-size, 14px);font-family:var(--toast-font-family, inherit);font-weight:var(--toast-font-weight);height:var(--toast-height, fit-content);border-radius:var(--toast-border-radius, var(--radius, 4px));border:var(--toast-border, none);border-style:var(--toast-border-style);width:var(--toast-width, fit-content);align-items:var(--toast-align-items, center);margin:var(--toast-margin, 0px 10px 10px 10px);justify-content:var(--toast-justify-content, space-between);z-index:var(--toast-z-index, 1000);display:var(--toast-display, flex);position:var(--toast-position, absolute);top:var(--toast-top, 10px);left:var(--toast-left, 0);right:var(--toast-right, 0);bottom:var(--toast-bottom, auto);background-color:var(--toast-background-color, #87ceeb);opacity:var(--toast-opacity, 1);box-sizing:var(--toast-box-sizing);\n\n /* A toast is a transient status overlay, not a click target: it floats\n above page content (often over drawer/footer CTAs) and used to swallow\n clicks meant for the controls beneath it for its whole duration.\n Click-through by default; the close button re-enables its own hit\n area below, and consumers with actionable bottomContent can opt the\n whole toast back in via --toast-pointer-events: auto. */pointer-events:var(--toast-pointer-events, none);}.no-page-overlap.svelte-37crwe {position:var(--toast-position, relative);}.toast-icon-wrapper.svelte-37crwe {display:flex;width:var(--toast-icon-wrapper-width, 20px);height:var(--toast-icon-wrapper-height, 20px);margin:var(--toast-icon-margin, 0px 6px 0px 0px);padding:var(--toast-icon-wrapper-padding, 1px);align-items:center;--image-height: var(--toast-icon-height, 100%);--image-width: fit-content;--image-filter: var(--toast-icon-filter, none);--image-border-radius: var(--toast-icon-border-radius, 50%);}.toast-message.svelte-37crwe {display:var(--toast-message-display, flex);flex:var(--toast-message-flex, 1);padding:var(--toast-message-padding, 1px);flex-direction:column;}.toast-subtext.svelte-37crwe {color:var(--toast-subtext-color, #c7c7c7);font-size:var(--toast-subtext-font-size, 10px);font-weight:var(--toast-subtext-font-weight, 400);margin:var(--toast-subtext-margin, 10px 0px 0px 0px);}.close-button.svelte-37crwe {pointer-events:auto;width:var(--toast-close-button-width, 20px);height:var(--toast-close-button-height, 20px);cursor:var(--toast-close-button-cursor, pointer);gap:var(--toast-close-button-gap, 6px);margin:var(--toast-close-button-margin, 0px 0px 0px 10px);display:var(--toast-close-button-display, flex);align-items:var(--toast-close-button-align-items, center);justify-content:var(--toast-close-button-justify-content, center);padding:var(--toast-close-button-padding, 1px);--image-height: var(--toast-icon-height, 100%);--image-width: fit-content;--image-filter: var(--toast-icon-filter, none);--image-border-radius: var(--toast-icon-border-radius, 50%);}.success.svelte-37crwe {color:var(--toast-success-text, #fff);background-color:var(--toast-success-background-color, var(--toast-background-color, #24aa5a));--toast-border: var(--toast-success-border);}.info.svelte-37crwe {color:var(--toast-info-text, #fff);background-color:var(--toast-info-background-color, var(--toast-background-color, #87ceeb));--toast-border: var(--toast-info-border);}.warn.svelte-37crwe {color:var(--toast-warn-text, #fff);background-color:var(--toast-warn-background-color, var(--toast-background-color, #f3a42d));--toast-border: var(--toast-warn-border);}.error.svelte-37crwe {color:var(--toast-error-text, #fff);background-color:var(--toast-error-background-color, var(--toast-background-color, #f04438));--toast-border: var(--toast-error-border);}"
|
|
20381
20411
|
};
|
|
@@ -20546,7 +20576,7 @@ function Toast(e, t) {
|
|
|
20546
20576
|
G(e), flushSync();
|
|
20547
20577
|
}
|
|
20548
20578
|
}, ct = comment(), lt = first_child(ct), ut = (e) => {
|
|
20549
|
-
var t = root_3$
|
|
20579
|
+
var t = root_3$19();
|
|
20550
20580
|
let n;
|
|
20551
20581
|
var c = child(t), l = (e) => {
|
|
20552
20582
|
var t = root$30();
|
|
@@ -20716,7 +20746,7 @@ customElements.define("sui-toast", create_custom_element(Toast_wc, {
|
|
|
20716
20746
|
}, ["bottom-content"], [], { mode: "open" }));
|
|
20717
20747
|
//#endregion
|
|
20718
20748
|
//#region src/lib/Toolbar/Toolbar.svelte
|
|
20719
|
-
var root$29 = /* @__PURE__ */ from_html("<img alt=\"\" class=\"svelte-1vhiw52\"/>"), root_1$26 = /* @__PURE__ */ from_svg("<svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" class=\"svelte-1vhiw52\"><path d=\"M10 3 5 8l5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>"), root_2$20 = /* @__PURE__ */ from_html("<div class=\"center-content svelte-1vhiw52\"><!></div>"), root_3$
|
|
20749
|
+
var root$29 = /* @__PURE__ */ from_html("<img alt=\"\" class=\"svelte-1vhiw52\"/>"), root_1$26 = /* @__PURE__ */ from_svg("<svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" class=\"svelte-1vhiw52\"><path d=\"M10 3 5 8l5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>"), root_2$20 = /* @__PURE__ */ from_html("<div class=\"center-content svelte-1vhiw52\"><!></div>"), root_3$18 = /* @__PURE__ */ from_html("<div class=\"text svelte-1vhiw52\"> </div>"), root_4$15 = /* @__PURE__ */ from_html("<div class=\"right-content svelte-1vhiw52\"><!></div>"), root_5$14 = /* @__PURE__ */ from_html("<div><div class=\"content svelte-1vhiw52\"><!> <!> <!></div> <div><!></div></div>"), $$css$31 = {
|
|
20720
20750
|
hash: "svelte-1vhiw52",
|
|
20721
20751
|
code: ".toolbar.svelte-1vhiw52 {display:flex;flex-direction:column;padding:var(--toolbar-padding, 0px);height:var(--toolbar-height, fit-content);width:var(--toolbar-width, 100vw);position:var(--toolbar-position, fixed);top:var(--toolbar-top, 0);left:var(--toolbar-left, 0);right:var(--toolbar-right, 0);background:var(--toolbar-background, #ffffff);box-shadow:var(--toolbar-box-shadow, 0px 2px 12px #55687c1a);z-index:var(--toolbar-z-index, 10);border-radius:var(--toolbar-border-radius, 0px);}.content.svelte-1vhiw52 {display:flex;flex-direction:row;align-items:var(--toolbar-content-align-items, center);padding:var(--toolbar-content-padding, 0px);justify-content:var(--toolbar-justify-content, normal);visibility:var(--toolbar-content-visibility, visible);\n\n /* Content-row geometry: lets a fixed-height toolbar keep its row vertically\n centered (height 100%) and clamp/center the row on wide viewports —\n previously only reachable by piercing the component's internal DOM. All\n defaults reproduce the previous rendering exactly. */width:var(--toolbar-content-width, auto);height:var(--toolbar-content-height, auto);min-height:var(--toolbar-content-min-height, auto);max-width:var(--toolbar-content-max-width, none);margin:var(--toolbar-content-margin, 0);\n\n /* Row wrapping and gaps. An in-flow page header lets its action side drop to its own\n line on a narrow viewport; the fixed bar never wraps, which is the default. */flex-wrap:var(--toolbar-content-flex-wrap, nowrap);row-gap:var(--toolbar-content-row-gap, 0);column-gap:var(--toolbar-content-column-gap, 0);}.additional-content.svelte-1vhiw52 {display:flex;flex-direction:row;align-items:center;padding:var(--toolbar-additional-content-padding, 0px);height:var(--toolbar-additional-content-height, fit-content);justify-content:var(--toolbar-justify-additional-content, normal);visibility:var(--toolbar-additional-content-visibility, visible);}.hidden.svelte-1vhiw52 {display:none;}.back.svelte-1vhiw52 {\n /* A native button so Enter/Space and the accessible name come for free; the reset keeps\n the box identical to the div it replaces. */appearance:none;background:none;border:0;margin:0;box-sizing:content-box;color:var(--toolbar-back-icon-color, inherit);height:var(--toolbar-back-button-height, 20px);width:var(--toolbar-back-button-width, 20px);padding:var(--toolbar-back-button-padding, 20px 14px);cursor:var(--toolbar-back-button-cursor, pointer);display:flex;justify-content:center;align-items:center;}.back.svelte-1vhiw52:focus-visible {outline:var(--toolbar-back-button-focus-outline, 2px solid currentColor);outline-offset:var(--toolbar-back-button-focus-outline-offset, -2px);}.back.svelte-1vhiw52 img:where(.svelte-1vhiw52),\n .back.svelte-1vhiw52 svg:where(.svelte-1vhiw52) {height:var(--toolbar-back-image-height, 16px);width:var(--toolbar-back-image-width, 16px);flex:none;}.center-content.svelte-1vhiw52 {display:flex;\n /* `1 1 auto` rather than the default `1` (`1 1 0%`) lets a title region grow from its\n CONTENT width, so a row deficit is shared with the action side instead of collapsing\n the title to nothing. `min-width: 0` is what actually permits the shrink. */flex:var(--toolbar-center-flex, 1);min-width:var(--toolbar-center-min-width, auto);}\n\n /* The action region as a flex ITEM of the row. Its inner layout stays the consumer's —\n the snippet's own markup — so there is no gap/justify/align token here. Every default\n below is the property's initial value, i.e. what a bare div already rendered. */.right-content.svelte-1vhiw52 {display:var(--toolbar-right-display, block);flex-shrink:var(--toolbar-right-flex-shrink, 1);min-width:var(--toolbar-right-min-width, auto);max-width:var(--toolbar-right-max-width, none);width:var(--toolbar-right-width, auto);}.text.svelte-1vhiw52 {font-size:var(--toolbar-text-font-size, 18px);font-weight:var(--toolbar-text-font-weight, normal);padding:var(--toolbar-text-padding, 0px);margin:var(--toolbar-text-margin, 0px);color:var(--toolbar-text-color);flex:var(--toolbar-text-flex, 1);}"
|
|
20722
20752
|
};
|
|
@@ -20843,7 +20873,7 @@ function Toolbar(e, t) {
|
|
|
20843
20873
|
var t = root_2$20();
|
|
20844
20874
|
snippet(child(t), l), reset(t), append(e, t);
|
|
20845
20875
|
}, ct = (e) => {
|
|
20846
|
-
var t = root_3$
|
|
20876
|
+
var t = root_3$18(), n = child(t, !0);
|
|
20847
20877
|
reset(t), template_effect(() => {
|
|
20848
20878
|
set_attribute(t, "data-pw", k()), set_attribute(t, "testid", k()), set_text(n, i());
|
|
20849
20879
|
}), append(e, t);
|
|
@@ -21076,7 +21106,7 @@ var TIME_DISPLAY_PATTERN = /^(1[0-2]|0?[1-9]):([0-5][0-9])\s?(AM|PM)$/i, pad = (
|
|
|
21076
21106
|
}
|
|
21077
21107
|
let a = NUMERIC_SLASH_DATE_PATTERN.exec(t);
|
|
21078
21108
|
return a === null ? null : buildDateFromParts(Number(a[3]), Number(a[1]) - 1, Number(a[2]));
|
|
21079
|
-
}, root$28 = /* @__PURE__ */ from_html("<span class=\"drp-trigger-label svelte-gpybdi\"> </span> <span class=\"drp-trigger-icon svelte-gpybdi\" aria-hidden=\"true\"><!></span>", 1), root_1$25 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel-body svelte-gpybdi\"><!></div>"), root_2$19 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel svelte-gpybdi\" role=\"dialog\" aria-label=\"Compare period picker\" aria-modal=\"true\" tabindex=\"-1\"><!> <div class=\"drp-footer svelte-gpybdi\"><!> <!></div></div>"), root_3$
|
|
21109
|
+
}, root$28 = /* @__PURE__ */ from_html("<span class=\"drp-trigger-label svelte-gpybdi\"> </span> <span class=\"drp-trigger-icon svelte-gpybdi\" aria-hidden=\"true\"><!></span>", 1), root_1$25 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel-body svelte-gpybdi\"><!></div>"), root_2$19 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel svelte-gpybdi\" role=\"dialog\" aria-label=\"Compare period picker\" aria-modal=\"true\" tabindex=\"-1\"><!> <div class=\"drp-footer svelte-gpybdi\"><!> <!></div></div>"), root_3$17 = /* @__PURE__ */ from_html("<div class=\"drp-compare-trigger-wrapper svelte-gpybdi\"><!> <!></div>"), root_4$14 = /* @__PURE__ */ from_html("<span class=\"drp-preset-group-label svelte-gpybdi\"> </span>"), root_5$13 = /* @__PURE__ */ from_html("<div class=\"drp-preset-divider svelte-gpybdi\" role=\"separator\" aria-hidden=\"true\"><!></div>"), root_6$13 = /* @__PURE__ */ from_html("<span class=\"drp-preset-check svelte-gpybdi\" aria-hidden=\"true\"></span>"), root_7$12 = /* @__PURE__ */ from_html("<!> <button type=\"button\" role=\"option\"> <!></button>", 1), root_8$11 = /* @__PURE__ */ from_html("<div class=\"drp-sidebar svelte-gpybdi\" role=\"listbox\" aria-label=\"Date presets\"></div>"), root_9$8 = /* @__PURE__ */ from_html("<div class=\"drp-date-time-group svelte-gpybdi\"><div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"Start date\" aria-label=\"Start date\"/></div> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"12:00 AM\" aria-label=\"Start time\"/></div></div> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div class=\"drp-date-time-group svelte-gpybdi\"><div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"End date\" aria-label=\"End date\"/></div> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"11:59 PM\" aria-label=\"End time\"/></div></div>", 1), root_10$7 = /* @__PURE__ */ from_html("<button type=\"button\" aria-label=\"Toggle time selection\"><span class=\"drp-time-toggle-icon svelte-gpybdi\" aria-hidden=\"true\"></span></button>"), root_11$6 = /* @__PURE__ */ from_html("<div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"Start date\" aria-label=\"Start date\"/></div> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"End date\" aria-label=\"End date\"/></div> <!>", 1), root_12$5 = /* @__PURE__ */ from_html("<div class=\"drp-time-input-row svelte-gpybdi\"><div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"12:00 AM\" aria-label=\"Start time\"/></div> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"11:59 PM\" aria-label=\"End time\"/></div></div>"), root_13$4 = /* @__PURE__ */ from_html("<div><div class=\"drp-date-input-row svelte-gpybdi\"><!></div> <!></div>"), root_14$4 = /* @__PURE__ */ from_html("<!> <!>", 1), root_15$4 = /* @__PURE__ */ from_html("<div class=\"drp-dual-header svelte-gpybdi\"><button type=\"button\" class=\"drp-nav-btn svelte-gpybdi\" aria-label=\"Previous months\"><span class=\"drp-nav-chevron drp-nav-chevron-left svelte-gpybdi\" aria-hidden=\"true\"></span></button> <div class=\"drp-dual-month-labels svelte-gpybdi\"><span class=\"drp-month-label svelte-gpybdi\"> </span> <span class=\"drp-month-label svelte-gpybdi\"> </span></div> <button type=\"button\" class=\"drp-nav-btn svelte-gpybdi\" aria-label=\"Next months\"><span class=\"drp-nav-chevron drp-nav-chevron-right svelte-gpybdi\" aria-hidden=\"true\"></span></button></div> <div class=\"drp-months-row svelte-gpybdi\"><!></div>", 1), root_16$3 = /* @__PURE__ */ from_html("<div class=\"drp-time-row svelte-gpybdi\"><!></div>"), root_17$2 = /* @__PURE__ */ from_html("<div class=\"drp-compare-section svelte-gpybdi\"><!></div>"), root_18$2 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-label=\"Date range picker\" aria-modal=\"true\"><div class=\"drp-panel-inner svelte-gpybdi\"><!> <div class=\"drp-calendars svelte-gpybdi\"><!> <!> <!> <!></div></div> <div class=\"drp-footer svelte-gpybdi\"><!> <!> <!></div></div>"), root_19$2 = /* @__PURE__ */ from_html("<div><div class=\"drp-trigger-wrapper svelte-gpybdi\"><!></div> <!> <!></div>"), $$css$30 = {
|
|
21080
21110
|
hash: "svelte-gpybdi",
|
|
21081
21111
|
code: ".drp-root.svelte-gpybdi {position:relative;display:inline-block;}\n\n /* ── Trigger wrapper ── */.drp-trigger-wrapper.svelte-gpybdi {display:inline-block;}\n\n /* Bridge drp-trigger CSS vars to Button CSS vars on the wrapper */.drp-trigger-wrapper.svelte-gpybdi {--button-color: var(--drp-trigger-background, inherit);--button-border: var(--drp-trigger-border, 1px solid currentColor);--button-border-radius: var(--drp-trigger-border-radius, var(--radius, 4px));--button-text-color: var(--drp-trigger-color, inherit);--button-padding: var(--drp-trigger-padding, 8px 12px);--button-min-width: var(--drp-trigger-min-width, 200px);--button-gap: var(--drp-trigger-gap, 8px);--button-hover-border: var(\n --drp-trigger-hover-border,\n var(--drp-trigger-border, 1px solid currentColor)\n );}.drp-trigger-wrapper .drp-trigger {display:inline-flex;align-items:center;gap:var(--drp-trigger-gap, 8px);white-space:nowrap;min-width:var(--drp-trigger-min-width, 200px);}.drp-trigger-wrapper .drp-trigger-open {border-color:var(--drp-trigger-open-border-color, #000000);box-shadow:var(--drp-trigger-open-shadow, 0 0 0 2px rgba(0, 0, 0, 0.1));}.drp-trigger-label.svelte-gpybdi {flex:1;text-align:left;}.drp-trigger-icon.svelte-gpybdi {display:inline-flex;align-items:center;color:var(--drp-trigger-icon-color, inherit);flex-shrink:0;}\n\n /* ── Panel ── */.drp-panel.svelte-gpybdi {position:absolute;top:calc(100% + var(--drp-panel-offset, 6px));z-index:var(--drp-panel-z-index, 1000);background:var(--drp-panel-background, inherit);border:var(--drp-panel-border, 1px solid #e0e0e0);border-radius:var(--drp-panel-border-radius, var(--radius, 4px));box-shadow:var(--drp-panel-shadow, 0 8px 24px rgba(0, 0, 0, 0.12));display:flex;flex-direction:column;min-width:var(--drp-panel-min-width, 320px);max-width:var(--drp-panel-max-width, 760px);max-height:var(--drp-panel-max-height, calc(100dvh - 80px));overflow:hidden;}\n\n /* Set only when the panel would not fit below the trigger — see positionPanel(). */.drp-panel-above.svelte-gpybdi {top:auto;bottom:calc(100% + var(--drp-panel-offset, 6px));}.drp-panel-align-left.svelte-gpybdi {left:0;right:auto;}.drp-panel-align-right.svelte-gpybdi {right:0;left:auto;}.drp-panel-inner.svelte-gpybdi {display:flex;flex-direction:row;flex:1;min-height:0;overflow-y:auto;}\n\n /* ── Sidebar ── */.drp-sidebar.svelte-gpybdi {display:flex;flex-direction:column;padding:var(--drp-sidebar-padding, 12px 8px);border-right:var(--drp-sidebar-border, 1px solid #e8e8e8);min-width:var(--drp-sidebar-min-width, 140px);gap:2px;overflow-y:auto;max-height:var(--drp-sidebar-max-height, 400px);}.drp-preset-item.svelte-gpybdi {display:block;width:100%;text-align:left;padding:var(--drp-preset-padding, 7px 12px);background:none;border:none;border-radius:var(--drp-preset-border-radius, var(--radius, 4px));color:var(--drp-preset-color, inherit);cursor:pointer;white-space:nowrap;transition:background 0.12s ease;}.drp-preset-item.svelte-gpybdi:hover {background:var(--drp-preset-hover-background, #f5f5f5);}.drp-preset-active.svelte-gpybdi {background:var(--drp-preset-active-background, currentColor);color:var(--drp-preset-active-color, #ffffff);}.drp-preset-active.svelte-gpybdi:hover {background:var(--drp-preset-active-hover-background, #333333);}\n\n /* Opt-in checkmark layout: reserve a trailing slot so the active preset's tick\n sits flush-right while the label stays left. A preset with no tick (or a\n label-only preset) keeps its single flex child at the start, unchanged. */.drp-preset-checkable.svelte-gpybdi {display:flex;align-items:center;justify-content:space-between;gap:var(--drp-preset-check-gap, 8px);}.drp-preset-check.svelte-gpybdi {display:inline-flex;flex-shrink:0;width:var(--drp-preset-check-size, 16px);height:var(--drp-preset-check-size, 16px);color:var(--drp-preset-check-color, inherit);}.drp-preset-check.svelte-gpybdi svg {width:100%;height:100%;}\n\n /* ── Calendar area ── */.drp-calendars.svelte-gpybdi {display:flex;flex-direction:column;padding:var(--drp-calendars-padding, 16px);gap:var(--drp-calendars-gap, 16px);flex:1;}\n\n /* Dual-month shared nav header */.drp-dual-header.svelte-gpybdi {display:flex;align-items:center;justify-content:space-between;gap:8px;}.drp-dual-month-labels.svelte-gpybdi {display:flex;flex:1;justify-content:space-around;}.drp-month-label.svelte-gpybdi {color:var(--drp-month-label-color, inherit);text-transform:capitalize;}.drp-nav-btn.svelte-gpybdi {display:inline-flex;align-items:center;justify-content:center;width:var(--drp-nav-btn-size, 32px);height:var(--drp-nav-btn-size, 32px);background:none;border:none;border-radius:var(--drp-nav-btn-border-radius, var(--radius, 4px));cursor:pointer;color:var(--drp-nav-btn-color, inherit);transition:background 0.12s ease;padding:0;}.drp-nav-btn.svelte-gpybdi:hover {background:var(--drp-nav-btn-hover-background, #f0f0f0);}\n\n /* CSS-only chevrons for the dual-nav */.drp-nav-chevron.svelte-gpybdi {display:inline-block;width:8px;height:8px;border-right:var(--drp-nav-chevron-border, 2px solid currentColor);border-top:var(--drp-nav-chevron-border, 2px solid currentColor);}.drp-nav-chevron-left.svelte-gpybdi {transform:rotate(-135deg);margin-left:2px;}.drp-nav-chevron-right.svelte-gpybdi {transform:rotate(45deg);margin-right:2px;}.drp-months-row.svelte-gpybdi {display:flex;gap:var(--drp-months-gap, 24px);}\n\n /* Embedded calendar: strip outer chrome so only the grid shows */.drp-calendar-embedded {--calendar-border: none;--calendar-box-shadow: none;--calendar-background: transparent;--calendar-padding: 0;}\n\n /* Suppress Calendar's own header in dual-month mode; single mode keeps it for navigation */.drp-months-row .drp-calendar-embedded {--calendar-header-display: none;}\n\n /* ── Time picker slot ── */.drp-time-row.svelte-gpybdi {display:flex;align-items:center;gap:var(--drp-time-row-gap, 16px);padding-top:var(--drp-time-row-padding-top, 8px);border-top:var(--drp-time-divider, 1px solid #e8e8e8);flex-wrap:wrap;}\n\n /* ── Built-in date + time inputs (showDateInputs / showTimeSelection) ── */.drp-datetime-header.svelte-gpybdi {display:flex;flex-direction:column;gap:var(--drp-datetime-gap, 8px);padding-bottom:var(--drp-datetime-padding-bottom, 12px);margin-bottom:var(--drp-datetime-margin-bottom, 4px);border-bottom:var(--drp-datetime-divider, 1px solid #e8e8e8);}.drp-date-input-row.svelte-gpybdi,\n .drp-time-input-row.svelte-gpybdi {display:flex;align-items:center;gap:var(--drp-datetime-row-gap, 12px);}.drp-date-input.svelte-gpybdi {flex:1;min-width:0;padding:var(--drp-date-input-padding, 10px 14px);border:var(--drp-date-input-border, 1px solid #d4d4d4);border-radius:var(--drp-date-input-radius, var(--radius, 4px));background:var(--drp-date-input-background, #ffffff);}.drp-date-input-invalid.svelte-gpybdi {border-color:var(--drp-date-input-invalid-border, #e5484d);}.drp-date-input-value.svelte-gpybdi {display:block;width:100%;min-width:0;padding:0;border:none;outline:none;background:transparent;color:var(--drp-date-input-color, #333333);font-size:var(--drp-date-input-font-size, 13px);font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.drp-date-input-value.svelte-gpybdi::placeholder {color:var(--drp-date-input-placeholder-color, #aaaaaa);}.drp-datetime-arrow.svelte-gpybdi {flex-shrink:0;display:inline-flex;width:var(--drp-datetime-arrow-size, 16px);height:var(--drp-datetime-arrow-size, 16px);color:var(--drp-datetime-arrow-color, #888888);}.drp-datetime-arrow.svelte-gpybdi svg {width:100%;height:100%;}.drp-time-toggle.svelte-gpybdi {flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--drp-time-toggle-size, 40px);height:var(--drp-time-toggle-size, 40px);padding:0;border:var(--drp-time-toggle-border, 1px solid #d4d4d4);border-radius:var(--drp-time-toggle-radius, var(--radius, 4px));background:var(--drp-time-toggle-background, #f6f7f9);color:var(--drp-time-toggle-color, #555555);cursor:pointer;}.drp-time-toggle-active.svelte-gpybdi {border-color:var(--drp-time-toggle-active-border, currentColor);color:var(--drp-time-toggle-active-color, #1b85ff);}.drp-time-toggle-icon.svelte-gpybdi {display:inline-flex;width:var(--drp-time-toggle-icon-size, 16px);height:var(--drp-time-toggle-icon-size, 16px);}.drp-time-toggle-icon.svelte-gpybdi svg {width:100%;height:100%;}.drp-time-input.svelte-gpybdi {position:relative;flex:1;min-width:0;display:flex;align-items:center;border:var(--drp-time-input-border, 1px solid #d4d4d4);border-radius:var(--drp-time-input-radius, var(--radius, 4px));background:var(--drp-time-input-background, #ffffff);}.drp-time-input-invalid.svelte-gpybdi {border-color:var(--drp-time-input-invalid-border, #e5484d);}.drp-time-input-icon.svelte-gpybdi {display:inline-flex;flex-shrink:0;width:var(--drp-time-input-icon-size, 16px);height:var(--drp-time-input-icon-size, 16px);margin-left:var(--drp-time-input-icon-gap, 12px);color:var(--drp-time-input-icon-color, #888888);pointer-events:none;}.drp-time-input-icon.svelte-gpybdi svg {width:100%;height:100%;}.drp-time-field.svelte-gpybdi {flex:1;min-width:0;width:100%;padding:var(--drp-time-field-padding, 10px 14px 10px 8px);border:none;outline:none;background:transparent;color:var(--drp-time-field-color, #333333);font-size:var(--drp-time-field-font-size, 13px);font-family:inherit;}.drp-time-field.svelte-gpybdi::placeholder {color:var(--drp-time-field-placeholder-color, #aaaaaa);}\n\n /* ── Inline time layout (timeSelectionLayout=\"inline\") ── */\n /* Each date input is paired with its time input on the same row: the date box\n flexes to fill, the time input takes a fixed compact width beside it. */.drp-date-time-group.svelte-gpybdi {display:flex;align-items:center;flex:1;min-width:0;gap:var(--drp-datetime-inline-gap, 8px);}.drp-date-time-group.svelte-gpybdi .drp-date-input:where(.svelte-gpybdi) {flex:1;}.drp-time-input.drp-time-input-inline.svelte-gpybdi {flex:0 0 var(--drp-time-inline-width, 116px);}\n\n /* ── Compare calendar slot ── */.drp-compare-section.svelte-gpybdi {display:flex;flex-direction:column;gap:8px;padding-top:var(--drp-compare-padding-top, 12px);border-top:var(--drp-compare-divider, 1px solid #e8e8e8);}\n\n /* ── Footer ── */.drp-footer.svelte-gpybdi {display:flex;justify-content:flex-end;align-items:center;gap:var(--drp-footer-gap, 8px);padding:var(--drp-footer-padding, 12px 16px);border-top:var(--drp-footer-border, 1px solid #e8e8e8);}\n\n /* ── Preset group dividers ── */.drp-preset-divider.svelte-gpybdi {display:flex;align-items:center;gap:var(--drp-preset-divider-gap, 6px);margin:var(--drp-preset-divider-margin, 4px 0);padding:0 var(--drp-preset-padding-left, 12px);}.drp-preset-divider.svelte-gpybdi::before {content:'';flex:1;height:0;border-top:var(--drp-preset-divider-border, 1px solid #e8e8e8);}.drp-preset-group-label.svelte-gpybdi {color:var(--drp-preset-group-label-color, #999999);white-space:nowrap;flex-shrink:0;}.drp-preset-divider.svelte-gpybdi:has(.drp-preset-group-label:where(.svelte-gpybdi)) {padding-right:var(--drp-preset-padding-right, 12px);}.drp-preset-divider.svelte-gpybdi:has(.drp-preset-group-label:where(.svelte-gpybdi))::before {flex:none;width:var(--drp-preset-divider-leader-width, 8px);}.drp-preset-divider.svelte-gpybdi:has(.drp-preset-group-label:where(.svelte-gpybdi))::after {content:'';flex:1;height:0;border-top:var(--drp-preset-divider-border, 1px solid #e8e8e8);}\n\n /* Cancel button variant via Button's CSS vars */.drp-btn-cancel {--button-color: transparent;--button-border: 1px solid var(--drp-cancel-border-color, #d0d0d0);--button-text-color: var(--drp-cancel-color, inherit);--button-hover-color: var(--drp-cancel-hover-background, #f5f5f5);}\n\n /* Clear button variant (single-mode reset) */.drp-btn-clear {--button-color: transparent;--button-border: 1px solid var(--drp-clear-border-color, #d0d0d0);--button-text-color: var(--drp-clear-color, inherit);--button-hover-color: var(--drp-clear-hover-background, #f5f5f5);margin-right:auto;}\n\n /* Apply button variant */.drp-btn-apply {--button-color: var(--drp-apply-background, currentColor);--button-border: none;--button-text-color: var(--drp-apply-color, #ffffff);--button-hover-color: var(--drp-apply-hover-background, #333333);--disabled-background-color: var(--drp-apply-disabled-background, #cccccc);--disabled-text-color: var(--drp-apply-disabled-color, #888888);}\n\n /* ── Compare standalone trigger ── */.drp-compare-trigger-wrapper.svelte-gpybdi {display:inline-block;position:relative;--button-color: var(--drp-compare-trigger-background, inherit);--button-border: var(--drp-compare-trigger-border, 1px solid currentColor);--button-border-radius: var(--drp-compare-trigger-border-radius, var(--radius, 4px));--button-text-color: var(--drp-compare-trigger-color, inherit);--button-padding: var(--drp-compare-trigger-padding, 8px 12px);--button-min-width: var(--drp-compare-trigger-min-width, 160px);}.drp-compare-trigger-open {border-color:var(--drp-trigger-open-border-color, #000000);box-shadow:var(--drp-trigger-open-shadow, 0 0 0 2px rgba(0, 0, 0, 0.1));}\n\n /* ── Compare standalone panel ── */.drp-compare-panel.svelte-gpybdi {position:absolute;top:calc(100% + var(--drp-panel-offset, 6px));left:var(--drp-compare-panel-left, 0);z-index:var(--drp-panel-z-index, 1000);background:var(--drp-panel-background, inherit);border:var(--drp-panel-border, 1px solid #e0e0e0);border-radius:var(--drp-panel-border-radius, var(--radius, 4px));box-shadow:var(--drp-panel-shadow, 0 8px 24px rgba(0, 0, 0, 0.12));display:flex;flex-direction:column;min-width:var(--drp-compare-panel-min-width, 280px);overflow:hidden;}.drp-compare-panel-body.svelte-gpybdi {padding:var(--drp-calendars-padding, 16px);}"
|
|
21082
21112
|
};
|
|
@@ -21563,7 +21593,7 @@ function DateRangePicker(e, t) {
|
|
|
21563
21593
|
}
|
|
21564
21594
|
reset(Xn), bind_this(Xn, (e) => set(Ht, e), () => get(Ht));
|
|
21565
21595
|
var Qn = sibling(Xn, 2), $n = (e) => {
|
|
21566
|
-
var t = root_3$
|
|
21596
|
+
var t = root_3$17(), n = child(t);
|
|
21567
21597
|
{
|
|
21568
21598
|
let e = /* @__PURE__ */ user_derived(() => pt() ? "drp-compare-trigger-open" : "");
|
|
21569
21599
|
Button(n, {
|
|
@@ -29432,7 +29462,7 @@ create_custom_element(DeltaIndicator, {
|
|
|
29432
29462
|
}, [], [], { mode: "open" });
|
|
29433
29463
|
//#endregion
|
|
29434
29464
|
//#region src/lib/StatCard/StatCard.svelte
|
|
29435
|
-
var root$25 = /* @__PURE__ */ from_html("<span class=\"statcard-title-tooltip-trigger svelte-pfmus\"><span class=\"statcard-title statcard-title-tooltip svelte-pfmus\"> </span> <span class=\"statcard-tooltip-icon svelte-pfmus\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\" fill=\"none\" class=\"svelte-pfmus\"><circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" stroke-width=\"1.2\"></circle><rect x=\"7.25\" y=\"6.9\" width=\"1.5\" height=\"4.1\" rx=\"0.75\" fill=\"currentColor\"></rect><circle cx=\"8\" cy=\"4.8\" r=\"0.9\" fill=\"currentColor\"></circle></svg></span></span>"), root_1$23 = /* @__PURE__ */ from_html("<div class=\"statcard-title svelte-pfmus\"> </div>"), root_2$17 = /* @__PURE__ */ from_html("<div class=\"statcard-header-checkbox svelte-pfmus\"><!></div>"), root_3$
|
|
29465
|
+
var root$25 = /* @__PURE__ */ from_html("<span class=\"statcard-title-tooltip-trigger svelte-pfmus\"><span class=\"statcard-title statcard-title-tooltip svelte-pfmus\"> </span> <span class=\"statcard-tooltip-icon svelte-pfmus\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\" fill=\"none\" class=\"svelte-pfmus\"><circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" stroke-width=\"1.2\"></circle><rect x=\"7.25\" y=\"6.9\" width=\"1.5\" height=\"4.1\" rx=\"0.75\" fill=\"currentColor\"></rect><circle cx=\"8\" cy=\"4.8\" r=\"0.9\" fill=\"currentColor\"></circle></svg></span></span>"), root_1$23 = /* @__PURE__ */ from_html("<div class=\"statcard-title svelte-pfmus\"> </div>"), root_2$17 = /* @__PURE__ */ from_html("<div class=\"statcard-header-checkbox svelte-pfmus\"><!></div>"), root_3$16 = /* @__PURE__ */ from_html("<div class=\"statcard-header-right svelte-pfmus\"><!></div>"), root_4$13 = /* @__PURE__ */ from_html("<div class=\"statcard-header svelte-pfmus\"><div class=\"statcard-header-left svelte-pfmus\"><!> <!></div> <!></div>"), root_5$12 = /* @__PURE__ */ from_html("<div class=\"statcard-row-divider svelte-pfmus\"></div>"), root_6$12 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading statcard-row-heading-tooltip svelte-pfmus\"> </div>"), root_7$11 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading svelte-pfmus\"> </div>"), root_8$10 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading-wrap svelte-pfmus\"><!></div>"), root_9$7 = /* @__PURE__ */ from_html("<div class=\"statcard-comparison-value svelte-pfmus\"> </div>"), root_10$6 = /* @__PURE__ */ from_html("<div class=\"statcard-delta statcard-delta-na svelte-pfmus\">N/A</div>"), root_11$5 = /* @__PURE__ */ from_html("<div> </div>"), root_12$4 = /* @__PURE__ */ from_html("<div class=\"statcard-row-subtitle svelte-pfmus\"> </div>"), root_13$3 = /* @__PURE__ */ from_html("<div class=\"statcard-breakdown-heading svelte-pfmus\"> </div>"), root_14$3 = /* @__PURE__ */ from_html("<div class=\"statcard-breakdown-item svelte-pfmus\"><div class=\"statcard-breakdown-label svelte-pfmus\"> </div> <div class=\"statcard-breakdown-value-line svelte-pfmus\"><div class=\"statcard-breakdown-value svelte-pfmus\"> </div> <!></div></div>"), root_15$3 = /* @__PURE__ */ from_html("<!> <div class=\"statcard-breakdown-grid svelte-pfmus\"></div>", 1), root_16$2 = /* @__PURE__ */ from_html("<!> <div class=\"statcard-row svelte-pfmus\"><!> <div class=\"statcard-row-value-line svelte-pfmus\"><div> </div> <!> <!> <!></div> <!> <!></div>", 1), root_17$1 = /* @__PURE__ */ from_html("<div></div>"), root_18$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value svelte-pfmus\"><!></div>"), root_19$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value svelte-pfmus\"> </div>"), root_20$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value-row svelte-pfmus\"><!> <!></div>"), root_21$1 = /* @__PURE__ */ from_html("<div class=\"statcard-subtitle svelte-pfmus\"> </div>"), root_22$1 = /* @__PURE__ */ from_html("<div class=\"statcard-children svelte-pfmus\"><!></div>"), root_23$1 = /* @__PURE__ */ from_html("<div class=\"statcard-footer svelte-pfmus\"><!></div>"), root_24$1 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$27 = {
|
|
29436
29466
|
hash: "svelte-pfmus",
|
|
29437
29467
|
code: ".statcard.svelte-pfmus {display:flex;flex-direction:column;gap:var(--statcard-gap, 4px);padding:var(--statcard-padding, 16px);background:var(--statcard-background, #ffffff);border:var(--statcard-border, 1px solid #e5e7eb);border-radius:var(--statcard-border-radius, var(--radius, 4px));box-shadow:var(--statcard-box-shadow, none);width:var(--statcard-width, auto);min-width:var(--statcard-min-width, 0);max-width:var(--statcard-max-width, none);height:var(--statcard-height, auto);color:var(--statcard-color, inherit);cursor:var(--statcard-cursor, default);box-sizing:border-box;}.statcard-interactive.svelte-pfmus {cursor:var(--statcard-cursor, pointer);}.statcard-interactive.svelte-pfmus:focus-visible {outline:var(--statcard-focus-outline, 2px solid currentColor);outline-offset:var(--statcard-focus-outline-offset, 2px);}.statcard-header.svelte-pfmus {order:var(--statcard-header-order, 0);display:flex;align-items:center;justify-content:space-between;gap:var(--statcard-header-gap, 8px);}.statcard-header-left.svelte-pfmus {display:flex;align-items:center;gap:var(--statcard-header-left-gap, 8px);flex:1;min-width:0;}.statcard-header-right.svelte-pfmus {display:flex;align-items:center;flex-shrink:0;}\n\n /* Wrapper keeps the checkbox in the event path (to stop bubbling to the card\n action). `margin-left: auto` pushes it to the header's right edge so the title\n stays left and the checkbox reads as a right-aligned control. (A previous\n `display: contents` here removed the box, which silently defeated the flex\n alignment.) */.statcard-header-checkbox.svelte-pfmus {display:flex;align-items:center;margin-left:auto;}.statcard-title.svelte-pfmus {font-size:var(--statcard-title-font-size, 12px);font-weight:var(--statcard-title-font-weight, 500);color:var(--statcard-title-color, #6b7280);line-height:var(--statcard-title-line-height, 1.4);white-space:var(--statcard-title-white-space, nowrap);overflow:hidden;text-overflow:ellipsis;}.statcard-title-tooltip-trigger.svelte-pfmus {display:inline-flex;align-items:center;gap:var(--statcard-tooltip-icon-gap, 4px);min-width:0;}.statcard-title-tooltip.svelte-pfmus {cursor:default;\n /* Default surface (Euler) uses the ⓘ icon as the tooltip affordance, so the\n title carries no underline. The Shopify theme flips both tokens — dotted\n underline on, icon off — via its own stylesheet. */text-decoration:var(--statcard-title-tooltip-decoration, none);text-underline-offset:2px;}.statcard-tooltip-icon.svelte-pfmus {display:var(--statcard-tooltip-icon-display, inline-flex);align-items:center;justify-content:center;width:var(--statcard-tooltip-icon-size, 14px);height:var(--statcard-tooltip-icon-size, 14px);flex-shrink:0;color:var(--statcard-tooltip-icon-color, currentColor);cursor:default;}.statcard-tooltip-icon.svelte-pfmus svg:where(.svelte-pfmus) {width:100%;height:100%;}.statcard-value-row.svelte-pfmus {order:var(--statcard-value-row-order, 0);display:flex;align-items:var(--statcard-value-row-align, baseline);gap:var(--statcard-value-row-gap, 8px);flex-wrap:wrap;}.statcard-value.svelte-pfmus {font-size:var(--statcard-value-font-size, 24px);font-weight:var(--statcard-value-font-weight, 600);color:var(--statcard-value-color, inherit);line-height:var(--statcard-value-line-height, 1.2);}.statcard-value-success.svelte-pfmus {color:var(--statcard-value-success-color, #16a34a);}.statcard-value-warning.svelte-pfmus {color:var(--statcard-value-warning-color, #f59e0b);}\n\n /* Per-row value typography override — falls back to the card-level value\n tokens so an unset row matches today's shared appearance exactly, then to\n the same literals as the last resort. Scoped to the row's value line so\n the single (non-rows) card value is unaffected. Mirrors the fallback\n shape of --statcard-row-subtitle-font-size below. */.statcard-row-value-line.svelte-pfmus .statcard-value:where(.svelte-pfmus) {font-size:var(--statcard-row-value-font-size, var(--statcard-value-font-size, 24px));font-weight:var(--statcard-row-value-font-weight, var(--statcard-value-font-weight, 600));}.statcard-delta.svelte-pfmus {font-size:var(--statcard-delta-font-size, 13px);font-weight:var(--statcard-delta-font-weight, 500);color:var(--statcard-delta-color, #6b7280);line-height:var(--statcard-delta-line-height, 1.4);}.statcard-delta-positive.svelte-pfmus {color:var(--statcard-delta-positive-color, #16a34a);}.statcard-delta-negative.svelte-pfmus {color:var(--statcard-delta-negative-color, #dc2626);}.statcard-delta-na.svelte-pfmus {color:var(--statcard-delta-na-color, var(--statcard-delta-color, #6b7280));}\n\n /* Inline comparison denominator (\"₹60k / ₹10L\") — a muted, slightly smaller\n companion to the metric value, baseline-aligned by the value row. */.statcard-comparison-value.svelte-pfmus {font-size:var(--statcard-comparison-font-size, 16px);font-weight:var(--statcard-comparison-font-weight, 700);color:var(--statcard-comparison-color, #c7c7c7);line-height:var(--statcard-comparison-line-height, 1.4);white-space:nowrap;}.statcard-subtitle.svelte-pfmus {order:var(--statcard-subtitle-order, 0);font-size:var(--statcard-subtitle-font-size, 12px);font-weight:var(--statcard-subtitle-font-weight, 400);color:var(--statcard-subtitle-color, #9ca3af);line-height:var(--statcard-subtitle-line-height, 1.4);}\n\n /* Per-row subtitle — falls back to the card-level subtitle tokens so a\n consumer that already themes `.statcard-subtitle` gets a matching look\n with no extra wiring, then to the same literals as the last resort. */.statcard-row-subtitle.svelte-pfmus {order:var(--statcard-row-subtitle-order, 0);font-size:var(--statcard-row-subtitle-font-size, var(--statcard-subtitle-font-size, 12px));font-weight:var(\n --statcard-row-subtitle-font-weight,\n var(--statcard-subtitle-font-weight, 400)\n );color:var(--statcard-row-subtitle-color, var(--statcard-subtitle-color, #9ca3af));line-height:var(\n --statcard-row-subtitle-line-height,\n var(--statcard-subtitle-line-height, 1.4)\n );}\n\n /* Multi-row layout */.statcard-rows.svelte-pfmus {order:var(--statcard-rows-order, 0);display:flex;flex-direction:column;gap:var(--statcard-rows-gap, 0px);}.statcard-row-divider.svelte-pfmus {height:var(--statcard-row-divider-height, 1px);background:var(--statcard-row-divider-color, #e5e7eb);margin:var(--statcard-row-divider-margin, 8px 0);}\n\n /* Horizontal layout: lay the metric sections side by side with vertical\n dividers. Each section flexes to share the available width equally. */.statcard-rows-horizontal.svelte-pfmus {flex-direction:row;}.statcard-rows-horizontal.svelte-pfmus .statcard-row:where(.svelte-pfmus) {flex:1;min-width:0;}.statcard-rows-horizontal.svelte-pfmus .statcard-row-divider:where(.svelte-pfmus) {align-self:stretch;flex-shrink:0;width:var(--statcard-row-divider-height, 1px);height:auto;margin:var(--statcard-row-divider-margin-horizontal, 0 16px);}.statcard-row.svelte-pfmus {display:flex;flex-direction:column;gap:var(--statcard-row-gap, 4px);}.statcard-row-heading-wrap.svelte-pfmus {order:var(--statcard-row-heading-order, 0);display:flex;align-items:center;}.statcard-row-heading.svelte-pfmus {font-size:var(--statcard-row-heading-font-size, 12px);font-weight:var(--statcard-row-heading-font-weight, 500);color:var(--statcard-row-heading-color, #6b7280);line-height:var(--statcard-row-heading-line-height, 1.4);}.statcard-row-heading-tooltip.svelte-pfmus {cursor:default;text-decoration:underline dotted;text-underline-offset:2px;}.statcard-row-value-line.svelte-pfmus {order:var(--statcard-row-value-line-order, 0);display:flex;align-items:baseline;gap:var(--statcard-row-value-gap, 8px);flex-wrap:wrap;}.statcard-row-additional.svelte-pfmus {\n /* Default: flows inline in the wrapping flex row and only breaks if it\n does not fit — matches short unit suffixes like \"%\" or \"ms\". */font-size:var(--statcard-row-additional-font-size, 12px);font-weight:var(--statcard-row-additional-font-weight, 400);color:var(--statcard-row-additional-color, #9ca3af);line-height:1.4;}.statcard-row-additional-break.svelte-pfmus {\n /* Opt-in: forces its own line regardless of available width, for\n descriptive text that should never sit beside the value/delta. */flex-basis:var(--statcard-row-additional-flex-basis, 100%);}\n\n /* Breakdown grid */.statcard-breakdown-heading.svelte-pfmus {font-size:var(--statcard-breakdown-heading-font-size, 11px);font-weight:var(--statcard-breakdown-heading-font-weight, 600);color:var(--statcard-breakdown-heading-color, #6b7280);letter-spacing:0.04em;text-transform:var(--statcard-breakdown-heading-text-transform, uppercase);margin-top:var(--statcard-breakdown-heading-margin-top, 6px);}.statcard-breakdown-grid.svelte-pfmus {display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--statcard-breakdown-col-min, 100px), 1fr));gap:var(--statcard-breakdown-gap, 8px);margin-top:var(--statcard-breakdown-margin-top, 4px);}.statcard-breakdown-item.svelte-pfmus {display:flex;flex-direction:var(--statcard-breakdown-item-flex-direction, column);align-items:var(--statcard-breakdown-item-align-items, stretch);flex-wrap:var(--statcard-breakdown-item-flex-wrap, nowrap);gap:var(--statcard-breakdown-item-gap, 2px);}\n\n /* The metric value and its change indicator share one line (label sits above\n as the caption). Previously the delta was a third stacked child, so it\n rendered on its own line beneath the number. */.statcard-breakdown-value-line.svelte-pfmus {order:var(--statcard-breakdown-value-line-order, 0);display:flex;align-items:baseline;gap:var(--statcard-breakdown-value-gap, 6px);flex-wrap:wrap;}.statcard-breakdown-label.svelte-pfmus {font-size:var(--statcard-breakdown-label-font-size, 11px);font-weight:var(--statcard-breakdown-label-font-weight, 400);color:var(--statcard-breakdown-label-color, #9ca3af);line-height:1.4;}.statcard-breakdown-value.svelte-pfmus {font-size:var(--statcard-breakdown-value-font-size, 14px);font-weight:var(--statcard-breakdown-value-font-weight, 600);color:var(--statcard-breakdown-value-color, inherit);line-height:1.2;}.statcard-children.svelte-pfmus {margin-top:var(--statcard-children-margin-top, 4px);}.statcard-footer.svelte-pfmus {margin-top:var(--statcard-footer-margin-top, 8px);padding-top:var(--statcard-footer-padding-top, 8px);border-top:var(--statcard-footer-border-top, 1px solid #e5e7eb);}"
|
|
29438
29468
|
};
|
|
@@ -29605,7 +29635,7 @@ function StatCard(e, t) {
|
|
|
29605
29635
|
h() && e(c);
|
|
29606
29636
|
}), reset(i);
|
|
29607
29637
|
var l = sibling(i, 2), u = (e) => {
|
|
29608
|
-
var t = root_3$
|
|
29638
|
+
var t = root_3$16();
|
|
29609
29639
|
snippet(child(t), S), reset(t), append(e, t);
|
|
29610
29640
|
};
|
|
29611
29641
|
if_block(l, (e) => {
|
|
@@ -29974,7 +30004,7 @@ customElements.define("sui-delta-indicator", create_custom_element(DeltaIndicato
|
|
|
29974
30004
|
}, [], [], { mode: "open" }));
|
|
29975
30005
|
//#endregion
|
|
29976
30006
|
//#region src/lib/ProportionBar/ProportionBar.svelte
|
|
29977
|
-
var root$24 = /* @__PURE__ */ from_svg("<rect><title> </title></rect>"), root_1$22 = /* @__PURE__ */ from_html("<li class=\"proportion-bar-legend-item svelte-kuxrgu\"><span class=\"proportion-bar-swatch svelte-kuxrgu\" aria-hidden=\"true\"></span> <span class=\"proportion-bar-legend-label svelte-kuxrgu\"> </span> <span class=\"proportion-bar-legend-value svelte-kuxrgu\"> </span></li>"), root_2$16 = /* @__PURE__ */ from_html("<ul class=\"proportion-bar-legend svelte-kuxrgu\" aria-label=\"Segment breakdown\"></ul>"), root_3$
|
|
30007
|
+
var root$24 = /* @__PURE__ */ from_svg("<rect><title> </title></rect>"), root_1$22 = /* @__PURE__ */ from_html("<li class=\"proportion-bar-legend-item svelte-kuxrgu\"><span class=\"proportion-bar-swatch svelte-kuxrgu\" aria-hidden=\"true\"></span> <span class=\"proportion-bar-legend-label svelte-kuxrgu\"> </span> <span class=\"proportion-bar-legend-value svelte-kuxrgu\"> </span></li>"), root_2$16 = /* @__PURE__ */ from_html("<ul class=\"proportion-bar-legend svelte-kuxrgu\" aria-label=\"Segment breakdown\"></ul>"), root_3$15 = /* @__PURE__ */ from_html("<div><div class=\"proportion-bar-track svelte-kuxrgu\"><svg viewBox=\"0 0 100 10\" preserveAspectRatio=\"none\" class=\"proportion-bar-svg svelte-kuxrgu\"></svg></div> <!></div>"), $$css$26 = {
|
|
29978
30008
|
hash: "svelte-kuxrgu",
|
|
29979
30009
|
code: ".proportion-bar.svelte-kuxrgu {display:flex;flex-direction:column;gap:var(--proportion-bar-gap, 10px);width:var(--proportion-bar-width, 100%);}.proportion-bar-track.svelte-kuxrgu {width:100%;height:var(--proportion-bar-track-height, 10px);border-radius:var(--proportion-bar-track-border-radius, var(--radius, 4px));overflow:hidden;background:var(--proportion-bar-track-bg, #f0f0f0);}.proportion-bar-svg.svelte-kuxrgu {display:block;width:100%;height:100%;}.proportion-bar-legend.svelte-kuxrgu {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--proportion-bar-legend-gap, 6px);}.proportion-bar-legend-item.svelte-kuxrgu {display:flex;align-items:center;gap:var(--proportion-bar-legend-item-gap, 8px);}.proportion-bar-swatch.svelte-kuxrgu {display:inline-block;width:var(--proportion-bar-swatch-size, 10px);height:var(--proportion-bar-swatch-size, 10px);border-radius:var(--proportion-bar-swatch-border-radius, var(--radius, 4px));flex-shrink:0;}.proportion-bar-legend-label.svelte-kuxrgu {flex:1;font-size:var(--proportion-bar-legend-label-font-size, 13px);font-weight:var(--proportion-bar-legend-label-font-weight, 400);color:var(--proportion-bar-legend-label-color, #374151);line-height:1.4;}.proportion-bar-legend-value.svelte-kuxrgu {font-size:var(--proportion-bar-legend-value-font-size, 13px);font-weight:var(--proportion-bar-legend-value-font-weight, 500);color:var(--proportion-bar-legend-value-color, #111827);line-height:1.4;white-space:nowrap;}"
|
|
29980
30010
|
};
|
|
@@ -30039,7 +30069,7 @@ function ProportionBar(e, t) {
|
|
|
30039
30069
|
set classes(e) {
|
|
30040
30070
|
l(e), flushSync();
|
|
30041
30071
|
}
|
|
30042
|
-
}, re = root_3$
|
|
30072
|
+
}, re = root_3$15(), G = child(re), be = child(G);
|
|
30043
30073
|
each(be, 21, () => get(R), index, (e, t, n) => {
|
|
30044
30074
|
var i = root$24();
|
|
30045
30075
|
set_attribute(i, "y", 0), set_attribute(i, "height", 10);
|
|
@@ -30223,7 +30253,7 @@ function computeTooltipPosition(e) {
|
|
|
30223
30253
|
}
|
|
30224
30254
|
//#endregion
|
|
30225
30255
|
//#region src/lib/_chart/ChartTooltip.svelte
|
|
30226
|
-
var root$22 = /* @__PURE__ */ from_html("<div class=\"tooltip-title svelte-1iycham\"> </div>"), root_1$20 = /* @__PURE__ */ from_html("<span class=\"tooltip-swatch svelte-1iycham\"></span>"), root_2$15 = /* @__PURE__ */ from_html("<div class=\"tooltip-item svelte-1iycham\"><!> <span class=\"tooltip-label svelte-1iycham\"> </span> <span class=\"tooltip-value svelte-1iycham\"> </span></div>"), root_3$
|
|
30256
|
+
var root$22 = /* @__PURE__ */ from_html("<div class=\"tooltip-title svelte-1iycham\"> </div>"), root_1$20 = /* @__PURE__ */ from_html("<span class=\"tooltip-swatch svelte-1iycham\"></span>"), root_2$15 = /* @__PURE__ */ from_html("<div class=\"tooltip-item svelte-1iycham\"><!> <span class=\"tooltip-label svelte-1iycham\"> </span> <span class=\"tooltip-value svelte-1iycham\"> </span></div>"), root_3$14 = /* @__PURE__ */ from_html("<!> <!>", 1), root_4$12 = /* @__PURE__ */ from_html("<div data-pw=\"chart-tooltip\" testid=\"chart-tooltip\"><!></div>"), $$css$24 = {
|
|
30227
30257
|
hash: "svelte-1iycham",
|
|
30228
30258
|
code: ".chart-tooltip.svelte-1iycham {position:absolute;z-index:var(--chart-tooltip-z-index, 10);background:var(--chart-tooltip-background, light-dark(rgba(0, 0, 0, 0.85), #1f2937));color:var(--chart-tooltip-color, light-dark(#fff, #f3f4f6));font-size:var(--chart-tooltip-font-size, 12px);font-family:var(--chart-font-family, inherit);padding:var(--chart-tooltip-padding, 8px 12px);border-radius:var(--chart-tooltip-border-radius, var(--radius, 4px));box-shadow:var(--chart-tooltip-shadow, 0 2px 8px rgba(0, 0, 0, 0.2));border:1px solid\n var(\n --chart-tooltip-border-color,\n light-dark(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.08))\n );pointer-events:none;max-width:var(--chart-tooltip-max-width, 280px);width:fit-content;}.chart-tooltip.portal.svelte-1iycham {position:fixed;}.chart-tooltip.unstyled.svelte-1iycham {background:none;padding:0;border:none;box-shadow:none;border-radius:0;max-width:none;}.tooltip-title.svelte-1iycham {font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.tooltip-item.svelte-1iycham {display:flex;align-items:center;gap:6px;padding:1px 0;}.tooltip-swatch.svelte-1iycham {display:inline-block;width:8px;height:8px;border-radius:var(--chart-swatch-radius, 2px);flex-shrink:0;}.tooltip-label.svelte-1iycham {opacity:0.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}.tooltip-value.svelte-1iycham {font-weight:600;margin-left:auto;padding-left:12px;white-space:nowrap;}"
|
|
30229
30259
|
};
|
|
@@ -30237,7 +30267,7 @@ function ChartTooltip(e, t) {
|
|
|
30237
30267
|
var n = comment();
|
|
30238
30268
|
snippet(first_child(n), p, t), append(e, n);
|
|
30239
30269
|
}, s = (e) => {
|
|
30240
|
-
var n = root_3$
|
|
30270
|
+
var n = root_3$14(), i = first_child(n), a = (e) => {
|
|
30241
30271
|
var n = root$22(), i = child(n, !0);
|
|
30242
30272
|
reset(n), template_effect(() => set_text(i, t().title)), append(e, n);
|
|
30243
30273
|
};
|
|
@@ -30410,9 +30440,9 @@ create_custom_element(ChartTooltip, {
|
|
|
30410
30440
|
}, [], [], { mode: "open" });
|
|
30411
30441
|
//#endregion
|
|
30412
30442
|
//#region src/lib/_chart/Legend.svelte
|
|
30413
|
-
var root$21 = /* @__PURE__ */ from_html("<button type=\"button\"><span class=\"legend-swatch svelte-zs85z0\"></span> <span class=\"legend-label svelte-zs85z0\"> </span></button>"),
|
|
30443
|
+
var root$21 = /* @__PURE__ */ from_html("<span class=\"legend-aggregate svelte-zs85z0\"> </span>"), root_1$19 = /* @__PURE__ */ from_html("<div><button type=\"button\" class=\"legend-toggle svelte-zs85z0\"><span class=\"legend-swatch svelte-zs85z0\"></span> <span class=\"legend-label svelte-zs85z0\"> </span></button> <!></div>"), root_2$14 = /* @__PURE__ */ from_html("<div class=\"legend-item svelte-zs85z0\"><span class=\"legend-swatch svelte-zs85z0\"></span> <span class=\"legend-label svelte-zs85z0\"> </span> <!></div>"), root_3$13 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$23 = {
|
|
30414
30444
|
hash: "svelte-zs85z0",
|
|
30415
|
-
code: ".chart-legend.svelte-zs85z0 {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--chart-legend-gap, 16px);font-family:var(--chart-font-family, inherit);padding:8px 0;}.position-top.svelte-zs85z0 {padding-bottom:12px;}.position-bottom.svelte-zs85z0 {padding-top:12px;}.legend-item.svelte-zs85z0 {display:flex;align-items:center;gap:6px;}.legend-swatch.svelte-zs85z0 {display:inline-block;width:var(--chart-legend-swatch-size, 12px);height:var(--chart-legend-swatch-size, 12px);border-radius:var(--chart-swatch-radius, 2px);flex-shrink:0;}.legend-label.svelte-zs85z0 {font-size:var(--chart-legend-font-size, 12px);color:var(--chart-legend-color, light-dark(#333, #e5e7eb));}.legend-toggle.svelte-zs85z0 {background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;}.legend-hidden.svelte-zs85z0 .legend-swatch:where(.svelte-zs85z0) {opacity:0.25;}.legend-hidden.svelte-zs85z0 .legend-label:where(.svelte-zs85z0) {color:var(--chart-legend-hidden-color, light-dark(#bbb, #555));}"
|
|
30445
|
+
code: ".chart-legend.svelte-zs85z0 {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--chart-legend-gap, 16px);font-family:var(--chart-font-family, inherit);padding:8px 0;}.position-top.svelte-zs85z0 {padding-bottom:12px;}.position-bottom.svelte-zs85z0 {padding-top:12px;}.legend-item.svelte-zs85z0 {display:flex;align-items:center;gap:6px;}.legend-swatch.svelte-zs85z0 {display:inline-block;width:var(--chart-legend-swatch-size, 12px);height:var(--chart-legend-swatch-size, 12px);border-radius:var(--chart-swatch-radius, 2px);flex-shrink:0;}.legend-label.svelte-zs85z0 {font-size:var(--chart-legend-font-size, 12px);color:var(--chart-legend-color, light-dark(#333, #e5e7eb));}.legend-aggregate.svelte-zs85z0 {font-size:var(--chart-legend-font-size, 12px);font-weight:600;color:var(--chart-legend-aggregate-color, light-dark(#111, #f5f5f5));}.legend-toggle.svelte-zs85z0 {\n /* The button no longer IS the row -- it holds the swatch and label, and the\n aggregate is its sibling -- so it carries its own flex layout. */display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;}.legend-hidden.svelte-zs85z0 .legend-swatch:where(.svelte-zs85z0) {opacity:0.25;}.legend-hidden.svelte-zs85z0 .legend-label:where(.svelte-zs85z0),\n .legend-hidden.svelte-zs85z0 .legend-aggregate:where(.svelte-zs85z0) {color:var(--chart-legend-hidden-color, light-dark(#bbb, #555));}"
|
|
30416
30446
|
};
|
|
30417
30447
|
function Legend(e, t) {
|
|
30418
30448
|
push(t, !0), append_styles$1(e, $$css$23);
|
|
@@ -30449,23 +30479,38 @@ function Legend(e, t) {
|
|
|
30449
30479
|
s(e), flushSync();
|
|
30450
30480
|
}
|
|
30451
30481
|
}, l = comment(), u = first_child(l), f = (e) => {
|
|
30452
|
-
var t =
|
|
30482
|
+
var t = root_3$13(), c = child(t), l = (e) => {
|
|
30453
30483
|
var t = comment();
|
|
30454
30484
|
snippet(first_child(t), o, n), append(e, t);
|
|
30455
30485
|
}, u = (e) => {
|
|
30456
30486
|
var t = comment();
|
|
30457
30487
|
each(first_child(t), 17, n, index, (e, t, n) => {
|
|
30458
30488
|
var i = comment(), o = first_child(i), s = (e) => {
|
|
30459
|
-
var i =
|
|
30489
|
+
var i = root_1$19();
|
|
30460
30490
|
let o;
|
|
30461
|
-
|
|
30462
|
-
|
|
30463
|
-
|
|
30464
|
-
|
|
30465
|
-
|
|
30491
|
+
var s = child(i);
|
|
30492
|
+
set_attribute(s, "data-pw", `legend-toggle-${n}`), set_attribute(s, "testid", `legend-toggle-${n}`);
|
|
30493
|
+
var c = child(s), l = sibling(c, 2), u = child(l, !0);
|
|
30494
|
+
reset(l), reset(s);
|
|
30495
|
+
var f = sibling(s, 2), p = (e) => {
|
|
30496
|
+
var n = root$21(), i = child(n, !0);
|
|
30497
|
+
reset(n), template_effect(() => set_text(i, get(t).aggregateLabel)), append(e, n);
|
|
30498
|
+
};
|
|
30499
|
+
if_block(f, (e) => {
|
|
30500
|
+
get(t).aggregateLabel && e(p);
|
|
30501
|
+
}), reset(i), template_effect(() => {
|
|
30502
|
+
o = set_class(i, 1, "legend-item svelte-zs85z0", null, o, { "legend-hidden": get(t).hidden }), set_attribute(s, "aria-pressed", !get(t).hidden), set_style(c, `background: ${get(t).color ?? ""}`), set_text(u, get(t).label);
|
|
30503
|
+
}), delegated("click", s, () => a()(n)), append(e, i);
|
|
30466
30504
|
}, c = (e) => {
|
|
30467
|
-
var n =
|
|
30468
|
-
reset(a)
|
|
30505
|
+
var n = root_2$14(), i = child(n), a = sibling(i, 2), o = child(a, !0);
|
|
30506
|
+
reset(a);
|
|
30507
|
+
var s = sibling(a, 2), c = (e) => {
|
|
30508
|
+
var n = root$21(), i = child(n, !0);
|
|
30509
|
+
reset(n), template_effect(() => set_text(i, get(t).aggregateLabel)), append(e, n);
|
|
30510
|
+
};
|
|
30511
|
+
if_block(s, (e) => {
|
|
30512
|
+
get(t).aggregateLabel && e(c);
|
|
30513
|
+
}), reset(n), template_effect(() => {
|
|
30469
30514
|
set_style(i, `background: ${get(t).color ?? ""}`), set_text(o, get(t).label);
|
|
30470
30515
|
}), append(e, n);
|
|
30471
30516
|
};
|
|
@@ -40070,9 +40115,9 @@ function createSanitizingRenderer(e, t, n, i) {
|
|
|
40070
40115
|
function annotateExternalLinks(e) {
|
|
40071
40116
|
return e.replace(EXTERNAL_ANCHOR_PATTERN, "<a href=\"$1\" target=\"_blank\" rel=\"noopener noreferrer\"");
|
|
40072
40117
|
}
|
|
40073
|
-
function wrapTables(e, t) {
|
|
40074
|
-
let n = typeof t == "string" && t.length > 0 ? `<div class="
|
|
40075
|
-
return e.replace(TABLE_OPEN, `${
|
|
40118
|
+
function wrapTables(e, t, n) {
|
|
40119
|
+
let i = typeof n == "string" ? n.trim() : "", a = i.length > 0 ? `${DEFAULT_TABLE_WRAPPER_CLASS} ${escapeHtml(i)}` : DEFAULT_TABLE_WRAPPER_CLASS, o = typeof t == "string" && t.length > 0 ? `<div class="${a}" tabindex="0" role="region" aria-label="${escapeHtml(t)}">` : `<div class="${a}" tabindex="0">`;
|
|
40120
|
+
return e.replace(TABLE_OPEN, `${o}<table>`).replace(TABLE_CLOSE, "</table></div>");
|
|
40076
40121
|
}
|
|
40077
40122
|
function instanceFor(e) {
|
|
40078
40123
|
let t = e.breaks === !0, n = resolveProtocolSets(e.sanitize), i = resolveTagAllowList(e.sanitize?.allowedTags), a = e.sanitize?.disableTaskLists === !0, o = resolveRawHtmlMode(e.sanitize?.rawHtml), s = [
|
|
@@ -40093,18 +40138,18 @@ function renderMarkdown(e, t = {}) {
|
|
|
40093
40138
|
let n = instanceFor(t), i = t.inline === !0 ? n.parseInline(e) : n.parse(e);
|
|
40094
40139
|
if (typeof i != "string") return "";
|
|
40095
40140
|
let a = annotateExternalLinks(i);
|
|
40096
|
-
return t.inline === !0 ? a : wrapTables(a, t.tableLabel);
|
|
40141
|
+
return t.inline === !0 ? a : wrapTables(a, t.tableLabel, t.tableWrapperClass);
|
|
40097
40142
|
}
|
|
40098
|
-
var SAFE_LINK_PROTOCOLS, SAFE_IMAGE_PROTOCOLS, NUMERIC_REFERENCE, NAMED_WHITESPACE_REFERENCE, STRIPPED_BY_URL_PARSER, instances, EXTERNAL_ANCHOR_PATTERN, TABLE_OPEN, TABLE_CLOSE, init_markdown = __esmMin((() => {
|
|
40143
|
+
var SAFE_LINK_PROTOCOLS, SAFE_IMAGE_PROTOCOLS, NUMERIC_REFERENCE, NAMED_WHITESPACE_REFERENCE, STRIPPED_BY_URL_PARSER, instances, EXTERNAL_ANCHOR_PATTERN, TABLE_OPEN, TABLE_CLOSE, DEFAULT_TABLE_WRAPPER_CLASS, init_markdown = __esmMin((() => {
|
|
40099
40144
|
init_marked_esm(), init_dist(), SAFE_LINK_PROTOCOLS = new Set([
|
|
40100
40145
|
"http:",
|
|
40101
40146
|
"https:",
|
|
40102
40147
|
"mailto:",
|
|
40103
40148
|
"tel:"
|
|
40104
|
-
]), SAFE_IMAGE_PROTOCOLS = new Set(["http:", "https:"]), NUMERIC_REFERENCE = /&#(x[0-9a-f]+|[0-9]+);?/gi, NAMED_WHITESPACE_REFERENCE = /&(tab|newline);/gi, STRIPPED_BY_URL_PARSER = /[\u0000-\u0020\u007f]/g, instances = /* @__PURE__ */ new Map(), EXTERNAL_ANCHOR_PATTERN = /<a href="(https?:\/\/[^"]*)"/g, TABLE_OPEN = /<table>/g, TABLE_CLOSE = /<\/table>/g;
|
|
40149
|
+
]), SAFE_IMAGE_PROTOCOLS = new Set(["http:", "https:"]), NUMERIC_REFERENCE = /&#(x[0-9a-f]+|[0-9]+);?/gi, NAMED_WHITESPACE_REFERENCE = /&(tab|newline);/gi, STRIPPED_BY_URL_PARSER = /[\u0000-\u0020\u007f]/g, instances = /* @__PURE__ */ new Map(), EXTERNAL_ANCHOR_PATTERN = /<a href="(https?:\/\/[^"]*)"/g, TABLE_OPEN = /<table>/g, TABLE_CLOSE = /<\/table>/g, DEFAULT_TABLE_WRAPPER_CLASS = "markdown-table-wrapper";
|
|
40105
40150
|
})), root$11 = /* @__PURE__ */ from_html("<div class=\"avatar svelte-ivh8u\"><!></div>"), root_1$10 = /* @__PURE__ */ from_html("<div class=\"header svelte-ivh8u\"><!></div>"), root_2$7 = /* @__PURE__ */ from_html("<span class=\"marker svelte-ivh8u\" aria-hidden=\"true\"></span>"), root_3$7 = /* @__PURE__ */ from_html("<div class=\"body svelte-ivh8u\"><!></div>"), root_4$6 = /* @__PURE__ */ from_html("<div class=\"body svelte-ivh8u\"></div>"), root_5$6 = /* @__PURE__ */ from_html("<div class=\"body text svelte-ivh8u\"> </div>"), root_6$6 = /* @__PURE__ */ from_html("<div class=\"clamp-toggle svelte-ivh8u\"><!></div>"), root_7$5 = /* @__PURE__ */ from_html("<span class=\"typing svelte-ivh8u\"><!></span>"), root_8$5 = /* @__PURE__ */ from_html("<div class=\"message-attachments svelte-ivh8u\"><!></div>"), root_9$3 = /* @__PURE__ */ from_html("<div class=\"action svelte-ivh8u\"><!></div>"), root_10$2 = /* @__PURE__ */ from_html("<div class=\"action svelte-ivh8u\"><!></div> <div class=\"action svelte-ivh8u\"><!></div>", 1), root_11$1 = /* @__PURE__ */ from_html("<div class=\"actions svelte-ivh8u\"><!> <!> <!> <!></div>"), root_12$1 = /* @__PURE__ */ from_html("<article><div class=\"row svelte-ivh8u\"><!> <div class=\"content svelte-ivh8u\"><!> <div><!> <!> <!> <!></div> <!> <!></div></div></article>"), $$css$12 = {
|
|
40106
40151
|
hash: "svelte-ivh8u",
|
|
40107
|
-
code: ".chat-message.svelte-ivh8u {box-sizing:border-box;display:flex;flex-direction:column;max-width:var(--chat-message-max-width, 82%);margin:var(--chat-message-margin, 0);}.chat-message.party-sender.svelte-ivh8u {align-self:flex-end;align-items:flex-end;}.chat-message.party-responder.svelte-ivh8u {align-self:flex-start;align-items:flex-start;}.row.svelte-ivh8u {display:flex;gap:var(--chat-message-gap, 10px);align-items:flex-end;width:100%;}.chat-message.party-sender.svelte-ivh8u .row:where(.svelte-ivh8u) {flex-direction:row-reverse;}.avatar.svelte-ivh8u {display:flex;flex-shrink:0;align-items:center;justify-content:center;}.content.svelte-ivh8u {display:flex;flex-direction:column;gap:var(--chat-message-content-gap, 6px);min-width:0;}.header.svelte-ivh8u {font-size:var(--chat-message-header-font-size, 0.75rem);color:var(--chat-message-header-color, #71717a);}.bubble.svelte-ivh8u {box-sizing:border-box;padding:var(--chat-message-bubble-padding, 9px 13px);border-radius:var(--chat-message-bubble-border-radius, 16px);font-size:var(--chat-message-font-size, 0.9375rem);line-height:var(--chat-message-line-height, 1.5);color:var(--chat-message-color, #27272a);background:var(--chat-message-background, #f4f4f5);border:var(--chat-message-border, none);box-shadow:var(--chat-message-box-shadow, none);word-wrap:break-word;overflow-wrap:anywhere;}\n\n /* Only the marker variant becomes a containing block: making every bubble relative\n would silently re-base any absolutely-positioned content a consumer renders in a\n body snippet. */.bubble.has-marker.svelte-ivh8u {position:relative;}.marker.svelte-ivh8u {\n /* Decorative and absolutely positioned, so it sits over the bubble's leading\n padding — where a link at the start of a responder message also sits. Without\n this it silently eats those clicks. */pointer-events:none;position:absolute;inset-block:var(--chat-message-marker-inset-block, 0);\n /* Logical, so the bar follows `role` alignment into RTL instead of pinning left. */inset-inline-start:var(--chat-message-marker-offset, 0px);width:var(--chat-message-marker-width, 2px);border-radius:var(--chat-message-marker-border-radius, 0);background:var(--chat-message-marker-color, #6d28d9);}.chat-message.party-sender.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-sender-color, #ffffff);background:var(--chat-message-sender-background, #18181b);border:var(--chat-message-sender-border, none);border-radius:var(\n --chat-message-sender-border-radius,\n var(--chat-message-bubble-border-radius, 16px)\n );}.chat-message.party-responder.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-responder-color, var(--chat-message-color, #27272a));background:var(--chat-message-responder-background, transparent);border:var(--chat-message-responder-border, none);padding:var(--chat-message-responder-padding, 2px 0);}.chat-message.error.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-error-color, #e0334b);}.text.svelte-ivh8u {white-space:pre-wrap;}.typing.svelte-ivh8u {display:inline-flex;align-items:center;}.message-attachments.svelte-ivh8u {display:flex;flex-direction:column;gap:var(--chat-message-attachments-gap, 8px);margin:var(--chat-message-attachments-margin, 4px 0 0 0);}.message-attachments.svelte-ivh8u:empty {display:none;}.actions.svelte-ivh8u {display:flex;align-items:center;gap:var(--chat-message-actions-gap, 2px);opacity:var(--chat-message-actions-opacity, 0);transition:var(--chat-message-actions-transition, opacity 0.15s ease);--button-width: var(--chat-message-action-size, 28px);--button-height: var(--chat-message-action-size, 28px);--button-padding: var(--chat-message-action-padding, 6px);--button-border-radius: var(--chat-message-action-border-radius, 6px);--button-color: var(--chat-message-action-background-color, transparent);--button-text-color: var(--chat-message-action-color, #71717a);--button-content-gap: 0px;--button-hover-color: var(--chat-message-action-hover-background-color, #f4f4f5);}.chat-message.svelte-ivh8u:hover .actions:where(.svelte-ivh8u),\n .chat-message.svelte-ivh8u:focus-within .actions:where(.svelte-ivh8u) {opacity:1;}.action.svelte-ivh8u {display:flex;}.action.svelte-ivh8u svg {height:100%;width:100%;}\n\n @media (hover: none) {.actions.svelte-ivh8u {opacity:1;}\n }.clamp-toggle.svelte-ivh8u {display:flex;margin-top:var(--chat-message-clamp-toggle-margin-top, 4px);}\n\n /* Clamp the rendered body, not the source: the message keeps its markup and its\n copy text, and expanding is a state change rather than a re-render. */.bubble[data-clamped='true'].svelte-ivh8u .body:where(.svelte-ivh8u) {display:-webkit-box;line-clamp:var(--chat-message-clamp-lines, var(--chat-message-clamp-lines-prop, 2));-webkit-line-clamp:var(--chat-message-clamp-lines, var(--chat-message-clamp-lines-prop, 2));-webkit-box-orient:vertical;overflow:hidden;}.body.svelte-ivh8u p {margin:var(--chat-message-paragraph-margin, 0 0 0.5em 0);}.body.svelte-ivh8u p:last-child {margin-bottom:0;}.body.svelte-ivh8u a {color:var(--chat-message-link-color, #6d28d9);text-decoration:underline;text-underline-offset:2px;}.body.svelte-ivh8u code {font-family:var(--chat-message-code-font-family, ui-monospace, monospace);font-size:0.88em;background:var(--chat-message-code-background, rgba(0, 0, 0, 0.05));padding:1px 5px;border-radius:4px;}.body.svelte-ivh8u pre {background:var(--chat-message-pre-background, rgba(0, 0, 0, 0.05));padding:10px 12px;border-radius:8px;overflow-x:auto;margin:0.5em 0;}.body.svelte-ivh8u pre code {background:transparent;padding:0;}.body.svelte-ivh8u ul,\n .body.svelte-ivh8u ol {margin:var(--chat-message-list-margin, 0.4em 0);padding-left:var(--chat-message-list-padding, 1.4em);}.body.svelte-ivh8u li {margin:0.2em 0;}.body.svelte-ivh8u h1,\n .body.svelte-ivh8u h2,\n .body.svelte-ivh8u h3,\n .body.svelte-ivh8u h4,\n .body.svelte-ivh8u h5,\n .body.svelte-ivh8u h6 {margin:var(--chat-message-heading-margin, 0.8em 0 0.4em 0);line-height:1.3;}.body.svelte-ivh8u h1 {font-size:1.35em;}.body.svelte-ivh8u h2 {font-size:1.2em;}.body.svelte-ivh8u h3 {font-size:1.1em;}.body.svelte-ivh8u h4,\n .body.svelte-ivh8u h5,\n .body.svelte-ivh8u h6 {font-size:1em;}.body.svelte-ivh8u blockquote {margin:0.5em 0;padding:2px 0 2px 12px;border-left:3px solid var(--chat-message-blockquote-border-color, rgba(0, 0, 0, 0.15));opacity:var(--chat-message-blockquote-opacity, 0.85);}.body.svelte-ivh8u table {display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0.5em 0;}.body.svelte-ivh8u th,\n .body.svelte-ivh8u td {padding:5px 10px;border:1px solid var(--chat-message-table-border-color, rgba(0, 0, 0, 0.12));text-align:left;}.body.svelte-ivh8u th {background:var(--chat-message-table-header-background, rgba(0, 0, 0, 0.04));}.body.svelte-ivh8u img {max-width:100%;border-radius:var(--chat-message-image-border-radius, 8px);}.body.svelte-ivh8u hr {border:none;border-top:1px solid var(--chat-message-hr-color, rgba(0, 0, 0, 0.12));margin:0.8em 0;}"
|
|
40152
|
+
code: ".chat-message.svelte-ivh8u {box-sizing:border-box;display:flex;flex-direction:column;max-width:var(--chat-message-max-width, 82%);margin:var(--chat-message-margin, 0);}.chat-message.party-sender.svelte-ivh8u {align-self:flex-end;align-items:flex-end;}.chat-message.party-responder.svelte-ivh8u {align-self:flex-start;align-items:flex-start;}.row.svelte-ivh8u {display:flex;gap:var(--chat-message-gap, 10px);align-items:flex-end;width:100%;}.chat-message.party-sender.svelte-ivh8u .row:where(.svelte-ivh8u) {flex-direction:row-reverse;}.avatar.svelte-ivh8u {display:flex;flex-shrink:0;align-items:center;justify-content:center;}.content.svelte-ivh8u {display:flex;flex-direction:column;gap:var(--chat-message-content-gap, 6px);min-width:0;}.header.svelte-ivh8u {font-size:var(--chat-message-header-font-size, 0.75rem);color:var(--chat-message-header-color, #71717a);}.bubble.svelte-ivh8u {box-sizing:border-box;padding:var(--chat-message-bubble-padding, 9px 13px);border-radius:var(--chat-message-bubble-border-radius, 16px);font-size:var(--chat-message-font-size, 0.9375rem);line-height:var(--chat-message-line-height, 1.5);color:var(--chat-message-color, #27272a);background:var(--chat-message-background, #f4f4f5);border:var(--chat-message-border, none);box-shadow:var(--chat-message-box-shadow, none);word-wrap:break-word;overflow-wrap:anywhere;}\n\n /* Only the marker variant becomes a containing block: making every bubble relative\n would silently re-base any absolutely-positioned content a consumer renders in a\n body snippet. */.bubble.has-marker.svelte-ivh8u {position:relative;}.marker.svelte-ivh8u {\n /* Decorative and absolutely positioned, so it sits over the bubble's leading\n padding — where a link at the start of a responder message also sits. Without\n this it silently eats those clicks. */pointer-events:none;position:absolute;inset-block:var(--chat-message-marker-inset-block, 0);\n /* Logical, so the bar follows `role` alignment into RTL instead of pinning left. */inset-inline-start:var(--chat-message-marker-offset, 0px);width:var(--chat-message-marker-width, 2px);border-radius:var(--chat-message-marker-border-radius, 0);background:var(--chat-message-marker-color, #6d28d9);}.chat-message.party-sender.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-sender-color, #ffffff);background:var(--chat-message-sender-background, #18181b);border:var(--chat-message-sender-border, none);border-radius:var(\n --chat-message-sender-border-radius,\n var(--chat-message-bubble-border-radius, 16px)\n );}.chat-message.party-responder.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-responder-color, var(--chat-message-color, #27272a));background:var(--chat-message-responder-background, transparent);border:var(--chat-message-responder-border, none);padding:var(--chat-message-responder-padding, 2px 0);}.chat-message.error.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-error-color, #e0334b);}.text.svelte-ivh8u {white-space:pre-wrap;}.typing.svelte-ivh8u {display:inline-flex;align-items:center;}.message-attachments.svelte-ivh8u {display:flex;flex-direction:column;gap:var(--chat-message-attachments-gap, 8px);margin:var(--chat-message-attachments-margin, 4px 0 0 0);}.message-attachments.svelte-ivh8u:empty {display:none;}.actions.svelte-ivh8u {display:flex;align-items:center;gap:var(--chat-message-actions-gap, 2px);opacity:var(--chat-message-actions-opacity, 0);transition:var(--chat-message-actions-transition, opacity 0.15s ease);--button-width: var(--chat-message-action-size, 28px);--button-height: var(--chat-message-action-size, 28px);--button-padding: var(--chat-message-action-padding, 6px);--button-border-radius: var(--chat-message-action-border-radius, 6px);--button-color: var(--chat-message-action-background-color, transparent);--button-text-color: var(--chat-message-action-color, #71717a);--button-content-gap: 0px;--button-hover-color: var(--chat-message-action-hover-background-color, #f4f4f5);}.chat-message.svelte-ivh8u:hover .actions:where(.svelte-ivh8u),\n .chat-message.svelte-ivh8u:focus-within .actions:where(.svelte-ivh8u) {opacity:1;}.action.svelte-ivh8u {display:flex;}.action.svelte-ivh8u svg {height:100%;width:100%;}\n\n @media (hover: none) {.actions.svelte-ivh8u {opacity:1;}\n }.clamp-toggle.svelte-ivh8u {display:flex;margin-top:var(--chat-message-clamp-toggle-margin-top, 4px);}\n\n /* Clamp the rendered body, not the source: the message keeps its markup and its\n copy text, and expanding is a state change rather than a re-render. */.bubble[data-clamped='true'].svelte-ivh8u .body:where(.svelte-ivh8u) {display:-webkit-box;line-clamp:var(--chat-message-clamp-lines, var(--chat-message-clamp-lines-prop, 2));-webkit-line-clamp:var(--chat-message-clamp-lines, var(--chat-message-clamp-lines-prop, 2));-webkit-box-orient:vertical;overflow:hidden;}.body.svelte-ivh8u p {margin:var(--chat-message-paragraph-margin, 0 0 0.5em 0);}.body.svelte-ivh8u p:last-child {margin-bottom:0;}.body.svelte-ivh8u a {color:var(--chat-message-link-color, #6d28d9);text-decoration:underline;text-underline-offset:2px;}.body.svelte-ivh8u code {font-family:var(--chat-message-code-font-family, ui-monospace, monospace);font-size:0.88em;background:var(--chat-message-code-background, rgba(0, 0, 0, 0.05));padding:1px 5px;border-radius:4px;}.body.svelte-ivh8u pre {background:var(--chat-message-pre-background, rgba(0, 0, 0, 0.05));padding:10px 12px;border-radius:8px;overflow-x:auto;margin:0.5em 0;}.body.svelte-ivh8u pre code {background:transparent;padding:0;}.body.svelte-ivh8u ul,\n .body.svelte-ivh8u ol {margin:var(--chat-message-list-margin, 0.4em 0);padding-left:var(--chat-message-list-padding, 1.4em);}.body.svelte-ivh8u li {margin:0.2em 0;}.body.svelte-ivh8u h1,\n .body.svelte-ivh8u h2,\n .body.svelte-ivh8u h3,\n .body.svelte-ivh8u h4,\n .body.svelte-ivh8u h5,\n .body.svelte-ivh8u h6 {margin:var(--chat-message-heading-margin, 0.8em 0 0.4em 0);line-height:1.3;}.body.svelte-ivh8u h1 {font-size:1.35em;}.body.svelte-ivh8u h2 {font-size:1.2em;}.body.svelte-ivh8u h3 {font-size:1.1em;}.body.svelte-ivh8u h4,\n .body.svelte-ivh8u h5,\n .body.svelte-ivh8u h6 {font-size:1em;}.body.svelte-ivh8u blockquote {margin:0.5em 0;padding:2px 0 2px 12px;border-left:3px solid var(--chat-message-blockquote-border-color, rgba(0, 0, 0, 0.15));opacity:var(--chat-message-blockquote-opacity, 0.85);}\n\n /* Fallback for a bare <table> in caller-supplied `html`, which has no scroll\n container of its own: it keeps the block treatment so a wide table scrolls\n rather than overflowing the message. A table that came from `markdown` (or\n from `renderMarkdown`) arrives inside `.markdown-table-wrapper`, and the\n rules below take it back out of block layout. */.body.svelte-ivh8u table {display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0.5em 0;}\n\n /* The wrapper scrolls, not the table. `display: block` on a <table> is what\n makes `overflow-x` work on the element itself, but it strips the table's\n semantics for assistive technology -- a screen reader loses row and column\n navigation. MarkdownText separates the scroll container from the table for\n exactly that reason; this component rendered the same wrapper markup and\n styled the table instead, so a chat table was scrollable and no longer a\n table. Chat is where markdown tables overwhelmingly land. */.body.svelte-ivh8u .markdown-table-wrapper {display:block;max-width:100%;overflow-x:auto;margin:0.5em 0;}\n\n /* The wrapper is a tab stop (the renderer emits tabindex=\"0\" so the scroll is\n reachable by keyboard). The browser's default ring already applies; this\n replaces it with the same 2px treatment the rest of the library uses, since\n the 1px UA default is easy to miss against a message bubble. */.body.svelte-ivh8u .markdown-table-wrapper:focus-visible {outline:2px solid var(--chat-message-table-focus-outline-color, #3b82f6);outline-offset:2px;}\n\n /* Without an intrinsic width the table is exactly its container's width and a\n wide table compresses instead of scrolling. `max-content` supplies it;\n `min-width` keeps a narrow table filling the bubble. */.body.svelte-ivh8u .markdown-table-wrapper table {display:table;width:max-content;min-width:100%;overflow-x:visible;margin:0;}.body.svelte-ivh8u th,\n .body.svelte-ivh8u td {padding:5px 10px;border:1px solid var(--chat-message-table-border-color, rgba(0, 0, 0, 0.12));text-align:left;}.body.svelte-ivh8u th {background:var(--chat-message-table-header-background, rgba(0, 0, 0, 0.04));}.body.svelte-ivh8u img {max-width:100%;border-radius:var(--chat-message-image-border-radius, 8px);}.body.svelte-ivh8u hr {border:none;border-top:1px solid var(--chat-message-hr-color, rgba(0, 0, 0, 0.12));margin:0.8em 0;}"
|
|
40108
40153
|
};
|
|
40109
40154
|
function ChatMessage(e, t) {
|
|
40110
40155
|
let n = props_id();
|
|
@@ -43475,12 +43520,13 @@ var root$4 = /* @__PURE__ */ from_html("<div></div>"), $$css$5 = {
|
|
|
43475
43520
|
};
|
|
43476
43521
|
function MarkdownText(e, t) {
|
|
43477
43522
|
push(t, !0), append_styles$1(e, $$css$5);
|
|
43478
|
-
let n = prop(t, "markdown", 7), i = prop(t, "breaks", 7, !1), a = prop(t, "testId", 7), o = prop(t, "classes", 7), s = prop(t, "tableLabel", 7), c = prop(t, "
|
|
43523
|
+
let n = prop(t, "markdown", 7), i = prop(t, "breaks", 7, !1), a = prop(t, "testId", 7), o = prop(t, "classes", 7), s = prop(t, "tableLabel", 7), c = prop(t, "tableWrapperClass", 7), l = prop(t, "sanitize", 7), u = /* @__PURE__ */ user_derived(() => renderMarkdown(n(), {
|
|
43479
43524
|
breaks: i(),
|
|
43480
43525
|
tableLabel: s(),
|
|
43481
|
-
|
|
43526
|
+
tableWrapperClass: c(),
|
|
43527
|
+
sanitize: l()
|
|
43482
43528
|
}));
|
|
43483
|
-
var
|
|
43529
|
+
var f = {
|
|
43484
43530
|
get markdown() {
|
|
43485
43531
|
return n();
|
|
43486
43532
|
},
|
|
@@ -43511,16 +43557,22 @@ function MarkdownText(e, t) {
|
|
|
43511
43557
|
set tableLabel(e) {
|
|
43512
43558
|
s(e), flushSync();
|
|
43513
43559
|
},
|
|
43514
|
-
get
|
|
43560
|
+
get tableWrapperClass() {
|
|
43515
43561
|
return c();
|
|
43516
43562
|
},
|
|
43517
|
-
set
|
|
43563
|
+
set tableWrapperClass(e) {
|
|
43518
43564
|
c(e), flushSync();
|
|
43565
|
+
},
|
|
43566
|
+
get sanitize() {
|
|
43567
|
+
return l();
|
|
43568
|
+
},
|
|
43569
|
+
set sanitize(e) {
|
|
43570
|
+
l(e), flushSync();
|
|
43519
43571
|
}
|
|
43520
|
-
},
|
|
43521
|
-
return html(
|
|
43522
|
-
set_class(
|
|
43523
|
-
}), append(e,
|
|
43572
|
+
}, p = root$4();
|
|
43573
|
+
return html(p, () => get(u), !0), reset(p), template_effect(() => {
|
|
43574
|
+
set_class(p, 1, `markdown-text ${o() ?? "" ?? ""}`, "svelte-1d6q5h0"), set_attribute(p, "data-pw", typeof a() == "string" ? a() : null), set_attribute(p, "testid", typeof a() == "string" ? a() : null);
|
|
43575
|
+
}), append(e, p), pop(f);
|
|
43524
43576
|
}
|
|
43525
43577
|
create_custom_element(MarkdownText, {
|
|
43526
43578
|
markdown: {},
|
|
@@ -43528,6 +43580,7 @@ create_custom_element(MarkdownText, {
|
|
|
43528
43580
|
testId: {},
|
|
43529
43581
|
classes: {},
|
|
43530
43582
|
tableLabel: {},
|
|
43583
|
+
tableWrapperClass: {},
|
|
43531
43584
|
sanitize: {}
|
|
43532
43585
|
}, [], [], { mode: "open" });
|
|
43533
43586
|
//#endregion
|
|
@@ -43554,6 +43607,10 @@ customElements.define("sui-markdown-text", create_custom_element(MarkdownText_wc
|
|
|
43554
43607
|
attribute: "table-label",
|
|
43555
43608
|
type: "String"
|
|
43556
43609
|
},
|
|
43610
|
+
tableWrapperClass: {
|
|
43611
|
+
attribute: "table-wrapper-class",
|
|
43612
|
+
type: "String"
|
|
43613
|
+
},
|
|
43557
43614
|
sanitize: { type: "Object" }
|
|
43558
43615
|
}, [], [], { mode: "open" }));
|
|
43559
43616
|
//#endregion
|