@juspay/svelte-ui-components 4.1.2 → 4.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/MediaPlayer/MediaPlayer.svelte +287 -2
- package/dist/MediaPlayer/MediaPlayer.svelte.d.ts +1 -1
- package/dist/MediaPlayer/properties.d.ts +46 -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 +537 -297
- 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,7 +6758,7 @@ 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", root$
|
|
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", 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
6762
|
hash: "svelte-13eug5u",
|
|
6763
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);cursor:var(--pill-cursor, pointer);max-width:var(--pill-max-width);line-height:var(--pill-line-height, 1);flex-shrink:var(--pill-flex-shrink);}.pill.svelte-13eug5u:hover:not(.disabled) {background-color:var(--pill-hover-background, var(--pill-background, #d0d0d0));color:var(--pill-hover-color, var(--pill-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
6764
|
};
|
|
@@ -6844,7 +6844,7 @@ function Pill(e, t) {
|
|
|
6844
6844
|
}, ne = root_2$48();
|
|
6845
6845
|
let re;
|
|
6846
6846
|
var G = child(ne), be = (e) => {
|
|
6847
|
-
var t = root$
|
|
6847
|
+
var t = root$76();
|
|
6848
6848
|
snippet(child(t), u), reset(t), append(e, t);
|
|
6849
6849
|
};
|
|
6850
6850
|
if_block(G, (e) => {
|
|
@@ -6908,7 +6908,7 @@ delegate(["click", "keydown"]), create_custom_element(Pill, {
|
|
|
6908
6908
|
}, [], [], { mode: "open" });
|
|
6909
6909
|
//#endregion
|
|
6910
6910
|
//#region src/lib/ChipInput/ChipInput.svelte
|
|
6911
|
-
var root$
|
|
6911
|
+
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
6912
|
hash: "svelte-umx72m",
|
|
6913
6913
|
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
6914
|
};
|
|
@@ -7025,7 +7025,7 @@ function ChipInput(e, t) {
|
|
|
7025
7025
|
}, at = root_1$63(), ot = child(at);
|
|
7026
7026
|
each(ot, 18, n, (e) => e, (e, t, n) => {
|
|
7027
7027
|
var i = comment(), a = first_child(i), l = (e) => {
|
|
7028
|
-
var i = root$
|
|
7028
|
+
var i = root$75();
|
|
7029
7029
|
bind_this(Input(child(i), spread_props({
|
|
7030
7030
|
get value() {
|
|
7031
7031
|
return get(k);
|
|
@@ -7175,20 +7175,20 @@ customElements.define("sui-chip-input", create_custom_element(ChipInput_wc, {
|
|
|
7175
7175
|
}, [], [], { mode: "open" }));
|
|
7176
7176
|
//#endregion
|
|
7177
7177
|
//#region src/lib/Slider/Slider.svelte
|
|
7178
|
-
var root$
|
|
7178
|
+
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
7179
|
hash: "svelte-17e64va",
|
|
7180
7180
|
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
7181
|
};
|
|
7182
7182
|
function Slider(e, t) {
|
|
7183
7183
|
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
|
-
}
|
|
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, "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
7185
|
function R(e) {
|
|
7189
|
-
e.target instanceof HTMLInputElement && (n(Number(e.target.value)),
|
|
7186
|
+
e.target instanceof HTMLInputElement && (n(Number(e.target.value)), h()?.(n()));
|
|
7190
7187
|
}
|
|
7191
|
-
|
|
7188
|
+
function te(e) {
|
|
7189
|
+
e.target instanceof HTMLInputElement && (n(Number(e.target.value)), p()?.(n()));
|
|
7190
|
+
}
|
|
7191
|
+
var ne = {
|
|
7192
7192
|
get value() {
|
|
7193
7193
|
return n();
|
|
7194
7194
|
},
|
|
@@ -7231,43 +7231,49 @@ function Slider(e, t) {
|
|
|
7231
7231
|
set labelFormatter(e) {
|
|
7232
7232
|
l(e), flushSync();
|
|
7233
7233
|
},
|
|
7234
|
-
get
|
|
7234
|
+
get ariaLabel() {
|
|
7235
7235
|
return u();
|
|
7236
7236
|
},
|
|
7237
|
-
set
|
|
7237
|
+
set ariaLabel(e) {
|
|
7238
7238
|
u(e), flushSync();
|
|
7239
7239
|
},
|
|
7240
|
-
get
|
|
7240
|
+
get testId() {
|
|
7241
7241
|
return f();
|
|
7242
7242
|
},
|
|
7243
|
-
set
|
|
7243
|
+
set testId(e) {
|
|
7244
7244
|
f(e), flushSync();
|
|
7245
7245
|
},
|
|
7246
|
-
get
|
|
7246
|
+
get onchange() {
|
|
7247
7247
|
return p();
|
|
7248
7248
|
},
|
|
7249
|
-
set
|
|
7249
|
+
set onchange(e) {
|
|
7250
7250
|
p(e), flushSync();
|
|
7251
7251
|
},
|
|
7252
|
-
get
|
|
7252
|
+
get oninput() {
|
|
7253
7253
|
return h();
|
|
7254
7254
|
},
|
|
7255
|
-
set
|
|
7255
|
+
set oninput(e) {
|
|
7256
7256
|
h(e), flushSync();
|
|
7257
|
+
},
|
|
7258
|
+
get classes() {
|
|
7259
|
+
return S();
|
|
7260
|
+
},
|
|
7261
|
+
set classes(e) {
|
|
7262
|
+
S(e), flushSync();
|
|
7257
7263
|
}
|
|
7258
|
-
},
|
|
7259
|
-
let
|
|
7260
|
-
var
|
|
7261
|
-
remove_input_defaults(
|
|
7262
|
-
var
|
|
7263
|
-
var t = root$
|
|
7264
|
-
reset(t), template_effect(() => set_text(n, get(
|
|
7264
|
+
}, re = root_1$62();
|
|
7265
|
+
let G;
|
|
7266
|
+
var be = child(re);
|
|
7267
|
+
remove_input_defaults(be);
|
|
7268
|
+
var Me = sibling(be, 2), Re = (e) => {
|
|
7269
|
+
var t = root$74(), n = child(t, !0);
|
|
7270
|
+
reset(t), template_effect(() => set_text(n, get(k))), append(e, t);
|
|
7265
7271
|
};
|
|
7266
|
-
return if_block(
|
|
7267
|
-
c() && e(
|
|
7268
|
-
}), reset(
|
|
7269
|
-
|
|
7270
|
-
}), delegated("input",
|
|
7272
|
+
return if_block(Me, (e) => {
|
|
7273
|
+
c() && e(Re);
|
|
7274
|
+
}), reset(re), template_effect(() => {
|
|
7275
|
+
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) ?? ""}%`);
|
|
7276
|
+
}), delegated("input", be, R), delegated("change", be, te), append(e, re), pop(ne);
|
|
7271
7277
|
}
|
|
7272
7278
|
delegate(["input", "change"]), create_custom_element(Slider, {
|
|
7273
7279
|
value: {},
|
|
@@ -7277,6 +7283,7 @@ delegate(["input", "change"]), create_custom_element(Slider, {
|
|
|
7277
7283
|
disabled: {},
|
|
7278
7284
|
showValue: {},
|
|
7279
7285
|
labelFormatter: {},
|
|
7286
|
+
ariaLabel: {},
|
|
7280
7287
|
testId: {},
|
|
7281
7288
|
onchange: {},
|
|
7282
7289
|
oninput: {},
|
|
@@ -7284,7 +7291,7 @@ delegate(["input", "change"]), create_custom_element(Slider, {
|
|
|
7284
7291
|
}, [], [], { mode: "open" });
|
|
7285
7292
|
//#endregion
|
|
7286
7293
|
//#region src/lib/SplitInput/SplitInput.svelte
|
|
7287
|
-
var root$
|
|
7294
|
+
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
7295
|
hash: "svelte-1gcz5cs",
|
|
7289
7296
|
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
7297
|
};
|
|
@@ -7432,7 +7439,7 @@ function SplitInput(e, t) {
|
|
|
7432
7439
|
}, ct = root_3$42();
|
|
7433
7440
|
return each(ct, 21, () => get(C), index, (e, t, n) => {
|
|
7434
7441
|
var i = root_2$47(), a = first_child(i), s = (e) => {
|
|
7435
|
-
var t = root$
|
|
7442
|
+
var t = root$73(), n = child(t, !0);
|
|
7436
7443
|
reset(t), template_effect(() => set_text(n, c())), append(e, t);
|
|
7437
7444
|
};
|
|
7438
7445
|
if_block(a, (e) => {
|
|
@@ -7511,7 +7518,7 @@ create_custom_element(SplitInput, {
|
|
|
7511
7518
|
}, [], ["clear", "focus"], { mode: "open" });
|
|
7512
7519
|
//#endregion
|
|
7513
7520
|
//#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$
|
|
7521
|
+
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
7522
|
hash: "svelte-ka7yhu",
|
|
7516
7523
|
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
7524
|
};
|
|
@@ -7619,11 +7626,11 @@ function ColorPicker(e, t) {
|
|
|
7619
7626
|
set classes(e) {
|
|
7620
7627
|
u(e), flushSync();
|
|
7621
7628
|
}
|
|
7622
|
-
}, _t = root_5$
|
|
7629
|
+
}, _t = root_5$28();
|
|
7623
7630
|
event("click", $window, Me);
|
|
7624
7631
|
let vt;
|
|
7625
7632
|
var yt = child(_t), bt = (e) => {
|
|
7626
|
-
var t = root$
|
|
7633
|
+
var t = root$72(), n = child(t, !0);
|
|
7627
7634
|
reset(t), template_effect(() => set_text(n, i())), append(e, t);
|
|
7628
7635
|
};
|
|
7629
7636
|
if_block(yt, (e) => {
|
|
@@ -7870,7 +7877,7 @@ customElements.define("sui-color-picker", create_custom_element(ColorPicker_wc,
|
|
|
7870
7877
|
}, [], [], { mode: "open" }));
|
|
7871
7878
|
//#endregion
|
|
7872
7879
|
//#region src/lib/Combobox/Combobox.svelte
|
|
7873
|
-
var root$
|
|
7880
|
+
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
7881
|
hash: "svelte-178p70i",
|
|
7875
7882
|
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
7883
|
};
|
|
@@ -8239,7 +8246,7 @@ function Combobox(e, t) {
|
|
|
8239
8246
|
var vn = child(gn);
|
|
8240
8247
|
let yn;
|
|
8241
8248
|
var bn = child(vn), xn = (e) => {
|
|
8242
|
-
var t = root$
|
|
8249
|
+
var t = root$71();
|
|
8243
8250
|
snippet(child(t), G), reset(t), append(e, t);
|
|
8244
8251
|
};
|
|
8245
8252
|
if_block(bn, (e) => {
|
|
@@ -8349,7 +8356,7 @@ function Combobox(e, t) {
|
|
|
8349
8356
|
var t = comment();
|
|
8350
8357
|
each(first_child(t), 19, () => get(jt), (e) => e.id, (e, t) => {
|
|
8351
8358
|
let n = /* @__PURE__ */ user_derived(() => cn(get(t))), i = /* @__PURE__ */ user_derived(() => get(t).disabled !== !0 && get(n) === c());
|
|
8352
|
-
var o = root_5$
|
|
8359
|
+
var o = root_5$27();
|
|
8353
8360
|
let s;
|
|
8354
8361
|
var l = child(o), u = (e) => {
|
|
8355
8362
|
var n = comment();
|
|
@@ -8375,7 +8382,7 @@ function Combobox(e, t) {
|
|
|
8375
8382
|
get(Pt) ? e(s) : get(jt).length === 0 && !get(Lt) && !dt() ? e(l, 1) : e(u, -1);
|
|
8376
8383
|
});
|
|
8377
8384
|
var f = sibling(o, 2), h = (e) => {
|
|
8378
|
-
var t = root_6$
|
|
8385
|
+
var t = root_6$24();
|
|
8379
8386
|
let n;
|
|
8380
8387
|
var i = sibling(child(t));
|
|
8381
8388
|
reset(t), template_effect((e) => {
|
|
@@ -8389,10 +8396,10 @@ function Combobox(e, t) {
|
|
|
8389
8396
|
get(Lt) && e(h);
|
|
8390
8397
|
});
|
|
8391
8398
|
var k = sibling(f, 2), R = (e) => {
|
|
8392
|
-
var t = root_8$
|
|
8399
|
+
var t = root_8$18();
|
|
8393
8400
|
let n;
|
|
8394
8401
|
var i = child(t), a = (e) => {
|
|
8395
|
-
var t = root_7$
|
|
8402
|
+
var t = root_7$20();
|
|
8396
8403
|
snippet(child(t), ft), reset(t), append(e, t);
|
|
8397
8404
|
};
|
|
8398
8405
|
if_block(i, (e) => {
|
|
@@ -8646,7 +8653,7 @@ customElements.define("sui-combobox", create_custom_element(Combobox_wc, {
|
|
|
8646
8653
|
}, [], [], { mode: "open" }));
|
|
8647
8654
|
//#endregion
|
|
8648
8655
|
//#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$
|
|
8656
|
+
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
8657
|
hash: "svelte-rk55q",
|
|
8651
8658
|
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
8659
|
};
|
|
@@ -8807,7 +8814,7 @@ function CommandMenu(e, t) {
|
|
|
8807
8814
|
var t = comment();
|
|
8808
8815
|
snippet(first_child(t), l), append(e, t);
|
|
8809
8816
|
}, R = (e) => {
|
|
8810
|
-
var t = root$
|
|
8817
|
+
var t = root$70();
|
|
8811
8818
|
html(t, () => search_default, !0), reset(t), append(e, t);
|
|
8812
8819
|
};
|
|
8813
8820
|
if_block(u, (e) => {
|
|
@@ -8823,7 +8830,7 @@ function CommandMenu(e, t) {
|
|
|
8823
8830
|
each(first_child(t), 17, () => get(te), ([e, t]) => e, (e, t) => {
|
|
8824
8831
|
var n = /* @__PURE__ */ user_derived(() => to_array(get(t), 2));
|
|
8825
8832
|
let i = () => get(n)[0], a = () => get(n)[1];
|
|
8826
|
-
var o = root_8$
|
|
8833
|
+
var o = root_8$17(), l = first_child(o), u = (e) => {
|
|
8827
8834
|
var t = root_2$44(), n = child(t, !0);
|
|
8828
8835
|
reset(t), template_effect(() => set_text(n, i())), append(e, t);
|
|
8829
8836
|
};
|
|
@@ -8831,7 +8838,7 @@ function CommandMenu(e, t) {
|
|
|
8831
8838
|
i() !== "" && e(u);
|
|
8832
8839
|
}), each(sibling(l, 2), 17, a, (e) => e.value, (e, t) => {
|
|
8833
8840
|
let n = /* @__PURE__ */ user_derived(() => get(re).get(get(t).value) ?? -1);
|
|
8834
|
-
var i = root_7$
|
|
8841
|
+
var i = root_7$19();
|
|
8835
8842
|
let a;
|
|
8836
8843
|
var o = child(i), l = (e) => {
|
|
8837
8844
|
var n = root_3$39();
|
|
@@ -8852,9 +8859,9 @@ function CommandMenu(e, t) {
|
|
|
8852
8859
|
var f = sibling(o, 2), p = child(f, !0);
|
|
8853
8860
|
reset(f);
|
|
8854
8861
|
var h = sibling(f, 2), C = (e) => {
|
|
8855
|
-
var n = root_6$
|
|
8862
|
+
var n = root_6$23();
|
|
8856
8863
|
each(n, 21, () => get(t).shortcut.split("+"), index, (e, t) => {
|
|
8857
|
-
var n = root_5$
|
|
8864
|
+
var n = root_5$26(), i = child(n, !0);
|
|
8858
8865
|
reset(n), template_effect((e) => set_text(i, e), [() => get(t).trim()]), append(e, n);
|
|
8859
8866
|
}), reset(n), append(e, n);
|
|
8860
8867
|
};
|
|
@@ -8944,7 +8951,7 @@ customElements.define("sui-command-menu", create_custom_element(CommandMenu_wc,
|
|
|
8944
8951
|
}, ["search-icon"], [], { mode: "open" }));
|
|
8945
8952
|
//#endregion
|
|
8946
8953
|
//#region src/lib/Gauge/Gauge.svelte
|
|
8947
|
-
var root$
|
|
8954
|
+
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
8955
|
hash: "svelte-ms0oc6",
|
|
8949
8956
|
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
8957
|
};
|
|
@@ -9003,7 +9010,7 @@ function Gauge(e, t) {
|
|
|
9003
9010
|
var G = sibling(re);
|
|
9004
9011
|
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
9012
|
var be = sibling(ne, 2), Me = (e) => {
|
|
9006
|
-
var t = root$
|
|
9013
|
+
var t = root$69(), n = child(t, !0);
|
|
9007
9014
|
reset(t), template_effect(() => set_text(n, get(k))), append(e, t);
|
|
9008
9015
|
};
|
|
9009
9016
|
return if_block(be, (e) => {
|
|
@@ -9056,7 +9063,7 @@ customElements.define("sui-gauge", create_custom_element(Gauge_wc, {
|
|
|
9056
9063
|
}, [], [], { mode: "open" }));
|
|
9057
9064
|
//#endregion
|
|
9058
9065
|
//#region src/lib/GridItem/GridItem.svelte
|
|
9059
|
-
var root$
|
|
9066
|
+
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
9067
|
hash: "svelte-1h7hoii",
|
|
9061
9068
|
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
9069
|
};
|
|
@@ -9115,7 +9122,7 @@ function GridItem(e, t) {
|
|
|
9115
9122
|
set testId(e) {
|
|
9116
9123
|
u(e), flushSync();
|
|
9117
9124
|
}
|
|
9118
|
-
}, h = root$
|
|
9125
|
+
}, h = root$68(), S = child(h), C = child(S);
|
|
9119
9126
|
reset(S);
|
|
9120
9127
|
var k = sibling(S, 2);
|
|
9121
9128
|
let R;
|
|
@@ -9179,7 +9186,7 @@ customElements.define("sui-grid-item", create_custom_element(GridItem_wc, {
|
|
|
9179
9186
|
}, [], [], { mode: "open" }));
|
|
9180
9187
|
//#endregion
|
|
9181
9188
|
//#region src/lib/Icon/Icon.svelte
|
|
9182
|
-
var root$
|
|
9189
|
+
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
9190
|
hash: "svelte-15st86u",
|
|
9184
9191
|
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
9192
|
};
|
|
@@ -9230,7 +9237,7 @@ function Icon(e, t) {
|
|
|
9230
9237
|
l(e), flushSync();
|
|
9231
9238
|
}
|
|
9232
9239
|
}, f = root_2$43(), p = child(f), h = (e) => {
|
|
9233
|
-
var t = root$
|
|
9240
|
+
var t = root$67();
|
|
9234
9241
|
html(t, i, !0), reset(t), append(e, t);
|
|
9235
9242
|
}, S = (e) => {
|
|
9236
9243
|
Img(e, {
|
|
@@ -9303,7 +9310,7 @@ customElements.define("sui-icon", create_custom_element(Icon_wc, {
|
|
|
9303
9310
|
}, [], [], { mode: "open" }));
|
|
9304
9311
|
//#endregion
|
|
9305
9312
|
//#region src/lib/IconStack/IconStack.svelte
|
|
9306
|
-
var root$
|
|
9313
|
+
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
9314
|
hash: "svelte-1upirm6",
|
|
9308
9315
|
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
9316
|
};
|
|
@@ -9334,7 +9341,7 @@ function IconStack(e, t) {
|
|
|
9334
9341
|
var a = root_2$42();
|
|
9335
9342
|
let o;
|
|
9336
9343
|
var s = child(a), c = (e) => {
|
|
9337
|
-
var n = root$
|
|
9344
|
+
var n = root$66();
|
|
9338
9345
|
template_effect(() => set_attribute(n, "src", get(t).content)), append(e, n);
|
|
9339
9346
|
}, l = (e) => {
|
|
9340
9347
|
var n = root_1$55(), i = child(n), a = child(i, !0);
|
|
@@ -9374,7 +9381,7 @@ customElements.define("sui-icon-stack", create_custom_element(IconStack_wc, {
|
|
|
9374
9381
|
}, [], [], { mode: "open" }));
|
|
9375
9382
|
//#endregion
|
|
9376
9383
|
//#region src/lib/IframeViewer/IframeViewer.svelte
|
|
9377
|
-
var root$
|
|
9384
|
+
var root$65 = /* @__PURE__ */ from_html("<iframe></iframe>"), root_1$54 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$64 = {
|
|
9378
9385
|
hash: "svelte-18ttvcs",
|
|
9379
9386
|
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
9387
|
};
|
|
@@ -9459,7 +9466,7 @@ function IframeViewer(e, t) {
|
|
|
9459
9466
|
h(e), flushSync();
|
|
9460
9467
|
}
|
|
9461
9468
|
}, te = root_1$54(), ne = child(te), re = (e) => {
|
|
9462
|
-
var t = root$
|
|
9469
|
+
var t = root$65();
|
|
9463
9470
|
attribute_effect(t, () => ({
|
|
9464
9471
|
src: n(),
|
|
9465
9472
|
title: i(),
|
|
@@ -9806,7 +9813,7 @@ customElements.define("sui-input", create_custom_element(Input_wc, {
|
|
|
9806
9813
|
}, [], [], { mode: "open" }));
|
|
9807
9814
|
//#endregion
|
|
9808
9815
|
//#region src/lib/KeyboardInput/KeyboardInput.svelte
|
|
9809
|
-
var root$
|
|
9816
|
+
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
9817
|
hash: "svelte-14lwsom",
|
|
9811
9818
|
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
9819
|
};
|
|
@@ -9872,7 +9879,7 @@ function KeyboardInput(e, t) {
|
|
|
9872
9879
|
}, S = root_2$41();
|
|
9873
9880
|
return each(S, 21, () => get(l), index, (e, t, n) => {
|
|
9874
9881
|
var a = root_1$53(), o = first_child(a), s = (e) => {
|
|
9875
|
-
var t = root$
|
|
9882
|
+
var t = root$64(), n = child(t, !0);
|
|
9876
9883
|
reset(t), template_effect(() => set_text(n, i())), append(e, t);
|
|
9877
9884
|
};
|
|
9878
9885
|
if_block(o, (e) => {
|
|
@@ -9944,7 +9951,7 @@ customElements.define("sui-loader", create_custom_element(Loader_wc, {
|
|
|
9944
9951
|
}, [], [], { mode: "open" }));
|
|
9945
9952
|
//#endregion
|
|
9946
9953
|
//#region src/lib/LoadingDots/LoadingDots.svelte
|
|
9947
|
-
var root$
|
|
9954
|
+
var root$63 = /* @__PURE__ */ from_html("<span></span>"), root_1$52 = /* @__PURE__ */ from_html("<span role=\"status\" aria-label=\"Loading\"></span>"), $$css$62 = {
|
|
9948
9955
|
hash: "svelte-1lnsydm",
|
|
9949
9956
|
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
9957
|
};
|
|
@@ -9978,7 +9985,7 @@ function LoadingDots(e, t) {
|
|
|
9978
9985
|
}
|
|
9979
9986
|
}, l = root_1$52();
|
|
9980
9987
|
return each(l, 21, () => ({ length: get(s) }), index, (e, t, n) => {
|
|
9981
|
-
var o = root$
|
|
9988
|
+
var o = root$63();
|
|
9982
9989
|
let s;
|
|
9983
9990
|
set_style(o, `--i: ${n}`), template_effect(() => {
|
|
9984
9991
|
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 +10029,7 @@ customElements.define("sui-loading-dots", create_custom_element(LoadingDots_wc,
|
|
|
10022
10029
|
}, [], [], { mode: "open" }));
|
|
10023
10030
|
//#endregion
|
|
10024
10031
|
//#region src/lib/Pagination/Pagination.svelte
|
|
10025
|
-
var root$
|
|
10032
|
+
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
10033
|
hash: "svelte-1sajc2w",
|
|
10027
10034
|
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
10035
|
};
|
|
@@ -10118,7 +10125,7 @@ function Pagination(e, t) {
|
|
|
10118
10125
|
var Me = child(G), Re = sibling(Me, 2);
|
|
10119
10126
|
each(Re, 17, () => get(C), index, (e, t) => {
|
|
10120
10127
|
var n = comment(), a = first_child(n), s = (e) => {
|
|
10121
|
-
append(e, root$
|
|
10128
|
+
append(e, root$62());
|
|
10122
10129
|
}, c = (e) => {
|
|
10123
10130
|
var n = root_1$51();
|
|
10124
10131
|
let a;
|
|
@@ -10288,7 +10295,7 @@ customElements.define("sui-pill", create_custom_element(Pill_wc, {
|
|
|
10288
10295
|
}, ["leading-icon", "dismiss-icon"], [], { mode: "open" }));
|
|
10289
10296
|
//#endregion
|
|
10290
10297
|
//#region src/lib/Progress/Progress.svelte
|
|
10291
|
-
var root$
|
|
10298
|
+
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
10299
|
hash: "svelte-1c2jqm2",
|
|
10293
10300
|
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
10301
|
};
|
|
@@ -10338,7 +10345,7 @@ function Progress(e, t) {
|
|
|
10338
10345
|
let te, ne;
|
|
10339
10346
|
reset(k);
|
|
10340
10347
|
var re = sibling(k, 2), G = (e) => {
|
|
10341
|
-
var t = root$
|
|
10348
|
+
var t = root$61(), n = child(t, !0);
|
|
10342
10349
|
reset(t), template_effect(() => set_text(n, get(h))), append(e, t);
|
|
10343
10350
|
};
|
|
10344
10351
|
return if_block(re, (e) => {
|
|
@@ -10389,7 +10396,7 @@ customElements.define("sui-progress", create_custom_element(Progress_wc, {
|
|
|
10389
10396
|
}, [], [], { mode: "open" }));
|
|
10390
10397
|
//#endregion
|
|
10391
10398
|
//#region src/lib/Radio/Radio.svelte
|
|
10392
|
-
var root$
|
|
10399
|
+
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
10400
|
hash: "svelte-14bh706",
|
|
10394
10401
|
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
10402
|
};
|
|
@@ -10458,7 +10465,7 @@ function Radio(e, t) {
|
|
|
10458
10465
|
let re;
|
|
10459
10466
|
reset(R);
|
|
10460
10467
|
var G = sibling(R, 2), be = (e) => {
|
|
10461
|
-
var t = root$
|
|
10468
|
+
var t = root$60();
|
|
10462
10469
|
let n;
|
|
10463
10470
|
var i = child(t, !0);
|
|
10464
10471
|
reset(t), template_effect(() => {
|
|
@@ -10546,7 +10553,7 @@ function PortalContentRenderer(e, t) {
|
|
|
10546
10553
|
create_custom_element(PortalContentRenderer, { snippet: {} }, [], [], { mode: "open" });
|
|
10547
10554
|
//#endregion
|
|
10548
10555
|
//#region src/lib/Tooltip/Tooltip.svelte
|
|
10549
|
-
var root$
|
|
10556
|
+
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
10557
|
hash: "svelte-1xxu8em",
|
|
10551
10558
|
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
10559
|
};
|
|
@@ -10728,7 +10735,7 @@ function Tooltip(e, t) {
|
|
|
10728
10735
|
p(e), flushSync();
|
|
10729
10736
|
}
|
|
10730
10737
|
}, ft = root_3$36(), pt = child(ft), mt = (e) => {
|
|
10731
|
-
var t = root$
|
|
10738
|
+
var t = root$59();
|
|
10732
10739
|
snippet(child(t), l), reset(t), append(e, t);
|
|
10733
10740
|
};
|
|
10734
10741
|
if_block(pt, (e) => {
|
|
@@ -10737,7 +10744,7 @@ function Tooltip(e, t) {
|
|
|
10737
10744
|
var ht = sibling(pt, 2);
|
|
10738
10745
|
snippet(ht, c);
|
|
10739
10746
|
var gt = sibling(ht, 2), _t = (e) => {
|
|
10740
|
-
var t = root$
|
|
10747
|
+
var t = root$59();
|
|
10741
10748
|
snippet(child(t), l), reset(t), append(e, t);
|
|
10742
10749
|
};
|
|
10743
10750
|
if_block(gt, (e) => {
|
|
@@ -10779,7 +10786,7 @@ delegate(["focusin", "focusout"]), create_custom_element(Tooltip, {
|
|
|
10779
10786
|
}, [], [], { mode: "open" });
|
|
10780
10787
|
//#endregion
|
|
10781
10788
|
//#region src/lib/RelativeTime/RelativeTime.svelte
|
|
10782
|
-
var root$
|
|
10789
|
+
var root$58 = /* @__PURE__ */ from_html("<time> </time>"), $$css$57 = {
|
|
10783
10790
|
hash: "svelte-jx3csm",
|
|
10784
10791
|
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
10792
|
};
|
|
@@ -10853,7 +10860,7 @@ function RelativeTime(e, t) {
|
|
|
10853
10860
|
return get(p);
|
|
10854
10861
|
},
|
|
10855
10862
|
children: (e, t) => {
|
|
10856
|
-
var n = root$
|
|
10863
|
+
var n = root$58(), i = child(n, !0);
|
|
10857
10864
|
reset(n), template_effect(() => {
|
|
10858
10865
|
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
10866
|
}), append(e, n);
|
|
@@ -10861,7 +10868,7 @@ function RelativeTime(e, t) {
|
|
|
10861
10868
|
$$slots: { default: !0 }
|
|
10862
10869
|
});
|
|
10863
10870
|
}, re = (e) => {
|
|
10864
|
-
var t = root$
|
|
10871
|
+
var t = root$58(), n = child(t, !0);
|
|
10865
10872
|
reset(t), template_effect(() => {
|
|
10866
10873
|
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
10874
|
}), append(e, t);
|
|
@@ -10918,7 +10925,7 @@ customElements.define("sui-relative-time", create_custom_element(RelativeTime_wc
|
|
|
10918
10925
|
}, [], [], { mode: "open" }));
|
|
10919
10926
|
//#endregion
|
|
10920
10927
|
//#region src/lib/Shimmer/Shimmer.svelte
|
|
10921
|
-
var root$
|
|
10928
|
+
var root$57 = /* @__PURE__ */ from_html("<div></div>"), $$css$56 = {
|
|
10922
10929
|
hash: "svelte-ab0pau",
|
|
10923
10930
|
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
10931
|
};
|
|
@@ -10938,7 +10945,7 @@ function Shimmer(e, t) {
|
|
|
10938
10945
|
set classes(e) {
|
|
10939
10946
|
i(e), flushSync();
|
|
10940
10947
|
}
|
|
10941
|
-
}, o = root$
|
|
10948
|
+
}, o = root$57();
|
|
10942
10949
|
return template_effect(() => {
|
|
10943
10950
|
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
10951
|
}), append(e, o), pop(a);
|
|
@@ -10972,11 +10979,22 @@ var rest_excludes$57 = new Set([
|
|
|
10972
10979
|
"$$slots",
|
|
10973
10980
|
"$$events",
|
|
10974
10981
|
"$$legacy",
|
|
10975
|
-
"$$host"
|
|
10982
|
+
"$$host",
|
|
10983
|
+
"sliderAriaLabel"
|
|
10976
10984
|
]);
|
|
10977
10985
|
function Slider_wc(e, t) {
|
|
10978
|
-
|
|
10979
|
-
|
|
10986
|
+
push(t, !0);
|
|
10987
|
+
let n = prop(t, "sliderAriaLabel", 7), i = /* @__PURE__ */ rest_props(t, rest_excludes$57);
|
|
10988
|
+
return Slider(e, spread_props(() => i, { get ariaLabel() {
|
|
10989
|
+
return n();
|
|
10990
|
+
} })), pop({
|
|
10991
|
+
get sliderAriaLabel() {
|
|
10992
|
+
return n();
|
|
10993
|
+
},
|
|
10994
|
+
set sliderAriaLabel(e) {
|
|
10995
|
+
n(e), flushSync();
|
|
10996
|
+
}
|
|
10997
|
+
});
|
|
10980
10998
|
}
|
|
10981
10999
|
customElements.define("sui-slider", create_custom_element(Slider_wc, {
|
|
10982
11000
|
value: {
|
|
@@ -11011,7 +11029,11 @@ customElements.define("sui-slider", create_custom_element(Slider_wc, {
|
|
|
11011
11029
|
classes: { type: "String" },
|
|
11012
11030
|
oninput: { type: "Object" },
|
|
11013
11031
|
onchange: { type: "Object" },
|
|
11014
|
-
labelFormatter: { type: "Object" }
|
|
11032
|
+
labelFormatter: { type: "Object" },
|
|
11033
|
+
sliderAriaLabel: {
|
|
11034
|
+
attribute: "aria-label",
|
|
11035
|
+
type: "String"
|
|
11036
|
+
}
|
|
11015
11037
|
}, [], [], { mode: "open" }));
|
|
11016
11038
|
//#endregion
|
|
11017
11039
|
//#region src/wc/components/SplitInput.wc.svelte
|
|
@@ -11072,7 +11094,7 @@ customElements.define("sui-split-input", create_custom_element(SplitInput_wc, {
|
|
|
11072
11094
|
}, [], [], { mode: "open" }));
|
|
11073
11095
|
//#endregion
|
|
11074
11096
|
//#region src/lib/Status/Status.svelte
|
|
11075
|
-
var root$
|
|
11097
|
+
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
11098
|
hash: "svelte-19qpx1s",
|
|
11077
11099
|
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
11100
|
};
|
|
@@ -11152,7 +11174,7 @@ function Status(e, t) {
|
|
|
11152
11174
|
set testId(e) {
|
|
11153
11175
|
k(e), flushSync();
|
|
11154
11176
|
}
|
|
11155
|
-
}, ne = root$
|
|
11177
|
+
}, ne = root$56(), re = child(ne), G = child(re), be = child(G), Me = (e) => {
|
|
11156
11178
|
var t = comment();
|
|
11157
11179
|
snippet(first_child(t), h), append(e, t);
|
|
11158
11180
|
}, Re = (e) => {
|
|
@@ -11277,7 +11299,7 @@ customElements.define("sui-status", create_custom_element(Status_wc, {
|
|
|
11277
11299
|
}, ["default"], [], { mode: "open" }));
|
|
11278
11300
|
//#endregion
|
|
11279
11301
|
//#region src/lib/Stepper/Step.svelte
|
|
11280
|
-
var root$
|
|
11302
|
+
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
11303
|
hash: "svelte-z5hug7",
|
|
11282
11304
|
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
11305
|
};
|
|
@@ -11368,7 +11390,7 @@ function Step(e, t) {
|
|
|
11368
11390
|
}, re = root_4$29();
|
|
11369
11391
|
let G;
|
|
11370
11392
|
var be = child(re), Me = (e) => {
|
|
11371
|
-
var t = root$
|
|
11393
|
+
var t = root$55(), n = child(t);
|
|
11372
11394
|
reset(t), template_effect(() => set_attribute(n, "src", a())), append(e, t);
|
|
11373
11395
|
}, Re = (e) => {
|
|
11374
11396
|
append(e, root_1$47());
|
|
@@ -11413,7 +11435,7 @@ delegate(["click", "keydown"]), create_custom_element(Step, {
|
|
|
11413
11435
|
}, [], [], { mode: "open" });
|
|
11414
11436
|
//#endregion
|
|
11415
11437
|
//#region src/lib/Stepper/Stepper.svelte
|
|
11416
|
-
var root$
|
|
11438
|
+
var root$54 = /* @__PURE__ */ from_html("<div role=\"listitem\"><!></div>"), root_1$46 = /* @__PURE__ */ from_html("<div role=\"list\"></div>"), $$css$53 = {
|
|
11417
11439
|
hash: "svelte-k2df9q",
|
|
11418
11440
|
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
11441
|
};
|
|
@@ -11476,7 +11498,7 @@ function Stepper(e, t) {
|
|
|
11476
11498
|
}, C = root_1$46();
|
|
11477
11499
|
return each(C, 21, n, index, (e, t, n) => {
|
|
11478
11500
|
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$
|
|
11501
|
+
var l = root$54();
|
|
11480
11502
|
Step(child(l), {
|
|
11481
11503
|
get onclick() {
|
|
11482
11504
|
return u();
|
|
@@ -11559,7 +11581,7 @@ customElements.define("sui-stepper", create_custom_element(Stepper_wc, {
|
|
|
11559
11581
|
}, [], [], { mode: "open" }));
|
|
11560
11582
|
//#endregion
|
|
11561
11583
|
//#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$
|
|
11584
|
+
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
11585
|
hash: "svelte-18eaq6o",
|
|
11564
11586
|
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
11587
|
};
|
|
@@ -11734,10 +11756,10 @@ function Tabs(e, t) {
|
|
|
11734
11756
|
set onkeychange(e) {
|
|
11735
11757
|
S(e), flushSync();
|
|
11736
11758
|
}
|
|
11737
|
-
}, xt = root_7$
|
|
11759
|
+
}, xt = root_7$18();
|
|
11738
11760
|
let St;
|
|
11739
11761
|
var Ct = child(xt), wt = (e) => {
|
|
11740
|
-
var t = root$
|
|
11762
|
+
var t = root$53(), n = child(t), i = (e) => {
|
|
11741
11763
|
var t = comment();
|
|
11742
11764
|
snippet(first_child(t), l), append(e, t);
|
|
11743
11765
|
}, a = (e) => {
|
|
@@ -11817,14 +11839,14 @@ function Tabs(e, t) {
|
|
|
11817
11839
|
]), delegated("click", u, () => ht(get(n))), delegated("keydown", u, (e) => _t(e, get(n))), append(e, s);
|
|
11818
11840
|
});
|
|
11819
11841
|
var Ot = sibling(Dt, 2), kt = (e) => {
|
|
11820
|
-
var t = root_5$
|
|
11842
|
+
var t = root_5$25();
|
|
11821
11843
|
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
11844
|
};
|
|
11823
11845
|
if_block(Ot, (e) => {
|
|
11824
11846
|
get(lt) && e(kt);
|
|
11825
11847
|
}), reset(Tt), attach(Tt, () => vt);
|
|
11826
11848
|
var At = sibling(Tt, 2), jt = (e) => {
|
|
11827
|
-
var t = root_6$
|
|
11849
|
+
var t = root_6$22(), n = child(t), i = (e) => {
|
|
11828
11850
|
var t = comment();
|
|
11829
11851
|
snippet(first_child(t), u), append(e, t);
|
|
11830
11852
|
}, a = (e) => {
|
|
@@ -11943,7 +11965,7 @@ customElements.define("sui-tabs", create_custom_element(Tabs_wc, {
|
|
|
11943
11965
|
], [], { mode: "open" }));
|
|
11944
11966
|
//#endregion
|
|
11945
11967
|
//#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$
|
|
11968
|
+
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
11969
|
hash: "svelte-yg7rya",
|
|
11948
11970
|
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
11971
|
};
|
|
@@ -12044,7 +12066,7 @@ function ThemeSwitcher(e, t) {
|
|
|
12044
12066
|
}, Ue = comment(), it = first_child(Ue), at = (e) => {
|
|
12045
12067
|
var t = root_1$44();
|
|
12046
12068
|
each(t, 23, o, (e) => e.value, (e, t, n) => {
|
|
12047
|
-
var i = root$
|
|
12069
|
+
var i = root$52();
|
|
12048
12070
|
let o;
|
|
12049
12071
|
var s = child(i), c = (e) => {
|
|
12050
12072
|
var n = comment();
|
|
@@ -12129,7 +12151,7 @@ customElements.define("sui-theme-switcher", create_custom_element(ThemeSwitcher_
|
|
|
12129
12151
|
}, [], [], { mode: "open" }));
|
|
12130
12152
|
//#endregion
|
|
12131
12153
|
//#region src/lib/Toggle/Toggle.svelte
|
|
12132
|
-
var root$
|
|
12154
|
+
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
12155
|
hash: "svelte-1kpnf4s",
|
|
12134
12156
|
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
12157
|
};
|
|
@@ -12194,7 +12216,7 @@ function Toggle(e, t) {
|
|
|
12194
12216
|
set onclick(e) {
|
|
12195
12217
|
p(e), flushSync();
|
|
12196
12218
|
}
|
|
12197
|
-
}, k = root$
|
|
12219
|
+
}, k = root$51();
|
|
12198
12220
|
let R;
|
|
12199
12221
|
var te = child(k), ne = child(te, !0);
|
|
12200
12222
|
reset(te);
|
|
@@ -12293,7 +12315,7 @@ customElements.define("sui-toggle", create_custom_element(Toggle_wc, {
|
|
|
12293
12315
|
}, [], [], { mode: "open" }));
|
|
12294
12316
|
//#endregion
|
|
12295
12317
|
//#region src/lib/Accordion/Accordion.svelte
|
|
12296
|
-
var root$
|
|
12318
|
+
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
12319
|
hash: "svelte-1p9ezsm",
|
|
12298
12320
|
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
12321
|
};
|
|
@@ -12360,7 +12382,7 @@ function Accordion(e, t) {
|
|
|
12360
12382
|
p(e), flushSync();
|
|
12361
12383
|
}
|
|
12362
12384
|
}, R = root_1$43(), te = first_child(R), ne = (e) => {
|
|
12363
|
-
var t = root$
|
|
12385
|
+
var t = root$50();
|
|
12364
12386
|
let n;
|
|
12365
12387
|
snippet(child(t), o, () => ({ expanded: i() })), reset(t), template_effect(() => {
|
|
12366
12388
|
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 +12498,7 @@ function slide(e, { delay: t = 0, duration: n = 400, easing: i = cubic_out, axis
|
|
|
12476
12498
|
}
|
|
12477
12499
|
//#endregion
|
|
12478
12500
|
//#region src/lib/Banner/Banner.svelte
|
|
12479
|
-
var root$
|
|
12501
|
+
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
12502
|
hash: "svelte-w23dzo",
|
|
12481
12503
|
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
12504
|
};
|
|
@@ -12572,8 +12594,8 @@ function Banner(e, t) {
|
|
|
12572
12594
|
C(e), flushSync();
|
|
12573
12595
|
}
|
|
12574
12596
|
}, be = comment(), Me = first_child(be), Re = (e) => {
|
|
12575
|
-
var t = root_5$
|
|
12576
|
-
var t = root$
|
|
12597
|
+
var t = root_5$24(), s = child(t), f = (e) => {
|
|
12598
|
+
var t = root$49();
|
|
12577
12599
|
snippet(child(t), i), reset(t), append(e, t);
|
|
12578
12600
|
};
|
|
12579
12601
|
if_block(s, (e) => {
|
|
@@ -12761,7 +12783,7 @@ customElements.define("sui-banner", create_custom_element(Banner_wc, {
|
|
|
12761
12783
|
], [], { mode: "open" }));
|
|
12762
12784
|
//#endregion
|
|
12763
12785
|
//#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$
|
|
12786
|
+
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
12787
|
hash: "svelte-qac8se",
|
|
12766
12788
|
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
12789
|
};
|
|
@@ -12838,7 +12860,7 @@ function Browser(e, t) {
|
|
|
12838
12860
|
}, C = root_3$31();
|
|
12839
12861
|
let k;
|
|
12840
12862
|
var R = child(C), te = child(R), ne = sibling(child(te), 2), re = (e) => {
|
|
12841
|
-
var t = root$
|
|
12863
|
+
var t = root$48(), n = child(t), a = child(n, !0);
|
|
12842
12864
|
reset(n), reset(t), template_effect(() => set_text(a, i())), append(e, t);
|
|
12843
12865
|
};
|
|
12844
12866
|
if_block(ne, (e) => {
|
|
@@ -13120,7 +13142,7 @@ customElements.define("sui-button", create_custom_element(Button_wc, {
|
|
|
13120
13142
|
}, ["icon", "default"], [], { mode: "open" }));
|
|
13121
13143
|
//#endregion
|
|
13122
13144
|
//#region src/lib/CheckListItem/CheckListItem.svelte
|
|
13123
|
-
var root$
|
|
13145
|
+
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
13146
|
hash: "svelte-1el64om",
|
|
13125
13147
|
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
13148
|
};
|
|
@@ -13194,7 +13216,7 @@ function CheckListItem(e, t) {
|
|
|
13194
13216
|
var t = comment();
|
|
13195
13217
|
snippet(first_child(t), o), append(e, t);
|
|
13196
13218
|
}, R = (e) => {
|
|
13197
|
-
var t = root$
|
|
13219
|
+
var t = root$47();
|
|
13198
13220
|
let a;
|
|
13199
13221
|
var o = child(t, !0);
|
|
13200
13222
|
reset(t), template_effect(() => {
|
|
@@ -13257,7 +13279,7 @@ customElements.define("sui-check-list-item", create_custom_element(CheckListItem
|
|
|
13257
13279
|
}, ["checkbox-label"], [], { mode: "open" }));
|
|
13258
13280
|
//#endregion
|
|
13259
13281
|
//#region src/lib/Choicebox/Choicebox.svelte
|
|
13260
|
-
var root$
|
|
13282
|
+
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
13283
|
hash: "svelte-1s9or1q",
|
|
13262
13284
|
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
13285
|
};
|
|
@@ -13332,7 +13354,7 @@ function Choicebox(e, t) {
|
|
|
13332
13354
|
var t = root_1$39();
|
|
13333
13355
|
let n;
|
|
13334
13356
|
var o = child(t), s = (e) => {
|
|
13335
|
-
var t = root$
|
|
13357
|
+
var t = root$46();
|
|
13336
13358
|
html(t, () => checkmark_default, !0), reset(t), append(e, t);
|
|
13337
13359
|
};
|
|
13338
13360
|
if_block(o, (e) => {
|
|
@@ -13403,7 +13425,7 @@ customElements.define("sui-choicebox", create_custom_element(Choicebox_wc, {
|
|
|
13403
13425
|
}, ["default"], [], { mode: "open" }));
|
|
13404
13426
|
//#endregion
|
|
13405
13427
|
//#region src/lib/Card/Card.svelte
|
|
13406
|
-
var root$
|
|
13428
|
+
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
13429
|
hash: "svelte-10nkiak",
|
|
13408
13430
|
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
13431
|
};
|
|
@@ -13529,11 +13551,11 @@ function Card(e, t) {
|
|
|
13529
13551
|
"card-has-scroll": R()
|
|
13530
13552
|
}
|
|
13531
13553
|
}), void 0, void 0, void 0, "svelte-10nkiak");
|
|
13532
|
-
var h = root_8$
|
|
13533
|
-
var t = root_5$
|
|
13554
|
+
var h = root_8$16(), te = first_child(h), Re = (e) => {
|
|
13555
|
+
var t = root_5$23();
|
|
13534
13556
|
let n;
|
|
13535
13557
|
var c = child(t), l = child(c), u = (e) => {
|
|
13536
|
-
var t = root$
|
|
13558
|
+
var t = root$45();
|
|
13537
13559
|
snippet(child(t), o), reset(t), append(e, t);
|
|
13538
13560
|
}, f = (e) => {
|
|
13539
13561
|
var t = root_1$38(), n = child(t, !0);
|
|
@@ -13564,7 +13586,7 @@ function Card(e, t) {
|
|
|
13564
13586
|
(typeof i() == "string" && i().length > 0 || typeof o() == "function" || typeof S() == "function") && e(Re);
|
|
13565
13587
|
});
|
|
13566
13588
|
var Ue = sibling(te, 2), it = (e) => {
|
|
13567
|
-
var t = root_6$
|
|
13589
|
+
var t = root_6$21();
|
|
13568
13590
|
let i;
|
|
13569
13591
|
snippet(child(t), n), reset(t), template_effect(() => {
|
|
13570
13592
|
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 +13596,7 @@ function Card(e, t) {
|
|
|
13574
13596
|
typeof n() == "function" && e(it);
|
|
13575
13597
|
});
|
|
13576
13598
|
var at = sibling(Ue, 2), ot = (e) => {
|
|
13577
|
-
var t = root_7$
|
|
13599
|
+
var t = root_7$17();
|
|
13578
13600
|
snippet(child(t), C), reset(t), append(e, t);
|
|
13579
13601
|
};
|
|
13580
13602
|
if_block(at, (e) => {
|
|
@@ -13674,7 +13696,7 @@ customElements.define("sui-card", create_custom_element(Card_wc, {
|
|
|
13674
13696
|
}, ["default"], [], { mode: "open" }));
|
|
13675
13697
|
//#endregion
|
|
13676
13698
|
//#region src/lib/EmptyState/EmptyState.svelte
|
|
13677
|
-
var root$
|
|
13699
|
+
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
13700
|
hash: "svelte-vmfces",
|
|
13679
13701
|
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
13702
|
};
|
|
@@ -13731,7 +13753,7 @@ function EmptyState(e, t) {
|
|
|
13731
13753
|
u(e), flushSync();
|
|
13732
13754
|
}
|
|
13733
13755
|
}, p = root_4$25(), h = child(p), S = (e) => {
|
|
13734
|
-
var t = root$
|
|
13756
|
+
var t = root$44();
|
|
13735
13757
|
snippet(child(t), a), reset(t), append(e, t);
|
|
13736
13758
|
};
|
|
13737
13759
|
if_block(h, (e) => {
|
|
@@ -13854,7 +13876,7 @@ customElements.define("sui-empty-state", create_custom_element(EmptyState_wc, {
|
|
|
13854
13876
|
], [], { mode: "open" }));
|
|
13855
13877
|
//#endregion
|
|
13856
13878
|
//#region src/lib/FileInput/FileInput.svelte
|
|
13857
|
-
var root$
|
|
13879
|
+
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
13880
|
hash: "svelte-445u0m",
|
|
13859
13881
|
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
13882
|
};
|
|
@@ -13969,7 +13991,7 @@ function FileInput(e, t) {
|
|
|
13969
13991
|
set onerror(e) {
|
|
13970
13992
|
f(e), flushSync();
|
|
13971
13993
|
}
|
|
13972
|
-
}, Ue = root$
|
|
13994
|
+
}, Ue = root$43();
|
|
13973
13995
|
let it;
|
|
13974
13996
|
var at = child(Ue);
|
|
13975
13997
|
return bind_this(at, (e) => set(h, e), () => get(h)), snippet(sibling(at, 2), n, () => ({
|
|
@@ -14005,7 +14027,7 @@ var rest_excludes$42 = new Set([
|
|
|
14005
14027
|
"$$events",
|
|
14006
14028
|
"$$legacy",
|
|
14007
14029
|
"$$host"
|
|
14008
|
-
]), root$
|
|
14030
|
+
]), root$42 = /* @__PURE__ */ from_html("<button style=\"cursor: pointer;\"> </button>");
|
|
14009
14031
|
function FileInput_wc(e, t) {
|
|
14010
14032
|
let n = /* @__PURE__ */ rest_props(t, rest_excludes$42);
|
|
14011
14033
|
FileInput(e, spread_props(() => n, {
|
|
@@ -14013,7 +14035,7 @@ function FileInput_wc(e, t) {
|
|
|
14013
14035
|
let i = () => n?.().openFilePicker, a = () => n?.().dragOver, o = () => n?.().disabled;
|
|
14014
14036
|
var s = comment();
|
|
14015
14037
|
slot(first_child(s), t, "trigger", {}, (e) => {
|
|
14016
|
-
var t = root$
|
|
14038
|
+
var t = root$42(), n = child(t, !0);
|
|
14017
14039
|
reset(t), template_effect(() => {
|
|
14018
14040
|
t.disabled = o(), set_text(n, a() ? "Drop files here" : "Choose file");
|
|
14019
14041
|
}), delegated("click", t, function(...e) {
|
|
@@ -14052,7 +14074,7 @@ delegate(["click"]), customElements.define("sui-file-input", create_custom_eleme
|
|
|
14052
14074
|
}, ["trigger"], [], { mode: "open" }));
|
|
14053
14075
|
//#endregion
|
|
14054
14076
|
//#region src/lib/ContextMenu/ContextMenu.svelte
|
|
14055
|
-
var root$
|
|
14077
|
+
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
14078
|
hash: "svelte-1hf60pq",
|
|
14057
14079
|
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
14080
|
};
|
|
@@ -14181,7 +14203,7 @@ function ContextMenu(e, t) {
|
|
|
14181
14203
|
set classes(e) {
|
|
14182
14204
|
f(e), flushSync();
|
|
14183
14205
|
}
|
|
14184
|
-
}, ot = root_5$
|
|
14206
|
+
}, ot = root_5$22(), ct = first_child(ot), lt = child(ct), ut = (e) => {
|
|
14185
14207
|
var t = comment();
|
|
14186
14208
|
snippet(first_child(t), s), append(e, t);
|
|
14187
14209
|
};
|
|
@@ -14192,7 +14214,7 @@ function ContextMenu(e, t) {
|
|
|
14192
14214
|
var t = root_4$24();
|
|
14193
14215
|
each(t, 21, n, (e) => e.value, (e, t) => {
|
|
14194
14216
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
14195
|
-
append(e, root$
|
|
14217
|
+
append(e, root$41());
|
|
14196
14218
|
}, s = (e) => {
|
|
14197
14219
|
var n = root_3$28();
|
|
14198
14220
|
let i;
|
|
@@ -14288,7 +14310,7 @@ customElements.define("sui-context-menu", create_custom_element(ContextMenu_wc,
|
|
|
14288
14310
|
}, ["default"], [], { mode: "open" }));
|
|
14289
14311
|
//#endregion
|
|
14290
14312
|
//#region src/lib/InputButton/InputButton.svelte
|
|
14291
|
-
var root$
|
|
14313
|
+
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
14314
|
hash: "svelte-1oc9dju",
|
|
14293
14315
|
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
14316
|
};
|
|
@@ -14412,9 +14434,9 @@ function InputButton(e, t) {
|
|
|
14412
14434
|
set testId(e) {
|
|
14413
14435
|
te(e), flushSync();
|
|
14414
14436
|
}
|
|
14415
|
-
}, ct = root_8$
|
|
14437
|
+
}, ct = root_8$15(), lt = child(ct), ut = (e) => {
|
|
14416
14438
|
var t = root_1$35(), n = child(t, !0), a = sibling(n), o = (e) => {
|
|
14417
|
-
append(e, root$
|
|
14439
|
+
append(e, root$40());
|
|
14418
14440
|
};
|
|
14419
14441
|
if_block(a, (e) => {
|
|
14420
14442
|
C() && e(o);
|
|
@@ -14470,17 +14492,17 @@ function InputButton(e, t) {
|
|
|
14470
14492
|
s() != null && e(bt);
|
|
14471
14493
|
}), reset(dt);
|
|
14472
14494
|
var xt = sibling(dt, 2), St = (e) => {
|
|
14473
|
-
var t = root_5$
|
|
14495
|
+
var t = root_5$21(), n = child(t, !0);
|
|
14474
14496
|
reset(t), template_effect(() => set_text(n, R())), append(e, t);
|
|
14475
14497
|
}, Ct = (e) => {
|
|
14476
|
-
var t = root_6$
|
|
14498
|
+
var t = root_6$20(), n = child(t, !0);
|
|
14477
14499
|
reset(t), template_effect(() => set_text(n, i().onErrorMessage)), append(e, t);
|
|
14478
14500
|
};
|
|
14479
14501
|
if_block(xt, (e) => {
|
|
14480
14502
|
typeof R() == "string" && R().length > 0 ? e(St) : typeof i().onErrorMessage == "string" && i().onErrorMessage !== "" && get(ne) === "Invalid" && e(Ct, 1);
|
|
14481
14503
|
});
|
|
14482
14504
|
var wt = sibling(xt, 2), Tt = (e) => {
|
|
14483
|
-
var t = root_7$
|
|
14505
|
+
var t = root_7$16(), n = child(t, !0);
|
|
14484
14506
|
reset(t), template_effect(() => set_text(n, i().infoMessage)), append(e, t);
|
|
14485
14507
|
};
|
|
14486
14508
|
return if_block(wt, (e) => {
|
|
@@ -14558,7 +14580,7 @@ customElements.define("sui-input-button", create_custom_element(InputButton_wc,
|
|
|
14558
14580
|
}, ["left-icon", "right-icon"], [], { mode: "open" }));
|
|
14559
14581
|
//#endregion
|
|
14560
14582
|
//#region src/lib/ListItem/ListItem.svelte
|
|
14561
|
-
var root$
|
|
14583
|
+
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
14584
|
hash: "svelte-d2pqbq",
|
|
14563
14585
|
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
14586
|
};
|
|
@@ -14768,8 +14790,8 @@ function ListItem(e, t) {
|
|
|
14768
14790
|
ft(e), flushSync();
|
|
14769
14791
|
}
|
|
14770
14792
|
}, yt = comment(), bt = first_child(yt), xt = (e) => {
|
|
14771
|
-
var t = root_6$
|
|
14772
|
-
append(e, root$
|
|
14793
|
+
var t = root_6$19(), Me = child(t), Re = (e) => {
|
|
14794
|
+
append(e, root$39());
|
|
14773
14795
|
};
|
|
14774
14796
|
if_block(Me, (e) => {
|
|
14775
14797
|
S() && e(Re);
|
|
@@ -14863,7 +14885,7 @@ function ListItem(e, t) {
|
|
|
14863
14885
|
C() && e(It);
|
|
14864
14886
|
});
|
|
14865
14887
|
var Lt = sibling(Pt, 2), Rt = (e) => {
|
|
14866
|
-
var t = root_5$
|
|
14888
|
+
var t = root_5$20(), n = child(t, !0);
|
|
14867
14889
|
reset(t), template_effect(() => set_text(n, c())), append(e, t);
|
|
14868
14890
|
};
|
|
14869
14891
|
if_block(Lt, (e) => {
|
|
@@ -15094,7 +15116,7 @@ function computeMenuDropdownPosition(e) {
|
|
|
15094
15116
|
}
|
|
15095
15117
|
//#endregion
|
|
15096
15118
|
//#region src/lib/Menu/Menu.svelte
|
|
15097
|
-
var root$
|
|
15119
|
+
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
15120
|
hash: "svelte-ahcnny",
|
|
15099
15121
|
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
15122
|
};
|
|
@@ -15345,8 +15367,8 @@ function Menu(e, t) {
|
|
|
15345
15367
|
set usePortal(e = !1) {
|
|
15346
15368
|
ne(e), flushSync();
|
|
15347
15369
|
}
|
|
15348
|
-
}, jt = root_6$
|
|
15349
|
-
var t = root$
|
|
15370
|
+
}, jt = root_6$18(), Mt = child(jt), Nt = (e) => {
|
|
15371
|
+
var t = root$38(), n = child(t), a = (e) => {
|
|
15350
15372
|
var t = comment();
|
|
15351
15373
|
snippet(first_child(t), o, () => ({
|
|
15352
15374
|
onclick: vt,
|
|
@@ -15378,7 +15400,7 @@ function Menu(e, t) {
|
|
|
15378
15400
|
s() ? e(Nt) : e(Pt, -1);
|
|
15379
15401
|
});
|
|
15380
15402
|
var It = sibling(Mt, 2), Lt = (e) => {
|
|
15381
|
-
var t = root_5$
|
|
15403
|
+
var t = root_5$19();
|
|
15382
15404
|
let i;
|
|
15383
15405
|
each(t, 21, n, (e) => e.value, (e, t) => {
|
|
15384
15406
|
var n = comment(), i = first_child(n), o = (e) => {
|
|
@@ -15527,7 +15549,7 @@ customElements.define("sui-menu", create_custom_element(Menu_wc, {
|
|
|
15527
15549
|
}, ["trigger"], [], { mode: "open" }));
|
|
15528
15550
|
//#endregion
|
|
15529
15551
|
//#region src/lib/Animations/ModalAnimation.svelte
|
|
15530
|
-
var root$
|
|
15552
|
+
var root$37 = /* @__PURE__ */ from_html("<div><!></div>");
|
|
15531
15553
|
function ModalAnimation(e, t) {
|
|
15532
15554
|
push(t, !0);
|
|
15533
15555
|
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 +15617,22 @@ function ModalAnimation(e, t) {
|
|
|
15595
15617
|
}
|
|
15596
15618
|
}, S = comment(), C = first_child(S), k = (e) => {
|
|
15597
15619
|
var t = comment(), n = first_child(t), i = (e) => {
|
|
15598
|
-
var t = root$
|
|
15620
|
+
var t = root$37();
|
|
15599
15621
|
snippet(child(t), () => s() ?? noop), reset(t), template_effect(() => {
|
|
15600
15622
|
set_attribute(t, "data-pw", typeof c() == "string" ? c() : null), set_attribute(t, "testid", typeof c() == "string" ? c() : null);
|
|
15601
15623
|
}), transition(5, t, () => fly, () => get(l)), transition(6, t, () => fly, () => get(l)), append(e, t);
|
|
15602
15624
|
}, a = (e) => {
|
|
15603
|
-
var t = root$
|
|
15625
|
+
var t = root$37();
|
|
15604
15626
|
snippet(child(t), () => s() ?? noop), reset(t), template_effect(() => {
|
|
15605
15627
|
set_attribute(t, "data-pw", typeof c() == "string" ? c() : null), set_attribute(t, "testid", typeof c() == "string" ? c() : null);
|
|
15606
15628
|
}), transition(5, t, () => fly, () => get(l)), append(e, t);
|
|
15607
15629
|
}, o = (e) => {
|
|
15608
|
-
var t = root$
|
|
15630
|
+
var t = root$37();
|
|
15609
15631
|
snippet(child(t), () => s() ?? noop), reset(t), template_effect(() => {
|
|
15610
15632
|
set_attribute(t, "data-pw", typeof c() == "string" ? c() : null), set_attribute(t, "testid", typeof c() == "string" ? c() : null);
|
|
15611
15633
|
}), transition(5, t, () => fade, () => u), transition(6, t, () => fade, () => u), append(e, t);
|
|
15612
15634
|
}, h = (e) => {
|
|
15613
|
-
var t = root$
|
|
15635
|
+
var t = root$37();
|
|
15614
15636
|
snippet(child(t), () => s() ?? noop), reset(t), template_effect(() => {
|
|
15615
15637
|
set_attribute(t, "data-pw", typeof c() == "string" ? c() : null), set_attribute(t, "testid", typeof c() == "string" ? c() : null);
|
|
15616
15638
|
}), transition(5, t, () => fade, () => u), append(e, t);
|
|
@@ -15636,7 +15658,7 @@ create_custom_element(ModalAnimation, {
|
|
|
15636
15658
|
}, [], [], { mode: "open" });
|
|
15637
15659
|
//#endregion
|
|
15638
15660
|
//#region src/lib/Animations/OverlayAnimation.svelte
|
|
15639
|
-
var root$
|
|
15661
|
+
var root$36 = /* @__PURE__ */ from_html("<div><!></div>");
|
|
15640
15662
|
function OverlayAnimation(e, t) {
|
|
15641
15663
|
push(t, !0);
|
|
15642
15664
|
let n = prop(t, "children", 7), i = prop(t, "testId", 7), a = prop(t, "fadeIn", 7, !1);
|
|
@@ -15660,12 +15682,12 @@ function OverlayAnimation(e, t) {
|
|
|
15660
15682
|
a(e), flushSync();
|
|
15661
15683
|
}
|
|
15662
15684
|
}, s = comment(), c = first_child(s), l = (e) => {
|
|
15663
|
-
var t = root$
|
|
15685
|
+
var t = root$36();
|
|
15664
15686
|
snippet(child(t), () => n() ?? noop), reset(t), template_effect(() => {
|
|
15665
15687
|
set_attribute(t, "data-pw", typeof i() == "string" ? i() : null), set_attribute(t, "testid", typeof i() == "string" ? i() : null);
|
|
15666
15688
|
}), transition(1, t, () => fade, () => ({ duration: 350 })), transition(2, t, () => fade, () => ({ duration: 350 })), append(e, t);
|
|
15667
15689
|
}, u = (e) => {
|
|
15668
|
-
var t = root$
|
|
15690
|
+
var t = root$36();
|
|
15669
15691
|
snippet(child(t), () => n() ?? noop), reset(t), template_effect(() => {
|
|
15670
15692
|
set_attribute(t, "data-pw", typeof i() == "string" ? i() : null), set_attribute(t, "testid", typeof i() == "string" ? i() : null);
|
|
15671
15693
|
}), transition(2, t, () => fade, () => ({ duration: 350 })), append(e, t);
|
|
@@ -15681,7 +15703,7 @@ create_custom_element(OverlayAnimation, {
|
|
|
15681
15703
|
}, [], [], { mode: "open" });
|
|
15682
15704
|
//#endregion
|
|
15683
15705
|
//#region src/lib/Modal/Modal.svelte
|
|
15684
|
-
var root$
|
|
15706
|
+
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
15707
|
hash: "svelte-lnufm",
|
|
15686
15708
|
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
15709
|
};
|
|
@@ -15899,7 +15921,7 @@ function Modal(e, t) {
|
|
|
15899
15921
|
return ct();
|
|
15900
15922
|
},
|
|
15901
15923
|
children: (e, t) => {
|
|
15902
|
-
var i = root$
|
|
15924
|
+
var i = root$35();
|
|
15903
15925
|
ModalAnimation(child(i), {
|
|
15904
15926
|
get enable() {
|
|
15905
15927
|
return l();
|
|
@@ -15914,7 +15936,7 @@ function Modal(e, t) {
|
|
|
15914
15936
|
return f();
|
|
15915
15937
|
},
|
|
15916
15938
|
children: (e, t) => {
|
|
15917
|
-
var n = root_8$
|
|
15939
|
+
var n = root_8$14(), i = child(n), o = (e) => {
|
|
15918
15940
|
var t = root_3$24(), n = child(t), i = (e) => {
|
|
15919
15941
|
let t = (e) => {
|
|
15920
15942
|
Img(e, {
|
|
@@ -15928,7 +15950,7 @@ function Modal(e, t) {
|
|
|
15928
15950
|
});
|
|
15929
15951
|
}, n = /* @__PURE__ */ user_derived(() => p().leftImage);
|
|
15930
15952
|
var i = comment(), a = first_child(i), o = (e) => {
|
|
15931
|
-
var n = root$
|
|
15953
|
+
var n = root$35();
|
|
15932
15954
|
t(child(n)), reset(n), template_effect(() => {
|
|
15933
15955
|
set_attribute(n, "aria-label", k() ?? null), set_attribute(n, "data-pw", C()), set_attribute(n, "testid", C());
|
|
15934
15956
|
}), delegated("click", n, _t), delegated("keydown", n, St), append(e, n);
|
|
@@ -15955,7 +15977,7 @@ function Modal(e, t) {
|
|
|
15955
15977
|
typeof p().text == "string" && p().text.length > 0 && e(o);
|
|
15956
15978
|
});
|
|
15957
15979
|
var s = sibling(a, 2), c = (e) => {
|
|
15958
|
-
var t = root$
|
|
15980
|
+
var t = root$35();
|
|
15959
15981
|
Img(child(t), {
|
|
15960
15982
|
inlineSvg: !0,
|
|
15961
15983
|
get src() {
|
|
@@ -15981,15 +16003,15 @@ function Modal(e, t) {
|
|
|
15981
16003
|
var t = root_4$20();
|
|
15982
16004
|
snippet(child(t), () => ne() ?? noop), reset(t), append(e, t);
|
|
15983
16005
|
}, u = (e) => {
|
|
15984
|
-
var t = root_7$
|
|
15985
|
-
var t = root_5$
|
|
16006
|
+
var t = root_7$15(), n = child(t), i = child(n), a = (e) => {
|
|
16007
|
+
var t = root_5$18();
|
|
15986
16008
|
Button(child(t), spread_props(() => h().secondaryButton, { onclick: yt })), reset(t), append(e, t);
|
|
15987
16009
|
};
|
|
15988
16010
|
if_block(i, (e) => {
|
|
15989
16011
|
h().secondaryButton && e(a);
|
|
15990
16012
|
});
|
|
15991
16013
|
var o = sibling(i, 2), s = (e) => {
|
|
15992
|
-
var t = root_6$
|
|
16014
|
+
var t = root_6$17();
|
|
15993
16015
|
Button(child(t), spread_props(() => h().primaryButton, { onclick: vt })), reset(t), append(e, t);
|
|
15994
16016
|
};
|
|
15995
16017
|
if_block(o, (e) => {
|
|
@@ -16168,7 +16190,7 @@ customElements.define("sui-modal", create_custom_element(Modal_wc, {
|
|
|
16168
16190
|
}, ["default", "footer"], [], { mode: "open" }));
|
|
16169
16191
|
//#endregion
|
|
16170
16192
|
//#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$
|
|
16193
|
+
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
16194
|
hash: "svelte-11btwle",
|
|
16173
16195
|
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
16196
|
};
|
|
@@ -16215,7 +16237,7 @@ function Phone(e, t) {
|
|
|
16215
16237
|
}, f = root_4$19(), p = sibling(child(f), 4), h = child(p);
|
|
16216
16238
|
let S;
|
|
16217
16239
|
var C = child(h), k = (e) => {
|
|
16218
|
-
var t = root$
|
|
16240
|
+
var t = root$34(), n = sibling(child(t), 2), i = child(n);
|
|
16219
16241
|
html(i, () => signal_default, !0), reset(i);
|
|
16220
16242
|
var a = sibling(i, 2);
|
|
16221
16243
|
html(a, () => wifi_default, !0), reset(a);
|
|
@@ -16305,7 +16327,7 @@ customElements.define("sui-phone", create_custom_element(Phone_wc, {
|
|
|
16305
16327
|
}, ["default"], [], { mode: "open" }));
|
|
16306
16328
|
//#endregion
|
|
16307
16329
|
//#region src/lib/Scroller/Scroller.svelte
|
|
16308
|
-
var root$
|
|
16330
|
+
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
16331
|
hash: "svelte-1safnmk",
|
|
16310
16332
|
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
16333
|
};
|
|
@@ -16455,7 +16477,7 @@ function Scroller(e, t) {
|
|
|
16455
16477
|
set classes(e) {
|
|
16456
16478
|
R(e), flushSync();
|
|
16457
16479
|
}
|
|
16458
|
-
}, gt = root_5$
|
|
16480
|
+
}, gt = root_5$17();
|
|
16459
16481
|
let _t;
|
|
16460
16482
|
var vt = child(gt), yt = (e) => {
|
|
16461
16483
|
var t = root_1$30();
|
|
@@ -16468,7 +16490,7 @@ function Scroller(e, t) {
|
|
|
16468
16490
|
var t = comment();
|
|
16469
16491
|
snippet(first_child(t), S), append(e, t);
|
|
16470
16492
|
}, s = (e) => {
|
|
16471
|
-
var t = root$
|
|
16493
|
+
var t = root$33();
|
|
16472
16494
|
html(t, () => i() === "horizontal" ? chevron_left_default : chevron_up_default, !0), reset(t), append(e, t);
|
|
16473
16495
|
};
|
|
16474
16496
|
if_block(a, (e) => {
|
|
@@ -16507,7 +16529,7 @@ function Scroller(e, t) {
|
|
|
16507
16529
|
var t = comment();
|
|
16508
16530
|
snippet(first_child(t), C), append(e, t);
|
|
16509
16531
|
}, s = (e) => {
|
|
16510
|
-
var t = root$
|
|
16532
|
+
var t = root$33();
|
|
16511
16533
|
html(t, () => i() === "horizontal" ? chevron_right_default : chevron_down_default, !0), reset(t), append(e, t);
|
|
16512
16534
|
};
|
|
16513
16535
|
if_block(a, (e) => {
|
|
@@ -16654,7 +16676,7 @@ function computeSelectDropdownPosition(e) {
|
|
|
16654
16676
|
}
|
|
16655
16677
|
//#endregion
|
|
16656
16678
|
//#region src/lib/Select/Select.svelte
|
|
16657
|
-
var root$
|
|
16679
|
+
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
16680
|
hash: "svelte-52lifo",
|
|
16659
16681
|
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
16682
|
};
|
|
@@ -16991,7 +17013,7 @@ function Select(e, t) {
|
|
|
16991
17013
|
items: get(ot)
|
|
16992
17014
|
}));
|
|
16993
17015
|
var a = sibling(n, 2), l = (e) => {
|
|
16994
|
-
var t = root$
|
|
17016
|
+
var t = root$32();
|
|
16995
17017
|
remove_input_defaults(t), bind_this(t, (e) => set(dt, e), () => get(dt)), template_effect(() => {
|
|
16996
17018
|
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
17019
|
}), delegated("input", t, Ht), event("focus", t, Gt), append(e, t);
|
|
@@ -17017,7 +17039,7 @@ function Select(e, t) {
|
|
|
17017
17039
|
}
|
|
17018
17040
|
});
|
|
17019
17041
|
var a = sibling(n, 2), l = (e) => {
|
|
17020
|
-
var t = root$
|
|
17042
|
+
var t = root$32();
|
|
17021
17043
|
remove_input_defaults(t), bind_this(t, (e) => set(dt, e), () => get(dt)), template_effect(() => {
|
|
17022
17044
|
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
17045
|
}), delegated("input", t, Ht), event("focus", t, Gt), append(e, t);
|
|
@@ -17033,7 +17055,7 @@ function Select(e, t) {
|
|
|
17033
17055
|
typeof S() == "function" ? e(a) : e(l, -1);
|
|
17034
17056
|
}), append(e, t);
|
|
17035
17057
|
}, an = (e) => {
|
|
17036
|
-
var t = root$
|
|
17058
|
+
var t = root$32();
|
|
17037
17059
|
remove_input_defaults(t), bind_this(t, (e) => set(dt, e), () => get(dt)), template_effect(() => {
|
|
17038
17060
|
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
17061
|
}), delegated("input", t, Ht), event("focus", t, Gt), append(e, t);
|
|
@@ -17057,7 +17079,7 @@ function Select(e, t) {
|
|
|
17057
17079
|
var t = comment();
|
|
17058
17080
|
each(first_child(t), 19, () => get(Tt), (e) => e.kind === "select-all" ? "select-all" : e.item.id, (e, t, n) => {
|
|
17059
17081
|
var o = comment(), s = first_child(o), c = (e) => {
|
|
17060
|
-
var t = root_8$
|
|
17082
|
+
var t = root_8$13(), i = () => set(lt, get(n), !0);
|
|
17061
17083
|
attribute_effect(t, () => ({
|
|
17062
17084
|
class: "select-option select-all",
|
|
17063
17085
|
role: "option",
|
|
@@ -17084,13 +17106,13 @@ function Select(e, t) {
|
|
|
17084
17106
|
indeterminate: get(wt)
|
|
17085
17107
|
})), append(e, t);
|
|
17086
17108
|
}, c = (e) => {
|
|
17087
|
-
var t = root_7$
|
|
17109
|
+
var t = root_7$14();
|
|
17088
17110
|
let n;
|
|
17089
17111
|
var i = child(t), a = (e) => {
|
|
17090
|
-
var t = root_5$
|
|
17112
|
+
var t = root_5$16();
|
|
17091
17113
|
html(t, () => checkmark_default, !0), reset(t), append(e, t);
|
|
17092
17114
|
}, o = (e) => {
|
|
17093
|
-
var t = root_6$
|
|
17115
|
+
var t = root_6$16();
|
|
17094
17116
|
template_effect(() => {
|
|
17095
17117
|
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
17118
|
}), append(e, t);
|
|
@@ -17148,10 +17170,10 @@ function Select(e, t) {
|
|
|
17148
17170
|
}
|
|
17149
17171
|
append(e, n);
|
|
17150
17172
|
}, s = (e) => {
|
|
17151
|
-
var n = root_7$
|
|
17173
|
+
var n = root_7$14();
|
|
17152
17174
|
let a;
|
|
17153
17175
|
var o = child(n), s = (e) => {
|
|
17154
|
-
var t = root_5$
|
|
17176
|
+
var t = root_5$16();
|
|
17155
17177
|
html(t, () => checkmark_default, !0), reset(t), append(e, t);
|
|
17156
17178
|
}, c = /* @__PURE__ */ user_derived(() => i().includes(get(t).item.id));
|
|
17157
17179
|
if_block(o, (e) => {
|
|
@@ -17335,7 +17357,7 @@ customElements.define("sui-select", create_custom_element(Select_wc, {
|
|
|
17335
17357
|
}, ["bottom-content"], [], { mode: "open" }));
|
|
17336
17358
|
//#endregion
|
|
17337
17359
|
//#region src/lib/Sheet/Sheet.svelte
|
|
17338
|
-
var root$
|
|
17360
|
+
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
17361
|
hash: "svelte-1dln6bq",
|
|
17340
17362
|
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
17363
|
};
|
|
@@ -17477,7 +17499,7 @@ function Sheet(e, t) {
|
|
|
17477
17499
|
}, it = comment(), at = first_child(it), ot = (e) => {
|
|
17478
17500
|
var t = root_4$16(), n = child(t), p = child(n), h = (e) => {
|
|
17479
17501
|
var t = root_2$22(), n = child(t), i = (e) => {
|
|
17480
|
-
var t = root$
|
|
17502
|
+
var t = root$31(), n = child(t, !0);
|
|
17481
17503
|
reset(t), template_effect(() => set_text(n, a())), append(e, t);
|
|
17482
17504
|
};
|
|
17483
17505
|
if_block(n, (e) => {
|
|
@@ -17611,7 +17633,7 @@ customElements.define("sui-sheet", create_custom_element(Sheet_wc, {
|
|
|
17611
17633
|
}, ["default", "footer"], [], { mode: "open" }));
|
|
17612
17634
|
//#endregion
|
|
17613
17635
|
//#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$
|
|
17636
|
+
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
17637
|
hash: "svelte-ql5iye",
|
|
17616
17638
|
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
17639
|
};
|
|
@@ -17679,7 +17701,7 @@ function Snippet(e, t) {
|
|
|
17679
17701
|
ariaLabel: "Copy to clipboard",
|
|
17680
17702
|
children: (e, t) => {
|
|
17681
17703
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
17682
|
-
append(e, root$
|
|
17704
|
+
append(e, root$30());
|
|
17683
17705
|
}, o = (e) => {
|
|
17684
17706
|
var t = comment();
|
|
17685
17707
|
snippet(first_child(t), s), append(e, t);
|
|
@@ -17751,7 +17773,7 @@ customElements.define("sui-snippet", create_custom_element(Snippet_wc, {
|
|
|
17751
17773
|
}, ["copy-icon"], [], { mode: "open" }));
|
|
17752
17774
|
//#endregion
|
|
17753
17775
|
//#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$
|
|
17776
|
+
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
17777
|
hash: "svelte-2cti",
|
|
17756
17778
|
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
17779
|
};
|
|
@@ -17838,7 +17860,7 @@ function SplitButton(e, t) {
|
|
|
17838
17860
|
set(f, e, !0);
|
|
17839
17861
|
},
|
|
17840
17862
|
trigger: (e) => {
|
|
17841
|
-
var t = root$
|
|
17863
|
+
var t = root$29(), n = child(t), i = (e) => {
|
|
17842
17864
|
var t = comment();
|
|
17843
17865
|
snippet(first_child(t), s), append(e, t);
|
|
17844
17866
|
}, a = (e) => {
|
|
@@ -18029,7 +18051,7 @@ var normalizeColumns = (e, t) => ({
|
|
|
18029
18051
|
})),
|
|
18030
18052
|
rest: n.length - i.length
|
|
18031
18053
|
};
|
|
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$
|
|
18054
|
+
}, 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
18055
|
hash: "svelte-4boxsj",
|
|
18034
18056
|
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
18057
|
};
|
|
@@ -18130,7 +18152,7 @@ function BuiltinCell(e, t) {
|
|
|
18130
18152
|
}), append(e, n);
|
|
18131
18153
|
}, re = (e) => {
|
|
18132
18154
|
let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {}), n = /* @__PURE__ */ user_derived(() => asTagCellData(get(t).tag ?? null));
|
|
18133
|
-
var a = root$
|
|
18155
|
+
var a = root$28(), o = child(a), s = child(o, !0);
|
|
18134
18156
|
reset(o);
|
|
18135
18157
|
var l = sibling(o, 2), u = (e) => {
|
|
18136
18158
|
{
|
|
@@ -18190,7 +18212,7 @@ function BuiltinCell(e, t) {
|
|
|
18190
18212
|
}), append(e, a);
|
|
18191
18213
|
}, Me = (e) => {
|
|
18192
18214
|
let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {});
|
|
18193
|
-
var n = root_6$
|
|
18215
|
+
var n = root_6$15(), a = child(n), o = (e) => {
|
|
18194
18216
|
var n = root_4$15(), i = child(n);
|
|
18195
18217
|
{
|
|
18196
18218
|
let e = /* @__PURE__ */ user_derived(() => typeof get(t).text1 == "string" ? get(t).text1 : "");
|
|
@@ -18208,7 +18230,7 @@ function BuiltinCell(e, t) {
|
|
|
18208
18230
|
set_attribute(n, "data-pw", e), set_attribute(n, "testid", t);
|
|
18209
18231
|
}, [() => u("thumbnail"), () => u("thumbnail")]), append(e, n);
|
|
18210
18232
|
}, s = (e) => {
|
|
18211
|
-
var n = root_5$
|
|
18233
|
+
var n = root_5$15(), i = child(n, !0);
|
|
18212
18234
|
reset(n), template_effect((e, t, a) => {
|
|
18213
18235
|
set_attribute(n, "data-pw", e), set_attribute(n, "testid", t), set_text(i, a);
|
|
18214
18236
|
}, [
|
|
@@ -18229,7 +18251,7 @@ function BuiltinCell(e, t) {
|
|
|
18229
18251
|
}, Re = (e) => {
|
|
18230
18252
|
let t = /* @__PURE__ */ user_derived(() => asTagArrayItems(i()));
|
|
18231
18253
|
var n = comment(), a = first_child(n), o = (e) => {
|
|
18232
|
-
var n = root_7$
|
|
18254
|
+
var n = root_7$13();
|
|
18233
18255
|
each(n, 23, () => get(t), (e, t) => `${t}-${e.text}`, (e, t, n) => {
|
|
18234
18256
|
{
|
|
18235
18257
|
let i = /* @__PURE__ */ user_derived(() => get(t).classes ?? ""), a = /* @__PURE__ */ user_derived(() => get(t).testId ?? u("tag", get(n)));
|
|
@@ -18262,7 +18284,7 @@ function BuiltinCell(e, t) {
|
|
|
18262
18284
|
return get(n).icons;
|
|
18263
18285
|
} });
|
|
18264
18286
|
var o = sibling(a, 2), s = (e) => {
|
|
18265
|
-
var t = root_8$
|
|
18287
|
+
var t = root_8$12(), i = child(t);
|
|
18266
18288
|
reset(t), template_effect(() => set_text(i, `+${get(n).rest ?? ""}`)), append(e, t);
|
|
18267
18289
|
};
|
|
18268
18290
|
if_block(o, (e) => {
|
|
@@ -18739,7 +18761,7 @@ delegate(["click", "keydown"]), create_custom_element(BuiltinCell, {
|
|
|
18739
18761
|
}, [], [], { mode: "open" });
|
|
18740
18762
|
//#endregion
|
|
18741
18763
|
//#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$
|
|
18764
|
+
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
18765
|
hash: "svelte-171ci2i",
|
|
18744
18766
|
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
18767
|
};
|
|
@@ -19081,7 +19103,7 @@ function Table(e, t) {
|
|
|
19081
19103
|
gt(e), flushSync();
|
|
19082
19104
|
}
|
|
19083
19105
|
}, Rn = root_30(), zn = first_child(Rn), Bn = (e) => {
|
|
19084
|
-
var t = root$
|
|
19106
|
+
var t = root$27(), i = child(t, !0);
|
|
19085
19107
|
reset(t), template_effect(() => set_text(i, n())), append(e, t);
|
|
19086
19108
|
};
|
|
19087
19109
|
if_block(zn, (e) => {
|
|
@@ -19123,7 +19145,7 @@ function Table(e, t) {
|
|
|
19123
19145
|
C() && e(l);
|
|
19124
19146
|
});
|
|
19125
19147
|
var u = sibling(c), f = child(u), G = child(f), be = (e) => {
|
|
19126
|
-
var t = root_5$
|
|
19148
|
+
var t = root_5$14();
|
|
19127
19149
|
let n;
|
|
19128
19150
|
var i = child(t);
|
|
19129
19151
|
{
|
|
@@ -19149,7 +19171,7 @@ function Table(e, t) {
|
|
|
19149
19171
|
}
|
|
19150
19172
|
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
19173
|
}, at = (e) => {
|
|
19152
|
-
var t = root_6$
|
|
19174
|
+
var t = root_6$14();
|
|
19153
19175
|
let n;
|
|
19154
19176
|
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
19177
|
};
|
|
@@ -19157,7 +19179,7 @@ function Table(e, t) {
|
|
|
19157
19179
|
get(Fn) && !get(In) ? e(be) : get(Fn) && get(In) && e(at, 1);
|
|
19158
19180
|
});
|
|
19159
19181
|
var ct = sibling(G), ut = (e) => {
|
|
19160
|
-
var t = root_7$
|
|
19182
|
+
var t = root_7$12();
|
|
19161
19183
|
let n;
|
|
19162
19184
|
var i = child(t, !0);
|
|
19163
19185
|
reset(t), template_effect(() => {
|
|
@@ -19185,7 +19207,7 @@ function Table(e, t) {
|
|
|
19185
19207
|
},
|
|
19186
19208
|
iconPosition: "trailing",
|
|
19187
19209
|
children: (e, n) => {
|
|
19188
|
-
var i = root_8$
|
|
19210
|
+
var i = root_8$11();
|
|
19189
19211
|
let a;
|
|
19190
19212
|
var o = child(i, !0);
|
|
19191
19213
|
reset(i), template_effect(() => {
|
|
@@ -19742,7 +19764,7 @@ customElements.define("sui-table", create_custom_element(Table_wc, {
|
|
|
19742
19764
|
], [], { mode: "open" }));
|
|
19743
19765
|
//#endregion
|
|
19744
19766
|
//#region src/lib/Toast/Toast.svelte
|
|
19745
|
-
var root$
|
|
19767
|
+
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
19768
|
hash: "svelte-37crwe",
|
|
19747
19769
|
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
19770
|
};
|
|
@@ -19916,7 +19938,7 @@ function Toast(e, t) {
|
|
|
19916
19938
|
var t = root_3$16();
|
|
19917
19939
|
let n;
|
|
19918
19940
|
var c = child(t), l = (e) => {
|
|
19919
|
-
var t = root$
|
|
19941
|
+
var t = root$26();
|
|
19920
19942
|
Img(child(t), {
|
|
19921
19943
|
inlineSvg: !0,
|
|
19922
19944
|
get src() {
|
|
@@ -20083,7 +20105,7 @@ customElements.define("sui-toast", create_custom_element(Toast_wc, {
|
|
|
20083
20105
|
}, ["bottom-content"], [], { mode: "open" }));
|
|
20084
20106
|
//#endregion
|
|
20085
20107
|
//#region src/lib/Toolbar/Toolbar.svelte
|
|
20086
|
-
var root$
|
|
20108
|
+
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
20109
|
hash: "svelte-1vhiw52",
|
|
20088
20110
|
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
20111
|
};
|
|
@@ -20169,12 +20191,12 @@ function Toolbar(e, t) {
|
|
|
20169
20191
|
set headingTestId(e) {
|
|
20170
20192
|
C(e), flushSync();
|
|
20171
20193
|
}
|
|
20172
|
-
}, ne = root_6$
|
|
20194
|
+
}, ne = root_6$13(), re = child(ne), G = child(re), be = (e) => {
|
|
20173
20195
|
var t = comment();
|
|
20174
20196
|
snippet(first_child(t), s), append(e, t);
|
|
20175
20197
|
}, Me = (e) => {
|
|
20176
20198
|
var t = root_2$17(), n = child(t), i = (e) => {
|
|
20177
|
-
var t = root$
|
|
20199
|
+
var t = root$25();
|
|
20178
20200
|
template_effect(() => set_attribute(t, "src", a())), append(e, t);
|
|
20179
20201
|
}, o = (e) => {
|
|
20180
20202
|
append(e, root_1$22());
|
|
@@ -20203,7 +20225,7 @@ function Toolbar(e, t) {
|
|
|
20203
20225
|
typeof c() == "function" ? e(Ue) : typeof i() == "string" && i().length > 0 && e(it, 1);
|
|
20204
20226
|
});
|
|
20205
20227
|
var at = sibling(Re, 2), ot = (e) => {
|
|
20206
|
-
var t = root_5$
|
|
20228
|
+
var t = root_5$13();
|
|
20207
20229
|
snippet(child(t), l), reset(t), append(e, t);
|
|
20208
20230
|
};
|
|
20209
20231
|
if_block(at, (e) => {
|
|
@@ -20422,7 +20444,7 @@ var TIME_DISPLAY_PATTERN = /^(1[0-2]|0?[1-9]):([0-5][0-9])\s?(AM|PM)$/i, pad = (
|
|
|
20422
20444
|
}
|
|
20423
20445
|
let a = NUMERIC_SLASH_DATE_PATTERN.exec(t);
|
|
20424
20446
|
return a === null ? null : buildDateFromParts(Number(a[3]), Number(a[1]) - 1, Number(a[2]));
|
|
20425
|
-
}, root$
|
|
20447
|
+
}, 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
20448
|
hash: "svelte-gpybdi",
|
|
20427
20449
|
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
20450
|
};
|
|
@@ -20887,7 +20909,7 @@ function DateRangePicker(e, t) {
|
|
|
20887
20909
|
var t = comment();
|
|
20888
20910
|
snippet(first_child(t), ct, () => get(hn)), append(e, t);
|
|
20889
20911
|
}, o = (e) => {
|
|
20890
|
-
var t = root$
|
|
20912
|
+
var t = root$24(), n = first_child(t), i = child(n, !0);
|
|
20891
20913
|
reset(n);
|
|
20892
20914
|
var a = sibling(n, 2), o = child(a), s = (e) => {
|
|
20893
20915
|
var t = comment();
|
|
@@ -20979,11 +21001,11 @@ function DateRangePicker(e, t) {
|
|
|
20979
21001
|
var t = root_18$2();
|
|
20980
21002
|
let i;
|
|
20981
21003
|
var a = child(t), f = child(a), k = (e) => {
|
|
20982
|
-
var t = root_8$
|
|
21004
|
+
var t = root_8$10();
|
|
20983
21005
|
each(t, 23, p, (e) => e.label, (e, t, n) => {
|
|
20984
21006
|
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$
|
|
21007
|
+
var o = root_7$11(), s = first_child(o), c = (e) => {
|
|
21008
|
+
var n = root_5$12(), i = child(n), a = (e) => {
|
|
20987
21009
|
var n = root_4$12(), i = child(n, !0);
|
|
20988
21010
|
reset(n), template_effect(() => set_text(i, get(t).group)), append(e, n);
|
|
20989
21011
|
};
|
|
@@ -20997,7 +21019,7 @@ function DateRangePicker(e, t) {
|
|
|
20997
21019
|
var l = sibling(s, 2);
|
|
20998
21020
|
let u;
|
|
20999
21021
|
var f = child(l), S = sibling(f), C = (e) => {
|
|
21000
|
-
var t = root_6$
|
|
21022
|
+
var t = root_6$12();
|
|
21001
21023
|
html(t, () => checkmark_default, !0), reset(t), template_effect(() => {
|
|
21002
21024
|
set_attribute(t, "data-pw", typeof at() == "string" ? `${at()}-preset-check` : null), set_attribute(t, "testid", typeof at() == "string" ? `${at()}-preset-check` : null);
|
|
21003
21025
|
}), append(e, t);
|
|
@@ -28496,7 +28518,7 @@ var require_lottie = /* @__PURE__ */ __commonJSMin(((exports, module) => {
|
|
|
28496
28518
|
}
|
|
28497
28519
|
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
28520
|
}));
|
|
28499
|
-
})), root$
|
|
28521
|
+
})), root$23 = /* @__PURE__ */ from_html("<div></div>"), $$css$25 = {
|
|
28500
28522
|
hash: "svelte-w616hg",
|
|
28501
28523
|
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
28524
|
};
|
|
@@ -28605,7 +28627,7 @@ function LottiePlayer(e, t) {
|
|
|
28605
28627
|
set onerror(e) {
|
|
28606
28628
|
h(e), flushSync();
|
|
28607
28629
|
}
|
|
28608
|
-
}, G = root$
|
|
28630
|
+
}, G = root$23();
|
|
28609
28631
|
return bind_this(G, (e) => set(S, e), () => get(S)), template_effect(() => {
|
|
28610
28632
|
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
28633
|
}), append(e, G), pop(re);
|
|
@@ -28703,7 +28725,7 @@ customElements.define("sui-lottie-player", create_custom_element(LottiePlayer_wc
|
|
|
28703
28725
|
}, [], [], { mode: "open" }));
|
|
28704
28726
|
//#endregion
|
|
28705
28727
|
//#region src/lib/DeltaIndicator/DeltaIndicator.svelte
|
|
28706
|
-
var root$
|
|
28728
|
+
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
28729
|
hash: "svelte-1h4ulcy",
|
|
28708
28730
|
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
28731
|
};
|
|
@@ -28754,7 +28776,7 @@ function DeltaIndicator(e, t) {
|
|
|
28754
28776
|
l(e), flushSync();
|
|
28755
28777
|
}
|
|
28756
28778
|
}, k = root_2$15(), R = child(k), te = (e) => {
|
|
28757
|
-
var t = root$
|
|
28779
|
+
var t = root$22();
|
|
28758
28780
|
template_effect(() => set_class(t, 1, `delta-indicator-arrow delta-arrow-${get(p) ?? ""}`, "svelte-1h4ulcy")), append(e, t);
|
|
28759
28781
|
}, ne = (e) => {
|
|
28760
28782
|
append(e, root_1$20());
|
|
@@ -28778,7 +28800,7 @@ create_custom_element(DeltaIndicator, {
|
|
|
28778
28800
|
}, [], [], { mode: "open" });
|
|
28779
28801
|
//#endregion
|
|
28780
28802
|
//#region src/lib/StatCard/StatCard.svelte
|
|
28781
|
-
var root$
|
|
28803
|
+
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
28804
|
hash: "svelte-pfmus",
|
|
28783
28805
|
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
28806
|
};
|
|
@@ -28912,7 +28934,7 @@ function StatCard(e, t) {
|
|
|
28912
28934
|
return p().testId;
|
|
28913
28935
|
},
|
|
28914
28936
|
children: (e, t) => {
|
|
28915
|
-
var i = root$
|
|
28937
|
+
var i = root$21(), a = child(i), o = child(a, !0);
|
|
28916
28938
|
reset(a), next(2), reset(i), template_effect(() => set_text(o, n())), append(e, i);
|
|
28917
28939
|
},
|
|
28918
28940
|
$$slots: { default: !0 }
|
|
@@ -28968,7 +28990,7 @@ function StatCard(e, t) {
|
|
|
28968
28990
|
let n;
|
|
28969
28991
|
each(t, 21, u, index, (e, t, n) => {
|
|
28970
28992
|
var i = root_16$2(), a = first_child(i), o = (e) => {
|
|
28971
|
-
var t = root_5$
|
|
28993
|
+
var t = root_5$11();
|
|
28972
28994
|
template_effect(() => {
|
|
28973
28995
|
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
28996
|
}), append(e, t);
|
|
@@ -28977,7 +28999,7 @@ function StatCard(e, t) {
|
|
|
28977
28999
|
n > 0 && e(o);
|
|
28978
29000
|
});
|
|
28979
29001
|
var s = sibling(a, 2), c = child(s), l = (e) => {
|
|
28980
|
-
var n = root_8$
|
|
29002
|
+
var n = root_8$9(), i = child(n), a = (e) => {
|
|
28981
29003
|
{
|
|
28982
29004
|
let n = /* @__PURE__ */ user_derived(() => get(t).tooltip.position ?? "top");
|
|
28983
29005
|
Tooltip(e, {
|
|
@@ -28991,14 +29013,14 @@ function StatCard(e, t) {
|
|
|
28991
29013
|
return get(t).tooltip.testId;
|
|
28992
29014
|
},
|
|
28993
29015
|
children: (e, n) => {
|
|
28994
|
-
var i = root_6$
|
|
29016
|
+
var i = root_6$11(), a = child(i, !0);
|
|
28995
29017
|
reset(i), template_effect(() => set_text(a, get(t).heading)), append(e, i);
|
|
28996
29018
|
},
|
|
28997
29019
|
$$slots: { default: !0 }
|
|
28998
29020
|
});
|
|
28999
29021
|
}
|
|
29000
29022
|
}, o = (e) => {
|
|
29001
|
-
var n = root_7$
|
|
29023
|
+
var n = root_7$10(), i = child(n, !0);
|
|
29002
29024
|
reset(n), template_effect(() => set_text(i, get(t).heading)), append(e, n);
|
|
29003
29025
|
};
|
|
29004
29026
|
if_block(i, (e) => {
|
|
@@ -29320,7 +29342,7 @@ customElements.define("sui-delta-indicator", create_custom_element(DeltaIndicato
|
|
|
29320
29342
|
}, [], [], { mode: "open" }));
|
|
29321
29343
|
//#endregion
|
|
29322
29344
|
//#region src/lib/ProportionBar/ProportionBar.svelte
|
|
29323
|
-
var root$
|
|
29345
|
+
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
29346
|
hash: "svelte-kuxrgu",
|
|
29325
29347
|
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
29348
|
};
|
|
@@ -29387,7 +29409,7 @@ function ProportionBar(e, t) {
|
|
|
29387
29409
|
}
|
|
29388
29410
|
}, re = root_3$12(), G = child(re), be = child(G);
|
|
29389
29411
|
each(be, 21, () => get(R), index, (e, t, n) => {
|
|
29390
|
-
var i = root$
|
|
29412
|
+
var i = root$20();
|
|
29391
29413
|
set_attribute(i, "y", 0), set_attribute(i, "height", 10);
|
|
29392
29414
|
var a = child(i), o = child(a);
|
|
29393
29415
|
reset(a), reset(i), template_effect((e) => {
|
|
@@ -29452,7 +29474,7 @@ customElements.define("sui-proportion-bar", create_custom_element(ProportionBar_
|
|
|
29452
29474
|
}, [], [], { mode: "open" }));
|
|
29453
29475
|
//#endregion
|
|
29454
29476
|
//#region src/lib/Resizable/Resizable.svelte
|
|
29455
|
-
var root$
|
|
29477
|
+
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
29478
|
hash: "svelte-1su0g5i",
|
|
29457
29479
|
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
29480
|
};
|
|
@@ -29666,7 +29688,7 @@ function Resizable(e, t) {
|
|
|
29666
29688
|
return if_block(yt, (e) => {
|
|
29667
29689
|
typeof h() == "function" && e(bt);
|
|
29668
29690
|
}), each(sibling(yt, 2), 16, () => get(be), (e) => e, (e, t) => {
|
|
29669
|
-
var n = root$
|
|
29691
|
+
var n = root$19();
|
|
29670
29692
|
template_effect((e, i, a, o) => {
|
|
29671
29693
|
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
29694
|
}, [
|
|
@@ -29763,7 +29785,7 @@ customElements.define("sui-resizable", create_custom_element(Resizable_wc, {
|
|
|
29763
29785
|
}, [], [], { mode: "open" }));
|
|
29764
29786
|
//#endregion
|
|
29765
29787
|
//#region src/lib/Draggable/Draggable.svelte
|
|
29766
|
-
var root$
|
|
29788
|
+
var root$18 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$20 = {
|
|
29767
29789
|
hash: "svelte-16jwrvq",
|
|
29768
29790
|
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
29791
|
};
|
|
@@ -29910,7 +29932,7 @@ function Draggable(e, t) {
|
|
|
29910
29932
|
set classes(e) {
|
|
29911
29933
|
k(e), flushSync();
|
|
29912
29934
|
}
|
|
29913
|
-
}, it = root$
|
|
29935
|
+
}, it = root$18();
|
|
29914
29936
|
let at, ot;
|
|
29915
29937
|
var ct = child(it), lt = (e) => {
|
|
29916
29938
|
var t = comment();
|
|
@@ -29987,32 +30009,79 @@ customElements.define("sui-draggable", create_custom_element(Draggable_wc, {
|
|
|
29987
30009
|
}, [], [], { mode: "open" }));
|
|
29988
30010
|
//#endregion
|
|
29989
30011
|
//#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",
|
|
30012
|
+
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
30013
|
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;}"
|
|
30014
|
+
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
30015
|
};
|
|
29994
30016
|
function MediaPlayer(e, t) {
|
|
29995
30017
|
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
|
-
|
|
30018
|
+
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());
|
|
30019
|
+
function xt(e) {
|
|
30020
|
+
if (!Number.isFinite(e) || e < 0) return "--:--";
|
|
30021
|
+
let t = Math.floor(e), n = Math.floor(t / 3600), i = Math.floor(t % 3600 / 60), a = (t % 60).toString().padStart(2, "0");
|
|
30022
|
+
return n > 0 ? `${n}:${i.toString().padStart(2, "0")}:${a}` : `${i}:${a}`;
|
|
30023
|
+
}
|
|
30024
|
+
function St() {
|
|
30025
|
+
get(_t) !== null && (get(_t).paused ? get(_t).play() : get(_t).pause());
|
|
29999
30026
|
}
|
|
30000
30027
|
user_effect(() => {
|
|
30001
|
-
get(
|
|
30028
|
+
get(_t) !== null && (u() && get(_t).paused ? get(_t).play() : !u() && !get(_t).paused && get(_t).pause());
|
|
30002
30029
|
});
|
|
30003
|
-
function
|
|
30004
|
-
f(!f()),
|
|
30030
|
+
function Ct() {
|
|
30031
|
+
f(!f()), ot()?.(f());
|
|
30005
30032
|
}
|
|
30006
|
-
function
|
|
30007
|
-
u(!0),
|
|
30033
|
+
function wt(e) {
|
|
30034
|
+
u(!0), it()?.(e);
|
|
30008
30035
|
}
|
|
30009
|
-
function
|
|
30010
|
-
u(!1),
|
|
30036
|
+
function Tt(e) {
|
|
30037
|
+
u(!1), at()?.(e);
|
|
30011
30038
|
}
|
|
30012
|
-
function
|
|
30013
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(),
|
|
30039
|
+
function Et(e) {
|
|
30040
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), St());
|
|
30041
|
+
}
|
|
30042
|
+
function Dt() {
|
|
30043
|
+
get(_t) !== null && (Re(get(_t).currentTime), ht = Re(), lt()?.(Re(), Ue()));
|
|
30014
30044
|
}
|
|
30015
|
-
|
|
30045
|
+
function Ot() {
|
|
30046
|
+
get(_t) !== null && Ue(Number.isFinite(get(_t).duration) ? get(_t).duration : 0);
|
|
30047
|
+
}
|
|
30048
|
+
user_effect(() => {
|
|
30049
|
+
if (!(get(_t) === null || get(_t).readyState < 1) && (Ue() === 0 && Number.isFinite(get(_t).duration) && Ue(get(_t).duration), gt !== null)) {
|
|
30050
|
+
let e = Ue() > 0 ? Ue() : get(_t).duration, t = Number.isFinite(e) ? Math.min(Math.max(gt, 0), e) : Math.max(gt, 0);
|
|
30051
|
+
gt = null, ht = t, Re(t), get(_t).currentTime = t;
|
|
30052
|
+
}
|
|
30053
|
+
}), user_effect(() => {
|
|
30054
|
+
let e = Re();
|
|
30055
|
+
if (get(_t) === null || Math.abs(e - ht) < .01) return;
|
|
30056
|
+
if (get(_t).readyState < 1) {
|
|
30057
|
+
gt = e;
|
|
30058
|
+
return;
|
|
30059
|
+
}
|
|
30060
|
+
let t = Ue() > 0 ? Math.min(Math.max(e, 0), Ue()) : Math.max(e, 0);
|
|
30061
|
+
ht = t, get(_t).currentTime = t;
|
|
30062
|
+
});
|
|
30063
|
+
function kt(e) {
|
|
30064
|
+
if (get(_t) === null || Ue() <= 0) return;
|
|
30065
|
+
let t = Math.min(Math.max(e, 0), Ue());
|
|
30066
|
+
get(_t).currentTime = t, Re(t), ht = t, ct()?.(t);
|
|
30067
|
+
}
|
|
30068
|
+
function At() {
|
|
30069
|
+
let e = get(vt)?.getRootNode();
|
|
30070
|
+
return e instanceof ShadowRoot ? e.fullscreenElement : document.fullscreenElement;
|
|
30071
|
+
}
|
|
30072
|
+
async function jt() {
|
|
30073
|
+
if (get(vt) !== null) try {
|
|
30074
|
+
At() === null ? await get(vt).requestFullscreen() : await document.exitFullscreen();
|
|
30075
|
+
} catch {}
|
|
30076
|
+
}
|
|
30077
|
+
user_effect(() => {
|
|
30078
|
+
function e() {
|
|
30079
|
+
let e = get(vt) !== null && At() === get(vt);
|
|
30080
|
+
e !== get(yt) && (set(yt, e, !0), ut()?.(e));
|
|
30081
|
+
}
|
|
30082
|
+
return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
|
|
30083
|
+
});
|
|
30084
|
+
var Mt = {
|
|
30016
30085
|
get src() {
|
|
30017
30086
|
return n();
|
|
30018
30087
|
},
|
|
@@ -30109,38 +30178,100 @@ function MediaPlayer(e, t) {
|
|
|
30109
30178
|
set captionsSrcLang(e) {
|
|
30110
30179
|
te(e), flushSync();
|
|
30111
30180
|
},
|
|
30112
|
-
get
|
|
30181
|
+
get seekBar() {
|
|
30113
30182
|
return ne();
|
|
30114
30183
|
},
|
|
30115
|
-
set
|
|
30184
|
+
set seekBar(e = !1) {
|
|
30116
30185
|
ne(e), flushSync();
|
|
30117
30186
|
},
|
|
30118
|
-
get
|
|
30187
|
+
get timeDisplay() {
|
|
30119
30188
|
return re();
|
|
30120
30189
|
},
|
|
30121
|
-
set
|
|
30190
|
+
set timeDisplay(e = !1) {
|
|
30122
30191
|
re(e), flushSync();
|
|
30123
30192
|
},
|
|
30124
|
-
get
|
|
30193
|
+
get fullscreenButton() {
|
|
30125
30194
|
return G();
|
|
30126
30195
|
},
|
|
30127
|
-
set
|
|
30196
|
+
set fullscreenButton(e = !1) {
|
|
30128
30197
|
G(e), flushSync();
|
|
30129
30198
|
},
|
|
30130
|
-
get
|
|
30199
|
+
get fullscreenIcon() {
|
|
30131
30200
|
return be();
|
|
30132
30201
|
},
|
|
30133
|
-
set
|
|
30202
|
+
set fullscreenIcon(e) {
|
|
30134
30203
|
be(e), flushSync();
|
|
30135
30204
|
},
|
|
30136
|
-
get
|
|
30205
|
+
get exitFullscreenIcon() {
|
|
30137
30206
|
return Me();
|
|
30138
30207
|
},
|
|
30139
|
-
set
|
|
30208
|
+
set exitFullscreenIcon(e) {
|
|
30140
30209
|
Me(e), flushSync();
|
|
30210
|
+
},
|
|
30211
|
+
get currentTime() {
|
|
30212
|
+
return Re();
|
|
30213
|
+
},
|
|
30214
|
+
set currentTime(e = 0) {
|
|
30215
|
+
Re(e), flushSync();
|
|
30216
|
+
},
|
|
30217
|
+
get duration() {
|
|
30218
|
+
return Ue();
|
|
30219
|
+
},
|
|
30220
|
+
set duration(e = 0) {
|
|
30221
|
+
Ue(e), flushSync();
|
|
30222
|
+
},
|
|
30223
|
+
get onplay() {
|
|
30224
|
+
return it();
|
|
30225
|
+
},
|
|
30226
|
+
set onplay(e) {
|
|
30227
|
+
it(e), flushSync();
|
|
30228
|
+
},
|
|
30229
|
+
get onpause() {
|
|
30230
|
+
return at();
|
|
30231
|
+
},
|
|
30232
|
+
set onpause(e) {
|
|
30233
|
+
at(e), flushSync();
|
|
30234
|
+
},
|
|
30235
|
+
get onvolumechange() {
|
|
30236
|
+
return ot();
|
|
30237
|
+
},
|
|
30238
|
+
set onvolumechange(e) {
|
|
30239
|
+
ot(e), flushSync();
|
|
30240
|
+
},
|
|
30241
|
+
get onseek() {
|
|
30242
|
+
return ct();
|
|
30243
|
+
},
|
|
30244
|
+
set onseek(e) {
|
|
30245
|
+
ct(e), flushSync();
|
|
30246
|
+
},
|
|
30247
|
+
get ontimeupdate() {
|
|
30248
|
+
return lt();
|
|
30249
|
+
},
|
|
30250
|
+
set ontimeupdate(e) {
|
|
30251
|
+
lt(e), flushSync();
|
|
30252
|
+
},
|
|
30253
|
+
get onfullscreenchange() {
|
|
30254
|
+
return ut();
|
|
30255
|
+
},
|
|
30256
|
+
set onfullscreenchange(e) {
|
|
30257
|
+
ut(e), flushSync();
|
|
30258
|
+
},
|
|
30259
|
+
get testId() {
|
|
30260
|
+
return dt();
|
|
30261
|
+
},
|
|
30262
|
+
set testId(e) {
|
|
30263
|
+
dt(e), flushSync();
|
|
30264
|
+
},
|
|
30265
|
+
get classes() {
|
|
30266
|
+
return ft();
|
|
30267
|
+
},
|
|
30268
|
+
set classes(e) {
|
|
30269
|
+
ft(e), flushSync();
|
|
30141
30270
|
}
|
|
30142
|
-
},
|
|
30143
|
-
|
|
30271
|
+
}, Nt = root_8$8();
|
|
30272
|
+
let Pt;
|
|
30273
|
+
var It = child(Nt), Lt = (e) => {
|
|
30274
|
+
var t = root_1$16();
|
|
30144
30275
|
Img(child(t), {
|
|
30145
30276
|
get src() {
|
|
30146
30277
|
return n();
|
|
@@ -30152,22 +30283,22 @@ function MediaPlayer(e, t) {
|
|
|
30152
30283
|
return l();
|
|
30153
30284
|
}
|
|
30154
30285
|
}), reset(t), append(e, t);
|
|
30155
|
-
},
|
|
30156
|
-
var t =
|
|
30157
|
-
var t =
|
|
30286
|
+
}, Rt = (e) => {
|
|
30287
|
+
var t = root_7$9(), i = first_child(t), a = child(i), l = (e) => {
|
|
30288
|
+
var t = root_2$12();
|
|
30158
30289
|
template_effect(() => {
|
|
30159
30290
|
set_attribute(t, "src", k()), set_attribute(t, "label", typeof R() == "string" ? R() : null), set_attribute(t, "srclang", typeof te() == "string" ? te() : null);
|
|
30160
30291
|
}), append(e, t);
|
|
30161
30292
|
};
|
|
30162
30293
|
if_block(a, (e) => {
|
|
30163
30294
|
typeof k() == "string" && k().length > 0 && e(l);
|
|
30164
|
-
}), reset(i), bind_this(i, (e) => set(
|
|
30165
|
-
var
|
|
30166
|
-
var t =
|
|
30295
|
+
}), reset(i), bind_this(i, (e) => set(_t, e), () => get(_t));
|
|
30296
|
+
var it = sibling(i, 2), at = (e) => {
|
|
30297
|
+
var t = root_6$10(), n = child(t), i = child(n), a = child(i);
|
|
30167
30298
|
{
|
|
30168
30299
|
let e = /* @__PURE__ */ user_derived(() => u() ? "Pause video" : "Play video");
|
|
30169
30300
|
Button(a, {
|
|
30170
|
-
onclick:
|
|
30301
|
+
onclick: St,
|
|
30171
30302
|
get ariaLabel() {
|
|
30172
30303
|
return get(e);
|
|
30173
30304
|
},
|
|
@@ -30198,11 +30329,48 @@ function MediaPlayer(e, t) {
|
|
|
30198
30329
|
});
|
|
30199
30330
|
}
|
|
30200
30331
|
reset(i), reset(n);
|
|
30201
|
-
var o = sibling(n, 2)
|
|
30332
|
+
var o = sibling(n, 2);
|
|
30333
|
+
let s;
|
|
30334
|
+
var c = child(o), l = (e) => {
|
|
30335
|
+
var t = root_3$11(), n = child(t);
|
|
30336
|
+
{
|
|
30337
|
+
let e = /* @__PURE__ */ user_derived(() => Ue() > 0 ? Ue() : 1), t = /* @__PURE__ */ user_derived(() => Ue() <= 0);
|
|
30338
|
+
Slider(n, {
|
|
30339
|
+
get value() {
|
|
30340
|
+
return Re();
|
|
30341
|
+
},
|
|
30342
|
+
min: 0,
|
|
30343
|
+
get max() {
|
|
30344
|
+
return get(e);
|
|
30345
|
+
},
|
|
30346
|
+
step: .1,
|
|
30347
|
+
get disabled() {
|
|
30348
|
+
return get(t);
|
|
30349
|
+
},
|
|
30350
|
+
oninput: kt,
|
|
30351
|
+
onchange: kt,
|
|
30352
|
+
ariaLabel: "Seek"
|
|
30353
|
+
});
|
|
30354
|
+
}
|
|
30355
|
+
reset(t), template_effect(() => set_attribute(t, "data-pw", typeof dt() == "string" ? `${dt()}-seek` : null)), append(e, t);
|
|
30356
|
+
};
|
|
30357
|
+
if_block(c, (e) => {
|
|
30358
|
+
ne() && e(l);
|
|
30359
|
+
});
|
|
30360
|
+
var k = sibling(c, 2), R = (e) => {
|
|
30361
|
+
var t = root_4$10(), n = child(t);
|
|
30362
|
+
reset(t), template_effect((e, i) => {
|
|
30363
|
+
set_attribute(t, "data-pw", typeof dt() == "string" ? `${dt()}-time` : null), set_text(n, `${e ?? ""} / ${i ?? ""}`);
|
|
30364
|
+
}, [() => xt(Re()), () => xt(Ue())]), append(e, t);
|
|
30365
|
+
};
|
|
30366
|
+
if_block(k, (e) => {
|
|
30367
|
+
re() && e(R);
|
|
30368
|
+
});
|
|
30369
|
+
var te = sibling(k, 2), it = child(te);
|
|
30202
30370
|
{
|
|
30203
30371
|
let e = /* @__PURE__ */ user_derived(() => f() ? "Unmute" : "Mute");
|
|
30204
|
-
Button(
|
|
30205
|
-
onclick:
|
|
30372
|
+
Button(it, {
|
|
30373
|
+
onclick: Ct,
|
|
30206
30374
|
get ariaLabel() {
|
|
30207
30375
|
return get(e);
|
|
30208
30376
|
},
|
|
@@ -30232,23 +30400,63 @@ function MediaPlayer(e, t) {
|
|
|
30232
30400
|
$$slots: { default: !0 }
|
|
30233
30401
|
});
|
|
30234
30402
|
}
|
|
30235
|
-
reset(
|
|
30403
|
+
reset(te);
|
|
30404
|
+
var at = sibling(te, 2), ot = (e) => {
|
|
30405
|
+
var t = root_5$10(), n = child(t);
|
|
30406
|
+
{
|
|
30407
|
+
let e = /* @__PURE__ */ user_derived(() => get(yt) ? "Exit fullscreen" : "Enter fullscreen");
|
|
30408
|
+
Button(n, {
|
|
30409
|
+
onclick: jt,
|
|
30410
|
+
get ariaLabel() {
|
|
30411
|
+
return get(e);
|
|
30412
|
+
},
|
|
30413
|
+
children: (e, t) => {
|
|
30414
|
+
var n = comment(), i = first_child(n), a = (e) => {
|
|
30415
|
+
var t = comment(), n = first_child(t), i = (e) => {
|
|
30416
|
+
var t = comment();
|
|
30417
|
+
snippet(first_child(t), Me), append(e, t);
|
|
30418
|
+
}, a = (e) => {
|
|
30419
|
+
var t = comment();
|
|
30420
|
+
html(first_child(t), () => exit_fullscreen_default), append(e, t);
|
|
30421
|
+
};
|
|
30422
|
+
if_block(n, (e) => {
|
|
30423
|
+
typeof Me() == "function" ? e(i) : e(a, -1);
|
|
30424
|
+
}), append(e, t);
|
|
30425
|
+
}, o = (e) => {
|
|
30426
|
+
var t = comment();
|
|
30427
|
+
snippet(first_child(t), be), append(e, t);
|
|
30428
|
+
}, s = (e) => {
|
|
30429
|
+
var t = comment();
|
|
30430
|
+
html(first_child(t), () => fullscreen_default), append(e, t);
|
|
30431
|
+
};
|
|
30432
|
+
if_block(i, (e) => {
|
|
30433
|
+
get(yt) ? e(a) : typeof be() == "function" ? e(o, 1) : e(s, -1);
|
|
30434
|
+
}), append(e, n);
|
|
30435
|
+
},
|
|
30436
|
+
$$slots: { default: !0 }
|
|
30437
|
+
});
|
|
30438
|
+
}
|
|
30439
|
+
reset(t), template_effect(() => set_attribute(t, "data-pw", typeof dt() == "string" ? `${dt()}-fullscreen` : null)), append(e, t);
|
|
30440
|
+
};
|
|
30441
|
+
if_block(at, (e) => {
|
|
30442
|
+
G() && e(ot);
|
|
30443
|
+
}), reset(o), reset(t), template_effect(() => s = set_class(o, 1, "bottom-controls svelte-16jqa96", null, s, { transport: get(bt) })), append(e, t);
|
|
30236
30444
|
};
|
|
30237
|
-
if_block(
|
|
30238
|
-
c() || e(
|
|
30445
|
+
if_block(it, (e) => {
|
|
30446
|
+
c() || e(at);
|
|
30239
30447
|
}), 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 :
|
|
30448
|
+
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");
|
|
30449
|
+
}), event("play", i, wt), event("pause", i, Tt), event("timeupdate", i, Dt), event("loadedmetadata", i, Ot), delegated("click", i, function(...e) {
|
|
30450
|
+
(c() ? null : St)?.apply(this, e);
|
|
30243
30451
|
}), delegated("keydown", i, function(...e) {
|
|
30244
|
-
(c() ? null :
|
|
30452
|
+
(c() ? null : Et)?.apply(this, e);
|
|
30245
30453
|
}), bind_muted(i, f), append(e, t);
|
|
30246
30454
|
};
|
|
30247
|
-
return if_block(
|
|
30248
|
-
i() === "image" ? e(
|
|
30249
|
-
}), reset(
|
|
30250
|
-
set_class(
|
|
30251
|
-
}), append(e,
|
|
30455
|
+
return if_block(It, (e) => {
|
|
30456
|
+
i() === "image" ? e(Lt) : e(Rt, -1);
|
|
30457
|
+
}), reset(Nt), bind_this(Nt, (e) => set(vt, e), () => get(vt)), template_effect(() => {
|
|
30458
|
+
Pt = set_class(Nt, 1, `media-player ${ft() ?? "" ?? ""}`, "svelte-16jqa96", Pt, { fullscreen: get(yt) }), set_attribute(Nt, "data-pw", typeof dt() == "string" ? dt() : null);
|
|
30459
|
+
}), append(e, Nt), pop(Mt);
|
|
30252
30460
|
}
|
|
30253
30461
|
delegate(["click", "keydown"]), create_custom_element(MediaPlayer, {
|
|
30254
30462
|
src: {},
|
|
@@ -30267,9 +30475,19 @@ delegate(["click", "keydown"]), create_custom_element(MediaPlayer, {
|
|
|
30267
30475
|
captionsSrc: {},
|
|
30268
30476
|
captionsLabel: {},
|
|
30269
30477
|
captionsSrcLang: {},
|
|
30478
|
+
seekBar: {},
|
|
30479
|
+
timeDisplay: {},
|
|
30480
|
+
fullscreenButton: {},
|
|
30481
|
+
fullscreenIcon: {},
|
|
30482
|
+
exitFullscreenIcon: {},
|
|
30483
|
+
currentTime: {},
|
|
30484
|
+
duration: {},
|
|
30270
30485
|
onplay: {},
|
|
30271
30486
|
onpause: {},
|
|
30272
30487
|
onvolumechange: {},
|
|
30488
|
+
onseek: {},
|
|
30489
|
+
ontimeupdate: {},
|
|
30490
|
+
onfullscreenchange: {},
|
|
30273
30491
|
testId: {},
|
|
30274
30492
|
classes: {}
|
|
30275
30493
|
}, [], [], { mode: "open" });
|
|
@@ -30322,9 +30540,31 @@ customElements.define("sui-media-player", create_custom_element(MediaPlayer_wc,
|
|
|
30322
30540
|
type: "String"
|
|
30323
30541
|
},
|
|
30324
30542
|
classes: { type: "String" },
|
|
30543
|
+
seekBar: {
|
|
30544
|
+
attribute: "seek-bar",
|
|
30545
|
+
type: "Boolean"
|
|
30546
|
+
},
|
|
30547
|
+
timeDisplay: {
|
|
30548
|
+
attribute: "time-display",
|
|
30549
|
+
type: "Boolean"
|
|
30550
|
+
},
|
|
30551
|
+
fullscreenButton: {
|
|
30552
|
+
attribute: "fullscreen-button",
|
|
30553
|
+
type: "Boolean"
|
|
30554
|
+
},
|
|
30555
|
+
fullscreenIcon: { type: "Object" },
|
|
30556
|
+
exitFullscreenIcon: { type: "Object" },
|
|
30557
|
+
currentTime: {
|
|
30558
|
+
attribute: "current-time",
|
|
30559
|
+
type: "Number"
|
|
30560
|
+
},
|
|
30561
|
+
duration: { type: "Number" },
|
|
30325
30562
|
onplay: { type: "Object" },
|
|
30326
30563
|
onpause: { type: "Object" },
|
|
30327
|
-
onvolumechange: { type: "Object" }
|
|
30564
|
+
onvolumechange: { type: "Object" },
|
|
30565
|
+
onseek: { type: "Object" },
|
|
30566
|
+
ontimeupdate: { type: "Object" },
|
|
30567
|
+
onfullscreenchange: { type: "Object" }
|
|
30328
30568
|
}, [], [], { mode: "open" }));
|
|
30329
30569
|
//#endregion
|
|
30330
30570
|
//#region src/lib/assets/add.svg?raw
|