@juspay/svelte-ui-components 4.24.0 → 4.26.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/MarkdownText/markdown.js +82 -9
- package/dist/MarkdownText/properties.d.ts +46 -2
- package/dist/SpeechSynthesis/controller.svelte.d.ts +89 -0
- package/dist/SpeechSynthesis/controller.svelte.js +385 -0
- package/dist/SpeechSynthesis/types.d.ts +68 -0
- package/dist/SpeechSynthesis/types.js +1 -0
- package/dist/VoiceOrb/VoiceOrb.svelte +400 -0
- package/dist/VoiceOrb/VoiceOrb.svelte.d.ts +4 -0
- package/dist/VoiceOrb/orbMath.d.ts +131 -0
- package/dist/VoiceOrb/orbMath.js +267 -0
- package/dist/VoiceOrb/properties.d.ts +105 -0
- package/dist/VoiceOrb/properties.js +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +2 -0
- package/dist-wc/index.js +548 -173
- package/package.json +1 -1
package/dist-wc/index.js
CHANGED
|
@@ -3518,12 +3518,12 @@ function create_custom_element(e, t, n, i, a, o) {
|
|
|
3518
3518
|
}
|
|
3519
3519
|
//#endregion
|
|
3520
3520
|
//#region src/lib/Img/Img.svelte
|
|
3521
|
-
var root_1$80 = /* @__PURE__ */ from_svg("<svg></svg>"), root_2$61 = /* @__PURE__ */ from_html("<img/>"), $$css$
|
|
3521
|
+
var root_1$80 = /* @__PURE__ */ from_svg("<svg></svg>"), root_2$61 = /* @__PURE__ */ from_html("<img/>"), $$css$92 = {
|
|
3522
3522
|
hash: "svelte-13ogpty",
|
|
3523
3523
|
code: "img.svelte-13ogpty,\n svg.svelte-13ogpty {object-fit:var(--image-object-fit);height:var(--image-height, 24px);width:var(--image-width, 24px);padding:var(--image-padding, 0px);border-radius:var(--image-border-radius, 0px);margin:var(--image-margin, 0px);filter:var(--image-filter, none);background:var(--image-background);border:var(--image-border);transition:var(--image-transition);}img.svelte-13ogpty:hover,\n svg.svelte-13ogpty:hover {background:var(--image-hover-background, var(--image-background));border:var(--image-hover-border, var(--image-border));}"
|
|
3524
3524
|
};
|
|
3525
3525
|
function Img(e, t) {
|
|
3526
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
3526
|
+
push(t, !0), append_styles$1(e, $$css$92);
|
|
3527
3527
|
let n = prop(t, "src", 7), i = prop(t, "alt", 7), a = prop(t, "fallback", 7), o = prop(t, "onerror", 7), s = prop(t, "classes", 7), c = prop(t, "inlineSvg", 7), l = prop(t, "transformSvg", 7), u = prop(t, "testId", 7), f = /* @__PURE__ */ user_derived(n), p = /* @__PURE__ */ state(null);
|
|
3528
3528
|
function h(e) {
|
|
3529
3529
|
return e.startsWith("data:image/svg+xml") ? !0 : (e.split("?")[0] ?? "").endsWith(".svg");
|
|
@@ -3724,15 +3724,15 @@ create_custom_element(Img, {
|
|
|
3724
3724
|
}, [], [], { mode: "open" });
|
|
3725
3725
|
//#endregion
|
|
3726
3726
|
//#region src/lib/Avatar/Avatar.svelte
|
|
3727
|
-
var root$
|
|
3727
|
+
var root$92 = /* @__PURE__ */ from_html("<span class=\"avatar-img-wrapper svelte-ym3tx2\"><!></span>"), root_1$79 = /* @__PURE__ */ from_html("<span class=\"avatar-initials svelte-ym3tx2\"> </span>"), root_2$60 = /* @__PURE__ */ from_html("<button type=\"button\"><!></button>"), root_3$51 = /* @__PURE__ */ from_html("<div role=\"img\"><!></div>"), $$css$91 = {
|
|
3728
3728
|
hash: "svelte-ym3tx2",
|
|
3729
3729
|
code: ".avatar.svelte-ym3tx2 {display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--avatar-border-radius, 50%);border:var(--avatar-border, none);box-shadow:var(--avatar-box-shadow, none);cursor:var(--avatar-cursor, default);overflow:hidden;background-color:var(--avatar-background, #e0e0e0);font-family:inherit;}.avatar.svelte-ym3tx2:hover {opacity:var(--avatar-hover-opacity, 1);}.avatar-small.svelte-ym3tx2 {width:var(--avatar-small-width, 32px);height:var(--avatar-small-height, 32px);}.avatar-medium.svelte-ym3tx2 {width:var(--avatar-medium-width, 40px);height:var(--avatar-medium-height, 40px);}.avatar-large.svelte-ym3tx2 {width:var(--avatar-large-width, 56px);height:var(--avatar-large-height, 56px);}.avatar-img-wrapper.svelte-ym3tx2 {display:contents;--image-width: 100%;--image-height: 100%;--image-object-fit: var(--avatar-object-fit, cover);--image-border-radius: 0px;--image-padding: 0px;--image-margin: 0px;}.avatar-initials.svelte-ym3tx2 {color:var(--avatar-text-color, #555555);font-weight:var(--avatar-font-weight, 600);font-family:var(--avatar-font-family, inherit);user-select:none;}.avatar-small.svelte-ym3tx2 .avatar-initials:where(.svelte-ym3tx2) {font-size:var(--avatar-small-font-size, 12px);}.avatar-medium.svelte-ym3tx2 .avatar-initials:where(.svelte-ym3tx2) {font-size:var(--avatar-medium-font-size, 14px);}.avatar-large.svelte-ym3tx2 .avatar-initials:where(.svelte-ym3tx2) {font-size:var(--avatar-large-font-size, 20px);}"
|
|
3730
3730
|
};
|
|
3731
3731
|
function Avatar(e, t) {
|
|
3732
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
3732
|
+
push(t, !0), append_styles$1(e, $$css$91);
|
|
3733
3733
|
let n = (e) => {
|
|
3734
3734
|
var t = comment(), n = first_child(t), o = (e) => {
|
|
3735
|
-
var t = root$
|
|
3735
|
+
var t = root$92();
|
|
3736
3736
|
Img(child(t), {
|
|
3737
3737
|
get src() {
|
|
3738
3738
|
return i();
|
|
@@ -3830,14 +3830,14 @@ delegate(["click"]), create_custom_element(Avatar, {
|
|
|
3830
3830
|
}, [], [], { mode: "open" });
|
|
3831
3831
|
//#endregion
|
|
3832
3832
|
//#region src/wc/components/Avatar.wc.svelte
|
|
3833
|
-
var rest_excludes$
|
|
3833
|
+
var rest_excludes$86 = new Set([
|
|
3834
3834
|
"$$slots",
|
|
3835
3835
|
"$$events",
|
|
3836
3836
|
"$$legacy",
|
|
3837
3837
|
"$$host"
|
|
3838
3838
|
]);
|
|
3839
3839
|
function Avatar_wc(e, t) {
|
|
3840
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
3840
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$86);
|
|
3841
3841
|
Avatar(e, spread_props(() => n));
|
|
3842
3842
|
}
|
|
3843
3843
|
customElements.define("sui-avatar", create_custom_element(Avatar_wc, {
|
|
@@ -3866,12 +3866,12 @@ customElements.define("sui-avatar", create_custom_element(Avatar_wc, {
|
|
|
3866
3866
|
}, [], [], { mode: "open" }));
|
|
3867
3867
|
//#endregion
|
|
3868
3868
|
//#region src/lib/Badge/Badge.svelte
|
|
3869
|
-
var root$
|
|
3869
|
+
var root$91 = /* @__PURE__ */ from_html("<div> </div>"), root_1$78 = /* @__PURE__ */ from_html("<div><div class=\"badge-wrap svelte-17t9ly6\"><img class=\"icon-img svelte-17t9ly6\"/> <!></div></div>"), $$css$90 = {
|
|
3870
3870
|
hash: "svelte-17t9ly6",
|
|
3871
3871
|
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);}"
|
|
3872
3872
|
};
|
|
3873
3873
|
function Badge(e, t) {
|
|
3874
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
3874
|
+
push(t, !0), append_styles$1(e, $$css$90);
|
|
3875
3875
|
let n = prop(t, "image", 7), i = prop(t, "alt", 7, ""), a = prop(t, "value", 7), o = prop(t, "mode", 7, "count"), s = prop(t, "hidden", 7, !1), c = prop(t, "ariaLabel", 7), l = prop(t, "testId", 7), u = prop(t, "classes", 7), f = /* @__PURE__ */ user_derived(() => typeof n() == "string" && n().length > 0), p = /* @__PURE__ */ user_derived(() => !s()), h = /* @__PURE__ */ user_derived(() => o() === "dot"), S = /* @__PURE__ */ user_derived(() => get(h) ? "presentation" : "status"), C = /* @__PURE__ */ user_derived(() => get(h) ? null : c() ?? (typeof a() == "string" ? a() : null));
|
|
3876
3876
|
var k = {
|
|
3877
3877
|
get image() {
|
|
@@ -3924,7 +3924,7 @@ function Badge(e, t) {
|
|
|
3924
3924
|
}
|
|
3925
3925
|
}, R = comment(), te = first_child(R), ne = (e) => {
|
|
3926
3926
|
var t = root_1$78(), o = child(t), s = child(o), c = sibling(s, 2), f = (e) => {
|
|
3927
|
-
var t = root$
|
|
3927
|
+
var t = root$91();
|
|
3928
3928
|
let n;
|
|
3929
3929
|
var i = child(t, !0);
|
|
3930
3930
|
reset(t), template_effect(() => {
|
|
@@ -3937,7 +3937,7 @@ function Badge(e, t) {
|
|
|
3937
3937
|
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());
|
|
3938
3938
|
}), append(e, t);
|
|
3939
3939
|
}, re = (e) => {
|
|
3940
|
-
var t = root$
|
|
3940
|
+
var t = root$91();
|
|
3941
3941
|
let n;
|
|
3942
3942
|
var i = child(t, !0);
|
|
3943
3943
|
reset(t), template_effect(() => {
|
|
@@ -3960,7 +3960,7 @@ create_custom_element(Badge, {
|
|
|
3960
3960
|
}, [], [], { mode: "open" });
|
|
3961
3961
|
//#endregion
|
|
3962
3962
|
//#region src/wc/components/Badge.wc.svelte
|
|
3963
|
-
var rest_excludes$
|
|
3963
|
+
var rest_excludes$85 = new Set([
|
|
3964
3964
|
"$$slots",
|
|
3965
3965
|
"$$events",
|
|
3966
3966
|
"$$legacy",
|
|
@@ -3970,7 +3970,7 @@ var rest_excludes$84 = new Set([
|
|
|
3970
3970
|
]);
|
|
3971
3971
|
function Badge_wc(e, t) {
|
|
3972
3972
|
push(t, !0);
|
|
3973
|
-
let n = prop(t, "badgeAriaLabel", 7), i = prop(t, "badgeHidden", 7), a = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
3973
|
+
let n = prop(t, "badgeAriaLabel", 7), i = prop(t, "badgeHidden", 7), a = /* @__PURE__ */ rest_props(t, rest_excludes$85);
|
|
3974
3974
|
return Badge(e, spread_props(() => a, {
|
|
3975
3975
|
get hidden() {
|
|
3976
3976
|
return i();
|
|
@@ -4028,12 +4028,12 @@ customElements.define("sui-badge", create_custom_element(Badge_wc, {
|
|
|
4028
4028
|
}, [], [], { mode: "open" }));
|
|
4029
4029
|
//#endregion
|
|
4030
4030
|
//#region src/lib/Breadcrumb/Breadcrumb.svelte
|
|
4031
|
-
var root$
|
|
4031
|
+
var root$90 = /* @__PURE__ */ from_html("<li class=\"breadcrumb-separator svelte-1rmbuhq\" aria-hidden=\"true\"><!></li>"), root_1$77 = /* @__PURE__ */ from_html("<li class=\"breadcrumb-item svelte-1rmbuhq\"><!></li> <!>", 1), root_2$59 = /* @__PURE__ */ from_html("<nav><ol class=\"breadcrumb-list svelte-1rmbuhq\"></ol></nav>"), $$css$89 = {
|
|
4032
4032
|
hash: "svelte-1rmbuhq",
|
|
4033
4033
|
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);}"
|
|
4034
4034
|
};
|
|
4035
4035
|
function Breadcrumb(e, t) {
|
|
4036
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
4036
|
+
push(t, !0), append_styles$1(e, $$css$89);
|
|
4037
4037
|
let n = prop(t, "items", 7), i = prop(t, "item", 7), a = prop(t, "ariaLabel", 7), o = prop(t, "separator", 7), s = prop(t, "classes", 7), c = prop(t, "testId", 7);
|
|
4038
4038
|
var l = {
|
|
4039
4039
|
get items() {
|
|
@@ -4087,7 +4087,7 @@ function Breadcrumb(e, t) {
|
|
|
4087
4087
|
typeof i() == "function" && e(u);
|
|
4088
4088
|
}), reset(c);
|
|
4089
4089
|
var f = sibling(c, 2), p = (e) => {
|
|
4090
|
-
var t = root$
|
|
4090
|
+
var t = root$90(), n = child(t), i = (e) => {
|
|
4091
4091
|
var t = comment();
|
|
4092
4092
|
snippet(first_child(t), o), append(e, t);
|
|
4093
4093
|
}, a = (e) => {
|
|
@@ -4116,7 +4116,7 @@ create_custom_element(Breadcrumb, {
|
|
|
4116
4116
|
//#region src/wc/components/Breadcrumb.wc.svelte
|
|
4117
4117
|
var defaultItem = (e, t = noop) => {
|
|
4118
4118
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
4119
|
-
var n = root$
|
|
4119
|
+
var n = root$89(), i = child(n, !0);
|
|
4120
4120
|
reset(n), template_effect(() => set_text(i, t().label)), append(e, n);
|
|
4121
4121
|
}, o = (e) => {
|
|
4122
4122
|
var n = root_1$76(), i = child(n, !0);
|
|
@@ -4130,7 +4130,7 @@ var defaultItem = (e, t = noop) => {
|
|
|
4130
4130
|
if_block(i, (e) => {
|
|
4131
4131
|
t().isLast ? e(a) : typeof t().href == "string" && t().href.length > 0 ? e(o, 1) : e(s, -1);
|
|
4132
4132
|
}), append(e, n);
|
|
4133
|
-
}, root$
|
|
4133
|
+
}, root$89 = /* @__PURE__ */ from_html("<span aria-current=\"page\"> </span>"), root_1$76 = /* @__PURE__ */ from_html("<a> </a>"), root_2$58 = /* @__PURE__ */ from_html("<span> </span>");
|
|
4134
4134
|
function Breadcrumb_wc(e, t) {
|
|
4135
4135
|
push(t, !0);
|
|
4136
4136
|
let n = prop(t, "breadcrumbAriaLabel", 7, ""), i = prop(t, "items", 23, () => []), a = prop(t, "classes", 7);
|
|
@@ -4187,12 +4187,12 @@ customElements.define("sui-breadcrumb", create_custom_element(Breadcrumb_wc, {
|
|
|
4187
4187
|
}, [], [], { mode: "open" }));
|
|
4188
4188
|
//#endregion
|
|
4189
4189
|
//#region src/lib/assets/chevron-left-lg.svg?raw
|
|
4190
|
-
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$
|
|
4190
|
+
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$88 = /* @__PURE__ */ from_html("<div></div>"), $$css$88 = {
|
|
4191
4191
|
hash: "svelte-1xov9mi",
|
|
4192
4192
|
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 }"
|
|
4193
4193
|
};
|
|
4194
4194
|
function Loader(e, t) {
|
|
4195
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
4195
|
+
push(t, !0), append_styles$1(e, $$css$88);
|
|
4196
4196
|
let n = prop(t, "classes", 7), i = prop(t, "testId", 7);
|
|
4197
4197
|
var a = {
|
|
4198
4198
|
get classes() {
|
|
@@ -4207,7 +4207,7 @@ function Loader(e, t) {
|
|
|
4207
4207
|
set testId(e) {
|
|
4208
4208
|
i(e), flushSync();
|
|
4209
4209
|
}
|
|
4210
|
-
}, o = root$
|
|
4210
|
+
}, o = root$88();
|
|
4211
4211
|
return template_effect(() => {
|
|
4212
4212
|
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);
|
|
4213
4213
|
}), append(e, o), pop(a);
|
|
@@ -4218,12 +4218,12 @@ create_custom_element(Loader, {
|
|
|
4218
4218
|
}, [], [], { mode: "open" });
|
|
4219
4219
|
//#endregion
|
|
4220
4220
|
//#region src/lib/Button/Button.svelte
|
|
4221
|
-
var root$
|
|
4221
|
+
var root$87 = /* @__PURE__ */ from_html("<div class=\"button-progress-bar svelte-1j9w5l4\"></div>"), root_1$75 = /* @__PURE__ */ from_html("<div class=\"button-loader svelte-1j9w5l4\"><!></div>"), root_2$57 = /* @__PURE__ */ from_html("<div class=\"button-icon svelte-1j9w5l4\"><!></div>"), root_3$50 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"></div>"), root_4$39 = /* @__PURE__ */ from_html("<div class=\"button-text svelte-1j9w5l4\"> </div>"), root_5$32 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), root_6$26 = /* @__PURE__ */ from_html("<div><!> <!></div>"), $$css$87 = {
|
|
4222
4222
|
hash: "svelte-1j9w5l4",
|
|
4223
4223
|
code: ".button-container.svelte-1j9w5l4 {position:relative;width:var(--button-width, fit-content);}\n\n /* ---- Variant defaults (set the internal --_btn-* layer; explicit --button-* always wins) ---- */.variant-primary.svelte-1j9w5l4 {--_btn-color: #3a4550;--_btn-text-color: #ffffff;--_btn-border: none;}.variant-secondary.svelte-1j9w5l4 {--_btn-color: transparent;--_btn-text-color: #3a4550;--_btn-border: 1px solid #cbd5e1;--_btn-hover-color: #f1f5f9;--_btn-hover-text-color: #3a4550;--_btn-hover-border: 1px solid #cbd5e1;}.variant-ghost.svelte-1j9w5l4 {--_btn-color: transparent;--_btn-text-color: #3a4550;--_btn-border: none;--_btn-hover-color: #f1f5f9;--_btn-hover-text-color: #3a4550;--_btn-hover-border: none;}.variant-destructive.svelte-1j9w5l4 {--_btn-color: #e7000b;--_btn-text-color: #ffffff;--_btn-border: none;--_btn-hover-color: #c10007;--_btn-hover-text-color: #ffffff;--_btn-hover-border: none;}\n\n /* Transparent chassis for gradient marketing CTAs — deliberately no background\n of its own. Pair with a --button-background gradient (and usually a matching\n --button-hover-color, since --_btn-hover-color sits before --button-background\n in the hover fallback chain and would otherwise flatten the gradient to\n transparent on hover). Geometry (padding/font-size) is intentionally left to\n the size preset, not this variant. */.variant-brand.svelte-1j9w5l4 {--_btn-color: transparent;--_btn-text-color: #ffffff;--_btn-border: none;--_btn-hover-color: transparent;--_btn-hover-text-color: #ffffff;--_btn-hover-border: none;}\n\n /* ---- Size defaults (md reproduces the legacy 16px padding / 14px font) ---- */.size-sm.svelte-1j9w5l4 {--_btn-padding: 8px 12px;--_btn-font-size: 13px;}.size-md.svelte-1j9w5l4 {--_btn-padding: 16px;--_btn-font-size: 14px;}.size-lg.svelte-1j9w5l4 {--_btn-padding: 20px 28px;--_btn-font-size: 16px;}.icon-only.svelte-1j9w5l4 {--_btn-padding: 8px;}.icon-only.size-sm.svelte-1j9w5l4 {--_btn-padding: 6px;}.icon-only.size-lg.svelte-1j9w5l4 {--_btn-padding: 12px;}.full-width.svelte-1j9w5l4 {--button-width: 100%;}.button-el.svelte-1j9w5l4 {max-height:var(--button-max-height);max-width:var(--button-max-width);min-width:var(--button-min-width);font-family:var(--button-font-family);font-weight:var(--button-font-weight, 500);font-size:var(--button-font-size, var(--_btn-font-size, 14px));background-color:var(--button-color, var(--_btn-color, #3a4550));\n /* Image layer, deliberately not the `background` shorthand — the shorthand\n would reset a consumer's own background-image/position/size layers\n whenever the hook is unset. Gradients go here; solids stay on --button-color. */background-image:var(--button-background, none);color:var(--button-text-color, var(--_btn-text-color, white));height:var(--button-height, fit-content);padding:var(--button-padding, var(--_btn-padding, 16px));margin:var(--button-margin);border-radius:var(--button-border-radius, var(--radius, 6px));width:var(--button-width, fit-content);cursor:var(--cursor, pointer);opacity:var(--opacity, 1);border:var(--button-border, var(--_btn-border, none));box-sizing:border-box;text-decoration:var(--button-text-decoration, none);line-height:var(--button-line-height, normal);display:flex;justify-content:var(--button-justify-content, center);align-items:center;flex-direction:var(--button-content-flex-direction, row);gap:var(--button-content-gap, 16px);visibility:var(--button-visibility, visible);box-shadow:var(--button-box-shadow, none);transition:var(--button-transition, none);\n\n /* A button label should never soft-wrap onto a second line as the label text\n changes (e.g. \"Select\" -> \"Select (1)\") — that jitters the layout around it.\n Consumers that genuinely want multi-line buttons opt back in via the var. */white-space:var(--button-white-space, nowrap);}.button-el.disabled.svelte-1j9w5l4,\n .button-el.svelte-1j9w5l4:disabled {cursor:var(--disabled-cursor, not-allowed);opacity:var(--disabled-opacity, 0.4);color:var(--disabled-text-color, var(--button-text-color, var(--_btn-text-color, white)));font-size:var(--disabled-font-size);font-weight:var(--disabled-font-weight);text-decoration:var(--button-disabled-text-decoration, var(--button-text-decoration, none));\n /* Preserve the variant border when disabled so secondary (bordered) stays distinct from ghost. */border:var(--disabled-border, var(--button-border, var(--_btn-border, none)));background:var(\n --disabled-background-color,\n var(--button-background, var(--button-color, var(--_btn-color, #3a4550)))\n );box-shadow:var(\n --button-disabled-box-shadow,\n var(--disabled-box-shadow, var(--button-box-shadow, none))\n );}.button-loader.svelte-1j9w5l4 {order:var(--button-loader-order, 1);}.button-icon.svelte-1j9w5l4 {order:var(--button-icon-order, 2);display:var(--button-icon-display);}.button-text.svelte-1j9w5l4 {order:var(--button-text-order, 3);display:var(--button-text-display);\n\n /* With nowrap as the default, a label longer than the button's box would\n otherwise bleed past it — truncate with an ellipsis instead. Full labels\n stay available via the button's accessible name / title at the call site. */overflow:hidden;text-overflow:ellipsis;}.button-el.svelte-1j9w5l4:hover:not(.disabled) {background:var(\n --button-hover-color,\n var(\n --_btn-hover-color,\n var(--button-background, var(--button-color, var(--_btn-color, #3a4550)))\n )\n );color:var(\n --button-hover-text-color,\n var(--_btn-hover-text-color, var(--button-text-color, var(--_btn-text-color, white)))\n );border:var(\n --button-hover-border,\n var(--_btn-hover-border, var(--button-border, var(--_btn-border, none)))\n );transform:var(--button-hover-transform);box-shadow:var(--button-hover-box-shadow, var(--button-box-shadow, none));}.button-el.svelte-1j9w5l4:active:not(.disabled) {transform:var(--button-active-transform);background:var(\n --button-active-background,\n var(--button-background, var(--button-color, var(--_btn-color, #3a4550)))\n );box-shadow:var(--button-active-box-shadow, var(--button-box-shadow, none));}.button-el.svelte-1j9w5l4:focus-visible {box-shadow:var(--button-focus-visible-box-shadow, var(--button-box-shadow, none));}.button-progress-bar.svelte-1j9w5l4 {position:absolute;height:100%;width:100%;background:var(--button-progress-loader-background-color, #00000030);\n animation: svelte-1j9w5l4-fill-loader var(--button-progress-loader-duration, 8s) forwards;z-index:2;}\n\n @keyframes svelte-1j9w5l4-fill-loader {\n 0% {\n width: 0;\n }\n\n 100% {\n width: 100%;\n }\n }"
|
|
4224
4224
|
};
|
|
4225
4225
|
function Button(e, t) {
|
|
4226
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
4226
|
+
push(t, !0), append_styles$1(e, $$css$87);
|
|
4227
4227
|
let n = prop(t, "text", 7), i = prop(t, "variant", 7, "primary"), a = prop(t, "size", 7, "md"), o = prop(t, "iconOnly", 7, !1), s = prop(t, "fullWidth", 7, !1), c = prop(t, "href", 7), l = prop(t, "target", 7), u = prop(t, "rel", 7), f = prop(t, "loading", 7, !1), p = prop(t, "allowHtml", 7, !1), h = prop(t, "enable", 7, !0), S = prop(t, "disabled", 7, !1), C = prop(t, "showLoader", 7, !1), k = prop(t, "loaderType", 7), R = prop(t, "showProgressBar", 15, !1), te = prop(t, "type", 7, "button"), ne = prop(t, "testId", 7), re = prop(t, "ariaLabel", 7), G = prop(t, "ariaExpanded", 7), be = prop(t, "ariaControls", 7), Me = prop(t, "ariaHaspopup", 7), Re = prop(t, "ariaSelected", 7), Ue = prop(t, "ariaBusy", 7), it = prop(t, "role", 7), at = prop(t, "title", 7), ot = prop(t, "onclick", 7), ct = prop(t, "onkeydown", 7, () => {}), lt = prop(t, "onkeyup", 7, () => {}), ut = prop(t, "onmousedown", 7), dt = prop(t, "onmouseup", 7), ft = prop(t, "onmouseleave", 7), pt = prop(t, "ontouchstart", 7), mt = prop(t, "ontouchend", 7), ht = prop(t, "icon", 7), gt = prop(t, "children", 7), _t = prop(t, "classes", 7), vt = prop(t, "style", 7), yt = /* @__PURE__ */ user_derived(() => f() || C() && k() === "Circular"), bt = /* @__PURE__ */ user_derived(() => C() && k() === "ProgressBar"), xt = /* @__PURE__ */ user_derived(() => get(yt) || R()), St = /* @__PURE__ */ user_derived(() => S() || !h() || get(yt) || R()), Ct = /* @__PURE__ */ user_derived(() => u() ?? (l() === "_blank" ? "noopener noreferrer" : null));
|
|
4228
4228
|
function wt(e) {
|
|
4229
4229
|
if (get(St)) {
|
|
@@ -4458,7 +4458,7 @@ function Button(e, t) {
|
|
|
4458
4458
|
}, Et = root_6$26();
|
|
4459
4459
|
let Dt;
|
|
4460
4460
|
var Ot = child(Et), kt = (e) => {
|
|
4461
|
-
append(e, root$
|
|
4461
|
+
append(e, root$87());
|
|
4462
4462
|
};
|
|
4463
4463
|
return if_block(Ot, (e) => {
|
|
4464
4464
|
R() && e(kt);
|
|
@@ -4576,12 +4576,12 @@ create_custom_element(Button, {
|
|
|
4576
4576
|
}, [], [], { mode: "open" });
|
|
4577
4577
|
//#endregion
|
|
4578
4578
|
//#region src/lib/Book/Book.svelte
|
|
4579
|
-
var root$
|
|
4579
|
+
var root$86 = /* @__PURE__ */ from_html("<div><!></div>"), root_1$74 = /* @__PURE__ */ from_html("<div class=\"page svelte-1qrpci6\"><!></div>"), root_2$56 = /* @__PURE__ */ from_html("<div class=\"page page-slide svelte-1qrpci6\"><!></div>"), root_3$49 = /* @__PURE__ */ from_html("<button></button>"), root_4$38 = /* @__PURE__ */ from_html("<div class=\"page-indicator svelte-1qrpci6\"></div>"), root_5$31 = /* @__PURE__ */ from_html("<div role=\"region\" tabindex=\"0\"><div class=\"book-viewport svelte-1qrpci6\"><!> <div class=\"pages-container svelte-1qrpci6\"></div> <!></div> <!></div>"), $$css$86 = {
|
|
4580
4580
|
hash: "svelte-1qrpci6",
|
|
4581
4581
|
code: ".book.svelte-1qrpci6 {width:var(--book-width, 100%);background-color:var(--book-background, #ffffff);border-radius:var(--book-border-radius, var(--radius, 4px));border:var(--book-border, 1px solid #e0e0e0);outline:none;}.book-viewport.svelte-1qrpci6 {position:relative;display:flex;align-items:center;}.pages-container.svelte-1qrpci6 {position:relative;width:100%;height:var(--book-height, 400px);overflow:var(--book-overflow, hidden);}.page.svelte-1qrpci6 {width:100%;height:100%;}.page-slide.svelte-1qrpci6 {position:absolute;top:0;left:0;transition:transform var(--book-transition-duration, 0.3s) ease;}.page-fade.svelte-1qrpci6 {position:absolute;top:0;left:0;opacity:0;transition:opacity var(--book-transition-duration, 0.3s) ease;pointer-events:none;}.page-fade.page-active.svelte-1qrpci6 {opacity:1;pointer-events:auto;}.nav-button.svelte-1qrpci6 {display:flex;align-items:center;justify-content:center;--button-width: var(--book-nav-size, 36px);--button-height: var(--book-nav-size, 36px);--button-min-width: var(--book-nav-size, 36px);--button-background: var(--book-nav-background, rgba(0, 0, 0, 0.05));--button-border: none;--button-border-radius: var(--book-nav-border-radius, 50%);--button-padding: 0;--button-color: var(--book-nav-color, #333333);--button-hover-background: var(--book-nav-hover-background, rgba(0, 0, 0, 0.1));}.nav-disabled.svelte-1qrpci6 {opacity:var(--book-nav-disabled-opacity, 0.3);}.nav-button.svelte-1qrpci6 svg {width:18px;height:18px;}.nav-prev.svelte-1qrpci6 {margin-right:4px;}.nav-next.svelte-1qrpci6 {margin-left:4px;}.page-indicator.svelte-1qrpci6 {display:flex;justify-content:center;align-items:center;gap:var(--book-dot-gap, 8px);padding:var(--book-indicator-padding, 12px 0);}.dot.svelte-1qrpci6 {width:var(--book-dot-size, 8px);height:var(--book-dot-size, 8px);border-radius:var(--book-dot-border-radius, 50%);background-color:var(--book-dot-color, #cccccc);border:none;padding:0;cursor:pointer;transition:background-color 0.2s ease;}.dot-active.svelte-1qrpci6 {background-color:var(--book-dot-active-color, #333333);}"
|
|
4582
4582
|
};
|
|
4583
4583
|
function Book(e, t) {
|
|
4584
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
4584
|
+
push(t, !0), append_styles$1(e, $$css$86);
|
|
4585
4585
|
let n = prop(t, "pages", 7), i = prop(t, "currentPage", 15, 0), a = prop(t, "transition", 7, "slide"), o = prop(t, "showNavigation", 7, !0), s = prop(t, "showPageIndicator", 7, !0), c = prop(t, "enableSwipe", 7, !1), l = prop(t, "testId", 7), u = prop(t, "previousIcon", 7), f = prop(t, "nextIcon", 7), p = prop(t, "onpagechange", 7), h = prop(t, "classes", 7), S = 0, C = !1;
|
|
4586
4586
|
function k(e) {
|
|
4587
4587
|
e < 0 || e >= n().length || e === i() || (i(e), p()?.(i()));
|
|
@@ -4686,7 +4686,7 @@ function Book(e, t) {
|
|
|
4686
4686
|
h(e), flushSync();
|
|
4687
4687
|
}
|
|
4688
4688
|
}, Ue = root_5$31(), it = child(Ue), at = child(it), ot = (e) => {
|
|
4689
|
-
var t = root$
|
|
4689
|
+
var t = root$86();
|
|
4690
4690
|
let n;
|
|
4691
4691
|
var a = child(t);
|
|
4692
4692
|
{
|
|
@@ -4728,7 +4728,7 @@ function Book(e, t) {
|
|
|
4728
4728
|
n === i() && e(s);
|
|
4729
4729
|
}), append(e, a);
|
|
4730
4730
|
}, l = (e) => {
|
|
4731
|
-
var a = root$
|
|
4731
|
+
var a = root$86();
|
|
4732
4732
|
let o;
|
|
4733
4733
|
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);
|
|
4734
4734
|
}, u = (e) => {
|
|
@@ -4741,7 +4741,7 @@ function Book(e, t) {
|
|
|
4741
4741
|
}), append(e, o);
|
|
4742
4742
|
}), reset(ct);
|
|
4743
4743
|
var lt = sibling(ct, 2), ut = (e) => {
|
|
4744
|
-
var t = root$
|
|
4744
|
+
var t = root$86();
|
|
4745
4745
|
let a;
|
|
4746
4746
|
var o = child(t);
|
|
4747
4747
|
{
|
|
@@ -4808,14 +4808,14 @@ delegate([
|
|
|
4808
4808
|
}, [], [], { mode: "open" });
|
|
4809
4809
|
//#endregion
|
|
4810
4810
|
//#region src/wc/components/Book.wc.svelte
|
|
4811
|
-
var rest_excludes$
|
|
4811
|
+
var rest_excludes$84 = new Set([
|
|
4812
4812
|
"$$slots",
|
|
4813
4813
|
"$$events",
|
|
4814
4814
|
"$$legacy",
|
|
4815
4815
|
"$$host"
|
|
4816
4816
|
]);
|
|
4817
4817
|
function Book_wc(e, t) {
|
|
4818
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
4818
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$84);
|
|
4819
4819
|
Book(e, spread_props(() => n, {
|
|
4820
4820
|
previousIcon: (e) => {
|
|
4821
4821
|
var n = comment();
|
|
@@ -4868,12 +4868,12 @@ customElements.define("sui-book", create_custom_element(Book_wc, {
|
|
|
4868
4868
|
}, ["previous-icon", "next-icon"], [], { mode: "open" }));
|
|
4869
4869
|
//#endregion
|
|
4870
4870
|
//#region src/lib/BrandLoader/BrandLoader.svelte
|
|
4871
|
-
var root$
|
|
4871
|
+
var root$85 = /* @__PURE__ */ from_html("<div class=\"sub-text svelte-hezyt6\"> </div>"), root_1$73 = /* @__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$85 = {
|
|
4872
4872
|
hash: "svelte-hezyt6",
|
|
4873
4873
|
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 }"
|
|
4874
4874
|
};
|
|
4875
4875
|
function BrandLoader(e, t) {
|
|
4876
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
4876
|
+
push(t, !0), append_styles$1(e, $$css$85);
|
|
4877
4877
|
let n = prop(t, "brandLogoURL", 7), i = prop(t, "brandText", 7), a = prop(t, "subText", 7), o = prop(t, "classes", 7), s = prop(t, "testId", 7);
|
|
4878
4878
|
var c = {
|
|
4879
4879
|
get brandLogoURL() {
|
|
@@ -4909,7 +4909,7 @@ function BrandLoader(e, t) {
|
|
|
4909
4909
|
}, l = root_1$73(), u = child(l), f = child(u), p = sibling(f, 2), h = child(p, !0);
|
|
4910
4910
|
reset(p);
|
|
4911
4911
|
var S = sibling(p, 2), C = (e) => {
|
|
4912
|
-
var t = root$
|
|
4912
|
+
var t = root$85(), n = child(t, !0);
|
|
4913
4913
|
reset(t), template_effect(() => set_text(n, a())), append(e, t);
|
|
4914
4914
|
};
|
|
4915
4915
|
return if_block(S, (e) => {
|
|
@@ -4927,14 +4927,14 @@ create_custom_element(BrandLoader, {
|
|
|
4927
4927
|
}, [], [], { mode: "open" });
|
|
4928
4928
|
//#endregion
|
|
4929
4929
|
//#region src/wc/components/BrandLoader.wc.svelte
|
|
4930
|
-
var rest_excludes$
|
|
4930
|
+
var rest_excludes$83 = new Set([
|
|
4931
4931
|
"$$slots",
|
|
4932
4932
|
"$$events",
|
|
4933
4933
|
"$$legacy",
|
|
4934
4934
|
"$$host"
|
|
4935
4935
|
]);
|
|
4936
4936
|
function BrandLoader_wc(e, t) {
|
|
4937
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
4937
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$83);
|
|
4938
4938
|
BrandLoader(e, spread_props(() => n));
|
|
4939
4939
|
}
|
|
4940
4940
|
customElements.define("sui-brand-loader", create_custom_element(BrandLoader_wc, {
|
|
@@ -5138,12 +5138,12 @@ var inited$1 = !1, SvelteDate = class e extends Date {
|
|
|
5138
5138
|
get size() {
|
|
5139
5139
|
return get(this.#n), super.size;
|
|
5140
5140
|
}
|
|
5141
|
-
}, chevron_left_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 12L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_right_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 4L10 8L6 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$
|
|
5141
|
+
}, chevron_left_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 12L6 8L10 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", chevron_right_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 4L10 8L6 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", root$84 = /* @__PURE__ */ from_html("<div class=\"day-name svelte-kboul8\"> </div>"), root_1$72 = /* @__PURE__ */ from_html("<button type=\"button\"> </button>"), root_2$55 = /* @__PURE__ */ from_html("<span class=\"cell outside-month svelte-kboul8\"> </span>"), root_3$48 = /* @__PURE__ */ from_html("<div role=\"application\" aria-label=\"Calendar\"><div class=\"header svelte-kboul8\"><div class=\"nav-button nav-prev svelte-kboul8\"><!></div> <span class=\"header-label svelte-kboul8\"> </span> <div class=\"nav-button nav-next svelte-kboul8\"><!></div></div> <div class=\"day-names svelte-kboul8\"></div> <div class=\"grid svelte-kboul8\" tabindex=\"0\" role=\"grid\"></div></div>"), $$css$84 = {
|
|
5142
5142
|
hash: "svelte-kboul8",
|
|
5143
5143
|
code: ".calendar.svelte-kboul8 {font-family:var(--calendar-font-family, inherit);width:var(--calendar-width, 280px);padding:var(--calendar-padding, 16px);background-color:var(--calendar-background, #ffffff);border:var(--calendar-border, 1px solid #e0e0e0);border-radius:var(--calendar-border-radius, var(--radius, 4px));box-shadow:var(--calendar-box-shadow, none);box-sizing:border-box;user-select:none;}.header.svelte-kboul8 {display:var(--calendar-header-display, flex);align-items:center;justify-content:space-between;margin-bottom:var(--calendar-header-margin-bottom, 12px);}.header-label.svelte-kboul8 {font-size:var(--calendar-header-font-size, 16px);font-weight:var(--calendar-header-font-weight, 600);color:var(--calendar-header-color, #000000);text-transform:capitalize;}.nav-button.svelte-kboul8 {display:flex;align-items:center;justify-content:center;--button-width: var(--calendar-nav-button-size, 32px);--button-height: var(--calendar-nav-button-size, 32px);--button-border: none;--button-color: transparent;--button-border-radius: var(--calendar-nav-button-border-radius, var(--radius, 4px));--button-text-color: var(--calendar-nav-button-color, #666666);--button-padding: 0;--button-hover-color: var(--calendar-nav-button-hover-background, #f0f0f0);}\n\n /* Size the columns to the cell, not 1fr, and centre the whole grid. With 1fr\n columns the fixed-width cells sat centred inside wider tracks, leaving\n horizontal gaps between days — which broke the range highlight into\n disconnected boxes instead of one continuous pill. The day-name header must\n use the same track sizing so it stays aligned with the day grid below. */.day-names.svelte-kboul8 {display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size, 36px));justify-content:center;text-align:center;}.day-name.svelte-kboul8 {font-size:var(--calendar-day-name-font-size, 12px);font-weight:var(--calendar-day-name-font-weight, 600);color:var(--calendar-day-name-color, #999999);padding:var(--calendar-day-name-padding, 4px 0);}.grid.svelte-kboul8 {display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size, 36px));justify-content:center;row-gap:2px;}.cell.svelte-kboul8 {display:flex;align-items:center;justify-content:center;width:var(--calendar-cell-size, 36px);height:var(--calendar-cell-size, 36px);font-family:inherit;font-size:var(--calendar-cell-font-size, 14px);border-radius:var(--calendar-cell-border-radius, 50%);color:var(--calendar-cell-color, #000000);border:none;background:none;cursor:pointer;padding:0;outline:none;}.cell.svelte-kboul8:hover:not(.disabled, .outside-month, .selected, .range-start, .range-end) {background-color:var(--calendar-cell-hover-background, #f0f0f0);}.cell.svelte-kboul8:focus-visible {outline:2px solid var(--calendar-focus-ring-color, #000000);outline-offset:-2px;}.today.svelte-kboul8 {border:var(--calendar-today-border, 1px solid #000000);font-weight:var(--calendar-today-font-weight, 700);}.selected.svelte-kboul8 {background-color:var(--calendar-selected-background, #000000);color:var(--calendar-selected-color, #ffffff);}.range-start.svelte-kboul8 {background-color:var(--calendar-range-start-background, #000000);color:var(--calendar-range-start-color, #ffffff);border-radius:50% 0 0 50%;}.range-end.svelte-kboul8 {background-color:var(--calendar-range-end-background, #000000);color:var(--calendar-range-end-color, #ffffff);border-radius:0 50% 50% 0;}.range-start.range-end.svelte-kboul8 {border-radius:var(--calendar-cell-border-radius, 50%);}.in-range.svelte-kboul8 {background-color:var(--calendar-range-background, #e8e8e8);border-radius:0;}.disabled.svelte-kboul8 {color:var(--calendar-disabled-color, #cccccc);cursor:var(--calendar-disabled-cursor, not-allowed);}.outside-month.svelte-kboul8 {color:var(--calendar-outside-month-color, #cccccc);cursor:default;}"
|
|
5144
5144
|
};
|
|
5145
5145
|
function Calendar(e, t) {
|
|
5146
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
5146
|
+
push(t, !0), append_styles$1(e, $$css$84);
|
|
5147
5147
|
let n = prop(t, "value", 15, null), i = prop(t, "rangeStart", 15, null), a = prop(t, "rangeEnd", 15, null), o = prop(t, "mode", 7, "single"), s = prop(t, "minDate", 7, null), c = prop(t, "maxDate", 7, null), l = prop(t, "disabledDates", 23, () => []), u = prop(t, "weekStartsOn", 7, 0), f = prop(t, "locale", 7), p = prop(t, "testId", 7), h = prop(t, "previousMonthIcon", 7), S = prop(t, "nextMonthIcon", 7), C = prop(t, "onselect", 7), k = prop(t, "onrangeselect", 7), R = prop(t, "onmonthchange", 7), te = prop(t, "classes", 7), ne = prop(t, "initialMonth", 7, null), re = new SvelteDate(), G = untrack(() => {
|
|
5148
5148
|
let e = ne() === null ? re : ne();
|
|
5149
5149
|
return new SvelteDate(e.getFullYear(), e.getMonth(), 1);
|
|
@@ -5423,7 +5423,7 @@ function Calendar(e, t) {
|
|
|
5423
5423
|
}), reset(Ct), reset(yt);
|
|
5424
5424
|
var wt = sibling(yt, 2);
|
|
5425
5425
|
each(wt, 20, () => get(at), (e) => e, (e, t) => {
|
|
5426
|
-
var n = root$
|
|
5426
|
+
var n = root$84(), i = child(n, !0);
|
|
5427
5427
|
reset(n), template_effect(() => set_text(i, t)), append(e, n);
|
|
5428
5428
|
}), reset(wt);
|
|
5429
5429
|
var Tt = sibling(wt, 2);
|
|
@@ -5474,14 +5474,14 @@ delegate(["keydown", "click"]), create_custom_element(Calendar, {
|
|
|
5474
5474
|
}, [], [], { mode: "open" });
|
|
5475
5475
|
//#endregion
|
|
5476
5476
|
//#region src/wc/components/Calendar.wc.svelte
|
|
5477
|
-
var rest_excludes$
|
|
5477
|
+
var rest_excludes$82 = new Set([
|
|
5478
5478
|
"$$slots",
|
|
5479
5479
|
"$$events",
|
|
5480
5480
|
"$$legacy",
|
|
5481
5481
|
"$$host"
|
|
5482
5482
|
]);
|
|
5483
5483
|
function Calendar_wc(e, t) {
|
|
5484
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
5484
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$82);
|
|
5485
5485
|
Calendar(e, spread_props(() => n, {
|
|
5486
5486
|
previousMonthIcon: (e) => {
|
|
5487
5487
|
var n = comment();
|
|
@@ -5531,12 +5531,12 @@ customElements.define("sui-calendar", create_custom_element(Calendar_wc, {
|
|
|
5531
5531
|
}, ["previous-month-icon", "next-month-icon"], [], { mode: "open" }));
|
|
5532
5532
|
//#endregion
|
|
5533
5533
|
//#region src/lib/Carousel/Carousel.svelte
|
|
5534
|
-
var root$
|
|
5534
|
+
var root$83 = /* @__PURE__ */ from_html("<div class=\"current-slide svelte-vk4ljo\"><!></div>"), root_1$71 = /* @__PURE__ */ from_html("<div class=\"carousel svelte-vk4ljo\"><div class=\"slidesDiv svelte-vk4ljo\"></div></div>"), root_2$54 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"></div>"), root_3$47 = /* @__PURE__ */ from_html("<div class=\"dots-wrapper svelte-vk4ljo\"></div>"), root_4$37 = /* @__PURE__ */ from_html("<div><!> <!> <div class=\"carousel-live-region svelte-vk4ljo\" aria-live=\"polite\" aria-atomic=\"true\"><!></div></div>"), $$css$83 = {
|
|
5535
5535
|
hash: "svelte-vk4ljo",
|
|
5536
5536
|
code: ".carousel-container.svelte-vk4ljo {width:var(--carousel-width);}.current-slide.svelte-vk4ljo {width:var(--carousel-width, 300px);height:var(--carousel-height, 100px);flex-shrink:0;}.carousel.svelte-vk4ljo {box-shadow:var(--carousel-shadow);height:var(--carousel-height, 100px);width:var(--carousel-width, 300px);overflow:hidden;border-radius:var(--carousel-border-radius, 0%);}.carousel.svelte-vk4ljo:active {cursor:grabbing;}.slidesDiv.svelte-vk4ljo {display:flex;transform:translateX(0);transition:transform 0.5s ease-in-out;}.dots-wrapper.svelte-vk4ljo {gap:var(--dot-gap, 10px);padding-top:var(--dot-padding-top, 10px);display:flex;justify-content:center;}.dot.svelte-vk4ljo {width:var(--dot-width, 5px);height:var(--dot-height, 5px);border-radius:50%;background:var(--carousel-dot-color, #c4c4c4);cursor:pointer;transition:0.3s ease;}.active-dot.svelte-vk4ljo {width:var(--dot-width, 5px);height:var(--dot-height, 5px);border-radius:50%;cursor:pointer;background:var(--carousel-dot-active-color, #000000);transition:0.3s ease;}.dot.svelte-vk4ljo:focus-visible,\n .active-dot.svelte-vk4ljo:focus-visible {outline:var(--dot-focus-outline, 2px solid #000000);outline-offset:var(--dot-focus-outline-offset, 2px);}\n /*\n @media only screen and (max-width: 324px) {\n\n .carousel-container {\n width:270px;\n\n }\n .current-slide {\n width: 270px;\n }\n .carousel {\n width:270px;\n }\n }\n\n @media only screen and (max-width: 269px) {\n .carousel-container {\n width:240px;\n }\n .current-slide {\n width: 240px;\n }\n .carousel {\n width:240px;\n }\n\n } */\n\n /* Visually hidden but readable by assistive tech -- the standard clip pattern\n rather than display:none, which would remove it from the a11y tree. */.carousel-live-region.svelte-vk4ljo {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}"
|
|
5537
5537
|
};
|
|
5538
5538
|
function Carousel(e, t) {
|
|
5539
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
5539
|
+
push(t, !0), append_styles$1(e, $$css$83);
|
|
5540
5540
|
let n = prop(t, "views", 7), i = prop(t, "autoplay", 7, !1), a = prop(t, "autoplayInterval", 7, 1e3), o = prop(t, "showDots", 7, !1), s = prop(t, "isScrollableLast", 7, !1), c = prop(t, "onkeydown", 7), l = prop(t, "classes", 7), u = prop(t, "testId", 7), f = prop(t, "dotsWrapperTestId", 7), p = prop(t, "dotTestId", 7), h = /* @__PURE__ */ state(null), S, C, k, R, te, ne, re = /* @__PURE__ */ state(null), G = /* @__PURE__ */ state(0), be;
|
|
5541
5541
|
function Me() {
|
|
5542
5542
|
(get(G) != n().length - 1 || s()) && (update(G), Ue(), i() && at());
|
|
@@ -5643,7 +5643,7 @@ function Carousel(e, t) {
|
|
|
5643
5643
|
}, pt = root_4$37(), mt = child(pt), ht = (e) => {
|
|
5644
5644
|
var t = root_1$71(), i = child(t);
|
|
5645
5645
|
each(i, 21, n, index, (e, t) => {
|
|
5646
|
-
var n = root$
|
|
5646
|
+
var n = root$83();
|
|
5647
5647
|
component(child(n), () => get(t).component, (e, n) => {
|
|
5648
5648
|
n(e, spread_props(() => get(t).properties, { get properties() {
|
|
5649
5649
|
return get(t).properties;
|
|
@@ -5694,14 +5694,14 @@ delegate(["click", "keydown"]), create_custom_element(Carousel, {
|
|
|
5694
5694
|
}, [], [], { mode: "open" });
|
|
5695
5695
|
//#endregion
|
|
5696
5696
|
//#region src/wc/components/Carousel.wc.svelte
|
|
5697
|
-
var rest_excludes$
|
|
5697
|
+
var rest_excludes$81 = new Set([
|
|
5698
5698
|
"$$slots",
|
|
5699
5699
|
"$$events",
|
|
5700
5700
|
"$$legacy",
|
|
5701
5701
|
"$$host"
|
|
5702
5702
|
]);
|
|
5703
5703
|
function Carousel_wc(e, t) {
|
|
5704
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
5704
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$81);
|
|
5705
5705
|
Carousel(e, spread_props(() => n));
|
|
5706
5706
|
}
|
|
5707
5707
|
customElements.define("sui-carousel", create_custom_element(Carousel_wc, {
|
|
@@ -5742,12 +5742,12 @@ customElements.define("sui-carousel", create_custom_element(Carousel_wc, {
|
|
|
5742
5742
|
}, [], [], { mode: "open" }));
|
|
5743
5743
|
//#endregion
|
|
5744
5744
|
//#region src/lib/assets/checkmark.svg?raw
|
|
5745
|
-
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$
|
|
5745
|
+
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$82 = /* @__PURE__ */ from_html("<span class=\"icon svelte-f1in4m\"></span>"), root_1$70 = /* @__PURE__ */ from_html("<span class=\"icon dash svelte-f1in4m\"></span>"), root_2$53 = /* @__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$82 = {
|
|
5746
5746
|
hash: "svelte-f1in4m",
|
|
5747
5747
|
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);}"
|
|
5748
5748
|
};
|
|
5749
5749
|
function Checkbox(e, t) {
|
|
5750
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
5750
|
+
push(t, !0), append_styles$1(e, $$css$82);
|
|
5751
5751
|
let n = prop(t, "text", 7, ""), i = prop(t, "checked", 15, !1), a = prop(t, "disabled", 7, !1), o = prop(t, "indeterminate", 15, !1), s = prop(t, "testId", 7), c = prop(t, "checkedIcon", 7), l = prop(t, "indeterminateIcon", 7), u = prop(t, "onclick", 7), f = prop(t, "classes", 7), p = prop(t, "ariaControls", 7), h = prop(t, "ariaLabel", 7), S = prop(t, "controlled", 7, !1), C = prop(t, "attributes", 7), k = prop(t, "name", 7), R = prop(t, "value", 7), te = /* @__PURE__ */ state(null), ne = /* @__PURE__ */ user_derived(() => n().length > 0 ? n() : typeof h() == "string" && h().trim() !== "" ? h() : null);
|
|
5752
5752
|
function re() {
|
|
5753
5753
|
if (!a()) {
|
|
@@ -5887,7 +5887,7 @@ function Checkbox(e, t) {
|
|
|
5887
5887
|
var t = comment();
|
|
5888
5888
|
snippet(first_child(t), c), append(e, t);
|
|
5889
5889
|
}, a = (e) => {
|
|
5890
|
-
var t = root$
|
|
5890
|
+
var t = root$82();
|
|
5891
5891
|
html(t, () => checkmark_default, !0), reset(t), append(e, t);
|
|
5892
5892
|
};
|
|
5893
5893
|
if_block(n, (e) => {
|
|
@@ -5938,7 +5938,7 @@ delegate(["click"]), create_custom_element(Checkbox, {
|
|
|
5938
5938
|
}, [], [], { mode: "open" });
|
|
5939
5939
|
//#endregion
|
|
5940
5940
|
//#region src/wc/components/Checkbox.wc.svelte
|
|
5941
|
-
var rest_excludes$
|
|
5941
|
+
var rest_excludes$80 = new Set([
|
|
5942
5942
|
"$$slots",
|
|
5943
5943
|
"$$events",
|
|
5944
5944
|
"$$legacy",
|
|
@@ -5948,7 +5948,7 @@ var rest_excludes$79 = new Set([
|
|
|
5948
5948
|
]);
|
|
5949
5949
|
function Checkbox_wc(e, t) {
|
|
5950
5950
|
push(t, !0);
|
|
5951
|
-
let n = prop(t, "checkboxAriaLabel", 7), i = prop(t, "checkboxAttributes", 7), a = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
5951
|
+
let n = prop(t, "checkboxAriaLabel", 7), i = prop(t, "checkboxAttributes", 7), a = /* @__PURE__ */ rest_props(t, rest_excludes$80);
|
|
5952
5952
|
return Checkbox(e, spread_props(() => a, {
|
|
5953
5953
|
get ariaLabel() {
|
|
5954
5954
|
return n();
|
|
@@ -6187,13 +6187,13 @@ function unlockBodyScroll() {
|
|
|
6187
6187
|
}
|
|
6188
6188
|
//#endregion
|
|
6189
6189
|
//#region src/lib/Input/Input.svelte
|
|
6190
|
-
var root$
|
|
6190
|
+
var root$81 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$69 = /* @__PURE__ */ from_html("<input/>"), root_2$52 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$46 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_4$36 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_5$30 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-left svelte-1h0c2oe\"><!></span>"), root_6$25 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-right input-icon-button svelte-1h0c2oe\"><!></button>"), root_7$22 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-right svelte-1h0c2oe\"><!></span>"), root_8$20 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_9$15 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"error-message svelte-1h0c2oe\"> </div>"), root_10$12 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1h0c2oe\"> </div>"), root_11$11 = /* @__PURE__ */ from_html("<div> </div>"), root_12$9 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$81 = {
|
|
6191
6191
|
hash: "svelte-1h0c2oe",
|
|
6192
6192
|
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);}"
|
|
6193
6193
|
};
|
|
6194
6194
|
function Input(e, t) {
|
|
6195
6195
|
let n = props_id();
|
|
6196
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
6196
|
+
push(t, !0), append_styles$1(e, $$css$81);
|
|
6197
6197
|
let i = prop(t, "value", 15, ""), a = prop(t, "placeholder", 7, ""), o = prop(t, "dataType", 7, "text"), s = prop(t, "label", 7, ""), c = prop(t, "onErrorMessage", 7, ""), l = prop(t, "infoMessage", 7, ""), u = prop(t, "validators", 23, () => []), f = prop(t, "disable", 7, !1), p = prop(t, "readonly", 7, !1), h = prop(t, "spellcheck", 7, null), S = prop(t, "validationPattern", 7, null), C = prop(t, "inProgressPattern", 7, null), k = prop(t, "addFocusColor", 7, !1), R = prop(t, "maxLength", 7, 1e3), te = prop(t, "minLength", 7, 0), ne = prop(t, "min", 7), re = prop(t, "max", 7), G = prop(t, "actionInput", 7, !1), be = prop(t, "useTextArea", 7, !1), Me = prop(t, "autoComplete", 7, "on"), Re = prop(t, "inputMode", 7), Ue = prop(t, "name", 7, ""), it = prop(t, "id", 7), at = prop(t, "testId", 7, ""), ot = prop(t, "textTransformers", 23, () => []), ct = prop(t, "textViewPresentation", 23, () => []), lt = prop(t, "onfocus", 7), ut = prop(t, "onfocusout", 7), dt = prop(t, "onblur", 7), ft = prop(t, "oninput", 7), pt = prop(t, "onpaste", 7), mt = prop(t, "onstatechange", 7, () => {}), ht = prop(t, "onclick", 7), gt = prop(t, "onkeydown", 7), _t = prop(t, "classes", 7), vt = prop(t, "role", 7), yt = prop(t, "ariaLabel", 7), bt = prop(t, "ariaExpanded", 7), xt = prop(t, "ariaAutocomplete", 7), St = prop(t, "ariaControls", 7), Ct = prop(t, "ariaActivedescendant", 7), wt = prop(t, "leftIcon", 7), Tt = prop(t, "rightIcon", 7), Et = prop(t, "onlefticonclick", 7), Dt = prop(t, "onrighticonclick", 7), Ot = prop(t, "leftIconLabel", 7, "Leading action"), kt = prop(t, "rightIconLabel", 7, "Trailing action"), At = prop(t, "mandatory", 7, !1), jt = prop(t, "forceError", 7, !1), Mt = prop(t, "rows", 7), Nt = prop(t, "autoResize", 7, !1), Pt = prop(t, "minRows", 7), It = prop(t, "maxRows", 7), Lt = prop(t, "resize", 7, "none"), Rt = prop(t, "showCount", 7, !1), zt = /* @__PURE__ */ user_derived(() => it() || (Ue() === "" ? n : `${Ue()}-${n}`)), Bt = /* @__PURE__ */ user_derived(() => typeof s() == "string" && s() !== "" && !G());
|
|
6198
6198
|
function Ht() {
|
|
6199
6199
|
try {
|
|
@@ -6613,7 +6613,7 @@ function Input(e, t) {
|
|
|
6613
6613
|
{
|
|
6614
6614
|
let e = (e) => {
|
|
6615
6615
|
var t = comment(), n = first_child(t), s = (e) => {
|
|
6616
|
-
var t = root$
|
|
6616
|
+
var t = root$81();
|
|
6617
6617
|
remove_textarea_child(t);
|
|
6618
6618
|
let n, s;
|
|
6619
6619
|
bind_this(t, (e) => set(Zt, e), () => get(Zt)), template_effect(() => {
|
|
@@ -6812,12 +6812,12 @@ function pillToneClass(e) {
|
|
|
6812
6812
|
}
|
|
6813
6813
|
//#endregion
|
|
6814
6814
|
//#region src/lib/Pill/Pill.svelte
|
|
6815
|
-
var root$
|
|
6815
|
+
var root$80 = /* @__PURE__ */ from_html("<span class=\"pill-leading-icon svelte-13eug5u\"><!></span>"), root_1$68 = /* @__PURE__ */ from_html("<div class=\"pill-dismiss svelte-13eug5u\"><!></div>"), root_2$51 = /* @__PURE__ */ from_html("<!> <span class=\"pill-text svelte-13eug5u\"> </span> <!>", 1), $$css$80 = {
|
|
6816
6816
|
hash: "svelte-13eug5u",
|
|
6817
6817
|
code: ".pill.svelte-13eug5u {display:inline-flex;align-items:center;\n /* A pill is content-width by default. A caller stacking pills into a menu needs\n them to fill the column and align their labels left, which is a layout choice\n the call site owns — hence tokens rather than a variant. */width:var(--pill-width, auto);justify-content:var(--pill-justify-content, center);text-align:var(--pill-text-align, center);gap:var(--pill-gap, 4px);background-color:var(--pill-background, var(--_pill-tone-background, #e0e0e0));color:var(--pill-color, var(--_pill-tone-color, #333333));font-size:var(--pill-font-size, 13px);font-weight:var(--pill-font-weight, 500);font-family:var(--pill-font-family);letter-spacing:var(--pill-letter-spacing, normal);text-transform:var(--pill-text-transform, none);padding:var(--pill-padding, 6px 10px);border-radius:var(--pill-border-radius, 999px);border:var(--pill-border, none);\n /* Non-interactive by default: nothing is clickable, so nothing should look\n clickable. The pointer default below applies only once role=\"button\" is\n actually present (see handleClick / `interactive`) — an explicit\n --pill-cursor still wins in both cases. */cursor:var(--pill-cursor, default);max-width:var(--pill-max-width);line-height:var(--pill-line-height, 1);flex-shrink:var(--pill-flex-shrink);}.pill[role='button'].svelte-13eug5u,\n button.pill.svelte-13eug5u {cursor:var(--pill-cursor, pointer);}.pill[role='button'].svelte-13eug5u:focus-visible,\n button.pill.svelte-13eug5u:focus-visible {outline:var(--pill-focus-outline, 2px solid currentColor);outline-offset:var(--pill-focus-outline-offset, 2px);}\n\n /* A button root arrives with user-agent styling a div never had: a default margin, the\n native control appearance, and its own font stack. Neutralise exactly those three and\n nothing else, so `as=\"button\"` is a semantics change and not a visual one.\n\n Deliberately NOT `font: inherit` here: that shorthand also resets line-height, and this\n rule outranks .pill on specificity, so it would silently override\n `--pill-line-height` and make a button chip 5px taller than the identical div. Every\n other typographic property is already owned by .pill and needs no restatement. */button.pill.svelte-13eug5u {margin:0;font-family:var(--pill-font-family, inherit);appearance:none;-webkit-appearance:none;}\n\n /* Tone defaults — an internal --_pill-tone-* layer, mirroring how Button's\n variant classes set --_btn-*: a plain --pill-background/--pill-color\n (explicit, or via `classes`) always wins over the tone's default. */.tone-accent.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-accent-background, #d1ecf1);--_pill-tone-color: var(--pill-tone-accent-color, #0c5460);}.tone-ok.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-ok-background, #d4edda);--_pill-tone-color: var(--pill-tone-ok-color, #155724);}.tone-warn.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-warn-background, #fff3cd);--_pill-tone-color: var(--pill-tone-warn-color, #856404);}.tone-danger.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-danger-background, #f8d7da);--_pill-tone-color: var(--pill-tone-danger-color, #721c24);}.tone-muted.svelte-13eug5u {--_pill-tone-background: var(--pill-tone-muted-background, #f1f1f1);--_pill-tone-color: var(--pill-tone-muted-color, #6b7280);}.pill.svelte-13eug5u:hover:not(.disabled) {background-color:var(\n --pill-hover-background,\n var(--pill-background, var(--_pill-tone-background, #d0d0d0))\n );color:var(--pill-hover-color, var(--pill-color, var(--_pill-tone-color, #333333)));}.pill.disabled.svelte-13eug5u {opacity:var(--pill-disabled-opacity, 0.4);cursor:var(--pill-disabled-cursor, not-allowed);}.pill-text.svelte-13eug5u {overflow:hidden;text-overflow:var(--pill-text-overflow, ellipsis);white-space:var(--pill-text-white-space, nowrap);}.pill-leading-icon.svelte-13eug5u {display:inline-flex;align-items:center;flex-shrink:0;}.pill-dismiss.svelte-13eug5u {--button-color: transparent;--button-border: none;--button-padding: 0;--button-text-color: var(--pill-dismiss-color, currentColor);--button-hover-color: transparent;--button-hover-text-color: var(\n --pill-dismiss-hover-color,\n var(--pill-dismiss-color, currentColor)\n );--cursor: inherit;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}\n\n /* Consumer themes can set Button tokens on its container, beating inherited\n wrapper values. Pin the painting element too so the chip owns its enabled\n glyph; leave disabled colours and focus indicators to the consumer theme. */.pill-dismiss.svelte-13eug5u .button-container,\n .pill-dismiss.svelte-13eug5u .button-el {--button-color: transparent;--button-background: none;--button-active-background: transparent;--button-border: none;--button-padding: 0;--button-text-color: var(--pill-dismiss-color, currentColor);--button-hover-color: transparent;--button-hover-border: none;--button-hover-text-color: var(\n --pill-dismiss-hover-color,\n var(--pill-dismiss-color, currentColor)\n );}.pill-dismiss.svelte-13eug5u svg {width:var(--pill-dismiss-size, 14px);height:var(--pill-dismiss-size, 14px);}"
|
|
6818
6818
|
};
|
|
6819
6819
|
function Pill(e, t) {
|
|
6820
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
6820
|
+
push(t, !0), append_styles$1(e, $$css$80);
|
|
6821
6821
|
let n = prop(t, "text", 7), i = prop(t, "dismissible", 7, !1), a = prop(t, "disabled", 7, !1), o = prop(t, "tone", 7), s = prop(t, "as", 7), c = prop(t, "ariaExpanded", 7), l = prop(t, "ariaPressed", 7), u = prop(t, "testId", 7), f = prop(t, "title", 7), p = prop(t, "dismissIcon", 7), h = prop(t, "dismissLabel", 7), S = prop(t, "leadingIcon", 7), C = prop(t, "onclick", 7), k = prop(t, "ondismiss", 7), R = prop(t, "classes", 7), te = prop(t, "attrs", 7), ne = /* @__PURE__ */ user_derived(() => typeof C() == "function"), re = /* @__PURE__ */ user_derived(() => s() === "button" && !i()), G = /* @__PURE__ */ user_derived(() => get(re) ? "button" : "div"), be = /* @__PURE__ */ user_derived(() => get(ne) && !get(re)), Me = /* @__PURE__ */ user_derived(() => get(re) || get(be));
|
|
6822
6822
|
function Re(e) {
|
|
6823
6823
|
a() || C()?.(e);
|
|
@@ -6944,7 +6944,7 @@ function Pill(e, t) {
|
|
|
6944
6944
|
[CLASS]: { disabled: a() }
|
|
6945
6945
|
}), [() => pillToneClass(o())], void 0, void 0, "svelte-13eug5u");
|
|
6946
6946
|
var s = root_2$51(), C = first_child(s), k = (e) => {
|
|
6947
|
-
var t = root$
|
|
6947
|
+
var t = root$80();
|
|
6948
6948
|
snippet(child(t), S), reset(t), append(e, t);
|
|
6949
6949
|
};
|
|
6950
6950
|
if_block(C, (e) => {
|
|
@@ -7008,12 +7008,12 @@ create_custom_element(Pill, {
|
|
|
7008
7008
|
}, [], [], { mode: "open" });
|
|
7009
7009
|
//#endregion
|
|
7010
7010
|
//#region src/lib/ChipInput/ChipInput.svelte
|
|
7011
|
-
var root$
|
|
7011
|
+
var root$79 = /* @__PURE__ */ from_html("<div class=\"chip-input-edit-wrap svelte-umx72m\"><!></div>"), root_1$67 = /* @__PURE__ */ from_html("<div><!> <div class=\"chip-input-draft-wrap svelte-umx72m\"><!></div></div>"), $$css$79 = {
|
|
7012
7012
|
hash: "svelte-umx72m",
|
|
7013
7013
|
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;}"
|
|
7014
7014
|
};
|
|
7015
7015
|
function ChipInput(e, t) {
|
|
7016
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
7016
|
+
push(t, !0), append_styles$1(e, $$css$79);
|
|
7017
7017
|
let n = prop(t, "values", 31, () => proxy([])), i = prop(t, "ariaLabel", 7), a = prop(t, "placeholder", 7, "Add value…"), o = prop(t, "disabled", 7, !1), s = prop(t, "editable", 7, !1), c = prop(t, "testId", 7), l = prop(t, "classes", 7), u = prop(t, "onadd", 7), f = prop(t, "ondismiss", 7), p = prop(t, "onedit", 7), h = prop(t, "onchange", 7), S = /* @__PURE__ */ state(""), C = /* @__PURE__ */ state(null), k = /* @__PURE__ */ state(""), R = /* @__PURE__ */ state(null);
|
|
7018
7018
|
function te() {
|
|
7019
7019
|
let e = get(S).trim();
|
|
@@ -7125,7 +7125,7 @@ function ChipInput(e, t) {
|
|
|
7125
7125
|
}, at = root_1$67(), ot = child(at);
|
|
7126
7126
|
each(ot, 18, n, (e) => e, (e, t, n) => {
|
|
7127
7127
|
var i = comment(), a = first_child(i), l = (e) => {
|
|
7128
|
-
var i = root$
|
|
7128
|
+
var i = root$79();
|
|
7129
7129
|
bind_this(Input(child(i), spread_props({
|
|
7130
7130
|
get value() {
|
|
7131
7131
|
return get(k);
|
|
@@ -7209,7 +7209,7 @@ create_custom_element(ChipInput, {
|
|
|
7209
7209
|
}, [], [], { mode: "open" });
|
|
7210
7210
|
//#endregion
|
|
7211
7211
|
//#region src/wc/components/ChipInput.wc.svelte
|
|
7212
|
-
var rest_excludes$
|
|
7212
|
+
var rest_excludes$79 = new Set([
|
|
7213
7213
|
"$$slots",
|
|
7214
7214
|
"$$events",
|
|
7215
7215
|
"$$legacy",
|
|
@@ -7219,7 +7219,7 @@ var rest_excludes$78 = new Set([
|
|
|
7219
7219
|
]);
|
|
7220
7220
|
function ChipInput_wc(e, t) {
|
|
7221
7221
|
push(t, !0);
|
|
7222
|
-
let n = prop(t, "chipInputAriaLabel", 7), i = prop(t, "values", 31, () => proxy([])), a = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
7222
|
+
let n = prop(t, "chipInputAriaLabel", 7), i = prop(t, "values", 31, () => proxy([])), a = /* @__PURE__ */ rest_props(t, rest_excludes$79);
|
|
7223
7223
|
return ChipInput(e, spread_props(() => a, {
|
|
7224
7224
|
get ariaLabel() {
|
|
7225
7225
|
return n();
|
|
@@ -7275,12 +7275,12 @@ customElements.define("sui-chip-input", create_custom_element(ChipInput_wc, {
|
|
|
7275
7275
|
}, [], [], { mode: "open" }));
|
|
7276
7276
|
//#endregion
|
|
7277
7277
|
//#region src/lib/Slider/Slider.svelte
|
|
7278
|
-
var root$
|
|
7278
|
+
var root$78 = /* @__PURE__ */ from_html("<span class=\"slider-value svelte-17e64va\"> </span>"), root_1$66 = /* @__PURE__ */ from_html("<div><input type=\"range\" class=\"slider-input svelte-17e64va\"/> <!></div>"), $$css$78 = {
|
|
7279
7279
|
hash: "svelte-17e64va",
|
|
7280
7280
|
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;}"
|
|
7281
7281
|
};
|
|
7282
7282
|
function Slider(e, t) {
|
|
7283
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
7283
|
+
push(t, !0), append_styles$1(e, $$css$78);
|
|
7284
7284
|
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, "ariaLabelledby", 7), p = prop(t, "testId", 7), h = prop(t, "onchange", 7), S = prop(t, "oninput", 7), C = prop(t, "classes", 7), k = /* @__PURE__ */ user_derived(() => (n() - i()) / (a() - i()) * 100), R = /* @__PURE__ */ user_derived(() => l() ? l()(n()) : String(n()));
|
|
7285
7285
|
function te(e) {
|
|
7286
7286
|
e.target instanceof HTMLInputElement && (n(Number(e.target.value)), S()?.(n()));
|
|
@@ -7372,7 +7372,7 @@ function Slider(e, t) {
|
|
|
7372
7372
|
var Me = child(G);
|
|
7373
7373
|
remove_input_defaults(Me);
|
|
7374
7374
|
var Re = sibling(Me, 2), Ue = (e) => {
|
|
7375
|
-
var t = root$
|
|
7375
|
+
var t = root$78(), n = child(t, !0);
|
|
7376
7376
|
reset(t), template_effect(() => set_text(n, get(R))), append(e, t);
|
|
7377
7377
|
};
|
|
7378
7378
|
return if_block(Re, (e) => {
|
|
@@ -7398,12 +7398,12 @@ delegate(["input", "change"]), create_custom_element(Slider, {
|
|
|
7398
7398
|
}, [], [], { mode: "open" });
|
|
7399
7399
|
//#endregion
|
|
7400
7400
|
//#region src/lib/SplitInput/SplitInput.svelte
|
|
7401
|
-
var root$
|
|
7401
|
+
var root$77 = /* @__PURE__ */ from_html("<span class=\"field-group-separator svelte-1gcz5cs\"> </span>"), root_1$65 = /* @__PURE__ */ from_html("<span class=\"field-group-label svelte-1gcz5cs\"> </span>"), root_2$50 = /* @__PURE__ */ from_html("<!> <div class=\"field-group-item svelte-1gcz5cs\"><!> <!></div>", 1), root_3$45 = /* @__PURE__ */ from_html("<div></div>"), $$css$77 = {
|
|
7402
7402
|
hash: "svelte-1gcz5cs",
|
|
7403
7403
|
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;}"
|
|
7404
7404
|
};
|
|
7405
7405
|
function SplitInput(e, t) {
|
|
7406
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
7406
|
+
push(t, !0), append_styles$1(e, $$css$77);
|
|
7407
7407
|
let n = prop(t, "values", 31, () => proxy([])), i = prop(t, "fields", 7), a = prop(t, "length", 7, 4), o = prop(t, "disabled", 7, !1), s = prop(t, "autoAdvance", 7, !1), c = prop(t, "separator", 7), l = prop(t, "testId", 7), u = prop(t, "classes", 7), f = prop(t, "onchange", 7), p = prop(t, "oninput", 7), h = prop(t, "oncomplete", 7), S = /* @__PURE__ */ user_derived(() => i() === void 0 ? a() : i().length), C = /* @__PURE__ */ user_derived(() => i() === void 0 ? Array.from({ length: get(S) }, () => ({
|
|
7408
7408
|
dataType: "tel",
|
|
7409
7409
|
maxLength: 1
|
|
@@ -7546,7 +7546,7 @@ function SplitInput(e, t) {
|
|
|
7546
7546
|
}, ct = root_3$45();
|
|
7547
7547
|
return each(ct, 21, () => get(C), index, (e, t, n) => {
|
|
7548
7548
|
var i = root_2$50(), a = first_child(i), s = (e) => {
|
|
7549
|
-
var t = root$
|
|
7549
|
+
var t = root$77(), n = child(t, !0);
|
|
7550
7550
|
reset(t), template_effect(() => set_text(n, c())), append(e, t);
|
|
7551
7551
|
};
|
|
7552
7552
|
if_block(a, (e) => {
|
|
@@ -7625,12 +7625,12 @@ create_custom_element(SplitInput, {
|
|
|
7625
7625
|
}, [], ["clear", "focus"], { mode: "open" });
|
|
7626
7626
|
//#endregion
|
|
7627
7627
|
//#region src/lib/assets/swap-vertical.svg?raw
|
|
7628
|
-
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$
|
|
7628
|
+
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$76 = /* @__PURE__ */ from_html("<span class=\"color-picker-label svelte-ka7yhu\"> </span>"), root_1$64 = /* @__PURE__ */ from_html("<span class=\"color-picker-checkerboard svelte-ka7yhu\"><span class=\"color-picker-swatch svelte-ka7yhu\"></span></span>"), root_2$49 = /* @__PURE__ */ from_html("<div class=\"color-picker-input-wrap svelte-ka7yhu\"><!></div>"), root_3$44 = /* @__PURE__ */ from_html("<div class=\"cp-field-hex svelte-ka7yhu\"><!> <span class=\"cp-field-label svelte-ka7yhu\">HEX</span></div>"), root_4$35 = /* @__PURE__ */ from_html("<div class=\"color-picker-popover svelte-ka7yhu\" role=\"dialog\" aria-label=\"Color picker\"><div class=\"cp-sat-panel svelte-ka7yhu\" role=\"slider\" aria-label=\"Saturation and brightness\"><div class=\"cp-sat-white svelte-ka7yhu\"></div> <div class=\"cp-sat-black svelte-ka7yhu\"></div> <div class=\"cp-sat-thumb svelte-ka7yhu\"></div></div> <div class=\"cp-hue-slider svelte-ka7yhu\"><!></div> <div class=\"cp-inputs svelte-ka7yhu\"><div class=\"cp-preview svelte-ka7yhu\"></div> <!> <div class=\"cp-mode-toggle svelte-ka7yhu\"><!></div></div></div>"), root_5$29 = /* @__PURE__ */ from_html("<div><!> <div class=\"color-picker-row svelte-ka7yhu\"><div><!></div> <!></div> <!></div>"), $$css$76 = {
|
|
7629
7629
|
hash: "svelte-ka7yhu",
|
|
7630
7630
|
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;}"
|
|
7631
7631
|
};
|
|
7632
7632
|
function ColorPicker(e, t) {
|
|
7633
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
7633
|
+
push(t, !0), append_styles$1(e, $$css$76);
|
|
7634
7634
|
let n = prop(t, "value", 15, "#000000"), i = prop(t, "label", 7), a = prop(t, "disabled", 7, !1), o = prop(t, "showValue", 7, !1), s = prop(t, "testId", 7), c = prop(t, "onchange", 7), l = prop(t, "oninput", 7), u = prop(t, "classes", 7), f = /* @__PURE__ */ state(!1), p = /* @__PURE__ */ state(null), h = /* @__PURE__ */ state(0), S = /* @__PURE__ */ state(1), C = /* @__PURE__ */ state(1), k = [
|
|
7635
7635
|
"HEX",
|
|
7636
7636
|
"RGB",
|
|
@@ -7737,7 +7737,7 @@ function ColorPicker(e, t) {
|
|
|
7737
7737
|
event("click", $window, Me);
|
|
7738
7738
|
let vt;
|
|
7739
7739
|
var yt = child(_t), bt = (e) => {
|
|
7740
|
-
var t = root$
|
|
7740
|
+
var t = root$76(), n = child(t, !0);
|
|
7741
7741
|
reset(t), template_effect(() => set_text(n, i())), append(e, t);
|
|
7742
7742
|
};
|
|
7743
7743
|
if_block(yt, (e) => {
|
|
@@ -7930,7 +7930,7 @@ delegate([
|
|
|
7930
7930
|
}, [], [], { mode: "open" });
|
|
7931
7931
|
//#endregion
|
|
7932
7932
|
//#region src/wc/components/ColorPicker.wc.svelte
|
|
7933
|
-
var rest_excludes$
|
|
7933
|
+
var rest_excludes$78 = new Set([
|
|
7934
7934
|
"$$slots",
|
|
7935
7935
|
"$$events",
|
|
7936
7936
|
"$$legacy",
|
|
@@ -7939,7 +7939,7 @@ var rest_excludes$77 = new Set([
|
|
|
7939
7939
|
]);
|
|
7940
7940
|
function ColorPicker_wc(e, t) {
|
|
7941
7941
|
push(t, !0);
|
|
7942
|
-
let n = prop(t, "value", 15, "#000000"), i = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
7942
|
+
let n = prop(t, "value", 15, "#000000"), i = /* @__PURE__ */ rest_props(t, rest_excludes$78);
|
|
7943
7943
|
return ColorPicker(e, spread_props(() => i, {
|
|
7944
7944
|
get value() {
|
|
7945
7945
|
return n();
|
|
@@ -7984,12 +7984,12 @@ customElements.define("sui-color-picker", create_custom_element(ColorPicker_wc,
|
|
|
7984
7984
|
}, [], [], { mode: "open" }));
|
|
7985
7985
|
//#endregion
|
|
7986
7986
|
//#region src/lib/Combobox/Combobox.svelte
|
|
7987
|
-
var root$
|
|
7987
|
+
var root$75 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$63 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$48 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$43 = /* @__PURE__ */ from_html("<div class=\"combobox-limit svelte-178p70i\" role=\"alert\"> </div>"), root_4$34 = /* @__PURE__ */ from_html("<div class=\"combobox-empty svelte-178p70i\"> </div>"), root_5$28 = /* @__PURE__ */ from_html("<div role=\"option\" tabindex=\"-1\"><!></div>"), root_6$24 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"combobox-create-icon svelte-178p70i\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\" width=\"14\" height=\"14\" fill=\"none\"><path d=\"M10 4v12M4 10h12\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"></path></svg></span> </div>"), root_7$21 = /* @__PURE__ */ from_html("<span class=\"combobox-action-icon svelte-178p70i\" aria-hidden=\"true\"><!></span>"), root_8$19 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><!> </div>"), root_9$14 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-footer svelte-178p70i\"><!></div>"), root_10$11 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown svelte-178p70i\" role=\"listbox\"><!> <!> <!> <!> <!></div>"), root_11$10 = /* @__PURE__ */ from_html("<div><div><!> <!> <div class=\"combobox-input svelte-178p70i\"><!></div> <!></div> <!></div>"), $$css$75 = {
|
|
7988
7988
|
hash: "svelte-178p70i",
|
|
7989
7989
|
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);}"
|
|
7990
7990
|
};
|
|
7991
7991
|
function Combobox(e, t) {
|
|
7992
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
7992
|
+
push(t, !0), append_styles$1(e, $$css$75);
|
|
7993
7993
|
function n(e, t) {
|
|
7994
7994
|
return e.label.toLowerCase().includes(t.toLowerCase());
|
|
7995
7995
|
}
|
|
@@ -8353,7 +8353,7 @@ function Combobox(e, t) {
|
|
|
8353
8353
|
var vn = child(gn);
|
|
8354
8354
|
let yn;
|
|
8355
8355
|
var bn = child(vn), xn = (e) => {
|
|
8356
|
-
var t = root$
|
|
8356
|
+
var t = root$75();
|
|
8357
8357
|
snippet(child(t), G), reset(t), append(e, t);
|
|
8358
8358
|
};
|
|
8359
8359
|
if_block(bn, (e) => {
|
|
@@ -8584,7 +8584,7 @@ delegate(["click"]), create_custom_element(Combobox, {
|
|
|
8584
8584
|
}, [], ["getInputRef"], { mode: "open" });
|
|
8585
8585
|
//#endregion
|
|
8586
8586
|
//#region src/wc/components/Combobox.wc.svelte
|
|
8587
|
-
var rest_excludes$
|
|
8587
|
+
var rest_excludes$77 = new Set([
|
|
8588
8588
|
"$$slots",
|
|
8589
8589
|
"$$events",
|
|
8590
8590
|
"$$legacy",
|
|
@@ -8598,7 +8598,7 @@ var rest_excludes$76 = new Set([
|
|
|
8598
8598
|
]);
|
|
8599
8599
|
function Combobox_wc(e, t) {
|
|
8600
8600
|
push(t, !0);
|
|
8601
|
-
let n = prop(t, "comboboxAriaLabel", 7), i = prop(t, "value", 15, ""), a = prop(t, "inputValue", 15, ""), o = prop(t, "open", 15, !1), s = prop(t, "highlightedIndex", 31, () => -1), c = prop(t, "selected", 31, () => proxy([])), l = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
8601
|
+
let n = prop(t, "comboboxAriaLabel", 7), i = prop(t, "value", 15, ""), a = prop(t, "inputValue", 15, ""), o = prop(t, "open", 15, !1), s = prop(t, "highlightedIndex", 31, () => -1), c = prop(t, "selected", 31, () => proxy([])), l = /* @__PURE__ */ rest_props(t, rest_excludes$77);
|
|
8602
8602
|
return Combobox(e, spread_props(() => l, {
|
|
8603
8603
|
get ariaLabel() {
|
|
8604
8604
|
return n();
|
|
@@ -8760,13 +8760,13 @@ customElements.define("sui-combobox", create_custom_element(Combobox_wc, {
|
|
|
8760
8760
|
}, [], [], { mode: "open" }));
|
|
8761
8761
|
//#endregion
|
|
8762
8762
|
//#region src/lib/assets/search.svg?raw
|
|
8763
|
-
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$
|
|
8763
|
+
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$74 = /* @__PURE__ */ from_html("<span class=\"command-menu-search-icon svelte-rk55q\"></span>"), root_1$62 = /* @__PURE__ */ from_html("<div class=\"command-menu-empty svelte-rk55q\"> </div>"), root_2$47 = /* @__PURE__ */ from_html("<div class=\"command-menu-group-heading svelte-rk55q\"> </div>"), root_3$42 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-icon svelte-rk55q\"><!></span>"), root_4$33 = /* @__PURE__ */ from_html("<div class=\"command-menu-item-icon-img-wrapper svelte-rk55q\"><!></div>"), root_5$27 = /* @__PURE__ */ from_html("<kbd class=\"command-menu-kbd svelte-rk55q\"> </kbd>"), root_6$23 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-shortcut svelte-rk55q\"></span>"), root_7$20 = /* @__PURE__ */ from_html("<button type=\"button\" role=\"option\" tabindex=\"-1\"><!> <span class=\"command-menu-item-label svelte-rk55q\"> </span> <!></button>"), root_8$18 = /* @__PURE__ */ from_html("<!> <!>", 1), root_9$13 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-modal=\"true\" aria-label=\"Command menu\" tabindex=\"-1\"><div class=\"command-menu-dialog svelte-rk55q\"><div class=\"command-menu-input-wrapper svelte-rk55q\"><!> <input type=\"text\" class=\"command-menu-input svelte-rk55q\" autocomplete=\"off\" spellcheck=\"false\" role=\"combobox\" aria-autocomplete=\"list\"/></div> <div class=\"command-menu-separator svelte-rk55q\"></div> <div class=\"command-menu-list svelte-rk55q\" role=\"listbox\"><!></div></div></div>"), $$css$74 = {
|
|
8764
8764
|
hash: "svelte-rk55q",
|
|
8765
8765
|
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);}"
|
|
8766
8766
|
};
|
|
8767
8767
|
function CommandMenu(e, t) {
|
|
8768
8768
|
let n = props_id();
|
|
8769
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
8769
|
+
push(t, !0), append_styles$1(e, $$css$74);
|
|
8770
8770
|
let i = prop(t, "items", 7), a = prop(t, "open", 15, !1), o = prop(t, "placeholder", 7, "Search commands..."), s = prop(t, "emptyText", 7, "No results found."), c = prop(t, "testId", 7), l = prop(t, "itemIcon", 7), u = prop(t, "searchIcon", 7), f = prop(t, "onselect", 7), p = prop(t, "onclose", 7), h = prop(t, "classes", 7), S = `command-menu-listbox-${n}`, C = /* @__PURE__ */ state(""), k = /* @__PURE__ */ state(0), R = /* @__PURE__ */ state(null), te = /* @__PURE__ */ state(null), ne = /* @__PURE__ */ state(null), re = null, G = /* @__PURE__ */ user_derived(() => {
|
|
8771
8771
|
if (get(C).trim() === "") return i();
|
|
8772
8772
|
let e = get(C).toLowerCase();
|
|
@@ -8933,7 +8933,7 @@ function CommandMenu(e, t) {
|
|
|
8933
8933
|
var t = comment();
|
|
8934
8934
|
snippet(first_child(t), u), append(e, t);
|
|
8935
8935
|
}, re = (e) => {
|
|
8936
|
-
var t = root$
|
|
8936
|
+
var t = root$74();
|
|
8937
8937
|
html(t, () => search_default, !0), reset(t), append(e, t);
|
|
8938
8938
|
};
|
|
8939
8939
|
if_block(f, (e) => {
|
|
@@ -9027,14 +9027,14 @@ delegate([
|
|
|
9027
9027
|
}, [], [], { mode: "open" });
|
|
9028
9028
|
//#endregion
|
|
9029
9029
|
//#region src/wc/components/CommandMenu.wc.svelte
|
|
9030
|
-
var rest_excludes$
|
|
9030
|
+
var rest_excludes$76 = new Set([
|
|
9031
9031
|
"$$slots",
|
|
9032
9032
|
"$$events",
|
|
9033
9033
|
"$$legacy",
|
|
9034
9034
|
"$$host"
|
|
9035
9035
|
]);
|
|
9036
9036
|
function CommandMenu_wc(e, t) {
|
|
9037
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
9037
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$76);
|
|
9038
9038
|
CommandMenu(e, spread_props(() => n, {
|
|
9039
9039
|
searchIcon: (e) => {
|
|
9040
9040
|
var n = comment();
|
|
@@ -9070,12 +9070,12 @@ customElements.define("sui-command-menu", create_custom_element(CommandMenu_wc,
|
|
|
9070
9070
|
}, ["search-icon"], [], { mode: "open" }));
|
|
9071
9071
|
//#endregion
|
|
9072
9072
|
//#region src/lib/Gauge/Gauge.svelte
|
|
9073
|
-
var root$
|
|
9073
|
+
var root$73 = /* @__PURE__ */ from_html("<div class=\"label svelte-ms0oc6\"> </div>"), root_1$61 = /* @__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$73 = {
|
|
9074
9074
|
hash: "svelte-ms0oc6",
|
|
9075
9075
|
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);}"
|
|
9076
9076
|
};
|
|
9077
9077
|
function Gauge(e, t) {
|
|
9078
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
9078
|
+
push(t, !0), append_styles$1(e, $$css$73);
|
|
9079
9079
|
let n = prop(t, "value", 7), i = prop(t, "max", 7, 100), a = prop(t, "showLabel", 7, !0), o = prop(t, "labelFormatter", 7), s = prop(t, "ariaLabel", 7), c = prop(t, "testId", 7), l = prop(t, "classes", 7), u = 100, f = 100 / 2, p = 92 / 2, h = 2 * Math.PI * 46, S = /* @__PURE__ */ user_derived(() => i() > 0 ? Math.min(100, Math.max(0, n() / i() * 100)) : 0), C = /* @__PURE__ */ user_derived(() => h - get(S) / 100 * h), k = /* @__PURE__ */ user_derived(() => o() ? o()(n(), i()) : `${Math.round(get(S))}%`);
|
|
9080
9080
|
var R = {
|
|
9081
9081
|
get value() {
|
|
@@ -9129,7 +9129,7 @@ function Gauge(e, t) {
|
|
|
9129
9129
|
var G = sibling(re);
|
|
9130
9130
|
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);
|
|
9131
9131
|
var be = sibling(ne, 2), Me = (e) => {
|
|
9132
|
-
var t = root$
|
|
9132
|
+
var t = root$73(), n = child(t, !0);
|
|
9133
9133
|
reset(t), template_effect(() => set_text(n, get(k))), append(e, t);
|
|
9134
9134
|
};
|
|
9135
9135
|
return if_block(be, (e) => {
|
|
@@ -9149,14 +9149,14 @@ create_custom_element(Gauge, {
|
|
|
9149
9149
|
}, [], [], { mode: "open" });
|
|
9150
9150
|
//#endregion
|
|
9151
9151
|
//#region src/wc/components/Gauge.wc.svelte
|
|
9152
|
-
var rest_excludes$
|
|
9152
|
+
var rest_excludes$75 = new Set([
|
|
9153
9153
|
"$$slots",
|
|
9154
9154
|
"$$events",
|
|
9155
9155
|
"$$legacy",
|
|
9156
9156
|
"$$host"
|
|
9157
9157
|
]);
|
|
9158
9158
|
function Gauge_wc(e, t) {
|
|
9159
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
9159
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$75);
|
|
9160
9160
|
Gauge(e, spread_props(() => n));
|
|
9161
9161
|
}
|
|
9162
9162
|
customElements.define("sui-gauge", create_custom_element(Gauge_wc, {
|
|
@@ -9182,12 +9182,12 @@ customElements.define("sui-gauge", create_custom_element(Gauge_wc, {
|
|
|
9182
9182
|
}, [], [], { mode: "open" }));
|
|
9183
9183
|
//#endregion
|
|
9184
9184
|
//#region src/lib/GridItem/GridItem.svelte
|
|
9185
|
-
var root$
|
|
9185
|
+
var root$72 = /* @__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$72 = {
|
|
9186
9186
|
hash: "svelte-1h7hoii",
|
|
9187
9187
|
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 }"
|
|
9188
9188
|
};
|
|
9189
9189
|
function GridItem(e, t) {
|
|
9190
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
9190
|
+
push(t, !0), append_styles$1(e, $$css$72);
|
|
9191
9191
|
let n = prop(t, "icon", 7, ""), i = prop(t, "text", 7, ""), a = prop(t, "headerIcon", 7, ""), o = prop(t, "showLoader", 15, !1), s = prop(t, "onclick", 7), c = prop(t, "onkeydown", 7), l = prop(t, "classes", 7), u = prop(t, "testId", 7);
|
|
9192
9192
|
function f(e) {
|
|
9193
9193
|
o(!o()), s()?.(e);
|
|
@@ -9241,7 +9241,7 @@ function GridItem(e, t) {
|
|
|
9241
9241
|
set testId(e) {
|
|
9242
9242
|
u(e), flushSync();
|
|
9243
9243
|
}
|
|
9244
|
-
}, h = root$
|
|
9244
|
+
}, h = root$72(), S = child(h), C = child(S);
|
|
9245
9245
|
reset(S);
|
|
9246
9246
|
var k = sibling(S, 2);
|
|
9247
9247
|
let R;
|
|
@@ -9266,14 +9266,14 @@ delegate(["click", "keydown"]), create_custom_element(GridItem, {
|
|
|
9266
9266
|
}, [], [], { mode: "open" });
|
|
9267
9267
|
//#endregion
|
|
9268
9268
|
//#region src/wc/components/GridItem.wc.svelte
|
|
9269
|
-
var rest_excludes$
|
|
9269
|
+
var rest_excludes$74 = new Set([
|
|
9270
9270
|
"$$slots",
|
|
9271
9271
|
"$$events",
|
|
9272
9272
|
"$$legacy",
|
|
9273
9273
|
"$$host"
|
|
9274
9274
|
]);
|
|
9275
9275
|
function GridItem_wc(e, t) {
|
|
9276
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
9276
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$74);
|
|
9277
9277
|
GridItem(e, spread_props(() => n));
|
|
9278
9278
|
}
|
|
9279
9279
|
customElements.define("sui-grid-item", create_custom_element(GridItem_wc, {
|
|
@@ -9305,12 +9305,12 @@ customElements.define("sui-grid-item", create_custom_element(GridItem_wc, {
|
|
|
9305
9305
|
}, [], [], { mode: "open" }));
|
|
9306
9306
|
//#endregion
|
|
9307
9307
|
//#region src/lib/Icon/Icon.svelte
|
|
9308
|
-
var root$
|
|
9308
|
+
var root$71 = /* @__PURE__ */ from_html("<span class=\"icon-svg svelte-15st86u\"></span>"), root_1$60 = /* @__PURE__ */ from_html("<div class=\"icon-text svelte-15st86u\"> </div>"), root_2$46 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!> <!></div>"), $$css$71 = {
|
|
9309
9309
|
hash: "svelte-15st86u",
|
|
9310
9310
|
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);}"
|
|
9311
9311
|
};
|
|
9312
9312
|
function Icon(e, t) {
|
|
9313
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
9313
|
+
push(t, !0), append_styles$1(e, $$css$71);
|
|
9314
9314
|
let n = prop(t, "icon", 7), i = prop(t, "svg", 7), a = prop(t, "text", 7), o = prop(t, "onclick", 7), s = prop(t, "onkeydown", 7), c = prop(t, "classes", 7), l = prop(t, "testId", 7);
|
|
9315
9315
|
var u = {
|
|
9316
9316
|
get icon() {
|
|
@@ -9356,7 +9356,7 @@ function Icon(e, t) {
|
|
|
9356
9356
|
l(e), flushSync();
|
|
9357
9357
|
}
|
|
9358
9358
|
}, f = root_2$46(), p = child(f), h = (e) => {
|
|
9359
|
-
var t = root$
|
|
9359
|
+
var t = root$71();
|
|
9360
9360
|
html(t, i, !0), reset(t), append(e, t);
|
|
9361
9361
|
}, S = (e) => {
|
|
9362
9362
|
Img(e, {
|
|
@@ -9396,14 +9396,14 @@ delegate(["click", "keydown"]), create_custom_element(Icon, {
|
|
|
9396
9396
|
}, [], [], { mode: "open" });
|
|
9397
9397
|
//#endregion
|
|
9398
9398
|
//#region src/wc/components/Icon.wc.svelte
|
|
9399
|
-
var rest_excludes$
|
|
9399
|
+
var rest_excludes$73 = new Set([
|
|
9400
9400
|
"$$slots",
|
|
9401
9401
|
"$$events",
|
|
9402
9402
|
"$$legacy",
|
|
9403
9403
|
"$$host"
|
|
9404
9404
|
]);
|
|
9405
9405
|
function Icon_wc(e, t) {
|
|
9406
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
9406
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$73);
|
|
9407
9407
|
Icon(e, spread_props(() => n));
|
|
9408
9408
|
}
|
|
9409
9409
|
customElements.define("sui-icon", create_custom_element(Icon_wc, {
|
|
@@ -9429,12 +9429,12 @@ customElements.define("sui-icon", create_custom_element(Icon_wc, {
|
|
|
9429
9429
|
}, [], [], { mode: "open" }));
|
|
9430
9430
|
//#endregion
|
|
9431
9431
|
//#region src/lib/IconStack/IconStack.svelte
|
|
9432
|
-
var root$
|
|
9432
|
+
var root$70 = /* @__PURE__ */ from_html("<img alt=\"icon\" class=\"svelte-1upirm6\"/>"), root_1$59 = /* @__PURE__ */ from_html("<div class=\"text-container svelte-1upirm6\"><span class=\"svelte-1upirm6\"> </span></div>"), root_2$45 = /* @__PURE__ */ from_html("<div class=\"stack-icon svelte-1upirm6\"><!></div>"), root_3$41 = /* @__PURE__ */ from_html("<div></div>"), $$css$70 = {
|
|
9433
9433
|
hash: "svelte-1upirm6",
|
|
9434
9434
|
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);}"
|
|
9435
9435
|
};
|
|
9436
9436
|
function IconStack(e, t) {
|
|
9437
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
9437
|
+
push(t, !0), append_styles$1(e, $$css$70);
|
|
9438
9438
|
let n = prop(t, "icons", 7), i = prop(t, "classes", 7), a = prop(t, "testId", 7);
|
|
9439
9439
|
var o = {
|
|
9440
9440
|
get icons() {
|
|
@@ -9460,7 +9460,7 @@ function IconStack(e, t) {
|
|
|
9460
9460
|
var a = root_2$45();
|
|
9461
9461
|
let o;
|
|
9462
9462
|
var s = child(a), c = (e) => {
|
|
9463
|
-
var n = root$
|
|
9463
|
+
var n = root$70();
|
|
9464
9464
|
template_effect(() => set_attribute(n, "src", get(t).content)), append(e, n);
|
|
9465
9465
|
}, l = (e) => {
|
|
9466
9466
|
var n = root_1$59(), i = child(n), a = child(i, !0);
|
|
@@ -9480,14 +9480,14 @@ create_custom_element(IconStack, {
|
|
|
9480
9480
|
}, [], [], { mode: "open" });
|
|
9481
9481
|
//#endregion
|
|
9482
9482
|
//#region src/wc/components/IconStack.wc.svelte
|
|
9483
|
-
var rest_excludes$
|
|
9483
|
+
var rest_excludes$72 = new Set([
|
|
9484
9484
|
"$$slots",
|
|
9485
9485
|
"$$events",
|
|
9486
9486
|
"$$legacy",
|
|
9487
9487
|
"$$host"
|
|
9488
9488
|
]);
|
|
9489
9489
|
function IconStack_wc(e, t) {
|
|
9490
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
9490
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$72);
|
|
9491
9491
|
IconStack(e, spread_props(() => n));
|
|
9492
9492
|
}
|
|
9493
9493
|
customElements.define("sui-icon-stack", create_custom_element(IconStack_wc, {
|
|
@@ -9500,12 +9500,12 @@ customElements.define("sui-icon-stack", create_custom_element(IconStack_wc, {
|
|
|
9500
9500
|
}, [], [], { mode: "open" }));
|
|
9501
9501
|
//#endregion
|
|
9502
9502
|
//#region src/lib/IframeViewer/IframeViewer.svelte
|
|
9503
|
-
var root$
|
|
9503
|
+
var root$69 = /* @__PURE__ */ from_html("<iframe></iframe>"), root_1$58 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$69 = {
|
|
9504
9504
|
hash: "svelte-18ttvcs",
|
|
9505
9505
|
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);}"
|
|
9506
9506
|
};
|
|
9507
9507
|
function IframeViewer(e, t) {
|
|
9508
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
9508
|
+
push(t, !0), append_styles$1(e, $$css$69);
|
|
9509
9509
|
let n = prop(t, "src", 7), i = prop(t, "title", 7, "Embedded Content"), a = prop(t, "allowedOrigins", 23, () => []), o = prop(t, "allow", 7, "fullscreen"), s = prop(t, "sandbox", 7), c = prop(t, "loading", 7), l = prop(t, "referrerpolicy", 7), u = prop(t, "credentialless", 7), f = prop(t, "testId", 7), p = prop(t, "classes", 7), h = prop(t, "onmessage", 7, () => {}), S = /* @__PURE__ */ state(null), C = (e, t) => {
|
|
9510
9510
|
get(S)?.contentWindow?.postMessage(e, t);
|
|
9511
9511
|
}, k = (e) => {
|
|
@@ -9585,7 +9585,7 @@ function IframeViewer(e, t) {
|
|
|
9585
9585
|
h(e), flushSync();
|
|
9586
9586
|
}
|
|
9587
9587
|
}, te = root_1$58(), ne = child(te), re = (e) => {
|
|
9588
|
-
var t = root$
|
|
9588
|
+
var t = root$69();
|
|
9589
9589
|
attribute_effect(t, () => ({
|
|
9590
9590
|
src: n(),
|
|
9591
9591
|
title: i(),
|
|
@@ -9617,7 +9617,7 @@ create_custom_element(IframeViewer, {
|
|
|
9617
9617
|
}, [], ["postMessage"], { mode: "open" });
|
|
9618
9618
|
//#endregion
|
|
9619
9619
|
//#region src/wc/components/IframeViewer.wc.svelte
|
|
9620
|
-
var rest_excludes$
|
|
9620
|
+
var rest_excludes$71 = new Set([
|
|
9621
9621
|
"$$slots",
|
|
9622
9622
|
"$$events",
|
|
9623
9623
|
"$$legacy",
|
|
@@ -9626,7 +9626,7 @@ var rest_excludes$70 = new Set([
|
|
|
9626
9626
|
]);
|
|
9627
9627
|
function IframeViewer_wc(e, t) {
|
|
9628
9628
|
push(t, !0);
|
|
9629
|
-
let n = prop(t, "iframeViewerTitle", 7), i = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
9629
|
+
let n = prop(t, "iframeViewerTitle", 7), i = /* @__PURE__ */ rest_props(t, rest_excludes$71);
|
|
9630
9630
|
return IframeViewer(e, spread_props(() => i, { get title() {
|
|
9631
9631
|
return n();
|
|
9632
9632
|
} })), pop({
|
|
@@ -9682,14 +9682,14 @@ customElements.define("sui-iframe-viewer", create_custom_element(IframeViewer_wc
|
|
|
9682
9682
|
}, [], [], { mode: "open" }));
|
|
9683
9683
|
//#endregion
|
|
9684
9684
|
//#region src/wc/components/Img.wc.svelte
|
|
9685
|
-
var rest_excludes$
|
|
9685
|
+
var rest_excludes$70 = new Set([
|
|
9686
9686
|
"$$slots",
|
|
9687
9687
|
"$$events",
|
|
9688
9688
|
"$$legacy",
|
|
9689
9689
|
"$$host"
|
|
9690
9690
|
]);
|
|
9691
9691
|
function Img_wc(e, t) {
|
|
9692
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
9692
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$70);
|
|
9693
9693
|
Img(e, spread_props(() => n));
|
|
9694
9694
|
}
|
|
9695
9695
|
customElements.define("sui-img", create_custom_element(Img_wc, {
|
|
@@ -9719,7 +9719,7 @@ customElements.define("sui-img", create_custom_element(Img_wc, {
|
|
|
9719
9719
|
}, [], [], { mode: "open" }));
|
|
9720
9720
|
//#endregion
|
|
9721
9721
|
//#region src/wc/components/Input.wc.svelte
|
|
9722
|
-
var rest_excludes$
|
|
9722
|
+
var rest_excludes$69 = new Set([
|
|
9723
9723
|
"$$slots",
|
|
9724
9724
|
"$$events",
|
|
9725
9725
|
"$$legacy",
|
|
@@ -9729,7 +9729,7 @@ var rest_excludes$68 = new Set([
|
|
|
9729
9729
|
]);
|
|
9730
9730
|
function Input_wc(e, t) {
|
|
9731
9731
|
push(t, !0);
|
|
9732
|
-
let n = prop(t, "inputAriaLabel", 7), i = prop(t, "inputId", 7), a = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
9732
|
+
let n = prop(t, "inputAriaLabel", 7), i = prop(t, "inputId", 7), a = /* @__PURE__ */ rest_props(t, rest_excludes$69), o = (e) => {
|
|
9733
9733
|
if (e == null) return null;
|
|
9734
9734
|
if (typeof e == "boolean") return e;
|
|
9735
9735
|
let t = String(e).trim().toLowerCase();
|
|
@@ -9932,12 +9932,12 @@ customElements.define("sui-input", create_custom_element(Input_wc, {
|
|
|
9932
9932
|
}, [], [], { mode: "open" }));
|
|
9933
9933
|
//#endregion
|
|
9934
9934
|
//#region src/lib/KeyboardInput/KeyboardInput.svelte
|
|
9935
|
-
var root$
|
|
9935
|
+
var root$68 = /* @__PURE__ */ from_html("<span class=\"separator svelte-14lwsom\"> </span>"), root_1$57 = /* @__PURE__ */ from_html("<!> <kbd class=\"key svelte-14lwsom\"> </kbd>", 1), root_2$44 = /* @__PURE__ */ from_html("<span></span>"), $$css$68 = {
|
|
9936
9936
|
hash: "svelte-14lwsom",
|
|
9937
9937
|
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;}"
|
|
9938
9938
|
};
|
|
9939
9939
|
function KeyboardInput(e, t) {
|
|
9940
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
9940
|
+
push(t, !0), append_styles$1(e, $$css$68);
|
|
9941
9941
|
let n = prop(t, "keys", 7), i = prop(t, "separator", 7, "+"), a = prop(t, "testId", 7), o = prop(t, "onclick", 7), s = prop(t, "classes", 7), c = prop(t, "literal", 7, !1), l = {
|
|
9942
9942
|
cmd: "⌘",
|
|
9943
9943
|
command: "⌘",
|
|
@@ -10004,7 +10004,7 @@ function KeyboardInput(e, t) {
|
|
|
10004
10004
|
}, C = root_2$44();
|
|
10005
10005
|
return each(C, 21, () => get(u), index, (e, t, n) => {
|
|
10006
10006
|
var a = root_1$57(), o = first_child(a), s = (e) => {
|
|
10007
|
-
var t = root$
|
|
10007
|
+
var t = root$68(), n = child(t, !0);
|
|
10008
10008
|
reset(t), template_effect(() => set_text(n, i())), append(e, t);
|
|
10009
10009
|
};
|
|
10010
10010
|
if_block(o, (e) => {
|
|
@@ -10030,14 +10030,14 @@ delegate(["click", "keydown"]), create_custom_element(KeyboardInput, {
|
|
|
10030
10030
|
}, [], [], { mode: "open" });
|
|
10031
10031
|
//#endregion
|
|
10032
10032
|
//#region src/wc/components/KeyboardInput.wc.svelte
|
|
10033
|
-
var rest_excludes$
|
|
10033
|
+
var rest_excludes$68 = new Set([
|
|
10034
10034
|
"$$slots",
|
|
10035
10035
|
"$$events",
|
|
10036
10036
|
"$$legacy",
|
|
10037
10037
|
"$$host"
|
|
10038
10038
|
]);
|
|
10039
10039
|
function KeyboardInput_wc(e, t) {
|
|
10040
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
10040
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$68);
|
|
10041
10041
|
KeyboardInput(e, spread_props(() => n));
|
|
10042
10042
|
}
|
|
10043
10043
|
customElements.define("sui-keyboard-input", create_custom_element(KeyboardInput_wc, {
|
|
@@ -10062,14 +10062,14 @@ customElements.define("sui-keyboard-input", create_custom_element(KeyboardInput_
|
|
|
10062
10062
|
}, [], [], { mode: "open" }));
|
|
10063
10063
|
//#endregion
|
|
10064
10064
|
//#region src/wc/components/Loader.wc.svelte
|
|
10065
|
-
var rest_excludes$
|
|
10065
|
+
var rest_excludes$67 = new Set([
|
|
10066
10066
|
"$$slots",
|
|
10067
10067
|
"$$events",
|
|
10068
10068
|
"$$legacy",
|
|
10069
10069
|
"$$host"
|
|
10070
10070
|
]);
|
|
10071
10071
|
function Loader_wc(e, t) {
|
|
10072
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
10072
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$67);
|
|
10073
10073
|
Loader(e, spread_props(() => n));
|
|
10074
10074
|
}
|
|
10075
10075
|
customElements.define("sui-loader", create_custom_element(Loader_wc, {
|
|
@@ -10081,12 +10081,12 @@ customElements.define("sui-loader", create_custom_element(Loader_wc, {
|
|
|
10081
10081
|
}, [], [], { mode: "open" }));
|
|
10082
10082
|
//#endregion
|
|
10083
10083
|
//#region src/lib/LoadingDots/LoadingDots.svelte
|
|
10084
|
-
var root$
|
|
10084
|
+
var root$67 = /* @__PURE__ */ from_html("<span></span>"), root_1$56 = /* @__PURE__ */ from_html("<span role=\"status\" aria-label=\"Loading\"></span>"), $$css$67 = {
|
|
10085
10085
|
hash: "svelte-1lnsydm",
|
|
10086
10086
|
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 }"
|
|
10087
10087
|
};
|
|
10088
10088
|
function LoadingDots(e, t) {
|
|
10089
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
10089
|
+
push(t, !0), append_styles$1(e, $$css$67);
|
|
10090
10090
|
let n = prop(t, "dots", 7, 3), i = prop(t, "animation", 7, "bounce"), a = prop(t, "testId", 7), o = prop(t, "classes", 7), s = /* @__PURE__ */ user_derived(() => Math.max(1, Math.round(n())));
|
|
10091
10091
|
var c = {
|
|
10092
10092
|
get dots() {
|
|
@@ -10115,7 +10115,7 @@ function LoadingDots(e, t) {
|
|
|
10115
10115
|
}
|
|
10116
10116
|
}, l = root_1$56();
|
|
10117
10117
|
return each(l, 21, () => ({ length: get(s) }), index, (e, t, n) => {
|
|
10118
|
-
var o = root$
|
|
10118
|
+
var o = root$67();
|
|
10119
10119
|
let s;
|
|
10120
10120
|
set_style(o, `--i: ${n}`), template_effect(() => {
|
|
10121
10121
|
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);
|
|
@@ -10132,14 +10132,14 @@ create_custom_element(LoadingDots, {
|
|
|
10132
10132
|
}, [], [], { mode: "open" });
|
|
10133
10133
|
//#endregion
|
|
10134
10134
|
//#region src/wc/components/LoadingDots.wc.svelte
|
|
10135
|
-
var rest_excludes$
|
|
10135
|
+
var rest_excludes$66 = new Set([
|
|
10136
10136
|
"$$slots",
|
|
10137
10137
|
"$$events",
|
|
10138
10138
|
"$$legacy",
|
|
10139
10139
|
"$$host"
|
|
10140
10140
|
]);
|
|
10141
10141
|
function LoadingDots_wc(e, t) {
|
|
10142
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
10142
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$66);
|
|
10143
10143
|
LoadingDots(e, spread_props(() => n));
|
|
10144
10144
|
}
|
|
10145
10145
|
customElements.define("sui-loading-dots", create_custom_element(LoadingDots_wc, {
|
|
@@ -10159,12 +10159,12 @@ customElements.define("sui-loading-dots", create_custom_element(LoadingDots_wc,
|
|
|
10159
10159
|
}, [], [], { mode: "open" }));
|
|
10160
10160
|
//#endregion
|
|
10161
10161
|
//#region src/lib/Pagination/Pagination.svelte
|
|
10162
|
-
var root$
|
|
10162
|
+
var root$66 = /* @__PURE__ */ from_html("<span class=\"ellipsis svelte-1sajc2w\">…</span>"), root_1$55 = /* @__PURE__ */ from_html("<button> </button>"), root_2$43 = /* @__PURE__ */ from_html("<button class=\"page-button load-more-button svelte-1sajc2w\" aria-label=\"Load more\">›</button>"), root_3$40 = /* @__PURE__ */ from_html("<button class=\"page-button next-button svelte-1sajc2w\" aria-label=\"Next page\">›</button>"), root_4$32 = /* @__PURE__ */ from_html("<nav><button class=\"page-button prev-button svelte-1sajc2w\" aria-label=\"Previous page\">‹</button> <!> <!></nav>"), $$css$66 = {
|
|
10163
10163
|
hash: "svelte-1sajc2w",
|
|
10164
10164
|
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;}"
|
|
10165
10165
|
};
|
|
10166
10166
|
function Pagination(e, t) {
|
|
10167
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
10167
|
+
push(t, !0), append_styles$1(e, $$css$66);
|
|
10168
10168
|
let n = prop(t, "totalPages", 7), i = prop(t, "currentPage", 15, 1), a = prop(t, "siblingCount", 7, 1), o = prop(t, "disabled", 7, !1), s = prop(t, "testId", 7), c = prop(t, "onchange", 7), l = prop(t, "classes", 7), u = prop(t, "hasMore", 7, !1), f = prop(t, "prevButtonTestId", 7), p = prop(t, "nextButtonTestId", 7), h = prop(t, "onloadmore", 7);
|
|
10169
10169
|
function S(e, t, n) {
|
|
10170
10170
|
let i = [];
|
|
@@ -10255,7 +10255,7 @@ function Pagination(e, t) {
|
|
|
10255
10255
|
var Me = child(G), Re = sibling(Me, 2);
|
|
10256
10256
|
each(Re, 17, () => get(C), index, (e, t) => {
|
|
10257
10257
|
var n = comment(), a = first_child(n), s = (e) => {
|
|
10258
|
-
append(e, root$
|
|
10258
|
+
append(e, root$66());
|
|
10259
10259
|
}, c = (e) => {
|
|
10260
10260
|
var n = root_1$55();
|
|
10261
10261
|
let a;
|
|
@@ -10300,14 +10300,14 @@ delegate(["click"]), create_custom_element(Pagination, {
|
|
|
10300
10300
|
}, [], [], { mode: "open" });
|
|
10301
10301
|
//#endregion
|
|
10302
10302
|
//#region src/wc/components/Pagination.wc.svelte
|
|
10303
|
-
var rest_excludes$
|
|
10303
|
+
var rest_excludes$65 = new Set([
|
|
10304
10304
|
"$$slots",
|
|
10305
10305
|
"$$events",
|
|
10306
10306
|
"$$legacy",
|
|
10307
10307
|
"$$host"
|
|
10308
10308
|
]);
|
|
10309
10309
|
function Pagination_wc(e, t) {
|
|
10310
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
10310
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$65);
|
|
10311
10311
|
Pagination(e, spread_props(() => n));
|
|
10312
10312
|
}
|
|
10313
10313
|
customElements.define("sui-pagination", create_custom_element(Pagination_wc, {
|
|
@@ -10353,7 +10353,7 @@ customElements.define("sui-pagination", create_custom_element(Pagination_wc, {
|
|
|
10353
10353
|
}, [], [], { mode: "open" }));
|
|
10354
10354
|
//#endregion
|
|
10355
10355
|
//#region src/wc/components/Pill.wc.svelte
|
|
10356
|
-
var rest_excludes$
|
|
10356
|
+
var rest_excludes$64 = new Set([
|
|
10357
10357
|
"$$slots",
|
|
10358
10358
|
"$$events",
|
|
10359
10359
|
"$$legacy",
|
|
@@ -10364,7 +10364,7 @@ var rest_excludes$63 = new Set([
|
|
|
10364
10364
|
]);
|
|
10365
10365
|
function Pill_wc(e, t) {
|
|
10366
10366
|
push(t, !0);
|
|
10367
|
-
let n = prop(t, "pillTitle", 7), i = prop(t, "pillAriaExpanded", 7), a = prop(t, "pillAriaPressed", 7), o = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
10367
|
+
let n = prop(t, "pillTitle", 7), i = prop(t, "pillAriaExpanded", 7), a = prop(t, "pillAriaPressed", 7), o = /* @__PURE__ */ rest_props(t, rest_excludes$64);
|
|
10368
10368
|
return Pill(e, spread_props(() => o, {
|
|
10369
10369
|
get title() {
|
|
10370
10370
|
return n();
|
|
@@ -10463,12 +10463,12 @@ customElements.define("sui-pill", create_custom_element(Pill_wc, {
|
|
|
10463
10463
|
}, ["leading-icon", "dismiss-icon"], [], { mode: "open" }));
|
|
10464
10464
|
//#endregion
|
|
10465
10465
|
//#region src/lib/Progress/Progress.svelte
|
|
10466
|
-
var root$
|
|
10466
|
+
var root$65 = /* @__PURE__ */ from_html("<div class=\"label svelte-1c2jqm2\"> </div>"), root_1$54 = /* @__PURE__ */ from_html("<div role=\"progressbar\"><div class=\"track svelte-1c2jqm2\"><div></div></div> <!></div>"), $$css$65 = {
|
|
10467
10467
|
hash: "svelte-1c2jqm2",
|
|
10468
10468
|
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 }"
|
|
10469
10469
|
};
|
|
10470
10470
|
function Progress(e, t) {
|
|
10471
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
10471
|
+
push(t, !0), append_styles$1(e, $$css$65);
|
|
10472
10472
|
let n = prop(t, "value", 7), i = prop(t, "max", 7, 100), a = prop(t, "showLabel", 7, !1), o = prop(t, "ariaLabel", 7), s = prop(t, "testId", 7), c = prop(t, "classes", 7), l = /* @__PURE__ */ user_derived(() => Number.isFinite(n()) && Number.isFinite(i()) && i() > 0), u = /* @__PURE__ */ user_derived(() => get(l) ? Math.min(100, Math.max(0, n() / i() * 100)) : 0), f = /* @__PURE__ */ user_derived(() => n() < 0), p = /* @__PURE__ */ user_derived(() => Math.round(get(u) * 100) / 100), h = /* @__PURE__ */ user_derived(() => get(f) ? "Loading" : `${Math.round(get(u))}%`);
|
|
10473
10473
|
var S = {
|
|
10474
10474
|
get value() {
|
|
@@ -10513,7 +10513,7 @@ function Progress(e, t) {
|
|
|
10513
10513
|
let te, ne;
|
|
10514
10514
|
reset(k);
|
|
10515
10515
|
var re = sibling(k, 2), G = (e) => {
|
|
10516
|
-
var t = root$
|
|
10516
|
+
var t = root$65(), n = child(t, !0);
|
|
10517
10517
|
reset(t), template_effect(() => set_text(n, get(h))), append(e, t);
|
|
10518
10518
|
};
|
|
10519
10519
|
return if_block(re, (e) => {
|
|
@@ -10532,14 +10532,14 @@ create_custom_element(Progress, {
|
|
|
10532
10532
|
}, [], [], { mode: "open" });
|
|
10533
10533
|
//#endregion
|
|
10534
10534
|
//#region src/wc/components/Progress.wc.svelte
|
|
10535
|
-
var rest_excludes$
|
|
10535
|
+
var rest_excludes$63 = new Set([
|
|
10536
10536
|
"$$slots",
|
|
10537
10537
|
"$$events",
|
|
10538
10538
|
"$$legacy",
|
|
10539
10539
|
"$$host"
|
|
10540
10540
|
]);
|
|
10541
10541
|
function Progress_wc(e, t) {
|
|
10542
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
10542
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$63);
|
|
10543
10543
|
Progress(e, spread_props(() => n));
|
|
10544
10544
|
}
|
|
10545
10545
|
customElements.define("sui-progress", create_custom_element(Progress_wc, {
|
|
@@ -10564,12 +10564,12 @@ customElements.define("sui-progress", create_custom_element(Progress_wc, {
|
|
|
10564
10564
|
}, [], [], { mode: "open" }));
|
|
10565
10565
|
//#endregion
|
|
10566
10566
|
//#region src/lib/Radio/Radio.svelte
|
|
10567
|
-
var root$
|
|
10567
|
+
var root$64 = /* @__PURE__ */ from_html("<span> </span>"), root_1$53 = /* @__PURE__ */ from_html("<label><input type=\"radio\" class=\"radio-input svelte-14bh706\"/> <span><span></span></span> <!></label>"), $$css$64 = {
|
|
10568
10568
|
hash: "svelte-14bh706",
|
|
10569
10569
|
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);}"
|
|
10570
10570
|
};
|
|
10571
10571
|
function Radio(e, t) {
|
|
10572
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
10572
|
+
push(t, !0), append_styles$1(e, $$css$64);
|
|
10573
10573
|
let n = prop(t, "name", 7), i = prop(t, "value", 7), a = prop(t, "selectedValue", 15, ""), o = prop(t, "text", 7, ""), s = prop(t, "disabled", 7, !1), c = prop(t, "testId", 7), l = prop(t, "onchange", 7), u = prop(t, "classes", 7), f = /* @__PURE__ */ user_derived(() => a() === i());
|
|
10574
10574
|
function p() {
|
|
10575
10575
|
s() || (a(i()), l()?.(i()));
|
|
@@ -10633,7 +10633,7 @@ function Radio(e, t) {
|
|
|
10633
10633
|
let re;
|
|
10634
10634
|
reset(R);
|
|
10635
10635
|
var G = sibling(R, 2), be = (e) => {
|
|
10636
|
-
var t = root$
|
|
10636
|
+
var t = root$64();
|
|
10637
10637
|
let n;
|
|
10638
10638
|
var i = child(t, !0);
|
|
10639
10639
|
reset(t), template_effect(() => {
|
|
@@ -10664,14 +10664,14 @@ delegate(["change"]), create_custom_element(Radio, {
|
|
|
10664
10664
|
}, [], [], { mode: "open" });
|
|
10665
10665
|
//#endregion
|
|
10666
10666
|
//#region src/wc/components/Radio.wc.svelte
|
|
10667
|
-
var rest_excludes$
|
|
10667
|
+
var rest_excludes$62 = new Set([
|
|
10668
10668
|
"$$slots",
|
|
10669
10669
|
"$$events",
|
|
10670
10670
|
"$$legacy",
|
|
10671
10671
|
"$$host"
|
|
10672
10672
|
]);
|
|
10673
10673
|
function Radio_wc(e, t) {
|
|
10674
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
10674
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$62);
|
|
10675
10675
|
Radio(e, spread_props(() => n));
|
|
10676
10676
|
}
|
|
10677
10677
|
customElements.define("sui-radio", create_custom_element(Radio_wc, {
|
|
@@ -10721,12 +10721,12 @@ function PortalContentRenderer(e, t) {
|
|
|
10721
10721
|
create_custom_element(PortalContentRenderer, { snippet: {} }, [], [], { mode: "open" });
|
|
10722
10722
|
//#endregion
|
|
10723
10723
|
//#region src/lib/Tooltip/Tooltip.svelte
|
|
10724
|
-
var root$
|
|
10724
|
+
var root$63 = /* @__PURE__ */ from_html("<span class=\"tooltip-icon svelte-1xxu8em\" aria-hidden=\"true\"><!></span>"), root_1$52 = /* @__PURE__ */ from_html("<span class=\"tooltip-text svelte-1xxu8em\"> </span>"), root_2$42 = /* @__PURE__ */ from_html("<div role=\"tooltip\"><div class=\"tooltip-arrow svelte-1xxu8em\"></div> <!></div>"), root_3$39 = /* @__PURE__ */ from_html("<div role=\"none\"><!> <!> <!> <!></div>"), $$css$63 = {
|
|
10725
10725
|
hash: "svelte-1xxu8em",
|
|
10726
10726
|
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);}"
|
|
10727
10727
|
};
|
|
10728
10728
|
function Tooltip(e, t) {
|
|
10729
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
10729
|
+
push(t, !0), append_styles$1(e, $$css$63);
|
|
10730
10730
|
let n = prop(t, "text", 7), i = prop(t, "position", 7, "top"), a = prop(t, "delay", 7, 0), o = prop(t, "testId", 7), s = prop(t, "classes", 7), c = prop(t, "children", 7), l = prop(t, "icon", 7), u = prop(t, "iconPosition", 7, "leading"), f = prop(t, "content", 7), p = prop(t, "usePortal", 7, !1), h = /* @__PURE__ */ state(!1), S = /* @__PURE__ */ state(null), C = /* @__PURE__ */ state(0), k = 8, R = {
|
|
10731
10731
|
top: "bottom",
|
|
10732
10732
|
bottom: "top",
|
|
@@ -10903,7 +10903,7 @@ function Tooltip(e, t) {
|
|
|
10903
10903
|
p(e), flushSync();
|
|
10904
10904
|
}
|
|
10905
10905
|
}, ft = root_3$39(), pt = child(ft), mt = (e) => {
|
|
10906
|
-
var t = root$
|
|
10906
|
+
var t = root$63();
|
|
10907
10907
|
snippet(child(t), l), reset(t), append(e, t);
|
|
10908
10908
|
};
|
|
10909
10909
|
if_block(pt, (e) => {
|
|
@@ -10912,7 +10912,7 @@ function Tooltip(e, t) {
|
|
|
10912
10912
|
var ht = sibling(pt, 2);
|
|
10913
10913
|
snippet(ht, c);
|
|
10914
10914
|
var gt = sibling(ht, 2), _t = (e) => {
|
|
10915
|
-
var t = root$
|
|
10915
|
+
var t = root$63();
|
|
10916
10916
|
snippet(child(t), l), reset(t), append(e, t);
|
|
10917
10917
|
};
|
|
10918
10918
|
if_block(gt, (e) => {
|
|
@@ -10954,12 +10954,12 @@ delegate(["focusin", "focusout"]), create_custom_element(Tooltip, {
|
|
|
10954
10954
|
}, [], [], { mode: "open" });
|
|
10955
10955
|
//#endregion
|
|
10956
10956
|
//#region src/lib/RelativeTime/RelativeTime.svelte
|
|
10957
|
-
var root$
|
|
10957
|
+
var root$62 = /* @__PURE__ */ from_html("<time> </time>"), $$css$62 = {
|
|
10958
10958
|
hash: "svelte-jx3csm",
|
|
10959
10959
|
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);}"
|
|
10960
10960
|
};
|
|
10961
10961
|
function RelativeTime(e, t) {
|
|
10962
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
10962
|
+
push(t, !0), append_styles$1(e, $$css$62);
|
|
10963
10963
|
let n = prop(t, "date", 7), i = prop(t, "locale", 7), a = prop(t, "format", 7, "long"), o = prop(t, "updateInterval", 7, 6e4), s = prop(t, "tooltip", 7, !1), c = prop(t, "testId", 7), l = prop(t, "classes", 7), u = /* @__PURE__ */ user_derived(() => n() instanceof Date ? n() : new Date(n())), f = /* @__PURE__ */ user_derived(() => get(u).toISOString()), p = /* @__PURE__ */ user_derived(() => get(u).toLocaleString(i(), {
|
|
10964
10964
|
dateStyle: "full",
|
|
10965
10965
|
timeStyle: "short"
|
|
@@ -11028,7 +11028,7 @@ function RelativeTime(e, t) {
|
|
|
11028
11028
|
return get(p);
|
|
11029
11029
|
},
|
|
11030
11030
|
children: (e, t) => {
|
|
11031
|
-
var n = root$
|
|
11031
|
+
var n = root$62(), i = child(n, !0);
|
|
11032
11032
|
reset(n), template_effect(() => {
|
|
11033
11033
|
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));
|
|
11034
11034
|
}), append(e, n);
|
|
@@ -11036,7 +11036,7 @@ function RelativeTime(e, t) {
|
|
|
11036
11036
|
$$slots: { default: !0 }
|
|
11037
11037
|
});
|
|
11038
11038
|
}, re = (e) => {
|
|
11039
|
-
var t = root$
|
|
11039
|
+
var t = root$62(), n = child(t, !0);
|
|
11040
11040
|
reset(t), template_effect(() => {
|
|
11041
11041
|
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));
|
|
11042
11042
|
}), append(e, t);
|
|
@@ -11056,14 +11056,14 @@ create_custom_element(RelativeTime, {
|
|
|
11056
11056
|
}, [], [], { mode: "open" });
|
|
11057
11057
|
//#endregion
|
|
11058
11058
|
//#region src/wc/components/RelativeTime.wc.svelte
|
|
11059
|
-
var rest_excludes$
|
|
11059
|
+
var rest_excludes$61 = new Set([
|
|
11060
11060
|
"$$slots",
|
|
11061
11061
|
"$$events",
|
|
11062
11062
|
"$$legacy",
|
|
11063
11063
|
"$$host"
|
|
11064
11064
|
]);
|
|
11065
11065
|
function RelativeTime_wc(e, t) {
|
|
11066
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
11066
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$61);
|
|
11067
11067
|
RelativeTime(e, spread_props(() => n));
|
|
11068
11068
|
}
|
|
11069
11069
|
customElements.define("sui-relative-time", create_custom_element(RelativeTime_wc, {
|
|
@@ -11093,12 +11093,12 @@ customElements.define("sui-relative-time", create_custom_element(RelativeTime_wc
|
|
|
11093
11093
|
}, [], [], { mode: "open" }));
|
|
11094
11094
|
//#endregion
|
|
11095
11095
|
//#region src/lib/Shimmer/Shimmer.svelte
|
|
11096
|
-
var root$
|
|
11096
|
+
var root$61 = /* @__PURE__ */ from_html("<div></div>"), $$css$61 = {
|
|
11097
11097
|
hash: "svelte-ab0pau",
|
|
11098
11098
|
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 }"
|
|
11099
11099
|
};
|
|
11100
11100
|
function Shimmer(e, t) {
|
|
11101
|
-
push(t, !0), append_styles$1(e, $$css$
|
|
11101
|
+
push(t, !0), append_styles$1(e, $$css$61);
|
|
11102
11102
|
let n = prop(t, "testId", 7), i = prop(t, "classes", 7);
|
|
11103
11103
|
var a = {
|
|
11104
11104
|
get testId() {
|
|
@@ -11113,7 +11113,7 @@ function Shimmer(e, t) {
|
|
|
11113
11113
|
set classes(e) {
|
|
11114
11114
|
i(e), flushSync();
|
|
11115
11115
|
}
|
|
11116
|
-
}, o = root$
|
|
11116
|
+
}, o = root$61();
|
|
11117
11117
|
return template_effect(() => {
|
|
11118
11118
|
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);
|
|
11119
11119
|
}), append(e, o), pop(a);
|
|
@@ -11124,14 +11124,14 @@ create_custom_element(Shimmer, {
|
|
|
11124
11124
|
}, [], [], { mode: "open" });
|
|
11125
11125
|
//#endregion
|
|
11126
11126
|
//#region src/wc/components/Shimmer.wc.svelte
|
|
11127
|
-
var rest_excludes$
|
|
11127
|
+
var rest_excludes$60 = new Set([
|
|
11128
11128
|
"$$slots",
|
|
11129
11129
|
"$$events",
|
|
11130
11130
|
"$$legacy",
|
|
11131
11131
|
"$$host"
|
|
11132
11132
|
]);
|
|
11133
11133
|
function Shimmer_wc(e, t) {
|
|
11134
|
-
let n = /* @__PURE__ */ rest_props(t, rest_excludes$
|
|
11134
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$60);
|
|
11135
11135
|
Shimmer(e, spread_props(() => n));
|
|
11136
11136
|
}
|
|
11137
11137
|
customElements.define("sui-shimmer", create_custom_element(Shimmer_wc, {
|
|
@@ -11142,6 +11142,363 @@ customElements.define("sui-shimmer", create_custom_element(Shimmer_wc, {
|
|
|
11142
11142
|
}
|
|
11143
11143
|
}, [], [], { mode: "open" }));
|
|
11144
11144
|
//#endregion
|
|
11145
|
+
//#region src/lib/VoiceOrb/orbMath.ts
|
|
11146
|
+
var SIZE_RANDOMNESS = .95, BASE_PARTICLE_SIZE = 1.6, LISTENING_CYCLE_MS = 3e3, LISTENING_SPEED_RANGE = {
|
|
11147
|
+
min: .8,
|
|
11148
|
+
max: 1.2
|
|
11149
|
+
}, LISTENING_SCALE_RANGE = {
|
|
11150
|
+
min: .9,
|
|
11151
|
+
max: 1
|
|
11152
|
+
}, hashSeed = (e) => {
|
|
11153
|
+
let t = 2166136261;
|
|
11154
|
+
for (let n = 0; n < e.length; n += 1) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
|
|
11155
|
+
return t >>> 0;
|
|
11156
|
+
}, resolveExplicitSeed = (e) => {
|
|
11157
|
+
if (typeof e == "number" && Number.isFinite(e)) return e >>> 0;
|
|
11158
|
+
if (typeof e != "string" || e.trim().length === 0) return null;
|
|
11159
|
+
let t = Number(e);
|
|
11160
|
+
return Number.isFinite(t) ? t >>> 0 : hashSeed(e);
|
|
11161
|
+
}, mulberry32 = (e) => {
|
|
11162
|
+
let t = e | 0;
|
|
11163
|
+
return () => {
|
|
11164
|
+
t = t + 1831565813 | 0;
|
|
11165
|
+
let e = t;
|
|
11166
|
+
return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
|
|
11167
|
+
};
|
|
11168
|
+
}, generateOrbParticles = (e, t, n) => {
|
|
11169
|
+
let i = Number.isFinite(e) && e > 0 ? Math.floor(e) : 0, a = Number.isFinite(t) && t > 0 ? t : 140, o = 1 - SIZE_RANDOMNESS * .7, s = 1.19, c = [];
|
|
11170
|
+
for (let e = 0; e < i; e += 1) {
|
|
11171
|
+
let e = n() * Math.PI * 2, t = Math.acos(Math.max(-1, Math.min(1, 2 * n() - 1))), i = Math.sin(t);
|
|
11172
|
+
c.push({
|
|
11173
|
+
baseX: a * i * Math.cos(e),
|
|
11174
|
+
baseY: a * i * Math.sin(e),
|
|
11175
|
+
baseZ: a * Math.cos(t),
|
|
11176
|
+
size: BASE_PARTICLE_SIZE * (o + n() * (1.19 - o))
|
|
11177
|
+
});
|
|
11178
|
+
}
|
|
11179
|
+
return c;
|
|
11180
|
+
}, rotateOrbPoint = (e, t, n) => {
|
|
11181
|
+
let i = Math.cos(t), a = Math.sin(t), o = e.y * i - e.z * a, s = e.y * a + e.z * i, c = Math.cos(n), l = Math.sin(n);
|
|
11182
|
+
return {
|
|
11183
|
+
x: s * l + e.x * c,
|
|
11184
|
+
y: o,
|
|
11185
|
+
z: s * c - e.x * l
|
|
11186
|
+
};
|
|
11187
|
+
}, orbDepthScale = (e, t) => t / (t + e), listeningWave = (e) => {
|
|
11188
|
+
let t = e % LISTENING_CYCLE_MS / LISTENING_CYCLE_MS;
|
|
11189
|
+
return (Math.sin(t * Math.PI * 2) + 1) / 2;
|
|
11190
|
+
}, listeningSpeed = (e, t) => {
|
|
11191
|
+
let n = Number.isFinite(t) ? t : 1, i = listeningWave(e);
|
|
11192
|
+
return n * (LISTENING_SPEED_RANGE.min + i * (LISTENING_SPEED_RANGE.max - LISTENING_SPEED_RANGE.min));
|
|
11193
|
+
}, listeningScale = (e) => {
|
|
11194
|
+
let t = listeningWave(e);
|
|
11195
|
+
return LISTENING_SCALE_RANGE.min + t * (LISTENING_SCALE_RANGE.max - LISTENING_SCALE_RANGE.min);
|
|
11196
|
+
}, parseCssColor = (e) => {
|
|
11197
|
+
let t = e.trim(), n = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(t);
|
|
11198
|
+
if (n !== null) {
|
|
11199
|
+
let e = n[1], t = e.length === 3 ? `${e[0]}${e[0]}${e[1]}${e[1]}${e[2]}${e[2]}` : e;
|
|
11200
|
+
return {
|
|
11201
|
+
r: Number.parseInt(t.slice(0, 2), 16),
|
|
11202
|
+
g: Number.parseInt(t.slice(2, 4), 16),
|
|
11203
|
+
b: Number.parseInt(t.slice(4, 6), 16)
|
|
11204
|
+
};
|
|
11205
|
+
}
|
|
11206
|
+
let i = /^rgba?\(([^)]*)\)$/i.exec(t);
|
|
11207
|
+
if (i === null) return null;
|
|
11208
|
+
let a = i[1].split(/[,\s/]+/).filter((e) => e.length > 0).map(Number);
|
|
11209
|
+
if (a.length < 3 || a.slice(0, 3).some((e) => !Number.isFinite(e))) return null;
|
|
11210
|
+
let o = (e) => Math.max(0, Math.min(255, Math.round(e)));
|
|
11211
|
+
return {
|
|
11212
|
+
r: o(a[0]),
|
|
11213
|
+
g: o(a[1]),
|
|
11214
|
+
b: o(a[2])
|
|
11215
|
+
};
|
|
11216
|
+
}, AUDIO_SCALE_RANGE = {
|
|
11217
|
+
min: .82,
|
|
11218
|
+
max: 1
|
|
11219
|
+
}, AUDIO_SPEED_RANGE = {
|
|
11220
|
+
min: .5,
|
|
11221
|
+
max: 2.4
|
|
11222
|
+
}, LEVEL_REPORT_EPSILON = .01, rmsFromTimeDomain = (e) => {
|
|
11223
|
+
if (e.length === 0) return 0;
|
|
11224
|
+
let t = 0;
|
|
11225
|
+
for (let n of e) {
|
|
11226
|
+
let e = (n - 128) / 128;
|
|
11227
|
+
t += e * e;
|
|
11228
|
+
}
|
|
11229
|
+
return Math.sqrt(t / e.length);
|
|
11230
|
+
}, followEnvelope = (e, t, n, i, a) => {
|
|
11231
|
+
if (!Number.isFinite(e)) return 0;
|
|
11232
|
+
if (!Number.isFinite(t) || !Number.isFinite(n) || n <= 0) return e;
|
|
11233
|
+
let o = t > e ? i : a;
|
|
11234
|
+
if (!Number.isFinite(o) || o <= 0) return t;
|
|
11235
|
+
let s = 1 - Math.exp(-n / o);
|
|
11236
|
+
return e + (t - e) * s;
|
|
11237
|
+
}, clampLevel = (e) => Number.isFinite(e) ? Math.max(0, Math.min(1, e)) : 0, audioScale = (e) => AUDIO_SCALE_RANGE.min + clampLevel(e) * (AUDIO_SCALE_RANGE.max - AUDIO_SCALE_RANGE.min), audioSpeed = (e, t) => (Number.isFinite(t) ? t : 1) * (AUDIO_SPEED_RANGE.min + clampLevel(e) * (AUDIO_SPEED_RANGE.max - AUDIO_SPEED_RANGE.min)), resolveMotionSpeed = (e, t, n, i, a) => i === null ? a ? 0 : t === "listening" ? listeningSpeed(n, e) : Number.isFinite(e) ? e : 1 : audioSpeed(i, e), resolveMotionScale = (e, t, n, i) => n === null ? i || e !== "listening" ? 1 : listeningScale(t) : audioScale(n), root$60 = /* @__PURE__ */ from_html("<div><canvas class=\"voice-orb-canvas svelte-112josi\" aria-hidden=\"true\"></canvas></div>"), $$css$60 = {
|
|
11238
|
+
hash: "svelte-112josi",
|
|
11239
|
+
code: ".voice-orb.svelte-112josi {width:100%;overflow:visible;}.voice-orb-canvas.svelte-112josi {width:100%;display:block;\n /* Pointer repulsion needs the move events a default touch gesture would eat. */touch-action:none;}"
|
|
11240
|
+
};
|
|
11241
|
+
function VoiceOrb(e, t) {
|
|
11242
|
+
push(t, !0), append_styles$1(e, $$css$60);
|
|
11243
|
+
let n = prop(t, "variant", 7, "idle"), i = prop(t, "speedMultiplier", 7, 1), a = prop(t, "seed", 7), o = prop(t, "height", 7, 400), s = prop(t, "particleCount", 7, 1e3), c = prop(t, "radius", 7, 140), l = prop(t, "interactive", 7, !0), u = prop(t, "repelRadius", 7, 200), f = prop(t, "analyser", 7), p = prop(t, "sensitivity", 7, 1), h = prop(t, "persistKey", 7), S = prop(t, "classes", 7), C = prop(t, "testId", 7), k = prop(t, "onfirstframe", 7), R = prop(t, "onlevel", 7), te = 600, ne = .0021, re = .0014, G = {
|
|
11244
|
+
r: 128,
|
|
11245
|
+
g: 128,
|
|
11246
|
+
b: 128
|
|
11247
|
+
}, be = /* @__PURE__ */ state(null), Me = /* @__PURE__ */ state(null), Re = {
|
|
11248
|
+
x: null,
|
|
11249
|
+
y: null
|
|
11250
|
+
}, Ue = {
|
|
11251
|
+
width: 0,
|
|
11252
|
+
height: 0,
|
|
11253
|
+
angleX: 0,
|
|
11254
|
+
angleY: 0
|
|
11255
|
+
}, it = 0, at = null, ot = 0, ct = 0, lt = "", ut = G, dt = null, ft = null, pt = !1, mt = Math.floor(Math.random() * 4294967295) >>> 0, ht = () => resolveExplicitSeed(a()) ?? mt, gt = /* @__PURE__ */ user_derived(() => generateOrbParticles(s(), c(), mulberry32(ht()))), _t = (e) => {
|
|
11256
|
+
if (typeof h() != "string" || h().length === 0) return null;
|
|
11257
|
+
try {
|
|
11258
|
+
let t = localStorage.getItem(`${h()}:${e}`);
|
|
11259
|
+
if (t === null) return null;
|
|
11260
|
+
let n = Number.parseFloat(t);
|
|
11261
|
+
return Number.isFinite(n) ? n : null;
|
|
11262
|
+
} catch {
|
|
11263
|
+
return null;
|
|
11264
|
+
}
|
|
11265
|
+
}, vt = () => {
|
|
11266
|
+
if (!(typeof h() != "string" || h().length === 0)) try {
|
|
11267
|
+
localStorage.setItem(`${h()}:angleX`, String(Ue.angleX)), localStorage.setItem(`${h()}:angleY`, String(Ue.angleY)), localStorage.setItem(`${h()}:listeningMs`, String(it));
|
|
11268
|
+
} catch {}
|
|
11269
|
+
}, yt = () => {
|
|
11270
|
+
get(be) === null || get(Me) === null || (Ue.width = get(Me).clientWidth, Ue.height = Number.isFinite(o()) && o() > 0 ? o() : 400, get(be).width = Ue.width, get(be).height = Ue.height);
|
|
11271
|
+
}, bt = (e, t) => {
|
|
11272
|
+
if (t.length === 0) return null;
|
|
11273
|
+
let n = e.fillStyle;
|
|
11274
|
+
e.fillStyle = "#000000", e.fillStyle = t;
|
|
11275
|
+
let i = e.fillStyle;
|
|
11276
|
+
e.fillStyle = "#ffffff", e.fillStyle = t;
|
|
11277
|
+
let a = e.fillStyle;
|
|
11278
|
+
return e.fillStyle = n, typeof i == "string" && i === a ? i : null;
|
|
11279
|
+
}, xt = (e) => {
|
|
11280
|
+
if (!f() || n() !== "listening") return ot = 0, null;
|
|
11281
|
+
try {
|
|
11282
|
+
let t = f().fftSize;
|
|
11283
|
+
(at === null || at.length !== t) && (at = new Uint8Array(t)), f().getByteTimeDomainData(at);
|
|
11284
|
+
let n = Number.isFinite(p()) && p() > 0 ? p() : 1, i = rmsFromTimeDomain(at) * n;
|
|
11285
|
+
return ot = followEnvelope(ot, i, e, 60, 320), ot;
|
|
11286
|
+
} catch {
|
|
11287
|
+
return null;
|
|
11288
|
+
}
|
|
11289
|
+
}, St = (e) => {
|
|
11290
|
+
if (get(be) === null) return ut;
|
|
11291
|
+
let t = getComputedStyle(get(be)), n = t.getPropertyValue("--sui-orb-particle-color").trim(), i = t.color.trim(), a = `${n}|${i}`;
|
|
11292
|
+
if (a === lt) return ut;
|
|
11293
|
+
lt = a;
|
|
11294
|
+
let o = bt(e, n) ?? bt(e, i);
|
|
11295
|
+
return ut = (o === null ? null : parseCssColor(o)) ?? G, ut;
|
|
11296
|
+
}, Ct = (e) => {
|
|
11297
|
+
if (get(be) === null) return;
|
|
11298
|
+
let t = get(be).getContext("2d");
|
|
11299
|
+
if (t === null) return;
|
|
11300
|
+
let a = ft === null ? 16 : Math.min(64, e - ft);
|
|
11301
|
+
ft = e, n() === "listening" && (it += a);
|
|
11302
|
+
let o = xt(a), s = o ?? 0;
|
|
11303
|
+
Math.abs(s - ct) >= .01 && (ct = s, R()?.(s));
|
|
11304
|
+
let c = resolveMotionSpeed(i(), n(), it, o, wt), f = a / 16;
|
|
11305
|
+
Ue.angleX += .0021 * c * f, Ue.angleY += .0014 * c * f;
|
|
11306
|
+
let p = St(t), h = Ue.width / 2, S = Ue.height / 2, C = resolveMotionScale(n(), it, o, wt);
|
|
11307
|
+
t.clearRect(0, 0, Ue.width, Ue.height), t.save(), t.translate(h, S), t.scale(C, C), t.translate(-h, -S);
|
|
11308
|
+
for (let e of get(gt)) {
|
|
11309
|
+
let n = rotateOrbPoint({
|
|
11310
|
+
x: e.baseX,
|
|
11311
|
+
y: e.baseY,
|
|
11312
|
+
z: e.baseZ
|
|
11313
|
+
}, Ue.angleX, Ue.angleY), i = orbDepthScale(n.z, 600), a = h + n.x * i, o = S + n.y * i;
|
|
11314
|
+
if (l() && Re.x !== null && Re.y !== null) {
|
|
11315
|
+
let e = Re.x - a, t = Re.y - o, n = Math.sqrt(e * e + t * t);
|
|
11316
|
+
if (n < u() && n > 0) {
|
|
11317
|
+
let i = (u() - n) / u();
|
|
11318
|
+
a -= e / n * i * 20, o -= t / n * i * 20;
|
|
11319
|
+
}
|
|
11320
|
+
}
|
|
11321
|
+
let s = t.createLinearGradient(h, S, a, o);
|
|
11322
|
+
s.addColorStop(0, `rgba(${p.r}, ${p.g}, ${p.b}, 0)`), s.addColorStop(.5, `rgba(${p.r}, ${p.g}, ${p.b}, ${i * .25})`), s.addColorStop(1, `rgba(${p.r}, ${p.g}, ${p.b}, ${i * .35})`), t.beginPath(), t.moveTo(h, S), t.lineTo(a, o), t.strokeStyle = s, t.lineWidth = .3, t.stroke(), t.beginPath(), t.arc(a, o, e.size * i, 0, Math.PI * 2), t.fillStyle = `rgba(${p.r}, ${p.g}, ${p.b}, ${i * .8})`, t.fill();
|
|
11323
|
+
}
|
|
11324
|
+
t.restore(), pt || (pt = !0, k()?.()), dt = requestAnimationFrame(Ct);
|
|
11325
|
+
}, wt = prefersReducedMotion(), Tt = (e) => {
|
|
11326
|
+
if (get(be) === null || !l()) return;
|
|
11327
|
+
let t = get(be).getBoundingClientRect();
|
|
11328
|
+
Re.x = e.clientX - t.left, Re.y = e.clientY - t.top;
|
|
11329
|
+
}, Et = () => {
|
|
11330
|
+
Re.x = null, Re.y = null;
|
|
11331
|
+
};
|
|
11332
|
+
onMount(() => {
|
|
11333
|
+
Ue.angleX = _t("angleX") ?? 0, Ue.angleY = _t("angleY") ?? 0, it = _t("listeningMs") ?? 0, yt();
|
|
11334
|
+
let e = typeof ResizeObserver == "function" ? new ResizeObserver(() => yt()) : null;
|
|
11335
|
+
e !== null && get(Me) !== null && e.observe(get(Me));
|
|
11336
|
+
let t = typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, n = (e) => {
|
|
11337
|
+
wt = e.matches;
|
|
11338
|
+
};
|
|
11339
|
+
return t !== null && (wt = t.matches, t.addEventListener("change", n)), dt = requestAnimationFrame(Ct), () => {
|
|
11340
|
+
dt !== null && (cancelAnimationFrame(dt), dt = null), t?.removeEventListener("change", n), e?.disconnect(), vt();
|
|
11341
|
+
};
|
|
11342
|
+
});
|
|
11343
|
+
var Dt = {
|
|
11344
|
+
get variant() {
|
|
11345
|
+
return n();
|
|
11346
|
+
},
|
|
11347
|
+
set variant(e = "idle") {
|
|
11348
|
+
n(e), flushSync();
|
|
11349
|
+
},
|
|
11350
|
+
get speedMultiplier() {
|
|
11351
|
+
return i();
|
|
11352
|
+
},
|
|
11353
|
+
set speedMultiplier(e = 1) {
|
|
11354
|
+
i(e), flushSync();
|
|
11355
|
+
},
|
|
11356
|
+
get seed() {
|
|
11357
|
+
return a();
|
|
11358
|
+
},
|
|
11359
|
+
set seed(e) {
|
|
11360
|
+
a(e), flushSync();
|
|
11361
|
+
},
|
|
11362
|
+
get height() {
|
|
11363
|
+
return o();
|
|
11364
|
+
},
|
|
11365
|
+
set height(e = 400) {
|
|
11366
|
+
o(e), flushSync();
|
|
11367
|
+
},
|
|
11368
|
+
get particleCount() {
|
|
11369
|
+
return s();
|
|
11370
|
+
},
|
|
11371
|
+
set particleCount(e = 1e3) {
|
|
11372
|
+
s(e), flushSync();
|
|
11373
|
+
},
|
|
11374
|
+
get radius() {
|
|
11375
|
+
return c();
|
|
11376
|
+
},
|
|
11377
|
+
set radius(e = 140) {
|
|
11378
|
+
c(e), flushSync();
|
|
11379
|
+
},
|
|
11380
|
+
get interactive() {
|
|
11381
|
+
return l();
|
|
11382
|
+
},
|
|
11383
|
+
set interactive(e = !0) {
|
|
11384
|
+
l(e), flushSync();
|
|
11385
|
+
},
|
|
11386
|
+
get repelRadius() {
|
|
11387
|
+
return u();
|
|
11388
|
+
},
|
|
11389
|
+
set repelRadius(e = 200) {
|
|
11390
|
+
u(e), flushSync();
|
|
11391
|
+
},
|
|
11392
|
+
get analyser() {
|
|
11393
|
+
return f();
|
|
11394
|
+
},
|
|
11395
|
+
set analyser(e) {
|
|
11396
|
+
f(e), flushSync();
|
|
11397
|
+
},
|
|
11398
|
+
get sensitivity() {
|
|
11399
|
+
return p();
|
|
11400
|
+
},
|
|
11401
|
+
set sensitivity(e = 1) {
|
|
11402
|
+
p(e), flushSync();
|
|
11403
|
+
},
|
|
11404
|
+
get persistKey() {
|
|
11405
|
+
return h();
|
|
11406
|
+
},
|
|
11407
|
+
set persistKey(e) {
|
|
11408
|
+
h(e), flushSync();
|
|
11409
|
+
},
|
|
11410
|
+
get classes() {
|
|
11411
|
+
return S();
|
|
11412
|
+
},
|
|
11413
|
+
set classes(e) {
|
|
11414
|
+
S(e), flushSync();
|
|
11415
|
+
},
|
|
11416
|
+
get testId() {
|
|
11417
|
+
return C();
|
|
11418
|
+
},
|
|
11419
|
+
set testId(e) {
|
|
11420
|
+
C(e), flushSync();
|
|
11421
|
+
},
|
|
11422
|
+
get onfirstframe() {
|
|
11423
|
+
return k();
|
|
11424
|
+
},
|
|
11425
|
+
set onfirstframe(e) {
|
|
11426
|
+
k(e), flushSync();
|
|
11427
|
+
},
|
|
11428
|
+
get onlevel() {
|
|
11429
|
+
return R();
|
|
11430
|
+
},
|
|
11431
|
+
set onlevel(e) {
|
|
11432
|
+
R(e), flushSync();
|
|
11433
|
+
}
|
|
11434
|
+
}, Ot = root$60(), kt = child(Ot);
|
|
11435
|
+
let At;
|
|
11436
|
+
return bind_this(kt, (e) => set(be, e), () => get(be)), reset(Ot), bind_this(Ot, (e) => set(Me, e), () => get(Me)), template_effect((e) => {
|
|
11437
|
+
set_class(Ot, 1, `voice-orb ${S() ?? "" ?? ""}`, "svelte-112josi"), set_attribute(Ot, "data-pw", typeof C() == "string" ? C() : null), set_attribute(Ot, "testid", typeof C() == "string" ? C() : null), At = set_style(kt, "", At, e);
|
|
11438
|
+
}, [() => ({ height: `${Number.isFinite(o()) && o() > 0 ? o() : 400}px` })]), delegated("pointermove", kt, Tt), event("pointerleave", kt, Et), event("pointercancel", kt, Et), append(e, Ot), pop(Dt);
|
|
11439
|
+
}
|
|
11440
|
+
delegate(["pointermove"]), create_custom_element(VoiceOrb, {
|
|
11441
|
+
variant: {},
|
|
11442
|
+
speedMultiplier: {},
|
|
11443
|
+
seed: {},
|
|
11444
|
+
height: {},
|
|
11445
|
+
particleCount: {},
|
|
11446
|
+
radius: {},
|
|
11447
|
+
interactive: {},
|
|
11448
|
+
repelRadius: {},
|
|
11449
|
+
analyser: {},
|
|
11450
|
+
sensitivity: {},
|
|
11451
|
+
persistKey: {},
|
|
11452
|
+
classes: {},
|
|
11453
|
+
testId: {},
|
|
11454
|
+
onfirstframe: {},
|
|
11455
|
+
onlevel: {}
|
|
11456
|
+
}, [], [], { mode: "open" });
|
|
11457
|
+
//#endregion
|
|
11458
|
+
//#region src/wc/components/VoiceOrb.wc.svelte
|
|
11459
|
+
var rest_excludes$59 = new Set([
|
|
11460
|
+
"$$slots",
|
|
11461
|
+
"$$events",
|
|
11462
|
+
"$$legacy",
|
|
11463
|
+
"$$host"
|
|
11464
|
+
]);
|
|
11465
|
+
function VoiceOrb_wc(e, t) {
|
|
11466
|
+
let n = /* @__PURE__ */ rest_props(t, rest_excludes$59);
|
|
11467
|
+
VoiceOrb(e, spread_props(() => n));
|
|
11468
|
+
}
|
|
11469
|
+
customElements.define("sui-voice-orb", create_custom_element(VoiceOrb_wc, {
|
|
11470
|
+
variant: { type: "String" },
|
|
11471
|
+
speedMultiplier: {
|
|
11472
|
+
attribute: "speed-multiplier",
|
|
11473
|
+
type: "Number"
|
|
11474
|
+
},
|
|
11475
|
+
seed: { type: "String" },
|
|
11476
|
+
height: { type: "Number" },
|
|
11477
|
+
particleCount: {
|
|
11478
|
+
attribute: "particle-count",
|
|
11479
|
+
type: "Number"
|
|
11480
|
+
},
|
|
11481
|
+
radius: { type: "Number" },
|
|
11482
|
+
interactive: { type: "Boolean" },
|
|
11483
|
+
repelRadius: {
|
|
11484
|
+
attribute: "repel-radius",
|
|
11485
|
+
type: "Number"
|
|
11486
|
+
},
|
|
11487
|
+
analyser: { type: "Object" },
|
|
11488
|
+
sensitivity: { type: "Number" },
|
|
11489
|
+
persistKey: {
|
|
11490
|
+
attribute: "persist-key",
|
|
11491
|
+
type: "String"
|
|
11492
|
+
},
|
|
11493
|
+
classes: { type: "String" },
|
|
11494
|
+
testId: {
|
|
11495
|
+
attribute: "test-id",
|
|
11496
|
+
type: "String"
|
|
11497
|
+
},
|
|
11498
|
+
onfirstframe: { type: "Object" },
|
|
11499
|
+
onlevel: { type: "Object" }
|
|
11500
|
+
}, [], [], { mode: "open" }));
|
|
11501
|
+
//#endregion
|
|
11145
11502
|
//#region src/wc/components/Slider.wc.svelte
|
|
11146
11503
|
var rest_excludes$58 = new Set([
|
|
11147
11504
|
"$$slots",
|
|
@@ -40136,8 +40493,9 @@ function resolveTagAllowList(e) {
|
|
|
40136
40493
|
function tagAllowed(e, t) {
|
|
40137
40494
|
return e === null || e.has(t);
|
|
40138
40495
|
}
|
|
40139
|
-
function
|
|
40140
|
-
|
|
40496
|
+
function resolveRawHtmlStrategy(e) {
|
|
40497
|
+
let t = e?.rawHtml;
|
|
40498
|
+
return t === "strip" ? "strip" : t === "sanitize" && typeof e?.htmlSanitizer == "function" ? "passthrough" : "escape";
|
|
40141
40499
|
}
|
|
40142
40500
|
function rawHtmlText(e) {
|
|
40143
40501
|
return "value" in e ? escapeHtml(e.value) : "content" in e ? rawHtmlText(e.content) : "childNodes" in e ? e.childNodes.map(rawHtmlText).join("") : "";
|
|
@@ -40145,7 +40503,7 @@ function rawHtmlText(e) {
|
|
|
40145
40503
|
function createSanitizingRenderer(e, t, n, i) {
|
|
40146
40504
|
return {
|
|
40147
40505
|
html(e) {
|
|
40148
|
-
return i === "strip" ? rawHtmlText(parseFragment(e.text)) : escapeHtml(e.text);
|
|
40506
|
+
return i === "strip" ? rawHtmlText(parseFragment(e.text)) : i === "passthrough" ? e.text : escapeHtml(e.text);
|
|
40149
40507
|
},
|
|
40150
40508
|
link(n) {
|
|
40151
40509
|
return hasSafeProtocol(n.href, e.links) && tagAllowed(t, "a") ? !1 : escapeHtml(n.text);
|
|
@@ -40197,21 +40555,33 @@ function wrapTables(e, t, n) {
|
|
|
40197
40555
|
let i = typeof n == "string" ? n.trim() : "", a = i.length > 0 ? `${DEFAULT_TABLE_WRAPPER_CLASS} ${escapeHtml(i)}` : DEFAULT_TABLE_WRAPPER_CLASS, o = typeof t == "string" && t.length > 0 ? `<div class="${a}" tabindex="0" role="region" aria-label="${escapeHtml(t)}">` : `<div class="${a}" tabindex="0">`;
|
|
40198
40556
|
return e.replace(TABLE_OPEN, `${o}<table>`).replace(TABLE_CLOSE, "</table></div>");
|
|
40199
40557
|
}
|
|
40200
|
-
function instanceFor(e) {
|
|
40201
|
-
let
|
|
40202
|
-
|
|
40203
|
-
[...
|
|
40204
|
-
[...
|
|
40205
|
-
|
|
40206
|
-
|
|
40207
|
-
|
|
40558
|
+
function instanceFor(e, t) {
|
|
40559
|
+
let n = e.breaks === !0, i = resolveProtocolSets(e.sanitize), a = resolveTagAllowList(e.sanitize?.allowedTags), o = e.sanitize?.disableTaskLists === !0, s = [
|
|
40560
|
+
n ? "breaks" : "default",
|
|
40561
|
+
[...i.links].sort().join(","),
|
|
40562
|
+
[...i.images].sort().join(","),
|
|
40563
|
+
a ? [...a].sort().join(",") : "*",
|
|
40564
|
+
o ? "no-tasks" : "tasks",
|
|
40565
|
+
t
|
|
40208
40566
|
].join("|"), c = instances.get(s);
|
|
40209
40567
|
return c || (c = new q({
|
|
40210
40568
|
gfm: !0,
|
|
40211
|
-
breaks:
|
|
40212
|
-
renderer: createSanitizingRenderer(
|
|
40569
|
+
breaks: n,
|
|
40570
|
+
renderer: createSanitizingRenderer(i, a, o, t)
|
|
40213
40571
|
}), instances.set(s, c)), c;
|
|
40214
40572
|
}
|
|
40573
|
+
function parseWith(e, t, n) {
|
|
40574
|
+
let i = instanceFor(t, n), a = t.inline === !0 ? i.parseInline(e) : i.parse(e);
|
|
40575
|
+
return typeof a == "string" ? a : null;
|
|
40576
|
+
}
|
|
40577
|
+
function runSanitizer(e, t) {
|
|
40578
|
+
try {
|
|
40579
|
+
let n = t(e);
|
|
40580
|
+
return typeof n == "string" ? n : null;
|
|
40581
|
+
} catch {
|
|
40582
|
+
return null;
|
|
40583
|
+
}
|
|
40584
|
+
}
|
|
40215
40585
|
function unwrapMarkdownFence(e) {
|
|
40216
40586
|
let t = WHOLE_BODY_MARKDOWN_FENCE.exec(e);
|
|
40217
40587
|
if (t === null) return e;
|
|
@@ -40219,10 +40589,15 @@ function unwrapMarkdownFence(e) {
|
|
|
40219
40589
|
return a[0] !== n[0] || a.length < n.length || (n[0] === "~" ? INNER_TILDE_FENCE : INNER_BACKTICK_FENCE).test(i) ? e : i;
|
|
40220
40590
|
}
|
|
40221
40591
|
function renderMarkdown(e, t = {}) {
|
|
40222
|
-
let n = t.unwrapFence === !0 ? unwrapMarkdownFence(e) : e, i =
|
|
40223
|
-
if (
|
|
40224
|
-
let o =
|
|
40225
|
-
|
|
40592
|
+
let n = t.unwrapFence === !0 ? unwrapMarkdownFence(e) : e, i = resolveRawHtmlStrategy(t.sanitize), a = parseWith(n, t, i);
|
|
40593
|
+
if (a === null) return "";
|
|
40594
|
+
let o = a;
|
|
40595
|
+
if (i === "passthrough") {
|
|
40596
|
+
let e = t.sanitize?.htmlSanitizer;
|
|
40597
|
+
o = (typeof e == "function" ? runSanitizer(a, e) : null) ?? parseWith(n, t, "escape") ?? "";
|
|
40598
|
+
}
|
|
40599
|
+
let s = annotateExternalLinks(o);
|
|
40600
|
+
return t.inline === !0 ? s : wrapTables(s, t.tableLabel, t.tableWrapperClass);
|
|
40226
40601
|
}
|
|
40227
40602
|
var SAFE_LINK_PROTOCOLS, SAFE_IMAGE_PROTOCOLS, NUMERIC_REFERENCE, NAMED_WHITESPACE_REFERENCE, STRIPPED_BY_URL_PARSER, instances, EXTERNAL_ANCHOR_PATTERN, TABLE_OPEN, TABLE_CLOSE, DEFAULT_TABLE_WRAPPER_CLASS, INNER_BACKTICK_FENCE, INNER_TILDE_FENCE, WHOLE_BODY_MARKDOWN_FENCE, init_markdown = __esmMin((() => {
|
|
40228
40603
|
init_marked_esm(), init_dist(), SAFE_LINK_PROTOCOLS = new Set([
|