@juspay/svelte-ui-components 4.1.2 → 4.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/MediaPlayer/MediaPlayer.svelte +287 -2
- package/dist/MediaPlayer/MediaPlayer.svelte.d.ts +1 -1
- package/dist/MediaPlayer/properties.d.ts +46 -0
- package/dist/Pill/Pill.svelte +45 -6
- package/dist/Pill/pillTone.d.ts +15 -0
- package/dist/Pill/pillTone.js +16 -0
- package/dist/Pill/properties.d.ts +14 -0
- package/dist/Slider/Slider.svelte +2 -0
- package/dist/Slider/properties.d.ts +5 -0
- package/dist/assets/exit-fullscreen.svg +6 -0
- package/dist/assets/fullscreen.svg +6 -0
- package/dist-wc/index.js +603 -344
- package/package.json +1 -1
package/dist-wc/index.js
CHANGED
|
@@ -3721,7 +3721,7 @@ create_custom_element(Img, {
|
|
|
3721
3721
|
}, [], [], { mode: "open" });
|
|
3722
3722
|
//#endregion
|
|
3723
3723
|
//#region src/lib/Avatar/Avatar.svelte
|
|
3724
|
-
var root$
|
|
3724
|
+
var root$88 = /* @__PURE__ */ from_html("<span class=\"avatar-img-wrapper svelte-ym3tx2\"><!></span>"), root_1$75 = /* @__PURE__ */ from_html("<span class=\"avatar-initials svelte-ym3tx2\"> </span>"), root_2$57 = /* @__PURE__ */ from_html("<button type=\"button\"><!></button>"), root_3$48 = /* @__PURE__ */ from_html("<div role=\"img\"><!></div>"), $$css$86 = {
|
|
3725
3725
|
hash: "svelte-ym3tx2",
|
|
3726
3726
|
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);}"
|
|
3727
3727
|
};
|
|
@@ -3729,7 +3729,7 @@ function Avatar(e, t) {
|
|
|
3729
3729
|
push(t, !0), append_styles$1(e, $$css$86);
|
|
3730
3730
|
let n = (e) => {
|
|
3731
3731
|
var t = comment(), n = first_child(t), o = (e) => {
|
|
3732
|
-
var t = root$
|
|
3732
|
+
var t = root$88();
|
|
3733
3733
|
Img(child(t), {
|
|
3734
3734
|
get src() {
|
|
3735
3735
|
return i();
|
|
@@ -3863,7 +3863,7 @@ customElements.define("sui-avatar", create_custom_element(Avatar_wc, {
|
|
|
3863
3863
|
}, [], [], { mode: "open" }));
|
|
3864
3864
|
//#endregion
|
|
3865
3865
|
//#region src/lib/Badge/Badge.svelte
|
|
3866
|
-
var root$
|
|
3866
|
+
var root$87 = /* @__PURE__ */ from_html("<div> </div>"), root_1$74 = /* @__PURE__ */ from_html("<div><div class=\"badge-wrap svelte-17t9ly6\"><img class=\"icon-img svelte-17t9ly6\"/> <!></div></div>"), $$css$85 = {
|
|
3867
3867
|
hash: "svelte-17t9ly6",
|
|
3868
3868
|
code: ".badge-wrap.svelte-17t9ly6 {position:relative;display:inline-block;margin:var(--badge-wrap-margin, 0px 12px 10px 0px);padding:var(--badge-wrap-padding, 8px 8px 8px 8px);}.badge.svelte-17t9ly6 {position:absolute;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;color:var(--badge-color, #fff);background-color:var(--badge-background, #727272);font-size:var(--badge-font-size, 12px);font-family:var(--badge-font-family, inherit);padding:var(--badge-padding, 3px 8px);border-radius:var(--badge-border-radius, 100px);min-width:var(--badge-min-width, 18px);min-height:var(--badge-min-height, 18px);border:var(--badge-border, 1px solid #fff);top:var(--badge-top, 0);right:var(--badge-right, 0);bottom:var(--badge-bottom);left:var(--badge-left);z-index:1;}.badge-dot.svelte-17t9ly6 {width:var(--badge-dot-size, 10px);height:var(--badge-dot-size, 10px);min-width:unset;min-height:unset;padding:0;}.badge-standalone.svelte-17t9ly6 {position:var(--badge-standalone-position, static);}.icon-img.svelte-17t9ly6 {border-radius:var(--badge-img-border-radius, var(--radius, 4px));width:var(--badge-img-width, 64px);height:var(--badge-img-height, 64px);object-fit:var(--badge-object-fit, contain);box-shadow:var(--badge-img-icon-shadow, 0 0 0 0.5px #798fa54d);background-color:var(--badge-img-background-color);}"
|
|
3869
3869
|
};
|
|
@@ -3921,7 +3921,7 @@ function Badge(e, t) {
|
|
|
3921
3921
|
}
|
|
3922
3922
|
}, R = comment(), te = first_child(R), ne = (e) => {
|
|
3923
3923
|
var t = root_1$74(), o = child(t), s = child(o), c = sibling(s, 2), f = (e) => {
|
|
3924
|
-
var t = root$
|
|
3924
|
+
var t = root$87();
|
|
3925
3925
|
let n;
|
|
3926
3926
|
var i = child(t, !0);
|
|
3927
3927
|
reset(t), template_effect(() => {
|
|
@@ -3934,7 +3934,7 @@ function Badge(e, t) {
|
|
|
3934
3934
|
set_class(t, 1, `badge-icon ${u() ?? "" ?? ""}`, "svelte-17t9ly6"), set_attribute(t, "data-pw", typeof l() == "string" ? l() : null), set_attribute(t, "testid", typeof l() == "string" ? l() : null), set_attribute(s, "src", n()), set_attribute(s, "alt", i());
|
|
3935
3935
|
}), append(e, t);
|
|
3936
3936
|
}, re = (e) => {
|
|
3937
|
-
var t = root$
|
|
3937
|
+
var t = root$87();
|
|
3938
3938
|
let n;
|
|
3939
3939
|
var i = child(t, !0);
|
|
3940
3940
|
reset(t), template_effect(() => {
|
|
@@ -4025,7 +4025,7 @@ customElements.define("sui-badge", create_custom_element(Badge_wc, {
|
|
|
4025
4025
|
}, [], [], { mode: "open" }));
|
|
4026
4026
|
//#endregion
|
|
4027
4027
|
//#region src/lib/Breadcrumb/Breadcrumb.svelte
|
|
4028
|
-
var root$
|
|
4028
|
+
var root$86 = /* @__PURE__ */ from_html("<li class=\"breadcrumb-separator svelte-1rmbuhq\" aria-hidden=\"true\"><!></li>"), root_1$73 = /* @__PURE__ */ from_html("<li class=\"breadcrumb-item svelte-1rmbuhq\"><!></li> <!>", 1), root_2$56 = /* @__PURE__ */ from_html("<nav><ol class=\"breadcrumb-list svelte-1rmbuhq\"></ol></nav>"), $$css$84 = {
|
|
4029
4029
|
hash: "svelte-1rmbuhq",
|
|
4030
4030
|
code: ".breadcrumb-list.svelte-1rmbuhq {display:flex;list-style:none;padding:0;margin:0;gap:var(--breadcrumb-list-gap);flex-wrap:var(--breadcrumb-flex-wrap, nowrap);align-items:center;}.breadcrumb-item.svelte-1rmbuhq {display:flex;align-items:center;}.breadcrumb-separator.svelte-1rmbuhq {display:flex;align-items:center;color:var(--breadcrumb-separator-color, currentColor);}"
|
|
4031
4031
|
};
|
|
@@ -4084,7 +4084,7 @@ function Breadcrumb(e, t) {
|
|
|
4084
4084
|
typeof i() == "function" && e(u);
|
|
4085
4085
|
}), reset(c);
|
|
4086
4086
|
var f = sibling(c, 2), p = (e) => {
|
|
4087
|
-
var t = root$
|
|
4087
|
+
var t = root$86(), n = child(t), i = (e) => {
|
|
4088
4088
|
var t = comment();
|
|
4089
4089
|
snippet(first_child(t), o), append(e, t);
|
|
4090
4090
|
}, a = (e) => {
|
|
@@ -4113,7 +4113,7 @@ create_custom_element(Breadcrumb, {
|
|
|
4113
4113
|
//#region src/wc/components/Breadcrumb.wc.svelte
|
|
4114
4114
|
var defaultItem = (e, t = noop) => {
|
|
4115
4115
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
4116
|
-
var n = root$
|
|
4116
|
+
var n = root$85(), i = child(n, !0);
|
|
4117
4117
|
reset(n), template_effect(() => set_text(i, t().label)), append(e, n);
|
|
4118
4118
|
}, o = (e) => {
|
|
4119
4119
|
var n = root_1$72(), i = child(n, !0);
|
|
@@ -4127,7 +4127,7 @@ var defaultItem = (e, t = noop) => {
|
|
|
4127
4127
|
if_block(i, (e) => {
|
|
4128
4128
|
t().isLast ? e(a) : typeof t().href == "string" && t().href.length > 0 ? e(o, 1) : e(s, -1);
|
|
4129
4129
|
}), append(e, n);
|
|
4130
|
-
}, root$
|
|
4130
|
+
}, root$85 = /* @__PURE__ */ from_html("<span aria-current=\"page\"> </span>"), root_1$72 = /* @__PURE__ */ from_html("<a> </a>"), root_2$55 = /* @__PURE__ */ from_html("<span> </span>");
|
|
4131
4131
|
function Breadcrumb_wc(e, t) {
|
|
4132
4132
|
push(t, !0);
|
|
4133
4133
|
let n = prop(t, "breadcrumbAriaLabel", 7, ""), i = prop(t, "items", 23, () => []), a = prop(t, "classes", 7);
|
|
@@ -4184,7 +4184,7 @@ customElements.define("sui-breadcrumb", create_custom_element(Breadcrumb_wc, {
|
|
|
4184
4184
|
}, [], [], { mode: "open" }));
|
|
4185
4185
|
//#endregion
|
|
4186
4186
|
//#region src/lib/assets/chevron-left-lg.svg?raw
|
|
4187
|
-
var chevron_left_lg_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"15 18 9 12 15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_right_lg_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"9 18 15 12 9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$
|
|
4187
|
+
var chevron_left_lg_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"15 18 9 12 15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_right_lg_default = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"9 18 15 12 9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$84 = /* @__PURE__ */ from_html("<div></div>"), $$css$83 = {
|
|
4188
4188
|
hash: "svelte-1xov9mi",
|
|
4189
4189
|
code: ".loader.svelte-1xov9mi {font-size:var(--loader-font-size, 10px);text-indent:var(--loader-text-indent, -9999em);width:var(--loader-width, 20px);height:var(--loader-height, 20px);border-radius:var(--loader-border-radius, 50%);background:var(--loader-foreground);background:-moz-linear-gradient(\n left,\n var(--loader-foreground) 10%,\n var(--loader-foreground-end) 42%\n );background:-webkit-linear-gradient(\n left,\n var(--loader-foreground) 10%,\n var(--loader-foreground-end) 42%\n );background:-o-linear-gradient(\n left,\n var(--loader-foreground) 10%,\n var(--loader-foreground-end) 42%\n );background:-ms-linear-gradient(\n left,\n var(--loader-foreground) 10%,\n var(--loader-foreground-end) 42%\n );background:linear-gradient(\n to right,\n var(--loader-foreground) 10%,\n var(--loader-foreground-end) 42%\n );position:relative;\n -webkit-animation: svelte-1xov9mi-load3 1.4s infinite linear;\n animation: svelte-1xov9mi-load3 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}.loader.svelte-1xov9mi:before {width:var(--loader-before-width, 10px);height:var(--loader-before-height, 10px);background:var(--loader-foreground);border-radius:var(--loader-before-border-radius, 100% 0 0 0);position:var(--loader-before-position, absolute);top:var(--loader-before-top, 0);left:var(--loader-before-left, 0);content:'';}.loader.svelte-1xov9mi:after {background:var(--loader-background);width:var(--loader-after-width, 15px);height:var(--loader-after-height, 15px);border-radius:var(--loader-after-border-radius, 50%);content:'';position:var(--loader-after-position, absolute);top:var(--loader-after-top, 50%);left:var(--loader-after-left, 50%);transform:translate(-50%, -50%);}\n @-webkit-keyframes svelte-1xov9mi-load3 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n @keyframes svelte-1xov9mi-load3 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }"
|
|
4190
4190
|
};
|
|
@@ -4204,7 +4204,7 @@ function Loader(e, t) {
|
|
|
4204
4204
|
set testId(e) {
|
|
4205
4205
|
i(e), flushSync();
|
|
4206
4206
|
}
|
|
4207
|
-
}, o = root$
|
|
4207
|
+
}, o = root$84();
|
|
4208
4208
|
return template_effect(() => {
|
|
4209
4209
|
set_class(o, 1, `loader ${n() ?? "" ?? ""}`, "svelte-1xov9mi"), set_attribute(o, "data-pw", typeof i() == "string" ? i() : null), set_attribute(o, "testid", typeof i() == "string" ? i() : null);
|
|
4210
4210
|
}), append(e, o), pop(a);
|
|
@@ -4215,7 +4215,7 @@ create_custom_element(Loader, {
|
|
|
4215
4215
|
}, [], [], { mode: "open" });
|
|
4216
4216
|
//#endregion
|
|
4217
4217
|
//#region src/lib/Button/Button.svelte
|
|
4218
|
-
var root$
|
|
4218
|
+
var root$83 = /* @__PURE__ */ from_html("<div class=\"button-progress-bar svelte-1j9w5l4\"></div>"), root_1$71 = /* @__PURE__ */ from_html("<div class=\"button-loader svelte-1j9w5l4\"><!></div>"), root_2$54 = /* @__PURE__ */ from_html("<div class=\"button-icon svelte-1j9w5l4\"><!></div>"), root_3$47 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"></div>"), root_4$37 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"> </div>"), root_5$31 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), root_6$26 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$82 = {
|
|
4219
4219
|
hash: "svelte-1j9w5l4",
|
|
4220
4220
|
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 }"
|
|
4221
4221
|
};
|
|
@@ -4452,10 +4452,10 @@ function Button(e, t) {
|
|
|
4452
4452
|
set style(e) {
|
|
4453
4453
|
vt(e), flushSync();
|
|
4454
4454
|
}
|
|
4455
|
-
}, Et = root_6$
|
|
4455
|
+
}, Et = root_6$26();
|
|
4456
4456
|
let Dt;
|
|
4457
4457
|
var Ot = child(Et), kt = (e) => {
|
|
4458
|
-
append(e, root$
|
|
4458
|
+
append(e, root$83());
|
|
4459
4459
|
};
|
|
4460
4460
|
return if_block(Ot, (e) => {
|
|
4461
4461
|
R() && e(kt);
|
|
@@ -4489,7 +4489,7 @@ function Button(e, t) {
|
|
|
4489
4489
|
tabindex: c() && get(St) ? -1 : null,
|
|
4490
4490
|
[CLASS]: { disabled: get(St) }
|
|
4491
4491
|
}), void 0, void 0, void 0, "svelte-1j9w5l4");
|
|
4492
|
-
var i = root_5$
|
|
4492
|
+
var i = root_5$31(), a = first_child(i), o = (e) => {
|
|
4493
4493
|
var t = root_1$71();
|
|
4494
4494
|
Loader(child(t), {}), reset(t), append(e, t);
|
|
4495
4495
|
};
|
|
@@ -4573,7 +4573,7 @@ create_custom_element(Button, {
|
|
|
4573
4573
|
}, [], [], { mode: "open" });
|
|
4574
4574
|
//#endregion
|
|
4575
4575
|
//#region src/lib/Book/Book.svelte
|
|
4576
|
-
var root$
|
|
4576
|
+
var root$82 = /* @__PURE__ */ from_html("<div><!></div>"), root_1$70 = /* @__PURE__ */ from_html("<div class=\"page svelte-1qrpci6\"><!></div>"), root_2$53 = /* @__PURE__ */ from_html("<div class=\"page page-slide svelte-1qrpci6\"><!></div>"), root_3$46 = /* @__PURE__ */ from_html("<button></button>"), root_4$36 = /* @__PURE__ */ from_html("<div class=\"page-indicator svelte-1qrpci6\"></div>"), root_5$30 = /* @__PURE__ */ from_html("<div role=\"region\" tabindex=\"0\"><div class=\"book-viewport svelte-1qrpci6\"><!> <div class=\"pages-container svelte-1qrpci6\"></div> <!></div> <!></div>"), $$css$81 = {
|
|
4577
4577
|
hash: "svelte-1qrpci6",
|
|
4578
4578
|
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);}"
|
|
4579
4579
|
};
|
|
@@ -4682,8 +4682,8 @@ function Book(e, t) {
|
|
|
4682
4682
|
set classes(e) {
|
|
4683
4683
|
h(e), flushSync();
|
|
4684
4684
|
}
|
|
4685
|
-
}, Ue = root_5$
|
|
4686
|
-
var t = root$
|
|
4685
|
+
}, Ue = root_5$30(), it = child(Ue), at = child(it), ot = (e) => {
|
|
4686
|
+
var t = root$82();
|
|
4687
4687
|
let n;
|
|
4688
4688
|
var a = child(t);
|
|
4689
4689
|
{
|
|
@@ -4725,7 +4725,7 @@ function Book(e, t) {
|
|
|
4725
4725
|
n === i() && e(s);
|
|
4726
4726
|
}), append(e, a);
|
|
4727
4727
|
}, l = (e) => {
|
|
4728
|
-
var a = root$
|
|
4728
|
+
var a = root$82();
|
|
4729
4729
|
let o;
|
|
4730
4730
|
snippet(child(a), () => get(t).content), reset(a), template_effect(() => o = set_class(a, 1, "page page-fade svelte-1qrpci6", null, o, { "page-active": n === i() })), append(e, a);
|
|
4731
4731
|
}, u = (e) => {
|
|
@@ -4738,7 +4738,7 @@ function Book(e, t) {
|
|
|
4738
4738
|
}), append(e, o);
|
|
4739
4739
|
}), reset(ct);
|
|
4740
4740
|
var lt = sibling(ct, 2), ut = (e) => {
|
|
4741
|
-
var t = root$
|
|
4741
|
+
var t = root$82();
|
|
4742
4742
|
let a;
|
|
4743
4743
|
var o = child(t);
|
|
4744
4744
|
{
|
|
@@ -4865,7 +4865,7 @@ customElements.define("sui-book", create_custom_element(Book_wc, {
|
|
|
4865
4865
|
}, ["previous-icon", "next-icon"], [], { mode: "open" }));
|
|
4866
4866
|
//#endregion
|
|
4867
4867
|
//#region src/lib/BrandLoader/BrandLoader.svelte
|
|
4868
|
-
var root$
|
|
4868
|
+
var root$81 = /* @__PURE__ */ from_html("<div class=\"sub-text svelte-hezyt6\"> </div>"), root_1$69 = /* @__PURE__ */ from_html("<div><div class=\"loader svelte-hezyt6\"><img alt=\"\" class=\"svelte-hezyt6\"/> <div class=\"text svelte-hezyt6\"> </div> <!> <div class=\"lds-ellipsis svelte-hezyt6\"><div class=\"svelte-hezyt6\"></div> <div class=\"svelte-hezyt6\"></div> <div class=\"svelte-hezyt6\"></div> <div class=\"svelte-hezyt6\"></div></div></div></div>"), $$css$80 = {
|
|
4869
4869
|
hash: "svelte-hezyt6",
|
|
4870
4870
|
code: ".background.svelte-hezyt6 {height:var(--loader-background-height);width:var(--loader-background-width);border-radius:var(--loader-background-border-radius, 0px);}.loader.svelte-hezyt6 {\n /* --loader-height/--loader-width are also independently read by the\n unrelated Loader component (with a 20px default there, vs 100vh/100vw\n here), so a consumer setting either name in a scope containing both\n components would size them identically. --brand-loader-* is the\n namespaced, collision-free override point; the legacy --loader-*\n names are kept as a fallback so existing consumer overrides keep\n working unchanged. */height:var(--brand-loader-height, var(--loader-height, 100vh));width:var(--brand-loader-width, var(--loader-width, 100vw));border-radius:var(--loader-background-border-radius, 0px);display:flex;justify-content:var(--loader-justify-content, center);align-items:var(--loader-align-items, center);flex-direction:var(--loader-flex-direction, column);}.loader.svelte-hezyt6 img:where(.svelte-hezyt6) {height:var(--loader-img-height, 40px);width:var(--loader-img-width, 71px);}.text.svelte-hezyt6 {font-size:var(--loader-text-font-size, 22px);padding:var(--loader-text-padding, 16px 0px);color:var(--loader-text-color, white);font-family:var(--loader-text-font, inherit);}.sub-text.svelte-hezyt6 {font-size:var(--loader-sub-text-font-size, 12px);margin:var(--loader-sub-text-margin, 16px);}\n\n @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {.background.svelte-hezyt6 {\n animation: animateBackground 5s ease-in-out infinite normal;\n -webkit-animation: animateBackground 5s ease-in-out infinite normal;}.loader.svelte-hezyt6 {background-color:var(--loader-background-color, #ffffff33);-webkit-backdrop-filter:blur(var(--loader-webkit-backdrop-filter, 50px));backdrop-filter:blur(var(--loader-backdrop-blur, 50px));}\n }.lds-ellipsis.svelte-hezyt6 {display:var(--loader-ellipsis-display, inline-block);position:var(--loader-ellipsis-position, relative);width:var(--loader-ellipsis-width, 80px);height:var(--loader-ellipsis-height, 80px);}.lds-ellipsis.svelte-hezyt6 div:where(.svelte-hezyt6) {display:var(--loader-ellipsis-div-display, inherit);position:var(--loader-ellipsis-div-position, absolute);top:var(--loader-ellipsis-div-top, 5px);width:var(--loader-ellipsis-div-width, 13px);height:var(--loader-ellipsis-div-height, 13px);border-radius:var(--loader-ellipsis-div-border-radius, 50%);background:var(--loader-dot-color, #3a4550);animation-timing-function:var(--loader-ellipsis-animation-timing, cubic-bezier(0, 1, 1, 0));}.lds-ellipsis.svelte-hezyt6 div:where(.svelte-hezyt6):nth-child(1) {left:8px;\n animation: svelte-hezyt6-lds-ellipsis1 0.6s infinite;}.lds-ellipsis.svelte-hezyt6 div:where(.svelte-hezyt6):nth-child(2) {left:8px;\n animation: svelte-hezyt6-lds-ellipsis2 0.6s infinite;}.lds-ellipsis.svelte-hezyt6 div:where(.svelte-hezyt6):nth-child(3) {left:32px;\n animation: svelte-hezyt6-lds-ellipsis2 0.6s infinite;}.lds-ellipsis.svelte-hezyt6 div:where(.svelte-hezyt6):nth-child(4) {left:56px;\n animation: svelte-hezyt6-lds-ellipsis3 0.6s infinite;}\n @keyframes svelte-hezyt6-lds-ellipsis1 {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n }\n }\n @keyframes svelte-hezyt6-lds-ellipsis3 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n }\n @keyframes svelte-hezyt6-lds-ellipsis2 {\n 0% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(24px, 0);\n }\n }"
|
|
4871
4871
|
};
|
|
@@ -4906,7 +4906,7 @@ function BrandLoader(e, t) {
|
|
|
4906
4906
|
}, l = root_1$69(), u = child(l), f = child(u), p = sibling(f, 2), h = child(p, !0);
|
|
4907
4907
|
reset(p);
|
|
4908
4908
|
var S = sibling(p, 2), C = (e) => {
|
|
4909
|
-
var t = root$
|
|
4909
|
+
var t = root$81(), n = child(t, !0);
|
|
4910
4910
|
reset(t), template_effect(() => set_text(n, a())), append(e, t);
|
|
4911
4911
|
};
|
|
4912
4912
|
return if_block(S, (e) => {
|
|
@@ -5135,7 +5135,7 @@ var inited$1 = !1, SvelteDate = class e extends Date {
|
|
|
5135
5135
|
get size() {
|
|
5136
5136
|
return get(this.#n), super.size;
|
|
5137
5137
|
}
|
|
5138
|
-
}, 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$
|
|
5138
|
+
}, 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$80 = /* @__PURE__ */ from_html("<div class=\"day-name svelte-kboul8\"> </div>"), root_1$68 = /* @__PURE__ */ from_html("<button type=\"button\"> </button>"), root_2$52 = /* @__PURE__ */ from_html("<span class=\"cell outside-month svelte-kboul8\"> </span>"), root_3$45 = /* @__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$79 = {
|
|
5139
5139
|
hash: "svelte-kboul8",
|
|
5140
5140
|
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;}"
|
|
5141
5141
|
};
|
|
@@ -5420,7 +5420,7 @@ function Calendar(e, t) {
|
|
|
5420
5420
|
}), reset(Ct), reset(yt);
|
|
5421
5421
|
var wt = sibling(yt, 2);
|
|
5422
5422
|
each(wt, 20, () => get(at), (e) => e, (e, t) => {
|
|
5423
|
-
var n = root$
|
|
5423
|
+
var n = root$80(), i = child(n, !0);
|
|
5424
5424
|
reset(n), template_effect(() => set_text(i, t)), append(e, n);
|
|
5425
5425
|
}), reset(wt);
|
|
5426
5426
|
var Tt = sibling(wt, 2);
|
|
@@ -5528,7 +5528,7 @@ customElements.define("sui-calendar", create_custom_element(Calendar_wc, {
|
|
|
5528
5528
|
}, ["previous-month-icon", "next-month-icon"], [], { mode: "open" }));
|
|
5529
5529
|
//#endregion
|
|
5530
5530
|
//#region src/lib/Carousel/Carousel.svelte
|
|
5531
|
-
var root$
|
|
5531
|
+
var root$79 = /* @__PURE__ */ from_html("<div class=\"current-slide svelte-vk4ljo\"><!></div>"), root_1$67 = /* @__PURE__ */ from_html("<div class=\"carousel svelte-vk4ljo\"><div class=\"slidesDiv svelte-vk4ljo\"></div></div>"), root_2$51 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"></div>"), root_3$44 = /* @__PURE__ */ from_html("<div class=\"dots-wrapper svelte-vk4ljo\"></div>"), root_4$35 = /* @__PURE__ */ from_html("<div><!> <!> <div class=\"carousel-live-region svelte-vk4ljo\" aria-live=\"polite\" aria-atomic=\"true\"><!></div></div>"), $$css$78 = {
|
|
5532
5532
|
hash: "svelte-vk4ljo",
|
|
5533
5533
|
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;}"
|
|
5534
5534
|
};
|
|
@@ -5640,7 +5640,7 @@ function Carousel(e, t) {
|
|
|
5640
5640
|
}, pt = root_4$35(), mt = child(pt), ht = (e) => {
|
|
5641
5641
|
var t = root_1$67(), i = child(t);
|
|
5642
5642
|
each(i, 21, n, index, (e, t) => {
|
|
5643
|
-
var n = root$
|
|
5643
|
+
var n = root$79();
|
|
5644
5644
|
component(child(n), () => get(t).component, (e, n) => {
|
|
5645
5645
|
n(e, spread_props(() => get(t).properties, { get properties() {
|
|
5646
5646
|
return get(t).properties;
|
|
@@ -5739,7 +5739,7 @@ customElements.define("sui-carousel", create_custom_element(Carousel_wc, {
|
|
|
5739
5739
|
}, [], [], { mode: "open" }));
|
|
5740
5740
|
//#endregion
|
|
5741
5741
|
//#region src/lib/assets/checkmark.svg?raw
|
|
5742
|
-
var checkmark_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"20 6 9 17 4 12\"></polyline>\n</svg>\n", minus_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\n</svg>\n", root$
|
|
5742
|
+
var checkmark_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <polyline points=\"20 6 9 17 4 12\"></polyline>\n</svg>\n", minus_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\n</svg>\n", root$78 = /* @__PURE__ */ from_html("<span class=\"icon svelte-f1in4m\"></span>"), root_1$66 = /* @__PURE__ */ from_html("<span class=\"icon dash svelte-f1in4m\"></span>"), root_2$50 = /* @__PURE__ */ from_html("<label><input type=\"checkbox\" class=\"native-checkbox svelte-f1in4m\" aria-hidden=\"true\"/> <span><!> <!></span> <span class=\"label svelte-f1in4m\"> </span></label>"), $$css$77 = {
|
|
5743
5743
|
hash: "svelte-f1in4m",
|
|
5744
5744
|
code: ".container.svelte-f1in4m {display:var(--checkbox-container-display, inline-flex);align-items:var(--checkbox-container-align-items, center);gap:var(--checkbox-container-gap, 8px);cursor:var(--checkbox-container-cursor, pointer);}.container.disabled.svelte-f1in4m {opacity:var(--checkbox-disabled-opacity, 0.4);cursor:var(--checkbox-disabled-cursor, not-allowed);}.native-checkbox.svelte-f1in4m {position:absolute;opacity:0;width:0;height:0;pointer-events:none;}.box.svelte-f1in4m {display:inline-flex;align-items:center;justify-content:center;width:var(--checkbox-size, 20px);height:var(--checkbox-size, 20px);border:var(--checkbox-border, 2px solid #757575);border-radius:var(--checkbox-border-radius, var(--radius, 4px));background-color:var(--checkbox-background, transparent);transition:background-color var(--checkbox-transition, 0.2s),\n border var(--checkbox-transition, 0.2s);flex-shrink:0;}.box.svelte-f1in4m:focus-visible {outline:none;box-shadow:var(--checkbox-focus-ring, 0 0 0 3px rgba(33, 150, 243, 0.3));}.container.svelte-f1in4m:not(.disabled) .box:where(.svelte-f1in4m):hover {border-color:var(--checkbox-hover-border-color, #212121);}.box.checked.svelte-f1in4m {background-color:var(--checkbox-checked-background, #2196f3);border:var(--checkbox-checked-border, 2px solid #2196f3);}.box.indeterminate.svelte-f1in4m {background-color:var(--checkbox-indeterminate-background, #2196f3);border:var(--checkbox-indeterminate-border, 2px solid #2196f3);}.icon.svelte-f1in4m {display:inline-flex;align-items:center;justify-content:center;width:var(--checkbox-icon-size, 14px);height:var(--checkbox-icon-size, 14px);color:var(--checkbox-checkmark-color, white);}.icon.svelte-f1in4m svg {width:100%;height:100%;}.icon.dash.svelte-f1in4m {color:var(--checkbox-dash-color, white);}.label.svelte-f1in4m {font-size:var(--checkbox-label-font-size, 14px);font-weight:var(--checkbox-label-font-weight, 400);color:var(--checkbox-label-color, #212121);}"
|
|
5745
5745
|
};
|
|
@@ -5864,7 +5864,7 @@ function Checkbox(e, t) {
|
|
|
5864
5864
|
var t = comment();
|
|
5865
5865
|
snippet(first_child(t), c), append(e, t);
|
|
5866
5866
|
}, a = (e) => {
|
|
5867
|
-
var t = root$
|
|
5867
|
+
var t = root$78();
|
|
5868
5868
|
html(t, () => checkmark_default, !0), reset(t), append(e, t);
|
|
5869
5869
|
};
|
|
5870
5870
|
if_block(n, (e) => {
|
|
@@ -6141,7 +6141,7 @@ function unlockBodyScroll() {
|
|
|
6141
6141
|
}
|
|
6142
6142
|
//#endregion
|
|
6143
6143
|
//#region src/lib/Input/Input.svelte
|
|
6144
|
-
var root$
|
|
6144
|
+
var root$77 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$65 = /* @__PURE__ */ from_html("<input/>"), root_2$49 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$43 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_4$34 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_5$29 = /* @__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$21 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-right svelte-1h0c2oe\"><!></span>"), root_8$19 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_9$12 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"error-message svelte-1h0c2oe\"> </div>"), root_10$10 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1h0c2oe\"> </div>"), root_11$10 = /* @__PURE__ */ from_html("<div> </div>"), root_12$9 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$76 = {
|
|
6145
6145
|
hash: "svelte-1h0c2oe",
|
|
6146
6146
|
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);}"
|
|
6147
6147
|
};
|
|
@@ -6567,7 +6567,7 @@ function Input(e, t) {
|
|
|
6567
6567
|
{
|
|
6568
6568
|
let e = (e) => {
|
|
6569
6569
|
var t = comment(), n = first_child(t), s = (e) => {
|
|
6570
|
-
var t = root$
|
|
6570
|
+
var t = root$77();
|
|
6571
6571
|
remove_textarea_child(t);
|
|
6572
6572
|
let n, s;
|
|
6573
6573
|
bind_this(t, (e) => set(Zt, e), () => get(Zt)), template_effect(() => {
|
|
@@ -6611,7 +6611,7 @@ function Input(e, t) {
|
|
|
6611
6611
|
get(Bt) && e(xn);
|
|
6612
6612
|
});
|
|
6613
6613
|
var Sn = sibling(bn, 2), Cn = (t) => {
|
|
6614
|
-
var n = root_8$
|
|
6614
|
+
var n = root_8$19();
|
|
6615
6615
|
let i;
|
|
6616
6616
|
var a = child(n), o = (e) => {
|
|
6617
6617
|
var t = comment(), n = first_child(t), i = (e) => {
|
|
@@ -6620,7 +6620,7 @@ function Input(e, t) {
|
|
|
6620
6620
|
Et()?.apply(this, e);
|
|
6621
6621
|
}), append(e, t);
|
|
6622
6622
|
}, a = (e) => {
|
|
6623
|
-
var t = root_5$
|
|
6623
|
+
var t = root_5$29();
|
|
6624
6624
|
snippet(child(t), () => wt() ?? noop), reset(t), append(e, t);
|
|
6625
6625
|
};
|
|
6626
6626
|
if_block(n, (e) => {
|
|
@@ -6634,12 +6634,12 @@ function Input(e, t) {
|
|
|
6634
6634
|
e(s);
|
|
6635
6635
|
var c = sibling(s, 2), l = (e) => {
|
|
6636
6636
|
var t = comment(), n = first_child(t), i = (e) => {
|
|
6637
|
-
var t = root_6$
|
|
6637
|
+
var t = root_6$25();
|
|
6638
6638
|
snippet(child(t), () => Tt() ?? noop), reset(t), template_effect(() => set_attribute(t, "aria-label", kt())), delegated("click", t, function(...e) {
|
|
6639
6639
|
Dt()?.apply(this, e);
|
|
6640
6640
|
}), append(e, t);
|
|
6641
6641
|
}, a = (e) => {
|
|
6642
|
-
var t = root_7$
|
|
6642
|
+
var t = root_7$21();
|
|
6643
6643
|
snippet(child(t), () => Tt() ?? noop), reset(t), append(e, t);
|
|
6644
6644
|
};
|
|
6645
6645
|
if_block(n, (e) => {
|
|
@@ -6758,23 +6758,31 @@ delegate([
|
|
|
6758
6758
|
], { mode: "open" });
|
|
6759
6759
|
//#endregion
|
|
6760
6760
|
//#region src/lib/assets/close.svg?raw
|
|
6761
|
-
var close_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n"
|
|
6761
|
+
var close_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
|
|
6762
|
+
//#endregion
|
|
6763
|
+
//#region src/lib/Pill/pillTone.ts
|
|
6764
|
+
function pillToneClass(e) {
|
|
6765
|
+
return typeof e == "string" ? `tone-${e}` : "";
|
|
6766
|
+
}
|
|
6767
|
+
//#endregion
|
|
6768
|
+
//#region src/lib/Pill/Pill.svelte
|
|
6769
|
+
var root$76 = /* @__PURE__ */ from_html("<span class=\"pill-leading-icon svelte-13eug5u\"><!></span>"), root_1$64 = /* @__PURE__ */ from_html("<div class=\"pill-dismiss svelte-13eug5u\"><!></div>"), root_2$48 = /* @__PURE__ */ from_html("<div><!> <span class=\"pill-text svelte-13eug5u\"> </span> <!></div>"), $$css$75 = {
|
|
6762
6770
|
hash: "svelte-13eug5u",
|
|
6763
|
-
code: ".pill.svelte-13eug5u {display:inline-flex;align-items:center;\n /* A pill is content-width by default. A caller stacking pills into a menu needs\n them to fill the column and align their labels left, which is a layout choice\n the call site owns — hence tokens rather than a variant. */width:var(--pill-width, auto);justify-content:var(--pill-justify-content, center);text-align:var(--pill-text-align, center);gap:var(--pill-gap, 4px);background-color:var(--pill-background, #e0e0e0);color:var(--pill-color, #333333);font-size:var(--pill-font-size, 13px);font-weight:var(--pill-font-weight, 500);font-family:var(--pill-font-family);padding:var(--pill-padding, 6px 10px);border-radius:var(--pill-border-radius, 999px);border:var(--pill-border, none)
|
|
6771
|
+
code: ".pill.svelte-13eug5u {display:inline-flex;align-items:center;\n /* A pill is content-width by default. A caller stacking pills into a menu needs\n them to fill the column and align their labels left, which is a layout choice\n the call site owns — hence tokens rather than a variant. */width:var(--pill-width, auto);justify-content:var(--pill-justify-content, center);text-align:var(--pill-text-align, center);gap:var(--pill-gap, 4px);background-color:var(--pill-background, var(--_pill-tone-background, #e0e0e0));color:var(--pill-color, var(--_pill-tone-color, #333333));font-size:var(--pill-font-size, 13px);font-weight:var(--pill-font-weight, 500);font-family:var(--pill-font-family);letter-spacing:var(--pill-letter-spacing, normal);text-transform:var(--pill-text-transform, none);padding:var(--pill-padding, 6px 10px);border-radius:var(--pill-border-radius, 999px);border:var(--pill-border, none);\n /* Non-interactive by default: nothing is clickable, so nothing should look\n clickable. The pointer default below applies only once role=\"button\" is\n actually present (see handleClick / `interactive`) — an explicit\n --pill-cursor still wins in both cases. */cursor:var(--pill-cursor, default);max-width:var(--pill-max-width);line-height:var(--pill-line-height, 1);flex-shrink:var(--pill-flex-shrink);}.pill[role='button'].svelte-13eug5u {cursor:var(--pill-cursor, pointer);}\n\n /* Tone defaults — an internal --_pill-tone-* layer, mirroring how Button's\n variant classes set --_btn-*: a plain --pill-background/--pill-color\n (explicit, or via `classes`) always wins over the tone's default. */.tone-accent.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-accent-background, #d1ecf1);--_pill-tone-color: var(--pill-tone-accent-color, #0c5460);}.tone-ok.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-ok-background, #d4edda);--_pill-tone-color: var(--pill-tone-ok-color, #155724);}.tone-warn.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-warn-background, #fff3cd);--_pill-tone-color: var(--pill-tone-warn-color, #856404);}.tone-danger.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-danger-background, #f8d7da);--_pill-tone-color: var(--pill-tone-danger-color, #721c24);}.tone-muted.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-muted-background, #f1f1f1);--_pill-tone-color: var(--pill-tone-muted-color, #6b7280);}.pill.svelte-13eug5u:hover:not(.disabled) {background-color:var(\n --pill-hover-background,\n var(--pill-background, var(--_pill-tone-background, #d0d0d0))\n );color:var(--pill-hover-color, var(--pill-color, var(--_pill-tone-color, #333333)));}.pill.disabled.svelte-13eug5u {opacity:var(--pill-disabled-opacity, 0.4);cursor:var(--pill-disabled-cursor, not-allowed);}.pill-text.svelte-13eug5u {overflow:hidden;text-overflow:var(--pill-text-overflow, ellipsis);white-space:var(--pill-text-white-space, nowrap);}.pill-leading-icon.svelte-13eug5u {display:inline-flex;align-items:center;flex-shrink:0;}.pill-dismiss.svelte-13eug5u {--button-color: transparent;--button-border: none;--button-padding: 0;--button-text-color: var(--pill-dismiss-color, currentColor);--button-hover-color: transparent;--button-hover-text-color: var(\n --pill-dismiss-hover-color,\n var(--pill-dismiss-color, currentColor)\n );--cursor: inherit;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}\n\n /* Consumer themes can set Button tokens on its container, beating inherited\n wrapper values. Pin the painting element too so the chip owns its enabled\n glyph; leave disabled colours and focus indicators to the consumer theme. */.pill-dismiss.svelte-13eug5u .button-container,\n .pill-dismiss.svelte-13eug5u .button-el {--button-color: transparent;--button-background: none;--button-active-background: transparent;--button-border: none;--button-padding: 0;--button-text-color: var(--pill-dismiss-color, currentColor);--button-hover-color: transparent;--button-hover-border: none;--button-hover-text-color: var(\n --pill-dismiss-hover-color,\n var(--pill-dismiss-color, currentColor)\n );}.pill-dismiss.svelte-13eug5u svg {width:var(--pill-dismiss-size, 14px);height:var(--pill-dismiss-size, 14px);}"
|
|
6764
6772
|
};
|
|
6765
6773
|
function Pill(e, t) {
|
|
6766
6774
|
push(t, !0), append_styles$1(e, $$css$75);
|
|
6767
|
-
let n = prop(t, "text", 7), i = prop(t, "dismissible", 7, !1), a = prop(t, "disabled", 7, !1), o = prop(t, "
|
|
6768
|
-
function C(e) {
|
|
6769
|
-
a() || f()?.(e);
|
|
6770
|
-
}
|
|
6775
|
+
let n = prop(t, "text", 7), i = prop(t, "dismissible", 7, !1), a = prop(t, "disabled", 7, !1), o = prop(t, "tone", 7), s = prop(t, "testId", 7), c = prop(t, "title", 7), l = prop(t, "dismissIcon", 7), u = prop(t, "dismissLabel", 7), f = prop(t, "leadingIcon", 7), p = prop(t, "onclick", 7), h = prop(t, "ondismiss", 7), S = prop(t, "classes", 7), C = /* @__PURE__ */ user_derived(() => typeof p() == "function");
|
|
6771
6776
|
function k(e) {
|
|
6772
|
-
|
|
6777
|
+
a() || p()?.(e);
|
|
6773
6778
|
}
|
|
6774
6779
|
function R(e) {
|
|
6775
|
-
e.
|
|
6780
|
+
e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget instanceof HTMLElement && e.currentTarget.click());
|
|
6776
6781
|
}
|
|
6777
|
-
|
|
6782
|
+
function te(e) {
|
|
6783
|
+
e.stopPropagation(), !a() && h()?.();
|
|
6784
|
+
}
|
|
6785
|
+
var ne = {
|
|
6778
6786
|
get text() {
|
|
6779
6787
|
return n();
|
|
6780
6788
|
},
|
|
@@ -6793,89 +6801,95 @@ function Pill(e, t) {
|
|
|
6793
6801
|
set disabled(e = !1) {
|
|
6794
6802
|
a(e), flushSync();
|
|
6795
6803
|
},
|
|
6796
|
-
get
|
|
6804
|
+
get tone() {
|
|
6797
6805
|
return o();
|
|
6798
6806
|
},
|
|
6799
|
-
set
|
|
6807
|
+
set tone(e) {
|
|
6800
6808
|
o(e), flushSync();
|
|
6801
6809
|
},
|
|
6802
|
-
get
|
|
6810
|
+
get testId() {
|
|
6803
6811
|
return s();
|
|
6804
6812
|
},
|
|
6805
|
-
set
|
|
6813
|
+
set testId(e) {
|
|
6806
6814
|
s(e), flushSync();
|
|
6807
6815
|
},
|
|
6808
|
-
get
|
|
6816
|
+
get title() {
|
|
6809
6817
|
return c();
|
|
6810
6818
|
},
|
|
6811
|
-
set
|
|
6819
|
+
set title(e) {
|
|
6812
6820
|
c(e), flushSync();
|
|
6813
6821
|
},
|
|
6814
|
-
get
|
|
6822
|
+
get dismissIcon() {
|
|
6815
6823
|
return l();
|
|
6816
6824
|
},
|
|
6817
|
-
set
|
|
6825
|
+
set dismissIcon(e) {
|
|
6818
6826
|
l(e), flushSync();
|
|
6819
6827
|
},
|
|
6820
|
-
get
|
|
6828
|
+
get dismissLabel() {
|
|
6821
6829
|
return u();
|
|
6822
6830
|
},
|
|
6823
|
-
set
|
|
6831
|
+
set dismissLabel(e) {
|
|
6824
6832
|
u(e), flushSync();
|
|
6825
6833
|
},
|
|
6826
|
-
get
|
|
6834
|
+
get leadingIcon() {
|
|
6827
6835
|
return f();
|
|
6828
6836
|
},
|
|
6829
|
-
set
|
|
6837
|
+
set leadingIcon(e) {
|
|
6830
6838
|
f(e), flushSync();
|
|
6831
6839
|
},
|
|
6832
|
-
get
|
|
6840
|
+
get onclick() {
|
|
6833
6841
|
return p();
|
|
6834
6842
|
},
|
|
6835
|
-
set
|
|
6843
|
+
set onclick(e) {
|
|
6836
6844
|
p(e), flushSync();
|
|
6837
6845
|
},
|
|
6838
|
-
get
|
|
6846
|
+
get ondismiss() {
|
|
6839
6847
|
return h();
|
|
6840
6848
|
},
|
|
6841
|
-
set
|
|
6849
|
+
set ondismiss(e) {
|
|
6842
6850
|
h(e), flushSync();
|
|
6851
|
+
},
|
|
6852
|
+
get classes() {
|
|
6853
|
+
return S();
|
|
6854
|
+
},
|
|
6855
|
+
set classes(e) {
|
|
6856
|
+
S(e), flushSync();
|
|
6843
6857
|
}
|
|
6844
|
-
},
|
|
6845
|
-
let
|
|
6846
|
-
var
|
|
6847
|
-
var t = root$
|
|
6848
|
-
snippet(child(t),
|
|
6858
|
+
}, re = root_2$48();
|
|
6859
|
+
let G;
|
|
6860
|
+
var be = child(re), Me = (e) => {
|
|
6861
|
+
var t = root$76();
|
|
6862
|
+
snippet(child(t), f), reset(t), append(e, t);
|
|
6849
6863
|
};
|
|
6850
|
-
if_block(
|
|
6851
|
-
typeof
|
|
6864
|
+
if_block(be, (e) => {
|
|
6865
|
+
typeof f() == "function" && e(Me);
|
|
6852
6866
|
});
|
|
6853
|
-
var
|
|
6854
|
-
reset(
|
|
6855
|
-
var
|
|
6867
|
+
var Re = sibling(be, 2), Ue = child(Re, !0);
|
|
6868
|
+
reset(Re);
|
|
6869
|
+
var it = sibling(Re, 2), at = (e) => {
|
|
6856
6870
|
var t = root_1$64(), n = child(t);
|
|
6857
6871
|
{
|
|
6858
|
-
let e = /* @__PURE__ */ user_derived(() =>
|
|
6872
|
+
let e = /* @__PURE__ */ user_derived(() => u()?.trim() || "Dismiss");
|
|
6859
6873
|
Button(n, spread_props({
|
|
6860
6874
|
variant: "ghost",
|
|
6861
6875
|
get disabled() {
|
|
6862
6876
|
return a();
|
|
6863
6877
|
},
|
|
6864
|
-
onclick:
|
|
6878
|
+
onclick: te,
|
|
6865
6879
|
get ariaLabel() {
|
|
6866
6880
|
return get(e);
|
|
6867
6881
|
}
|
|
6868
|
-
}, () => typeof
|
|
6882
|
+
}, () => typeof s() == "string" ? { testId: `${s()}-dismiss` } : {}, {
|
|
6869
6883
|
children: (e, t) => {
|
|
6870
6884
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
6871
6885
|
var t = comment();
|
|
6872
|
-
snippet(first_child(t),
|
|
6886
|
+
snippet(first_child(t), l), append(e, t);
|
|
6873
6887
|
}, o = (e) => {
|
|
6874
6888
|
var t = comment();
|
|
6875
6889
|
html(first_child(t), () => close_default), append(e, t);
|
|
6876
6890
|
};
|
|
6877
6891
|
if_block(i, (e) => {
|
|
6878
|
-
typeof
|
|
6892
|
+
typeof l() == "function" ? e(a) : e(o, -1);
|
|
6879
6893
|
}), append(e, n);
|
|
6880
6894
|
},
|
|
6881
6895
|
$$slots: { default: !0 }
|
|
@@ -6883,20 +6897,21 @@ function Pill(e, t) {
|
|
|
6883
6897
|
}
|
|
6884
6898
|
reset(t), append(e, t);
|
|
6885
6899
|
};
|
|
6886
|
-
return if_block(
|
|
6887
|
-
i() && e(
|
|
6888
|
-
}), reset(
|
|
6889
|
-
|
|
6890
|
-
}), delegated("click",
|
|
6891
|
-
(get(
|
|
6892
|
-
}), delegated("keydown",
|
|
6893
|
-
(get(
|
|
6894
|
-
}), append(e,
|
|
6900
|
+
return if_block(it, (e) => {
|
|
6901
|
+
i() && e(at);
|
|
6902
|
+
}), reset(re), template_effect((e) => {
|
|
6903
|
+
G = set_class(re, 1, `pill ${e ?? ""} ${S() ?? "" ?? ""}`, "svelte-13eug5u", G, { disabled: a() }), set_attribute(re, "role", get(C) ? "button" : null), set_attribute(re, "tabindex", get(C) ? 0 : null), set_attribute(re, "aria-disabled", get(C) && a() ? !0 : null), set_attribute(re, "data-pw", typeof s() == "string" ? s() : null), set_attribute(re, "title", c() ?? null), set_attribute(re, "testid", typeof s() == "string" ? s() : null), set_text(Ue, n());
|
|
6904
|
+
}, [() => pillToneClass(o())]), delegated("click", re, function(...e) {
|
|
6905
|
+
(get(C) ? k : null)?.apply(this, e);
|
|
6906
|
+
}), delegated("keydown", re, function(...e) {
|
|
6907
|
+
(get(C) ? R : null)?.apply(this, e);
|
|
6908
|
+
}), append(e, re), pop(ne);
|
|
6895
6909
|
}
|
|
6896
6910
|
delegate(["click", "keydown"]), create_custom_element(Pill, {
|
|
6897
6911
|
text: {},
|
|
6898
6912
|
dismissible: {},
|
|
6899
6913
|
disabled: {},
|
|
6914
|
+
tone: {},
|
|
6900
6915
|
testId: {},
|
|
6901
6916
|
title: {},
|
|
6902
6917
|
dismissIcon: {},
|
|
@@ -6908,7 +6923,7 @@ delegate(["click", "keydown"]), create_custom_element(Pill, {
|
|
|
6908
6923
|
}, [], [], { mode: "open" });
|
|
6909
6924
|
//#endregion
|
|
6910
6925
|
//#region src/lib/ChipInput/ChipInput.svelte
|
|
6911
|
-
var root$
|
|
6926
|
+
var root$75 = /* @__PURE__ */ from_html("<div class=\"chip-input-edit-wrap svelte-umx72m\"><!></div>"), root_1$63 = /* @__PURE__ */ from_html("<div><!> <div class=\"chip-input-draft-wrap svelte-umx72m\"><!></div></div>"), $$css$74 = {
|
|
6912
6927
|
hash: "svelte-umx72m",
|
|
6913
6928
|
code: ".chip-input.svelte-umx72m {display:flex;flex-wrap:var(--chip-input-flex-wrap, wrap);align-items:var(--chip-input-align-items, center);justify-content:var(--chip-input-justify-content, flex-start);gap:var(--chip-input-gap, 6px);width:var(--chip-input-width, 100%);\n\n /* Capture the surrounding cascade's Pill and Input values under distinct names, so the\n per-token mappings below can fall back to them. This has to happen HERE, on the root, where\n --pill-* and --input-* have not yet been re-declared: reading them in the same declaration\n that sets them would be a custom-property cycle and would compute to invalid. Consumers that\n theme Pill/Input app-wide get chips that match the rest of their UI, instead of the library's\n own values overriding their theme.\n\n Every token that carries the chip's APPEARANCE is captured here — colour, type, spacing and\n shape alike. An app whose Pill is a 14px, 16px-radius chip was still getting 13px and a\n 999px pill, because re-declaring a token on the element beats inheriting it no matter which\n property it is; restoring only the colours left the same bug in a less obvious place.\n Tokens the component owns STRUCTURALLY — the draft field's inline padding, margin and\n shadow, and its width/height — deliberately stay fixed, since those position the field among\n the chips rather than describe how it looks. */--chip-input-pill-background-default: var(--pill-background, #e0e0e0);--chip-input-pill-color-default: var(--pill-color, #333333);--chip-input-pill-dismiss-color-default: var(--pill-dismiss-color, currentColor);--chip-input-pill-font-size-default: var(--pill-font-size, 13px);--chip-input-pill-font-weight-default: var(--pill-font-weight, 500);--chip-input-pill-padding-default: var(--pill-padding, 6px 10px);--chip-input-pill-border-radius-default: var(--pill-border-radius, 999px);--chip-input-pill-border-default: var(--pill-border, none);--chip-input-pill-gap-default: var(--pill-gap, 4px);--chip-input-pill-dismiss-size-default: var(--pill-dismiss-size, 14px);--chip-input-pill-max-width-default: var(--pill-max-width);--chip-input-draft-border-default: var(--input-border, 1px solid transparent);--chip-input-draft-focus-border-default: var(--input-focus-border, 1px solid transparent);--chip-input-draft-radius-default: var(--input-radius, 4px);--chip-input-draft-font-size-default: var(--input-font-size, 13px);}.chip-input-draft-wrap.svelte-umx72m {flex:var(--chip-input-draft-flex, 0 1 auto);}.chip-input-edit-wrap.svelte-umx72m {flex:var(--chip-input-edit-flex, 0 1 auto);}.chip-input.svelte-umx72m .chip-input-pill {--pill-gap: var(--chip-input-pill-gap, var(--chip-input-pill-gap-default));--pill-background: var(--chip-input-pill-background, var(--chip-input-pill-background-default));--pill-color: var(--chip-input-pill-color, var(--chip-input-pill-color-default));--pill-font-size: var(--chip-input-pill-font-size, var(--chip-input-pill-font-size-default));--pill-font-weight: var(\n --chip-input-pill-font-weight,\n var(--chip-input-pill-font-weight-default)\n );--pill-padding: var(--chip-input-pill-padding, var(--chip-input-pill-padding-default));--pill-border-radius: var(\n --chip-input-pill-border-radius,\n var(--chip-input-pill-border-radius-default)\n );--pill-border: var(--chip-input-pill-border, var(--chip-input-pill-border-default));--pill-max-width: var(--chip-input-pill-max-width, var(--chip-input-pill-max-width-default));--pill-dismiss-size: var(\n --chip-input-pill-dismiss-size,\n var(--chip-input-pill-dismiss-size-default)\n );--pill-dismiss-color: var(\n --chip-input-pill-dismiss-color,\n var(--chip-input-pill-dismiss-color-default)\n );}.chip-input-draft-wrap.svelte-umx72m .chip-input-draft {--input-width: var(--chip-input-draft-width, 90px);--input-height: var(--chip-input-draft-height, 28px);--input-border: var(--chip-input-draft-border, var(--chip-input-draft-border-default));--input-radius: var(--chip-input-draft-radius, var(--chip-input-draft-radius-default));--input-focus-border: var(\n --chip-input-draft-focus-border,\n var(--chip-input-draft-focus-border-default)\n );--input-font-size: var(--chip-input-draft-font-size, var(--chip-input-draft-font-size-default));\n\n /* Structural, not thematic: the draft field sits inline among the chips, so it keeps its own\n tight padding and no margin or shadow regardless of how the app themes Input elsewhere.\n Override them per-instance via --chip-input-draft-* if a layout genuinely needs it. */--input-padding: var(--chip-input-draft-padding, 0 2px);--input-margin: 0;--input-box-shadow: none;}\n\n /* The in-place edit field replaces a Pill for the duration of one edit, so it reuses the same\n captured --input-* cascade (--chip-input-draft-*-default, above) the draft field maps from --\n an app that themes Input app-wide gets a matching edit field for free. Only sizing/padding\n get their own --chip-input-edit-* tokens: the field holds an EXISTING (often longer) value\n rather than a short in-progress draft, so it defaults wider. */.chip-input-edit-wrap.svelte-umx72m .chip-input-edit {--input-width: var(--chip-input-edit-width, 110px);--input-height: var(--chip-input-edit-height, 28px);\n /* Fall through the DRAFT token before the captured default: the edit field is the same\n control as the draft field, wearing the same clothes, so a consumer who themed the draft\n with --chip-input-draft-* must get a matching edit field without naming it twice. */--input-border: var(\n --chip-input-edit-border,\n var(--chip-input-draft-border, var(--chip-input-draft-border-default))\n );--input-radius: var(\n --chip-input-edit-radius,\n var(--chip-input-draft-radius, var(--chip-input-draft-radius-default))\n );--input-focus-border: var(\n --chip-input-edit-focus-border,\n var(--chip-input-draft-focus-border, var(--chip-input-draft-focus-border-default))\n );--input-font-size: var(\n --chip-input-edit-font-size,\n var(--chip-input-draft-font-size, var(--chip-input-draft-font-size-default))\n );--input-padding: var(--chip-input-edit-padding, 0 8px);--input-margin: 0;--input-box-shadow: none;}"
|
|
6914
6929
|
};
|
|
@@ -7025,7 +7040,7 @@ function ChipInput(e, t) {
|
|
|
7025
7040
|
}, at = root_1$63(), ot = child(at);
|
|
7026
7041
|
each(ot, 18, n, (e) => e, (e, t, n) => {
|
|
7027
7042
|
var i = comment(), a = first_child(i), l = (e) => {
|
|
7028
|
-
var i = root$
|
|
7043
|
+
var i = root$75();
|
|
7029
7044
|
bind_this(Input(child(i), spread_props({
|
|
7030
7045
|
get value() {
|
|
7031
7046
|
return get(k);
|
|
@@ -7175,20 +7190,20 @@ customElements.define("sui-chip-input", create_custom_element(ChipInput_wc, {
|
|
|
7175
7190
|
}, [], [], { mode: "open" }));
|
|
7176
7191
|
//#endregion
|
|
7177
7192
|
//#region src/lib/Slider/Slider.svelte
|
|
7178
|
-
var root$
|
|
7193
|
+
var root$74 = /* @__PURE__ */ from_html("<span class=\"slider-value svelte-17e64va\"> </span>"), root_1$62 = /* @__PURE__ */ from_html("<div><input type=\"range\" class=\"slider-input svelte-17e64va\"/> <!></div>"), $$css$73 = {
|
|
7179
7194
|
hash: "svelte-17e64va",
|
|
7180
7195
|
code: ".slider-container.svelte-17e64va {display:flex;align-items:center;gap:12px;width:var(--slider-container-width, 100%);padding:var(--slider-container-padding, 4px 0);}.slider-container.disabled.svelte-17e64va {opacity:var(--slider-disabled-opacity, 0.5);cursor:var(--slider-disabled-cursor, not-allowed);}.slider-input.svelte-17e64va {-webkit-appearance:none;appearance:none;width:100%;height:var(--slider-track-height, 6px);border-radius:var(--slider-track-border-radius, var(--radius, 4px));background:var(\n --slider-track,\n linear-gradient(\n to right,\n var(--slider-track-active-color, #2196f3) 0%,\n var(--slider-track-active-color, #2196f3) var(--slider-fill-percent, 0%),\n var(--slider-track-background, #e0e0e0) var(--slider-fill-percent, 0%),\n var(--slider-track-background, #e0e0e0) 100%\n )\n );outline:none;transition:var(--slider-transition, background 0.2s ease);cursor:pointer;}.slider-container.disabled.svelte-17e64va .slider-input:where(.svelte-17e64va) {cursor:var(--slider-disabled-cursor, not-allowed);pointer-events:none;}.slider-input.svelte-17e64va::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size, 20px);height:var(--slider-thumb-size, 20px);border-radius:var(--slider-thumb-border-radius, 50%);background:var(--slider-thumb-background, #ffffff);border:var(--slider-thumb-border, 2px solid #2196f3);box-shadow:var(--slider-thumb-shadow, 0 1px 3px rgba(0, 0, 0, 0.2));opacity:var(--slider-thumb-opacity, 1);cursor:pointer;transition:transform 0.15s ease,\n opacity 0.15s ease;}.slider-input.svelte-17e64va::-moz-range-thumb {width:var(--slider-thumb-size, 20px);height:var(--slider-thumb-size, 20px);border-radius:var(--slider-thumb-border-radius, 50%);background:var(--slider-thumb-background, #ffffff);border:var(--slider-thumb-border, 2px solid #2196f3);box-shadow:var(--slider-thumb-shadow, 0 1px 3px rgba(0, 0, 0, 0.2));opacity:var(--slider-thumb-opacity, 1);cursor:pointer;transition:transform 0.15s ease,\n opacity 0.15s ease;}.slider-input.svelte-17e64va:hover::-webkit-slider-thumb {transform:scale(var(--slider-thumb-hover-scale, 1.15));opacity:var(--slider-thumb-hover-opacity, var(--slider-thumb-opacity, 1));}.slider-input.svelte-17e64va:hover::-moz-range-thumb {transform:scale(var(--slider-thumb-hover-scale, 1.15));opacity:var(--slider-thumb-hover-opacity, var(--slider-thumb-opacity, 1));}.slider-input.svelte-17e64va:focus-visible::-webkit-slider-thumb {outline:var(--slider-focus-ring, 2px solid #2196f3);outline-offset:2px;}.slider-input.svelte-17e64va:focus-visible::-moz-range-thumb {outline:var(--slider-focus-ring, 2px solid #2196f3);outline-offset:2px;}.slider-input.svelte-17e64va::-moz-range-track {height:var(--slider-track-height, 6px);border-radius:var(--slider-track-border-radius, var(--radius, 4px));background:transparent;}.slider-value.svelte-17e64va {font-size:var(--slider-value-font-size, 14px);font-weight:var(--slider-value-font-weight, 500);color:var(--slider-value-color, #333333);white-space:nowrap;}"
|
|
7181
7196
|
};
|
|
7182
7197
|
function Slider(e, t) {
|
|
7183
7198
|
push(t, !0), append_styles$1(e, $$css$73);
|
|
7184
|
-
let n = prop(t, "value", 15, 0), i = prop(t, "min", 7, 0), a = prop(t, "max", 7, 100), o = prop(t, "step", 7, 1), s = prop(t, "disabled", 7, !1), c = prop(t, "showValue", 7, !1), l = prop(t, "labelFormatter", 7), u = prop(t, "
|
|
7185
|
-
function k(e) {
|
|
7186
|
-
e.target instanceof HTMLInputElement && (n(Number(e.target.value)), p()?.(n()));
|
|
7187
|
-
}
|
|
7199
|
+
let n = prop(t, "value", 15, 0), i = prop(t, "min", 7, 0), a = prop(t, "max", 7, 100), o = prop(t, "step", 7, 1), s = prop(t, "disabled", 7, !1), c = prop(t, "showValue", 7, !1), l = prop(t, "labelFormatter", 7), u = prop(t, "ariaLabel", 7), f = prop(t, "testId", 7), p = prop(t, "onchange", 7), h = prop(t, "oninput", 7), S = prop(t, "classes", 7), C = /* @__PURE__ */ user_derived(() => (n() - i()) / (a() - i()) * 100), k = /* @__PURE__ */ user_derived(() => l() ? l()(n()) : String(n()));
|
|
7188
7200
|
function R(e) {
|
|
7189
|
-
e.target instanceof HTMLInputElement && (n(Number(e.target.value)),
|
|
7201
|
+
e.target instanceof HTMLInputElement && (n(Number(e.target.value)), h()?.(n()));
|
|
7190
7202
|
}
|
|
7191
|
-
|
|
7203
|
+
function te(e) {
|
|
7204
|
+
e.target instanceof HTMLInputElement && (n(Number(e.target.value)), p()?.(n()));
|
|
7205
|
+
}
|
|
7206
|
+
var ne = {
|
|
7192
7207
|
get value() {
|
|
7193
7208
|
return n();
|
|
7194
7209
|
},
|
|
@@ -7231,43 +7246,49 @@ function Slider(e, t) {
|
|
|
7231
7246
|
set labelFormatter(e) {
|
|
7232
7247
|
l(e), flushSync();
|
|
7233
7248
|
},
|
|
7234
|
-
get
|
|
7249
|
+
get ariaLabel() {
|
|
7235
7250
|
return u();
|
|
7236
7251
|
},
|
|
7237
|
-
set
|
|
7252
|
+
set ariaLabel(e) {
|
|
7238
7253
|
u(e), flushSync();
|
|
7239
7254
|
},
|
|
7240
|
-
get
|
|
7255
|
+
get testId() {
|
|
7241
7256
|
return f();
|
|
7242
7257
|
},
|
|
7243
|
-
set
|
|
7258
|
+
set testId(e) {
|
|
7244
7259
|
f(e), flushSync();
|
|
7245
7260
|
},
|
|
7246
|
-
get
|
|
7261
|
+
get onchange() {
|
|
7247
7262
|
return p();
|
|
7248
7263
|
},
|
|
7249
|
-
set
|
|
7264
|
+
set onchange(e) {
|
|
7250
7265
|
p(e), flushSync();
|
|
7251
7266
|
},
|
|
7252
|
-
get
|
|
7267
|
+
get oninput() {
|
|
7253
7268
|
return h();
|
|
7254
7269
|
},
|
|
7255
|
-
set
|
|
7270
|
+
set oninput(e) {
|
|
7256
7271
|
h(e), flushSync();
|
|
7272
|
+
},
|
|
7273
|
+
get classes() {
|
|
7274
|
+
return S();
|
|
7275
|
+
},
|
|
7276
|
+
set classes(e) {
|
|
7277
|
+
S(e), flushSync();
|
|
7257
7278
|
}
|
|
7258
|
-
},
|
|
7259
|
-
let
|
|
7260
|
-
var
|
|
7261
|
-
remove_input_defaults(
|
|
7262
|
-
var
|
|
7263
|
-
var t = root$
|
|
7264
|
-
reset(t), template_effect(() => set_text(n, get(
|
|
7279
|
+
}, re = root_1$62();
|
|
7280
|
+
let G;
|
|
7281
|
+
var be = child(re);
|
|
7282
|
+
remove_input_defaults(be);
|
|
7283
|
+
var Me = sibling(be, 2), Re = (e) => {
|
|
7284
|
+
var t = root$74(), n = child(t, !0);
|
|
7285
|
+
reset(t), template_effect(() => set_text(n, get(k))), append(e, t);
|
|
7265
7286
|
};
|
|
7266
|
-
return if_block(
|
|
7267
|
-
c() && e(
|
|
7268
|
-
}), reset(
|
|
7269
|
-
|
|
7270
|
-
}), delegated("input",
|
|
7287
|
+
return if_block(Me, (e) => {
|
|
7288
|
+
c() && e(Re);
|
|
7289
|
+
}), reset(re), template_effect(() => {
|
|
7290
|
+
G = set_class(re, 1, `slider-container ${S() ?? "" ?? ""}`, "svelte-17e64va", G, { disabled: s() }), set_attribute(be, "min", i()), set_attribute(be, "max", a()), set_attribute(be, "step", o()), set_value(be, n()), be.disabled = s(), set_attribute(be, "aria-label", typeof u() == "string" ? u() : null), set_attribute(be, "data-pw", typeof f() == "string" ? f() : null), set_attribute(be, "testid", typeof f() == "string" ? f() : null), set_style(be, `--slider-fill-percent: ${get(C) ?? ""}%`);
|
|
7291
|
+
}), delegated("input", be, R), delegated("change", be, te), append(e, re), pop(ne);
|
|
7271
7292
|
}
|
|
7272
7293
|
delegate(["input", "change"]), create_custom_element(Slider, {
|
|
7273
7294
|
value: {},
|
|
@@ -7277,6 +7298,7 @@ delegate(["input", "change"]), create_custom_element(Slider, {
|
|
|
7277
7298
|
disabled: {},
|
|
7278
7299
|
showValue: {},
|
|
7279
7300
|
labelFormatter: {},
|
|
7301
|
+
ariaLabel: {},
|
|
7280
7302
|
testId: {},
|
|
7281
7303
|
onchange: {},
|
|
7282
7304
|
oninput: {},
|
|
@@ -7284,7 +7306,7 @@ delegate(["input", "change"]), create_custom_element(Slider, {
|
|
|
7284
7306
|
}, [], [], { mode: "open" });
|
|
7285
7307
|
//#endregion
|
|
7286
7308
|
//#region src/lib/SplitInput/SplitInput.svelte
|
|
7287
|
-
var root$
|
|
7309
|
+
var root$73 = /* @__PURE__ */ from_html("<span class=\"field-group-separator svelte-1gcz5cs\"> </span>"), root_1$61 = /* @__PURE__ */ from_html("<span class=\"field-group-label svelte-1gcz5cs\"> </span>"), root_2$47 = /* @__PURE__ */ from_html("<!> <div class=\"field-group-item svelte-1gcz5cs\"><!> <!></div>", 1), root_3$42 = /* @__PURE__ */ from_html("<div></div>"), $$css$72 = {
|
|
7288
7310
|
hash: "svelte-1gcz5cs",
|
|
7289
7311
|
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;}"
|
|
7290
7312
|
};
|
|
@@ -7432,7 +7454,7 @@ function SplitInput(e, t) {
|
|
|
7432
7454
|
}, ct = root_3$42();
|
|
7433
7455
|
return each(ct, 21, () => get(C), index, (e, t, n) => {
|
|
7434
7456
|
var i = root_2$47(), a = first_child(i), s = (e) => {
|
|
7435
|
-
var t = root$
|
|
7457
|
+
var t = root$73(), n = child(t, !0);
|
|
7436
7458
|
reset(t), template_effect(() => set_text(n, c())), append(e, t);
|
|
7437
7459
|
};
|
|
7438
7460
|
if_block(a, (e) => {
|
|
@@ -7511,7 +7533,7 @@ create_custom_element(SplitInput, {
|
|
|
7511
7533
|
}, [], ["clear", "focus"], { mode: "open" });
|
|
7512
7534
|
//#endregion
|
|
7513
7535
|
//#region src/lib/assets/swap-vertical.svg?raw
|
|
7514
|
-
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$
|
|
7536
|
+
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$72 = /* @__PURE__ */ from_html("<span class=\"color-picker-label svelte-ka7yhu\"> </span>"), root_1$60 = /* @__PURE__ */ from_html("<span class=\"color-picker-checkerboard svelte-ka7yhu\"><span class=\"color-picker-swatch svelte-ka7yhu\"></span></span>"), root_2$46 = /* @__PURE__ */ from_html("<div class=\"color-picker-input-wrap svelte-ka7yhu\"><!></div>"), root_3$41 = /* @__PURE__ */ from_html("<div class=\"cp-field-hex svelte-ka7yhu\"><!> <span class=\"cp-field-label svelte-ka7yhu\">HEX</span></div>"), root_4$33 = /* @__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$28 = /* @__PURE__ */ from_html("<div><!> <div class=\"color-picker-row svelte-ka7yhu\"><div><!></div> <!></div> <!></div>"), $$css$71 = {
|
|
7515
7537
|
hash: "svelte-ka7yhu",
|
|
7516
7538
|
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;}"
|
|
7517
7539
|
};
|
|
@@ -7619,11 +7641,11 @@ function ColorPicker(e, t) {
|
|
|
7619
7641
|
set classes(e) {
|
|
7620
7642
|
u(e), flushSync();
|
|
7621
7643
|
}
|
|
7622
|
-
}, _t = root_5$
|
|
7644
|
+
}, _t = root_5$28();
|
|
7623
7645
|
event("click", $window, Me);
|
|
7624
7646
|
let vt;
|
|
7625
7647
|
var yt = child(_t), bt = (e) => {
|
|
7626
|
-
var t = root$
|
|
7648
|
+
var t = root$72(), n = child(t, !0);
|
|
7627
7649
|
reset(t), template_effect(() => set_text(n, i())), append(e, t);
|
|
7628
7650
|
};
|
|
7629
7651
|
if_block(yt, (e) => {
|
|
@@ -7870,7 +7892,7 @@ customElements.define("sui-color-picker", create_custom_element(ColorPicker_wc,
|
|
|
7870
7892
|
}, [], [], { mode: "open" }));
|
|
7871
7893
|
//#endregion
|
|
7872
7894
|
//#region src/lib/Combobox/Combobox.svelte
|
|
7873
|
-
var root$
|
|
7895
|
+
var root$71 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$59 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$45 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$40 = /* @__PURE__ */ from_html("<div class=\"combobox-limit svelte-178p70i\" role=\"alert\"> </div>"), root_4$32 = /* @__PURE__ */ from_html("<div class=\"combobox-empty svelte-178p70i\"> </div>"), root_5$27 = /* @__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$20 = /* @__PURE__ */ from_html("<span class=\"combobox-action-icon svelte-178p70i\" aria-hidden=\"true\"><!></span>"), root_8$18 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><!> </div>"), root_9$11 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-footer svelte-178p70i\"><!></div>"), root_10$9 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown svelte-178p70i\" role=\"listbox\"><!> <!> <!> <!> <!></div>"), root_11$9 = /* @__PURE__ */ from_html("<div><div><!> <!> <div class=\"combobox-input svelte-178p70i\"><!></div> <!></div> <!></div>"), $$css$70 = {
|
|
7874
7896
|
hash: "svelte-178p70i",
|
|
7875
7897
|
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);}"
|
|
7876
7898
|
};
|
|
@@ -8239,7 +8261,7 @@ function Combobox(e, t) {
|
|
|
8239
8261
|
var vn = child(gn);
|
|
8240
8262
|
let yn;
|
|
8241
8263
|
var bn = child(vn), xn = (e) => {
|
|
8242
|
-
var t = root$
|
|
8264
|
+
var t = root$71();
|
|
8243
8265
|
snippet(child(t), G), reset(t), append(e, t);
|
|
8244
8266
|
};
|
|
8245
8267
|
if_block(bn, (e) => {
|
|
@@ -8349,7 +8371,7 @@ function Combobox(e, t) {
|
|
|
8349
8371
|
var t = comment();
|
|
8350
8372
|
each(first_child(t), 19, () => get(jt), (e) => e.id, (e, t) => {
|
|
8351
8373
|
let n = /* @__PURE__ */ user_derived(() => cn(get(t))), i = /* @__PURE__ */ user_derived(() => get(t).disabled !== !0 && get(n) === c());
|
|
8352
|
-
var o = root_5$
|
|
8374
|
+
var o = root_5$27();
|
|
8353
8375
|
let s;
|
|
8354
8376
|
var l = child(o), u = (e) => {
|
|
8355
8377
|
var n = comment();
|
|
@@ -8375,7 +8397,7 @@ function Combobox(e, t) {
|
|
|
8375
8397
|
get(Pt) ? e(s) : get(jt).length === 0 && !get(Lt) && !dt() ? e(l, 1) : e(u, -1);
|
|
8376
8398
|
});
|
|
8377
8399
|
var f = sibling(o, 2), h = (e) => {
|
|
8378
|
-
var t = root_6$
|
|
8400
|
+
var t = root_6$24();
|
|
8379
8401
|
let n;
|
|
8380
8402
|
var i = sibling(child(t));
|
|
8381
8403
|
reset(t), template_effect((e) => {
|
|
@@ -8389,10 +8411,10 @@ function Combobox(e, t) {
|
|
|
8389
8411
|
get(Lt) && e(h);
|
|
8390
8412
|
});
|
|
8391
8413
|
var k = sibling(f, 2), R = (e) => {
|
|
8392
|
-
var t = root_8$
|
|
8414
|
+
var t = root_8$18();
|
|
8393
8415
|
let n;
|
|
8394
8416
|
var i = child(t), a = (e) => {
|
|
8395
|
-
var t = root_7$
|
|
8417
|
+
var t = root_7$20();
|
|
8396
8418
|
snippet(child(t), ft), reset(t), append(e, t);
|
|
8397
8419
|
};
|
|
8398
8420
|
if_block(i, (e) => {
|
|
@@ -8646,7 +8668,7 @@ customElements.define("sui-combobox", create_custom_element(Combobox_wc, {
|
|
|
8646
8668
|
}, [], [], { mode: "open" }));
|
|
8647
8669
|
//#endregion
|
|
8648
8670
|
//#region src/lib/assets/search.svg?raw
|
|
8649
|
-
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$
|
|
8671
|
+
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$70 = /* @__PURE__ */ from_html("<span class=\"command-menu-search-icon svelte-rk55q\"></span>"), root_1$58 = /* @__PURE__ */ from_html("<div class=\"command-menu-empty svelte-rk55q\"> </div>"), root_2$44 = /* @__PURE__ */ from_html("<div class=\"command-menu-group-heading svelte-rk55q\"> </div>"), root_3$39 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-icon svelte-rk55q\"><!></span>"), root_4$31 = /* @__PURE__ */ from_html("<div class=\"command-menu-item-icon-img-wrapper svelte-rk55q\"><!></div>"), root_5$26 = /* @__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$19 = /* @__PURE__ */ from_html("<button type=\"button\" role=\"option\" tabindex=\"-1\"><!> <span class=\"command-menu-item-label svelte-rk55q\"> </span> <!></button>"), root_8$17 = /* @__PURE__ */ from_html("<!> <!>", 1), root_9$10 = /* @__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\"/></div> <div class=\"command-menu-separator svelte-rk55q\"></div> <div class=\"command-menu-list svelte-rk55q\" role=\"listbox\"><!></div></div></div>"), $$css$69 = {
|
|
8650
8672
|
hash: "svelte-rk55q",
|
|
8651
8673
|
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);}"
|
|
8652
8674
|
};
|
|
@@ -8807,7 +8829,7 @@ function CommandMenu(e, t) {
|
|
|
8807
8829
|
var t = comment();
|
|
8808
8830
|
snippet(first_child(t), l), append(e, t);
|
|
8809
8831
|
}, R = (e) => {
|
|
8810
|
-
var t = root$
|
|
8832
|
+
var t = root$70();
|
|
8811
8833
|
html(t, () => search_default, !0), reset(t), append(e, t);
|
|
8812
8834
|
};
|
|
8813
8835
|
if_block(u, (e) => {
|
|
@@ -8823,7 +8845,7 @@ function CommandMenu(e, t) {
|
|
|
8823
8845
|
each(first_child(t), 17, () => get(te), ([e, t]) => e, (e, t) => {
|
|
8824
8846
|
var n = /* @__PURE__ */ user_derived(() => to_array(get(t), 2));
|
|
8825
8847
|
let i = () => get(n)[0], a = () => get(n)[1];
|
|
8826
|
-
var o = root_8$
|
|
8848
|
+
var o = root_8$17(), l = first_child(o), u = (e) => {
|
|
8827
8849
|
var t = root_2$44(), n = child(t, !0);
|
|
8828
8850
|
reset(t), template_effect(() => set_text(n, i())), append(e, t);
|
|
8829
8851
|
};
|
|
@@ -8831,7 +8853,7 @@ function CommandMenu(e, t) {
|
|
|
8831
8853
|
i() !== "" && e(u);
|
|
8832
8854
|
}), each(sibling(l, 2), 17, a, (e) => e.value, (e, t) => {
|
|
8833
8855
|
let n = /* @__PURE__ */ user_derived(() => get(re).get(get(t).value) ?? -1);
|
|
8834
|
-
var i = root_7$
|
|
8856
|
+
var i = root_7$19();
|
|
8835
8857
|
let a;
|
|
8836
8858
|
var o = child(i), l = (e) => {
|
|
8837
8859
|
var n = root_3$39();
|
|
@@ -8852,9 +8874,9 @@ function CommandMenu(e, t) {
|
|
|
8852
8874
|
var f = sibling(o, 2), p = child(f, !0);
|
|
8853
8875
|
reset(f);
|
|
8854
8876
|
var h = sibling(f, 2), C = (e) => {
|
|
8855
|
-
var n = root_6$
|
|
8877
|
+
var n = root_6$23();
|
|
8856
8878
|
each(n, 21, () => get(t).shortcut.split("+"), index, (e, t) => {
|
|
8857
|
-
var n = root_5$
|
|
8879
|
+
var n = root_5$26(), i = child(n, !0);
|
|
8858
8880
|
reset(n), template_effect((e) => set_text(i, e), [() => get(t).trim()]), append(e, n);
|
|
8859
8881
|
}), reset(n), append(e, n);
|
|
8860
8882
|
};
|
|
@@ -8944,7 +8966,7 @@ customElements.define("sui-command-menu", create_custom_element(CommandMenu_wc,
|
|
|
8944
8966
|
}, ["search-icon"], [], { mode: "open" }));
|
|
8945
8967
|
//#endregion
|
|
8946
8968
|
//#region src/lib/Gauge/Gauge.svelte
|
|
8947
|
-
var root$
|
|
8969
|
+
var root$69 = /* @__PURE__ */ from_html("<div class=\"label svelte-ms0oc6\"> </div>"), root_1$57 = /* @__PURE__ */ from_html("<div role=\"progressbar\"><svg class=\"svelte-ms0oc6\"><circle class=\"track svelte-ms0oc6\" fill=\"none\"></circle><circle class=\"bar svelte-ms0oc6\" fill=\"none\" stroke-linecap=\"round\"></circle></svg> <!></div>"), $$css$68 = {
|
|
8948
8970
|
hash: "svelte-ms0oc6",
|
|
8949
8971
|
code: ".gauge.svelte-ms0oc6 {position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--gauge-size, 120px);height:var(--gauge-size, 120px);}svg.svelte-ms0oc6 {display:block;width:100%;height:100%;}.track.svelte-ms0oc6 {stroke:var(--gauge-track-color, #e0e0e0);stroke-width:var(--gauge-stroke-width, 8);}.bar.svelte-ms0oc6 {stroke:var(--gauge-bar-color, #2196f3);stroke-width:var(--gauge-stroke-width, 8);transition:stroke-dashoffset var(--gauge-transition-duration, 0.3s) ease;}.label.svelte-ms0oc6 {position:absolute;font-size:var(--gauge-label-font-size, 24px);font-weight:var(--gauge-label-font-weight, 600);font-family:var(--gauge-label-font-family, inherit);color:var(--gauge-label-color, #333);}"
|
|
8950
8972
|
};
|
|
@@ -9003,7 +9025,7 @@ function Gauge(e, t) {
|
|
|
9003
9025
|
var G = sibling(re);
|
|
9004
9026
|
set_attribute(G, "cx", 50), set_attribute(G, "cy", 50), set_attribute(G, "r", 46), set_attribute(G, "stroke-dasharray", h), set_attribute(G, "transform", "rotate(-90 50 50)"), reset(ne);
|
|
9005
9027
|
var be = sibling(ne, 2), Me = (e) => {
|
|
9006
|
-
var t = root$
|
|
9028
|
+
var t = root$69(), n = child(t, !0);
|
|
9007
9029
|
reset(t), template_effect(() => set_text(n, get(k))), append(e, t);
|
|
9008
9030
|
};
|
|
9009
9031
|
return if_block(be, (e) => {
|
|
@@ -9056,7 +9078,7 @@ customElements.define("sui-gauge", create_custom_element(Gauge_wc, {
|
|
|
9056
9078
|
}, [], [], { mode: "open" }));
|
|
9057
9079
|
//#endregion
|
|
9058
9080
|
//#region src/lib/GridItem/GridItem.svelte
|
|
9059
|
-
var root$
|
|
9081
|
+
var root$68 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><div class=\"grid-header svelte-1h7hoii\"><img alt=\"\" class=\"grid-item-header-icon svelte-1h7hoii\"/></div> <div><div class=\"grid-item-body svelte-1h7hoii\"><img alt=\"\" class=\"grid-item-icon svelte-1h7hoii\"/></div></div> <div class=\"grid-item-footer svelte-1h7hoii\"> </div></div>"), $$css$67 = {
|
|
9060
9082
|
hash: "svelte-1h7hoii",
|
|
9061
9083
|
code: ".container.svelte-1h7hoii {box-sizing:border-box;height:var(--grid-item-height, 98px);width:var(--grid-item-width, 66px);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:pointer;\n /** Remove button tap effect */-webkit-tap-highlight-color:transparent;}.grid-header.svelte-1h7hoii {display:flex;width:var(--grid-header-width, 100%);justify-content:var(--grid-header-justify-content, end);position:var(--grid-header-position, absolute);top:var(--grid-header-top, 5px);z-index:var(--grid-header-z-index, 100);}.grid-item-header-icon.svelte-1h7hoii {height:var(--grid-item-header-icon-height, 16px);width:var(--grid-item-header-icon-width, fit-content);object-fit:var(--grid-item-header-icon-object-fit, contain);z-index:var(--grid-item-header-icon-z-index, 2);}.grid-item-body.svelte-1h7hoii {height:var(--grid-item-body-height, 64px);width:var(--grid-item-body-width, 64px);background-color:var(--grid-item-background-color, #faf9f9);border:var(--grid-item-border, 1px solid #eaeaea);border-radius:var(--grid-item-border-radius, var(--radius, 4px));margin:var(--grid-item-margin, 8px 0 0 0);display:flex;justify-content:center;align-items:center;}.grid-item-icon.svelte-1h7hoii {height:var(--grid-item-icon-height, 32px);width:var(--grid-item-icon-width, fit-content);object-fit:var(--grid-item-icon-object-fit, contain);z-index:var(--grid-item-icon-z-index, 100);}.grid-item-footer.svelte-1h7hoii {margin:var(--grid-item-footer-margin, 8px 0 0 0);font-size:var(--grid-item-font-size, 14px);color:var(--grid-item-color, #333);text-overflow:var(--grid-item-footer-text-overflow, ellipsis);white-space:var(--grid-item-footer-white-space, nowrap);overflow:var(--grid-item-footer-overflow, hidden);width:var(--grid-item-footer-width, 100%);text-align:var(--grid-item-footer-text-align, center);height:var(--grid-item-footer-height, fit-content);}.grid-body-loader.svelte-1h7hoii {position:relative;}.grid-body-loader.svelte-1h7hoii::before {content:'';box-sizing:border-box;position:absolute;inset:0px;margin:var(--grid-item-margin, 8px 0 0 0);border-radius:var(--grid-item-border-radius, var(--radius, 4px));border:var(--animation-version, 32px solid #cbcccf66);\n animation: svelte-1h7hoii-clipperAnimation var(--loader-animation-duration, 3s) infinite linear;}\n\n @keyframes svelte-1h7hoii-clipperAnimation {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n }\n 25% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n }\n 50% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n }\n 75% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n }\n 100% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n }\n }"
|
|
9062
9084
|
};
|
|
@@ -9115,7 +9137,7 @@ function GridItem(e, t) {
|
|
|
9115
9137
|
set testId(e) {
|
|
9116
9138
|
u(e), flushSync();
|
|
9117
9139
|
}
|
|
9118
|
-
}, h = root$
|
|
9140
|
+
}, h = root$68(), S = child(h), C = child(S);
|
|
9119
9141
|
reset(S);
|
|
9120
9142
|
var k = sibling(S, 2);
|
|
9121
9143
|
let R;
|
|
@@ -9179,7 +9201,7 @@ customElements.define("sui-grid-item", create_custom_element(GridItem_wc, {
|
|
|
9179
9201
|
}, [], [], { mode: "open" }));
|
|
9180
9202
|
//#endregion
|
|
9181
9203
|
//#region src/lib/Icon/Icon.svelte
|
|
9182
|
-
var root$
|
|
9204
|
+
var root$67 = /* @__PURE__ */ from_html("<span class=\"icon-svg svelte-15st86u\"></span>"), root_1$56 = /* @__PURE__ */ from_html("<div class=\"icon-text svelte-15st86u\"> </div>"), root_2$43 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!> <!></div>"), $$css$66 = {
|
|
9183
9205
|
hash: "svelte-15st86u",
|
|
9184
9206
|
code: ".icon-container.svelte-15st86u {display:flex;padding:var(--icon-container-paddding, 4px);flex-direction:var(--icon-container-direction, column);align-items:center;cursor:pointer;}\n /* Direct child only: the @html branch's svg lives inside .icon-svg and keeps\n its own 100% sizing rule below. */.icon-container.svelte-15st86u > img,\n .icon-container.svelte-15st86u > svg {height:var(--icon-height, 20px);width:var(--icon-width, 20px);padding:var(--icon-padding, 4px);}.icon-svg.svelte-15st86u {display:inline-flex;align-items:center;justify-content:center;width:var(--icon-width, 20px);height:var(--icon-height, 20px);padding:var(--icon-padding, 4px);color:var(--icon-svg-color, currentColor);}.icon-svg.svelte-15st86u svg {width:100%;height:100%;}.icon-text.svelte-15st86u {display:flex;padding:var(--icon-text-padding, 4px);flex-direction:var(--icon-text-direction, column);font-size:var(--icon-text-font-size, 12px);}"
|
|
9185
9207
|
};
|
|
@@ -9230,7 +9252,7 @@ function Icon(e, t) {
|
|
|
9230
9252
|
l(e), flushSync();
|
|
9231
9253
|
}
|
|
9232
9254
|
}, f = root_2$43(), p = child(f), h = (e) => {
|
|
9233
|
-
var t = root$
|
|
9255
|
+
var t = root$67();
|
|
9234
9256
|
html(t, i, !0), reset(t), append(e, t);
|
|
9235
9257
|
}, S = (e) => {
|
|
9236
9258
|
Img(e, {
|
|
@@ -9303,7 +9325,7 @@ customElements.define("sui-icon", create_custom_element(Icon_wc, {
|
|
|
9303
9325
|
}, [], [], { mode: "open" }));
|
|
9304
9326
|
//#endregion
|
|
9305
9327
|
//#region src/lib/IconStack/IconStack.svelte
|
|
9306
|
-
var root$
|
|
9328
|
+
var root$66 = /* @__PURE__ */ from_html("<img alt=\"icon\" class=\"svelte-1upirm6\"/>"), root_1$55 = /* @__PURE__ */ from_html("<div class=\"text-container svelte-1upirm6\"><span class=\"svelte-1upirm6\"> </span></div>"), root_2$42 = /* @__PURE__ */ from_html("<div class=\"stack-icon svelte-1upirm6\"><!></div>"), root_3$38 = /* @__PURE__ */ from_html("<div></div>"), $$css$65 = {
|
|
9307
9329
|
hash: "svelte-1upirm6",
|
|
9308
9330
|
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);}"
|
|
9309
9331
|
};
|
|
@@ -9334,7 +9356,7 @@ function IconStack(e, t) {
|
|
|
9334
9356
|
var a = root_2$42();
|
|
9335
9357
|
let o;
|
|
9336
9358
|
var s = child(a), c = (e) => {
|
|
9337
|
-
var n = root$
|
|
9359
|
+
var n = root$66();
|
|
9338
9360
|
template_effect(() => set_attribute(n, "src", get(t).content)), append(e, n);
|
|
9339
9361
|
}, l = (e) => {
|
|
9340
9362
|
var n = root_1$55(), i = child(n), a = child(i, !0);
|
|
@@ -9374,7 +9396,7 @@ customElements.define("sui-icon-stack", create_custom_element(IconStack_wc, {
|
|
|
9374
9396
|
}, [], [], { mode: "open" }));
|
|
9375
9397
|
//#endregion
|
|
9376
9398
|
//#region src/lib/IframeViewer/IframeViewer.svelte
|
|
9377
|
-
var root$
|
|
9399
|
+
var root$65 = /* @__PURE__ */ from_html("<iframe></iframe>"), root_1$54 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$64 = {
|
|
9378
9400
|
hash: "svelte-18ttvcs",
|
|
9379
9401
|
code: ".iframe-viewer.svelte-18ttvcs {width:var(--iframe-viewer-width, 100%);height:var(--iframe-viewer-height, 100%);display:flex;}iframe.svelte-18ttvcs {width:100%;height:100%;border:var(--iframe-viewer-border, none);border-radius:var(--iframe-viewer-border-radius, 0);}"
|
|
9380
9402
|
};
|
|
@@ -9459,7 +9481,7 @@ function IframeViewer(e, t) {
|
|
|
9459
9481
|
h(e), flushSync();
|
|
9460
9482
|
}
|
|
9461
9483
|
}, te = root_1$54(), ne = child(te), re = (e) => {
|
|
9462
|
-
var t = root$
|
|
9484
|
+
var t = root$65();
|
|
9463
9485
|
attribute_effect(t, () => ({
|
|
9464
9486
|
src: n(),
|
|
9465
9487
|
title: i(),
|
|
@@ -9806,7 +9828,7 @@ customElements.define("sui-input", create_custom_element(Input_wc, {
|
|
|
9806
9828
|
}, [], [], { mode: "open" }));
|
|
9807
9829
|
//#endregion
|
|
9808
9830
|
//#region src/lib/KeyboardInput/KeyboardInput.svelte
|
|
9809
|
-
var root$
|
|
9831
|
+
var root$64 = /* @__PURE__ */ from_html("<span class=\"separator svelte-14lwsom\"> </span>"), root_1$53 = /* @__PURE__ */ from_html("<!> <kbd class=\"key svelte-14lwsom\"> </kbd>", 1), root_2$41 = /* @__PURE__ */ from_html("<span></span>"), $$css$63 = {
|
|
9810
9832
|
hash: "svelte-14lwsom",
|
|
9811
9833
|
code: ".keyboard-input.svelte-14lwsom {display:inline-flex;align-items:center;gap:var(--keyboard-input-gap, 4px);font-family:var(--keyboard-input-font-family, inherit);font-size:var(--keyboard-input-font-size, 13px);vertical-align:baseline;cursor:var(--keyboard-input-cursor, default);}.separator.svelte-14lwsom {color:var(--keyboard-input-separator-color, #888888);font-size:var(--keyboard-input-separator-font-size, 0.85em);user-select:none;}.key.svelte-14lwsom {display:inline-flex;align-items:center;justify-content:center;font-family:var(--keyboard-input-key-font-family, inherit);font-weight:var(--keyboard-input-key-font-weight, 500);color:var(--keyboard-input-key-color, #333333);background-color:var(--keyboard-input-key-background, #f5f5f5);border:var(--keyboard-input-key-border, 1px solid #d1d1d1);border-radius:var(--keyboard-input-key-border-radius, var(--radius, 4px));box-shadow:var(--keyboard-input-key-box-shadow, 0 1px 0 #c4c4c4);min-width:var(--keyboard-input-key-min-width, 1.6em);padding:var(--keyboard-input-key-padding, 2px 6px);text-align:center;white-space:nowrap;line-height:1;}"
|
|
9812
9834
|
};
|
|
@@ -9872,7 +9894,7 @@ function KeyboardInput(e, t) {
|
|
|
9872
9894
|
}, S = root_2$41();
|
|
9873
9895
|
return each(S, 21, () => get(l), index, (e, t, n) => {
|
|
9874
9896
|
var a = root_1$53(), o = first_child(a), s = (e) => {
|
|
9875
|
-
var t = root$
|
|
9897
|
+
var t = root$64(), n = child(t, !0);
|
|
9876
9898
|
reset(t), template_effect(() => set_text(n, i())), append(e, t);
|
|
9877
9899
|
};
|
|
9878
9900
|
if_block(o, (e) => {
|
|
@@ -9944,7 +9966,7 @@ customElements.define("sui-loader", create_custom_element(Loader_wc, {
|
|
|
9944
9966
|
}, [], [], { mode: "open" }));
|
|
9945
9967
|
//#endregion
|
|
9946
9968
|
//#region src/lib/LoadingDots/LoadingDots.svelte
|
|
9947
|
-
var root$
|
|
9969
|
+
var root$63 = /* @__PURE__ */ from_html("<span></span>"), root_1$52 = /* @__PURE__ */ from_html("<span role=\"status\" aria-label=\"Loading\"></span>"), $$css$62 = {
|
|
9948
9970
|
hash: "svelte-1lnsydm",
|
|
9949
9971
|
code: ".loading-dots.svelte-1lnsydm {display:inline-flex;align-items:center;gap:var(--loading-dots-gap, 3px);vertical-align:middle;line-height:1;}.dot.svelte-1lnsydm {display:block;width:var(--loading-dots-size, 6px);height:var(--loading-dots-size, 6px);border-radius:var(--loading-dots-border-radius, 50%);background-color:var(--loading-dots-color, currentColor);\n animation: svelte-1lnsydm-loading-dots-bounce var(--loading-dots-duration, 1.4s) ease-in-out infinite;animation-delay:calc(var(--i) * var(--loading-dots-stagger, 0.16s));}.dot.pulse.svelte-1lnsydm {\n animation-name: svelte-1lnsydm-loading-dots-pulse;}\n\n @keyframes svelte-1lnsydm-loading-dots-bounce {\n 0%,\n 80%,\n 100% {\n transform: translateY(0);\n }\n 40% {\n transform: translateY(var(--loading-dots-bounce-height, -6px));\n }\n }\n\n @keyframes svelte-1lnsydm-loading-dots-pulse {\n 0%,\n 80%,\n 100% {\n opacity: var(--loading-dots-pulse-min-opacity, 0.2);\n transform: scale(var(--loading-dots-pulse-min-scale, 1));\n }\n 40% {\n opacity: 1;\n transform: scale(1);\n }\n }"
|
|
9950
9972
|
};
|
|
@@ -9978,7 +10000,7 @@ function LoadingDots(e, t) {
|
|
|
9978
10000
|
}
|
|
9979
10001
|
}, l = root_1$52();
|
|
9980
10002
|
return each(l, 21, () => ({ length: get(s) }), index, (e, t, n) => {
|
|
9981
|
-
var o = root$
|
|
10003
|
+
var o = root$63();
|
|
9982
10004
|
let s;
|
|
9983
10005
|
set_style(o, `--i: ${n}`), template_effect(() => {
|
|
9984
10006
|
s = set_class(o, 1, "dot svelte-1lnsydm", null, s, { pulse: i() === "pulse" }), set_attribute(o, "data-pw", typeof a() == "string" ? `${a()}-dot-${n}` : null), set_attribute(o, "testid", typeof a() == "string" ? `${a()}-dot-${n}` : null);
|
|
@@ -10022,7 +10044,7 @@ customElements.define("sui-loading-dots", create_custom_element(LoadingDots_wc,
|
|
|
10022
10044
|
}, [], [], { mode: "open" }));
|
|
10023
10045
|
//#endregion
|
|
10024
10046
|
//#region src/lib/Pagination/Pagination.svelte
|
|
10025
|
-
var root$
|
|
10047
|
+
var root$62 = /* @__PURE__ */ from_html("<span class=\"ellipsis svelte-1sajc2w\">…</span>"), root_1$51 = /* @__PURE__ */ from_html("<button> </button>"), root_2$40 = /* @__PURE__ */ from_html("<button class=\"page-button load-more-button svelte-1sajc2w\" aria-label=\"Load more\">›</button>"), root_3$37 = /* @__PURE__ */ from_html("<button class=\"page-button next-button svelte-1sajc2w\" aria-label=\"Next page\">›</button>"), root_4$30 = /* @__PURE__ */ from_html("<nav><button class=\"page-button prev-button svelte-1sajc2w\" aria-label=\"Previous page\">‹</button> <!> <!></nav>"), $$css$61 = {
|
|
10026
10048
|
hash: "svelte-1sajc2w",
|
|
10027
10049
|
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;}"
|
|
10028
10050
|
};
|
|
@@ -10118,7 +10140,7 @@ function Pagination(e, t) {
|
|
|
10118
10140
|
var Me = child(G), Re = sibling(Me, 2);
|
|
10119
10141
|
each(Re, 17, () => get(C), index, (e, t) => {
|
|
10120
10142
|
var n = comment(), a = first_child(n), s = (e) => {
|
|
10121
|
-
append(e, root$
|
|
10143
|
+
append(e, root$62());
|
|
10122
10144
|
}, c = (e) => {
|
|
10123
10145
|
var n = root_1$51();
|
|
10124
10146
|
let a;
|
|
@@ -10267,6 +10289,10 @@ customElements.define("sui-pill", create_custom_element(Pill_wc, {
|
|
|
10267
10289
|
reflect: !0,
|
|
10268
10290
|
type: "Boolean"
|
|
10269
10291
|
},
|
|
10292
|
+
tone: {
|
|
10293
|
+
attribute: "tone",
|
|
10294
|
+
type: "String"
|
|
10295
|
+
},
|
|
10270
10296
|
testId: {
|
|
10271
10297
|
attribute: "test-id",
|
|
10272
10298
|
type: "String"
|
|
@@ -10288,7 +10314,7 @@ customElements.define("sui-pill", create_custom_element(Pill_wc, {
|
|
|
10288
10314
|
}, ["leading-icon", "dismiss-icon"], [], { mode: "open" }));
|
|
10289
10315
|
//#endregion
|
|
10290
10316
|
//#region src/lib/Progress/Progress.svelte
|
|
10291
|
-
var root$
|
|
10317
|
+
var root$61 = /* @__PURE__ */ from_html("<div class=\"label svelte-1c2jqm2\"> </div>"), root_1$50 = /* @__PURE__ */ from_html("<div role=\"progressbar\"><div class=\"track svelte-1c2jqm2\"><div></div></div> <!></div>"), $$css$60 = {
|
|
10292
10318
|
hash: "svelte-1c2jqm2",
|
|
10293
10319
|
code: ".container.svelte-1c2jqm2 {display:flex;align-items:center;width:var(--progress-container-width, 100%);padding:var(--progress-container-padding, 0);gap:var(--progress-container-gap, 8px);}.track.svelte-1c2jqm2 {flex:1;height:var(--progress-track-height, 8px);background:var(--progress-track-background, #e0e0e0);border-radius:var(--progress-track-border-radius, var(--radius, 4px));overflow:hidden;}.bar.svelte-1c2jqm2 {height:100%;background:var(--progress-bar-background, #2196f3);border-radius:var(--progress-bar-border-radius, var(--radius, 4px));transition:var(--progress-bar-transition, width 0.3s ease);}.bar.indeterminate.svelte-1c2jqm2 {width:30%;\n animation: svelte-1c2jqm2-indeterminate var(--progress-indeterminate-duration, 1.5s) ease-in-out infinite;}.label.svelte-1c2jqm2 {font-size:var(--progress-label-font-size, 14px);font-weight:var(--progress-label-font-weight, 500);color:var(--progress-label-color, #333);font-family:var(--progress-label-font-family, inherit);margin:var(--progress-label-margin, 0);}\n\n @keyframes svelte-1c2jqm2-indeterminate {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(400%);\n }\n }"
|
|
10294
10320
|
};
|
|
@@ -10338,7 +10364,7 @@ function Progress(e, t) {
|
|
|
10338
10364
|
let te, ne;
|
|
10339
10365
|
reset(k);
|
|
10340
10366
|
var re = sibling(k, 2), G = (e) => {
|
|
10341
|
-
var t = root$
|
|
10367
|
+
var t = root$61(), n = child(t, !0);
|
|
10342
10368
|
reset(t), template_effect(() => set_text(n, get(h))), append(e, t);
|
|
10343
10369
|
};
|
|
10344
10370
|
return if_block(re, (e) => {
|
|
@@ -10389,7 +10415,7 @@ customElements.define("sui-progress", create_custom_element(Progress_wc, {
|
|
|
10389
10415
|
}, [], [], { mode: "open" }));
|
|
10390
10416
|
//#endregion
|
|
10391
10417
|
//#region src/lib/Radio/Radio.svelte
|
|
10392
|
-
var root$
|
|
10418
|
+
var root$60 = /* @__PURE__ */ from_html("<span> </span>"), root_1$49 = /* @__PURE__ */ from_html("<label><input type=\"radio\" class=\"radio-input svelte-14bh706\"/> <span><span></span></span> <!></label>"), $$css$59 = {
|
|
10393
10419
|
hash: "svelte-14bh706",
|
|
10394
10420
|
code: ".radio-container.svelte-14bh706 {display:var(--radio-container-display, inline-flex);align-items:var(--radio-container-align-items, center);gap:var(--radio-container-gap, 8px);cursor:var(--radio-container-cursor, pointer);opacity:var(--radio-container-opacity, 1);}.radio-container.disabled.svelte-14bh706 {cursor:not-allowed;}.radio-input.svelte-14bh706 {position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none;}.radio-indicator.svelte-14bh706 {display:inline-flex;align-items:center;justify-content:center;width:var(--radio-size, 20px);height:var(--radio-size, 20px);border:var(--radio-border, 2px solid #9e9e9e);border-radius:var(--radio-border-radius, 50%);background-color:var(--radio-background, #ffffff);transition:var(--radio-transition, 0.2s);box-sizing:border-box;flex-shrink:0;}.radio-indicator.checked.svelte-14bh706 {border:var(--radio-selected-border, 2px solid #2196f3);background-color:var(--radio-selected-background, #ffffff);}.radio-indicator.disabled.svelte-14bh706 {border:var(--radio-disabled-border, 2px solid #cccccc);background-color:var(--radio-disabled-background, #f5f5f5);}.radio-container.svelte-14bh706:not(.disabled):hover .radio-indicator:where(.svelte-14bh706):not(.checked) {border:var(--radio-hover-border, 2px solid #2196f3);}.radio-input.svelte-14bh706:focus-visible + .radio-indicator:where(.svelte-14bh706) {box-shadow:var(--radio-focus-shadow, 0 0 0 3px rgba(33, 150, 243, 0.3));}.radio-dot.svelte-14bh706 {width:0;height:0;border-radius:var(--radio-dot-border-radius, 50%);background-color:var(--radio-dot-color, #2196f3);transition:var(--radio-transition, 0.2s);}.radio-dot.checked.svelte-14bh706 {width:var(--radio-dot-size, 10px);height:var(--radio-dot-size, 10px);}.radio-dot.checked.disabled.svelte-14bh706 {background-color:var(--radio-disabled-dot-color, #cccccc);}.radio-text.svelte-14bh706 {font-size:var(--radio-text-font-size, 14px);font-weight:var(--radio-text-font-weight, 400);color:var(--radio-text-color, #333333);}.radio-text.disabled.svelte-14bh706 {color:var(--radio-disabled-text-color, #999999);}"
|
|
10395
10421
|
};
|
|
@@ -10458,7 +10484,7 @@ function Radio(e, t) {
|
|
|
10458
10484
|
let re;
|
|
10459
10485
|
reset(R);
|
|
10460
10486
|
var G = sibling(R, 2), be = (e) => {
|
|
10461
|
-
var t = root$
|
|
10487
|
+
var t = root$60();
|
|
10462
10488
|
let n;
|
|
10463
10489
|
var i = child(t, !0);
|
|
10464
10490
|
reset(t), template_effect(() => {
|
|
@@ -10546,7 +10572,7 @@ function PortalContentRenderer(e, t) {
|
|
|
10546
10572
|
create_custom_element(PortalContentRenderer, { snippet: {} }, [], [], { mode: "open" });
|
|
10547
10573
|
//#endregion
|
|
10548
10574
|
//#region src/lib/Tooltip/Tooltip.svelte
|
|
10549
|
-
var root$
|
|
10575
|
+
var root$59 = /* @__PURE__ */ from_html("<span class=\"tooltip-icon svelte-1xxu8em\" aria-hidden=\"true\"><!></span>"), root_1$48 = /* @__PURE__ */ from_html("<span class=\"tooltip-text svelte-1xxu8em\"> </span>"), root_2$39 = /* @__PURE__ */ from_html("<div role=\"tooltip\"><div class=\"tooltip-arrow svelte-1xxu8em\"></div> <!></div>"), root_3$36 = /* @__PURE__ */ from_html("<div role=\"none\"><!> <!> <!> <!></div>"), $$css$58 = {
|
|
10550
10576
|
hash: "svelte-1xxu8em",
|
|
10551
10577
|
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);}"
|
|
10552
10578
|
};
|
|
@@ -10728,7 +10754,7 @@ function Tooltip(e, t) {
|
|
|
10728
10754
|
p(e), flushSync();
|
|
10729
10755
|
}
|
|
10730
10756
|
}, ft = root_3$36(), pt = child(ft), mt = (e) => {
|
|
10731
|
-
var t = root$
|
|
10757
|
+
var t = root$59();
|
|
10732
10758
|
snippet(child(t), l), reset(t), append(e, t);
|
|
10733
10759
|
};
|
|
10734
10760
|
if_block(pt, (e) => {
|
|
@@ -10737,7 +10763,7 @@ function Tooltip(e, t) {
|
|
|
10737
10763
|
var ht = sibling(pt, 2);
|
|
10738
10764
|
snippet(ht, c);
|
|
10739
10765
|
var gt = sibling(ht, 2), _t = (e) => {
|
|
10740
|
-
var t = root$
|
|
10766
|
+
var t = root$59();
|
|
10741
10767
|
snippet(child(t), l), reset(t), append(e, t);
|
|
10742
10768
|
};
|
|
10743
10769
|
if_block(gt, (e) => {
|
|
@@ -10779,7 +10805,7 @@ delegate(["focusin", "focusout"]), create_custom_element(Tooltip, {
|
|
|
10779
10805
|
}, [], [], { mode: "open" });
|
|
10780
10806
|
//#endregion
|
|
10781
10807
|
//#region src/lib/RelativeTime/RelativeTime.svelte
|
|
10782
|
-
var root$
|
|
10808
|
+
var root$58 = /* @__PURE__ */ from_html("<time> </time>"), $$css$57 = {
|
|
10783
10809
|
hash: "svelte-jx3csm",
|
|
10784
10810
|
code: ".relative-time.svelte-jx3csm {font-size:var(--relative-time-font-size, 14px);font-weight:var(--relative-time-font-weight, 400);font-family:var(--relative-time-font-family);color:var(--relative-time-color, inherit);cursor:var(--relative-time-cursor, default);}"
|
|
10785
10811
|
};
|
|
@@ -10853,7 +10879,7 @@ function RelativeTime(e, t) {
|
|
|
10853
10879
|
return get(p);
|
|
10854
10880
|
},
|
|
10855
10881
|
children: (e, t) => {
|
|
10856
|
-
var n = root$
|
|
10882
|
+
var n = root$58(), i = child(n, !0);
|
|
10857
10883
|
reset(n), template_effect(() => {
|
|
10858
10884
|
set_class(n, 1, `relative-time ${l() ?? "" ?? ""}`, "svelte-jx3csm"), set_attribute(n, "datetime", get(f)), set_attribute(n, "data-pw", typeof c() == "string" ? c() : null), set_attribute(n, "testid", typeof c() == "string" ? c() : null), set_text(i, get(h));
|
|
10859
10885
|
}), append(e, n);
|
|
@@ -10861,7 +10887,7 @@ function RelativeTime(e, t) {
|
|
|
10861
10887
|
$$slots: { default: !0 }
|
|
10862
10888
|
});
|
|
10863
10889
|
}, re = (e) => {
|
|
10864
|
-
var t = root$
|
|
10890
|
+
var t = root$58(), n = child(t, !0);
|
|
10865
10891
|
reset(t), template_effect(() => {
|
|
10866
10892
|
set_class(t, 1, `relative-time ${l() ?? "" ?? ""}`, "svelte-jx3csm"), set_attribute(t, "datetime", get(f)), set_attribute(t, "data-pw", typeof c() == "string" ? c() : null), set_attribute(t, "testid", typeof c() == "string" ? c() : null), set_text(n, get(h));
|
|
10867
10893
|
}), append(e, t);
|
|
@@ -10918,7 +10944,7 @@ customElements.define("sui-relative-time", create_custom_element(RelativeTime_wc
|
|
|
10918
10944
|
}, [], [], { mode: "open" }));
|
|
10919
10945
|
//#endregion
|
|
10920
10946
|
//#region src/lib/Shimmer/Shimmer.svelte
|
|
10921
|
-
var root$
|
|
10947
|
+
var root$57 = /* @__PURE__ */ from_html("<div></div>"), $$css$56 = {
|
|
10922
10948
|
hash: "svelte-ab0pau",
|
|
10923
10949
|
code: ".shimmer.svelte-ab0pau {width:var(--shimmer-width, 100%);height:var(--shimmer-height, 16px);border-radius:var(--shimmer-border-radius, var(--radius, 4px));background-color:var(--shimmer-background, #e0e0e0);opacity:var(--shimmer-opacity, 1);overflow:hidden;position:relative;}.shimmer.svelte-ab0pau::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(\n 90deg,\n transparent,\n var(--shimmer-highlight, rgba(255, 255, 255, 0.4)),\n transparent\n );\n animation: svelte-ab0pau-shimmer var(--shimmer-duration, 1.5s) infinite;}\n\n @keyframes svelte-ab0pau-shimmer {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(100%);\n }\n }"
|
|
10924
10950
|
};
|
|
@@ -10938,7 +10964,7 @@ function Shimmer(e, t) {
|
|
|
10938
10964
|
set classes(e) {
|
|
10939
10965
|
i(e), flushSync();
|
|
10940
10966
|
}
|
|
10941
|
-
}, o = root$
|
|
10967
|
+
}, o = root$57();
|
|
10942
10968
|
return template_effect(() => {
|
|
10943
10969
|
set_class(o, 1, `shimmer ${i() ?? "" ?? ""}`, "svelte-ab0pau"), set_attribute(o, "data-pw", typeof n() == "string" ? n() : null), set_attribute(o, "testid", typeof n() == "string" ? n() : null);
|
|
10944
10970
|
}), append(e, o), pop(a);
|
|
@@ -10972,11 +10998,22 @@ var rest_excludes$57 = new Set([
|
|
|
10972
10998
|
"$$slots",
|
|
10973
10999
|
"$$events",
|
|
10974
11000
|
"$$legacy",
|
|
10975
|
-
"$$host"
|
|
11001
|
+
"$$host",
|
|
11002
|
+
"sliderAriaLabel"
|
|
10976
11003
|
]);
|
|
10977
11004
|
function Slider_wc(e, t) {
|
|
10978
|
-
|
|
10979
|
-
|
|
11005
|
+
push(t, !0);
|
|
11006
|
+
let n = prop(t, "sliderAriaLabel", 7), i = /* @__PURE__ */ rest_props(t, rest_excludes$57);
|
|
11007
|
+
return Slider(e, spread_props(() => i, { get ariaLabel() {
|
|
11008
|
+
return n();
|
|
11009
|
+
} })), pop({
|
|
11010
|
+
get sliderAriaLabel() {
|
|
11011
|
+
return n();
|
|
11012
|
+
},
|
|
11013
|
+
set sliderAriaLabel(e) {
|
|
11014
|
+
n(e), flushSync();
|
|
11015
|
+
}
|
|
11016
|
+
});
|
|
10980
11017
|
}
|
|
10981
11018
|
customElements.define("sui-slider", create_custom_element(Slider_wc, {
|
|
10982
11019
|
value: {
|
|
@@ -11011,7 +11048,11 @@ customElements.define("sui-slider", create_custom_element(Slider_wc, {
|
|
|
11011
11048
|
classes: { type: "String" },
|
|
11012
11049
|
oninput: { type: "Object" },
|
|
11013
11050
|
onchange: { type: "Object" },
|
|
11014
|
-
labelFormatter: { type: "Object" }
|
|
11051
|
+
labelFormatter: { type: "Object" },
|
|
11052
|
+
sliderAriaLabel: {
|
|
11053
|
+
attribute: "aria-label",
|
|
11054
|
+
type: "String"
|
|
11055
|
+
}
|
|
11015
11056
|
}, [], [], { mode: "open" }));
|
|
11016
11057
|
//#endregion
|
|
11017
11058
|
//#region src/wc/components/SplitInput.wc.svelte
|
|
@@ -11072,7 +11113,7 @@ customElements.define("sui-split-input", create_custom_element(SplitInput_wc, {
|
|
|
11072
11113
|
}, [], [], { mode: "open" }));
|
|
11073
11114
|
//#endregion
|
|
11074
11115
|
//#region src/lib/Status/Status.svelte
|
|
11075
|
-
var root$
|
|
11116
|
+
var root$56 = /* @__PURE__ */ from_html("<div><div class=\"order-status svelte-19qpx1s\"><div class=\"status-image svelte-19qpx1s\"><!></div> <!> <div class=\"status-description svelte-19qpx1s\"><!></div> <!> <!></div></div>"), $$css$55 = {
|
|
11076
11117
|
hash: "svelte-19qpx1s",
|
|
11077
11118
|
code: ".status-text.svelte-19qpx1s {margin-bottom:8px;}\n\n /* The weight and colour defaults belong to the plain div only. When a consumer asks for a\n heading tag (statusTextTag h1-h6) the whole point is that the application's own heading\n typography applies, so those two declarations must not sit on the element and win. */.status-text-default.svelte-19qpx1s {font-weight:var(--status-font-weight, 600);color:var(--status-description-font-color, #2f3841);}.status-description.svelte-19qpx1s {font-weight:var(--status-font-weight, 400);color:var(--status-description-font-color, #436484cc);padding:0px 42px;margin-bottom:25px;}.status-image.svelte-19qpx1s {color:var(--status-icon-color, inherit);display:flex;margin-bottom:25px;}.background.svelte-19qpx1s {min-height:var(--status-min-height, 100vh);display:flex;justify-content:center;align-items:center;}.order-status.svelte-19qpx1s {flex-direction:column;display:flex;font-family:var(--order-font, inherit);font-size:var(--order-font-size, 14px);text-align:center;}\n @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {.order-status.svelte-19qpx1s {background-color:var(--status-panel-background, rgba(255, 255, 255, 0.6));-webkit-backdrop-filter:var(--status-panel-backdrop-filter, blur(60px));backdrop-filter:var(--status-panel-backdrop-filter, blur(60px));}\n }"
|
|
11078
11119
|
};
|
|
@@ -11152,7 +11193,7 @@ function Status(e, t) {
|
|
|
11152
11193
|
set testId(e) {
|
|
11153
11194
|
k(e), flushSync();
|
|
11154
11195
|
}
|
|
11155
|
-
}, ne = root$
|
|
11196
|
+
}, ne = root$56(), re = child(ne), G = child(re), be = child(G), Me = (e) => {
|
|
11156
11197
|
var t = comment();
|
|
11157
11198
|
snippet(first_child(t), h), append(e, t);
|
|
11158
11199
|
}, Re = (e) => {
|
|
@@ -11277,7 +11318,7 @@ customElements.define("sui-status", create_custom_element(Status_wc, {
|
|
|
11277
11318
|
}, ["default"], [], { mode: "open" }));
|
|
11278
11319
|
//#endregion
|
|
11279
11320
|
//#region src/lib/Stepper/Step.svelte
|
|
11280
|
-
var root$
|
|
11321
|
+
var root$55 = /* @__PURE__ */ from_html("<div class=\"step-icon-container svelte-z5hug7\"><img class=\"step-icon svelte-z5hug7\" alt=\"\"/></div>"), root_1$47 = /* @__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$38 = /* @__PURE__ */ from_html("<div class=\"step-index-container svelte-z5hug7\"><div class=\"step-index-text svelte-z5hug7\"> </div></div>"), root_3$35 = /* @__PURE__ */ from_html("<div class=\"step-badge svelte-z5hug7\"><!></div>"), root_4$29 = /* @__PURE__ */ from_html("<div><!> <div class=\"step-text svelte-z5hug7\"> </div> <!> <div class=\"separator svelte-z5hug7\"></div></div>"), $$css$54 = {
|
|
11281
11322
|
hash: "svelte-z5hug7",
|
|
11282
11323
|
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);}"
|
|
11283
11324
|
};
|
|
@@ -11368,7 +11409,7 @@ function Step(e, t) {
|
|
|
11368
11409
|
}, re = root_4$29();
|
|
11369
11410
|
let G;
|
|
11370
11411
|
var be = child(re), Me = (e) => {
|
|
11371
|
-
var t = root$
|
|
11412
|
+
var t = root$55(), n = child(t);
|
|
11372
11413
|
reset(t), template_effect(() => set_attribute(n, "src", a())), append(e, t);
|
|
11373
11414
|
}, Re = (e) => {
|
|
11374
11415
|
append(e, root_1$47());
|
|
@@ -11413,7 +11454,7 @@ delegate(["click", "keydown"]), create_custom_element(Step, {
|
|
|
11413
11454
|
}, [], [], { mode: "open" });
|
|
11414
11455
|
//#endregion
|
|
11415
11456
|
//#region src/lib/Stepper/Stepper.svelte
|
|
11416
|
-
var root$
|
|
11457
|
+
var root$54 = /* @__PURE__ */ from_html("<div role=\"listitem\"><!></div>"), root_1$46 = /* @__PURE__ */ from_html("<div role=\"list\"></div>"), $$css$53 = {
|
|
11417
11458
|
hash: "svelte-k2df9q",
|
|
11418
11459
|
code: ".container.svelte-k2df9q {display:flex;flex-direction:var(--container-flex-direction, row);flex-wrap:var(--container-flex-wrap, nowrap);align-items:center;}.container-vertical.svelte-k2df9q {--container-flex-direction: column;align-items:flex-start;}.step-container.svelte-k2df9q:last-child {--stepper-separator-display: none;}.step-container.svelte-k2df9q {display:flex;align-items:center;flex:var(--step-container-flex, 0 1 auto);}\n\n /* status-completed */.status-completed.svelte-k2df9q {--step-text-color: var(--step-text-completed-color, #24aa5a);--stepper-separator-background-image-color: var(\n --stepper-separator-background-image-completed-color,\n #24aa5a\n );--step-index-container-background-color: var(\n --step-index-container-completed-background-color,\n #24aa5a\n );\n /* No border existed for any status before this, so every one of these\n per-status hooks falls back to `none` — byte-identical for a consumer\n that sets nothing. */--step-index-container-border: var(--step-index-container-completed-border, none);}\n\n /* status-active */.status-active.svelte-k2df9q {--step-text-color: var(--step-text-active-color, #2f3841);--stepper-separator-background-image-color: var(\n --stepper-separator-background-image-active-color,\n #2f3841\n );--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);}\n\n /* status-pending: no override — falls through to #798fa5cc grey (and no border) default in Step.svelte */\n\n /* status-failure */.status-failure.svelte-k2df9q {--step-text-color: var(--step-text-failure-color, #e53935);--stepper-separator-background-image-color: var(\n --stepper-separator-background-image-failure-color,\n #e53935\n );--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);}\n\n /* status-in-progress */.status-in-progress.svelte-k2df9q {--step-text-color: var(--step-text-in-progress-color, #f59e0b);--stepper-separator-background-image-color: var(\n --stepper-separator-background-image-in-progress-color,\n #f59e0b\n );--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);}\n\n /* status-muted: a smaller, subtly-tinted marker for a de-emphasized or\n supplementary step (e.g. an informational marker riding alongside a\n primary rail). New opt-in status value — none of the statuses above are\n touched, and a step only reaches these rules by setting status:'muted'\n explicitly (resolveStatus never derives it). Reuses the same\n --step-index-container-height/-width/-background-color, --step-text-color,\n --stepper-separator-background-image-color and --step-index-container-border\n hooks the other statuses already theme through, so a call site can further\n override any of them the same way. */.status-muted.svelte-k2df9q {--step-text-color: var(--step-text-muted-color, #667080);--stepper-separator-background-image-color: var(\n --stepper-separator-background-image-muted-color,\n #c9d2db\n );--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);}[theme='dark'] .status-failure.svelte-k2df9q {--step-text-color: var(--step-text-failure-color, #ef5350);--stepper-separator-background-image-color: var(\n --stepper-separator-background-image-failure-color,\n #ef5350\n );--step-index-container-background-color: var(\n --step-index-container-failure-background-color,\n var(--stepper-status-failure-color, #ef5350)\n );}[theme='dark'] .status-in-progress.svelte-k2df9q {--step-text-color: var(--step-text-in-progress-color, #fbbf24);--stepper-separator-background-image-color: var(\n --stepper-separator-background-image-in-progress-color,\n #fbbf24\n );--step-index-container-background-color: var(\n --step-index-container-in-progress-background-color,\n var(--stepper-status-in-progress-color, #fbbf24)\n );}"
|
|
11419
11460
|
};
|
|
@@ -11476,7 +11517,7 @@ function Stepper(e, t) {
|
|
|
11476
11517
|
}, C = root_1$46();
|
|
11477
11518
|
return each(C, 21, n, index, (e, t, n) => {
|
|
11478
11519
|
let i = /* @__PURE__ */ user_derived(() => f(n, get(t).status ?? null)), o = /* @__PURE__ */ user_derived(() => get(t).testId ?? (typeof s() == "string" ? `${s()}-step-${n + 1}` : null));
|
|
11479
|
-
var l = root$
|
|
11520
|
+
var l = root$54();
|
|
11480
11521
|
Step(child(l), {
|
|
11481
11522
|
get onclick() {
|
|
11482
11523
|
return u();
|
|
@@ -11559,7 +11600,7 @@ customElements.define("sui-stepper", create_custom_element(Stepper_wc, {
|
|
|
11559
11600
|
}, [], [], { mode: "open" }));
|
|
11560
11601
|
//#endregion
|
|
11561
11602
|
//#region src/lib/assets/chevron-up.svg?raw
|
|
11562
|
-
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$
|
|
11603
|
+
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$53 = /* @__PURE__ */ from_html("<button class=\"tabs-arrow tabs-arrow-start svelte-18eaq6o\"><!></button>"), root_1$45 = /* @__PURE__ */ from_html("<div class=\"tabs-section-label svelte-18eaq6o\" aria-hidden=\"true\"> </div>"), root_2$37 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"></span>"), root_3$34 = /* @__PURE__ */ from_html("<!> <span class=\"tabs-item-label svelte-18eaq6o\"> </span> <!>", 1), root_4$28 = /* @__PURE__ */ from_html("<!> <div role=\"tab\"><!></div>", 1), root_5$25 = /* @__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$18 = /* @__PURE__ */ from_html("<div><!> <div role=\"tablist\"><!> <!></div> <!></div>"), $$css$52 = {
|
|
11563
11604
|
hash: "svelte-18eaq6o",
|
|
11564
11605
|
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 }"
|
|
11565
11606
|
};
|
|
@@ -11734,10 +11775,10 @@ function Tabs(e, t) {
|
|
|
11734
11775
|
set onkeychange(e) {
|
|
11735
11776
|
S(e), flushSync();
|
|
11736
11777
|
}
|
|
11737
|
-
}, xt = root_7$
|
|
11778
|
+
}, xt = root_7$18();
|
|
11738
11779
|
let St;
|
|
11739
11780
|
var Ct = child(xt), wt = (e) => {
|
|
11740
|
-
var t = root$
|
|
11781
|
+
var t = root$53(), n = child(t), i = (e) => {
|
|
11741
11782
|
var t = comment();
|
|
11742
11783
|
snippet(first_child(t), l), append(e, t);
|
|
11743
11784
|
}, a = (e) => {
|
|
@@ -11817,14 +11858,14 @@ function Tabs(e, t) {
|
|
|
11817
11858
|
]), delegated("click", u, () => ht(get(n))), delegated("keydown", u, (e) => _t(e, get(n))), append(e, s);
|
|
11818
11859
|
});
|
|
11819
11860
|
var Ot = sibling(Dt, 2), kt = (e) => {
|
|
11820
|
-
var t = root_5$
|
|
11861
|
+
var t = root_5$25();
|
|
11821
11862
|
template_effect(() => set_style(t, get(C) ? `top: ${get(ot)}px; height: ${get(ct)}px;` : `left: ${get(it)}px; width: ${get(at)}px;`)), append(e, t);
|
|
11822
11863
|
};
|
|
11823
11864
|
if_block(Ot, (e) => {
|
|
11824
11865
|
get(lt) && e(kt);
|
|
11825
11866
|
}), reset(Tt), attach(Tt, () => vt);
|
|
11826
11867
|
var At = sibling(Tt, 2), jt = (e) => {
|
|
11827
|
-
var t = root_6$
|
|
11868
|
+
var t = root_6$22(), n = child(t), i = (e) => {
|
|
11828
11869
|
var t = comment();
|
|
11829
11870
|
snippet(first_child(t), u), append(e, t);
|
|
11830
11871
|
}, a = (e) => {
|
|
@@ -11943,7 +11984,7 @@ customElements.define("sui-tabs", create_custom_element(Tabs_wc, {
|
|
|
11943
11984
|
], [], { mode: "open" }));
|
|
11944
11985
|
//#endregion
|
|
11945
11986
|
//#region src/lib/assets/sun.svg?raw
|
|
11946
|
-
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$
|
|
11987
|
+
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$52 = /* @__PURE__ */ from_html("<span><!></span>"), root_1$44 = /* @__PURE__ */ from_html("<button aria-label=\"Switch theme\"></button>"), root_2$36 = /* @__PURE__ */ from_html("<button><span class=\"icon svelte-yg7rya\"><!></span></button>"), root_3$33 = /* @__PURE__ */ from_html("<div><div class=\"segment-indicator svelte-yg7rya\"></div> <!></div>"), $$css$51 = {
|
|
11947
11988
|
hash: "svelte-yg7rya",
|
|
11948
11989
|
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);}"
|
|
11949
11990
|
};
|
|
@@ -12044,7 +12085,7 @@ function ThemeSwitcher(e, t) {
|
|
|
12044
12085
|
}, Ue = comment(), it = first_child(Ue), at = (e) => {
|
|
12045
12086
|
var t = root_1$44();
|
|
12046
12087
|
each(t, 23, o, (e) => e.value, (e, t, n) => {
|
|
12047
|
-
var i = root$
|
|
12088
|
+
var i = root$52();
|
|
12048
12089
|
let o;
|
|
12049
12090
|
var s = child(i), c = (e) => {
|
|
12050
12091
|
var n = comment();
|
|
@@ -12129,7 +12170,7 @@ customElements.define("sui-theme-switcher", create_custom_element(ThemeSwitcher_
|
|
|
12129
12170
|
}, [], [], { mode: "open" }));
|
|
12130
12171
|
//#endregion
|
|
12131
12172
|
//#region src/lib/Toggle/Toggle.svelte
|
|
12132
|
-
var root$
|
|
12173
|
+
var root$51 = /* @__PURE__ */ from_html("<div><label class=\"text svelte-1kpnf4s\"> </label> <label class=\"switch svelte-1kpnf4s\"><input class=\"input-checkbox svelte-1kpnf4s\" type=\"checkbox\"/> <span class=\"slider round svelte-1kpnf4s\"></span></label></div>"), $$css$50 = {
|
|
12133
12174
|
hash: "svelte-1kpnf4s",
|
|
12134
12175
|
code: ".container.svelte-1kpnf4s {display:var(--toggle-container-display, flex);align-items:var(--toggle-container-align-items, center);gap:var(--toggle-container-gap, 8px);}.container.disabled.svelte-1kpnf4s {opacity:var(--toggle-disabled-opacity, 0.4);cursor:not-allowed;pointer-events:none;}.text.svelte-1kpnf4s {font-size:var(--toggle-text-font-size, 14px);font-weight:var(--toggle-text-font-weight, 400);color:var(--toggle-text-color, #4a4a4a);margin:var(--toggle-text-margin, 0px 8px 0px 0px);order:var(--toggle-text-order, 0);}.switch.svelte-1kpnf4s {position:relative;display:inline-block;width:var(--toggle-switch-width, 46px);height:var(--toggle-switch-height, 25px);}.switch.svelte-1kpnf4s .input-checkbox:where(.svelte-1kpnf4s) {opacity:0;width:0;height:0;}.slider.svelte-1kpnf4s {position:absolute;cursor:pointer;top:var(--toggle-slider-top, 0);left:var(--toggle-slider-left, 0);right:var(--toggle-slider-right, 0);bottom:var(--toggle-slider-bottom, 0);background-color:var(--slider-unchecked-color, #ccc);-webkit-transition:var(--toggle-slider-transition, 0.4s);transition:var(--toggle-slider-transition, 0.4s);}.slider.svelte-1kpnf4s:before {position:absolute;content:'';height:var(--toggle-ball-height, 23px);width:var(--toggle-ball-width, 23px);left:var(--toggle-slider-before-left, 2px);bottom:var(--toggle-slider-before-bottom, 1px);top:var(--toggle-slider-before-top, 1px);background-color:var(--toggle-slider-before-background-color, white);-webkit-transition:var(--toggle-slider-transition, 0.4s);transition:var(--toggle-slider-transition, 0.4s);}.input-checkbox.svelte-1kpnf4s:checked + .slider:where(.svelte-1kpnf4s) {background-color:var(--slider-checked-color, #2196f3);}.input-checkbox.svelte-1kpnf4s:focus + .slider:where(.svelte-1kpnf4s) {box-shadow:0 0 1px #171717;}.input-checkbox.svelte-1kpnf4s:checked + .slider:where(.svelte-1kpnf4s):before {-webkit-transform:translateX(19px);-ms-transform:translateX(19px);transform:translateX(19px);}.slider.round.svelte-1kpnf4s {border-radius:var(--slider-border-radius, 23px);}.slider.round.svelte-1kpnf4s:before {border-radius:var(--slider-border-radius-before, 50%);}"
|
|
12135
12176
|
};
|
|
@@ -12194,7 +12235,7 @@ function Toggle(e, t) {
|
|
|
12194
12235
|
set onclick(e) {
|
|
12195
12236
|
p(e), flushSync();
|
|
12196
12237
|
}
|
|
12197
|
-
}, k = root$
|
|
12238
|
+
}, k = root$51();
|
|
12198
12239
|
let R;
|
|
12199
12240
|
var te = child(k), ne = child(te, !0);
|
|
12200
12241
|
reset(te);
|
|
@@ -12293,7 +12334,7 @@ customElements.define("sui-toggle", create_custom_element(Toggle_wc, {
|
|
|
12293
12334
|
}, [], [], { mode: "open" }));
|
|
12294
12335
|
//#endregion
|
|
12295
12336
|
//#region src/lib/Accordion/Accordion.svelte
|
|
12296
|
-
var root$
|
|
12337
|
+
var root$50 = /* @__PURE__ */ from_html("<div role=\"button\"><!></div>"), root_1$43 = /* @__PURE__ */ from_html("<!> <div><div class=\"accordion-content svelte-1p9ezsm\"><!></div></div>", 1), $$css$49 = {
|
|
12297
12338
|
hash: "svelte-1p9ezsm",
|
|
12298
12339
|
code: ".accordion-trigger.svelte-1p9ezsm {cursor:var(--accordion-trigger-cursor, pointer);}.accordion-trigger.disabled.svelte-1p9ezsm {cursor:var(--accordion-trigger-disabled-cursor, not-allowed);}.accordion.svelte-1p9ezsm {display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--accordion-transition, 0.2s ease-out);}.accordion.expanded.svelte-1p9ezsm {grid-template-rows:1fr;}.accordion-content.svelte-1p9ezsm {min-height:0;}"
|
|
12299
12340
|
};
|
|
@@ -12360,7 +12401,7 @@ function Accordion(e, t) {
|
|
|
12360
12401
|
p(e), flushSync();
|
|
12361
12402
|
}
|
|
12362
12403
|
}, R = root_1$43(), te = first_child(R), ne = (e) => {
|
|
12363
|
-
var t = root$
|
|
12404
|
+
var t = root$50();
|
|
12364
12405
|
let n;
|
|
12365
12406
|
snippet(child(t), o, () => ({ expanded: i() })), reset(t), template_effect(() => {
|
|
12366
12407
|
n = set_class(t, 1, `accordion-trigger ${c() ?? "" ?? ""}`, "svelte-1p9ezsm", n, { disabled: f() }), set_attribute(t, "id", S), set_attribute(t, "tabindex", f() ? -1 : 0), set_attribute(t, "aria-expanded", i()), set_attribute(t, "aria-controls", get(h)), set_attribute(t, "aria-disabled", f());
|
|
@@ -12476,7 +12517,7 @@ function slide(e, { delay: t = 0, duration: n = 400, easing: i = cubic_out, axis
|
|
|
12476
12517
|
}
|
|
12477
12518
|
//#endregion
|
|
12478
12519
|
//#region src/lib/Banner/Banner.svelte
|
|
12479
|
-
var root$
|
|
12520
|
+
var root$49 = /* @__PURE__ */ from_html("<div class=\"banner-icon svelte-w23dzo\"><!></div>"), root_1$42 = /* @__PURE__ */ from_html("<div class=\"banner-title svelte-w23dzo\"><!></div>"), root_2$35 = /* @__PURE__ */ from_html("<span class=\"banner-link-text svelte-w23dzo\"> </span>"), root_3$32 = /* @__PURE__ */ from_html("<div class=\"banner-right svelte-w23dzo\"><!></div>"), root_4$27 = /* @__PURE__ */ from_html("<div class=\"banner-dismiss svelte-w23dzo\"><!></div>"), root_5$24 = /* @__PURE__ */ from_html("<div><!> <div class=\"banner-body svelte-w23dzo\"><!> <div class=\"banner-text svelte-w23dzo\"> <!></div></div> <!> <!></div>"), $$css$48 = {
|
|
12480
12521
|
hash: "svelte-w23dzo",
|
|
12481
12522
|
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);}"
|
|
12482
12523
|
};
|
|
@@ -12572,8 +12613,8 @@ function Banner(e, t) {
|
|
|
12572
12613
|
C(e), flushSync();
|
|
12573
12614
|
}
|
|
12574
12615
|
}, be = comment(), Me = first_child(be), Re = (e) => {
|
|
12575
|
-
var t = root_5$
|
|
12576
|
-
var t = root$
|
|
12616
|
+
var t = root_5$24(), s = child(t), f = (e) => {
|
|
12617
|
+
var t = root$49();
|
|
12577
12618
|
snippet(child(t), i), reset(t), append(e, t);
|
|
12578
12619
|
};
|
|
12579
12620
|
if_block(s, (e) => {
|
|
@@ -12761,7 +12802,7 @@ customElements.define("sui-banner", create_custom_element(Banner_wc, {
|
|
|
12761
12802
|
], [], { mode: "open" }));
|
|
12762
12803
|
//#endregion
|
|
12763
12804
|
//#region src/lib/assets/lock.svg?raw
|
|
12764
|
-
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$
|
|
12805
|
+
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$48 = /* @__PURE__ */ from_html("<div class=\"tab-bar svelte-qac8se\"><div class=\"tab svelte-qac8se\"> </div></div>"), root_1$41 = /* @__PURE__ */ from_html("<span class=\"lock-icon svelte-qac8se\"></span>"), root_2$34 = /* @__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$31 = /* @__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$47 = {
|
|
12765
12806
|
hash: "svelte-qac8se",
|
|
12766
12807
|
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);}"
|
|
12767
12808
|
};
|
|
@@ -12838,7 +12879,7 @@ function Browser(e, t) {
|
|
|
12838
12879
|
}, C = root_3$31();
|
|
12839
12880
|
let k;
|
|
12840
12881
|
var R = child(C), te = child(R), ne = sibling(child(te), 2), re = (e) => {
|
|
12841
|
-
var t = root$
|
|
12882
|
+
var t = root$48(), n = child(t), a = child(n, !0);
|
|
12842
12883
|
reset(n), reset(t), template_effect(() => set_text(a, i())), append(e, t);
|
|
12843
12884
|
};
|
|
12844
12885
|
if_block(ne, (e) => {
|
|
@@ -13120,7 +13161,7 @@ customElements.define("sui-button", create_custom_element(Button_wc, {
|
|
|
13120
13161
|
}, ["icon", "default"], [], { mode: "open" }));
|
|
13121
13162
|
//#endregion
|
|
13122
13163
|
//#region src/lib/CheckListItem/CheckListItem.svelte
|
|
13123
|
-
var root$
|
|
13164
|
+
var root$47 = /* @__PURE__ */ from_html("<span> </span>"), root_1$40 = /* @__PURE__ */ from_html("<div><div class=\"checkbox-wrapper svelte-1el64om\"><!></div> <!></div>"), $$css$46 = {
|
|
13124
13165
|
hash: "svelte-1el64om",
|
|
13125
13166
|
code: ".container.svelte-1el64om {display:var(--check-list-item-display, flex);align-items:var(--check-list-item-align-items, center);width:var(--check-list-item-width, 100%);padding:var(--check-list-item-padding);gap:var(--check-list-item-gap, 8px);}.container.disabled.svelte-1el64om {cursor:not-allowed;}.checkbox-wrapper.svelte-1el64om {flex-shrink:0;}.container.disabled.svelte-1el64om .checkbox-wrapper:where(.svelte-1el64om) {--checkbox-disabled-opacity: var(--check-list-item-disabled-opacity, 0.4);}.text.svelte-1el64om {font-size:var(--check-list-item-text-size, 14px);color:var(--check-list-item-text-color);}.text.checked.svelte-1el64om {color:var(--check-list-item-checked-text-color);font-weight:var(--check-list-item-checked-font-weight);}"
|
|
13126
13167
|
};
|
|
@@ -13194,7 +13235,7 @@ function CheckListItem(e, t) {
|
|
|
13194
13235
|
var t = comment();
|
|
13195
13236
|
snippet(first_child(t), o), append(e, t);
|
|
13196
13237
|
}, R = (e) => {
|
|
13197
|
-
var t = root$
|
|
13238
|
+
var t = root$47();
|
|
13198
13239
|
let a;
|
|
13199
13240
|
var o = child(t, !0);
|
|
13200
13241
|
reset(t), template_effect(() => {
|
|
@@ -13257,7 +13298,7 @@ customElements.define("sui-check-list-item", create_custom_element(CheckListItem
|
|
|
13257
13298
|
}, ["checkbox-label"], [], { mode: "open" }));
|
|
13258
13299
|
//#endregion
|
|
13259
13300
|
//#region src/lib/Choicebox/Choicebox.svelte
|
|
13260
|
-
var root$
|
|
13301
|
+
var root$46 = /* @__PURE__ */ from_html("<span class=\"indicator-icon svelte-1s9or1q\"></span>"), root_1$39 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_2$33 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$45 = {
|
|
13261
13302
|
hash: "svelte-1s9or1q",
|
|
13262
13303
|
code: ".choicebox.svelte-1s9or1q {display:var(--choicebox-display, flex);align-items:var(--choicebox-align-items, center);padding:var(--choicebox-padding, 16px);border:var(--choicebox-border, 2px solid #d0d0d0);border-radius:var(--choicebox-border-radius, var(--radius, 4px));background:var(--choicebox-background, #ffffff);gap:var(--choicebox-gap, 12px);cursor:var(--choicebox-cursor, pointer);font-family:var(--choicebox-font-family, inherit);transition:var(--choicebox-transition, border-color 0.2s, background 0.2s);-webkit-tap-highlight-color:transparent;}.choicebox.svelte-1s9or1q:focus-visible {outline:none;box-shadow:var(--choicebox-focus-ring, 0 0 0 3px rgba(33, 150, 243, 0.3));}\n\n /* Exclude the selected state from hover: without :not(.selected) this rule\n (specificity 0,3,0) outranks .choicebox.selected (0,2,0), so hovering a\n selected card repaints it with the neutral hover border/fill until the\n cursor leaves. Excluding selected lets .choicebox.selected show through. */.choicebox.svelte-1s9or1q:not(.disabled):not(.selected):hover {border-color:var(--choicebox-hover-border-color, #9e9e9e);background:var(--choicebox-hover-background, var(--choicebox-background, #ffffff));}.choicebox.selected.svelte-1s9or1q {border-color:var(--choicebox-selected-border-color, #2196f3);background:var(--choicebox-selected-background, var(--choicebox-background, #ffffff));}.choicebox.disabled.svelte-1s9or1q {opacity:var(--choicebox-disabled-opacity, 0.4);cursor:var(--choicebox-disabled-cursor, not-allowed);}.indicator.svelte-1s9or1q {flex:0 0 auto;order:var(--choicebox-indicator-order, 1);margin-inline-start:var(--choicebox-indicator-margin-inline-start, auto);display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--choicebox-indicator-size, 20px);height:var(--choicebox-indicator-size, 20px);border:var(--choicebox-indicator-border, 2px solid #757575);background:var(--choicebox-indicator-background, transparent);transition:var(--choicebox-indicator-transition, background 0.2s, border-color 0.2s);}.indicator.radio.svelte-1s9or1q {border-radius:50%;}.indicator.checkbox.svelte-1s9or1q {border-radius:var(--choicebox-indicator-border-radius, var(--radius, 4px));}.indicator.selected.svelte-1s9or1q {border:var(--choicebox-indicator-selected-border, 2px solid #2196f3);background:var(--choicebox-indicator-selected-background, #2196f3);}.indicator.radio.selected.svelte-1s9or1q {box-shadow:inset 0 0 0 var(--choicebox-indicator-dot-inset, 4px)\n var(--choicebox-background, #ffffff);}.indicator-icon.svelte-1s9or1q {display:flex;width:var(--choicebox-indicator-icon-size, 14px);height:var(--choicebox-indicator-icon-size, 14px);color:var(--choicebox-indicator-icon-color, #ffffff);}.indicator-icon.svelte-1s9or1q svg {width:100%;height:100%;}"
|
|
13263
13304
|
};
|
|
@@ -13332,7 +13373,7 @@ function Choicebox(e, t) {
|
|
|
13332
13373
|
var t = root_1$39();
|
|
13333
13374
|
let n;
|
|
13334
13375
|
var o = child(t), s = (e) => {
|
|
13335
|
-
var t = root$
|
|
13376
|
+
var t = root$46();
|
|
13336
13377
|
html(t, () => checkmark_default, !0), reset(t), append(e, t);
|
|
13337
13378
|
};
|
|
13338
13379
|
if_block(o, (e) => {
|
|
@@ -13403,7 +13444,7 @@ customElements.define("sui-choicebox", create_custom_element(Choicebox_wc, {
|
|
|
13403
13444
|
}, ["default"], [], { mode: "open" }));
|
|
13404
13445
|
//#endregion
|
|
13405
13446
|
//#region src/lib/Card/Card.svelte
|
|
13406
|
-
var root$
|
|
13447
|
+
var root$45 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"><!></div>"), root_1$38 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"> </div>"), root_2$32 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"><!></div>"), root_3$30 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"> </div>"), root_4$26 = /* @__PURE__ */ from_html("<div class=\"card-header-right svelte-10nkiak\"><!></div>"), root_5$23 = /* @__PURE__ */ from_html("<div><div class=\"card-header-main svelte-10nkiak\"><!> <!></div> <!></div>"), root_6$21 = /* @__PURE__ */ from_html("<div><!></div>"), root_7$17 = /* @__PURE__ */ from_html("<footer class=\"card-footer svelte-10nkiak\"><!></footer>"), root_8$16 = /* @__PURE__ */ from_html("<!> <!> <!>", 1), $$css$44 = {
|
|
13407
13448
|
hash: "svelte-10nkiak",
|
|
13408
13449
|
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);}"
|
|
13409
13450
|
};
|
|
@@ -13529,11 +13570,11 @@ function Card(e, t) {
|
|
|
13529
13570
|
"card-has-scroll": R()
|
|
13530
13571
|
}
|
|
13531
13572
|
}), void 0, void 0, void 0, "svelte-10nkiak");
|
|
13532
|
-
var h = root_8$
|
|
13533
|
-
var t = root_5$
|
|
13573
|
+
var h = root_8$16(), te = first_child(h), Re = (e) => {
|
|
13574
|
+
var t = root_5$23();
|
|
13534
13575
|
let n;
|
|
13535
13576
|
var c = child(t), l = child(c), u = (e) => {
|
|
13536
|
-
var t = root$
|
|
13577
|
+
var t = root$45();
|
|
13537
13578
|
snippet(child(t), o), reset(t), append(e, t);
|
|
13538
13579
|
}, f = (e) => {
|
|
13539
13580
|
var t = root_1$38(), n = child(t, !0);
|
|
@@ -13564,7 +13605,7 @@ function Card(e, t) {
|
|
|
13564
13605
|
(typeof i() == "string" && i().length > 0 || typeof o() == "function" || typeof S() == "function") && e(Re);
|
|
13565
13606
|
});
|
|
13566
13607
|
var Ue = sibling(te, 2), it = (e) => {
|
|
13567
|
-
var t = root_6$
|
|
13608
|
+
var t = root_6$21();
|
|
13568
13609
|
let i;
|
|
13569
13610
|
snippet(child(t), n), reset(t), template_effect(() => {
|
|
13570
13611
|
i = set_class(t, 1, "card-content svelte-10nkiak", null, i, { "card-content-scrollable": R() }), set_attribute(t, "role", R() ? "region" : null), set_attribute(t, "aria-label", R() ? "Scrollable card content" : null), set_attribute(t, "tabindex", R() ? 0 : null);
|
|
@@ -13574,7 +13615,7 @@ function Card(e, t) {
|
|
|
13574
13615
|
typeof n() == "function" && e(it);
|
|
13575
13616
|
});
|
|
13576
13617
|
var at = sibling(Ue, 2), ot = (e) => {
|
|
13577
|
-
var t = root_7$
|
|
13618
|
+
var t = root_7$17();
|
|
13578
13619
|
snippet(child(t), C), reset(t), append(e, t);
|
|
13579
13620
|
};
|
|
13580
13621
|
if_block(at, (e) => {
|
|
@@ -13674,7 +13715,7 @@ customElements.define("sui-card", create_custom_element(Card_wc, {
|
|
|
13674
13715
|
}, ["default"], [], { mode: "open" }));
|
|
13675
13716
|
//#endregion
|
|
13676
13717
|
//#region src/lib/EmptyState/EmptyState.svelte
|
|
13677
|
-
var root$
|
|
13718
|
+
var root$44 = /* @__PURE__ */ from_html("<div class=\"empty-state-icon svelte-vmfces\"><!></div>"), root_1$37 = /* @__PURE__ */ from_html("<div class=\"empty-state-description svelte-vmfces\"><!></div>"), root_2$31 = /* @__PURE__ */ from_html("<div class=\"empty-state-description svelte-vmfces\"> </div>"), root_3$29 = /* @__PURE__ */ from_html("<div class=\"empty-state-actions svelte-vmfces\"><!></div>"), root_4$25 = /* @__PURE__ */ from_html("<div><!> <div class=\"empty-state-title svelte-vmfces\"><!></div> <!> <!></div>"), $$css$43 = {
|
|
13678
13719
|
hash: "svelte-vmfces",
|
|
13679
13720
|
code: ".empty-state.svelte-vmfces {display:flex;flex-direction:column;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;}.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);}"
|
|
13680
13721
|
};
|
|
@@ -13731,7 +13772,7 @@ function EmptyState(e, t) {
|
|
|
13731
13772
|
u(e), flushSync();
|
|
13732
13773
|
}
|
|
13733
13774
|
}, p = root_4$25(), h = child(p), S = (e) => {
|
|
13734
|
-
var t = root$
|
|
13775
|
+
var t = root$44();
|
|
13735
13776
|
snippet(child(t), a), reset(t), append(e, t);
|
|
13736
13777
|
};
|
|
13737
13778
|
if_block(h, (e) => {
|
|
@@ -13854,7 +13895,7 @@ customElements.define("sui-empty-state", create_custom_element(EmptyState_wc, {
|
|
|
13854
13895
|
], [], { mode: "open" }));
|
|
13855
13896
|
//#endregion
|
|
13856
13897
|
//#region src/lib/FileInput/FileInput.svelte
|
|
13857
|
-
var root$
|
|
13898
|
+
var root$43 = /* @__PURE__ */ from_html("<div role=\"button\"><input type=\"file\" class=\"file-input-hidden svelte-445u0m\" tabindex=\"-1\" aria-hidden=\"true\"/> <!></div>"), $$css$42 = {
|
|
13858
13899
|
hash: "svelte-445u0m",
|
|
13859
13900
|
code: ".file-input.svelte-445u0m {display:var(--file-input-display, inline-flex);flex-direction:var(--file-input-flex-direction, column);align-items:var(--file-input-align-items, center);justify-content:var(--file-input-justify-content, center);padding:var(--file-input-padding);border:var(--file-input-border);border-radius:var(--file-input-radius, var(--radius, 4px));background:var(--file-input-background);gap:var(--file-input-gap);text-align:var(--file-input-text-align, center);transition:var(--file-input-transition);cursor:pointer;}.file-input.svelte-445u0m:focus-visible {outline:var(--file-input-focus-outline);outline-offset:var(--file-input-focus-outline-offset);}.file-input-dragover.svelte-445u0m {background:var(--file-input-dragover-background);border-color:var(--file-input-dragover-border-color);}.file-input-disabled.svelte-445u0m {opacity:var(--file-input-disabled-opacity, 0.5);cursor:var(--file-input-disabled-cursor, not-allowed);pointer-events:none;}.file-input-hidden.svelte-445u0m {display:none;}"
|
|
13860
13901
|
};
|
|
@@ -13969,7 +14010,7 @@ function FileInput(e, t) {
|
|
|
13969
14010
|
set onerror(e) {
|
|
13970
14011
|
f(e), flushSync();
|
|
13971
14012
|
}
|
|
13972
|
-
}, Ue = root$
|
|
14013
|
+
}, Ue = root$43();
|
|
13973
14014
|
let it;
|
|
13974
14015
|
var at = child(Ue);
|
|
13975
14016
|
return bind_this(at, (e) => set(h, e), () => get(h)), snippet(sibling(at, 2), n, () => ({
|
|
@@ -14005,7 +14046,7 @@ var rest_excludes$42 = new Set([
|
|
|
14005
14046
|
"$$events",
|
|
14006
14047
|
"$$legacy",
|
|
14007
14048
|
"$$host"
|
|
14008
|
-
]), root$
|
|
14049
|
+
]), root$42 = /* @__PURE__ */ from_html("<button style=\"cursor: pointer;\"> </button>");
|
|
14009
14050
|
function FileInput_wc(e, t) {
|
|
14010
14051
|
let n = /* @__PURE__ */ rest_props(t, rest_excludes$42);
|
|
14011
14052
|
FileInput(e, spread_props(() => n, {
|
|
@@ -14013,7 +14054,7 @@ function FileInput_wc(e, t) {
|
|
|
14013
14054
|
let i = () => n?.().openFilePicker, a = () => n?.().dragOver, o = () => n?.().disabled;
|
|
14014
14055
|
var s = comment();
|
|
14015
14056
|
slot(first_child(s), t, "trigger", {}, (e) => {
|
|
14016
|
-
var t = root$
|
|
14057
|
+
var t = root$42(), n = child(t, !0);
|
|
14017
14058
|
reset(t), template_effect(() => {
|
|
14018
14059
|
t.disabled = o(), set_text(n, a() ? "Drop files here" : "Choose file");
|
|
14019
14060
|
}), delegated("click", t, function(...e) {
|
|
@@ -14052,7 +14093,7 @@ delegate(["click"]), customElements.define("sui-file-input", create_custom_eleme
|
|
|
14052
14093
|
}, ["trigger"], [], { mode: "open" }));
|
|
14053
14094
|
//#endregion
|
|
14054
14095
|
//#region src/lib/ContextMenu/ContextMenu.svelte
|
|
14055
|
-
var root$
|
|
14096
|
+
var root$41 = /* @__PURE__ */ from_html("<div class=\"context-menu-separator svelte-1hf60pq\" role=\"separator\"></div>"), root_1$36 = /* @__PURE__ */ from_html("<img class=\"context-menu-item-icon svelte-1hf60pq\" alt=\"\"/>"), root_2$30 = /* @__PURE__ */ from_html("<span class=\"context-menu-item-shortcut svelte-1hf60pq\"> </span>"), root_3$28 = /* @__PURE__ */ from_html("<div role=\"menuitem\"><!> <span class=\"context-menu-item-label svelte-1hf60pq\"> </span> <!></div>"), root_4$24 = /* @__PURE__ */ from_html("<div class=\"context-menu-dropdown svelte-1hf60pq\" role=\"menu\" tabindex=\"-1\"></div>"), root_5$22 = /* @__PURE__ */ from_html("<div role=\"application\"><!></div> <!>", 1), $$css$41 = {
|
|
14056
14097
|
hash: "svelte-1hf60pq",
|
|
14057
14098
|
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);}"
|
|
14058
14099
|
};
|
|
@@ -14181,7 +14222,7 @@ function ContextMenu(e, t) {
|
|
|
14181
14222
|
set classes(e) {
|
|
14182
14223
|
f(e), flushSync();
|
|
14183
14224
|
}
|
|
14184
|
-
}, ot = root_5$
|
|
14225
|
+
}, ot = root_5$22(), ct = first_child(ot), lt = child(ct), ut = (e) => {
|
|
14185
14226
|
var t = comment();
|
|
14186
14227
|
snippet(first_child(t), s), append(e, t);
|
|
14187
14228
|
};
|
|
@@ -14192,7 +14233,7 @@ function ContextMenu(e, t) {
|
|
|
14192
14233
|
var t = root_4$24();
|
|
14193
14234
|
each(t, 21, n, (e) => e.value, (e, t) => {
|
|
14194
14235
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
14195
|
-
append(e, root$
|
|
14236
|
+
append(e, root$41());
|
|
14196
14237
|
}, s = (e) => {
|
|
14197
14238
|
var n = root_3$28();
|
|
14198
14239
|
let i;
|
|
@@ -14288,7 +14329,7 @@ customElements.define("sui-context-menu", create_custom_element(ContextMenu_wc,
|
|
|
14288
14329
|
}, ["default"], [], { mode: "open" }));
|
|
14289
14330
|
//#endregion
|
|
14290
14331
|
//#region src/lib/InputButton/InputButton.svelte
|
|
14291
|
-
var root$
|
|
14332
|
+
var root$40 = /* @__PURE__ */ from_html("<span class=\"mandatory-marker svelte-1oc9dju\" aria-label=\"required\">*</span>"), root_1$35 = /* @__PURE__ */ from_html("<label class=\"label svelte-1oc9dju\"> <!></label>"), root_2$29 = /* @__PURE__ */ from_html("<div class=\"left-button svelte-1oc9dju\"><!></div>"), root_3$27 = /* @__PURE__ */ from_html("<div class=\"right-button svelte-1oc9dju\"><!></div>"), root_4$23 = /* @__PURE__ */ from_html("<div class=\"bottom-button svelte-1oc9dju\"><!></div>"), root_5$21 = /* @__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$16 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1oc9dju\"> </div>"), root_8$15 = /* @__PURE__ */ from_html("<div><!> <div><div><!> <div class=\"input svelte-1oc9dju\"><!></div> <!></div> <!></div> <!> <!></div>"), $$css$40 = {
|
|
14292
14333
|
hash: "svelte-1oc9dju",
|
|
14293
14334
|
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);}"
|
|
14294
14335
|
};
|
|
@@ -14412,9 +14453,9 @@ function InputButton(e, t) {
|
|
|
14412
14453
|
set testId(e) {
|
|
14413
14454
|
te(e), flushSync();
|
|
14414
14455
|
}
|
|
14415
|
-
}, ct = root_8$
|
|
14456
|
+
}, ct = root_8$15(), lt = child(ct), ut = (e) => {
|
|
14416
14457
|
var t = root_1$35(), n = child(t, !0), a = sibling(n), o = (e) => {
|
|
14417
|
-
append(e, root$
|
|
14458
|
+
append(e, root$40());
|
|
14418
14459
|
};
|
|
14419
14460
|
if_block(a, (e) => {
|
|
14420
14461
|
C() && e(o);
|
|
@@ -14470,17 +14511,17 @@ function InputButton(e, t) {
|
|
|
14470
14511
|
s() != null && e(bt);
|
|
14471
14512
|
}), reset(dt);
|
|
14472
14513
|
var xt = sibling(dt, 2), St = (e) => {
|
|
14473
|
-
var t = root_5$
|
|
14514
|
+
var t = root_5$21(), n = child(t, !0);
|
|
14474
14515
|
reset(t), template_effect(() => set_text(n, R())), append(e, t);
|
|
14475
14516
|
}, Ct = (e) => {
|
|
14476
|
-
var t = root_6$
|
|
14517
|
+
var t = root_6$20(), n = child(t, !0);
|
|
14477
14518
|
reset(t), template_effect(() => set_text(n, i().onErrorMessage)), append(e, t);
|
|
14478
14519
|
};
|
|
14479
14520
|
if_block(xt, (e) => {
|
|
14480
14521
|
typeof R() == "string" && R().length > 0 ? e(St) : typeof i().onErrorMessage == "string" && i().onErrorMessage !== "" && get(ne) === "Invalid" && e(Ct, 1);
|
|
14481
14522
|
});
|
|
14482
14523
|
var wt = sibling(xt, 2), Tt = (e) => {
|
|
14483
|
-
var t = root_7$
|
|
14524
|
+
var t = root_7$16(), n = child(t, !0);
|
|
14484
14525
|
reset(t), template_effect(() => set_text(n, i().infoMessage)), append(e, t);
|
|
14485
14526
|
};
|
|
14486
14527
|
return if_block(wt, (e) => {
|
|
@@ -14558,7 +14599,7 @@ customElements.define("sui-input-button", create_custom_element(InputButton_wc,
|
|
|
14558
14599
|
}, ["left-icon", "right-icon"], [], { mode: "open" }));
|
|
14559
14600
|
//#endregion
|
|
14560
14601
|
//#region src/lib/ListItem/ListItem.svelte
|
|
14561
|
-
var root$
|
|
14602
|
+
var root$39 = /* @__PURE__ */ from_html("<div class=\"item-loader svelte-d2pqbq\"></div>"), root_1$34 = /* @__PURE__ */ from_html("<div><!></div>"), root_2$28 = /* @__PURE__ */ from_html("<div></div>"), root_3$26 = /* @__PURE__ */ from_html("<div><div class=\"right-img-wrapper svelte-d2pqbq\"><!></div></div>"), root_4$22 = /* @__PURE__ */ from_html("<div class=\"right-content-loader svelte-d2pqbq\"><!></div>"), root_5$20 = /* @__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$39 = {
|
|
14562
14603
|
hash: "svelte-d2pqbq",
|
|
14563
14604
|
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;}"
|
|
14564
14605
|
};
|
|
@@ -14768,8 +14809,8 @@ function ListItem(e, t) {
|
|
|
14768
14809
|
ft(e), flushSync();
|
|
14769
14810
|
}
|
|
14770
14811
|
}, yt = comment(), bt = first_child(yt), xt = (e) => {
|
|
14771
|
-
var t = root_6$
|
|
14772
|
-
append(e, root$
|
|
14812
|
+
var t = root_6$19(), Me = child(t), Re = (e) => {
|
|
14813
|
+
append(e, root$39());
|
|
14773
14814
|
};
|
|
14774
14815
|
if_block(Me, (e) => {
|
|
14775
14816
|
S() && e(Re);
|
|
@@ -14863,7 +14904,7 @@ function ListItem(e, t) {
|
|
|
14863
14904
|
C() && e(It);
|
|
14864
14905
|
});
|
|
14865
14906
|
var Lt = sibling(Pt, 2), Rt = (e) => {
|
|
14866
|
-
var t = root_5$
|
|
14907
|
+
var t = root_5$20(), n = child(t, !0);
|
|
14867
14908
|
reset(t), template_effect(() => set_text(n, c())), append(e, t);
|
|
14868
14909
|
};
|
|
14869
14910
|
if_block(Lt, (e) => {
|
|
@@ -15094,7 +15135,7 @@ function computeMenuDropdownPosition(e) {
|
|
|
15094
15135
|
}
|
|
15095
15136
|
//#endregion
|
|
15096
15137
|
//#region src/lib/Menu/Menu.svelte
|
|
15097
|
-
var root$
|
|
15138
|
+
var root$38 = /* @__PURE__ */ from_html("<div class=\"menu-trigger svelte-ahcnny\"><!></div>"), root_1$33 = /* @__PURE__ */ from_html("<div class=\"menu-trigger svelte-ahcnny\" role=\"button\" tabindex=\"0\" aria-haspopup=\"menu\"><!></div>"), root_2$27 = /* @__PURE__ */ from_html("<div class=\"menu-separator svelte-ahcnny\" role=\"separator\"></div>"), root_3$25 = /* @__PURE__ */ from_html("<span class=\"menu-item-icon svelte-ahcnny\"><!></span>"), root_4$21 = /* @__PURE__ */ from_html("<div><!> <span class=\"menu-item-label svelte-ahcnny\"> </span></div>"), root_5$19 = /* @__PURE__ */ from_html("<div tabindex=\"-1\"></div>"), root_6$18 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$38 = {
|
|
15098
15139
|
hash: "svelte-ahcnny",
|
|
15099
15140
|
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);}"
|
|
15100
15141
|
};
|
|
@@ -15345,8 +15386,8 @@ function Menu(e, t) {
|
|
|
15345
15386
|
set usePortal(e = !1) {
|
|
15346
15387
|
ne(e), flushSync();
|
|
15347
15388
|
}
|
|
15348
|
-
}, jt = root_6$
|
|
15349
|
-
var t = root$
|
|
15389
|
+
}, jt = root_6$18(), Mt = child(jt), Nt = (e) => {
|
|
15390
|
+
var t = root$38(), n = child(t), a = (e) => {
|
|
15350
15391
|
var t = comment();
|
|
15351
15392
|
snippet(first_child(t), o, () => ({
|
|
15352
15393
|
onclick: vt,
|
|
@@ -15378,7 +15419,7 @@ function Menu(e, t) {
|
|
|
15378
15419
|
s() ? e(Nt) : e(Pt, -1);
|
|
15379
15420
|
});
|
|
15380
15421
|
var It = sibling(Mt, 2), Lt = (e) => {
|
|
15381
|
-
var t = root_5$
|
|
15422
|
+
var t = root_5$19();
|
|
15382
15423
|
let i;
|
|
15383
15424
|
each(t, 21, n, (e) => e.value, (e, t) => {
|
|
15384
15425
|
var n = comment(), i = first_child(n), o = (e) => {
|
|
@@ -15527,7 +15568,7 @@ customElements.define("sui-menu", create_custom_element(Menu_wc, {
|
|
|
15527
15568
|
}, ["trigger"], [], { mode: "open" }));
|
|
15528
15569
|
//#endregion
|
|
15529
15570
|
//#region src/lib/Animations/ModalAnimation.svelte
|
|
15530
|
-
var root$
|
|
15571
|
+
var root$37 = /* @__PURE__ */ from_html("<div><!></div>");
|
|
15531
15572
|
function ModalAnimation(e, t) {
|
|
15532
15573
|
push(t, !0);
|
|
15533
15574
|
let n = prop(t, "enable", 7, !0), i = prop(t, "align", 7, "bottom"), a = prop(t, "transitionType", 7, "ALL"), o = prop(t, "entryAnimation", 7), s = prop(t, "children", 7), c = prop(t, "testId", 7), l = /* @__PURE__ */ user_derived(() => {
|
|
@@ -15595,22 +15636,22 @@ function ModalAnimation(e, t) {
|
|
|
15595
15636
|
}
|
|
15596
15637
|
}, S = comment(), C = first_child(S), k = (e) => {
|
|
15597
15638
|
var t = comment(), n = first_child(t), i = (e) => {
|
|
15598
|
-
var t = root$
|
|
15639
|
+
var t = root$37();
|
|
15599
15640
|
snippet(child(t), () => s() ?? noop), reset(t), template_effect(() => {
|
|
15600
15641
|
set_attribute(t, "data-pw", typeof c() == "string" ? c() : null), set_attribute(t, "testid", typeof c() == "string" ? c() : null);
|
|
15601
15642
|
}), transition(5, t, () => fly, () => get(l)), transition(6, t, () => fly, () => get(l)), append(e, t);
|
|
15602
15643
|
}, a = (e) => {
|
|
15603
|
-
var t = root$
|
|
15644
|
+
var t = root$37();
|
|
15604
15645
|
snippet(child(t), () => s() ?? noop), reset(t), template_effect(() => {
|
|
15605
15646
|
set_attribute(t, "data-pw", typeof c() == "string" ? c() : null), set_attribute(t, "testid", typeof c() == "string" ? c() : null);
|
|
15606
15647
|
}), transition(5, t, () => fly, () => get(l)), append(e, t);
|
|
15607
15648
|
}, o = (e) => {
|
|
15608
|
-
var t = root$
|
|
15649
|
+
var t = root$37();
|
|
15609
15650
|
snippet(child(t), () => s() ?? noop), reset(t), template_effect(() => {
|
|
15610
15651
|
set_attribute(t, "data-pw", typeof c() == "string" ? c() : null), set_attribute(t, "testid", typeof c() == "string" ? c() : null);
|
|
15611
15652
|
}), transition(5, t, () => fade, () => u), transition(6, t, () => fade, () => u), append(e, t);
|
|
15612
15653
|
}, h = (e) => {
|
|
15613
|
-
var t = root$
|
|
15654
|
+
var t = root$37();
|
|
15614
15655
|
snippet(child(t), () => s() ?? noop), reset(t), template_effect(() => {
|
|
15615
15656
|
set_attribute(t, "data-pw", typeof c() == "string" ? c() : null), set_attribute(t, "testid", typeof c() == "string" ? c() : null);
|
|
15616
15657
|
}), transition(5, t, () => fade, () => u), append(e, t);
|
|
@@ -15636,7 +15677,7 @@ create_custom_element(ModalAnimation, {
|
|
|
15636
15677
|
}, [], [], { mode: "open" });
|
|
15637
15678
|
//#endregion
|
|
15638
15679
|
//#region src/lib/Animations/OverlayAnimation.svelte
|
|
15639
|
-
var root$
|
|
15680
|
+
var root$36 = /* @__PURE__ */ from_html("<div><!></div>");
|
|
15640
15681
|
function OverlayAnimation(e, t) {
|
|
15641
15682
|
push(t, !0);
|
|
15642
15683
|
let n = prop(t, "children", 7), i = prop(t, "testId", 7), a = prop(t, "fadeIn", 7, !1);
|
|
@@ -15660,12 +15701,12 @@ function OverlayAnimation(e, t) {
|
|
|
15660
15701
|
a(e), flushSync();
|
|
15661
15702
|
}
|
|
15662
15703
|
}, s = comment(), c = first_child(s), l = (e) => {
|
|
15663
|
-
var t = root$
|
|
15704
|
+
var t = root$36();
|
|
15664
15705
|
snippet(child(t), () => n() ?? noop), reset(t), template_effect(() => {
|
|
15665
15706
|
set_attribute(t, "data-pw", typeof i() == "string" ? i() : null), set_attribute(t, "testid", typeof i() == "string" ? i() : null);
|
|
15666
15707
|
}), transition(1, t, () => fade, () => ({ duration: 350 })), transition(2, t, () => fade, () => ({ duration: 350 })), append(e, t);
|
|
15667
15708
|
}, u = (e) => {
|
|
15668
|
-
var t = root$
|
|
15709
|
+
var t = root$36();
|
|
15669
15710
|
snippet(child(t), () => n() ?? noop), reset(t), template_effect(() => {
|
|
15670
15711
|
set_attribute(t, "data-pw", typeof i() == "string" ? i() : null), set_attribute(t, "testid", typeof i() == "string" ? i() : null);
|
|
15671
15712
|
}), transition(2, t, () => fade, () => ({ duration: 350 })), append(e, t);
|
|
@@ -15681,7 +15722,7 @@ create_custom_element(OverlayAnimation, {
|
|
|
15681
15722
|
}, [], [], { mode: "open" });
|
|
15682
15723
|
//#endregion
|
|
15683
15724
|
//#region src/lib/Modal/Modal.svelte
|
|
15684
|
-
var root$
|
|
15725
|
+
var root$35 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!></div>"), root_1$32 = /* @__PURE__ */ from_html("<div><!></div>"), root_2$26 = /* @__PURE__ */ from_html("<div class=\"header-text svelte-lnufm\"> </div>"), root_3$24 = /* @__PURE__ */ from_html("<div class=\"header svelte-lnufm\"><!> <!> <!></div>"), root_4$20 = /* @__PURE__ */ from_html("<div class=\"footer-content svelte-lnufm\"><!></div>"), root_5$18 = /* @__PURE__ */ from_html("<div class=\"footer-secondary-button svelte-lnufm\"><!></div>"), root_6$17 = /* @__PURE__ */ from_html("<div class=\"footer-primary-button svelte-lnufm\"><!></div>"), root_7$15 = /* @__PURE__ */ from_html("<div class=\"footer-content svelte-lnufm\"><div class=\"footer-action-buttons svelte-lnufm\"><!> <!></div></div>"), root_8$14 = /* @__PURE__ */ from_html("<div><!> <div class=\"slot-content svelte-lnufm\"><!></div> <!></div>"), $$css$37 = {
|
|
15685
15726
|
hash: "svelte-lnufm",
|
|
15686
15727
|
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 /* 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);}"
|
|
15687
15728
|
};
|
|
@@ -15899,7 +15940,7 @@ function Modal(e, t) {
|
|
|
15899
15940
|
return ct();
|
|
15900
15941
|
},
|
|
15901
15942
|
children: (e, t) => {
|
|
15902
|
-
var i = root$
|
|
15943
|
+
var i = root$35();
|
|
15903
15944
|
ModalAnimation(child(i), {
|
|
15904
15945
|
get enable() {
|
|
15905
15946
|
return l();
|
|
@@ -15914,7 +15955,7 @@ function Modal(e, t) {
|
|
|
15914
15955
|
return f();
|
|
15915
15956
|
},
|
|
15916
15957
|
children: (e, t) => {
|
|
15917
|
-
var n = root_8$
|
|
15958
|
+
var n = root_8$14(), i = child(n), o = (e) => {
|
|
15918
15959
|
var t = root_3$24(), n = child(t), i = (e) => {
|
|
15919
15960
|
let t = (e) => {
|
|
15920
15961
|
Img(e, {
|
|
@@ -15928,7 +15969,7 @@ function Modal(e, t) {
|
|
|
15928
15969
|
});
|
|
15929
15970
|
}, n = /* @__PURE__ */ user_derived(() => p().leftImage);
|
|
15930
15971
|
var i = comment(), a = first_child(i), o = (e) => {
|
|
15931
|
-
var n = root$
|
|
15972
|
+
var n = root$35();
|
|
15932
15973
|
t(child(n)), reset(n), template_effect(() => {
|
|
15933
15974
|
set_attribute(n, "aria-label", k() ?? null), set_attribute(n, "data-pw", C()), set_attribute(n, "testid", C());
|
|
15934
15975
|
}), delegated("click", n, _t), delegated("keydown", n, St), append(e, n);
|
|
@@ -15955,7 +15996,7 @@ function Modal(e, t) {
|
|
|
15955
15996
|
typeof p().text == "string" && p().text.length > 0 && e(o);
|
|
15956
15997
|
});
|
|
15957
15998
|
var s = sibling(a, 2), c = (e) => {
|
|
15958
|
-
var t = root$
|
|
15999
|
+
var t = root$35();
|
|
15959
16000
|
Img(child(t), {
|
|
15960
16001
|
inlineSvg: !0,
|
|
15961
16002
|
get src() {
|
|
@@ -15981,15 +16022,15 @@ function Modal(e, t) {
|
|
|
15981
16022
|
var t = root_4$20();
|
|
15982
16023
|
snippet(child(t), () => ne() ?? noop), reset(t), append(e, t);
|
|
15983
16024
|
}, u = (e) => {
|
|
15984
|
-
var t = root_7$
|
|
15985
|
-
var t = root_5$
|
|
16025
|
+
var t = root_7$15(), n = child(t), i = child(n), a = (e) => {
|
|
16026
|
+
var t = root_5$18();
|
|
15986
16027
|
Button(child(t), spread_props(() => h().secondaryButton, { onclick: yt })), reset(t), append(e, t);
|
|
15987
16028
|
};
|
|
15988
16029
|
if_block(i, (e) => {
|
|
15989
16030
|
h().secondaryButton && e(a);
|
|
15990
16031
|
});
|
|
15991
16032
|
var o = sibling(i, 2), s = (e) => {
|
|
15992
|
-
var t = root_6$
|
|
16033
|
+
var t = root_6$17();
|
|
15993
16034
|
Button(child(t), spread_props(() => h().primaryButton, { onclick: vt })), reset(t), append(e, t);
|
|
15994
16035
|
};
|
|
15995
16036
|
if_block(o, (e) => {
|
|
@@ -16168,7 +16209,7 @@ customElements.define("sui-modal", create_custom_element(Modal_wc, {
|
|
|
16168
16209
|
}, ["default", "footer"], [], { mode: "open" }));
|
|
16169
16210
|
//#endregion
|
|
16170
16211
|
//#region src/lib/assets/signal.svg?raw
|
|
16171
|
-
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$
|
|
16212
|
+
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$34 = /* @__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$31 = /* @__PURE__ */ from_html("<div class=\"notch svelte-11btwle\"></div>"), root_2$25 = /* @__PURE__ */ from_html("<div class=\"home-bar-container svelte-11btwle\"><div class=\"home-bar svelte-11btwle\"></div></div>"), root_3$23 = /* @__PURE__ */ from_html("<div class=\"home-button-container svelte-11btwle\"><div class=\"home-button svelte-11btwle\"></div></div>"), root_4$19 = /* @__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$36 = {
|
|
16172
16213
|
hash: "svelte-11btwle",
|
|
16173
16214
|
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;}"
|
|
16174
16215
|
};
|
|
@@ -16215,7 +16256,7 @@ function Phone(e, t) {
|
|
|
16215
16256
|
}, f = root_4$19(), p = sibling(child(f), 4), h = child(p);
|
|
16216
16257
|
let S;
|
|
16217
16258
|
var C = child(h), k = (e) => {
|
|
16218
|
-
var t = root$
|
|
16259
|
+
var t = root$34(), n = sibling(child(t), 2), i = child(n);
|
|
16219
16260
|
html(i, () => signal_default, !0), reset(i);
|
|
16220
16261
|
var a = sibling(i, 2);
|
|
16221
16262
|
html(a, () => wifi_default, !0), reset(a);
|
|
@@ -16305,7 +16346,7 @@ customElements.define("sui-phone", create_custom_element(Phone_wc, {
|
|
|
16305
16346
|
}, ["default"], [], { mode: "open" }));
|
|
16306
16347
|
//#endregion
|
|
16307
16348
|
//#region src/lib/Scroller/Scroller.svelte
|
|
16308
|
-
var root$
|
|
16349
|
+
var root$33 = /* @__PURE__ */ from_html("<span class=\"arrow-icon svelte-1safnmk\"></span>"), root_1$30 = /* @__PURE__ */ from_html("<div class=\"arrow arrow-prev svelte-1safnmk\"><!></div>"), root_2$24 = /* @__PURE__ */ from_html("<div class=\"gradient gradient-start svelte-1safnmk\"></div>"), root_3$22 = /* @__PURE__ */ from_html("<div class=\"gradient gradient-end svelte-1safnmk\"></div>"), root_4$18 = /* @__PURE__ */ from_html("<div class=\"arrow arrow-next svelte-1safnmk\"><!></div>"), root_5$17 = /* @__PURE__ */ from_html("<div><!> <!> <div role=\"region\" tabindex=\"-1\"><!></div> <!> <!></div>"), $$css$35 = {
|
|
16309
16350
|
hash: "svelte-1safnmk",
|
|
16310
16351
|
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 );}"
|
|
16311
16352
|
};
|
|
@@ -16455,7 +16496,7 @@ function Scroller(e, t) {
|
|
|
16455
16496
|
set classes(e) {
|
|
16456
16497
|
R(e), flushSync();
|
|
16457
16498
|
}
|
|
16458
|
-
}, gt = root_5$
|
|
16499
|
+
}, gt = root_5$17();
|
|
16459
16500
|
let _t;
|
|
16460
16501
|
var vt = child(gt), yt = (e) => {
|
|
16461
16502
|
var t = root_1$30();
|
|
@@ -16468,7 +16509,7 @@ function Scroller(e, t) {
|
|
|
16468
16509
|
var t = comment();
|
|
16469
16510
|
snippet(first_child(t), S), append(e, t);
|
|
16470
16511
|
}, s = (e) => {
|
|
16471
|
-
var t = root$
|
|
16512
|
+
var t = root$33();
|
|
16472
16513
|
html(t, () => i() === "horizontal" ? chevron_left_default : chevron_up_default, !0), reset(t), append(e, t);
|
|
16473
16514
|
};
|
|
16474
16515
|
if_block(a, (e) => {
|
|
@@ -16507,7 +16548,7 @@ function Scroller(e, t) {
|
|
|
16507
16548
|
var t = comment();
|
|
16508
16549
|
snippet(first_child(t), C), append(e, t);
|
|
16509
16550
|
}, s = (e) => {
|
|
16510
|
-
var t = root$
|
|
16551
|
+
var t = root$33();
|
|
16511
16552
|
html(t, () => i() === "horizontal" ? chevron_right_default : chevron_down_default, !0), reset(t), append(e, t);
|
|
16512
16553
|
};
|
|
16513
16554
|
if_block(a, (e) => {
|
|
@@ -16654,7 +16695,7 @@ function computeSelectDropdownPosition(e) {
|
|
|
16654
16695
|
}
|
|
16655
16696
|
//#endregion
|
|
16656
16697
|
//#region src/lib/Select/Select.svelte
|
|
16657
|
-
var root$
|
|
16698
|
+
var root$32 = /* @__PURE__ */ from_html("<input class=\"select-search svelte-52lifo\" type=\"text\" autocomplete=\"off\"/>"), root_1$29 = /* @__PURE__ */ from_html("<!> <!>", 1), root_2$23 = /* @__PURE__ */ from_html("<span class=\"select-placeholder svelte-52lifo\"> </span>"), root_3$21 = /* @__PURE__ */ from_html("<span> </span>"), root_4$17 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_5$16 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_6$16 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_7$14 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_8$13 = /* @__PURE__ */ from_html("<div><!> </div>"), root_9$9 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_10$8 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_11$8 = /* @__PURE__ */ from_html("<div class=\"select-bottom-content svelte-52lifo\"><!></div>"), root_12$8 = /* @__PURE__ */ from_html("<div role=\"listbox\"><!> <!></div>"), root_13$7 = /* @__PURE__ */ from_html("<div><div><!> <!> <span class=\"select-arrow svelte-52lifo\"></span></div> <!></div>"), $$css$34 = {
|
|
16658
16699
|
hash: "svelte-52lifo",
|
|
16659
16700
|
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));}.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);}.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 );}.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%;}"
|
|
16660
16701
|
};
|
|
@@ -16991,7 +17032,7 @@ function Select(e, t) {
|
|
|
16991
17032
|
items: get(ot)
|
|
16992
17033
|
}));
|
|
16993
17034
|
var a = sibling(n, 2), l = (e) => {
|
|
16994
|
-
var t = root$
|
|
17035
|
+
var t = root$32();
|
|
16995
17036
|
remove_input_defaults(t), bind_this(t, (e) => set(dt, e), () => get(dt)), template_effect(() => {
|
|
16996
17037
|
set_value(t, get(ct)), set_attribute(t, "placeholder", i().length === 0 ? s() : ""), t.disabled = c(), set_attribute(t, "tabindex", c() ? -1 : 0), set_attribute(t, "data-pw", typeof C() == "string" ? `${C()}-search` : null), set_attribute(t, "testid", typeof C() == "string" ? `${C()}-search` : null);
|
|
16997
17038
|
}), delegated("input", t, Ht), event("focus", t, Gt), append(e, t);
|
|
@@ -17017,7 +17058,7 @@ function Select(e, t) {
|
|
|
17017
17058
|
}
|
|
17018
17059
|
});
|
|
17019
17060
|
var a = sibling(n, 2), l = (e) => {
|
|
17020
|
-
var t = root$
|
|
17061
|
+
var t = root$32();
|
|
17021
17062
|
remove_input_defaults(t), bind_this(t, (e) => set(dt, e), () => get(dt)), template_effect(() => {
|
|
17022
17063
|
set_value(t, get(ct)), set_attribute(t, "placeholder", i().length === 0 ? s() : ""), t.disabled = c(), set_attribute(t, "tabindex", c() ? -1 : 0), set_attribute(t, "data-pw", typeof C() == "string" ? `${C()}-search` : null), set_attribute(t, "testid", typeof C() == "string" ? `${C()}-search` : null);
|
|
17023
17064
|
}), delegated("input", t, Ht), event("focus", t, Gt), append(e, t);
|
|
@@ -17033,7 +17074,7 @@ function Select(e, t) {
|
|
|
17033
17074
|
typeof S() == "function" ? e(a) : e(l, -1);
|
|
17034
17075
|
}), append(e, t);
|
|
17035
17076
|
}, an = (e) => {
|
|
17036
|
-
var t = root$
|
|
17077
|
+
var t = root$32();
|
|
17037
17078
|
remove_input_defaults(t), bind_this(t, (e) => set(dt, e), () => get(dt)), template_effect(() => {
|
|
17038
17079
|
set_value(t, G() ? get(ct) : get(Et)), set_attribute(t, "placeholder", get(Ot)), t.disabled = c(), set_attribute(t, "tabindex", c() ? -1 : 0), set_attribute(t, "data-pw", typeof C() == "string" ? `${C()}-search` : null), set_attribute(t, "testid", typeof C() == "string" ? `${C()}-search` : null);
|
|
17039
17080
|
}), delegated("input", t, Ht), event("focus", t, Gt), append(e, t);
|
|
@@ -17057,7 +17098,7 @@ function Select(e, t) {
|
|
|
17057
17098
|
var t = comment();
|
|
17058
17099
|
each(first_child(t), 19, () => get(Tt), (e) => e.kind === "select-all" ? "select-all" : e.item.id, (e, t, n) => {
|
|
17059
17100
|
var o = comment(), s = first_child(o), c = (e) => {
|
|
17060
|
-
var t = root_8$
|
|
17101
|
+
var t = root_8$13(), i = () => set(lt, get(n), !0);
|
|
17061
17102
|
attribute_effect(t, () => ({
|
|
17062
17103
|
class: "select-option select-all",
|
|
17063
17104
|
role: "option",
|
|
@@ -17084,13 +17125,13 @@ function Select(e, t) {
|
|
|
17084
17125
|
indeterminate: get(wt)
|
|
17085
17126
|
})), append(e, t);
|
|
17086
17127
|
}, c = (e) => {
|
|
17087
|
-
var t = root_7$
|
|
17128
|
+
var t = root_7$14();
|
|
17088
17129
|
let n;
|
|
17089
17130
|
var i = child(t), a = (e) => {
|
|
17090
|
-
var t = root_5$
|
|
17131
|
+
var t = root_5$16();
|
|
17091
17132
|
html(t, () => checkmark_default, !0), reset(t), append(e, t);
|
|
17092
17133
|
}, o = (e) => {
|
|
17093
|
-
var t = root_6$
|
|
17134
|
+
var t = root_6$16();
|
|
17094
17135
|
template_effect(() => {
|
|
17095
17136
|
set_attribute(t, "data-pw", typeof C() == "string" ? `${C()}-select-all-dash` : null), set_attribute(t, "testid", typeof C() == "string" ? `${C()}-select-all-dash` : null);
|
|
17096
17137
|
}), append(e, t);
|
|
@@ -17148,10 +17189,10 @@ function Select(e, t) {
|
|
|
17148
17189
|
}
|
|
17149
17190
|
append(e, n);
|
|
17150
17191
|
}, s = (e) => {
|
|
17151
|
-
var n = root_7$
|
|
17192
|
+
var n = root_7$14();
|
|
17152
17193
|
let a;
|
|
17153
17194
|
var o = child(n), s = (e) => {
|
|
17154
|
-
var t = root_5$
|
|
17195
|
+
var t = root_5$16();
|
|
17155
17196
|
html(t, () => checkmark_default, !0), reset(t), append(e, t);
|
|
17156
17197
|
}, c = /* @__PURE__ */ user_derived(() => i().includes(get(t).item.id));
|
|
17157
17198
|
if_block(o, (e) => {
|
|
@@ -17335,7 +17376,7 @@ customElements.define("sui-select", create_custom_element(Select_wc, {
|
|
|
17335
17376
|
}, ["bottom-content"], [], { mode: "open" }));
|
|
17336
17377
|
//#endregion
|
|
17337
17378
|
//#region src/lib/Sheet/Sheet.svelte
|
|
17338
|
-
var root$
|
|
17379
|
+
var root$31 = /* @__PURE__ */ from_html("<span class=\"sheet-title svelte-1dln6bq\"> </span>"), root_1$28 = /* @__PURE__ */ from_html("<div class=\"sheet-close-button svelte-1dln6bq\"><!></div>"), root_2$22 = /* @__PURE__ */ from_html("<div class=\"sheet-header svelte-1dln6bq\"><!> <!></div>"), root_3$20 = /* @__PURE__ */ from_html("<div class=\"sheet-footer svelte-1dln6bq\"><!></div>"), root_4$16 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"-1\"><div role=\"dialog\" aria-modal=\"true\" tabindex=\"-1\"><!> <div class=\"sheet-content svelte-1dln6bq\"><!></div> <!></div></div>"), $$css$33 = {
|
|
17339
17380
|
hash: "svelte-1dln6bq",
|
|
17340
17381
|
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 /* --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);}.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);}.sheet-panel.top.svelte-1dln6bq {top:var(--sheet-top, 0);border-bottom:var(--sheet-border, none);}.sheet-panel.bottom.svelte-1dln6bq {bottom:var(--sheet-bottom, 0);border-top:var(--sheet-border, none);}.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;}"
|
|
17341
17382
|
};
|
|
@@ -17477,7 +17518,7 @@ function Sheet(e, t) {
|
|
|
17477
17518
|
}, it = comment(), at = first_child(it), ot = (e) => {
|
|
17478
17519
|
var t = root_4$16(), n = child(t), p = child(n), h = (e) => {
|
|
17479
17520
|
var t = root_2$22(), n = child(t), i = (e) => {
|
|
17480
|
-
var t = root$
|
|
17521
|
+
var t = root$31(), n = child(t, !0);
|
|
17481
17522
|
reset(t), template_effect(() => set_text(n, a())), append(e, t);
|
|
17482
17523
|
};
|
|
17483
17524
|
if_block(n, (e) => {
|
|
@@ -17611,7 +17652,7 @@ customElements.define("sui-sheet", create_custom_element(Sheet_wc, {
|
|
|
17611
17652
|
}, ["default", "footer"], [], { mode: "open" }));
|
|
17612
17653
|
//#endregion
|
|
17613
17654
|
//#region src/lib/assets/copy.svg?raw
|
|
17614
|
-
var copy_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=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect>\n <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path>\n</svg>\n", root$
|
|
17655
|
+
var copy_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=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect>\n <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path>\n</svg>\n", root$30 = /* @__PURE__ */ from_html("<span class=\"snippet-copied svelte-ql5iye\">Copied!</span>"), root_1$27 = /* @__PURE__ */ from_html("<span class=\"snippet-copy-icon svelte-ql5iye\"></span>"), root_2$21 = /* @__PURE__ */ from_html("<div class=\"snippet-copy svelte-ql5iye\"><!></div>"), root_3$19 = /* @__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$32 = {
|
|
17615
17656
|
hash: "svelte-ql5iye",
|
|
17616
17657
|
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%;}.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);}"
|
|
17617
17658
|
};
|
|
@@ -17679,7 +17720,7 @@ function Snippet(e, t) {
|
|
|
17679
17720
|
ariaLabel: "Copy to clipboard",
|
|
17680
17721
|
children: (e, t) => {
|
|
17681
17722
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
17682
|
-
append(e, root$
|
|
17723
|
+
append(e, root$30());
|
|
17683
17724
|
}, o = (e) => {
|
|
17684
17725
|
var t = comment();
|
|
17685
17726
|
snippet(first_child(t), s), append(e, t);
|
|
@@ -17751,7 +17792,7 @@ customElements.define("sui-snippet", create_custom_element(Snippet_wc, {
|
|
|
17751
17792
|
}, ["copy-icon"], [], { mode: "open" }));
|
|
17752
17793
|
//#endregion
|
|
17753
17794
|
//#region src/lib/assets/chevron-down-sm.svg?raw
|
|
17754
|
-
var chevron_down_sm_default = "<svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$
|
|
17795
|
+
var chevron_down_sm_default = "<svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$29 = /* @__PURE__ */ from_html("<span class=\"split-button-arrow svelte-2cti\"><!></span>"), root_1$26 = /* @__PURE__ */ from_html("<div><div class=\"split-button-primary svelte-2cti\"><!></div> <div class=\"split-button-trigger svelte-2cti\"><!></div></div>"), $$css$31 = {
|
|
17755
17796
|
hash: "svelte-2cti",
|
|
17756
17797
|
code: ".split-button.svelte-2cti {display:inline-flex;position:relative;gap:var(--split-button-gap, 0px);}.split-button.disabled.svelte-2cti .split-button-trigger:where(.svelte-2cti) {pointer-events:none;}.split-button-primary.svelte-2cti {--button-color: var(--split-button-primary-background, #3a4550);--button-text-color: var(--split-button-primary-color, white);--button-padding: var(--split-button-primary-padding, 8px 16px);--button-font-size: var(--split-button-primary-font-size, 14px);--button-font-weight: var(--split-button-primary-font-weight, 500);--button-font-family: var(--split-button-primary-font-family);--button-border: var(--split-button-primary-border, none);--button-border-radius: var(\n --split-button-primary-border-radius,\n var(--radius, 4px) 0 0 var(--radius, 4px)\n );--button-hover-color: var(\n --split-button-primary-hover-background,\n var(--split-button-primary-background, #3a4550)\n );--button-hover-text-color: var(\n --split-button-primary-hover-color,\n var(--split-button-primary-color, white)\n );--disabled-opacity: var(--split-button-disabled-opacity, 0.4);--disabled-cursor: var(--split-button-disabled-cursor, not-allowed);display:flex;}.split-button-trigger.svelte-2cti {--menu-container-position: static;--menu-container-display: flex;--menu-trigger-focus-outline: none;--menu-dropdown-left: 0;--menu-min-width: 100%;border-left:var(--split-button-trigger-separator, 1px solid rgba(255, 255, 255, 0.3));display:flex;align-items:stretch;background-color:var(--split-button-trigger-background, #3a4550);border-radius:var(\n --split-button-trigger-border-radius,\n 0 var(--radius, 4px) var(--radius, 4px) 0\n );color:var(--split-button-trigger-color, white);cursor:pointer;}.split-button.disabled.svelte-2cti .split-button-trigger:where(.svelte-2cti) {opacity:var(--split-button-disabled-opacity, 0.4);cursor:var(--split-button-disabled-cursor, not-allowed);}.split-button-trigger.svelte-2cti:hover {background-color:var(\n --split-button-trigger-hover-background,\n var(--split-button-trigger-background, #3a4550)\n );color:var(--split-button-trigger-hover-color, var(--split-button-trigger-color, white));}.split-button-trigger.svelte-2cti .menu-trigger {display:flex;align-items:center;justify-content:center;padding:var(--split-button-trigger-padding, 8px);}.split-button-arrow.svelte-2cti {display:inline-flex;width:var(--split-button-arrow-width, 10px);height:var(--split-button-arrow-height, 6px);}.split-button-arrow.svelte-2cti svg {width:100%;height:100%;}"
|
|
17757
17798
|
};
|
|
@@ -17838,7 +17879,7 @@ function SplitButton(e, t) {
|
|
|
17838
17879
|
set(f, e, !0);
|
|
17839
17880
|
},
|
|
17840
17881
|
trigger: (e) => {
|
|
17841
|
-
var t = root$
|
|
17882
|
+
var t = root$29(), n = child(t), i = (e) => {
|
|
17842
17883
|
var t = comment();
|
|
17843
17884
|
snippet(first_child(t), s), append(e, t);
|
|
17844
17885
|
}, a = (e) => {
|
|
@@ -18029,7 +18070,7 @@ var normalizeColumns = (e, t) => ({
|
|
|
18029
18070
|
})),
|
|
18030
18071
|
rest: n.length - i.length
|
|
18031
18072
|
};
|
|
18032
|
-
}, 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$
|
|
18073
|
+
}, 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$28 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$25 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$20 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$18 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$15 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$15 = /* @__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$13 = /* @__PURE__ */ from_html("<div></div>"), root_8$12 = /* @__PURE__ */ from_html("<span class=\"builtin-avatar-rest svelte-4boxsj\"> </span>"), root_9$8 = /* @__PURE__ */ from_html("<div><!> <!></div>"), root_10$7 = /* @__PURE__ */ from_html("<span class=\"builtin-primary-text svelte-4boxsj\"> </span>"), root_11$7 = /* @__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$30 = {
|
|
18033
18074
|
hash: "svelte-4boxsj",
|
|
18034
18075
|
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;}"
|
|
18035
18076
|
};
|
|
@@ -18130,7 +18171,7 @@ function BuiltinCell(e, t) {
|
|
|
18130
18171
|
}), append(e, n);
|
|
18131
18172
|
}, re = (e) => {
|
|
18132
18173
|
let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {}), n = /* @__PURE__ */ user_derived(() => asTagCellData(get(t).tag ?? null));
|
|
18133
|
-
var a = root$
|
|
18174
|
+
var a = root$28(), o = child(a), s = child(o, !0);
|
|
18134
18175
|
reset(o);
|
|
18135
18176
|
var l = sibling(o, 2), u = (e) => {
|
|
18136
18177
|
{
|
|
@@ -18190,7 +18231,7 @@ function BuiltinCell(e, t) {
|
|
|
18190
18231
|
}), append(e, a);
|
|
18191
18232
|
}, Me = (e) => {
|
|
18192
18233
|
let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {});
|
|
18193
|
-
var n = root_6$
|
|
18234
|
+
var n = root_6$15(), a = child(n), o = (e) => {
|
|
18194
18235
|
var n = root_4$15(), i = child(n);
|
|
18195
18236
|
{
|
|
18196
18237
|
let e = /* @__PURE__ */ user_derived(() => typeof get(t).text1 == "string" ? get(t).text1 : "");
|
|
@@ -18208,7 +18249,7 @@ function BuiltinCell(e, t) {
|
|
|
18208
18249
|
set_attribute(n, "data-pw", e), set_attribute(n, "testid", t);
|
|
18209
18250
|
}, [() => u("thumbnail"), () => u("thumbnail")]), append(e, n);
|
|
18210
18251
|
}, s = (e) => {
|
|
18211
|
-
var n = root_5$
|
|
18252
|
+
var n = root_5$15(), i = child(n, !0);
|
|
18212
18253
|
reset(n), template_effect((e, t, a) => {
|
|
18213
18254
|
set_attribute(n, "data-pw", e), set_attribute(n, "testid", t), set_text(i, a);
|
|
18214
18255
|
}, [
|
|
@@ -18229,7 +18270,7 @@ function BuiltinCell(e, t) {
|
|
|
18229
18270
|
}, Re = (e) => {
|
|
18230
18271
|
let t = /* @__PURE__ */ user_derived(() => asTagArrayItems(i()));
|
|
18231
18272
|
var n = comment(), a = first_child(n), o = (e) => {
|
|
18232
|
-
var n = root_7$
|
|
18273
|
+
var n = root_7$13();
|
|
18233
18274
|
each(n, 23, () => get(t), (e, t) => `${t}-${e.text}`, (e, t, n) => {
|
|
18234
18275
|
{
|
|
18235
18276
|
let i = /* @__PURE__ */ user_derived(() => get(t).classes ?? ""), a = /* @__PURE__ */ user_derived(() => get(t).testId ?? u("tag", get(n)));
|
|
@@ -18262,7 +18303,7 @@ function BuiltinCell(e, t) {
|
|
|
18262
18303
|
return get(n).icons;
|
|
18263
18304
|
} });
|
|
18264
18305
|
var o = sibling(a, 2), s = (e) => {
|
|
18265
|
-
var t = root_8$
|
|
18306
|
+
var t = root_8$12(), i = child(t);
|
|
18266
18307
|
reset(t), template_effect(() => set_text(i, `+${get(n).rest ?? ""}`)), append(e, t);
|
|
18267
18308
|
};
|
|
18268
18309
|
if_block(o, (e) => {
|
|
@@ -18739,7 +18780,7 @@ delegate(["click", "keydown"]), create_custom_element(BuiltinCell, {
|
|
|
18739
18780
|
}, [], [], { mode: "open" });
|
|
18740
18781
|
//#endregion
|
|
18741
18782
|
//#region src/lib/assets/sort-default.svg?raw
|
|
18742
|
-
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$
|
|
18783
|
+
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$27 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$24 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\" aria-label=\"Clear search\"></button>"), root_2$19 = /* @__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$17 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$14 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$14 = /* @__PURE__ */ from_html("<th><!></th>"), root_6$14 = /* @__PURE__ */ from_html("<th></th>"), root_7$12 = /* @__PURE__ */ from_html("<th> </th>"), root_8$11 = /* @__PURE__ */ from_html("<span> </span>"), root_9$7 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_10$6 = /* @__PURE__ */ from_html("<span><!></span>"), root_11$6 = /* @__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$29 = {
|
|
18743
18784
|
hash: "svelte-171ci2i",
|
|
18744
18785
|
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;}"
|
|
18745
18786
|
};
|
|
@@ -19081,7 +19122,7 @@ function Table(e, t) {
|
|
|
19081
19122
|
gt(e), flushSync();
|
|
19082
19123
|
}
|
|
19083
19124
|
}, Rn = root_30(), zn = first_child(Rn), Bn = (e) => {
|
|
19084
|
-
var t = root$
|
|
19125
|
+
var t = root$27(), i = child(t, !0);
|
|
19085
19126
|
reset(t), template_effect(() => set_text(i, n())), append(e, t);
|
|
19086
19127
|
};
|
|
19087
19128
|
if_block(zn, (e) => {
|
|
@@ -19123,7 +19164,7 @@ function Table(e, t) {
|
|
|
19123
19164
|
C() && e(l);
|
|
19124
19165
|
});
|
|
19125
19166
|
var u = sibling(c), f = child(u), G = child(f), be = (e) => {
|
|
19126
|
-
var t = root_5$
|
|
19167
|
+
var t = root_5$14();
|
|
19127
19168
|
let n;
|
|
19128
19169
|
var i = child(t);
|
|
19129
19170
|
{
|
|
@@ -19149,7 +19190,7 @@ function Table(e, t) {
|
|
|
19149
19190
|
}
|
|
19150
19191
|
reset(t), template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(At) })), append(e, t);
|
|
19151
19192
|
}, at = (e) => {
|
|
19152
|
-
var t = root_6$
|
|
19193
|
+
var t = root_6$14();
|
|
19153
19194
|
let n;
|
|
19154
19195
|
template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(At) })), append(e, t);
|
|
19155
19196
|
};
|
|
@@ -19157,7 +19198,7 @@ function Table(e, t) {
|
|
|
19157
19198
|
get(Fn) && !get(In) ? e(be) : get(Fn) && get(In) && e(at, 1);
|
|
19158
19199
|
});
|
|
19159
19200
|
var ct = sibling(G), ut = (e) => {
|
|
19160
|
-
var t = root_7$
|
|
19201
|
+
var t = root_7$12();
|
|
19161
19202
|
let n;
|
|
19162
19203
|
var i = child(t, !0);
|
|
19163
19204
|
reset(t), template_effect(() => {
|
|
@@ -19185,7 +19226,7 @@ function Table(e, t) {
|
|
|
19185
19226
|
},
|
|
19186
19227
|
iconPosition: "trailing",
|
|
19187
19228
|
children: (e, n) => {
|
|
19188
|
-
var i = root_8$
|
|
19229
|
+
var i = root_8$11();
|
|
19189
19230
|
let a;
|
|
19190
19231
|
var o = child(i, !0);
|
|
19191
19232
|
reset(i), template_effect(() => {
|
|
@@ -19742,7 +19783,7 @@ customElements.define("sui-table", create_custom_element(Table_wc, {
|
|
|
19742
19783
|
], [], { mode: "open" }));
|
|
19743
19784
|
//#endregion
|
|
19744
19785
|
//#region src/lib/Toast/Toast.svelte
|
|
19745
|
-
var root$
|
|
19786
|
+
var root$26 = /* @__PURE__ */ from_html("<div class=\"toast-icon-wrapper svelte-37crwe\"><!></div>"), root_1$23 = /* @__PURE__ */ from_html("<div class=\"toast-subtext svelte-37crwe\"> </div>"), root_2$18 = /* @__PURE__ */ from_html("<div class=\"close-button svelte-37crwe\" tabindex=\"0\" role=\"button\"><!></div>"), root_3$16 = /* @__PURE__ */ from_html("<div role=\"alert\" aria-live=\"assertive\"><!> <div class=\"toast-message svelte-37crwe\"> <!> <!></div> <!></div>"), $$css$28 = {
|
|
19746
19787
|
hash: "svelte-37crwe",
|
|
19747
19788
|
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);}"
|
|
19748
19789
|
};
|
|
@@ -19916,7 +19957,7 @@ function Toast(e, t) {
|
|
|
19916
19957
|
var t = root_3$16();
|
|
19917
19958
|
let n;
|
|
19918
19959
|
var c = child(t), l = (e) => {
|
|
19919
|
-
var t = root$
|
|
19960
|
+
var t = root$26();
|
|
19920
19961
|
Img(child(t), {
|
|
19921
19962
|
inlineSvg: !0,
|
|
19922
19963
|
get src() {
|
|
@@ -20083,7 +20124,7 @@ customElements.define("sui-toast", create_custom_element(Toast_wc, {
|
|
|
20083
20124
|
}, ["bottom-content"], [], { mode: "open" }));
|
|
20084
20125
|
//#endregion
|
|
20085
20126
|
//#region src/lib/Toolbar/Toolbar.svelte
|
|
20086
|
-
var root$
|
|
20127
|
+
var root$25 = /* @__PURE__ */ from_html("<img alt=\"\" class=\"svelte-1vhiw52\"/>"), root_1$22 = /* @__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$17 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"back svelte-1vhiw52\"><!></button>"), root_3$15 = /* @__PURE__ */ from_html("<div class=\"center-content svelte-1vhiw52\"><!></div>"), root_4$13 = /* @__PURE__ */ from_html("<div class=\"text svelte-1vhiw52\"> </div>"), root_5$13 = /* @__PURE__ */ from_html("<div class=\"right-content svelte-1vhiw52\"><!></div>"), root_6$13 = /* @__PURE__ */ from_html("<div><div class=\"content svelte-1vhiw52\"><!> <!> <!></div> <div><!></div></div>"), $$css$27 = {
|
|
20087
20128
|
hash: "svelte-1vhiw52",
|
|
20088
20129
|
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);}"
|
|
20089
20130
|
};
|
|
@@ -20169,12 +20210,12 @@ function Toolbar(e, t) {
|
|
|
20169
20210
|
set headingTestId(e) {
|
|
20170
20211
|
C(e), flushSync();
|
|
20171
20212
|
}
|
|
20172
|
-
}, ne = root_6$
|
|
20213
|
+
}, ne = root_6$13(), re = child(ne), G = child(re), be = (e) => {
|
|
20173
20214
|
var t = comment();
|
|
20174
20215
|
snippet(first_child(t), s), append(e, t);
|
|
20175
20216
|
}, Me = (e) => {
|
|
20176
20217
|
var t = root_2$17(), n = child(t), i = (e) => {
|
|
20177
|
-
var t = root$
|
|
20218
|
+
var t = root$25();
|
|
20178
20219
|
template_effect(() => set_attribute(t, "src", a())), append(e, t);
|
|
20179
20220
|
}, o = (e) => {
|
|
20180
20221
|
append(e, root_1$22());
|
|
@@ -20203,7 +20244,7 @@ function Toolbar(e, t) {
|
|
|
20203
20244
|
typeof c() == "function" ? e(Ue) : typeof i() == "string" && i().length > 0 && e(it, 1);
|
|
20204
20245
|
});
|
|
20205
20246
|
var at = sibling(Re, 2), ot = (e) => {
|
|
20206
|
-
var t = root_5$
|
|
20247
|
+
var t = root_5$13();
|
|
20207
20248
|
snippet(child(t), l), reset(t), append(e, t);
|
|
20208
20249
|
};
|
|
20209
20250
|
if_block(at, (e) => {
|
|
@@ -20422,7 +20463,7 @@ var TIME_DISPLAY_PATTERN = /^(1[0-2]|0?[1-9]):([0-5][0-9])\s?(AM|PM)$/i, pad = (
|
|
|
20422
20463
|
}
|
|
20423
20464
|
let a = NUMERIC_SLASH_DATE_PATTERN.exec(t);
|
|
20424
20465
|
return a === null ? null : buildDateFromParts(Number(a[3]), Number(a[1]) - 1, Number(a[2]));
|
|
20425
|
-
}, root$
|
|
20466
|
+
}, root$24 = /* @__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$21 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel-body svelte-gpybdi\"><!></div>"), root_2$16 = /* @__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$14 = /* @__PURE__ */ from_html("<div class=\"drp-compare-trigger-wrapper svelte-gpybdi\"><!> <!></div>"), root_4$12 = /* @__PURE__ */ from_html("<span class=\"drp-preset-group-label svelte-gpybdi\"> </span>"), root_5$12 = /* @__PURE__ */ from_html("<div class=\"drp-preset-divider svelte-gpybdi\" role=\"separator\" aria-hidden=\"true\"><!></div>"), root_6$12 = /* @__PURE__ */ from_html("<span class=\"drp-preset-check svelte-gpybdi\" aria-hidden=\"true\"></span>"), root_7$11 = /* @__PURE__ */ from_html("<!> <button type=\"button\" role=\"option\"> <!></button>", 1), root_8$10 = /* @__PURE__ */ from_html("<div class=\"drp-sidebar svelte-gpybdi\" role=\"listbox\" aria-label=\"Date presets\"></div>"), root_9$6 = /* @__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$5 = /* @__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$5 = /* @__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$26 = {
|
|
20426
20467
|
hash: "svelte-gpybdi",
|
|
20427
20468
|
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);}"
|
|
20428
20469
|
};
|
|
@@ -20887,7 +20928,7 @@ function DateRangePicker(e, t) {
|
|
|
20887
20928
|
var t = comment();
|
|
20888
20929
|
snippet(first_child(t), ct, () => get(hn)), append(e, t);
|
|
20889
20930
|
}, o = (e) => {
|
|
20890
|
-
var t = root$
|
|
20931
|
+
var t = root$24(), n = first_child(t), i = child(n, !0);
|
|
20891
20932
|
reset(n);
|
|
20892
20933
|
var a = sibling(n, 2), o = child(a), s = (e) => {
|
|
20893
20934
|
var t = comment();
|
|
@@ -20979,11 +21020,11 @@ function DateRangePicker(e, t) {
|
|
|
20979
21020
|
var t = root_18$2();
|
|
20980
21021
|
let i;
|
|
20981
21022
|
var a = child(t), f = child(a), k = (e) => {
|
|
20982
|
-
var t = root_8$
|
|
21023
|
+
var t = root_8$10();
|
|
20983
21024
|
each(t, 23, p, (e) => e.label, (e, t, n) => {
|
|
20984
21025
|
let i = /* @__PURE__ */ user_derived(() => get(n) > 0 ? p()[get(n) - 1] : null), a = /* @__PURE__ */ user_derived(() => get(n) > 0 && (get(i)?.group ?? "") !== (get(t).group ?? ""));
|
|
20985
|
-
var o = root_7$
|
|
20986
|
-
var n = root_5$
|
|
21026
|
+
var o = root_7$11(), s = first_child(o), c = (e) => {
|
|
21027
|
+
var n = root_5$12(), i = child(n), a = (e) => {
|
|
20987
21028
|
var n = root_4$12(), i = child(n, !0);
|
|
20988
21029
|
reset(n), template_effect(() => set_text(i, get(t).group)), append(e, n);
|
|
20989
21030
|
};
|
|
@@ -20997,7 +21038,7 @@ function DateRangePicker(e, t) {
|
|
|
20997
21038
|
var l = sibling(s, 2);
|
|
20998
21039
|
let u;
|
|
20999
21040
|
var f = child(l), S = sibling(f), C = (e) => {
|
|
21000
|
-
var t = root_6$
|
|
21041
|
+
var t = root_6$12();
|
|
21001
21042
|
html(t, () => checkmark_default, !0), reset(t), template_effect(() => {
|
|
21002
21043
|
set_attribute(t, "data-pw", typeof at() == "string" ? `${at()}-preset-check` : null), set_attribute(t, "testid", typeof at() == "string" ? `${at()}-preset-check` : null);
|
|
21003
21044
|
}), append(e, t);
|
|
@@ -28496,7 +28537,7 @@ var require_lottie = /* @__PURE__ */ __commonJSMin(((exports, module) => {
|
|
|
28496
28537
|
}
|
|
28497
28538
|
return extendPrototype([TransformEffect], CVTransformEffect), registerRenderer("canvas", CanvasRenderer), registerRenderer("html", HybridRenderer), registerRenderer("svg", SVGRenderer), ShapeModifiers.registerModifier("tm", TrimModifier), ShapeModifiers.registerModifier("pb", PuckerAndBloatModifier), ShapeModifiers.registerModifier("rp", RepeaterModifier), ShapeModifiers.registerModifier("rd", RoundCornersModifier), ShapeModifiers.registerModifier("zz", ZigZagModifier), ShapeModifiers.registerModifier("op", OffsetPathModifier), setExpressionsPlugin(Expressions), setExpressionInterfaces(getInterface), initialize$1(), initialize(), registerEffect$1(20, SVGTintFilter, !0), registerEffect$1(21, SVGFillFilter, !0), registerEffect$1(22, SVGStrokeEffect, !1), registerEffect$1(23, SVGTritoneFilter, !0), registerEffect$1(24, SVGProLevelsFilter, !0), registerEffect$1(25, SVGDropShadowEffect, !0), registerEffect$1(28, SVGMatte3Effect, !1), registerEffect$1(29, SVGGaussianBlurEffect, !0), registerEffect$1(35, SVGTransformEffect, !1), registerEffect(35, CVTransformEffect), lottie;
|
|
28498
28539
|
}));
|
|
28499
|
-
})), root$
|
|
28540
|
+
})), root$23 = /* @__PURE__ */ from_html("<div></div>"), $$css$25 = {
|
|
28500
28541
|
hash: "svelte-w616hg",
|
|
28501
28542
|
code: ".lottie-player.svelte-w616hg {display:var(--lottie-player-display, inline-block);width:var(--lottie-player-width, 100%);height:var(--lottie-player-height, 100%);background:var(--lottie-player-background, transparent);border-radius:var(--lottie-player-border-radius, 0px);overflow:var(--lottie-player-overflow, hidden);}"
|
|
28502
28543
|
};
|
|
@@ -28605,7 +28646,7 @@ function LottiePlayer(e, t) {
|
|
|
28605
28646
|
set onerror(e) {
|
|
28606
28647
|
h(e), flushSync();
|
|
28607
28648
|
}
|
|
28608
|
-
}, G = root$
|
|
28649
|
+
}, G = root$23();
|
|
28609
28650
|
return bind_this(G, (e) => set(S, e), () => get(S)), template_effect(() => {
|
|
28610
28651
|
set_class(G, 1, clsx(get(k)), "svelte-w616hg"), set_attribute(G, "aria-hidden", l() ? "true" : null), set_attribute(G, "role", l() ? null : "img"), set_attribute(G, "data-pw", typeof u() == "string" ? u() : null), set_attribute(G, "testid", typeof u() == "string" ? u() : null);
|
|
28611
28652
|
}), append(e, G), pop(re);
|
|
@@ -28703,7 +28744,7 @@ customElements.define("sui-lottie-player", create_custom_element(LottiePlayer_wc
|
|
|
28703
28744
|
}, [], [], { mode: "open" }));
|
|
28704
28745
|
//#endregion
|
|
28705
28746
|
//#region src/lib/DeltaIndicator/DeltaIndicator.svelte
|
|
28706
|
-
var root$
|
|
28747
|
+
var root$22 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" class=\"svelte-1h4ulcy\"><path d=\"M22 7L13.5 15.5L8.5 10.5L2 17\"></path><path d=\"M16 7H22V13\"></path></svg></span>"), root_1$20 = /* @__PURE__ */ from_html("<span class=\"delta-indicator-dash svelte-1h4ulcy\" aria-hidden=\"true\">—</span>"), root_2$15 = /* @__PURE__ */ from_html("<span><!> <span class=\"delta-indicator-text svelte-1h4ulcy\"> </span></span>"), $$css$24 = {
|
|
28707
28748
|
hash: "svelte-1h4ulcy",
|
|
28708
28749
|
code: ".delta-indicator.svelte-1h4ulcy {display:inline-flex;align-items:center;gap:var(--delta-indicator-gap, 4px);font-size:var(--delta-indicator-font-size, 13px);font-weight:var(--delta-indicator-font-weight, 600);line-height:1;}.delta-positive.svelte-1h4ulcy {color:var(--delta-indicator-positive-color, #1a9d6f);}.delta-negative.svelte-1h4ulcy {color:var(--delta-indicator-negative-color, #e5484d);}.delta-neutral.svelte-1h4ulcy {color:var(--delta-indicator-neutral-color, #8a8a8a);}\n\n /* The tone color is set on the wrapper; the text span must inherit it explicitly.\n A consumer's global `span { color }` rule (higher weight than inheritance) would\n otherwise repaint just the number a neutral text color — leaving only the arrow\n tinted and making up/down deltas read as colorless. */.delta-indicator-text.svelte-1h4ulcy {color:inherit;}.delta-indicator-arrow.svelte-1h4ulcy {display:inline-flex;width:var(--delta-indicator-arrow-size, 16px);height:var(--delta-indicator-arrow-size, 16px);flex-shrink:0;}.delta-indicator-dash.svelte-1h4ulcy {color:inherit;flex-shrink:0;}.delta-indicator-arrow.svelte-1h4ulcy svg:where(.svelte-1h4ulcy) {width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:var(--delta-indicator-arrow-stroke-width, 2);stroke-linecap:round;stroke-linejoin:round;}\n\n /* Down-trend mirrors the up-trend glyph vertically (line falling to the\n lower-right, arrowhead at the bottom-right) — the Untitled UI trend-down-01\n shape. A 180deg rotation would instead point down-left. */.delta-arrow-down.svelte-1h4ulcy {transform:scaleY(-1);}"
|
|
28709
28750
|
};
|
|
@@ -28754,7 +28795,7 @@ function DeltaIndicator(e, t) {
|
|
|
28754
28795
|
l(e), flushSync();
|
|
28755
28796
|
}
|
|
28756
28797
|
}, k = root_2$15(), R = child(k), te = (e) => {
|
|
28757
|
-
var t = root$
|
|
28798
|
+
var t = root$22();
|
|
28758
28799
|
template_effect(() => set_class(t, 1, `delta-indicator-arrow delta-arrow-${get(p) ?? ""}`, "svelte-1h4ulcy")), append(e, t);
|
|
28759
28800
|
}, ne = (e) => {
|
|
28760
28801
|
append(e, root_1$20());
|
|
@@ -28778,7 +28819,7 @@ create_custom_element(DeltaIndicator, {
|
|
|
28778
28819
|
}, [], [], { mode: "open" });
|
|
28779
28820
|
//#endregion
|
|
28780
28821
|
//#region src/lib/StatCard/StatCard.svelte
|
|
28781
|
-
var root$
|
|
28822
|
+
var root$21 = /* @__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$19 = /* @__PURE__ */ from_html("<div class=\"statcard-title svelte-pfmus\"> </div>"), root_2$14 = /* @__PURE__ */ from_html("<div class=\"statcard-header-checkbox svelte-pfmus\"><!></div>"), root_3$13 = /* @__PURE__ */ from_html("<div class=\"statcard-header-right svelte-pfmus\"><!></div>"), root_4$11 = /* @__PURE__ */ from_html("<div class=\"statcard-header svelte-pfmus\"><div class=\"statcard-header-left svelte-pfmus\"><!> <!></div> <!></div>"), root_5$11 = /* @__PURE__ */ from_html("<div class=\"statcard-row-divider svelte-pfmus\"></div>"), root_6$11 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading statcard-row-heading-tooltip svelte-pfmus\"> </div>"), root_7$10 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading svelte-pfmus\"> </div>"), root_8$9 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading-wrap svelte-pfmus\"><!></div>"), root_9$5 = /* @__PURE__ */ from_html("<div class=\"statcard-comparison-value svelte-pfmus\"> </div>"), root_10$4 = /* @__PURE__ */ from_html("<div class=\"statcard-delta statcard-delta-na svelte-pfmus\">N/A</div>"), root_11$4 = /* @__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$23 = {
|
|
28782
28823
|
hash: "svelte-pfmus",
|
|
28783
28824
|
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);}"
|
|
28784
28825
|
};
|
|
@@ -28912,7 +28953,7 @@ function StatCard(e, t) {
|
|
|
28912
28953
|
return p().testId;
|
|
28913
28954
|
},
|
|
28914
28955
|
children: (e, t) => {
|
|
28915
|
-
var i = root$
|
|
28956
|
+
var i = root$21(), a = child(i), o = child(a, !0);
|
|
28916
28957
|
reset(a), next(2), reset(i), template_effect(() => set_text(o, n())), append(e, i);
|
|
28917
28958
|
},
|
|
28918
28959
|
$$slots: { default: !0 }
|
|
@@ -28968,7 +29009,7 @@ function StatCard(e, t) {
|
|
|
28968
29009
|
let n;
|
|
28969
29010
|
each(t, 21, u, index, (e, t, n) => {
|
|
28970
29011
|
var i = root_16$2(), a = first_child(i), o = (e) => {
|
|
28971
|
-
var t = root_5$
|
|
29012
|
+
var t = root_5$11();
|
|
28972
29013
|
template_effect(() => {
|
|
28973
29014
|
set_attribute(t, "data-pw", typeof k() == "string" ? `${k()}-row-divider-${n}` : null), set_attribute(t, "testid", typeof k() == "string" ? `${k()}-row-divider-${n}` : null);
|
|
28974
29015
|
}), append(e, t);
|
|
@@ -28977,7 +29018,7 @@ function StatCard(e, t) {
|
|
|
28977
29018
|
n > 0 && e(o);
|
|
28978
29019
|
});
|
|
28979
29020
|
var s = sibling(a, 2), c = child(s), l = (e) => {
|
|
28980
|
-
var n = root_8$
|
|
29021
|
+
var n = root_8$9(), i = child(n), a = (e) => {
|
|
28981
29022
|
{
|
|
28982
29023
|
let n = /* @__PURE__ */ user_derived(() => get(t).tooltip.position ?? "top");
|
|
28983
29024
|
Tooltip(e, {
|
|
@@ -28991,14 +29032,14 @@ function StatCard(e, t) {
|
|
|
28991
29032
|
return get(t).tooltip.testId;
|
|
28992
29033
|
},
|
|
28993
29034
|
children: (e, n) => {
|
|
28994
|
-
var i = root_6$
|
|
29035
|
+
var i = root_6$11(), a = child(i, !0);
|
|
28995
29036
|
reset(i), template_effect(() => set_text(a, get(t).heading)), append(e, i);
|
|
28996
29037
|
},
|
|
28997
29038
|
$$slots: { default: !0 }
|
|
28998
29039
|
});
|
|
28999
29040
|
}
|
|
29000
29041
|
}, o = (e) => {
|
|
29001
|
-
var n = root_7$
|
|
29042
|
+
var n = root_7$10(), i = child(n, !0);
|
|
29002
29043
|
reset(n), template_effect(() => set_text(i, get(t).heading)), append(e, n);
|
|
29003
29044
|
};
|
|
29004
29045
|
if_block(i, (e) => {
|
|
@@ -29320,7 +29361,7 @@ customElements.define("sui-delta-indicator", create_custom_element(DeltaIndicato
|
|
|
29320
29361
|
}, [], [], { mode: "open" }));
|
|
29321
29362
|
//#endregion
|
|
29322
29363
|
//#region src/lib/ProportionBar/ProportionBar.svelte
|
|
29323
|
-
var root$
|
|
29364
|
+
var root$20 = /* @__PURE__ */ from_svg("<rect><title> </title></rect>"), root_1$18 = /* @__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$13 = /* @__PURE__ */ from_html("<ul class=\"proportion-bar-legend svelte-kuxrgu\" aria-label=\"Segment breakdown\"></ul>"), root_3$12 = /* @__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$22 = {
|
|
29324
29365
|
hash: "svelte-kuxrgu",
|
|
29325
29366
|
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;}"
|
|
29326
29367
|
};
|
|
@@ -29387,7 +29428,7 @@ function ProportionBar(e, t) {
|
|
|
29387
29428
|
}
|
|
29388
29429
|
}, re = root_3$12(), G = child(re), be = child(G);
|
|
29389
29430
|
each(be, 21, () => get(R), index, (e, t, n) => {
|
|
29390
|
-
var i = root$
|
|
29431
|
+
var i = root$20();
|
|
29391
29432
|
set_attribute(i, "y", 0), set_attribute(i, "height", 10);
|
|
29392
29433
|
var a = child(i), o = child(a);
|
|
29393
29434
|
reset(a), reset(i), template_effect((e) => {
|
|
@@ -29452,7 +29493,7 @@ customElements.define("sui-proportion-bar", create_custom_element(ProportionBar_
|
|
|
29452
29493
|
}, [], [], { mode: "open" }));
|
|
29453
29494
|
//#endregion
|
|
29454
29495
|
//#region src/lib/Resizable/Resizable.svelte
|
|
29455
|
-
var root$
|
|
29496
|
+
var root$19 = /* @__PURE__ */ from_html("<div class=\"handle svelte-1su0g5i\" role=\"separator\" tabindex=\"0\"></div>"), root_1$17 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$21 = {
|
|
29456
29497
|
hash: "svelte-1su0g5i",
|
|
29457
29498
|
code: ".resizable.svelte-1su0g5i {position:relative;box-sizing:border-box;max-width:var(--resizable-max-width, none);max-height:var(--resizable-max-height, none);transition:var(--resizable-transition, none);}.resizable.resizing.svelte-1su0g5i {user-select:none;transition:none;}\n\n @media (prefers-reduced-motion: reduce) {.resizable.svelte-1su0g5i {transition:none;}\n }.handle.svelte-1su0g5i {position:absolute;touch-action:none;z-index:var(--resizable-handle-z-index, 2);background:var(--resizable-handle-color, transparent);}.handle.svelte-1su0g5i:focus-visible {outline:var(--resizable-handle-focus-outline, 2px solid #3b5bdb);outline-offset:var(--resizable-handle-focus-outline-offset, -2px);}.handle[data-edge='top'].svelte-1su0g5i,\n .handle[data-edge='bottom'].svelte-1su0g5i {left:0;right:0;height:var(--resizable-edge-size, 8px);cursor:ns-resize;}.handle[data-edge='left'].svelte-1su0g5i,\n .handle[data-edge='right'].svelte-1su0g5i {top:0;bottom:0;width:var(--resizable-edge-size, 8px);cursor:ew-resize;}.handle[data-edge='top'].svelte-1su0g5i {top:0;}.handle[data-edge='bottom'].svelte-1su0g5i {bottom:0;}.handle[data-edge='left'].svelte-1su0g5i {left:0;}.handle[data-edge='right'].svelte-1su0g5i {right:0;}.handle[data-edge='top-left'].svelte-1su0g5i,\n .handle[data-edge='top-right'].svelte-1su0g5i,\n .handle[data-edge='bottom-left'].svelte-1su0g5i,\n .handle[data-edge='bottom-right'].svelte-1su0g5i {width:var(--resizable-corner-size, 14px);height:var(--resizable-corner-size, 14px);z-index:var(--resizable-corner-z-index, 3);}.handle[data-edge='top-left'].svelte-1su0g5i {top:0;left:0;cursor:nwse-resize;}.handle[data-edge='top-right'].svelte-1su0g5i {top:0;right:0;cursor:nesw-resize;}.handle[data-edge='bottom-left'].svelte-1su0g5i {bottom:0;left:0;cursor:nesw-resize;}.handle[data-edge='bottom-right'].svelte-1su0g5i {bottom:0;right:0;cursor:nwse-resize;}"
|
|
29458
29499
|
};
|
|
@@ -29666,7 +29707,7 @@ function Resizable(e, t) {
|
|
|
29666
29707
|
return if_block(yt, (e) => {
|
|
29667
29708
|
typeof h() == "function" && e(bt);
|
|
29668
29709
|
}), each(sibling(yt, 2), 16, () => get(be), (e) => e, (e, t) => {
|
|
29669
|
-
var n = root$
|
|
29710
|
+
var n = root$19();
|
|
29670
29711
|
template_effect((e, i, a, o) => {
|
|
29671
29712
|
set_attribute(n, "data-edge", t), set_attribute(n, "aria-label", p()), set_attribute(n, "aria-orientation", e), set_attribute(n, "aria-valuenow", i), set_attribute(n, "aria-valuemin", a), set_attribute(n, "aria-valuemax", o);
|
|
29672
29713
|
}, [
|
|
@@ -29763,7 +29804,7 @@ customElements.define("sui-resizable", create_custom_element(Resizable_wc, {
|
|
|
29763
29804
|
}, [], [], { mode: "open" }));
|
|
29764
29805
|
//#endregion
|
|
29765
29806
|
//#region src/lib/Draggable/Draggable.svelte
|
|
29766
|
-
var root$
|
|
29807
|
+
var root$18 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$20 = {
|
|
29767
29808
|
hash: "svelte-16jwrvq",
|
|
29768
29809
|
code: ".draggable.svelte-16jwrvq {box-sizing:border-box;width:var(--draggable-width, fit-content);height:var(--draggable-height, fit-content);cursor:var(--draggable-cursor, grab);touch-action:none;}.draggable.dragging.svelte-16jwrvq {cursor:var(--draggable-cursor-active, grabbing);user-select:none;}.draggable.svelte-16jwrvq:focus-visible {outline:var(--draggable-focus-outline, 2px solid #3b5bdb);outline-offset:var(--draggable-focus-outline-offset, 2px);}\n\n @media (prefers-reduced-motion: reduce) {.draggable.svelte-16jwrvq {transition:none;}\n }"
|
|
29769
29810
|
};
|
|
@@ -29910,7 +29951,7 @@ function Draggable(e, t) {
|
|
|
29910
29951
|
set classes(e) {
|
|
29911
29952
|
k(e), flushSync();
|
|
29912
29953
|
}
|
|
29913
|
-
}, it = root$
|
|
29954
|
+
}, it = root$18();
|
|
29914
29955
|
let at, ot;
|
|
29915
29956
|
var ct = child(it), lt = (e) => {
|
|
29916
29957
|
var t = comment();
|
|
@@ -29987,32 +30028,79 @@ customElements.define("sui-draggable", create_custom_element(Draggable_wc, {
|
|
|
29987
30028
|
}, [], [], { mode: "open" }));
|
|
29988
30029
|
//#endregion
|
|
29989
30030
|
//#region src/lib/assets/play.svg?raw
|
|
29990
|
-
var play_default = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 5v14l11-7z\" />\n</svg>\n", pause_default = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" />\n <rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" />\n</svg>\n", volume_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=\"M4 9v6h4l5 5V4L8 9H4z\" fill=\"currentColor\" stroke=\"none\" />\n <path d=\"M16 8.5a4 4 0 0 1 0 7\" />\n <path d=\"M18.5 6a7 7 0 0 1 0 12\" />\n</svg>\n", mute_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=\"M4 9v6h4l5 5V4L8 9H4z\" fill=\"currentColor\" stroke=\"none\" />\n <line x1=\"16\" y1=\"9\" x2=\"21\" y2=\"14\" />\n <line x1=\"21\" y1=\"9\" x2=\"16\" y2=\"14\" />\n</svg>\n",
|
|
30031
|
+
var play_default = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 5v14l11-7z\" />\n</svg>\n", pause_default = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" />\n <rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" />\n</svg>\n", volume_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=\"M4 9v6h4l5 5V4L8 9H4z\" fill=\"currentColor\" stroke=\"none\" />\n <path d=\"M16 8.5a4 4 0 0 1 0 7\" />\n <path d=\"M18.5 6a7 7 0 0 1 0 12\" />\n</svg>\n", mute_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=\"M4 9v6h4l5 5V4L8 9H4z\" fill=\"currentColor\" stroke=\"none\" />\n <line x1=\"16\" y1=\"9\" x2=\"21\" y2=\"14\" />\n <line x1=\"21\" y1=\"9\" x2=\"16\" y2=\"14\" />\n</svg>\n", fullscreen_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=\"M4 9V5.5A1.5 1.5 0 0 1 5.5 4H9\" />\n <path d=\"M15 4h3.5A1.5 1.5 0 0 1 20 5.5V9\" />\n <path d=\"M20 15v3.5a1.5 1.5 0 0 1-1.5 1.5H15\" />\n <path d=\"M9 20H5.5A1.5 1.5 0 0 1 4 18.5V15\" />\n</svg>\n", exit_fullscreen_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=\"M9 4v3.5A1.5 1.5 0 0 1 7.5 9H4\" />\n <path d=\"M20 9h-3.5A1.5 1.5 0 0 1 15 7.5V4\" />\n <path d=\"M15 20v-3.5a1.5 1.5 0 0 1 1.5-1.5H20\" />\n <path d=\"M4 15h3.5A1.5 1.5 0 0 1 9 16.5V20\" />\n</svg>\n", root_1$16 = /* @__PURE__ */ from_html("<span class=\"media-image svelte-16jqa96\"><!></span>"), root_2$12 = /* @__PURE__ */ from_html("<track kind=\"captions\"/>"), root_3$11 = /* @__PURE__ */ from_html("<div class=\"seek svelte-16jqa96\"><!></div>"), root_4$10 = /* @__PURE__ */ from_html("<span class=\"time svelte-16jqa96\"> </span>"), root_5$10 = /* @__PURE__ */ from_html("<div class=\"control bottom-control svelte-16jqa96\"><!></div>"), root_6$10 = /* @__PURE__ */ from_html("<div class=\"overlay svelte-16jqa96\"><div class=\"center-controls svelte-16jqa96\"><div class=\"control center-control svelte-16jqa96\"><!></div></div> <div><!> <!> <div class=\"control bottom-control svelte-16jqa96\"><!></div> <!></div></div>"), root_7$9 = /* @__PURE__ */ from_html("<video class=\"media svelte-16jqa96\" playsinline=\"\"><!></video> <!>", 3), root_8$8 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$19 = {
|
|
29991
30032
|
hash: "svelte-16jqa96",
|
|
29992
|
-
code: ".media-player.svelte-16jqa96 {box-sizing:border-box;display:flex;position:relative;height:var(--media-player-height, 400px);width:var(--media-player-width, fit-content);border-radius:var(--media-player-border-radius, 14px);overflow:var(--media-player-overflow, hidden);background:var(--media-player-background, transparent);}.media.svelte-16jqa96 {height:var(--media-player-media-height, 100%);width:var(--media-player-media-width, fit-content);object-fit:var(--media-player-media-object-fit, contain);border-radius:var(--media-player-media-border-radius, inherit);display:block;}video.media.svelte-16jqa96 {cursor:var(--media-player-media-cursor, pointer);}.media-image.svelte-16jqa96 {display:contents;--image-height: var(--media-player-media-height, 100%);--image-width: var(--media-player-media-width, fit-content);--image-object-fit: var(--media-player-media-object-fit, contain);--image-border-radius: var(--media-player-media-border-radius, 0px);--image-padding: 0px;--image-margin: 0px;}.overlay.svelte-16jqa96 {position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;z-index:var(--media-player-overlay-z-index, 20);border-radius:inherit;background-color:var(--media-player-overlay-color, transparent);transition:var(--media-player-overlay-transition, background-color 0.2s ease);--center-controls-visibility: var(--media-player-center-controls-visibility, hidden);--bottom-controls-visibility: var(--media-player-bottom-controls-visibility, hidden);}\n\n /* :focus-within alongside :hover so the overlay controls (play/pause, mute) are\n reachable for keyboard users too -- :hover alone left them visibility:hidden (and\n so out of the tab order) for anyone not using a mouse. */.overlay.svelte-16jqa96:hover,\n .overlay.svelte-16jqa96:focus-within {background-color:var(--media-player-overlay-hover-color, #0000004d);--center-controls-visibility: visible;--bottom-controls-visibility: visible;}.center-controls.svelte-16jqa96 {display:flex;flex:1;justify-content:center;align-items:center;visibility:var(--center-controls-visibility);}.bottom-controls.svelte-16jqa96 {display:flex;width:100%;height:fit-content;justify-content:var(--media-player-bottom-controls-justify, flex-end);box-sizing:border-box;padding:var(--media-player-bottom-controls-padding, 12px);visibility:var(--bottom-controls-visibility);}.control.svelte-16jqa96 {--button-padding: var(--media-player-control-padding, 0px);--button-border: var(--media-player-control-border, none);--button-border-radius: var(--media-player-control-border-radius, 50%);--button-color: var(--media-player-control-background-color, transparent);--button-text-color: var(--media-player-control-color, #ffffff);--button-content-gap: 0px;--button-hover-color: var(\n --media-player-control-hover-background-color,\n var(--media-player-control-background-color, transparent)\n );--button-hover-text-color: var(\n --media-player-control-hover-color,\n var(--media-player-control-color, #ffffff)\n );}.center-control.svelte-16jqa96 {--button-width: var(--media-player-center-control-size, 64px);--button-height: var(--media-player-center-control-size, 64px);}.bottom-control.svelte-16jqa96 {--button-width: var(--media-player-bottom-control-size, 24px);--button-height: var(--media-player-bottom-control-size, 24px);}.control.svelte-16jqa96 svg,\n .control.svelte-16jqa96 img {height:var(--media-player-control-icon-size, 100%);width:var(--media-player-control-icon-size, 100%);object-fit:contain;}"
|
|
30033
|
+
code: ".media-player.svelte-16jqa96 {box-sizing:border-box;display:flex;position:relative;height:var(--media-player-height, 400px);width:var(--media-player-width, fit-content);border-radius:var(--media-player-border-radius, 14px);overflow:var(--media-player-overflow, hidden);background:var(--media-player-background, transparent);}.media.svelte-16jqa96 {height:var(--media-player-media-height, 100%);width:var(--media-player-media-width, fit-content);object-fit:var(--media-player-media-object-fit, contain);border-radius:var(--media-player-media-border-radius, inherit);display:block;}video.media.svelte-16jqa96 {cursor:var(--media-player-media-cursor, pointer);}.media-image.svelte-16jqa96 {display:contents;--image-height: var(--media-player-media-height, 100%);--image-width: var(--media-player-media-width, fit-content);--image-object-fit: var(--media-player-media-object-fit, contain);--image-border-radius: var(--media-player-media-border-radius, 0px);--image-padding: 0px;--image-margin: 0px;}.overlay.svelte-16jqa96 {position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;z-index:var(--media-player-overlay-z-index, 20);border-radius:inherit;background-color:var(--media-player-overlay-color, transparent);transition:var(--media-player-overlay-transition, background-color 0.2s ease);--center-controls-visibility: var(--media-player-center-controls-visibility, hidden);--bottom-controls-visibility: var(--media-player-bottom-controls-visibility, hidden);}\n\n /* :focus-within alongside :hover so the overlay controls (play/pause, mute) are\n reachable for keyboard users too -- :hover alone left them visibility:hidden (and\n so out of the tab order) for anyone not using a mouse. */.overlay.svelte-16jqa96:hover,\n .overlay.svelte-16jqa96:focus-within {background-color:var(--media-player-overlay-hover-color, #0000004d);--center-controls-visibility: visible;--bottom-controls-visibility: visible;}.center-controls.svelte-16jqa96 {display:flex;flex:1;justify-content:center;align-items:center;visibility:var(--center-controls-visibility);}.bottom-controls.svelte-16jqa96 {display:flex;width:100%;height:fit-content;justify-content:var(--media-player-bottom-controls-justify, flex-end);box-sizing:border-box;padding:var(--media-player-bottom-controls-padding, 12px);visibility:var(--bottom-controls-visibility);}\n\n /* With a seek bar, time or fullscreen present the row becomes a transport bar: the\n seek bar takes the free space and the rest sit beside it, centred on each other. */.bottom-controls.transport.svelte-16jqa96 {justify-content:var(--media-player-transport-justify, flex-start);align-items:center;gap:var(--media-player-transport-gap, 12px);}.seek.svelte-16jqa96 {flex:1;min-width:0;--slider-track-color: var(--media-player-seek-track-color, #ffffff59);--slider-fill-color: var(--media-player-seek-fill-color, #ffffff);--slider-thumb-color: var(--media-player-seek-thumb-color, #ffffff);}.time.svelte-16jqa96 {flex-shrink:0;font-family:var(--media-player-time-font-family, inherit);font-size:var(--media-player-time-font-size, 12px);font-variant-numeric:tabular-nums;color:var(--media-player-time-color, #ffffff);white-space:nowrap;}\n\n /* In fullscreen the container is the fullscreen element, so it must fill the screen\n rather than keep the fixed height a page layout gave it. */.media-player.fullscreen.svelte-16jqa96 {height:100%;width:100%;background:var(--media-player-fullscreen-background, #000000);}.media-player.fullscreen.svelte-16jqa96 .media:where(.svelte-16jqa96) {height:100%;width:100%;}.control.svelte-16jqa96 {--button-padding: var(--media-player-control-padding, 0px);--button-border: var(--media-player-control-border, none);--button-border-radius: var(--media-player-control-border-radius, 50%);--button-color: var(--media-player-control-background-color, transparent);--button-text-color: var(--media-player-control-color, #ffffff);--button-content-gap: 0px;--button-hover-color: var(\n --media-player-control-hover-background-color,\n var(--media-player-control-background-color, transparent)\n );--button-hover-text-color: var(\n --media-player-control-hover-color,\n var(--media-player-control-color, #ffffff)\n );}.center-control.svelte-16jqa96 {--button-width: var(--media-player-center-control-size, 64px);--button-height: var(--media-player-center-control-size, 64px);}.bottom-control.svelte-16jqa96 {--button-width: var(--media-player-bottom-control-size, 24px);--button-height: var(--media-player-bottom-control-size, 24px);}.control.svelte-16jqa96 svg,\n .control.svelte-16jqa96 img {height:var(--media-player-control-icon-size, 100%);width:var(--media-player-control-icon-size, 100%);object-fit:contain;}"
|
|
29993
30034
|
};
|
|
29994
30035
|
function MediaPlayer(e, t) {
|
|
29995
30036
|
push(t, !0), append_styles$1(e, $$css$19);
|
|
29996
|
-
let n = prop(t, "src", 7), i = prop(t, "type", 7), a = prop(t, "alt", 7, ""), o = prop(t, "autoplay", 7, !0), s = prop(t, "loop", 7, !1), c = prop(t, "controls", 7, !1), l = prop(t, "fallback", 7), u = prop(t, "playing", 15, !0), f = prop(t, "muted", 15, !0), p = prop(t, "playIcon", 7), h = prop(t, "pauseIcon", 7), S = prop(t, "muteIcon", 7), C = prop(t, "unmuteIcon", 7), k = prop(t, "captionsSrc", 7), R = prop(t, "captionsLabel", 7), te = prop(t, "captionsSrcLang", 7), ne = prop(t, "
|
|
29997
|
-
function
|
|
29998
|
-
|
|
30037
|
+
let n = prop(t, "src", 7), i = prop(t, "type", 7), a = prop(t, "alt", 7, ""), o = prop(t, "autoplay", 7, !0), s = prop(t, "loop", 7, !1), c = prop(t, "controls", 7, !1), l = prop(t, "fallback", 7), u = prop(t, "playing", 15, !0), f = prop(t, "muted", 15, !0), p = prop(t, "playIcon", 7), h = prop(t, "pauseIcon", 7), S = prop(t, "muteIcon", 7), C = prop(t, "unmuteIcon", 7), k = prop(t, "captionsSrc", 7), R = prop(t, "captionsLabel", 7), te = prop(t, "captionsSrcLang", 7), ne = prop(t, "seekBar", 7, !1), re = prop(t, "timeDisplay", 7, !1), G = prop(t, "fullscreenButton", 7, !1), be = prop(t, "fullscreenIcon", 7), Me = prop(t, "exitFullscreenIcon", 7), Re = prop(t, "currentTime", 15, 0), Ue = prop(t, "duration", 15, 0), it = prop(t, "onplay", 7), at = prop(t, "onpause", 7), ot = prop(t, "onvolumechange", 7), ct = prop(t, "onseek", 7), lt = prop(t, "ontimeupdate", 7), ut = prop(t, "onfullscreenchange", 7), dt = prop(t, "testId", 7), ft = prop(t, "classes", 7), pt = 1, mt = .01, ht = 0, gt = null, _t = /* @__PURE__ */ state(null), vt = /* @__PURE__ */ state(null), yt = /* @__PURE__ */ state(!1), bt = /* @__PURE__ */ user_derived(() => ne() || re() || G());
|
|
30038
|
+
function xt(e) {
|
|
30039
|
+
if (!Number.isFinite(e) || e < 0) return "--:--";
|
|
30040
|
+
let t = Math.floor(e), n = Math.floor(t / 3600), i = Math.floor(t % 3600 / 60), a = (t % 60).toString().padStart(2, "0");
|
|
30041
|
+
return n > 0 ? `${n}:${i.toString().padStart(2, "0")}:${a}` : `${i}:${a}`;
|
|
30042
|
+
}
|
|
30043
|
+
function St() {
|
|
30044
|
+
get(_t) !== null && (get(_t).paused ? get(_t).play() : get(_t).pause());
|
|
29999
30045
|
}
|
|
30000
30046
|
user_effect(() => {
|
|
30001
|
-
get(
|
|
30047
|
+
get(_t) !== null && (u() && get(_t).paused ? get(_t).play() : !u() && !get(_t).paused && get(_t).pause());
|
|
30002
30048
|
});
|
|
30003
|
-
function
|
|
30004
|
-
f(!f()),
|
|
30049
|
+
function Ct() {
|
|
30050
|
+
f(!f()), ot()?.(f());
|
|
30005
30051
|
}
|
|
30006
|
-
function
|
|
30007
|
-
u(!0),
|
|
30052
|
+
function wt(e) {
|
|
30053
|
+
u(!0), it()?.(e);
|
|
30008
30054
|
}
|
|
30009
|
-
function
|
|
30010
|
-
u(!1),
|
|
30055
|
+
function Tt(e) {
|
|
30056
|
+
u(!1), at()?.(e);
|
|
30011
30057
|
}
|
|
30012
|
-
function
|
|
30013
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(),
|
|
30058
|
+
function Et(e) {
|
|
30059
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), St());
|
|
30060
|
+
}
|
|
30061
|
+
function Dt() {
|
|
30062
|
+
get(_t) !== null && (Re(get(_t).currentTime), ht = Re(), lt()?.(Re(), Ue()));
|
|
30063
|
+
}
|
|
30064
|
+
function Ot() {
|
|
30065
|
+
get(_t) !== null && Ue(Number.isFinite(get(_t).duration) ? get(_t).duration : 0);
|
|
30066
|
+
}
|
|
30067
|
+
user_effect(() => {
|
|
30068
|
+
if (!(get(_t) === null || get(_t).readyState < 1) && (Ue() === 0 && Number.isFinite(get(_t).duration) && Ue(get(_t).duration), gt !== null)) {
|
|
30069
|
+
let e = Ue() > 0 ? Ue() : get(_t).duration, t = Number.isFinite(e) ? Math.min(Math.max(gt, 0), e) : Math.max(gt, 0);
|
|
30070
|
+
gt = null, ht = t, Re(t), get(_t).currentTime = t;
|
|
30071
|
+
}
|
|
30072
|
+
}), user_effect(() => {
|
|
30073
|
+
let e = Re();
|
|
30074
|
+
if (get(_t) === null || Math.abs(e - ht) < .01) return;
|
|
30075
|
+
if (get(_t).readyState < 1) {
|
|
30076
|
+
gt = e;
|
|
30077
|
+
return;
|
|
30078
|
+
}
|
|
30079
|
+
let t = Ue() > 0 ? Math.min(Math.max(e, 0), Ue()) : Math.max(e, 0);
|
|
30080
|
+
ht = t, get(_t).currentTime = t;
|
|
30081
|
+
});
|
|
30082
|
+
function kt(e) {
|
|
30083
|
+
if (get(_t) === null || Ue() <= 0) return;
|
|
30084
|
+
let t = Math.min(Math.max(e, 0), Ue());
|
|
30085
|
+
get(_t).currentTime = t, Re(t), ht = t, ct()?.(t);
|
|
30086
|
+
}
|
|
30087
|
+
function At() {
|
|
30088
|
+
let e = get(vt)?.getRootNode();
|
|
30089
|
+
return e instanceof ShadowRoot ? e.fullscreenElement : document.fullscreenElement;
|
|
30090
|
+
}
|
|
30091
|
+
async function jt() {
|
|
30092
|
+
if (get(vt) !== null) try {
|
|
30093
|
+
At() === null ? await get(vt).requestFullscreen() : await document.exitFullscreen();
|
|
30094
|
+
} catch {}
|
|
30014
30095
|
}
|
|
30015
|
-
|
|
30096
|
+
user_effect(() => {
|
|
30097
|
+
function e() {
|
|
30098
|
+
let e = get(vt) !== null && At() === get(vt);
|
|
30099
|
+
e !== get(yt) && (set(yt, e, !0), ut()?.(e));
|
|
30100
|
+
}
|
|
30101
|
+
return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
|
|
30102
|
+
});
|
|
30103
|
+
var Mt = {
|
|
30016
30104
|
get src() {
|
|
30017
30105
|
return n();
|
|
30018
30106
|
},
|
|
@@ -30109,38 +30197,100 @@ function MediaPlayer(e, t) {
|
|
|
30109
30197
|
set captionsSrcLang(e) {
|
|
30110
30198
|
te(e), flushSync();
|
|
30111
30199
|
},
|
|
30112
|
-
get
|
|
30200
|
+
get seekBar() {
|
|
30113
30201
|
return ne();
|
|
30114
30202
|
},
|
|
30115
|
-
set
|
|
30203
|
+
set seekBar(e = !1) {
|
|
30116
30204
|
ne(e), flushSync();
|
|
30117
30205
|
},
|
|
30118
|
-
get
|
|
30206
|
+
get timeDisplay() {
|
|
30119
30207
|
return re();
|
|
30120
30208
|
},
|
|
30121
|
-
set
|
|
30209
|
+
set timeDisplay(e = !1) {
|
|
30122
30210
|
re(e), flushSync();
|
|
30123
30211
|
},
|
|
30124
|
-
get
|
|
30212
|
+
get fullscreenButton() {
|
|
30125
30213
|
return G();
|
|
30126
30214
|
},
|
|
30127
|
-
set
|
|
30215
|
+
set fullscreenButton(e = !1) {
|
|
30128
30216
|
G(e), flushSync();
|
|
30129
30217
|
},
|
|
30130
|
-
get
|
|
30218
|
+
get fullscreenIcon() {
|
|
30131
30219
|
return be();
|
|
30132
30220
|
},
|
|
30133
|
-
set
|
|
30221
|
+
set fullscreenIcon(e) {
|
|
30134
30222
|
be(e), flushSync();
|
|
30135
30223
|
},
|
|
30136
|
-
get
|
|
30224
|
+
get exitFullscreenIcon() {
|
|
30137
30225
|
return Me();
|
|
30138
30226
|
},
|
|
30139
|
-
set
|
|
30227
|
+
set exitFullscreenIcon(e) {
|
|
30140
30228
|
Me(e), flushSync();
|
|
30229
|
+
},
|
|
30230
|
+
get currentTime() {
|
|
30231
|
+
return Re();
|
|
30232
|
+
},
|
|
30233
|
+
set currentTime(e = 0) {
|
|
30234
|
+
Re(e), flushSync();
|
|
30235
|
+
},
|
|
30236
|
+
get duration() {
|
|
30237
|
+
return Ue();
|
|
30238
|
+
},
|
|
30239
|
+
set duration(e = 0) {
|
|
30240
|
+
Ue(e), flushSync();
|
|
30241
|
+
},
|
|
30242
|
+
get onplay() {
|
|
30243
|
+
return it();
|
|
30244
|
+
},
|
|
30245
|
+
set onplay(e) {
|
|
30246
|
+
it(e), flushSync();
|
|
30247
|
+
},
|
|
30248
|
+
get onpause() {
|
|
30249
|
+
return at();
|
|
30250
|
+
},
|
|
30251
|
+
set onpause(e) {
|
|
30252
|
+
at(e), flushSync();
|
|
30253
|
+
},
|
|
30254
|
+
get onvolumechange() {
|
|
30255
|
+
return ot();
|
|
30256
|
+
},
|
|
30257
|
+
set onvolumechange(e) {
|
|
30258
|
+
ot(e), flushSync();
|
|
30259
|
+
},
|
|
30260
|
+
get onseek() {
|
|
30261
|
+
return ct();
|
|
30262
|
+
},
|
|
30263
|
+
set onseek(e) {
|
|
30264
|
+
ct(e), flushSync();
|
|
30265
|
+
},
|
|
30266
|
+
get ontimeupdate() {
|
|
30267
|
+
return lt();
|
|
30268
|
+
},
|
|
30269
|
+
set ontimeupdate(e) {
|
|
30270
|
+
lt(e), flushSync();
|
|
30271
|
+
},
|
|
30272
|
+
get onfullscreenchange() {
|
|
30273
|
+
return ut();
|
|
30274
|
+
},
|
|
30275
|
+
set onfullscreenchange(e) {
|
|
30276
|
+
ut(e), flushSync();
|
|
30277
|
+
},
|
|
30278
|
+
get testId() {
|
|
30279
|
+
return dt();
|
|
30280
|
+
},
|
|
30281
|
+
set testId(e) {
|
|
30282
|
+
dt(e), flushSync();
|
|
30283
|
+
},
|
|
30284
|
+
get classes() {
|
|
30285
|
+
return ft();
|
|
30286
|
+
},
|
|
30287
|
+
set classes(e) {
|
|
30288
|
+
ft(e), flushSync();
|
|
30141
30289
|
}
|
|
30142
|
-
},
|
|
30143
|
-
|
|
30290
|
+
}, Nt = root_8$8();
|
|
30291
|
+
let Pt;
|
|
30292
|
+
var It = child(Nt), Lt = (e) => {
|
|
30293
|
+
var t = root_1$16();
|
|
30144
30294
|
Img(child(t), {
|
|
30145
30295
|
get src() {
|
|
30146
30296
|
return n();
|
|
@@ -30152,22 +30302,22 @@ function MediaPlayer(e, t) {
|
|
|
30152
30302
|
return l();
|
|
30153
30303
|
}
|
|
30154
30304
|
}), reset(t), append(e, t);
|
|
30155
|
-
},
|
|
30156
|
-
var t =
|
|
30157
|
-
var t =
|
|
30305
|
+
}, Rt = (e) => {
|
|
30306
|
+
var t = root_7$9(), i = first_child(t), a = child(i), l = (e) => {
|
|
30307
|
+
var t = root_2$12();
|
|
30158
30308
|
template_effect(() => {
|
|
30159
30309
|
set_attribute(t, "src", k()), set_attribute(t, "label", typeof R() == "string" ? R() : null), set_attribute(t, "srclang", typeof te() == "string" ? te() : null);
|
|
30160
30310
|
}), append(e, t);
|
|
30161
30311
|
};
|
|
30162
30312
|
if_block(a, (e) => {
|
|
30163
30313
|
typeof k() == "string" && k().length > 0 && e(l);
|
|
30164
|
-
}), reset(i), bind_this(i, (e) => set(
|
|
30165
|
-
var
|
|
30166
|
-
var t =
|
|
30314
|
+
}), reset(i), bind_this(i, (e) => set(_t, e), () => get(_t));
|
|
30315
|
+
var it = sibling(i, 2), at = (e) => {
|
|
30316
|
+
var t = root_6$10(), n = child(t), i = child(n), a = child(i);
|
|
30167
30317
|
{
|
|
30168
30318
|
let e = /* @__PURE__ */ user_derived(() => u() ? "Pause video" : "Play video");
|
|
30169
30319
|
Button(a, {
|
|
30170
|
-
onclick:
|
|
30320
|
+
onclick: St,
|
|
30171
30321
|
get ariaLabel() {
|
|
30172
30322
|
return get(e);
|
|
30173
30323
|
},
|
|
@@ -30198,11 +30348,48 @@ function MediaPlayer(e, t) {
|
|
|
30198
30348
|
});
|
|
30199
30349
|
}
|
|
30200
30350
|
reset(i), reset(n);
|
|
30201
|
-
var o = sibling(n, 2)
|
|
30351
|
+
var o = sibling(n, 2);
|
|
30352
|
+
let s;
|
|
30353
|
+
var c = child(o), l = (e) => {
|
|
30354
|
+
var t = root_3$11(), n = child(t);
|
|
30355
|
+
{
|
|
30356
|
+
let e = /* @__PURE__ */ user_derived(() => Ue() > 0 ? Ue() : 1), t = /* @__PURE__ */ user_derived(() => Ue() <= 0);
|
|
30357
|
+
Slider(n, {
|
|
30358
|
+
get value() {
|
|
30359
|
+
return Re();
|
|
30360
|
+
},
|
|
30361
|
+
min: 0,
|
|
30362
|
+
get max() {
|
|
30363
|
+
return get(e);
|
|
30364
|
+
},
|
|
30365
|
+
step: .1,
|
|
30366
|
+
get disabled() {
|
|
30367
|
+
return get(t);
|
|
30368
|
+
},
|
|
30369
|
+
oninput: kt,
|
|
30370
|
+
onchange: kt,
|
|
30371
|
+
ariaLabel: "Seek"
|
|
30372
|
+
});
|
|
30373
|
+
}
|
|
30374
|
+
reset(t), template_effect(() => set_attribute(t, "data-pw", typeof dt() == "string" ? `${dt()}-seek` : null)), append(e, t);
|
|
30375
|
+
};
|
|
30376
|
+
if_block(c, (e) => {
|
|
30377
|
+
ne() && e(l);
|
|
30378
|
+
});
|
|
30379
|
+
var k = sibling(c, 2), R = (e) => {
|
|
30380
|
+
var t = root_4$10(), n = child(t);
|
|
30381
|
+
reset(t), template_effect((e, i) => {
|
|
30382
|
+
set_attribute(t, "data-pw", typeof dt() == "string" ? `${dt()}-time` : null), set_text(n, `${e ?? ""} / ${i ?? ""}`);
|
|
30383
|
+
}, [() => xt(Re()), () => xt(Ue())]), append(e, t);
|
|
30384
|
+
};
|
|
30385
|
+
if_block(k, (e) => {
|
|
30386
|
+
re() && e(R);
|
|
30387
|
+
});
|
|
30388
|
+
var te = sibling(k, 2), it = child(te);
|
|
30202
30389
|
{
|
|
30203
30390
|
let e = /* @__PURE__ */ user_derived(() => f() ? "Unmute" : "Mute");
|
|
30204
|
-
Button(
|
|
30205
|
-
onclick:
|
|
30391
|
+
Button(it, {
|
|
30392
|
+
onclick: Ct,
|
|
30206
30393
|
get ariaLabel() {
|
|
30207
30394
|
return get(e);
|
|
30208
30395
|
},
|
|
@@ -30232,23 +30419,63 @@ function MediaPlayer(e, t) {
|
|
|
30232
30419
|
$$slots: { default: !0 }
|
|
30233
30420
|
});
|
|
30234
30421
|
}
|
|
30235
|
-
reset(
|
|
30422
|
+
reset(te);
|
|
30423
|
+
var at = sibling(te, 2), ot = (e) => {
|
|
30424
|
+
var t = root_5$10(), n = child(t);
|
|
30425
|
+
{
|
|
30426
|
+
let e = /* @__PURE__ */ user_derived(() => get(yt) ? "Exit fullscreen" : "Enter fullscreen");
|
|
30427
|
+
Button(n, {
|
|
30428
|
+
onclick: jt,
|
|
30429
|
+
get ariaLabel() {
|
|
30430
|
+
return get(e);
|
|
30431
|
+
},
|
|
30432
|
+
children: (e, t) => {
|
|
30433
|
+
var n = comment(), i = first_child(n), a = (e) => {
|
|
30434
|
+
var t = comment(), n = first_child(t), i = (e) => {
|
|
30435
|
+
var t = comment();
|
|
30436
|
+
snippet(first_child(t), Me), append(e, t);
|
|
30437
|
+
}, a = (e) => {
|
|
30438
|
+
var t = comment();
|
|
30439
|
+
html(first_child(t), () => exit_fullscreen_default), append(e, t);
|
|
30440
|
+
};
|
|
30441
|
+
if_block(n, (e) => {
|
|
30442
|
+
typeof Me() == "function" ? e(i) : e(a, -1);
|
|
30443
|
+
}), append(e, t);
|
|
30444
|
+
}, o = (e) => {
|
|
30445
|
+
var t = comment();
|
|
30446
|
+
snippet(first_child(t), be), append(e, t);
|
|
30447
|
+
}, s = (e) => {
|
|
30448
|
+
var t = comment();
|
|
30449
|
+
html(first_child(t), () => fullscreen_default), append(e, t);
|
|
30450
|
+
};
|
|
30451
|
+
if_block(i, (e) => {
|
|
30452
|
+
get(yt) ? e(a) : typeof be() == "function" ? e(o, 1) : e(s, -1);
|
|
30453
|
+
}), append(e, n);
|
|
30454
|
+
},
|
|
30455
|
+
$$slots: { default: !0 }
|
|
30456
|
+
});
|
|
30457
|
+
}
|
|
30458
|
+
reset(t), template_effect(() => set_attribute(t, "data-pw", typeof dt() == "string" ? `${dt()}-fullscreen` : null)), append(e, t);
|
|
30459
|
+
};
|
|
30460
|
+
if_block(at, (e) => {
|
|
30461
|
+
G() && e(ot);
|
|
30462
|
+
}), reset(o), reset(t), template_effect(() => s = set_class(o, 1, "bottom-controls svelte-16jqa96", null, s, { transport: get(bt) })), append(e, t);
|
|
30236
30463
|
};
|
|
30237
|
-
if_block(
|
|
30238
|
-
c() || e(
|
|
30464
|
+
if_block(it, (e) => {
|
|
30465
|
+
c() || e(at);
|
|
30239
30466
|
}), template_effect(() => {
|
|
30240
|
-
set_attribute(i, "src", n()), i.controls = c(), i.autoplay = o(), i.loop = s(), set_attribute(i, "role", c() ? null : "button"), set_attribute(i, "tabindex", c() ? null : 0), set_attribute(i, "aria-label", c() ? null : u() ? "Pause video" : "Play video");
|
|
30241
|
-
}), event("play", i,
|
|
30242
|
-
(c() ? null :
|
|
30467
|
+
set_attribute(i, "src", n()), i.controls = c(), i.autoplay = o(), i.loop = s(), set_attribute(i, "preload", get(bt) ? "metadata" : null), set_attribute(i, "role", c() ? null : "button"), set_attribute(i, "tabindex", c() ? null : 0), set_attribute(i, "aria-label", c() ? null : u() ? "Pause video" : "Play video");
|
|
30468
|
+
}), event("play", i, wt), event("pause", i, Tt), event("timeupdate", i, Dt), event("loadedmetadata", i, Ot), delegated("click", i, function(...e) {
|
|
30469
|
+
(c() ? null : St)?.apply(this, e);
|
|
30243
30470
|
}), delegated("keydown", i, function(...e) {
|
|
30244
|
-
(c() ? null :
|
|
30471
|
+
(c() ? null : Et)?.apply(this, e);
|
|
30245
30472
|
}), bind_muted(i, f), append(e, t);
|
|
30246
30473
|
};
|
|
30247
|
-
return if_block(
|
|
30248
|
-
i() === "image" ? e(
|
|
30249
|
-
}), reset(
|
|
30250
|
-
set_class(
|
|
30251
|
-
}), append(e,
|
|
30474
|
+
return if_block(It, (e) => {
|
|
30475
|
+
i() === "image" ? e(Lt) : e(Rt, -1);
|
|
30476
|
+
}), reset(Nt), bind_this(Nt, (e) => set(vt, e), () => get(vt)), template_effect(() => {
|
|
30477
|
+
Pt = set_class(Nt, 1, `media-player ${ft() ?? "" ?? ""}`, "svelte-16jqa96", Pt, { fullscreen: get(yt) }), set_attribute(Nt, "data-pw", typeof dt() == "string" ? dt() : null);
|
|
30478
|
+
}), append(e, Nt), pop(Mt);
|
|
30252
30479
|
}
|
|
30253
30480
|
delegate(["click", "keydown"]), create_custom_element(MediaPlayer, {
|
|
30254
30481
|
src: {},
|
|
@@ -30267,9 +30494,19 @@ delegate(["click", "keydown"]), create_custom_element(MediaPlayer, {
|
|
|
30267
30494
|
captionsSrc: {},
|
|
30268
30495
|
captionsLabel: {},
|
|
30269
30496
|
captionsSrcLang: {},
|
|
30497
|
+
seekBar: {},
|
|
30498
|
+
timeDisplay: {},
|
|
30499
|
+
fullscreenButton: {},
|
|
30500
|
+
fullscreenIcon: {},
|
|
30501
|
+
exitFullscreenIcon: {},
|
|
30502
|
+
currentTime: {},
|
|
30503
|
+
duration: {},
|
|
30270
30504
|
onplay: {},
|
|
30271
30505
|
onpause: {},
|
|
30272
30506
|
onvolumechange: {},
|
|
30507
|
+
onseek: {},
|
|
30508
|
+
ontimeupdate: {},
|
|
30509
|
+
onfullscreenchange: {},
|
|
30273
30510
|
testId: {},
|
|
30274
30511
|
classes: {}
|
|
30275
30512
|
}, [], [], { mode: "open" });
|
|
@@ -30322,9 +30559,31 @@ customElements.define("sui-media-player", create_custom_element(MediaPlayer_wc,
|
|
|
30322
30559
|
type: "String"
|
|
30323
30560
|
},
|
|
30324
30561
|
classes: { type: "String" },
|
|
30562
|
+
seekBar: {
|
|
30563
|
+
attribute: "seek-bar",
|
|
30564
|
+
type: "Boolean"
|
|
30565
|
+
},
|
|
30566
|
+
timeDisplay: {
|
|
30567
|
+
attribute: "time-display",
|
|
30568
|
+
type: "Boolean"
|
|
30569
|
+
},
|
|
30570
|
+
fullscreenButton: {
|
|
30571
|
+
attribute: "fullscreen-button",
|
|
30572
|
+
type: "Boolean"
|
|
30573
|
+
},
|
|
30574
|
+
fullscreenIcon: { type: "Object" },
|
|
30575
|
+
exitFullscreenIcon: { type: "Object" },
|
|
30576
|
+
currentTime: {
|
|
30577
|
+
attribute: "current-time",
|
|
30578
|
+
type: "Number"
|
|
30579
|
+
},
|
|
30580
|
+
duration: { type: "Number" },
|
|
30325
30581
|
onplay: { type: "Object" },
|
|
30326
30582
|
onpause: { type: "Object" },
|
|
30327
|
-
onvolumechange: { type: "Object" }
|
|
30583
|
+
onvolumechange: { type: "Object" },
|
|
30584
|
+
onseek: { type: "Object" },
|
|
30585
|
+
ontimeupdate: { type: "Object" },
|
|
30586
|
+
onfullscreenchange: { type: "Object" }
|
|
30328
30587
|
}, [], [], { mode: "open" }));
|
|
30329
30588
|
//#endregion
|
|
30330
30589
|
//#region src/lib/assets/add.svg?raw
|