@juspay/svelte-ui-components 4.35.1 → 4.36.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/ChatComposer/ChatComposer.svelte +12 -0
- package/dist/ChatComposer/ChatComposer.svelte.d.ts +3 -1
- package/dist/ChatComposer/properties.d.ts +4 -0
- package/dist/ChatHeader/ChatHeader.svelte +42 -0
- package/dist/ChatHeader/ChatHeader.svelte.d.ts +1 -1
- package/dist/ChatHeader/properties.d.ts +5 -0
- package/dist/Resizable/Resizable.svelte +13 -4
- package/dist/styles/theme-dark.css +2 -0
- package/dist-wc/index.js +512 -355
- package/package.json +1 -1
package/dist-wc/index.js
CHANGED
|
@@ -4173,7 +4173,7 @@ delegate(["click"]), create_custom_element(Avatar, {
|
|
|
4173
4173
|
}, [], [], { mode: "open" });
|
|
4174
4174
|
//#endregion
|
|
4175
4175
|
//#region scripts/wc-parity/host-event-handler-props.ts
|
|
4176
|
-
var HOST_EVENT_HANDLER_PROPS = new Set(/* @__PURE__ */ "onabort.onanimationcancel.onanimationend.onanimationiteration.onanimationstart.onauxclick.onbeforecopy.onbeforecut.onbeforeinput.onbeforematch.onbeforepaste.onbeforetoggle.onbeforexrselect.onblur.oncancel.oncanplay.oncanplaythrough.onchange.onclick.onclose.oncommand.oncontentvisibilityautostatechange.oncontextlost.oncontextmenu.oncontextrestored.oncopy.oncuechange.oncut.ondblclick.ondrag.ondragend.ondragenter.ondragleave.ondragover.ondragstart.ondrop.ondurationchange.onemptied.onended.onerror.onfocus.onformdata.onfullscreenchange.onfullscreenerror.ongotpointercapture.oninput.oninvalid.onkeydown.onkeypress.onkeyup.onload.onloadeddata.onloadedmetadata.onloadstart.onlostpointercapture.onmousedown.onmouseenter.onmouseleave.onmousemove.onmouseout.onmouseover.onmouseup.onmousewheel.onpaste.onpause.onplay.onplaying.onpointercancel.onpointerdown.onpointerenter.onpointerleave.onpointermove.onpointerout.onpointerover.onpointerrawupdate.onpointerup.onprogress.onratechange.onreset.onresize.onscroll.onscrollend.onscrollsnapchange.onscrollsnapchanging.onsearch.onsecuritypolicyviolation.onseeked.onseeking.onselect.onselectionchange.onselectstart.onslotchange.onstalled.onsubmit.onsuspend.ontimeupdate.ontoggle.ontouchcancel.ontouchend.ontouchmove.ontouchstart.ontransitioncancel.ontransitionend.ontransitionrun.ontransitionstart.onvolumechange.onwaiting.onwebkitanimationend.onwebkitanimationiteration.onwebkitanimationstart.onwebkitfullscreenchange.onwebkitfullscreenerror.onwebkittransitionend.onwheel".split(".")), CALLBACK_PROP_PATTERN = /^on[a-z][a-z0-9]*$/, DISPATCH_COLLISION_EXCEPTIONS = new Map([["sui-lottie-player:onerror", "LottiePlayer.wc.svelte dispatched 'error' before the callback-dispatch rule existed. 'error' collides with HTMLElement's own onerror accessor, but silencing it now would be an existing consumer losing an event they already listen for, not a fix -- so it stays a named, reasoned exception rather than a silent one."]]), PRESENCE_GATED_CALLBACKS = new Set(/* @__PURE__ */ "sui-attachment-chip-row:onopenfile.sui-attachment-chip-row:onopenimage.sui-attachment-chip-row:onopenvideo.sui-attachment-chip-row:onremovefile.sui-attachment-chip-row:onremoveimage.sui-attachment-chip-row:onremovevideo.sui-chat:onsuggestion.sui-chat-composer:onaction.sui-chat-composer:onattach.sui-chat-composer:onattachclick.sui-chat-composer:onvoice.sui-chat-message:onfeedback.sui-chat-message:onretry.sui-chat-message-list:onfeedback.sui-chat-message-list:onretry.sui-gallery:ondeleteclick.sui-gallery:oneditclick.sui-gallery:onimageclick.sui-list-item:oncentertextclick.sui-list-item:onleftimageclick.sui-list-item:onrightimageclick.sui-list-item:ontopsectionclick.sui-modal:ondismiss.sui-modal:onheaderleftimageclick.sui-modal:onoverlayclick.sui-pie-chart:onlegendmore.sui-scroller:onscrollposition.sui-sheet:onafterclose.sui-sheet:onafteropen.sui-table:onrowclick.sui-table:onsearchchange".split(".")), CALLBACK_ARGUMENT_NAMES = {
|
|
4176
|
+
var HOST_EVENT_HANDLER_PROPS = new Set(/* @__PURE__ */ "onabort.onanimationcancel.onanimationend.onanimationiteration.onanimationstart.onauxclick.onbeforecopy.onbeforecut.onbeforeinput.onbeforematch.onbeforepaste.onbeforetoggle.onbeforexrselect.onblur.oncancel.oncanplay.oncanplaythrough.onchange.onclick.onclose.oncommand.oncontentvisibilityautostatechange.oncontextlost.oncontextmenu.oncontextrestored.oncopy.oncuechange.oncut.ondblclick.ondrag.ondragend.ondragenter.ondragleave.ondragover.ondragstart.ondrop.ondurationchange.onemptied.onended.onerror.onfocus.onformdata.onfullscreenchange.onfullscreenerror.ongotpointercapture.oninput.oninvalid.onkeydown.onkeypress.onkeyup.onload.onloadeddata.onloadedmetadata.onloadstart.onlostpointercapture.onmousedown.onmouseenter.onmouseleave.onmousemove.onmouseout.onmouseover.onmouseup.onmousewheel.onpaste.onpause.onplay.onplaying.onpointercancel.onpointerdown.onpointerenter.onpointerleave.onpointermove.onpointerout.onpointerover.onpointerrawupdate.onpointerup.onprogress.onratechange.onreset.onresize.onscroll.onscrollend.onscrollsnapchange.onscrollsnapchanging.onsearch.onsecuritypolicyviolation.onseeked.onseeking.onselect.onselectionchange.onselectstart.onslotchange.onstalled.onsubmit.onsuspend.ontimeupdate.ontoggle.ontouchcancel.ontouchend.ontouchmove.ontouchstart.ontransitioncancel.ontransitionend.ontransitionrun.ontransitionstart.onvolumechange.onwaiting.onwebkitanimationend.onwebkitanimationiteration.onwebkitanimationstart.onwebkitfullscreenchange.onwebkitfullscreenerror.onwebkittransitionend.onwheel".split(".")), CALLBACK_PROP_PATTERN = /^on[a-z][a-z0-9]*$/, DISPATCH_COLLISION_EXCEPTIONS = new Map([["sui-lottie-player:onerror", "LottiePlayer.wc.svelte dispatched 'error' before the callback-dispatch rule existed. 'error' collides with HTMLElement's own onerror accessor, but silencing it now would be an existing consumer losing an event they already listen for, not a fix -- so it stays a named, reasoned exception rather than a silent one."]]), PRESENCE_GATED_CALLBACKS = new Set(/* @__PURE__ */ "sui-attachment-chip-row:onopenfile.sui-attachment-chip-row:onopenimage.sui-attachment-chip-row:onopenvideo.sui-attachment-chip-row:onremovefile.sui-attachment-chip-row:onremoveimage.sui-attachment-chip-row:onremovevideo.sui-chat:onsuggestion.sui-chat-composer:onaction.sui-chat-composer:onattach.sui-chat-composer:onattachclick.sui-chat-composer:onvoice.sui-chat-header:onexpandchange.sui-chat-message:onfeedback.sui-chat-message:onretry.sui-chat-message-list:onfeedback.sui-chat-message-list:onretry.sui-gallery:ondeleteclick.sui-gallery:oneditclick.sui-gallery:onimageclick.sui-list-item:oncentertextclick.sui-list-item:onleftimageclick.sui-list-item:onrightimageclick.sui-list-item:ontopsectionclick.sui-modal:ondismiss.sui-modal:onheaderleftimageclick.sui-modal:onoverlayclick.sui-pie-chart:onlegendmore.sui-scroller:onscrollposition.sui-sheet:onafterclose.sui-sheet:onafteropen.sui-table:onrowclick.sui-table:onsearchchange".split(".")), CALLBACK_ARGUMENT_NAMES = {
|
|
4177
4177
|
"sui-tool-call-log:onchipclick": ["index", "chip"],
|
|
4178
4178
|
"sui-gallery:onimageclick": ["index", "event"],
|
|
4179
4179
|
"sui-gallery:oneditclick": ["index", "event"],
|
|
@@ -6987,7 +6987,7 @@ function getActiveElement(e) {
|
|
|
6987
6987
|
}
|
|
6988
6988
|
//#endregion
|
|
6989
6989
|
//#region src/lib/Input/Input.svelte
|
|
6990
|
-
var root$99 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$87 = /* @__PURE__ */ from_html("<input/>"), root_2$68 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$60 = /* @__PURE__ */ from_html("<div class=\"label-row svelte-1h0c2oe\"><label class=\"label svelte-1h0c2oe\"> <!></label> <span class=\"svelte-1h0c2oe\"><!></span></div>"), root_4$50 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_5$40 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_6$35 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-left svelte-1h0c2oe\"><!></span>"), root_7$31 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-right input-icon-button svelte-1h0c2oe\"><!></button>"), root_8$
|
|
6990
|
+
var root$99 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$87 = /* @__PURE__ */ from_html("<input/>"), root_2$68 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$60 = /* @__PURE__ */ from_html("<div class=\"label-row svelte-1h0c2oe\"><label class=\"label svelte-1h0c2oe\"> <!></label> <span class=\"svelte-1h0c2oe\"><!></span></div>"), root_4$50 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_5$40 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_6$35 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-left svelte-1h0c2oe\"><!></span>"), root_7$31 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-right input-icon-button svelte-1h0c2oe\"><!></button>"), root_8$26 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-right svelte-1h0c2oe\"><!></span>"), root_9$20 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_10$19 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"error-message svelte-1h0c2oe\"> </div>"), root_11$17 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1h0c2oe\"> </div>"), root_12$16 = /* @__PURE__ */ from_html("<div> </div>"), root_13$14 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$183 = {
|
|
6991
6991
|
hash: "svelte-1h0c2oe",
|
|
6992
6992
|
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, #333333);}\n\n /* The fallback used to be `1px solid transparent` -- a border that changes\n width/style but not colour, so a mouse-focused OR keyboard-focused field\n looked identical to unfocused. Text inputs use a real :focus (not\n :focus-visible): unlike a button-shaped control, a text field's focus\n ring has to stay visible regardless of input modality, since a mouse\n click into a field is itself the start of a keyboard interaction.\n --input-focus-border-color already exists for exactly this colour (see\n .input-icon-button:focus-visible below), so this reuses it instead of\n minting a second token for the same ring. */textarea.svelte-1h0c2oe:focus,\n input.svelte-1h0c2oe:focus {border:var(--input-focus-border, 1px solid var(--input-focus-border-color, #005fcc));}.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);}\n\n /* Only present when labelSuffix is supplied (and written as a direct child of the\n container, so a `label-row` class a consumer passes through `classes`, which lands\n on the container itself, cannot match): a flex item's own margin is\n space around just that item, not something later content in the column\n can rely on to open up room below the whole row, so the row itself\n carries the margin a lone .label used to carry on its own below. */.input-container.svelte-1h0c2oe > .label-row:where(.svelte-1h0c2oe) {display:flex;align-items:baseline;justify-content:space-between;gap:var(--input-label-row-gap, 8px);margin:var(--input-label-msg-margin, 0px 0px 6px 0px);}\n\n /* A row-wrapped label hands its margin to the row above, so it does not\n take it twice. Only exists in the labelSuffix branch. */.input-container.svelte-1h0c2oe > .label-row:where(.svelte-1h0c2oe) > .label:where(.svelte-1h0c2oe) {margin:0;}.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, #4d6174);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, #5c6b7a);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, #5c6b7a);}"
|
|
6993
6993
|
};
|
|
@@ -7522,7 +7522,7 @@ function Input(e, t) {
|
|
|
7522
7522
|
kt()?.apply(this, e);
|
|
7523
7523
|
}), append(e, t);
|
|
7524
7524
|
}, a = (e) => {
|
|
7525
|
-
var t = root_8$
|
|
7525
|
+
var t = root_8$26();
|
|
7526
7526
|
snippet(child(t), () => Dt() ?? noop), reset(t), append(e, t);
|
|
7527
7527
|
};
|
|
7528
7528
|
if_block(n, (e) => {
|
|
@@ -9162,7 +9162,7 @@ customElements.define("sui-color-picker", create_custom_element(ColorPicker_wc,
|
|
|
9162
9162
|
}, [], [], { mode: "open" }));
|
|
9163
9163
|
//#endregion
|
|
9164
9164
|
//#region src/lib/Combobox/Combobox.svelte
|
|
9165
|
-
var root$93 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$81 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$62 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$55 = /* @__PURE__ */ from_html("<div class=\"combobox-limit svelte-178p70i\" role=\"alert\"> </div>"), root_4$47 = /* @__PURE__ */ from_html("<div class=\"combobox-empty svelte-178p70i\"> </div>"), root_5$37 = /* @__PURE__ */ from_html("<div role=\"option\" tabindex=\"-1\"><!></div>"), root_6$33 = /* @__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$29 = /* @__PURE__ */ from_html("<span class=\"combobox-action-icon svelte-178p70i\" aria-hidden=\"true\"><!></span>"), root_8$
|
|
9165
|
+
var root$93 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$81 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$62 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$55 = /* @__PURE__ */ from_html("<div class=\"combobox-limit svelte-178p70i\" role=\"alert\"> </div>"), root_4$47 = /* @__PURE__ */ from_html("<div class=\"combobox-empty svelte-178p70i\"> </div>"), root_5$37 = /* @__PURE__ */ from_html("<div role=\"option\" tabindex=\"-1\"><!></div>"), root_6$33 = /* @__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$29 = /* @__PURE__ */ from_html("<span class=\"combobox-action-icon svelte-178p70i\" aria-hidden=\"true\"><!></span>"), root_8$25 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><!> </div>"), root_9$19 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-footer svelte-178p70i\"><!></div>"), root_10$18 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown svelte-178p70i\" role=\"listbox\"><!> <!> <!> <!> <!></div>"), root_11$16 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"field-error svelte-178p70i\"> </div>"), root_12$15 = /* @__PURE__ */ from_html("<div class=\"field-info svelte-178p70i\"> </div>"), root_13$13 = /* @__PURE__ */ from_html("<div><div><!> <!> <div class=\"combobox-input svelte-178p70i\"><!></div> <!></div> <!></div> <!> <!>", 1), $$css$175 = {
|
|
9166
9166
|
hash: "svelte-178p70i",
|
|
9167
9167
|
code: ".field-error.svelte-178p70i {color:var(--field-error-color, #c5120a);font-size:var(--field-error-font-size, 12px);margin:var(--field-error-margin, 4px 0 0 0);}.field-info.svelte-178p70i {color:var(--field-info-color, #6b7280);font-size:var(--field-info-font-size, 12px);margin:var(--field-info-margin, 4px 0 0 0);}.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(\n --combobox-input-transition,\n border-color\n var(\n --combobox-input-transition-duration,\n var(--duration-quick, var(--motion-duration, 0.15s))\n )\n var(--combobox-input-transition-easing, var(--motion-easing, ease)),\n box-shadow\n var(\n --combobox-input-transition-duration,\n var(--duration-quick, var(--motion-duration, 0.15s))\n )\n var(--combobox-input-transition-easing, var(--motion-easing, ease))\n );}\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 var(--combobox-option-transition-duration, var(--motion-duration, 0.1s))\n var(--combobox-option-transition-easing, var(--motion-easing, ease));}.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);}"
|
|
9168
9168
|
};
|
|
@@ -9702,7 +9702,7 @@ function Combobox(e, t) {
|
|
|
9702
9702
|
get(qt) && e(p);
|
|
9703
9703
|
});
|
|
9704
9704
|
var S = sibling(f, 2), R = (e) => {
|
|
9705
|
-
var t = root_8$
|
|
9705
|
+
var t = root_8$25();
|
|
9706
9706
|
let n;
|
|
9707
9707
|
var i = child(t), a = (e) => {
|
|
9708
9708
|
var t = root_7$29();
|
|
@@ -10421,7 +10421,7 @@ function tokenizedFly(e, t) {
|
|
|
10421
10421
|
}
|
|
10422
10422
|
//#endregion
|
|
10423
10423
|
//#region src/lib/assets/search.svg?raw
|
|
10424
|
-
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$91 = /* @__PURE__ */ from_html("<span class=\"command-menu-search-icon svelte-rk55q\"></span>"), root_1$80 = /* @__PURE__ */ from_html("<div class=\"command-menu-empty svelte-rk55q\"> </div>"), root_2$61 = /* @__PURE__ */ from_html("<div class=\"command-menu-group-heading svelte-rk55q\"> </div>"), root_3$54 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-icon svelte-rk55q\"><!></span>"), root_4$46 = /* @__PURE__ */ from_html("<div class=\"command-menu-item-icon-img-wrapper svelte-rk55q\"><!></div>"), root_5$36 = /* @__PURE__ */ from_html("<kbd class=\"command-menu-kbd svelte-rk55q\"> </kbd>"), root_6$32 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-shortcut svelte-rk55q\"></span>"), root_7$28 = /* @__PURE__ */ from_html("<!> <span class=\"command-menu-item-label svelte-rk55q\"> </span> <!>", 1), root_8$
|
|
10424
|
+
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$91 = /* @__PURE__ */ from_html("<span class=\"command-menu-search-icon svelte-rk55q\"></span>"), root_1$80 = /* @__PURE__ */ from_html("<div class=\"command-menu-empty svelte-rk55q\"> </div>"), root_2$61 = /* @__PURE__ */ from_html("<div class=\"command-menu-group-heading svelte-rk55q\"> </div>"), root_3$54 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-icon svelte-rk55q\"><!></span>"), root_4$46 = /* @__PURE__ */ from_html("<div class=\"command-menu-item-icon-img-wrapper svelte-rk55q\"><!></div>"), root_5$36 = /* @__PURE__ */ from_html("<kbd class=\"command-menu-kbd svelte-rk55q\"> </kbd>"), root_6$32 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-shortcut svelte-rk55q\"></span>"), root_7$28 = /* @__PURE__ */ from_html("<!> <span class=\"command-menu-item-label svelte-rk55q\"> </span> <!>", 1), root_8$24 = /* @__PURE__ */ from_html("<button type=\"button\" role=\"option\" tabindex=\"-1\"><!></button>"), root_9$18 = /* @__PURE__ */ from_html("<!> <!>", 1), root_10$17 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-modal=\"true\" 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$173 = {
|
|
10425
10425
|
hash: "svelte-rk55q",
|
|
10426
10426
|
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);}\n\n /* The input is the only real Tab stop the overlay currently renders (list\n items are a roving aria-activedescendant selection, not DOM focus -- see\n .active below), so it is also the only element here that WCAG 2.4.7\n applies to. A real text input, so :focus rather than :focus-visible: the\n ring must stay visible regardless of input modality, matching Input.svelte's\n own textarea/input convention. Positive offset (not Sheet/Modal's inset\n -2px) because the input sits inside .command-menu-input-wrapper's own\n padding, not flush against the dialog's edge. */.command-menu-input.svelte-rk55q:focus {outline:var(--command-menu-input-focus-outline, 2px solid #2563eb);outline-offset:var(--command-menu-input-focus-outline-offset, 2px);}.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\n var(--command-menu-item-transition-duration, var(--motion-duration, 0.1s))\n var(--command-menu-item-transition-easing, var(--motion-easing, ease));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);}"
|
|
10427
10427
|
};
|
|
@@ -10687,7 +10687,7 @@ function CommandMenu(e, t) {
|
|
|
10687
10687
|
a() !== "" && e(l);
|
|
10688
10688
|
}), each(sibling(c, 2), 17, o, (e) => e.value, (e, t) => {
|
|
10689
10689
|
let i = /* @__PURE__ */ user_derived(() => get(ft).get(get(t).value) ?? -1);
|
|
10690
|
-
var a = root_8$
|
|
10690
|
+
var a = root_8$24();
|
|
10691
10691
|
let o;
|
|
10692
10692
|
var s = child(a), c = (e) => {
|
|
10693
10693
|
var n = comment();
|
|
@@ -16918,7 +16918,7 @@ customElements.define("sui-choicebox", create_custom_element(Choicebox_wc, {
|
|
|
16918
16918
|
}, ["default"], [], { mode: "open" }, formAssociated({ checked: "selected" })));
|
|
16919
16919
|
//#endregion
|
|
16920
16920
|
//#region src/lib/Card/Card.svelte
|
|
16921
|
-
var root$62 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"><!></div>"), root_1$57 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"> </div>"), root_2$46 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"><!></div>"), root_3$42 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"> </div>"), root_4$38 = /* @__PURE__ */ from_html("<div class=\"card-header-right svelte-10nkiak\"><!></div>"), root_5$33 = /* @__PURE__ */ from_html("<div><div class=\"card-header-main svelte-10nkiak\"><!> <!></div> <!></div>"), root_6$29 = /* @__PURE__ */ from_html("<div><!></div>"), root_7$26 = /* @__PURE__ */ from_html("<footer class=\"card-footer svelte-10nkiak\"><!></footer>"), root_8$
|
|
16921
|
+
var root$62 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"><!></div>"), root_1$57 = /* @__PURE__ */ from_html("<div class=\"card-title svelte-10nkiak\"> </div>"), root_2$46 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"><!></div>"), root_3$42 = /* @__PURE__ */ from_html("<div class=\"card-description svelte-10nkiak\"> </div>"), root_4$38 = /* @__PURE__ */ from_html("<div class=\"card-header-right svelte-10nkiak\"><!></div>"), root_5$33 = /* @__PURE__ */ from_html("<div><div class=\"card-header-main svelte-10nkiak\"><!> <!></div> <!></div>"), root_6$29 = /* @__PURE__ */ from_html("<div><!></div>"), root_7$26 = /* @__PURE__ */ from_html("<footer class=\"card-footer svelte-10nkiak\"><!></footer>"), root_8$23 = /* @__PURE__ */ from_html("<!> <!> <!>", 1), $$css$116 = {
|
|
16922
16922
|
hash: "svelte-10nkiak",
|
|
16923
16923
|
code: ".card.svelte-10nkiak {\n /* Explicit so the root's layout doesn't depend on the browser default for\n whichever tag svelte:element renders -- a <div> defaults to block and an\n <a> defaults to inline, and an inline box ignores width/height entirely.\n Pinning both here keeps anchor-mode cards byte-identical to div cards. */display:block;text-decoration:none;background:var(--card-background, inherit);border:var(--card-border, 1px solid currentColor);border-radius:var(--card-border-radius, var(--radius, 4px));overflow:var(--card-overflow, hidden);color:inherit;cursor:var(--card-cursor, inherit);box-shadow:var(--card-box-shadow, none);width:var(--card-width, auto);min-width:var(--card-min-width, 0);max-width:var(--card-max-width, none);height:var(--card-height, auto);max-height:var(--card-max-height, none);margin:var(--card-margin, 0);}.card-interactive.svelte-10nkiak {cursor:var(--card-cursor, pointer);}.card-interactive.svelte-10nkiak:focus-visible {outline:var(--card-focus-outline, 2px solid currentColor);outline-offset:var(--card-focus-outline-offset, 2px);}\n\n /* stretch: fill parent height */.card-stretch.svelte-10nkiak {height:var(--card-stretch-height, 100%);display:flex;flex-direction:column;}\n\n /* when stretch is on, content area should grow to fill remaining space */.card-stretch.svelte-10nkiak .card-content:where(.svelte-10nkiak) {flex:var(--card-content-flex, 1);}\n\n /* when scrollable=true the child sets overflow-y:auto, so the card must not clip it */.card-has-scroll.svelte-10nkiak {overflow:visible;}\n\n /* header row layout — base block flow; flex only applied when headerRight is present */.card-header.svelte-10nkiak {padding:var(--card-header-padding, 16px 16px 0);border-bottom:var(--card-header-border-bottom, none);}\n\n /* flex layout activated only when headerRight snippet is provided */.card-header-split.svelte-10nkiak {display:flex;align-items:var(--card-header-align-items, flex-start);justify-content:space-between;gap:var(--card-header-gap, 8px);}.card-header-main.svelte-10nkiak {display:flex;flex-direction:column;flex:1;min-width:0;}.card-header-right.svelte-10nkiak {display:flex;align-items:var(--card-header-right-align-items, center);flex-shrink:0;}.card-title.svelte-10nkiak {font-size:var(--card-title-font-size, 16px);font-weight:var(--card-title-font-weight, 600);color:var(--card-title-color, inherit);}.card-description.svelte-10nkiak {font-size:var(--card-description-font-size, 14px);color:var(--card-description-color, inherit);opacity:var(--card-description-opacity, 0.8);margin-top:var(--card-description-margin-top, 4px);}.card-content.svelte-10nkiak {padding:var(--card-content-padding, 16px);}\n\n /* scrollable content area */.card-content-scrollable.svelte-10nkiak {overflow-y:auto;max-height:var(--card-content-max-height, 400px);scrollbar-width:var(--card-content-scrollbar-width, thin);}\n\n /* footer */.card-footer.svelte-10nkiak {padding:var(--card-footer-padding, 12px 16px);border-top:var(--card-footer-border-top, none);background:var(--card-footer-background, inherit);}"
|
|
16924
16924
|
};
|
|
@@ -17057,7 +17057,7 @@ function Card(e, t) {
|
|
|
17057
17057
|
"card-has-scroll": R()
|
|
17058
17058
|
}
|
|
17059
17059
|
}), void 0, void 0, void 0, "svelte-10nkiak");
|
|
17060
|
-
var h = root_8$
|
|
17060
|
+
var h = root_8$23(), G = first_child(h), ne = (e) => {
|
|
17061
17061
|
var t = root_5$33();
|
|
17062
17062
|
let n;
|
|
17063
17063
|
var c = child(t), l = child(c), u = (e) => {
|
|
@@ -19563,7 +19563,7 @@ create_custom_element(OverlayAnimation, {
|
|
|
19563
19563
|
}, [], [], { mode: "open" });
|
|
19564
19564
|
//#endregion
|
|
19565
19565
|
//#region src/lib/Modal/Modal.svelte
|
|
19566
|
-
var root_1$50 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!></div>"), root_2$39 = /* @__PURE__ */ from_html("<div><!></div>"), root_3$36 = /* @__PURE__ */ from_html("<div class=\"header-text svelte-lnufm\"> </div>"), root_4$32 = /* @__PURE__ */ from_html("<div class=\"header svelte-lnufm\"><!> <!> <!></div>"), root_5$28 = /* @__PURE__ */ from_html("<div class=\"footer-content svelte-lnufm\"><!></div>"), root_6$25 = /* @__PURE__ */ from_html("<div class=\"footer-secondary-button svelte-lnufm\"><!></div>"), root_7$23 = /* @__PURE__ */ from_html("<div class=\"footer-primary-button svelte-lnufm\"><!></div>"), root_8$
|
|
19566
|
+
var root_1$50 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!></div>"), root_2$39 = /* @__PURE__ */ from_html("<div><!></div>"), root_3$36 = /* @__PURE__ */ from_html("<div class=\"header-text svelte-lnufm\"> </div>"), root_4$32 = /* @__PURE__ */ from_html("<div class=\"header svelte-lnufm\"><!> <!> <!></div>"), root_5$28 = /* @__PURE__ */ from_html("<div class=\"footer-content svelte-lnufm\"><!></div>"), root_6$25 = /* @__PURE__ */ from_html("<div class=\"footer-secondary-button svelte-lnufm\"><!></div>"), root_7$23 = /* @__PURE__ */ from_html("<div class=\"footer-primary-button svelte-lnufm\"><!></div>"), root_8$22 = /* @__PURE__ */ from_html("<div class=\"footer-content svelte-lnufm\"><div class=\"footer-action-buttons svelte-lnufm\"><!> <!></div></div>"), root_9$17 = /* @__PURE__ */ from_html("<div tabindex=\"-1\"><!> <div class=\"slot-content svelte-lnufm\"><!></div> <!></div>"), $$css$102 = {
|
|
19567
19567
|
hash: "svelte-lnufm",
|
|
19568
19568
|
code: ".modal.svelte-lnufm {position:fixed;top:0;bottom:0;left:0;right:0;width:var(--modal-width, 100vw);height:var(--modal-height, 100vh);display:flex;flex-direction:column;z-index:var(--modal-z-index, 15);-webkit-tap-highlight-color:transparent;margin:var(--modal-margin);}.overlay-active.svelte-lnufm {\n /* Prefer the modal-specific token; fall back to the legacy generic\n --background-color (kept for backward compatibility), then the default.\n The generic name collides with app-level --background-color tokens, which\n silently override the overlay; --modal-overlay-background-color lets a\n consumer theme the backdrop without that collision. */background-color:var(--modal-overlay-background-color, var(--background-color, #00000066));backdrop-filter:var(--modal-overlay-backdrop-filter, none);-webkit-backdrop-filter:var(--modal-overlay-backdrop-filter, none);pointer-events:auto;}.overlay-inactive.svelte-lnufm {pointer-events:none;}.modal-content.svelte-lnufm {pointer-events:auto;background-color:var(--modal-content-background-color, #ffffff);cursor:auto;display:flex;flex-direction:column;border-radius:var(--modal-border-radius, var(--radius, 4px));overflow:var(--modal-content-overflow, auto);border-top:var(--modal-content-border-top);outline:none;\n /* Viewport containment for every size class: only .fit-content used to carry\n a max-height, so a size whose height var is overridden to fit-content (or\n anything taller than the screen) grew past the viewport and pushed its\n footer and bottom rounding off-screen. dvh tracks the real visible\n viewport on mobile; the vh line is the fallback for engines without dvh. */max-height:var(--modal-max-height, calc(100vh - 32px));max-height:var(--modal-max-height, calc(100dvh - 32px));}\n\n /* The comment this replaced claimed tabindex=\"-1\" meant this never needed a\n ring because it's \"never in the Tab order itself\" -- true, but beside the\n point: onMount calls focusEntryPoint(modalContent), which focuses THIS\n element directly (real DOM focus, not merely reachable via Tab) whenever\n the modal has no focusable content of its own. That is exactly Sheet's\n sheet-panel problem, and sheet-panel got the fix this comment said it\n \"matches\" -- this one didn't. :focus-visible so the trigger click that\n opens the modal shows nothing new; offset is negative like Sheet's,\n since a modal can be sized to fill nearly the whole viewport. */.modal-content.svelte-lnufm:focus-visible {outline:var(--modal-content-focus-outline, 2px solid #2563eb);outline-offset:var(--modal-content-focus-outline-offset, -2px);}.slot-content.svelte-lnufm {display:var(--modal-display, flex);\n /* Flex children default to min-height: auto and refuse to shrink below their\n content, which defeats the overflow-y scroll once modal-content is\n height-capped — the content spills instead of scrolling and the footer is\n pushed out. 0 lets the slot shrink so its own scrollbar engages and the\n header/footer stay pinned inside the viewport. */min-height:var(--modal-slot-content-min-height, 0);overflow-y:var(--modal-overflow-y, scroll);scrollbar-width:var(--modal-scrollbar-width, none);padding:var(--modal-content-padding, 0);}.slot-content.svelte-lnufm::-webkit-scrollbar {display:none;}.center.svelte-lnufm {justify-content:var(--modal-center-justify-content, center);align-items:var(--modal-center-align-items, center);}.bottom.svelte-lnufm {justify-content:var(--modal-bottom-justify-content, flex-end);align-items:var(--modal-bottom-align-items);}.top.svelte-lnufm {justify-content:var(--modal-top-justify-content, flex-start);align-items:var(--modal-top-align-items);}.small.svelte-lnufm {height:var(--modal-small-height, 20vh);width:var(--modal-small-width);}.medium.svelte-lnufm {height:var(--modal-medium-height, 50vh);width:var(--modal-medium-width);}.large.svelte-lnufm {height:var(--modal-large-height, 80vh);width:var(--modal-large-width);}.fit-content.svelte-lnufm {height:fit-content;max-height:var(--modal-fit-content-max-height, 80vh);}.header.svelte-lnufm {display:flex;background-color:var(--modal-header-background-color, #f6f7f9);padding:var(--modal-header-padding, 18px 20px);border-radius:var(--modal-header-border-radius, 0px);border-bottom:var(--modal-header-border-bottom, none);align-items:var(--modal-header-align-items, center);}.footer-content.svelte-lnufm {display:flex;background-color:var(--modal-footer-background-color, #f6f7f9);padding:var(--modal-footer-padding, 18px 20px);border-radius:var(--modal-footer-border-radius, 0px);border-top:var(--modal-footer-border-top, none);justify-content:var(--modal-footer-justify-content, none);}.footer-action-buttons.svelte-lnufm {display:flex;gap:var(--modal-footer-gap, 0px);width:var(--modal-footer-action-buttons-width, fit-content);}.footer-secondary-button.svelte-lnufm {--button-max-height: var(--modal-footer-secondary-button-max-height);--button-max-width: var(--modal-footer-secondary-button-max-width);--button-font-family: var(--modal-footer-secondary-button-font-family);--button-font-weight: var(--modal-footer-secondary-button-font-weight, 500);--button-font-size: var(--modal-footer-secondary-button-font-size, 14px);--button-color: var(--modal-footer-secondary-button-color, #3a4550);--button-text-color: var(--modal-footer-secondary-button-text-color, white);--button-height: var(--modal-footer-secondary-button-height, fit-content);--button-padding: var(--modal-footer-secondary-button-padding, 16px);--button-margin: var(--modal-footer-secondary-button-margin);--button-border-radius: var(--modal-footer-secondary-button-border-radius, var(--radius, 4px));--button-width: var(--modal-footer-secondary-button-width, fit-content);--cursor: var(--modal-footer-secondary-button-cursor, pointer);--opacity: var(--modal-footer-secondary-button-opacity, 1);--button-border: var(--modal-footer-secondary-button-border, none);--disabled-background-color: var(\n --modal-footer-secondary-button-disabled-color,\n var(--modal-footer-secondary-button-color, #3a4550)\n );--disabled-text-color: var(\n --modal-footer-secondary-button-disabled-text-color,\n var(--modal-footer-secondary-button-text-color, white)\n );--disabled-border: var(\n --modal-footer-secondary-button-disabled-border,\n var(--modal-footer-secondary-button-border, none)\n );--disabled-opacity: var(--modal-footer-secondary-button-disabled-opacity, 0.4);--button-justify-content: var(--modal-footer-secondary-button-justify-content, center);--button-content-flex-direction: var(\n --modal-footer-secondary-button-content-flex-direction,\n row\n );--button-content-gap: var(--modal-footer-secondary-button-content-gap, 16px);--button-visibility: var(--modal-footer-secondary-button-visibility, visible);--button-box-shadow: var(--modal-footer-secondary-button-box-shadow, none);order:var(--modal-secondary-button-order, none);flex:var(--modal-footer-secondary-button-flex-value, none);}.footer-primary-button.svelte-lnufm {--button-max-height: var(--modal-footer-primary-button-max-height);--button-max-width: var(--modal-footer-primary-button-max-width);--button-font-family: var(--modal-footer-primary-button-font-family);--button-font-weight: var(--modal-footer-primary-button-font-weight, 500);--button-font-size: var(--modal-footer-primary-button-font-size, 14px);--button-color: var(--modal-footer-primary-button-color, #3a4550);--button-text-color: var(--modal-footer-primary-button-text-color, white);--button-height: var(--modal-footer-primary-button-height, fit-content);--button-padding: var(--modal-footer-primary-button-padding, 16px);--button-margin: var(--modal-footer-primary-button-margin);--button-border-radius: var(--modal-footer-primary-button-border-radius, var(--radius, 4px));--button-width: var(--modal-footer-primary-button-width, fit-content);--cursor: var(--modal-footer-primary-button-cursor, pointer);--opacity: var(--modal-footer-primary-button-opacity, 1);--button-border: var(--modal-footer-primary-button-border, none);--disabled-background-color: var(\n --modal-footer-primary-button-disabled-color,\n var(--modal-footer-primary-button-color, #3a4550)\n );--disabled-text-color: var(\n --modal-footer-primary-button-disabled-text-color,\n var(--modal-footer-primary-button-text-color, white)\n );--disabled-border: var(\n --modal-footer-primary-button-disabled-border,\n var(--modal-footer-primary-button-border, none)\n );--disabled-opacity: var(--modal-footer-primary-button-disabled-opacity, 0.4);--button-justify-content: var(--modal-footer-primary-button-justify-content, center);--button-content-flex-direction: var(--modal-footer-primary-button-content-flex-direction, row);--button-content-gap: var(--modal-footer-primary-button-content-gap, 16px);--button-visibility: var(--modal-footer-primary-button-visibility, visible);--button-box-shadow: var(--modal-footer-primary-button-box-shadow, none);order:var(--modal-primary-button-order, none);flex:var(--modal-footer-primary-button-flex-value, none);}.header-text.svelte-lnufm {display:flex;align-items:center;flex:1;font-size:var(--header-text-size, 16px);font-weight:var(--modal-header-text-weight, inherit);line-height:var(--modal-header-text-line-height, inherit);letter-spacing:var(--modal-header-text-letter-spacing, inherit);}\n\n /* The header images render through the Img component (inline svg or img), so\n these classes ride on Img's element — match them via :global under the\n scoped .header to keep the sizing contract. */.header.svelte-lnufm .header-left-img,\n .header.svelte-lnufm .header-right-img {padding-top:var(--header-img-top-padding, 5px);cursor:pointer;}.header.svelte-lnufm .header-left-img {margin:var(--header-left-image-margin, 0px 18px 0px 0px);width:var(--header-left-image-width, 25px);height:var(--header-left-image-height, 25px);}.header.svelte-lnufm .header-right-img {width:var(--header-right-image-width, 25px);height:var(--header-right-image-height, 25px);padding:var(--header-right-image-padding);}"
|
|
19569
19569
|
};
|
|
@@ -19915,7 +19915,7 @@ function Modal(e, t) {
|
|
|
19915
19915
|
var t = root_5$28();
|
|
19916
19916
|
snippet(child(t), () => re() ?? noop), reset(t), append(e, t);
|
|
19917
19917
|
}, f = (e) => {
|
|
19918
|
-
var t = root_8$
|
|
19918
|
+
var t = root_8$22(), n = child(t), i = child(n), a = (e) => {
|
|
19919
19919
|
var t = root_6$25();
|
|
19920
19920
|
Button(child(t), spread_props(() => C().secondaryButton, { onclick: Dt })), reset(t), append(e, t);
|
|
19921
19921
|
};
|
|
@@ -20672,7 +20672,7 @@ function computeSelectDropdownPosition(e) {
|
|
|
20672
20672
|
}
|
|
20673
20673
|
//#endregion
|
|
20674
20674
|
//#region src/lib/Select/Select.svelte
|
|
20675
|
-
var root_1$46 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_2$35 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_3$33 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_4$29 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_5$26 = /* @__PURE__ */ from_html("<div><!> </div>"), root_6$24 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_7$22 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_8$
|
|
20675
|
+
var root_1$46 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_2$35 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_3$33 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_4$29 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_5$26 = /* @__PURE__ */ from_html("<div><!> </div>"), root_6$24 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_7$22 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_8$21 = /* @__PURE__ */ from_html("<div class=\"select-bottom-content svelte-52lifo\"><!></div>"), root_9$16 = /* @__PURE__ */ from_html("<!> <!>", 1), root_10$16 = /* @__PURE__ */ from_html("<input type=\"hidden\"/>"), root_11$15 = /* @__PURE__ */ from_html("<input class=\"select-search svelte-52lifo\" type=\"text\" autocomplete=\"off\"/>"), root_12$14 = /* @__PURE__ */ from_html("<span class=\"select-placeholder svelte-52lifo\"> </span>"), root_13$12 = /* @__PURE__ */ from_html("<span> </span>"), root_14$11 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"select-clear svelte-52lifo\" aria-label=\"Clear selection\"><span aria-hidden=\"true\">×</span></button>"), root_15$9 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"select-error-message svelte-52lifo\"> </div>"), root_16$8 = /* @__PURE__ */ from_html("<div><input class=\"select-menu-search svelte-52lifo\" type=\"search\" aria-label=\"Search options\" autocomplete=\"off\"/> <div class=\"select-menu-list svelte-52lifo\" role=\"listbox\" tabindex=\"-1\"><!></div> <!></div>"), root_17$8 = /* @__PURE__ */ from_html("<div role=\"listbox\"><!></div>"), root_18$7 = /* @__PURE__ */ from_html("<div><!> <div><div><!> <!> <span class=\"select-arrow svelte-52lifo\"></span></div> <!></div> <!> <!></div>"), $$css$96 = {
|
|
20676
20676
|
hash: "svelte-52lifo",
|
|
20677
20677
|
code: ".select.svelte-52lifo {position:relative;width:var(--select-width, 100%);font-family:var(--select-font-family, inherit);font-size:var(--select-font-size, 14px);color:var(--select-color, #333333);}.select.disabled.svelte-52lifo {opacity:var(--select-disabled-opacity, 0.5);cursor:var(--select-disabled-cursor, not-allowed);pointer-events:none;}.select-trigger.svelte-52lifo {display:flex;flex-wrap:wrap;align-items:center;gap:var(--select-trigger-gap, 4px);min-height:var(--select-trigger-min-height, 40px);padding:var(--select-trigger-padding, 8px 12px);background:var(--select-trigger-background, #ffffff);border:var(--select-trigger-border, 1px solid #cccccc);border-radius:var(--select-trigger-border-radius, var(--radius, 4px));cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:var(\n --select-trigger-transition,\n border-color\n var(\n --select-trigger-transition-duration,\n var(--duration-quick, var(--motion-duration, 0.15s))\n )\n var(--select-trigger-transition-easing, var(--motion-easing, ease)),\n box-shadow\n var(\n --select-trigger-transition-duration,\n var(--duration-quick, var(--motion-duration, 0.15s))\n )\n var(--select-trigger-transition-easing, var(--motion-easing, ease))\n );}.select-trigger.svelte-52lifo .select-left-icon {--image-width: var(--select-left-icon-size, 16px);--image-height: var(--select-left-icon-size, 16px);--image-object-fit: contain;\n\n /* The icon inlines, so a currentColor asset resolves against this. Defaults to\n `inherit` — the trigger's text colour, which is what it already did — so this is\n a hook, not a change. Without it a consumer cannot tint the icon independently\n of the label, and an icon migrated to currentColor is forced to match its label\n exactly, flattening any deliberate muted-icon/strong-label hierarchy. */color:var(--select-left-icon-color, inherit);flex:none;}.select-trigger.svelte-52lifo:hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-trigger-hover-border-color, #999999);}.select-trigger.svelte-52lifo:focus-within,\n .select.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-trigger-focus-border-color, #2563eb);box-shadow:var(--select-trigger-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}\n\n /* Pressed feedback on the trigger. `:active` only, so it lasts exactly as\n long as the pointer is down and never lingers as a stuck state the way a\n class-driven one can. */.select.svelte-52lifo:not(.disabled) .select-trigger:where(.svelte-52lifo):active {background:var(--select-trigger-pressed-background, #ededed);}\n\n /* The error border has to outrank BOTH hover and focus/open, or the field\n stops reading as invalid the moment the user enters it -- which is the one\n moment they most need to see it. Listed after them, at equal or higher\n specificity, rather than reached for with !important. */.select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo),\n .select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):hover,\n .select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):focus-within,\n .select.error.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-trigger-error-border-color, #dc2626);}.select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):focus-within,\n .select.error.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {box-shadow:var(--select-trigger-error-shadow, 0 0 0 2px rgba(220, 38, 38, 0.2));}.select-error-message.svelte-52lifo {margin-top:var(--select-error-message-margin-top, 4px);font-size:var(--select-error-message-font-size, 12px);color:var(--select-error-message-color, #dc2626);}.select-control.svelte-52lifo {position:relative;}.select-control.has-clear.svelte-52lifo .select-trigger:where(.svelte-52lifo) {padding-inline-end:calc(var(--select-clear-size, 18px) + 36px);}.select-control.has-clear.svelte-52lifo .select-arrow:where(.svelte-52lifo) {position:absolute;right:12px;}.select-clear.svelte-52lifo {position:absolute;right:32px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--select-clear-size, 18px);height:var(--select-clear-size, 18px);margin:0;padding:0;border:none;border-radius:var(--select-clear-border-radius, var(--radius, 4px));background:var(--select-clear-background, transparent);color:var(--select-clear-color, #666666);font-size:var(--select-clear-font-size, 16px);line-height:1;cursor:pointer;}.select-clear.svelte-52lifo:focus-visible {outline:var(--select-clear-focus-outline, 2px solid currentColor);outline-offset:2px;}.select-clear.svelte-52lifo:hover {background:var(--select-clear-hover-background, #ededed);color:var(--select-clear-hover-color, #111111);}.select-clear.svelte-52lifo:active {background:var(--select-clear-pressed-background, #e0e0e0);}.select-value.svelte-52lifo {flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-placeholder.svelte-52lifo {flex:1;color:var(--select-placeholder-color, #666666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-search.svelte-52lifo {flex:1;min-width:60px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:0;cursor:text;}.select-search.svelte-52lifo::placeholder {color:var(--select-placeholder-color, #6b7280);}.select-arrow.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-arrow-size, 16px);height:var(--select-arrow-size, 16px);color:var(--select-arrow-color, #666666);flex-shrink:0;transition:transform\n var(--select-arrow-transition-duration, var(--duration-quick, var(--motion-duration, 0.15s)))\n var(--select-arrow-transition-easing, var(--motion-easing, ease));}.select.open.svelte-52lifo .select-arrow:where(.svelte-52lifo) {transform:rotate(180deg);}.select-arrow.svelte-52lifo svg {width:100%;height:100%;}\n\n /* Anchors the in-flow panel above the trigger. `margin-top` is what the\n downward panel uses for the gap, so it has to be unset here or the panel\n sits a gap's width too high. */.select-dropdown.select-dropdown-up.svelte-52lifo {top:auto;bottom:100%;margin-top:0;margin-bottom:var(--select-dropdown-gap, 4px);}\n\n /* One-tick measuring pass for placement=\"auto\": the panel needs rendered\n dimensions before the corner is chosen, without a visible flash at the\n wrong corner. */.select-dropdown.select-dropdown-measuring.svelte-52lifo {visibility:hidden;}.select-dropdown.svelte-52lifo {position:absolute;top:100%;left:var(--select-dropdown-left, 0);right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, auto);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, auto);margin-top:var(--select-dropdown-gap, 4px);background:var(--select-dropdown-background, #ffffff);border:var(--select-dropdown-border, 1px solid #cccccc);border-radius:var(--select-dropdown-border-radius, var(--radius, 4px));box-shadow:var(--select-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));max-height:var(--select-dropdown-max-height, 200px);overflow-y:auto;z-index:var(--select-dropdown-z-index, 10);}\n\n /* With the search box inside the panel, the PANEL must stop scrolling and\n the list scroll instead -- otherwise the search box scrolls away as soon\n as the user moves down the results, which is the one control they still\n need. The max-height moves down with the scrolling, so the panel keeps\n growing to fit the search box plus a list of the same height as before. */.select-dropdown.svelte-52lifo:has(> .select-menu-list:where(.svelte-52lifo)) {max-height:none;overflow-y:visible;display:flex;flex-direction:column;}.select-menu-list.svelte-52lifo {max-height:var(--select-dropdown-max-height, 200px);overflow-y:auto;}.select-menu-search.svelte-52lifo {flex:none;margin:var(--select-menu-search-margin, 6px);padding:var(--select-menu-search-padding, 6px 8px);border:var(--select-menu-search-border, 1px solid #cccccc);border-radius:var(--select-menu-search-border-radius, var(--radius, 4px));background:var(--select-menu-search-background, #ffffff);color:var(--select-menu-search-color, inherit);font-family:inherit;font-size:var(--select-menu-search-font-size, inherit);outline:none;}.select-menu-search.svelte-52lifo:focus-visible {border-color:var(--select-menu-search-focus-border-color, #2563eb);box-shadow:var(--select-menu-search-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.select-dropdown-right.svelte-52lifo {left:auto;right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, 100%);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, max-content);}.select-dropdown.select-dropdown-portal.svelte-52lifo {\n /* Portaled to <body>: fixed positioning escapes overflow/scroll ancestors\n (e.g. a table cell). Placement (top/left/width/min-width) is set inline\n from the trigger rect, so neutralise the in-flow anchoring here. */position:fixed;right:auto;margin-top:0;\n /* In the root stacking context the panel competes with modals/sheets rather\n than painting above same-container siblings, so default it into the\n top-layer band (consumers still override via --select-dropdown-z-index). */z-index:var(--select-dropdown-z-index, 1000);}.select-option.svelte-52lifo {padding:var(--select-option-padding, 8px 12px);color:var(--select-option-color, #333333);font-size:var(--select-option-font-size, inherit);cursor:pointer;transition:background var(--select-option-transition-duration, var(--motion-duration, 0.1s))\n var(--select-option-transition-easing, var(--motion-easing, ease));}\n\n /* Per-option leading icon (SelectItem.icon). Kept inline + vertically centred so\n it needs no change to the option's display and can't regress icon-less lists. */.select-option.svelte-52lifo .select-option-icon {--image-width: var(--select-option-icon-size, 16px);--image-height: var(--select-option-icon-size, 16px);--image-object-fit: contain;color:var(--select-option-icon-color, inherit);vertical-align:middle;margin-right:var(--select-option-icon-gap, 8px);}.select-option.multi.svelte-52lifo {display:flex;align-items:center;gap:var(--select-option-gap, 0);}.select-option.svelte-52lifo:hover,\n .select-option.highlighted.svelte-52lifo {background:var(--select-option-hover-background, #f0f0f0);color:var(--select-option-hover-color, var(--select-option-color, #333333));}.select-option.selected.svelte-52lifo {background:var(--select-option-selected-background, #e8f0fe);color:var(--select-option-selected-color, var(--select-option-color, #333333));}.select-option-disabled.svelte-52lifo {opacity:var(--select-option-disabled-opacity, 0.4);cursor:var(--select-option-disabled-cursor, not-allowed);pointer-events:none;}.select-option.selected.highlighted.svelte-52lifo {background:var(\n --select-option-selected-hover-background,\n var(--select-option-selected-background, #e8f0fe)\n );}\n\n /* Pressed feedback comes last, and each selector carries enough specificity\n to outrank its non-active counterpart above. An option is always hovered\n when pressed and is often selected too, so a single low-specificity rule\n earlier in the sheet would be correct in isolation and invisible in\n practice -- which is how a pressed state ends up shipping as dead CSS.\n A press on an already-selected row still has to confirm the tap landed. */.select-option.svelte-52lifo:active,\n .select-option.selected.svelte-52lifo:active,\n .select-option.selected.highlighted.svelte-52lifo:active {background:var(--select-option-pressed-background, #ededed);}.select-option-indicator.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--select-option-indicator-size, 18px);height:var(--select-option-indicator-size, 18px);border:var(--select-option-indicator-border, 2px solid #757575);border-radius:var(--select-option-indicator-border-radius, var(--radius, 4px));background-color:var(--select-option-indicator-background, transparent);color:var(--select-option-indicator-color, currentColor);transition:background-color\n var(\n --select-option-indicator-transition-duration,\n var(--duration-quick, var(--motion-duration, 0.15s))\n )\n var(--select-option-indicator-transition-easing, var(--motion-easing, ease)),\n border-color\n var(\n --select-option-indicator-transition-duration,\n var(--duration-quick, var(--motion-duration, 0.15s))\n )\n var(--select-option-indicator-transition-easing, var(--motion-easing, ease));}.select-option-indicator.checked.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-check.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-option-indicator-check-size, 12px);height:var(--select-option-indicator-check-size, 12px);color:var(--select-option-indicator-check-color, #ffffff);}.select-option-check.svelte-52lifo svg {width:100%;height:100%;}.select-option-indicator.indeterminate.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-dash.svelte-52lifo {width:var(--select-option-indicator-dash-size, 10px);height:var(--select-option-indicator-dash-thickness, 2px);border-radius:1px;background-color:var(--select-option-indicator-dash-color, #ffffff);}.select-option.select-all.svelte-52lifo {border-bottom:var(--select-all-border, none);font-weight:var(--select-all-font-weight, inherit);}.select-empty.svelte-52lifo {padding:var(--select-empty-padding, 8px 12px);color:var(--select-empty-color, #999999);font-style:var(--select-empty-font-style, italic);font-size:var(--select-empty-font-size, inherit);}.select-bottom-content.svelte-52lifo {border-top:var(--select-bottom-content-border, none);padding:var(--select-bottom-content-padding, 8px 12px);}.select-trigger.svelte-52lifo .pill {--pill-background: var(--select-pill-background, #e0e0e0);--pill-color: var(--select-pill-color, #333333);--pill-border-radius: var(--select-pill-border-radius, 999px);--pill-padding: var(--select-pill-padding, 2px 8px);--pill-font-size: var(--select-pill-font-size, 13px);}\n\n /* Ghost hierarchy: transparent, borderless trigger */.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo) {background:var(--select-ghost-trigger-background, transparent);border-color:var(--select-ghost-trigger-border-color, transparent);box-shadow:none;}.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo):hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-ghost-trigger-hover-border-color, transparent);background:var(--select-ghost-trigger-hover-background, rgba(0, 0, 0, 0.04));}.select.ghost.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-ghost-trigger-open-border-color, transparent);background:var(--select-ghost-trigger-open-background, rgba(0, 0, 0, 0.06));box-shadow:none;}\n\n /* Single-select right-edge tick (showSelectedTick) */.select-option.tickable.svelte-52lifo {display:flex;align-items:center;gap:8px;}.select-option.tickable.svelte-52lifo .select-option-label:where(.svelte-52lifo) {flex:1 1 auto;min-width:0;}.select-option-tick.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--select-option-tick-size, 16px);height:var(--select-option-tick-size, 16px);color:var(--select-option-tick-color, #2563eb);}.select-option-tick.svelte-52lifo svg {width:100%;height:100%;}\n\n /* The chevron rotates between closed and open. Small, but it is a transform,\n and the two end states are each meaningful, so dropping the tween just makes\n the flip instant. */\n @media (prefers-reduced-motion: reduce) {.select-arrow.svelte-52lifo {transition:none;}\n }"
|
|
20678
20678
|
};
|
|
@@ -21263,7 +21263,7 @@ function Select(e, t) {
|
|
|
21263
21263
|
get(Zt).length === 0 ? e(i) : e(s, -1);
|
|
21264
21264
|
});
|
|
21265
21265
|
var c = sibling(n, 2), l = (e) => {
|
|
21266
|
-
var t = root_8$
|
|
21266
|
+
var t = root_8$21();
|
|
21267
21267
|
snippet(child(t), k), reset(t), append(e, t);
|
|
21268
21268
|
};
|
|
21269
21269
|
if_block(c, (e) => {
|
|
@@ -21407,7 +21407,7 @@ function Select(e, t) {
|
|
|
21407
21407
|
var s = sibling(a, 2);
|
|
21408
21408
|
e(child(s)), reset(s);
|
|
21409
21409
|
var c = sibling(s, 2), u = (e) => {
|
|
21410
|
-
var t = root_8$
|
|
21410
|
+
var t = root_8$21();
|
|
21411
21411
|
snippet(child(t), k), reset(t), append(e, t);
|
|
21412
21412
|
};
|
|
21413
21413
|
if_block(c, (e) => {
|
|
@@ -22536,7 +22536,7 @@ var normalizeColumns = (e, t) => ({
|
|
|
22536
22536
|
})),
|
|
22537
22537
|
rest: n.length - i.length
|
|
22538
22538
|
};
|
|
22539
|
-
}, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$46 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$42 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$32 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$30 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$26 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$25 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb builtin-thumb-placeholder svelte-4boxsj\"> </span>"), root_6$23 = /* @__PURE__ */ from_html("<div><!> <div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div></div>"), root_7$21 = /* @__PURE__ */ from_html("<div></div>"), root_8$
|
|
22539
|
+
}, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$46 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$42 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$32 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$30 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$26 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$25 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb builtin-thumb-placeholder svelte-4boxsj\"> </span>"), root_6$23 = /* @__PURE__ */ from_html("<div><!> <div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div></div>"), root_7$21 = /* @__PURE__ */ from_html("<div></div>"), root_8$20 = /* @__PURE__ */ from_html("<span class=\"builtin-avatar-rest svelte-4boxsj\"> </span>"), root_9$15 = /* @__PURE__ */ from_html("<div><!> <!></div>"), root_10$15 = /* @__PURE__ */ from_html("<span class=\"builtin-primary-text svelte-4boxsj\"> </span>"), root_11$14 = /* @__PURE__ */ from_html("<span class=\"builtin-secondary-text svelte-4boxsj\"> </span>"), root_12$13 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-up svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> <!></span>"), root_13$11 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-down svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> <!></span>"), root_14$10 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\">↔ 0%</span>"), root_15$8 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\"> </span>"), root_16$7 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_17$7 = /* @__PURE__ */ from_html("<span class=\"builtin-toggle svelte-4boxsj\" role=\"switch\"><!></span>"), root_18$6 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive svelte-4boxsj\"><!></span>"), root_19$6 = /* @__PURE__ */ from_html("<img class=\"builtin-input-icon svelte-4boxsj\" alt=\"\"/>"), root_20$4 = /* @__PURE__ */ from_html("<img class=\"builtin-button-icon svelte-4boxsj\" alt=\"\"/>"), root_21$3 = /* @__PURE__ */ from_html("<span><!></span>"), root_22$3 = /* @__PURE__ */ from_html("<span class=\"builtin-menu-dots svelte-4boxsj\"></span>"), root_23$3 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-button svelte-4boxsj\"><!></span>"), root_24$3 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive builtin-action-group svelte-4boxsj\"><!> <!></span>"), root_25$2 = /* @__PURE__ */ from_html("<span class=\"builtin-copy-icon svelte-4boxsj\"></span>"), root_26$2 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copied svelte-4boxsj\">Copied</span>"), root_27$1 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copy svelte-4boxsj\"><!></span> <!>", 1), root_28$1 = /* @__PURE__ */ from_html("<div class=\"builtin-link svelte-4boxsj\"><a target=\"_blank\" rel=\"noopener noreferrer\" class=\"builtin-link-anchor svelte-4boxsj\"> </a> <!></div>"), $$css$88 = {
|
|
22540
22540
|
hash: "svelte-4boxsj",
|
|
22541
22541
|
code: ".builtin-primary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-primary-font-size, var(--table-content-font-size, 14px));color:var(--table-cell-primary-color, var(--table-content-color, #111827));}.builtin-secondary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-two-line.svelte-4boxsj,\n .builtin-compare.svelte-4boxsj {display:flex;flex-direction:column;gap:var(--table-cell-line-gap, 2px);}\n\n /* column.align lands on the td as text-align, which flex layouts ignore.\n Column-flex builtins follow it via align-items… */.builtin-two-line.builtin-align-end.svelte-4boxsj,\n .builtin-compare.builtin-align-end.svelte-4boxsj {align-items:flex-end;}.builtin-two-line.builtin-align-center.svelte-4boxsj,\n .builtin-compare.builtin-align-center.svelte-4boxsj {align-items:center;}\n\n /* …and row-flex builtins follow it via justify-content. */.builtin-text-tag.builtin-align-end.svelte-4boxsj,\n .builtin-icon-label.builtin-align-end.svelte-4boxsj,\n .builtin-image-two-line.builtin-align-end.svelte-4boxsj,\n .builtin-tag-array.builtin-align-end.svelte-4boxsj,\n .builtin-avatar-stack.builtin-align-end.svelte-4boxsj {justify-content:flex-end;}.builtin-text-tag.builtin-align-center.svelte-4boxsj,\n .builtin-icon-label.builtin-align-center.svelte-4boxsj,\n .builtin-image-two-line.builtin-align-center.svelte-4boxsj,\n .builtin-tag-array.builtin-align-center.svelte-4boxsj,\n .builtin-avatar-stack.builtin-align-center.svelte-4boxsj {justify-content:center;}.builtin-text-tag.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label-icon.svelte-4boxsj img,\n .builtin-icon-label-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);color:var(--table-cell-icon-color, inherit);display:block;}.builtin-image-two-line.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-thumb.svelte-4boxsj {display:inline-flex;width:var(--table-cell-thumb-size, 32px);height:var(--table-cell-thumb-size, 32px);border-radius:var(--table-cell-thumb-radius, var(--radius, 4px));overflow:hidden;flex-shrink:0;}.builtin-thumb.svelte-4boxsj img {width:100%;height:100%;object-fit:cover;}.builtin-thumb-placeholder.svelte-4boxsj {display:flex;align-items:center;justify-content:center;background-color:var(--table-cell-thumb-placeholder-background, #f3f4f6);color:var(--table-cell-thumb-placeholder-color, #4b5563);font-size:var(--table-cell-thumb-placeholder-font-size, 14px);font-weight:600;line-height:1;text-transform:uppercase;}.builtin-tag-array.svelte-4boxsj {display:flex;flex-wrap:wrap;gap:var(--table-tag-array-gap, 4px);}.builtin-avatar-stack.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-avatar-rest.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-trend.svelte-4boxsj {display:inline-flex;align-items:center;gap:var(--table-trend-gap, 4px);font-size:var(--table-cell-secondary-font-size, 12px);}.builtin-trend-up.svelte-4boxsj {color:var(--table-trend-up-color, #166534);}.builtin-trend-down.svelte-4boxsj {color:var(--table-trend-down-color, #dc2626);}.builtin-trend-flat.svelte-4boxsj {color:var(--table-trend-flat-color, #6b7280);}.builtin-trend-icon.svelte-4boxsj svg {width:var(--table-trend-icon-size, 12px);height:var(--table-trend-icon-size, 12px);display:block;}.builtin-toggle.svelte-4boxsj {display:inline-flex;align-items:center;}.builtin-interactive.svelte-4boxsj {display:inline-flex;align-items:center;min-width:0;width:var(--table-interactive-width, auto);}.builtin-input-icon.svelte-4boxsj {display:block;width:var(--table-cell-input-icon-size, 16px);height:var(--table-cell-input-icon-size, 16px);}.builtin-button-icon.svelte-4boxsj {display:block;width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);}.builtin-action-group.svelte-4boxsj {gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-button.svelte-4boxsj {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-cell-icon-button-color, #6b7280);--button-hover-color: var(--table-cell-icon-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;}.builtin-menu-dots.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);min-width:0;}.builtin-link-anchor.svelte-4boxsj {color:var(--table-link-color, #2563eb);text-decoration:var(--table-link-decoration, underline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}.builtin-link-copy.svelte-4boxsj {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-link-copy-color, #6b7280);--button-hover-color: var(--table-link-copy-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;flex-shrink:0;}.builtin-copy-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link-copied.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);flex-shrink:0;}"
|
|
22542
22542
|
};
|
|
@@ -22769,7 +22769,7 @@ function BuiltinCell(e, t) {
|
|
|
22769
22769
|
return get(n).icons;
|
|
22770
22770
|
} });
|
|
22771
22771
|
var o = sibling(a, 2), s = (e) => {
|
|
22772
|
-
var t = root_8$
|
|
22772
|
+
var t = root_8$20(), i = child(t);
|
|
22773
22773
|
reset(t), template_effect(() => set_text(i, `+${get(n).rest ?? ""}`)), append(e, t);
|
|
22774
22774
|
};
|
|
22775
22775
|
if_block(o, (e) => {
|
|
@@ -23272,7 +23272,7 @@ delegate(["click", "keydown"]), create_custom_element(BuiltinCell, {
|
|
|
23272
23272
|
}, [], [], { mode: "open" });
|
|
23273
23273
|
//#endregion
|
|
23274
23274
|
//#region src/lib/assets/sort-default.svg?raw
|
|
23275
|
-
var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$45 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$41 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\"></button>"), root_2$31 = /* @__PURE__ */ from_html("<div class=\"table-search svelte-171ci2i\"><span class=\"table-search-icon svelte-171ci2i\"></span> <input class=\"table-search-input svelte-171ci2i\" type=\"search\" autocomplete=\"off\"/> <!></div>"), root_3$29 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$25 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$24 = /* @__PURE__ */ from_html("<th><!></th>"), root_6$22 = /* @__PURE__ */ from_html("<th></th>"), root_7$20 = /* @__PURE__ */ from_html("<th> </th>"), root_8$
|
|
23275
|
+
var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$45 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$41 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\"></button>"), root_2$31 = /* @__PURE__ */ from_html("<div class=\"table-search svelte-171ci2i\"><span class=\"table-search-icon svelte-171ci2i\"></span> <input class=\"table-search-input svelte-171ci2i\" type=\"search\" autocomplete=\"off\"/> <!></div>"), root_3$29 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$25 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$24 = /* @__PURE__ */ from_html("<th><!></th>"), root_6$22 = /* @__PURE__ */ from_html("<th></th>"), root_7$20 = /* @__PURE__ */ from_html("<th> </th>"), root_8$19 = /* @__PURE__ */ from_html("<span> </span>"), root_9$14 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_10$14 = /* @__PURE__ */ from_html("<span><!></span>"), root_11$13 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_12$12 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_13$10 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_14$9 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_15$7 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_16$6 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_17$6 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_18$5 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_19$5 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_20$3 = /* @__PURE__ */ from_html("<tr class=\"svelte-171ci2i\"><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_21$2 = /* @__PURE__ */ from_html("<span class=\"table-mobile-label svelte-171ci2i\" aria-hidden=\"true\">Select</span>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><!><!></td>"), root_23$2 = /* @__PURE__ */ from_html("<span class=\"table-mobile-label svelte-171ci2i\" aria-hidden=\"true\"> </span>"), root_24$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-row-number-col svelte-171ci2i\"><!><span class=\"table-mobile-value svelte-171ci2i\"> </span></td>"), root_25$1 = /* @__PURE__ */ from_html("<div><!></div>"), root_26$1 = /* @__PURE__ */ from_html("<td><!><!></td>"), root_27 = /* @__PURE__ */ from_html("<tr><!><!><!></tr>"), root_28 = /* @__PURE__ */ from_html("<div class=\"table-footer svelte-171ci2i\"><!></div>"), root_29 = /* @__PURE__ */ from_html("<span class=\"table-paginator-size svelte-171ci2i\"><!></span>"), root_30 = /* @__PURE__ */ from_html("<span class=\"table-paginator-controls svelte-171ci2i\"><!> <!></span>"), root_31 = /* @__PURE__ */ from_html("<div class=\"table-footer table-paginator svelte-171ci2i\"><span class=\"table-paginator-range svelte-171ci2i\"> </span> <!></div>"), root_32 = /* @__PURE__ */ from_html("<div><div><div class=\"table-scroll svelte-171ci2i\"><table class=\"svelte-171ci2i\"><!><thead class=\"svelte-171ci2i\"><tr class=\"svelte-171ci2i\"><!><!><!></tr></thead><tbody class=\"svelte-171ci2i\"><!></tbody></table></div></div> <!></div>"), root_33 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), $$css$87 = {
|
|
23276
23276
|
hash: "svelte-171ci2i",
|
|
23277
23277
|
code: "\n /* ── Title ─────────────────────────────────────────────────────────────── */.table-title.svelte-171ci2i {margin:var(--table-title-margin, 0px 0px 12px 0px);font-size:var(--table-title-font-size, var(--table-tile-font-size, 18px));font-weight:var(--table-title-font-weight, 600);\n /* Unlike .table-content, a heading legitimately has no background of its\n own -- it sits directly on whatever surface the consumer places it on.\n The old #111827 literal ignored that surface entirely: on a dark page\n it measured a contrast of 1.03 against #1a1a26, i.e. invisible. `color`\n already inherits by default, so `inherit` states that explicitly and\n lets the title track its container's text colour; `currentColor` would\n resolve to the same value here (the spec special-cases it to mean\n exactly `inherit` for the `color` property) but reads as if it were\n referencing a colour set elsewhere on this rule, which it isn't. */color:var(--table-title-color, inherit);font-family:var(--table-title-font-family, inherit);padding:var(--table-title-padding);}\n\n /* ── C2-3 Search bar ────────────────────────────────────────────────────── */.table-search.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-search-gap, 8px);padding:var(--table-search-padding, 8px 12px);border:var(--table-search-border, 1px solid #e5e7eb);border-radius:var(--table-search-border-radius, var(--radius, 4px));background-color:var(--table-search-background, #ffffff);margin-bottom:var(--table-search-margin-bottom, 8px);}.table-search-icon.svelte-171ci2i {display:inline-flex;align-items:center;color:var(--table-search-icon-color, #9ca3af);flex-shrink:0;}.table-search-icon.svelte-171ci2i svg {width:var(--table-search-icon-size, 16px);height:var(--table-search-icon-size, 16px);}.table-search-input.svelte-171ci2i {flex:1;border:none;outline:none;background:transparent;font-size:var(--table-search-font-size, 14px);color:var(--table-search-color, #111827);min-width:0;}.table-search-input.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:2px;border-radius:var(--table-search-focus-border-radius, var(--radius, 4px));}.table-search-input.svelte-171ci2i::placeholder {color:var(--table-search-placeholder-color, #4b5563);}\n\n /* Hide browser-default clear button on search inputs */.table-search-input.svelte-171ci2i::-webkit-search-cancel-button {display:none;}.table-search-clear.svelte-171ci2i {display:inline-flex;align-items:center;padding:2px;border:none;background:transparent;color:var(--table-search-clear-color, #6b7280);cursor:pointer;border-radius:4px;flex-shrink:0;}.table-search-clear.svelte-171ci2i:hover {color:var(--table-search-clear-hover-color, #111827);background-color:var(--table-search-clear-hover-background, rgba(0, 0, 0, 0.05));}.table-search-clear.svelte-171ci2i svg {width:var(--table-search-clear-icon-size, 14px);height:var(--table-search-clear-icon-size, 14px);}.table-header-inline-search.svelte-171ci2i {display:inline-flex;align-items:center;gap:var(--table-inline-search-gap, 6px);margin-left:auto;}.table-inline-search-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-trigger-padding, 4px);--button-text-color: var(--table-inline-search-icon-color, #9ca3af);}.table-inline-search-trigger.svelte-171ci2i svg {width:var(--table-inline-search-icon-size, 16px);height:var(--table-inline-search-icon-size, 16px);display:block;}.table-inline-search-input.svelte-171ci2i {--input-margin: 0;width:var(--table-inline-search-input-width, 160px);}.table-inline-search-clear.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-clear-padding, 2px);--button-text-color: var(--table-inline-search-clear-color, #6b7280);}.table-inline-search-clear.svelte-171ci2i svg {width:var(--table-inline-search-clear-icon-size, 14px);height:var(--table-inline-search-clear-icon-size, 14px);}\n\n /* ── Container ──────────────────────────────────────────────────────────── */\n /* `hidden` is the default because it is what clips the table's corners to\n this element's border-radius; without it the first and last cells square\n off over the rounded border. A consumer who needs the container itself to\n scroll sideways sets this to `auto` and accepts that trade. Note the\n scrollable variant below sets `overflow-y`, and per the CSS overflow spec\n a `visible` on one axis computes to `auto` when the other is not visible,\n so `visible` here does not survive on a scrollable table. */.table-container.svelte-171ci2i {border:var(--table-border, 1px solid #e5e7eb);border-radius:var(--table-border-radius, var(--radius, 4px));width:var(--table-container-width, 100%);overflow:var(--table-container-overflow, hidden);}.scrollable-table.svelte-171ci2i {height:var(--table-container-height, 143px);overflow-y:auto;}.table-scroll-shell.svelte-171ci2i {position:relative;min-width:0;}\n\n /* Edge scrims: fade the clipped side of the table into its background so\n hidden columns read as \"more content this way\". Class-driven from live\n scroll state — never shown when the table fits. pointer-events: none\n keeps cells under the fade clickable; z-index 2 paints above sticky\n headers (z-index 1). */.table-scroll-shell.svelte-171ci2i::before,\n .table-scroll-shell.svelte-171ci2i::after {content:'';position:absolute;top:0;bottom:0;width:var(--table-scroll-scrim-width, 32px);opacity:0;pointer-events:none;transition:opacity\n var(\n --table-scroll-scrim-transition-duration,\n var(--duration-base, var(--motion-duration, 0.2s))\n )\n var(--table-scroll-scrim-transition-easing, var(--motion-easing, ease));z-index:2;}.table-scroll-shell.svelte-171ci2i::before {left:0;border-radius:var(--table-border-radius, var(--radius, 4px)) 0 0\n var(--table-border-radius, var(--radius, 4px));background:linear-gradient(to right, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.svelte-171ci2i::after {right:0;border-radius:0 var(--table-border-radius, var(--radius, 4px))\n var(--table-border-radius, var(--radius, 4px)) 0;background:linear-gradient(to left, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.scrollable-left.svelte-171ci2i::before {opacity:1;}.table-scroll-shell.scrollable-right.svelte-171ci2i::after {opacity:1;}.table-scroll.svelte-171ci2i {overflow-x:auto;min-width:0;scrollbar-width:thin;}table.svelte-171ci2i {width:var(--table-width, 100%);border-collapse:var(--table-border-collapse, collapse);}.table-header.svelte-171ci2i,\n .table-content.svelte-171ci2i {border:var(--table-inner-border, none);padding:var(--table-padding, 12px 16px);text-align:var(--table-text-align, left);width:var(--table-column-width);\n /* Wrap at word boundaries; only a single word wider than the column may\n split as a last resort. break-word (not anywhere) keeps each column's\n min-content width at its longest word, so ordinary labels never split\n mid-word — the old break-all default did. Opt back in per consumer via\n --table-word-break / --table-overflow-wrap. */word-break:var(--table-word-break, normal);overflow-wrap:var(--table-overflow-wrap, break-word);}.scrollable-content.svelte-171ci2i {overflow-y:auto;height:var(--scrollable-column-height, 20px);}.table-header.svelte-171ci2i {background-color:var(--table-header-background, var(--table-header-border-bgcolor, #f9fafb));font-size:var(--table-header-font-size, 13px);font-family:var(--table-header-font-family, inherit);font-weight:var(--table-header-font-weight, 600);letter-spacing:var(--table-header-letter-spacing, 0.02em);text-transform:var(--table-header-text-transform, inherit);color:var(--table-header-color, var(--table-header-font-color, #6b7280));border-bottom:var(--table-header-border, var(--table-inner-border, none));}.table-header-content.svelte-171ci2i {display:flex;align-items:center;gap:4px;justify-content:var(--table-header-justify, flex-start);}.table-header-label.svelte-171ci2i {text-decoration:var(--table-header-tooltip-underline, underline dotted);text-underline-offset:2px;cursor:help;}.table-header-label-plain.svelte-171ci2i {text-decoration:none;}.table-header-filter.svelte-171ci2i {display:inline-flex;align-items:center;}.table-header-filter-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;align-items:center;opacity:var(--table-sort-idle-opacity, 0.5);}.table-header-filter-trigger.svelte-171ci2i:hover {opacity:var(--table-sort-idle-hover-opacity, 0.85);}.table-header-filter-active.svelte-171ci2i {opacity:1;color:var(--table-filter-active-color, #2563eb);}.table-header-filter-icon.svelte-171ci2i svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}.table-cell-clamp.svelte-171ci2i {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.table-header-sticky.svelte-171ci2i {position:sticky;top:var(--table-header-sticky-top, 0);z-index:1;}.table-content.svelte-171ci2i {\n /* The terminal #ffffff matters as much as the colour beside it. Without it\n the whole declaration is invalid at computed-value time when neither\n variable is set, so the cell falls back to `transparent` and inherits\n whatever surface it lands on -- while `color` still resolves to a\n hardcoded near-black. On a dark page that is #111827 on #1a1a26: a\n measured contrast of 1.03, i.e. invisible. The header row never had the\n bug because it pairs its colour with a background of its own. */background-color:var(--table-content-background, var(--table-content-border-bgcolor, #ffffff));font-size:var(--table-content-font-size, 14px);font-family:var(--table-content-font-family, inherit);color:var(--table-content-color, var(--table-content-font-color, #111827));}\n\n /* Column highlight (TableColumn.highlighted). Row hover keeps higher\n specificity and row selection is declared later at equal specificity, so\n both row states paint over the column wash. */.table-header.table-col-highlighted.svelte-171ci2i {background-color:var(\n --table-col-highlight-header-background,\n var(--table-col-highlight-background, #f3f9ff)\n );}.table-content.table-col-highlighted.svelte-171ci2i {background-color:var(--table-col-highlight-background, #f3f9ff);}.table-row.svelte-171ci2i {border-bottom:var(--table-row-border, 1px solid #f3f4f6);background-color:var(--table-row-background);}.table-row.svelte-171ci2i:last-child {border-bottom:var(--table-row-last-border, none);}.table-row.svelte-171ci2i:nth-child(even) {background-color:var(--table-row-alt-background, var(--table-row-background));}.table-row.svelte-171ci2i:hover {background-color:var(--table-row-hover-background);}.table-row.svelte-171ci2i:hover > .table-content:where(.svelte-171ci2i) {background-color:var(\n --table-row-hover-background,\n var(--table-content-background, var(--table-content-border-bgcolor))\n );}.table-row-clickable.svelte-171ci2i {cursor:pointer;}.table-row-clickable.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:-2px;}\n\n /* C2-1: Selected row highlight */.table-row-selected.svelte-171ci2i {background-color:var(--table-row-selected-background, #eff6ff);}.table-row-selected.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-row-selected-background, #eff6ff);}\n\n /* Summary/period-total row (summaryRowIndex): both the row and its cells,\n since a themed --table-content-background would otherwise paint over a\n row-level background. Falls back to the regular cell background. */.table-summary-row.svelte-171ci2i {background-color:var(--table-summary-row-background, var(--table-content-background));}.table-summary-row.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-summary-row-background, var(--table-content-background));}\n\n /* ── C2-1 Checkbox column ───────────────────────────────────────────────── */\n /* The column renders the library Checkbox. The table's own --table-checkbox-*\n tokens stay the public API and are bridged onto Checkbox's --checkbox-*\n variables here, so a consumer theming the table keeps working and a\n consumer theming Checkbox app-wide is overridden only inside the table. */.table-checkbox-col.svelte-171ci2i {width:var(--table-checkbox-col-width, 44px);padding:var(--table-checkbox-col-padding, 12px 12px);--checkbox-container-gap: 0;--checkbox-size: var(--table-checkbox-size, 18px);--checkbox-border: var(--table-checkbox-border, 2px solid #9ca3af);--checkbox-border-radius: var(--table-checkbox-border-radius, var(--radius, 4px));--checkbox-background: var(--table-checkbox-background, transparent);--checkbox-hover-border-color: var(--table-checkbox-hover-border-color, #6b7280);--checkbox-checked-background: var(--table-checkbox-checked-background, #2563eb);--checkbox-checked-border: var(\n --table-checkbox-checked-border,\n 2px solid var(--table-checkbox-checked-border-color, #2563eb)\n );--checkbox-indeterminate-background: var(--table-checkbox-indeterminate-background, #2563eb);--checkbox-indeterminate-border: var(\n --table-checkbox-indeterminate-border,\n 2px solid var(--table-checkbox-indeterminate-border-color, #2563eb)\n );--checkbox-disabled-opacity: var(--table-checkbox-disabled-opacity, 0.4);--checkbox-focus-ring: var(--table-checkbox-focus-ring, 0 0 0 3px rgba(59, 130, 246, 0.3));--checkbox-icon-size: var(--table-checkbox-icon-size, 12px);--checkbox-checkmark-color: var(--table-checkbox-icon-color, #ffffff);--checkbox-dash-color: var(--table-checkbox-icon-color, #ffffff);\n /* Named so a consumer can reach it. Table sets the Checkbox child's token\n directly, and a rule on the element beats anything declared at :root, so\n through <sui-table> the selection checkboxes' transition could not be\n slowed or stopped by any means -- custom properties are the only route\n across a shadow boundary and this one was already spoken for. */--checkbox-transition: var(\n --table-checkbox-transition,\n var(--duration-quick, var(--motion-duration, 0.15s))\n );}\n\n /* ── Sort button ────────────────────────────────────────────────────────── */.sort-button.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-width: fit-content;--button-height: fit-content;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));--button-hover-text-color: var(\n --table-sort-button-hover-color,\n var(--table-sort-button-color, inherit)\n );display:inline-flex;align-items:center;line-height:1;}.sort-button.svelte-171ci2i .sort-icon {display:inline-flex;align-items:center;}\n\n /* The sorted-direction half paints via currentColor; without an explicit\n color it inherits the Button's text color (white on the default button\n theme), which disappears on light headers. Default to the design\n system's active blue. */.sort-button.svelte-171ci2i .sort-icon:not(.sort-icon-idle) {color:var(--table-sort-active-color, #1b85ff);}.sort-button.svelte-171ci2i .sort-icon svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}\n\n /* Two-tone state painting. The shared sort-default.svg asset stays\n color-agnostic (fill=\"currentColor\", like every other icon asset); the\n state colors live here. All halves default to the inactive fill, then\n the sorted direction's half is released back to currentColor (the\n active color above). Path order in the asset is up-chevron first,\n down-chevron second. */.sort-button.svelte-171ci2i .sort-icon svg path {fill:var(--table-sort-inactive-color, #c7c7c7);}.sort-button.svelte-171ci2i .sort-icon-asc svg path:first-child,\n .sort-button.svelte-171ci2i .sort-icon-desc svg path:last-child {fill:currentColor;}\n\n /* The design system draws every sort state fully opaque — faintness comes\n from the glyph fills (inactive halves #C7C7C7, active direction\n currentColor), never from transparency. The opacity vars remain for\n consumers that prefer a fade but now default to solid; hover steps the\n inactive halves to the design system's hover gray. */.sort-button.svelte-171ci2i .sort-icon-idle {opacity:var(--table-sort-idle-opacity, 1);}.sort-button.svelte-171ci2i:hover .sort-icon-idle {opacity:var(--table-sort-idle-hover-opacity, 1);--table-sort-inactive-color: var(--table-sort-hover-color, #797979);}\n\n /* ── Empty ──────────────────────────────────────────────────────────────── */.table-empty.svelte-171ci2i {padding:var(--table-empty-padding, 32px 24px);text-align:center;color:var(--table-empty-color, #9ca3af);}\n\n /* ── Footer ─────────────────────────────────────────────────────────────── */.table-footer.svelte-171ci2i {border-top:var(--table-footer-border, 1px solid #e5e7eb);padding:var(--table-footer-padding, 8px 16px);background-color:var(--table-footer-background, transparent);}.table-paginator.svelte-171ci2i {display:flex;align-items:center;justify-content:space-between;gap:var(--table-paginator-gap, 12px);flex-wrap:wrap;}.table-paginator-range.svelte-171ci2i {font-size:var(--table-paginator-range-font-size, 13px);color:var(--table-paginator-range-color, #6b7280);font-variant-numeric:tabular-nums;}.table-paginator-controls.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-paginator-gap, 12px);}.table-paginator-size.svelte-171ci2i {display:inline-flex;min-width:var(--table-paginator-size-width, 72px);\n /* Select's standalone defaults (40px min-height, 8px 12px padding) render\n 58px tall next to the 36px pagination buttons sharing this row. Match the\n steppers instead of towering over them. */--select-trigger-min-height: var(--table-paginator-size-height, 36px);--select-trigger-padding: var(--table-paginator-size-padding, 0 8px);}\n\n /* ── Toolbar (bulk actions) ─────────────────────────────────────────────── */.table-toolbar.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-toolbar-gap, 12px);padding:var(--table-toolbar-padding, 8px 12px);border:var(--table-toolbar-border, 1px solid #e5e7eb);border-radius:var(--table-toolbar-border-radius, var(--radius, 4px));background-color:var(--table-toolbar-background, #f9fafb);margin-bottom:var(--table-toolbar-margin-bottom, 8px);}\n\n /* ── Row-number column ──────────────────────────────────────────────────── */.table-row-number-col.svelte-171ci2i {width:var(--table-row-number-col-width, 48px);color:var(--table-row-number-color, #6b7280);font-variant-numeric:tabular-nums;text-align:var(--table-row-number-align, var(--table-text-align, left));}\n\n /* ── Accessibility ──────────────────────────────────────────────────────── */.sr-only.svelte-171ci2i {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-width:0;}\n\n /* ── Mobile record cards (opt-in via `mobileCardLayout`) ──────────────────\n The label span is always in the DOM -- rendering it only under the media\n query below would mean an AT that queries computed style rather than\n layout (or a print stylesheet, or a future breakpoint change) sees no\n label at all until the exact 640px condition is re-evaluated. Keeping the\n element and toggling `display` is what lets `aria-hidden` on it (see the\n template) stay meaningful at every width: hidden today, but never a\n generated-content trick that could not carry that attribute in the first\n place. */.table-mobile-label.svelte-171ci2i {display:none;}\n\n /* The breakpoint is a literal, not `var(--table-mobile-breakpoint)`: a\n custom property can't be read inside an `@media` condition (only inside\n a declaration value), so a themable breakpoint was never on the table --\n documented in docs/Table.md rather than silently unsupported. */\n @media (max-width: 640px) {\n /* `display: table` (and its `-row`/`-cell`/etc. companions) is what gives\n a table its IMPLICIT header/cell ARIA semantics -- switching every one\n of these to `block` for the stacked-card look throws that away, which\n is exactly why `mobileRole()` in the script restates it explicitly as\n `table`/`rowgroup`/`row`/`columnheader`/`cell` on the elements below.\n Without both halves this rule would silently turn every consumer's\n table into an AX-tree list the moment their viewport narrowed. */.table-mobile-cards.svelte-171ci2i table:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i thead:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i tbody:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i tr:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i th:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i td:where(.svelte-171ci2i) {display:block;width:100%;}\n\n /* Headers are not shown as a row anymore -- their text now repeats per\n card as the `.table-mobile-label` beside each value -- but they stay\n in the DOM (not `display: none`) so `role=\"columnheader\"` continues\n naming its `role=\"cell\"` for any reading that still associates the\n two by DOM structure rather than only by the label span's text. */.table-mobile-cards.svelte-171ci2i thead:where(.svelte-171ci2i) {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-width:0;}\n\n /* The horizontal-scroll affordance this table uses at desktop width (see\n .table-scroll / .table-scroll-shell above) has nothing to scroll once\n every cell is a full-width block, and a lingering scrim would fade a\n card edge that no longer clips anything. */.table-mobile-cards.svelte-171ci2i .table-scroll:where(.svelte-171ci2i) {overflow-x:visible;}.table-mobile-cards.svelte-171ci2i .table-scroll-shell:where(.svelte-171ci2i)::before,\n .table-mobile-cards.svelte-171ci2i .table-scroll-shell:where(.svelte-171ci2i)::after {display:none;}.table-mobile-cards.svelte-171ci2i tbody:where(.svelte-171ci2i) tr.table-row:where(.svelte-171ci2i) {border:var(--table-mobile-card-border, 1px solid #e5e7eb);border-radius:var(\n --table-mobile-card-radius,\n var(--table-border-radius, var(--radius, 4px))\n );padding:var(--table-mobile-card-padding, 12px);margin-block-end:var(--table-mobile-card-gap, 12px);}.table-mobile-cards.svelte-171ci2i tbody:where(.svelte-171ci2i) tr.table-row:where(.svelte-171ci2i):last-child {margin-block-end:0;}\n\n /* Each cell becomes a label/value pair instead of a table column; the\n label span (hidden above) is the only thing `display: inline` turns\n back on inside this query. */.table-mobile-cards.svelte-171ci2i td.table-content:where(.svelte-171ci2i) {display:flex;align-items:baseline;gap:var(--table-mobile-label-gap, 8px);border:none;}.table-mobile-cards.svelte-171ci2i .table-mobile-label:where(.svelte-171ci2i) {display:inline;flex:0 0 var(--table-mobile-label-width, 40%);font-weight:var(--table-mobile-label-font-weight, 600);color:var(--table-mobile-label-color, #6b7280);}.table-mobile-cards.svelte-171ci2i .table-mobile-value:where(.svelte-171ci2i),\n .table-mobile-cards.svelte-171ci2i td.table-content:where(.svelte-171ci2i) > div:where(.svelte-171ci2i) {flex:1 1 auto;min-width:0;}\n }"
|
|
23278
23278
|
};
|
|
@@ -23759,7 +23759,7 @@ function Table(e, t) {
|
|
|
23759
23759
|
},
|
|
23760
23760
|
iconPosition: "trailing",
|
|
23761
23761
|
children: (e, n) => {
|
|
23762
|
-
var i = root_8$
|
|
23762
|
+
var i = root_8$19();
|
|
23763
23763
|
let a;
|
|
23764
23764
|
var o = child(i, !0);
|
|
23765
23765
|
reset(i), template_effect(() => {
|
|
@@ -25404,7 +25404,7 @@ customElements.define("sui-toast", create_custom_element(Toast_wc, {
|
|
|
25404
25404
|
}, ["bottom-content"], [], { mode: "open" }));
|
|
25405
25405
|
//#endregion
|
|
25406
25406
|
//#region src/lib/Toolbar/Toolbar.svelte
|
|
25407
|
-
var root$41 = /* @__PURE__ */ from_html("<img alt=\"\" class=\"svelte-1vhiw52\"/>"), root_1$38 = /* @__PURE__ */ from_svg("<svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" class=\"svelte-1vhiw52\"><path d=\"M10 3 5 8l5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>"), root_2$29 = /* @__PURE__ */ from_html("<div class=\"center-content svelte-1vhiw52\"><!></div>"), root_3$27 = /* @__PURE__ */ from_html("<span> </span>"), root_4$24 = /* @__PURE__ */ from_html("<p class=\"subtitle svelte-1vhiw52\"> </p>"), root_5$23 = /* @__PURE__ */ from_html("<div class=\"titles svelte-1vhiw52\"><!> <!></div>"), root_6$21 = /* @__PURE__ */ from_html("<div class=\"text svelte-1vhiw52\"> </div>"), root_7$19 = /* @__PURE__ */ from_html("<div class=\"right-content svelte-1vhiw52\"><!></div>"), root_8$
|
|
25407
|
+
var root$41 = /* @__PURE__ */ from_html("<img alt=\"\" class=\"svelte-1vhiw52\"/>"), root_1$38 = /* @__PURE__ */ from_svg("<svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" class=\"svelte-1vhiw52\"><path d=\"M10 3 5 8l5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>"), root_2$29 = /* @__PURE__ */ from_html("<div class=\"center-content svelte-1vhiw52\"><!></div>"), root_3$27 = /* @__PURE__ */ from_html("<span> </span>"), root_4$24 = /* @__PURE__ */ from_html("<p class=\"subtitle svelte-1vhiw52\"> </p>"), root_5$23 = /* @__PURE__ */ from_html("<div class=\"titles svelte-1vhiw52\"><!> <!></div>"), root_6$21 = /* @__PURE__ */ from_html("<div class=\"text svelte-1vhiw52\"> </div>"), root_7$19 = /* @__PURE__ */ from_html("<div class=\"right-content svelte-1vhiw52\"><!></div>"), root_8$18 = /* @__PURE__ */ from_html("<div class=\"content svelte-1vhiw52\"><!> <!> <!></div> <div><!></div>", 1), $$css$82 = {
|
|
25408
25408
|
hash: "svelte-1vhiw52",
|
|
25409
25409
|
code: ".toolbar.svelte-1vhiw52 {display:flex;flex-direction:column;padding:var(--toolbar-padding, 0px);height:var(--toolbar-height, fit-content);width:var(--toolbar-width, 100vw);position:var(--toolbar-position, fixed);top:var(--toolbar-top, 0);left:var(--toolbar-left, 0);right:var(--toolbar-right, 0);background:var(--toolbar-background, #ffffff);box-shadow:var(--toolbar-box-shadow, 0px 2px 12px #55687c1a);z-index:var(--toolbar-z-index, 10);border-radius:var(--toolbar-border-radius, 0px);}\n\n /* In the page's flow rather than pinned over it: only the fallbacks change,\n so a consumer's own --toolbar-* values still win. */\n /* Literal values, not the chrome's variables with other fallbacks: an app\n that themes its bars at :root (--toolbar-background: white,\n --toolbar-position: fixed) would otherwise paint and pin every page\n header too. These six properties ARE the variant; everything else still\n reads the shared variables. */.toolbar[data-variant='page-header'].svelte-1vhiw52 {position:static;width:100%;background:transparent;box-shadow:none;z-index:auto;}.toolbar[data-variant='page-header'].svelte-1vhiw52 > .content:where(.svelte-1vhiw52) {flex-wrap:wrap;}.content.svelte-1vhiw52 {display:flex;flex-direction:row;align-items:var(--toolbar-content-align-items, center);padding:var(--toolbar-content-padding, 0px);justify-content:var(--toolbar-justify-content, normal);visibility:var(--toolbar-content-visibility, visible);\n\n /* Content-row geometry: lets a fixed-height toolbar keep its row vertically\n centered (height 100%) and clamp/center the row on wide viewports —\n previously only reachable by piercing the component's internal DOM. All\n defaults reproduce the previous rendering exactly. */width:var(--toolbar-content-width, auto);height:var(--toolbar-content-height, auto);min-height:var(--toolbar-content-min-height, auto);max-width:var(--toolbar-content-max-width, none);margin:var(--toolbar-content-margin, 0);\n\n /* Row wrapping and gaps. An in-flow page header lets its action side drop to its own\n line on a narrow viewport; the fixed bar never wraps, which is the default. */flex-wrap:var(--toolbar-content-flex-wrap, nowrap);row-gap:var(--toolbar-content-row-gap, 0);column-gap:var(--toolbar-content-column-gap, 0);}.additional-content.svelte-1vhiw52 {display:flex;flex-direction:row;align-items:center;padding:var(--toolbar-additional-content-padding, 0px);height:var(--toolbar-additional-content-height, fit-content);justify-content:var(--toolbar-justify-additional-content, normal);visibility:var(--toolbar-additional-content-visibility, visible);}.hidden.svelte-1vhiw52 {display:none;}.back.svelte-1vhiw52 {\n /* A native button so Enter/Space and the accessible name come for free; the reset keeps\n the box identical to the div it replaces. */appearance:none;background:var(--toolbar-back-button-background, none);border:0;margin:0;box-sizing:content-box;color:var(--toolbar-back-icon-color, inherit);height:var(--toolbar-back-button-height, 20px);width:var(--toolbar-back-button-width, 20px);padding:var(--toolbar-back-button-padding, 20px 14px);cursor:var(--toolbar-back-button-cursor, pointer);display:flex;justify-content:center;align-items:center;}.back.svelte-1vhiw52:focus-visible {outline:var(--toolbar-back-button-focus-outline, 2px solid currentColor);outline-offset:var(--toolbar-back-button-focus-outline-offset, -2px);}.back.svelte-1vhiw52 img:where(.svelte-1vhiw52),\n .back.svelte-1vhiw52 svg:where(.svelte-1vhiw52) {height:var(--toolbar-back-image-height, 16px);width:var(--toolbar-back-image-width, 16px);flex:none;}.center-content.svelte-1vhiw52 {display:flex;\n /* `1 1 auto` rather than the default `1` (`1 1 0%`) lets a title region grow from its\n CONTENT width, so a row deficit is shared with the action side instead of collapsing\n the title to nothing. `min-width: 0` is what actually permits the shrink. */flex:var(--toolbar-center-flex, 1);min-width:var(--toolbar-center-min-width, auto);}\n\n /* The action region as a flex ITEM of the row. Its inner layout stays the consumer's —\n the snippet's own markup — so there is no gap/justify/align token here. Every default\n below is the property's initial value, i.e. what a bare div already rendered. */.right-content.svelte-1vhiw52 {display:var(--toolbar-right-display, block);flex-shrink:var(--toolbar-right-flex-shrink, 1);min-width:var(--toolbar-right-min-width, auto);max-width:var(--toolbar-right-max-width, none);width:var(--toolbar-right-width, auto);}.text.svelte-1vhiw52 {font-size:var(--toolbar-text-font-size, 18px);font-weight:var(--toolbar-text-font-weight, normal);padding:var(--toolbar-text-padding, 0px);margin:var(--toolbar-text-margin, 0px);color:var(--toolbar-text-color, inherit);flex:var(--toolbar-text-flex, 1);}\n\n /* `title`/`subtitle`'s heading tag is deliberately unstyled here: a consumer's\n own global heading rules (size, weight, tracking) already reach it the\n same way they reach any other heading on the page, and a component-level\n font-size/font-weight here — even with an `inherit` fallback — would\n outrank a bare `h1`/`h2` element selector by specificity and silently\n break that inheritance for every consumer that has one. Only layout and\n the subtitle's own (independent) presentation get hooks. Both rules are written down the\n structure they live in (.content > .titles > .subtitle), so a `titles` or `subtitle`\n class a consumer passes through `classes`, which lands on the root, cannot match them,\n and the variant is a data attribute rather than a class for the same reason: a class\n directive would strip a consumer's own `page-header` class (the one the docs recipe\n uses) from `classes`. */.content.svelte-1vhiw52 > .titles:where(.svelte-1vhiw52) {display:grid;gap:var(--toolbar-titles-gap, 2px);min-width:var(--toolbar-titles-min-width, 0);flex:var(--toolbar-titles-flex, 1);}.titles.svelte-1vhiw52 > .subtitle:where(.svelte-1vhiw52) {color:var(--toolbar-subtitle-color, inherit);text-wrap:var(--toolbar-subtitle-text-wrap, pretty);}"
|
|
25410
25410
|
};
|
|
@@ -25536,7 +25536,7 @@ function Toolbar(e, t) {
|
|
|
25536
25536
|
"data-pw": ne(),
|
|
25537
25537
|
testID: ne()
|
|
25538
25538
|
}), void 0, void 0, void 0, "svelte-1vhiw52");
|
|
25539
|
-
var n = root_8$
|
|
25539
|
+
var n = root_8$18(), o = first_child(n), c = child(o), f = (e) => {
|
|
25540
25540
|
var t = comment();
|
|
25541
25541
|
snippet(first_child(t), h), append(e, t);
|
|
25542
25542
|
}, te = (e) => {
|
|
@@ -25944,7 +25944,7 @@ var TIME_DISPLAY_PATTERN = /^(1[0-2]|0?[1-9]):([0-5][0-9])\s?(AM|PM)$/i, pad = (
|
|
|
25944
25944
|
if_block(o, (e) => {
|
|
25945
25945
|
n() && e(s);
|
|
25946
25946
|
}), append(e, a);
|
|
25947
|
-
}, root$38 = /* @__PURE__ */ from_html("<span class=\"drp-field-error svelte-gpybdi\" role=\"alert\"> </span>"), root_1$36 = /* @__PURE__ */ from_html("<span class=\"drp-trigger-label svelte-gpybdi\"> </span> <span class=\"drp-trigger-icon svelte-gpybdi\" aria-hidden=\"true\"><!></span>", 1), root_2$27 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel-body svelte-gpybdi\"><!></div>"), root_3$25 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel svelte-gpybdi\" role=\"dialog\" aria-label=\"Compare period picker\" aria-modal=\"true\" tabindex=\"-1\"><!> <div class=\"drp-footer svelte-gpybdi\"><!> <!></div></div>"), root_4$22 = /* @__PURE__ */ from_html("<div class=\"drp-compare-trigger-wrapper svelte-gpybdi\"><!> <!></div>"), root_5$21 = /* @__PURE__ */ from_html("<span class=\"drp-preset-group-label svelte-gpybdi\"> </span>"), root_6$20 = /* @__PURE__ */ from_html("<div class=\"drp-preset-divider svelte-gpybdi\" role=\"separator\" aria-hidden=\"true\"><!></div>"), root_7$18 = /* @__PURE__ */ from_html("<span class=\"drp-preset-check svelte-gpybdi\" aria-hidden=\"true\"></span>"), root_8$
|
|
25947
|
+
}, root$38 = /* @__PURE__ */ from_html("<span class=\"drp-field-error svelte-gpybdi\" role=\"alert\"> </span>"), root_1$36 = /* @__PURE__ */ from_html("<span class=\"drp-trigger-label svelte-gpybdi\"> </span> <span class=\"drp-trigger-icon svelte-gpybdi\" aria-hidden=\"true\"><!></span>", 1), root_2$27 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel-body svelte-gpybdi\"><!></div>"), root_3$25 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel svelte-gpybdi\" role=\"dialog\" aria-label=\"Compare period picker\" aria-modal=\"true\" tabindex=\"-1\"><!> <div class=\"drp-footer svelte-gpybdi\"><!> <!></div></div>"), root_4$22 = /* @__PURE__ */ from_html("<div class=\"drp-compare-trigger-wrapper svelte-gpybdi\"><!> <!></div>"), root_5$21 = /* @__PURE__ */ from_html("<span class=\"drp-preset-group-label svelte-gpybdi\"> </span>"), root_6$20 = /* @__PURE__ */ from_html("<div class=\"drp-preset-divider svelte-gpybdi\" role=\"separator\" aria-hidden=\"true\"><!></div>"), root_7$18 = /* @__PURE__ */ from_html("<span class=\"drp-preset-check svelte-gpybdi\" aria-hidden=\"true\"></span>"), root_8$17 = /* @__PURE__ */ from_html("<!> <button type=\"button\" role=\"option\"> <!></button>", 1), root_9$13 = /* @__PURE__ */ from_html("<div class=\"drp-sidebar svelte-gpybdi\" role=\"listbox\" aria-label=\"Date presets\"></div>"), root_10$13 = /* @__PURE__ */ from_html("<div class=\"drp-date-time-group svelte-gpybdi\"><div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"Start date\" aria-label=\"Start date\"/></div> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"12:00 AM\" aria-label=\"Start time\"/></div> <!></div> <!> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div class=\"drp-date-time-group svelte-gpybdi\"><div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"End date\" aria-label=\"End date\"/></div> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"11:59 PM\" aria-label=\"End time\"/></div> <!></div> <!>", 1), root_11$12 = /* @__PURE__ */ from_html("<button type=\"button\" aria-label=\"Toggle time selection\"><span class=\"drp-time-toggle-icon svelte-gpybdi\" aria-hidden=\"true\"></span></button>"), root_12$11 = /* @__PURE__ */ from_html("<div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"Start date\" aria-label=\"Start date\"/> <!></div> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"End date\" aria-label=\"End date\"/> <!></div> <!>", 1), root_13$9 = /* @__PURE__ */ from_html("<div class=\"drp-time-input-row svelte-gpybdi\"><div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"12:00 AM\" aria-label=\"Start time\"/> <!></div> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"11:59 PM\" aria-label=\"End time\"/> <!></div></div>"), root_14$8 = /* @__PURE__ */ from_html("<div><div class=\"drp-date-input-row svelte-gpybdi\"><!></div> <!></div>"), root_15$6 = /* @__PURE__ */ from_html("<!> <!>", 1), root_16$5 = /* @__PURE__ */ from_html("<div class=\"drp-dual-header svelte-gpybdi\"><button type=\"button\" class=\"drp-nav-btn svelte-gpybdi\" aria-label=\"Previous months\"><span class=\"drp-nav-chevron drp-nav-chevron-left svelte-gpybdi\" aria-hidden=\"true\"></span></button> <div class=\"drp-dual-month-labels svelte-gpybdi\"><span class=\"drp-month-label svelte-gpybdi\"> </span> <span class=\"drp-month-label svelte-gpybdi\"> </span></div> <button type=\"button\" class=\"drp-nav-btn svelte-gpybdi\" aria-label=\"Next months\"><span class=\"drp-nav-chevron drp-nav-chevron-right svelte-gpybdi\" aria-hidden=\"true\"></span></button></div> <div class=\"drp-months-row svelte-gpybdi\"><!></div>", 1), root_17$5 = /* @__PURE__ */ from_html("<div class=\"drp-time-row svelte-gpybdi\"><!></div>"), root_18$4 = /* @__PURE__ */ from_html("<div class=\"drp-compare-section svelte-gpybdi\"><!></div>"), root_19$4 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-label=\"Date range picker\" aria-modal=\"true\" tabindex=\"-1\"><div class=\"drp-panel-inner svelte-gpybdi\"><!> <div class=\"drp-calendars svelte-gpybdi\"><!> <!> <!> <!></div></div> <div class=\"drp-footer svelte-gpybdi\"><!> <!> <!></div></div>"), root_20$2 = /* @__PURE__ */ from_html("<div><div class=\"drp-trigger-wrapper svelte-gpybdi\"><!></div> <!> <!></div>"), $$css$79 = {
|
|
25948
25948
|
hash: "svelte-gpybdi",
|
|
25949
25949
|
code: ".drp-field-error.svelte-gpybdi {display:block;color:var(--drp-field-error-color, #b3261e);font-size:var(--drp-field-error-font-size, 11px);line-height:var(--drp-field-error-line-height, 1.4);margin-top:var(--drp-field-error-margin-top, 2px);}.drp-root.svelte-gpybdi {position:relative;display:inline-block;}\n\n /* ── Trigger wrapper ── */.drp-trigger-wrapper.svelte-gpybdi {display:inline-block;}\n\n /* Bridge drp-trigger CSS vars to Button CSS vars on the wrapper */.drp-trigger-wrapper.svelte-gpybdi {--button-color: var(--drp-trigger-background, inherit);--button-border: var(--drp-trigger-border, 1px solid currentColor);--button-border-radius: var(--drp-trigger-border-radius, var(--radius, 4px));--button-text-color: var(--drp-trigger-color, inherit);--button-padding: var(--drp-trigger-padding, 8px 12px);--button-min-width: var(--drp-trigger-min-width, 200px);--button-gap: var(--drp-trigger-gap, 8px);--button-hover-border: var(\n --drp-trigger-hover-border,\n var(--drp-trigger-border, 1px solid currentColor)\n );}.drp-trigger-wrapper .drp-trigger {display:inline-flex;align-items:center;gap:var(--drp-trigger-gap, 8px);white-space:nowrap;min-width:var(--drp-trigger-min-width, 200px);}.drp-trigger-wrapper .drp-trigger-open {border-color:var(--drp-trigger-open-border-color, #000000);box-shadow:var(--drp-trigger-open-shadow, 0 0 0 2px rgba(0, 0, 0, 0.1));}.drp-trigger-label.svelte-gpybdi {flex:1;text-align:left;}.drp-trigger-icon.svelte-gpybdi {display:inline-flex;align-items:center;color:var(--drp-trigger-icon-color, inherit);flex-shrink:0;}\n\n /* ── Panel ── */.drp-panel.svelte-gpybdi {position:absolute;top:calc(100% + var(--drp-panel-offset, 6px));z-index:var(--drp-panel-z-index, 1000);background:var(--drp-panel-background, #ffffff);border:var(--drp-panel-border, 1px solid #e0e0e0);border-radius:var(--drp-panel-border-radius, var(--radius, 4px));box-shadow:var(--drp-panel-shadow, 0 8px 24px rgba(0, 0, 0, 0.12));display:flex;flex-direction:column;min-width:var(--drp-panel-min-width, 320px);max-width:var(--drp-panel-max-width, 760px);max-height:var(--drp-panel-max-height, calc(100dvh - 80px));overflow:hidden;}\n\n /* Set only when the panel would not fit below the trigger — see positionPanel(). */.drp-panel-above.svelte-gpybdi {top:auto;bottom:calc(100% + var(--drp-panel-offset, 6px));}.drp-panel-align-left.svelte-gpybdi {left:0;right:auto;}.drp-panel-align-right.svelte-gpybdi {right:0;left:auto;}.drp-panel-inner.svelte-gpybdi {display:flex;flex-direction:row;flex:1;min-height:0;overflow-y:auto;}\n\n /* ── Sidebar ── */.drp-sidebar.svelte-gpybdi {display:flex;flex-direction:column;padding:var(--drp-sidebar-padding, 12px 8px);border-right:var(--drp-sidebar-border, 1px solid #e8e8e8);min-width:var(--drp-sidebar-min-width, 140px);gap:2px;overflow-y:auto;max-height:var(--drp-sidebar-max-height, 400px);}.drp-preset-item.svelte-gpybdi {display:block;width:100%;text-align:left;padding:var(--drp-preset-padding, 7px 12px);background:none;border:none;border-radius:var(--drp-preset-border-radius, var(--radius, 4px));color:var(--drp-preset-color, inherit);cursor:pointer;white-space:nowrap;transition:background var(--drp-preset-item-transition-duration, var(--motion-duration, 0.12s))\n var(--drp-preset-item-transition-easing, var(--motion-easing, ease));}.drp-preset-item.svelte-gpybdi:hover {background:var(--drp-preset-hover-background, #f5f5f5);}.drp-preset-active.svelte-gpybdi {background:var(--drp-preset-active-background, currentColor);color:var(--drp-preset-active-color, #ffffff);}.drp-preset-active.svelte-gpybdi:hover {background:var(--drp-preset-active-hover-background, #333333);}\n\n /* Opt-in checkmark layout: reserve a trailing slot so the active preset's tick\n sits flush-right while the label stays left. A preset with no tick (or a\n label-only preset) keeps its single flex child at the start, unchanged. */.drp-preset-checkable.svelte-gpybdi {display:flex;align-items:center;justify-content:space-between;gap:var(--drp-preset-check-gap, 8px);}.drp-preset-check.svelte-gpybdi {display:inline-flex;flex-shrink:0;width:var(--drp-preset-check-size, 16px);height:var(--drp-preset-check-size, 16px);color:var(--drp-preset-check-color, inherit);}.drp-preset-check.svelte-gpybdi svg {width:100%;height:100%;}\n\n /* ── Calendar area ── */.drp-calendars.svelte-gpybdi {display:flex;flex-direction:column;padding:var(--drp-calendars-padding, 16px);gap:var(--drp-calendars-gap, 16px);flex:1;}\n\n /* Dual-month shared nav header */.drp-dual-header.svelte-gpybdi {display:flex;align-items:center;justify-content:space-between;gap:8px;}.drp-dual-month-labels.svelte-gpybdi {display:flex;flex:1;justify-content:space-around;}.drp-month-label.svelte-gpybdi {color:var(--drp-month-label-color, inherit);text-transform:capitalize;}.drp-nav-btn.svelte-gpybdi {display:inline-flex;align-items:center;justify-content:center;width:var(--drp-nav-btn-size, 32px);height:var(--drp-nav-btn-size, 32px);background:none;border:none;border-radius:var(--drp-nav-btn-border-radius, var(--radius, 4px));cursor:pointer;color:var(--drp-nav-btn-color, inherit);transition:background var(--drp-nav-btn-transition-duration, var(--motion-duration, 0.12s))\n var(--drp-nav-btn-transition-easing, var(--motion-easing, ease));padding:0;}.drp-nav-btn.svelte-gpybdi:hover {background:var(--drp-nav-btn-hover-background, #f0f0f0);}\n\n /* CSS-only chevrons for the dual-nav */.drp-nav-chevron.svelte-gpybdi {display:inline-block;width:8px;height:8px;border-right:var(--drp-nav-chevron-border, 2px solid currentColor);border-top:var(--drp-nav-chevron-border, 2px solid currentColor);}.drp-nav-chevron-left.svelte-gpybdi {transform:rotate(-135deg);margin-left:2px;}.drp-nav-chevron-right.svelte-gpybdi {transform:rotate(45deg);margin-right:2px;}.drp-months-row.svelte-gpybdi {display:flex;gap:var(--drp-months-gap, 24px);}\n\n /* Embedded calendar: strip outer chrome so only the grid shows */.drp-calendar-embedded {--calendar-border: none;--calendar-box-shadow: none;--calendar-background: transparent;--calendar-padding: 0;}\n\n /* Suppress Calendar's own header in dual-month mode; single mode keeps it for navigation */.drp-months-row .drp-calendar-embedded {--calendar-header-display: none;}\n\n /* ── Time picker slot ── */.drp-time-row.svelte-gpybdi {display:flex;align-items:center;gap:var(--drp-time-row-gap, 16px);padding-top:var(--drp-time-row-padding-top, 8px);border-top:var(--drp-time-divider, 1px solid #e8e8e8);flex-wrap:wrap;}\n\n /* ── Built-in date + time inputs (showDateInputs / showTimeSelection) ── */.drp-datetime-header.svelte-gpybdi {display:flex;flex-direction:column;gap:var(--drp-datetime-gap, 8px);padding-bottom:var(--drp-datetime-padding-bottom, 12px);margin-bottom:var(--drp-datetime-margin-bottom, 4px);border-bottom:var(--drp-datetime-divider, 1px solid #e8e8e8);}.drp-date-input-row.svelte-gpybdi,\n .drp-time-input-row.svelte-gpybdi {display:flex;align-items:center;gap:var(--drp-datetime-row-gap, 12px);}.drp-date-input.svelte-gpybdi {flex:1;min-width:0;padding:var(--drp-date-input-padding, 10px 14px);border:var(--drp-date-input-border, 1px solid #d4d4d4);border-radius:var(--drp-date-input-radius, var(--radius, 4px));background:var(--drp-date-input-background, #ffffff);}.drp-date-input-invalid.svelte-gpybdi {border-color:var(--drp-date-input-invalid-border, #e5484d);}\n\n /* .drp-date-input-value below sets outline: none with nothing standing in\n for it, so the visible replacement lives on the bordered wrapper instead\n -- :focus-within lights up whenever the text input inside is focused.\n class:drp-date-input-invalid sits alongside .drp-date-input on the same\n div (see markup), and :focus-within's extra pseudo-class outweighs that\n single class, so a focused invalid field shows the focus border, not the\n invalid one -- focus location is the more time-sensitive signal. */.drp-date-input.svelte-gpybdi:focus-within {border-color:var(--drp-date-input-focus-border, #2563eb);box-shadow:var(--drp-date-input-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.drp-date-input-value.svelte-gpybdi {display:block;width:100%;min-width:0;padding:0;border:none;outline:none;background:transparent;color:var(--drp-date-input-color, #333333);font-size:var(--drp-date-input-font-size, 13px);font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.drp-date-input-value.svelte-gpybdi::placeholder {color:var(--drp-date-input-placeholder-color, #aaaaaa);}.drp-datetime-arrow.svelte-gpybdi {flex-shrink:0;display:inline-flex;width:var(--drp-datetime-arrow-size, 16px);height:var(--drp-datetime-arrow-size, 16px);color:var(--drp-datetime-arrow-color, #888888);}.drp-datetime-arrow.svelte-gpybdi svg {width:100%;height:100%;}.drp-time-toggle.svelte-gpybdi {flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--drp-time-toggle-size, 40px);height:var(--drp-time-toggle-size, 40px);padding:0;border:var(--drp-time-toggle-border, 1px solid #d4d4d4);border-radius:var(--drp-time-toggle-radius, var(--radius, 4px));background:var(--drp-time-toggle-background, #f6f7f9);color:var(--drp-time-toggle-color, #555555);cursor:pointer;}.drp-time-toggle-active.svelte-gpybdi {border-color:var(--drp-time-toggle-active-border, currentColor);color:var(--drp-time-toggle-active-color, #1b85ff);}.drp-time-toggle-icon.svelte-gpybdi {display:inline-flex;width:var(--drp-time-toggle-icon-size, 16px);height:var(--drp-time-toggle-icon-size, 16px);}.drp-time-toggle-icon.svelte-gpybdi svg {width:100%;height:100%;}.drp-time-input.svelte-gpybdi {position:relative;flex:1;min-width:0;display:flex;align-items:center;border:var(--drp-time-input-border, 1px solid #d4d4d4);border-radius:var(--drp-time-input-radius, var(--radius, 4px));background:var(--drp-time-input-background, #ffffff);}.drp-time-input-invalid.svelte-gpybdi {border-color:var(--drp-time-input-invalid-border, #e5484d);}\n\n /* .drp-time-field below sets outline: none with nothing standing in for it;\n same fix as .drp-date-input:focus-within above, same specificity\n reasoning against .drp-time-input-invalid. */.drp-time-input.svelte-gpybdi:focus-within {border-color:var(--drp-time-input-focus-border, #2563eb);box-shadow:var(--drp-time-input-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.drp-time-input-icon.svelte-gpybdi {display:inline-flex;flex-shrink:0;width:var(--drp-time-input-icon-size, 16px);height:var(--drp-time-input-icon-size, 16px);margin-left:var(--drp-time-input-icon-gap, 12px);color:var(--drp-time-input-icon-color, #888888);pointer-events:none;}.drp-time-input-icon.svelte-gpybdi svg {width:100%;height:100%;}.drp-time-field.svelte-gpybdi {flex:1;min-width:0;width:100%;padding:var(--drp-time-field-padding, 10px 14px 10px 8px);border:none;outline:none;background:transparent;color:var(--drp-time-field-color, #333333);font-size:var(--drp-time-field-font-size, 13px);font-family:inherit;}.drp-time-field.svelte-gpybdi::placeholder {color:var(--drp-time-field-placeholder-color, #aaaaaa);}\n\n /* ── Inline time layout (timeSelectionLayout=\"inline\") ── */\n /* Each date input is paired with its time input on the same row: the date box\n flexes to fill, the time input takes a fixed compact width beside it. */.drp-date-time-group.svelte-gpybdi {display:flex;align-items:center;flex:1;min-width:0;gap:var(--drp-datetime-inline-gap, 8px);}.drp-date-time-group.svelte-gpybdi .drp-date-input:where(.svelte-gpybdi) {flex:1;}.drp-time-input.drp-time-input-inline.svelte-gpybdi {flex:0 0 var(--drp-time-inline-width, 116px);}\n\n /* ── Compare calendar slot ── */.drp-compare-section.svelte-gpybdi {display:flex;flex-direction:column;gap:8px;padding-top:var(--drp-compare-padding-top, 12px);border-top:var(--drp-compare-divider, 1px solid #e8e8e8);}\n\n /* ── Footer ── */.drp-footer.svelte-gpybdi {display:flex;justify-content:flex-end;align-items:center;gap:var(--drp-footer-gap, 8px);padding:var(--drp-footer-padding, 12px 16px);border-top:var(--drp-footer-border, 1px solid #e8e8e8);}\n\n /* ── Preset group dividers ── */.drp-preset-divider.svelte-gpybdi {display:flex;align-items:center;gap:var(--drp-preset-divider-gap, 6px);margin:var(--drp-preset-divider-margin, 4px 0);padding:0 var(--drp-preset-padding-left, 12px);}.drp-preset-divider.svelte-gpybdi::before {content:'';flex:1;height:0;border-top:var(--drp-preset-divider-border, 1px solid #e8e8e8);}.drp-preset-group-label.svelte-gpybdi {color:var(--drp-preset-group-label-color, #999999);white-space:nowrap;flex-shrink:0;}.drp-preset-divider.svelte-gpybdi:has(.drp-preset-group-label:where(.svelte-gpybdi)) {padding-right:var(--drp-preset-padding-right, 12px);}.drp-preset-divider.svelte-gpybdi:has(.drp-preset-group-label:where(.svelte-gpybdi))::before {flex:none;width:var(--drp-preset-divider-leader-width, 8px);}.drp-preset-divider.svelte-gpybdi:has(.drp-preset-group-label:where(.svelte-gpybdi))::after {content:'';flex:1;height:0;border-top:var(--drp-preset-divider-border, 1px solid #e8e8e8);}\n\n /* Cancel button variant via Button's CSS vars */.drp-btn-cancel {--button-color: transparent;--button-border: 1px solid var(--drp-cancel-border-color, #d0d0d0);--button-text-color: var(--drp-cancel-color, inherit);--button-hover-color: var(--drp-cancel-hover-background, #f5f5f5);}\n\n /* Clear button variant (single-mode reset) */.drp-btn-clear {--button-color: transparent;--button-border: 1px solid var(--drp-clear-border-color, #d0d0d0);--button-text-color: var(--drp-clear-color, inherit);--button-hover-color: var(--drp-clear-hover-background, #f5f5f5);margin-right:auto;}\n\n /* Apply button variant */.drp-btn-apply {--button-color: var(--drp-apply-background, currentColor);--button-border: none;--button-text-color: var(--drp-apply-color, #ffffff);--button-hover-color: var(--drp-apply-hover-background, #333333);--disabled-background-color: var(--drp-apply-disabled-background, #cccccc);--disabled-text-color: var(--drp-apply-disabled-color, #888888);}\n\n /* ── Compare standalone trigger ── */.drp-compare-trigger-wrapper.svelte-gpybdi {display:inline-block;position:relative;--button-color: var(--drp-compare-trigger-background, inherit);--button-border: var(--drp-compare-trigger-border, 1px solid currentColor);--button-border-radius: var(--drp-compare-trigger-border-radius, var(--radius, 4px));--button-text-color: var(--drp-compare-trigger-color, inherit);--button-padding: var(--drp-compare-trigger-padding, 8px 12px);--button-min-width: var(--drp-compare-trigger-min-width, 160px);}.drp-compare-trigger-open {border-color:var(--drp-trigger-open-border-color, #000000);box-shadow:var(--drp-trigger-open-shadow, 0 0 0 2px rgba(0, 0, 0, 0.1));}\n\n /* ── Compare standalone panel ── */.drp-compare-panel.svelte-gpybdi {position:absolute;top:calc(100% + var(--drp-panel-offset, 6px));left:var(--drp-compare-panel-left, 0);z-index:var(--drp-panel-z-index, 1000);background:var(--drp-panel-background, #ffffff);border:var(--drp-panel-border, 1px solid #e0e0e0);border-radius:var(--drp-panel-border-radius, var(--radius, 4px));box-shadow:var(--drp-panel-shadow, 0 8px 24px rgba(0, 0, 0, 0.12));display:flex;flex-direction:column;min-width:var(--drp-compare-panel-min-width, 280px);overflow:hidden;}.drp-compare-panel-body.svelte-gpybdi {padding:var(--drp-calendars-padding, 16px);}"
|
|
25950
25950
|
};
|
|
@@ -26520,7 +26520,7 @@ function DateRangePicker(e, t) {
|
|
|
26520
26520
|
var t = root_9$13();
|
|
26521
26521
|
each(t, 23, h, (e) => e.label, (e, t, n) => {
|
|
26522
26522
|
let i = /* @__PURE__ */ user_derived(() => get(n) > 0 ? h()[get(n) - 1] : null), a = /* @__PURE__ */ user_derived(() => get(n) > 0 && (get(i)?.group ?? "") !== (get(t).group ?? ""));
|
|
26523
|
-
var o = root_8$
|
|
26523
|
+
var o = root_8$17(), s = first_child(o), c = (e) => {
|
|
26524
26524
|
var n = root_6$20(), i = child(n), a = (e) => {
|
|
26525
26525
|
var n = root_5$21(), i = child(n, !0);
|
|
26526
26526
|
reset(n), template_effect(() => set_text(i, get(t).group)), append(e, n);
|
|
@@ -34438,7 +34438,7 @@ var UNITS = new Set(/* @__PURE__ */ "k.l.m.b.t.cr.lac.lakh.mn.bn.s.ms.h.hr.hrs.d
|
|
|
34438
34438
|
if (typeof e != "string") return !1;
|
|
34439
34439
|
let t = e.trim();
|
|
34440
34440
|
return t.length === 0 || !/\p{Nd}/u.test(t) || /\.[a-z]{2,}(?:\/|$)|@|\/\//i.test(t) || /\([^)]*\p{Nd}[^)]*\)/u.test(t) ? !1 : t.replace(DECORATION, " ").split(/\s+/).filter((e) => e.length > 0).every((e) => UNITS.has(e.toLowerCase()));
|
|
34441
|
-
}, root$35 = /* @__PURE__ */ from_html("<span class=\"statcard-title-tooltip-trigger svelte-pfmus\"><span class=\"statcard-title statcard-title-tooltip svelte-pfmus\"> </span> <span class=\"statcard-tooltip-icon svelte-pfmus\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\" fill=\"none\" class=\"svelte-pfmus\"><circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" stroke-width=\"1.2\"></circle><rect x=\"7.25\" y=\"6.9\" width=\"1.5\" height=\"4.1\" rx=\"0.75\" fill=\"currentColor\"></rect><circle cx=\"8\" cy=\"4.8\" r=\"0.9\" fill=\"currentColor\"></circle></svg></span></span>"), root_1$34 = /* @__PURE__ */ from_html("<div class=\"statcard-title svelte-pfmus\"> </div>"), root_2$25 = /* @__PURE__ */ from_html("<div class=\"statcard-header-checkbox svelte-pfmus\"><!></div>"), root_3$24 = /* @__PURE__ */ from_html("<div class=\"statcard-header-right svelte-pfmus\"><!></div>"), root_4$21 = /* @__PURE__ */ from_html("<div class=\"statcard-header svelte-pfmus\"><div class=\"statcard-header-left svelte-pfmus\"><!> <!></div> <!></div>"), root_5$20 = /* @__PURE__ */ from_html("<div class=\"statcard-row-divider svelte-pfmus\"></div>"), root_6$19 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading statcard-row-heading-tooltip svelte-pfmus\"> </div>"), root_7$17 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading svelte-pfmus\"> </div>"), root_8$
|
|
34441
|
+
}, root$35 = /* @__PURE__ */ from_html("<span class=\"statcard-title-tooltip-trigger svelte-pfmus\"><span class=\"statcard-title statcard-title-tooltip svelte-pfmus\"> </span> <span class=\"statcard-tooltip-icon svelte-pfmus\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\" fill=\"none\" class=\"svelte-pfmus\"><circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" stroke-width=\"1.2\"></circle><rect x=\"7.25\" y=\"6.9\" width=\"1.5\" height=\"4.1\" rx=\"0.75\" fill=\"currentColor\"></rect><circle cx=\"8\" cy=\"4.8\" r=\"0.9\" fill=\"currentColor\"></circle></svg></span></span>"), root_1$34 = /* @__PURE__ */ from_html("<div class=\"statcard-title svelte-pfmus\"> </div>"), root_2$25 = /* @__PURE__ */ from_html("<div class=\"statcard-header-checkbox svelte-pfmus\"><!></div>"), root_3$24 = /* @__PURE__ */ from_html("<div class=\"statcard-header-right svelte-pfmus\"><!></div>"), root_4$21 = /* @__PURE__ */ from_html("<div class=\"statcard-header svelte-pfmus\"><div class=\"statcard-header-left svelte-pfmus\"><!> <!></div> <!></div>"), root_5$20 = /* @__PURE__ */ from_html("<div class=\"statcard-row-divider svelte-pfmus\"></div>"), root_6$19 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading statcard-row-heading-tooltip svelte-pfmus\"> </div>"), root_7$17 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading svelte-pfmus\"> </div>"), root_8$16 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading-wrap svelte-pfmus\"><!></div>"), root_9$12 = /* @__PURE__ */ from_html("<div class=\"statcard-comparison-value svelte-pfmus\">/ <!></div>"), root_10$12 = /* @__PURE__ */ from_html("<div class=\"statcard-delta statcard-delta-na svelte-pfmus\">N/A</div>"), root_11$11 = /* @__PURE__ */ from_html("<div> </div>"), root_12$10 = /* @__PURE__ */ from_html("<div class=\"statcard-row-subtitle svelte-pfmus\"> </div>"), root_13$8 = /* @__PURE__ */ from_html("<div class=\"statcard-breakdown-heading svelte-pfmus\"> </div>"), root_14$7 = /* @__PURE__ */ from_html("<div class=\"statcard-breakdown-item svelte-pfmus\"><div class=\"statcard-breakdown-label svelte-pfmus\"> </div> <div class=\"statcard-breakdown-value-line svelte-pfmus\"><div class=\"statcard-breakdown-value svelte-pfmus\"><!></div> <!></div></div>"), root_15$5 = /* @__PURE__ */ from_html("<!> <div class=\"statcard-breakdown-grid svelte-pfmus\"></div>", 1), root_16$4 = /* @__PURE__ */ from_html("<!> <div class=\"statcard-row svelte-pfmus\"><!> <div class=\"statcard-row-value-line svelte-pfmus\"><div><!></div> <!> <!> <!></div> <!> <!></div>", 1), root_17$4 = /* @__PURE__ */ from_html("<div></div>"), root_18$3 = /* @__PURE__ */ from_html("<div class=\"statcard-value svelte-pfmus\"><!></div>"), root_19$3 = /* @__PURE__ */ from_html("<div class=\"statcard-value svelte-pfmus\" data-sc-slot=\"value\"><!></div>"), root_20$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value-row svelte-pfmus\"><!> <!></div>"), root_21$1 = /* @__PURE__ */ from_html("<div class=\"statcard-subtitle svelte-pfmus\" data-sc-slot=\"subtitle\"><!></div>"), root_22$1 = /* @__PURE__ */ from_html("<div class=\"statcard-children svelte-pfmus\"><!></div>"), root_23$1 = /* @__PURE__ */ from_html("<div class=\"statcard-footer svelte-pfmus\"><!></div>"), root_24$1 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$74 = {
|
|
34442
34442
|
hash: "svelte-pfmus",
|
|
34443
34443
|
code: ".statcard.svelte-pfmus {display:flex;flex-direction:column;gap:var(--statcard-gap, 4px);padding:var(--statcard-padding, 16px);background:var(--statcard-background, #ffffff);border:var(--statcard-border, 1px solid #e5e7eb);border-radius:var(--statcard-border-radius, var(--radius, 4px));box-shadow:var(--statcard-box-shadow, none);width:var(--statcard-width, auto);min-width:var(--statcard-min-width, 0);max-width:var(--statcard-max-width, none);height:var(--statcard-height, auto);color:var(--statcard-color, inherit);cursor:var(--statcard-cursor, default);box-sizing:border-box;}.statcard-interactive.svelte-pfmus {cursor:var(--statcard-cursor, pointer);}.statcard-interactive.svelte-pfmus:focus-visible {outline:var(--statcard-focus-outline, 2px solid currentColor);outline-offset:var(--statcard-focus-outline-offset, 2px);}.statcard-header.svelte-pfmus {order:var(--statcard-header-order, 0);display:flex;align-items:center;justify-content:space-between;gap:var(--statcard-header-gap, 8px);}.statcard-header-left.svelte-pfmus {display:flex;align-items:center;gap:var(--statcard-header-left-gap, 8px);flex:1;min-width:0;}.statcard-header-right.svelte-pfmus {display:flex;align-items:center;flex-shrink:0;}\n\n /* Wrapper keeps the checkbox in the event path (to stop bubbling to the card\n action). `margin-left: auto` pushes it to the header's right edge so the title\n stays left and the checkbox reads as a right-aligned control. (A previous\n `display: contents` here removed the box, which silently defeated the flex\n alignment.) */.statcard-header-checkbox.svelte-pfmus {display:flex;align-items:center;margin-left:auto;}.statcard-title.svelte-pfmus {font-size:var(--statcard-title-font-size, 12px);font-weight:var(--statcard-title-font-weight, 500);color:var(--statcard-title-color, #6b7280);line-height:var(--statcard-title-line-height, 1.4);white-space:var(--statcard-title-white-space, nowrap);overflow:hidden;text-overflow:ellipsis;}.statcard-title-tooltip-trigger.svelte-pfmus {display:inline-flex;align-items:center;gap:var(--statcard-tooltip-icon-gap, 4px);min-width:0;}.statcard-title-tooltip.svelte-pfmus {cursor:default;\n /* Default surface (Euler) uses the ⓘ icon as the tooltip affordance, so the\n title carries no underline. The Shopify theme flips both tokens — dotted\n underline on, icon off — via its own stylesheet. */text-decoration:var(--statcard-title-tooltip-decoration, none);text-underline-offset:2px;}.statcard-tooltip-icon.svelte-pfmus {display:var(--statcard-tooltip-icon-display, inline-flex);align-items:center;justify-content:center;width:var(--statcard-tooltip-icon-size, 14px);height:var(--statcard-tooltip-icon-size, 14px);flex-shrink:0;color:var(--statcard-tooltip-icon-color, currentColor);cursor:default;}.statcard-tooltip-icon.svelte-pfmus svg:where(.svelte-pfmus) {width:100%;height:100%;}.statcard-value-row.svelte-pfmus {order:var(--statcard-value-row-order, 0);display:flex;align-items:var(--statcard-value-row-align, baseline);gap:var(--statcard-value-row-gap, 8px);flex-wrap:wrap;}.statcard-value.svelte-pfmus {font-size:var(--statcard-value-font-size, 24px);font-weight:var(--statcard-value-font-weight, 600);color:var(--statcard-value-color, inherit);line-height:var(--statcard-value-line-height, 1.2);}.statcard-value-success.svelte-pfmus {color:var(--statcard-value-success-color, #16a34a);}.statcard-value-warning.svelte-pfmus {color:var(--statcard-value-warning-color, #b45309);}\n\n /* Per-row value typography override — falls back to the card-level value\n tokens so an unset row matches today's shared appearance exactly, then to\n the same literals as the last resort. Scoped to the row's value line so\n the single (non-rows) card value is unaffected. Mirrors the fallback\n shape of --statcard-row-subtitle-font-size below. */.statcard-row-value-line.svelte-pfmus .statcard-value:where(.svelte-pfmus) {font-size:var(--statcard-row-value-font-size, var(--statcard-value-font-size, 24px));font-weight:var(--statcard-row-value-font-weight, var(--statcard-value-font-weight, 600));}.statcard-delta.svelte-pfmus {font-size:var(--statcard-delta-font-size, 13px);font-weight:var(--statcard-delta-font-weight, 500);color:var(--statcard-delta-color, #6b7280);line-height:var(--statcard-delta-line-height, 1.4);}.statcard-delta-positive.svelte-pfmus {color:var(--statcard-delta-positive-color, #166534);}.statcard-delta-negative.svelte-pfmus {color:var(--statcard-delta-negative-color, #dc2626);}.statcard-delta-na.svelte-pfmus {color:var(--statcard-delta-na-color, var(--statcard-delta-color, #6b7280));}\n\n /* Inline comparison denominator (\"₹60k / ₹10L\") — a muted, slightly smaller\n companion to the metric value, baseline-aligned by the value row. */.statcard-comparison-value.svelte-pfmus {font-size:var(--statcard-comparison-font-size, 16px);font-weight:var(--statcard-comparison-font-weight, 700);color:var(--statcard-comparison-color, #c7c7c7);line-height:var(--statcard-comparison-line-height, 1.4);white-space:nowrap;}.statcard-subtitle.svelte-pfmus {order:var(--statcard-subtitle-order, 0);font-size:var(--statcard-subtitle-font-size, 12px);font-weight:var(--statcard-subtitle-font-weight, 400);color:var(--statcard-subtitle-color, #4b5563);line-height:var(--statcard-subtitle-line-height, 1.4);}\n\n /* Per-row subtitle — falls back to the card-level subtitle tokens so a\n consumer that already themes `.statcard-subtitle` gets a matching look\n with no extra wiring, then to the same literals as the last resort. */.statcard-row-subtitle.svelte-pfmus {order:var(--statcard-row-subtitle-order, 0);font-size:var(--statcard-row-subtitle-font-size, var(--statcard-subtitle-font-size, 12px));font-weight:var(\n --statcard-row-subtitle-font-weight,\n var(--statcard-subtitle-font-weight, 400)\n );color:var(--statcard-row-subtitle-color, var(--statcard-subtitle-color, #4b5563));line-height:var(\n --statcard-row-subtitle-line-height,\n var(--statcard-subtitle-line-height, 1.4)\n );}\n\n /* Multi-row layout */.statcard-rows.svelte-pfmus {order:var(--statcard-rows-order, 0);display:flex;flex-direction:column;gap:var(--statcard-rows-gap, 0px);}.statcard-row-divider.svelte-pfmus {height:var(--statcard-row-divider-height, 1px);background:var(--statcard-row-divider-color, #e5e7eb);margin:var(--statcard-row-divider-margin, 8px 0);}\n\n /* Horizontal layout: lay the metric sections side by side with vertical\n dividers. Each section flexes to share the available width equally. */.statcard-rows-horizontal.svelte-pfmus {flex-direction:row;}.statcard-rows-horizontal.svelte-pfmus .statcard-row:where(.svelte-pfmus) {flex:1;min-width:0;}.statcard-rows-horizontal.svelte-pfmus .statcard-row-divider:where(.svelte-pfmus) {align-self:stretch;flex-shrink:0;width:var(--statcard-row-divider-height, 1px);height:auto;margin:var(--statcard-row-divider-margin-horizontal, 0 16px);}.statcard-row.svelte-pfmus {display:flex;flex-direction:column;gap:var(--statcard-row-gap, 4px);}.statcard-row-heading-wrap.svelte-pfmus {order:var(--statcard-row-heading-order, 0);display:flex;align-items:center;}.statcard-row-heading.svelte-pfmus {font-size:var(--statcard-row-heading-font-size, 12px);font-weight:var(--statcard-row-heading-font-weight, 500);color:var(--statcard-row-heading-color, #6b7280);line-height:var(--statcard-row-heading-line-height, 1.4);}.statcard-row-heading-tooltip.svelte-pfmus {cursor:default;text-decoration:underline dotted;text-underline-offset:2px;}.statcard-row-value-line.svelte-pfmus {order:var(--statcard-row-value-line-order, 0);display:flex;align-items:baseline;gap:var(--statcard-row-value-gap, 8px);flex-wrap:wrap;}.statcard-row-additional.svelte-pfmus {\n /* Default: flows inline in the wrapping flex row and only breaks if it\n does not fit — matches short unit suffixes like \"%\" or \"ms\". */font-size:var(--statcard-row-additional-font-size, 12px);font-weight:var(--statcard-row-additional-font-weight, 400);color:var(--statcard-row-additional-color, #4b5563);line-height:1.4;}.statcard-row-additional-break.svelte-pfmus {\n /* Opt-in: forces its own line regardless of available width, for\n descriptive text that should never sit beside the value/delta. */flex-basis:var(--statcard-row-additional-flex-basis, 100%);}\n\n /* Breakdown grid */.statcard-breakdown-heading.svelte-pfmus {font-size:var(--statcard-breakdown-heading-font-size, 11px);font-weight:var(--statcard-breakdown-heading-font-weight, 600);color:var(--statcard-breakdown-heading-color, #6b7280);letter-spacing:0.04em;text-transform:var(--statcard-breakdown-heading-text-transform, uppercase);margin-top:var(--statcard-breakdown-heading-margin-top, 6px);}.statcard-breakdown-grid.svelte-pfmus {display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--statcard-breakdown-col-min, 100px), 1fr));gap:var(--statcard-breakdown-gap, 8px);margin-top:var(--statcard-breakdown-margin-top, 4px);}.statcard-breakdown-item.svelte-pfmus {display:flex;flex-direction:var(--statcard-breakdown-item-flex-direction, column);align-items:var(--statcard-breakdown-item-align-items, stretch);flex-wrap:var(--statcard-breakdown-item-flex-wrap, nowrap);gap:var(--statcard-breakdown-item-gap, 2px);}\n\n /* The metric value and its change indicator share one line (label sits above\n as the caption). Previously the delta was a third stacked child, so it\n rendered on its own line beneath the number. */.statcard-breakdown-value-line.svelte-pfmus {order:var(--statcard-breakdown-value-line-order, 0);display:flex;align-items:baseline;gap:var(--statcard-breakdown-value-gap, 6px);flex-wrap:wrap;}.statcard-breakdown-label.svelte-pfmus {font-size:var(--statcard-breakdown-label-font-size, 11px);font-weight:var(--statcard-breakdown-label-font-weight, 400);color:var(--statcard-breakdown-label-color, #4b5563);line-height:1.4;}.statcard-breakdown-value.svelte-pfmus {font-size:var(--statcard-breakdown-value-font-size, 14px);font-weight:var(--statcard-breakdown-value-font-weight, 600);color:var(--statcard-breakdown-value-color, inherit);line-height:1.2;}.statcard-children.svelte-pfmus {margin-top:var(--statcard-children-margin-top, 4px);}.statcard-footer.svelte-pfmus {margin-top:var(--statcard-footer-margin-top, 8px);padding-top:var(--statcard-footer-padding-top, 8px);border-top:var(--statcard-footer-border-top, 1px solid #e5e7eb);}"
|
|
34444
34444
|
};
|
|
@@ -34678,7 +34678,7 @@ function StatCard(e, t) {
|
|
|
34678
34678
|
n > 0 && e(o);
|
|
34679
34679
|
});
|
|
34680
34680
|
var s = sibling(a, 2), c = child(s), l = (e) => {
|
|
34681
|
-
var n = root_8$
|
|
34681
|
+
var n = root_8$16(), i = child(n), a = (e) => {
|
|
34682
34682
|
{
|
|
34683
34683
|
let n = /* @__PURE__ */ user_derived(() => get(t).tooltip.position ?? "top");
|
|
34684
34684
|
Tooltip(e, {
|
|
@@ -36248,7 +36248,7 @@ function dismissOnOutsidePointerDown(e, t) {
|
|
|
36248
36248
|
}
|
|
36249
36249
|
//#endregion
|
|
36250
36250
|
//#region src/lib/PieChart/PieChart.svelte
|
|
36251
|
-
var root$31 = /* @__PURE__ */ from_html("<div class=\"chart-empty svelte-1478ug\"><!></div>"), root_1$29 = /* @__PURE__ */ from_html("<button type=\"button\"><span class=\"legend-swatch svelte-1478ug\"></span> <span class=\"legend-label svelte-1478ug\"> </span></button>"), root_2$21 = /* @__PURE__ */ from_html("<div class=\"pie-legend-sync svelte-1478ug\"></div>"), root_3$20 = /* @__PURE__ */ from_svg("<text text-anchor=\"middle\" dominant-baseline=\"middle\"> </text>"), root_4$19 = /* @__PURE__ */ from_svg("<path tabindex=\"0\" role=\"button\"></path><!>", 1), root_5$18 = /* @__PURE__ */ from_svg("<foreignObject><div class=\"pie-center-content svelte-1478ug\" xmlns=\"http://www.w3.org/1999/xhtml\"><!></div></foreignObject>"), root_6$18 = /* @__PURE__ */ from_svg("<g><!><!></g>"), root_7$16 = /* @__PURE__ */ from_html("<div class=\"pie-delta-badge svelte-1478ug\"><!></div>"), root_8$
|
|
36251
|
+
var root$31 = /* @__PURE__ */ from_html("<div class=\"chart-empty svelte-1478ug\"><!></div>"), root_1$29 = /* @__PURE__ */ from_html("<button type=\"button\"><span class=\"legend-swatch svelte-1478ug\"></span> <span class=\"legend-label svelte-1478ug\"> </span></button>"), root_2$21 = /* @__PURE__ */ from_html("<div class=\"pie-legend-sync svelte-1478ug\"></div>"), root_3$20 = /* @__PURE__ */ from_svg("<text text-anchor=\"middle\" dominant-baseline=\"middle\"> </text>"), root_4$19 = /* @__PURE__ */ from_svg("<path tabindex=\"0\" role=\"button\"></path><!>", 1), root_5$18 = /* @__PURE__ */ from_svg("<foreignObject><div class=\"pie-center-content svelte-1478ug\" xmlns=\"http://www.w3.org/1999/xhtml\"><!></div></foreignObject>"), root_6$18 = /* @__PURE__ */ from_svg("<g><!><!></g>"), root_7$16 = /* @__PURE__ */ from_html("<div class=\"pie-delta-badge svelte-1478ug\"><!></div>"), root_8$15 = /* @__PURE__ */ from_html("<li class=\"pie-legend-row svelte-1478ug\"><span class=\"pie-legend-swatch svelte-1478ug\"></span> <span class=\"pie-legend-label svelte-1478ug\"> </span> <span class=\"pie-legend-value svelte-1478ug\"><!></span></li>"), root_9$11 = /* @__PURE__ */ from_html("<button> </button>"), root_10$11 = /* @__PURE__ */ from_html("<div class=\"pie-legend-column svelte-1478ug\"><ul class=\"pie-legend-values svelte-1478ug\"></ul> <!></div>"), root_11$10 = /* @__PURE__ */ from_html("<div class=\"sr-only svelte-1478ug\" role=\"status\" aria-live=\"polite\" data-pw=\"pie-status\"> </div> <!> <!> <!> <!> <!>", 1), root_12$9 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$66 = {
|
|
36252
36252
|
hash: "svelte-1478ug",
|
|
36253
36253
|
code: ".pie-chart.svelte-1478ug {width:100%;position:relative;}.slice.svelte-1478ug {stroke:var(--piechart-stroke-color, #fff);stroke-width:var(--piechart-stroke-width, 2);transition:transform var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease)),\n opacity var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease));transform-origin:0 0;cursor:pointer;}.slice.hovered.svelte-1478ug {transform:scale(var(--piechart-hover-scale, 1.05));opacity:1;}.slice.dimmed.svelte-1478ug {opacity:var(--piechart-dimmed-opacity, 0.3);}.slice.svelte-1478ug:focus-visible {outline:var(--piechart-slice-focus-outline, 2px solid currentColor);outline-offset:var(--piechart-slice-focus-outline-offset, 2px);}.slice-label.svelte-1478ug {fill:var(--piechart-label-color, #333);font-size:var(--piechart-label-font-size, 12px);font-family:var(--chart-font-family, inherit);pointer-events:none;}.slice-label.label-outside.svelte-1478ug {fill:var(--piechart-label-color, #555);}.pie-center-content.svelte-1478ug {width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;}.pie-delta-badge.svelte-1478ug {position:absolute;top:var(--piechart-delta-top, 8px);right:var(--piechart-delta-right, 8px);z-index:2;pointer-events:none;}.chart-empty.svelte-1478ug {padding:var(--chart-empty-padding, 32px 24px);color:var(--chart-empty-color, #9ca3af);text-align:center;}\n /* Standard visually-hidden recipe (matches ChatComposer's .sr-only): present\n for assistive tech, removed from layout and the visual canvas. */.sr-only.svelte-1478ug {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-width:0;}.pie-legend-sync.svelte-1478ug {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--chart-legend-gap, 16px);font-family:var(--chart-font-family, inherit);padding:8px 0;}.pie-legend-sync-item.svelte-1478ug {display:flex;align-items:center;gap:6px;background:none;border:none;margin:0;padding:var(--piechart-legend-sync-padding, 2px 4px);font:inherit;cursor:var(--cursor, pointer);border-radius:var(--piechart-legend-sync-radius, var(--radius, 4px));}.pie-legend-sync-item.svelte-1478ug .legend-swatch:where(.svelte-1478ug) {display:inline-block;width:var(--chart-legend-swatch-size, 12px);height:var(--chart-legend-swatch-size, 12px);border-radius:var(--chart-swatch-radius, 2px);flex-shrink:0;}.pie-legend-sync-item.svelte-1478ug .legend-label:where(.svelte-1478ug) {font-size:var(--chart-legend-font-size, 12px);color:var(--chart-legend-color, light-dark(#333, #e5e7eb));}.pie-legend-sync-item.legend-sync-active.svelte-1478ug {background:var(\n --piechart-legend-sync-active-background,\n light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.1))\n );}.pie-legend-sync-item.svelte-1478ug:focus-visible {outline:var(--piechart-legend-sync-focus-outline, 2px solid currentColor);outline-offset:2px;}.pie-legend-values.svelte-1478ug {display:flex;flex-direction:column;gap:var(--piechart-legend-gap, 8px);padding:var(--piechart-legend-padding, 12px 0 0 0);font-family:var(--chart-font-family, inherit);list-style:none;margin:0;}.pie-legend-row.svelte-1478ug {display:flex;align-items:center;gap:var(--piechart-legend-row-gap, 6px);}.pie-legend-swatch.svelte-1478ug {display:inline-block;width:var(--chart-legend-swatch-size, 12px);height:var(--chart-legend-swatch-size, 12px);border-radius:var(--piechart-legend-swatch-radius, var(--radius, 4px));flex-shrink:0;}.pie-legend-label.svelte-1478ug {font-size:var(--chart-legend-font-size, 12px);color:var(--chart-legend-color, #333);min-width:var(--piechart-legend-label-min-width, 120px);}.pie-legend-value.svelte-1478ug {margin-left:auto;font-size:var(--piechart-legend-value-font-size, 12px);color:var(--piechart-legend-value-color, #333);min-width:var(--piechart-legend-value-min-width, 60px);text-align:right;}\n\n /* The column wrapper is present in both placements so the markup does not\n fork; as a plain block it changes nothing about the default below-chart\n rendering. */.pie-legend-column.svelte-1478ug {display:flex;flex-direction:column;}\n\n /* Only the values legend moves beside the chart -- the plain top legend is\n mutually exclusive with it, and the delta badge and tooltip are both\n absolutely positioned, so they stay out of this flex row entirely. */.pie-chart.legend-right.svelte-1478ug {display:flex;flex-direction:row;align-items:center;gap:var(--piechart-legend-column-gap, 16px);}.pie-chart.legend-right.svelte-1478ug .chart-container {\n /* flex-basis 0 rather than auto: the container carries width:100%, which\n as a flex item would otherwise claim the whole row and squeeze the\n legend to nothing. */flex:1 1 0;min-width:0;}.pie-chart.legend-right.svelte-1478ug .pie-legend-column:where(.svelte-1478ug) {flex:0 0 auto;max-width:var(--piechart-legend-column-max-width, 50%);}.pie-chart.legend-right.svelte-1478ug .pie-legend-values:where(.svelte-1478ug) {padding:var(--piechart-legend-column-padding, 0);}.pie-legend-more.svelte-1478ug {align-self:flex-start;margin-top:var(--piechart-legend-more-margin-top, 8px);padding:var(--piechart-legend-more-padding, 2px 4px);border:none;background:none;cursor:var(--cursor, pointer);font-size:var(--piechart-legend-more-font-size, 12px);font-family:inherit;color:var(--piechart-legend-more-color, #2563eb);}.pie-legend-more.svelte-1478ug:hover {text-decoration:underline;}.pie-legend-more.svelte-1478ug:focus-visible {outline:var(--piechart-legend-more-focus-outline, 2px solid currentColor);outline-offset:2px;}"
|
|
36254
36254
|
};
|
|
@@ -36698,7 +36698,7 @@ function PieChart(e, t) {
|
|
|
36698
36698
|
var C = sibling(f, 2), G = (e) => {
|
|
36699
36699
|
var t = root_10$11(), n = child(t);
|
|
36700
36700
|
each(n, 21, () => get(Ht), index, (e, t, n) => {
|
|
36701
|
-
var i = root_8$
|
|
36701
|
+
var i = root_8$15(), a = child(i), o = sibling(a, 2), s = child(o, !0);
|
|
36702
36702
|
reset(o);
|
|
36703
36703
|
var c = sibling(o, 2), l = child(c), u = (e) => {
|
|
36704
36704
|
{
|
|
@@ -37695,7 +37695,7 @@ customElements.define("sui-sankey-chart", create_custom_element(SankeyChart_wc,
|
|
|
37695
37695
|
}, ["empty"], [], { mode: "open" }));
|
|
37696
37696
|
//#endregion
|
|
37697
37697
|
//#region src/lib/_chart/Axis.svelte
|
|
37698
|
-
var root$29 = /* @__PURE__ */ from_svg("<text class=\"tick-label svelte-8imvwo\" text-anchor=\"end\" dominant-baseline=\"auto\"> </text>"), root_1$27 = /* @__PURE__ */ from_svg("<text class=\"tick-label svelte-8imvwo\" text-anchor=\"middle\"> </text>"), root_2$19 = /* @__PURE__ */ from_svg("<line class=\"gridline svelte-8imvwo\"></line>"), root_3$18 = /* @__PURE__ */ from_svg("<g class=\"tick\"><line class=\"tick-mark svelte-8imvwo\"></line><!><!></g>"), root_4$17 = /* @__PURE__ */ from_svg("<text class=\"axis-label svelte-8imvwo\" text-anchor=\"middle\"> </text>"), root_5$16 = /* @__PURE__ */ from_svg("<line class=\"axis-line svelte-8imvwo\"></line><!><!>", 1), root_6$16 = /* @__PURE__ */ from_svg("<g class=\"tick\"><line class=\"tick-mark svelte-8imvwo\"></line><text class=\"tick-label svelte-8imvwo\" dominant-baseline=\"middle\"> </text><!></g>"), root_7$14 = /* @__PURE__ */ from_svg("<text class=\"axis-label svelte-8imvwo\" transform=\"rotate(-90)\" text-anchor=\"middle\"> </text>"), root_8$
|
|
37698
|
+
var root$29 = /* @__PURE__ */ from_svg("<text class=\"tick-label svelte-8imvwo\" text-anchor=\"end\" dominant-baseline=\"auto\"> </text>"), root_1$27 = /* @__PURE__ */ from_svg("<text class=\"tick-label svelte-8imvwo\" text-anchor=\"middle\"> </text>"), root_2$19 = /* @__PURE__ */ from_svg("<line class=\"gridline svelte-8imvwo\"></line>"), root_3$18 = /* @__PURE__ */ from_svg("<g class=\"tick\"><line class=\"tick-mark svelte-8imvwo\"></line><!><!></g>"), root_4$17 = /* @__PURE__ */ from_svg("<text class=\"axis-label svelte-8imvwo\" text-anchor=\"middle\"> </text>"), root_5$16 = /* @__PURE__ */ from_svg("<line class=\"axis-line svelte-8imvwo\"></line><!><!>", 1), root_6$16 = /* @__PURE__ */ from_svg("<g class=\"tick\"><line class=\"tick-mark svelte-8imvwo\"></line><text class=\"tick-label svelte-8imvwo\" dominant-baseline=\"middle\"> </text><!></g>"), root_7$14 = /* @__PURE__ */ from_svg("<text class=\"axis-label svelte-8imvwo\" transform=\"rotate(-90)\" text-anchor=\"middle\"> </text>"), root_8$14 = /* @__PURE__ */ from_svg("<g><!></g>"), $$css$62 = {
|
|
37699
37699
|
hash: "svelte-8imvwo",
|
|
37700
37700
|
code: ".axis-line.svelte-8imvwo {stroke:var(--chart-axis-color, light-dark(#666, #9ca3af));stroke-width:var(--chart-axis-stroke-width, 1);}.tick-mark.svelte-8imvwo {stroke:var(--chart-axis-color, light-dark(#666, #9ca3af));stroke-width:var(--chart-axis-stroke-width, 1);}.tick-label.svelte-8imvwo {fill:var(--chart-axis-color, light-dark(#666, #9ca3af));font-size:var(--chart-axis-font-size, 11px);font-family:var(--chart-axis-font-family, inherit);}.axis-label.svelte-8imvwo {fill:var(--chart-axis-label-color, light-dark(#333, #e5e7eb));font-size:var(--chart-axis-label-font-size, 12px);font-family:var(--chart-axis-font-family, inherit);font-weight:500;}.gridline.svelte-8imvwo {stroke:var(--chart-gridline-color, light-dark(#e0e0e0, #374151));stroke-opacity:var(--chart-gridline-opacity, 0.5);stroke-dasharray:var(--chart-gridline-dash, 4 4);}"
|
|
37701
37701
|
};
|
|
@@ -37779,7 +37779,7 @@ function Axis(e, t) {
|
|
|
37779
37779
|
set classes(e) {
|
|
37780
37780
|
S(e), flushSync();
|
|
37781
37781
|
}
|
|
37782
|
-
}, Me = root_8$
|
|
37782
|
+
}, Me = root_8$14(), Re = child(Me), Ue = (e) => {
|
|
37783
37783
|
var t = root_5$16(), a = first_child(t);
|
|
37784
37784
|
set_attribute(a, "y1", 0), set_attribute(a, "y2", 0);
|
|
37785
37785
|
var o = sibling(a);
|
|
@@ -37942,7 +37942,7 @@ function formatSeriesAggregate(e, t, n) {
|
|
|
37942
37942
|
}
|
|
37943
37943
|
//#endregion
|
|
37944
37944
|
//#region src/lib/AreaChart/AreaChart.svelte
|
|
37945
|
-
var root$28 = /* @__PURE__ */ from_html("<div class=\"chart-empty svelte-63gwba\"><!></div>"), root_1$26 = /* @__PURE__ */ from_svg("<linearGradient x1=\"0\" y1=\"0\" x2=\"0\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0%\"></stop><stop offset=\"100%\"></stop></linearGradient>"), root_2$18 = /* @__PURE__ */ from_svg("<defs></defs>"), root_3$17 = /* @__PURE__ */ from_svg("<g><!></g>"), root_4$16 = /* @__PURE__ */ from_svg("<path fill=\"none\"></path>"), root_5$15 = /* @__PURE__ */ from_svg("<circle></circle>"), root_6$15 = /* @__PURE__ */ from_svg("<circle class=\"dot svelte-63gwba\"></circle>"), root_7$13 = /* @__PURE__ */ from_svg("<text class=\"point-value svelte-63gwba\" text-anchor=\"middle\"> </text>"), root_8$
|
|
37945
|
+
var root$28 = /* @__PURE__ */ from_html("<div class=\"chart-empty svelte-63gwba\"><!></div>"), root_1$26 = /* @__PURE__ */ from_svg("<linearGradient x1=\"0\" y1=\"0\" x2=\"0\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0%\"></stop><stop offset=\"100%\"></stop></linearGradient>"), root_2$18 = /* @__PURE__ */ from_svg("<defs></defs>"), root_3$17 = /* @__PURE__ */ from_svg("<g><!></g>"), root_4$16 = /* @__PURE__ */ from_svg("<path fill=\"none\"></path>"), root_5$15 = /* @__PURE__ */ from_svg("<circle></circle>"), root_6$15 = /* @__PURE__ */ from_svg("<circle class=\"dot svelte-63gwba\"></circle>"), root_7$13 = /* @__PURE__ */ from_svg("<text class=\"point-value svelte-63gwba\" text-anchor=\"middle\"> </text>"), root_8$13 = /* @__PURE__ */ from_svg("<circle class=\"focus-target svelte-63gwba\" tabindex=\"0\" role=\"button\"></circle>"), root_9$10 = /* @__PURE__ */ from_svg("<path></path><!><!><!><!><!>", 1), root_10$10 = /* @__PURE__ */ from_svg("<line class=\"hover-line svelte-63gwba\"></line>"), root_11$9 = /* @__PURE__ */ from_svg("<!><g><!><!><!><!><rect class=\"hover-overlay svelte-63gwba\" fill=\"transparent\"></rect></g>", 1), root_12$8 = /* @__PURE__ */ from_html("<!> <div class=\"chart-plot svelte-63gwba\"><!> <!></div>", 1), root_13$7 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$61 = {
|
|
37946
37946
|
hash: "svelte-63gwba",
|
|
37947
37947
|
code: ".area-chart.svelte-63gwba {width:100%;position:relative;}.chart-plot.svelte-63gwba {position:relative;}.area-fill.svelte-63gwba {transition:fill-opacity\n var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease)),\n opacity var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease));pointer-events:none;}.area-fill.dimmed.svelte-63gwba {opacity:var(--areachart-dimmed-opacity, 0.1);}.area-line.svelte-63gwba {transition:opacity\n var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease));stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}.area-line.dimmed.svelte-63gwba {opacity:var(--areachart-dimmed-opacity, 0.1);}.single-point.svelte-63gwba {pointer-events:none;}.single-point.dimmed.svelte-63gwba {opacity:var(--areachart-dimmed-opacity, 0.1);}.dot.svelte-63gwba {transition:r var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease)),\n opacity var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease));stroke:var(--chart-dot-stroke, light-dark(#fff, #111827));stroke-width:2;pointer-events:none;}.focus-target.svelte-63gwba {fill:transparent;pointer-events:none;}.focus-target.svelte-63gwba:focus-visible {outline:2px solid var(--chart-axis-label-color, light-dark(#333, #e5e7eb));outline-offset:1px;}.point-value.svelte-63gwba {fill:var(--areachart-value-color, light-dark(#333, #e5e7eb));font-size:var(--areachart-value-font-size, 11px);font-family:var(--chart-font-family, inherit);pointer-events:none;}.hover-line.svelte-63gwba {stroke:var(\n --areachart-hover-line-color,\n var(--linechart-hover-line-color, light-dark(#ccc, #4b5563))\n );stroke-width:1;stroke-dasharray:var(--areachart-hover-line-dash, var(--linechart-hover-line-dash, 4 4));pointer-events:none;}.hover-overlay.svelte-63gwba {cursor:crosshair;}.chart-empty.svelte-63gwba {padding:var(--chart-empty-padding, 32px 24px);color:var(--chart-empty-color, light-dark(#9ca3af, #6b7280));text-align:center;}"
|
|
37948
37948
|
};
|
|
@@ -38540,7 +38540,7 @@ function AreaChart(e, t) {
|
|
|
38540
38540
|
p() && get(Qt)[i] && e(be);
|
|
38541
38541
|
}), each(sibling(re), 17, () => get(t).points, index, (e, n, a) => {
|
|
38542
38542
|
var o = comment(), s = first_child(o), c = (e) => {
|
|
38543
|
-
var o = root_8$
|
|
38543
|
+
var o = root_8$13();
|
|
38544
38544
|
set_attribute(o, "r", 6), template_effect((e) => {
|
|
38545
38545
|
set_attribute(o, "cx", get(n).x), set_attribute(o, "cy", get(n).y), set_attribute(o, "aria-label", e);
|
|
38546
38546
|
}, [() => en(i, get(t).dataIndices[a], get(t).xs[a])]), event("focus", o, () => dn(get(t).xs[a], i)), event("blur", o, fn), delegated("keydown", o, pn), delegated("click", o, mn), append(e, o);
|
|
@@ -38791,7 +38791,7 @@ customElements.define("sui-area-chart", create_custom_element(AreaChart_wc, {
|
|
|
38791
38791
|
}, ["empty"], [], { mode: "open" }));
|
|
38792
38792
|
//#endregion
|
|
38793
38793
|
//#region src/lib/BarChart/BarChart.svelte
|
|
38794
|
-
var root$27 = /* @__PURE__ */ from_html("<div class=\"chart-empty svelte-1mivkru\"><!></div>"), root_1$25 = /* @__PURE__ */ from_svg("<line x1=\"0\" y2=\"0\"></line>"), root_2$17 = /* @__PURE__ */ from_svg("<line x1=\"0\" y2=\"0\"></line><line x1=\"0\" y1=\"0\"></line>", 1), root_3$16 = /* @__PURE__ */ from_svg("<circle></circle>"), root_4$15 = /* @__PURE__ */ from_svg("<pattern patternUnits=\"userSpaceOnUse\"><rect></rect><!></pattern>"), root_5$14 = /* @__PURE__ */ from_svg("<stop></stop>"), root_6$14 = /* @__PURE__ */ from_svg("<linearGradient gradientUnits=\"userSpaceOnUse\"></linearGradient>"), root_7$12 = /* @__PURE__ */ from_svg("<defs></defs>"), root_8$
|
|
38794
|
+
var root$27 = /* @__PURE__ */ from_html("<div class=\"chart-empty svelte-1mivkru\"><!></div>"), root_1$25 = /* @__PURE__ */ from_svg("<line x1=\"0\" y2=\"0\"></line>"), root_2$17 = /* @__PURE__ */ from_svg("<line x1=\"0\" y2=\"0\"></line><line x1=\"0\" y1=\"0\"></line>", 1), root_3$16 = /* @__PURE__ */ from_svg("<circle></circle>"), root_4$15 = /* @__PURE__ */ from_svg("<pattern patternUnits=\"userSpaceOnUse\"><rect></rect><!></pattern>"), root_5$14 = /* @__PURE__ */ from_svg("<stop></stop>"), root_6$14 = /* @__PURE__ */ from_svg("<linearGradient gradientUnits=\"userSpaceOnUse\"></linearGradient>"), root_7$12 = /* @__PURE__ */ from_svg("<defs></defs>"), root_8$12 = /* @__PURE__ */ from_svg("<g><!></g>"), root_9$9 = /* @__PURE__ */ from_svg("<path tabindex=\"0\" role=\"button\"></path>"), root_10$9 = /* @__PURE__ */ from_svg("<text> </text>"), root_11$8 = /* @__PURE__ */ from_svg("<!><!>", 1), root_12$7 = /* @__PURE__ */ from_svg("<!><g><!><!><!><!></g>", 1), root_13$6 = /* @__PURE__ */ from_html("<!> <div class=\"chart-plot svelte-1mivkru\"><div class=\"chart-scroll-area svelte-1mivkru\" role=\"region\"><div><!></div></div> <!></div>", 1), root_14$6 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$59 = {
|
|
38795
38795
|
hash: "svelte-1mivkru",
|
|
38796
38796
|
code: ".bar-chart.svelte-1mivkru {width:100%;position:relative;}.chart-scroll-area.svelte-1mivkru {width:100%;}.chart-plot.svelte-1mivkru {position:relative;}.bar.svelte-1mivkru {transition:opacity\n var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease));cursor:pointer;}.bar.hovered.svelte-1mivkru {opacity:var(--barchart-bar-hover-opacity, 1);}.bar.highlighted.svelte-1mivkru {opacity:var(--barchart-bar-highlighted-opacity, 1);}.bar.dimmed.svelte-1mivkru {opacity:var(--barchart-bar-dimmed-opacity, 0.3);}.bar.svelte-1mivkru:focus-visible {outline:2px solid var(--chart-axis-label-color, light-dark(#333, #e5e7eb));outline-offset:1px;}.bar-value.svelte-1mivkru {fill:var(--barchart-value-color, light-dark(#333, #e5e7eb));font-size:var(--barchart-value-font-size, 14px);font-weight:var(--barchart-value-font-weight, 600);font-family:var(--chart-font-family, inherit);pointer-events:none;}.bar-value-inside.svelte-1mivkru {paint-order:stroke;stroke-width:2px;stroke-opacity:0.35;stroke-linejoin:round;}.chart-empty.svelte-1mivkru {padding:var(--chart-empty-padding, 32px 24px);color:var(--chart-empty-color, light-dark(#9ca3af, #6b7280));text-align:center;}"
|
|
38797
38797
|
};
|
|
@@ -39562,7 +39562,7 @@ function BarChart(e, t) {
|
|
|
39562
39562
|
p() && e(c);
|
|
39563
39563
|
});
|
|
39564
39564
|
var l = sibling(s), h = (e) => {
|
|
39565
|
-
var t = root_8$
|
|
39565
|
+
var t = root_8$12(), n = child(t);
|
|
39566
39566
|
{
|
|
39567
39567
|
let e = /* @__PURE__ */ user_derived(() => get(Pt) ? get(cn) : get(ln)), t = /* @__PURE__ */ user_derived(() => !get(Pt) && u());
|
|
39568
39568
|
Axis(n, {
|
|
@@ -39924,7 +39924,7 @@ customElements.define("sui-bar-chart", create_custom_element(BarChart_wc, {
|
|
|
39924
39924
|
}, ["empty"], [], { mode: "open" }));
|
|
39925
39925
|
//#endregion
|
|
39926
39926
|
//#region src/lib/DualAxisBarChart/DualAxisBarChart.svelte
|
|
39927
|
-
var root$26 = /* @__PURE__ */ from_svg("<text class=\"axis-title axis-title-left svelte-1rqgr0s\" text-anchor=\"middle\"> </text>"), root_1$24 = /* @__PURE__ */ from_svg("<text class=\"axis-title axis-title-right svelte-1rqgr0s\" text-anchor=\"middle\"> </text>"), root_2$16 = /* @__PURE__ */ from_svg("<path role=\"img\"></path>"), root_3$15 = /* @__PURE__ */ from_svg("<path class=\"line-series svelte-1rqgr0s\" fill=\"none\"></path>"), root_4$14 = /* @__PURE__ */ from_svg("<circle style=\"stroke: var(--dual-axis-dot-stroke, light-dark(#fff, #111827)); stroke-width: var(--dual-axis-dot-stroke-width, 1.5);\" role=\"img\"></circle>"), root_5$13 = /* @__PURE__ */ from_svg("<!><!>", 1), root_6$13 = /* @__PURE__ */ from_svg("<rect class=\"hover-target svelte-1rqgr0s\" fill=\"transparent\" tabindex=\"0\" role=\"button\"></rect>"), root_7$11 = /* @__PURE__ */ from_svg("<line class=\"hover-guideline svelte-1rqgr0s\"></line>"), root_8$
|
|
39927
|
+
var root$26 = /* @__PURE__ */ from_svg("<text class=\"axis-title axis-title-left svelte-1rqgr0s\" text-anchor=\"middle\"> </text>"), root_1$24 = /* @__PURE__ */ from_svg("<text class=\"axis-title axis-title-right svelte-1rqgr0s\" text-anchor=\"middle\"> </text>"), root_2$16 = /* @__PURE__ */ from_svg("<path role=\"img\"></path>"), root_3$15 = /* @__PURE__ */ from_svg("<path class=\"line-series svelte-1rqgr0s\" fill=\"none\"></path>"), root_4$14 = /* @__PURE__ */ from_svg("<circle style=\"stroke: var(--dual-axis-dot-stroke, light-dark(#fff, #111827)); stroke-width: var(--dual-axis-dot-stroke-width, 1.5);\" role=\"img\"></circle>"), root_5$13 = /* @__PURE__ */ from_svg("<!><!>", 1), root_6$13 = /* @__PURE__ */ from_svg("<rect class=\"hover-target svelte-1rqgr0s\" fill=\"transparent\" tabindex=\"0\" role=\"button\"></rect>"), root_7$11 = /* @__PURE__ */ from_svg("<line class=\"hover-guideline svelte-1rqgr0s\"></line>"), root_8$11 = /* @__PURE__ */ from_svg("<g><!><g><!></g><g><!></g><!><!><!><!><!><!></g><defs><marker></marker></defs>", 1), root_9$8 = /* @__PURE__ */ from_html("<!> <div class=\"chart-plot svelte-1rqgr0s\"><!> <!></div>", 1), root_10$8 = /* @__PURE__ */ from_html("<div class=\"chart-empty svelte-1rqgr0s\">No data available.</div>"), root_11$7 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$57 = {
|
|
39928
39928
|
hash: "svelte-1rqgr0s",
|
|
39929
39929
|
code: ".dual-axis-bar-chart.svelte-1rqgr0s {width:100%;position:relative;}.chart-plot.svelte-1rqgr0s {position:relative;}.bar-shape.svelte-1rqgr0s {transition:opacity\n var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease));cursor:pointer;}.bar-hovered.svelte-1rqgr0s {opacity:var(--dual-axis-bar-hover-opacity, 1);}.bar-dimmed.svelte-1rqgr0s {opacity:var(--dual-axis-bar-dimmed-opacity, 0.3);}.line-series.svelte-1rqgr0s {stroke-width:var(--dual-axis-line-stroke-width, 2);stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}.line-dot.svelte-1rqgr0s {transition:r var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease)),\n opacity var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease));cursor:pointer;}.dot-dimmed.svelte-1rqgr0s {opacity:var(--dual-axis-bar-dimmed-opacity, 0.3);}.hover-target.svelte-1rqgr0s {cursor:pointer;}.hover-target.svelte-1rqgr0s:focus-visible {outline:2px solid var(--chart-axis-label-color, light-dark(#333, #e5e7eb));outline-offset:-2px;}.hover-guideline.svelte-1rqgr0s {stroke:var(--dual-axis-guideline-color, light-dark(#aaa, #4b5563));stroke-width:var(--dual-axis-guideline-width, 1);stroke-dasharray:var(--dual-axis-guideline-dash, 4 3);pointer-events:none;opacity:0.6;}.axis-title.svelte-1rqgr0s {fill:var(--chart-axis-label-color, light-dark(#333, #e5e7eb));font-size:var(--chart-axis-label-font-size, 11px);font-family:var(--chart-font-family, inherit);font-weight:500;}.chart-empty.svelte-1rqgr0s {padding:var(--chart-empty-padding, 32px 24px);color:var(--chart-empty-color, light-dark(#9ca3af, #6b7280));text-align:center;}"
|
|
39930
39930
|
};
|
|
@@ -40250,7 +40250,7 @@ function DualAxisBarChart(e, t) {
|
|
|
40250
40250
|
set(at, e, !0);
|
|
40251
40251
|
},
|
|
40252
40252
|
children: (e, t) => {
|
|
40253
|
-
var l = root_8$
|
|
40253
|
+
var l = root_8$11(), u = first_child(l), f = child(u);
|
|
40254
40254
|
{
|
|
40255
40255
|
let e = /* @__PURE__ */ user_derived(() => o().color ? "axis-left-colored" : "");
|
|
40256
40256
|
Axis(f, {
|
|
@@ -40962,7 +40962,7 @@ customElements.define("sui-funnel-chart", create_custom_element(FunnelChart_wc,
|
|
|
40962
40962
|
}, ["empty"], [], { mode: "open" }));
|
|
40963
40963
|
//#endregion
|
|
40964
40964
|
//#region src/lib/LineChart/LineChart.svelte
|
|
40965
|
-
var root$24 = /* @__PURE__ */ from_html("<div class=\"chart-empty svelte-1iyxwjy\"><!></div>"), root_1$22 = /* @__PURE__ */ from_svg("<linearGradient x1=\"0\" y1=\"0\" x2=\"0\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0%\"></stop><stop offset=\"100%\"></stop></linearGradient>"), root_2$14 = /* @__PURE__ */ from_svg("<!><!>", 1), root_3$13 = /* @__PURE__ */ from_svg("<defs></defs>"), root_4$12 = /* @__PURE__ */ from_svg("<g><!></g>"), root_5$11 = /* @__PURE__ */ from_svg("<circle class=\"dot-halo svelte-1iyxwjy\"></circle>"), root_6$11 = /* @__PURE__ */ from_svg("<path></path>"), root_7$10 = /* @__PURE__ */ from_svg("<text class=\"point-value svelte-1iyxwjy\" text-anchor=\"middle\"> </text>"), root_8$
|
|
40965
|
+
var root$24 = /* @__PURE__ */ from_html("<div class=\"chart-empty svelte-1iyxwjy\"><!></div>"), root_1$22 = /* @__PURE__ */ from_svg("<linearGradient x1=\"0\" y1=\"0\" x2=\"0\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0%\"></stop><stop offset=\"100%\"></stop></linearGradient>"), root_2$14 = /* @__PURE__ */ from_svg("<!><!>", 1), root_3$13 = /* @__PURE__ */ from_svg("<defs></defs>"), root_4$12 = /* @__PURE__ */ from_svg("<g><!></g>"), root_5$11 = /* @__PURE__ */ from_svg("<circle class=\"dot-halo svelte-1iyxwjy\"></circle>"), root_6$11 = /* @__PURE__ */ from_svg("<path></path>"), root_7$10 = /* @__PURE__ */ from_svg("<text class=\"point-value svelte-1iyxwjy\" text-anchor=\"middle\"> </text>"), root_8$10 = /* @__PURE__ */ from_svg("<!><path fill=\"none\"></path><!>", 1), root_9$7 = /* @__PURE__ */ from_svg("<circle></circle>"), root_10$7 = /* @__PURE__ */ from_svg("<circle class=\"focus-target svelte-1iyxwjy\" tabindex=\"0\" role=\"button\"></circle>"), root_11$6 = /* @__PURE__ */ from_svg("<line class=\"hover-line svelte-1iyxwjy\"></line>"), root_12$6 = /* @__PURE__ */ from_svg("<!><g><!><!><!><!><!><!><!><rect class=\"hover-overlay svelte-1iyxwjy\" fill=\"transparent\" data-pw=\"hover-overlay\" testID=\"hover-overlay\"></rect></g>", 1), root_13$5 = /* @__PURE__ */ from_html("<div class=\"sr-only svelte-1iyxwjy\" role=\"status\" aria-live=\"polite\" data-pw=\"line-status\"> </div> <!> <div class=\"chart-plot svelte-1iyxwjy\"><!> <!></div>", 1), root_14$5 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$53 = {
|
|
40966
40966
|
hash: "svelte-1iyxwjy",
|
|
40967
40967
|
code: ".line-chart.svelte-1iyxwjy {width:100%;position:relative;}.chart-plot.svelte-1iyxwjy {position:relative;}.line-area-fill.svelte-1iyxwjy {transition:fill-opacity\n var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease)),\n opacity var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease));pointer-events:none;}.line-area-fill.dimmed.svelte-1iyxwjy {opacity:var(--linechart-dimmed-opacity, 0.2);}.line-path.svelte-1iyxwjy {transition:opacity\n var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease));stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}.line-path.dimmed.svelte-1iyxwjy {opacity:var(--linechart-dimmed-opacity, 0.2);}.single-point.svelte-1iyxwjy {pointer-events:none;}.single-point.dimmed.svelte-1iyxwjy {opacity:var(--linechart-dimmed-opacity, 0.2);}.dot.svelte-1iyxwjy {transition:r var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease)),\n opacity var(--chart-transition-duration, var(--duration-base, var(--motion-duration, 0.2s)))\n var(--chart-transition-easing, var(--motion-easing, ease));stroke:var(--chart-dot-stroke, light-dark(#fff, #111827));stroke-width:2;pointer-events:none;}.dot.dimmed.svelte-1iyxwjy {opacity:var(--linechart-dimmed-opacity, 0.2);}.dot.highlighted.svelte-1iyxwjy {stroke:var(--linechart-highlight-ring-color, light-dark(#fff, #111827));stroke-width:var(--linechart-highlight-ring-width, 2.5);}.dot-halo.svelte-1iyxwjy {opacity:0.25;pointer-events:none;}.focus-target.svelte-1iyxwjy {fill:transparent;pointer-events:none;}.focus-target.svelte-1iyxwjy:focus-visible {outline:2px solid var(--chart-axis-label-color, light-dark(#333, #e5e7eb));outline-offset:1px;}\n /* Standard visually-hidden recipe (matches PieChart's own .sr-only): present\n for assistive tech, removed from layout and the visual canvas. */.sr-only.svelte-1iyxwjy {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-width:0;}.point-value.svelte-1iyxwjy {fill:var(--linechart-value-color, light-dark(#333, #e5e7eb));font-size:var(--linechart-value-font-size, 11px);font-family:var(--chart-font-family, inherit);pointer-events:none;}.hover-line.svelte-1iyxwjy {stroke:var(--linechart-hover-line-color, light-dark(#ccc, #4b5563));stroke-width:1;stroke-dasharray:var(--linechart-hover-line-dash, 4 4);pointer-events:none;}.hover-overlay.svelte-1iyxwjy {cursor:crosshair;}.chart-empty.svelte-1iyxwjy {padding:var(--chart-empty-padding, 32px 24px);color:var(--chart-empty-color, light-dark(#9ca3af, #6b7280));text-align:center;}"
|
|
40968
40968
|
};
|
|
@@ -41613,7 +41613,7 @@ function LineChart(e, t) {
|
|
|
41613
41613
|
var ct = sibling(ot);
|
|
41614
41614
|
each(ct, 17, () => get($t), index, (e, t, n) => {
|
|
41615
41615
|
var o = comment(), c = first_child(o), u = (e) => {
|
|
41616
|
-
var o = root_8$
|
|
41616
|
+
var o = root_8$10(), c = first_child(o), u = (e) => {
|
|
41617
41617
|
var a = root_6$11();
|
|
41618
41618
|
let o;
|
|
41619
41619
|
template_effect((e) => {
|
|
@@ -42044,8 +42044,8 @@ function Resizable(e, t) {
|
|
|
42044
42044
|
function ct(e, t) {
|
|
42045
42045
|
if (f()) return;
|
|
42046
42046
|
e.preventDefault();
|
|
42047
|
-
let a = Me(Ue()), o = Re(it());
|
|
42048
|
-
n(a), i(o), set(re, {
|
|
42047
|
+
let a = Me(Ue()), o = Re(it()), s = te[t];
|
|
42048
|
+
s.x !== 0 && n(a), s.y !== 0 && i(o), set(re, {
|
|
42049
42049
|
edge: t,
|
|
42050
42050
|
pointerId: e.pointerId,
|
|
42051
42051
|
startX: e.clientX,
|
|
@@ -42074,7 +42074,7 @@ function Resizable(e, t) {
|
|
|
42074
42074
|
function dt(e, t) {
|
|
42075
42075
|
if (f()) return;
|
|
42076
42076
|
let a = te[t], o = Ue(), s = it(), c = !1;
|
|
42077
|
-
a.x !== 0 && (e.key === "ArrowRight" || e.key === "ArrowLeft") && (o = Me(o + (e.key === "ArrowRight" ? u() : -u())), c = !0), a.y !== 0 && (e.key === "ArrowDown" || e.key === "ArrowUp") && (s = Re(s + (e.key === "ArrowDown" ? u() : -u())), c = !0), c && (e.preventDefault(), n(o), i(s), S()?.({
|
|
42077
|
+
a.x !== 0 && (e.key === "ArrowRight" || e.key === "ArrowLeft") && (o = Me(o + (e.key === "ArrowRight" ? u() : -u())), c = !0), a.y !== 0 && (e.key === "ArrowDown" || e.key === "ArrowUp") && (s = Re(s + (e.key === "ArrowDown" ? u() : -u())), c = !0), c && (e.preventDefault(), a.x !== 0 && (e.key === "ArrowRight" || e.key === "ArrowLeft") && n(o), a.y !== 0 && (e.key === "ArrowDown" || e.key === "ArrowUp") && i(s), S()?.({
|
|
42078
42078
|
width: o,
|
|
42079
42079
|
height: s
|
|
42080
42080
|
}));
|
|
@@ -42536,7 +42536,7 @@ customElements.define("sui-draggable", create_custom_element(Draggable_wc, {
|
|
|
42536
42536
|
}, ["default"], [], { mode: "open" }));
|
|
42537
42537
|
//#endregion
|
|
42538
42538
|
//#region src/lib/assets/play.svg?raw
|
|
42539
|
-
var play_default = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 5v14l11-7z\" />\n</svg>\n", pause_default = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" />\n <rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" />\n</svg>\n", volume_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 9v6h4l5 5V4L8 9H4z\" fill=\"currentColor\" stroke=\"none\" />\n <path d=\"M16 8.5a4 4 0 0 1 0 7\" />\n <path d=\"M18.5 6a7 7 0 0 1 0 12\" />\n</svg>\n", mute_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 9v6h4l5 5V4L8 9H4z\" fill=\"currentColor\" stroke=\"none\" />\n <line x1=\"16\" y1=\"9\" x2=\"21\" y2=\"14\" />\n <line x1=\"21\" y1=\"9\" x2=\"16\" y2=\"14\" />\n</svg>\n", fullscreen_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 9V5.5A1.5 1.5 0 0 1 5.5 4H9\" />\n <path d=\"M15 4h3.5A1.5 1.5 0 0 1 20 5.5V9\" />\n <path d=\"M20 15v3.5a1.5 1.5 0 0 1-1.5 1.5H15\" />\n <path d=\"M9 20H5.5A1.5 1.5 0 0 1 4 18.5V15\" />\n</svg>\n", exit_fullscreen_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M9 4v3.5A1.5 1.5 0 0 1 7.5 9H4\" />\n <path d=\"M20 9h-3.5A1.5 1.5 0 0 1 15 7.5V4\" />\n <path d=\"M15 20v-3.5a1.5 1.5 0 0 1 1.5-1.5H20\" />\n <path d=\"M4 15h3.5A1.5 1.5 0 0 1 9 16.5V20\" />\n</svg>\n", root_1$20 = /* @__PURE__ */ from_html("<span class=\"media-image svelte-16jqa96\"><!></span>"), root_2$13 = /* @__PURE__ */ from_html("<track kind=\"captions\"/>"), root_3$12 = /* @__PURE__ */ from_html("<div class=\"seek svelte-16jqa96\"><!></div>"), root_4$11 = /* @__PURE__ */ from_html("<span class=\"time svelte-16jqa96\"> </span>"), root_5$10 = /* @__PURE__ */ from_html("<div class=\"control bottom-control svelte-16jqa96\"><!></div>"), root_6$10 = /* @__PURE__ */ from_html("<div class=\"overlay svelte-16jqa96\"><div class=\"center-controls svelte-16jqa96\"><div class=\"control center-control svelte-16jqa96\"><!></div></div> <div><!> <!> <div class=\"control bottom-control svelte-16jqa96\"><!></div> <!></div></div>"), root_7$9 = /* @__PURE__ */ from_html("<video class=\"media svelte-16jqa96\" playsinline=\"\"><!></video> <!>", 3), root_8$
|
|
42539
|
+
var play_default = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 5v14l11-7z\" />\n</svg>\n", pause_default = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" />\n <rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" />\n</svg>\n", volume_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 9v6h4l5 5V4L8 9H4z\" fill=\"currentColor\" stroke=\"none\" />\n <path d=\"M16 8.5a4 4 0 0 1 0 7\" />\n <path d=\"M18.5 6a7 7 0 0 1 0 12\" />\n</svg>\n", mute_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 9v6h4l5 5V4L8 9H4z\" fill=\"currentColor\" stroke=\"none\" />\n <line x1=\"16\" y1=\"9\" x2=\"21\" y2=\"14\" />\n <line x1=\"21\" y1=\"9\" x2=\"16\" y2=\"14\" />\n</svg>\n", fullscreen_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 9V5.5A1.5 1.5 0 0 1 5.5 4H9\" />\n <path d=\"M15 4h3.5A1.5 1.5 0 0 1 20 5.5V9\" />\n <path d=\"M20 15v3.5a1.5 1.5 0 0 1-1.5 1.5H15\" />\n <path d=\"M9 20H5.5A1.5 1.5 0 0 1 4 18.5V15\" />\n</svg>\n", exit_fullscreen_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M9 4v3.5A1.5 1.5 0 0 1 7.5 9H4\" />\n <path d=\"M20 9h-3.5A1.5 1.5 0 0 1 15 7.5V4\" />\n <path d=\"M15 20v-3.5a1.5 1.5 0 0 1 1.5-1.5H20\" />\n <path d=\"M4 15h3.5A1.5 1.5 0 0 1 9 16.5V20\" />\n</svg>\n", root_1$20 = /* @__PURE__ */ from_html("<span class=\"media-image svelte-16jqa96\"><!></span>"), root_2$13 = /* @__PURE__ */ from_html("<track kind=\"captions\"/>"), root_3$12 = /* @__PURE__ */ from_html("<div class=\"seek svelte-16jqa96\"><!></div>"), root_4$11 = /* @__PURE__ */ from_html("<span class=\"time svelte-16jqa96\"> </span>"), root_5$10 = /* @__PURE__ */ from_html("<div class=\"control bottom-control svelte-16jqa96\"><!></div>"), root_6$10 = /* @__PURE__ */ from_html("<div class=\"overlay svelte-16jqa96\"><div class=\"center-controls svelte-16jqa96\"><div class=\"control center-control svelte-16jqa96\"><!></div></div> <div><!> <!> <div class=\"control bottom-control svelte-16jqa96\"><!></div> <!></div></div>"), root_7$9 = /* @__PURE__ */ from_html("<video class=\"media svelte-16jqa96\" playsinline=\"\"><!></video> <!>", 3), root_8$9 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$47 = {
|
|
42540
42540
|
hash: "svelte-16jqa96",
|
|
42541
42541
|
code: ".media-player.svelte-16jqa96 {box-sizing:border-box;display:flex;position:relative;height:var(--media-player-height, 400px);width:var(--media-player-width, fit-content);border-radius:var(--media-player-border-radius, 14px);overflow:var(--media-player-overflow, hidden);background:var(--media-player-background, transparent);}.media.svelte-16jqa96 {height:var(--media-player-media-height, 100%);width:var(--media-player-media-width, fit-content);object-fit:var(--media-player-media-object-fit, contain);border-radius:var(--media-player-media-border-radius, inherit);display:block;}video.media.svelte-16jqa96 {cursor:var(--media-player-media-cursor, pointer);}.media-image.svelte-16jqa96 {display:contents;--image-height: var(--media-player-media-height, 100%);--image-width: var(--media-player-media-width, fit-content);--image-object-fit: var(--media-player-media-object-fit, contain);--image-border-radius: var(--media-player-media-border-radius, 0px);--image-padding: 0px;--image-margin: 0px;}.overlay.svelte-16jqa96 {position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;z-index:var(--media-player-overlay-z-index, 20);border-radius:inherit;background-color:var(--media-player-overlay-color, transparent);transition:var(\n --media-player-overlay-transition,\n background-color\n var(\n --media-player-overlay-transition-duration,\n var(--duration-base, var(--motion-duration, 0.2s))\n )\n var(--media-player-overlay-transition-easing, var(--motion-easing, ease))\n );--center-controls-visibility: var(--media-player-center-controls-visibility, hidden);--bottom-controls-visibility: var(--media-player-bottom-controls-visibility, hidden);}\n\n /* :focus-within alongside :hover so the overlay controls (play/pause, mute) are\n reachable for keyboard users too -- :hover alone left them visibility:hidden (and\n so out of the tab order) for anyone not using a mouse. */.overlay.svelte-16jqa96:hover,\n .overlay.svelte-16jqa96:focus-within {background-color:var(--media-player-overlay-hover-color, #0000004d);--center-controls-visibility: visible;--bottom-controls-visibility: visible;}.center-controls.svelte-16jqa96 {display:flex;flex:1;justify-content:center;align-items:center;visibility:var(--center-controls-visibility);}.bottom-controls.svelte-16jqa96 {display:flex;width:100%;height:fit-content;justify-content:var(--media-player-bottom-controls-justify, flex-end);box-sizing:border-box;padding:var(--media-player-bottom-controls-padding, 12px);visibility:var(--bottom-controls-visibility);}\n\n /* With a seek bar, time or fullscreen present the row becomes a transport bar: the\n seek bar takes the free space and the rest sit beside it, centred on each other. */.bottom-controls.transport.svelte-16jqa96 {justify-content:var(--media-player-transport-justify, flex-start);align-items:center;gap:var(--media-player-transport-gap, 12px);}.seek.svelte-16jqa96 {flex:1;min-width:0;--slider-track-color: var(--media-player-seek-track-color, #ffffff59);--slider-fill-color: var(--media-player-seek-fill-color, #ffffff);--slider-thumb-color: var(--media-player-seek-thumb-color, #ffffff);}.time.svelte-16jqa96 {flex-shrink:0;font-family:var(--media-player-time-font-family, inherit);font-size:var(--media-player-time-font-size, 12px);font-variant-numeric:tabular-nums;color:var(--media-player-time-color, #ffffff);white-space:nowrap;}\n\n /* In fullscreen the container is the fullscreen element, so it must fill the screen\n rather than keep the fixed height a page layout gave it. */.media-player.fullscreen.svelte-16jqa96 {height:100%;width:100%;background:var(--media-player-fullscreen-background, #000000);}.media-player.fullscreen.svelte-16jqa96 .media:where(.svelte-16jqa96) {height:100%;width:100%;}.control.svelte-16jqa96 {--button-padding: var(--media-player-control-padding, 0px);--button-border: var(--media-player-control-border, none);--button-border-radius: var(--media-player-control-border-radius, 50%);--button-color: var(--media-player-control-background-color, transparent);--button-text-color: var(--media-player-control-color, #ffffff);--button-content-gap: 0px;--button-hover-color: var(\n --media-player-control-hover-background-color,\n var(--media-player-control-background-color, transparent)\n );--button-hover-text-color: var(\n --media-player-control-hover-color,\n var(--media-player-control-color, #ffffff)\n );}.center-control.svelte-16jqa96 {--button-width: var(--media-player-center-control-size, 64px);--button-height: var(--media-player-center-control-size, 64px);}.bottom-control.svelte-16jqa96 {--button-width: var(--media-player-bottom-control-size, 24px);--button-height: var(--media-player-bottom-control-size, 24px);}.control.svelte-16jqa96 svg,\n .control.svelte-16jqa96 img {height:var(--media-player-control-icon-size, 100%);width:var(--media-player-control-icon-size, 100%);object-fit:contain;}"
|
|
42542
42542
|
};
|
|
@@ -42795,7 +42795,7 @@ function MediaPlayer(e, t) {
|
|
|
42795
42795
|
set classes(e) {
|
|
42796
42796
|
ft(e), flushSync();
|
|
42797
42797
|
}
|
|
42798
|
-
}, Nt = root_8$
|
|
42798
|
+
}, Nt = root_8$9();
|
|
42799
42799
|
let Pt;
|
|
42800
42800
|
var It = child(Nt), Lt = (e) => {
|
|
42801
42801
|
var t = root_1$20();
|
|
@@ -43205,7 +43205,7 @@ customElements.define("sui-media-player", create_custom_element(MediaPlayer_wc,
|
|
|
43205
43205
|
], [], { mode: "open" }));
|
|
43206
43206
|
//#endregion
|
|
43207
43207
|
//#region src/lib/assets/add.svg?raw
|
|
43208
|
-
var add_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n</svg>\n", file_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14 3v5h5\" />\n <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8l-5-5z\" />\n</svg>\n", root$21 = /* @__PURE__ */ from_html("<div class=\"label svelte-nabf7u\"> </div>"), root_1$19 = /* @__PURE__ */ from_html("<div class=\"counter svelte-nabf7u\"><!></div>"), root_2$12 = /* @__PURE__ */ from_html("<div class=\"counter svelte-nabf7u\"> </div>"), root_3$11 = /* @__PURE__ */ from_html("<div class=\"header svelte-nabf7u\"><!> <!></div>"), root_4$10 = /* @__PURE__ */ from_html("<div class=\"description svelte-nabf7u\"> </div>"), root_5$9 = /* @__PURE__ */ from_html("<span class=\"thumb svelte-nabf7u\"><!></span>"), root_6$9 = /* @__PURE__ */ from_html("<span class=\"thumb-loading svelte-nabf7u\"><!></span>"), root_7$8 = /* @__PURE__ */ from_html("<div class=\"file-icon svelte-nabf7u\"><!></div>"), root_8$
|
|
43208
|
+
var add_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n</svg>\n", file_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14 3v5h5\" />\n <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8l-5-5z\" />\n</svg>\n", root$21 = /* @__PURE__ */ from_html("<div class=\"label svelte-nabf7u\"> </div>"), root_1$19 = /* @__PURE__ */ from_html("<div class=\"counter svelte-nabf7u\"><!></div>"), root_2$12 = /* @__PURE__ */ from_html("<div class=\"counter svelte-nabf7u\"> </div>"), root_3$11 = /* @__PURE__ */ from_html("<div class=\"header svelte-nabf7u\"><!> <!></div>"), root_4$10 = /* @__PURE__ */ from_html("<div class=\"description svelte-nabf7u\"> </div>"), root_5$9 = /* @__PURE__ */ from_html("<span class=\"thumb svelte-nabf7u\"><!></span>"), root_6$9 = /* @__PURE__ */ from_html("<span class=\"thumb-loading svelte-nabf7u\"><!></span>"), root_7$8 = /* @__PURE__ */ from_html("<div class=\"file-icon svelte-nabf7u\"><!></div>"), root_8$8 = /* @__PURE__ */ from_html("<span class=\"meta-name svelte-nabf7u\"> </span>"), root_9$6 = /* @__PURE__ */ from_html("<span class=\"meta-size svelte-nabf7u\"> </span>"), root_10$6 = /* @__PURE__ */ from_html("<div class=\"meta svelte-nabf7u\"><!> <!></div>"), root_11$5 = /* @__PURE__ */ from_html("<div class=\"remove svelte-nabf7u\"><!></div>"), root_12$5 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_13$4 = /* @__PURE__ */ from_html("<span class=\"drop-text svelte-nabf7u\"> </span>"), root_14$4 = /* @__PURE__ */ from_html("<span class=\"drop-hint svelte-nabf7u\"> </span>"), root_15$4 = /* @__PURE__ */ from_html("<label><span class=\"drop-icon svelte-nabf7u\"><!></span> <!> <!> <input type=\"file\" class=\"file-input\" hidden=\"\"/></label>"), root_16$3 = /* @__PURE__ */ from_html("<div class=\"error svelte-nabf7u\" role=\"alert\"> </div>"), root_17$3 = /* @__PURE__ */ from_html("<div><!> <!> <div class=\"grid svelte-nabf7u\"><!> <!></div> <!></div>"), $$css$45 = {
|
|
43209
43209
|
hash: "svelte-nabf7u",
|
|
43210
43210
|
code: ".media-upload.svelte-nabf7u {box-sizing:border-box;display:flex;flex-direction:column;width:var(--media-upload-width, fit-content);font-family:var(--media-upload-font-family, inherit);color:var(--media-upload-color, inherit);}.media-upload.disabled.svelte-nabf7u {opacity:var(--media-upload-disabled-opacity, 0.55);}.header.svelte-nabf7u {display:flex;align-items:baseline;justify-content:space-between;gap:var(--media-upload-header-gap, 12px);margin:var(--media-upload-label-margin, 0 0 4px 0);}.label.svelte-nabf7u {font-size:var(--media-upload-label-font-size, 14px);font-weight:var(--media-upload-label-font-weight, 600);color:var(--media-upload-label-color, #242833);}.counter.svelte-nabf7u {font-size:var(--media-upload-counter-font-size, 12px);font-weight:var(--media-upload-counter-font-weight, 500);color:var(--media-upload-counter-color, #5a5a5a);font-variant-numeric:tabular-nums;}.description.svelte-nabf7u {font-size:var(--media-upload-description-font-size, 12px);color:var(--media-upload-description-color, #656565);margin:var(--media-upload-description-margin, 0);}.grid.svelte-nabf7u {display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--media-upload-gap, 12px);margin:var(--media-upload-content-margin, 12px 0 0 0);}.card.svelte-nabf7u,\n .drop-tile.svelte-nabf7u {box-sizing:border-box;height:var(--media-upload-item-height, 110px);width:var(--media-upload-item-width, 110px);border-radius:var(--media-upload-item-border-radius, 14px);}.card.svelte-nabf7u {position:relative;overflow:hidden;border:var(--media-upload-item-border, 1px solid #e4e4e7);background-color:var(--media-upload-item-background-color, #fafafa);box-shadow:var(--media-upload-item-box-shadow, 0 1px 2px rgba(0, 0, 0, 0.06));transition:var(--media-upload-item-transition, box-shadow 0.2s ease, transform 0.2s ease);}.card.svelte-nabf7u:hover {box-shadow:var(--media-upload-item-hover-box-shadow, 0 6px 18px rgba(0, 0, 0, 0.14));transform:var(--media-upload-item-hover-transform, translateY(-2px));}.thumb.svelte-nabf7u {display:contents;--image-width: 100%;--image-height: 100%;--image-object-fit: var(--media-upload-item-object-fit, cover);--image-border-radius: 0px;--image-padding: 0px;--image-margin: 0px;}.thumb-loading.svelte-nabf7u {display:contents;--shimmer-width: 100%;--shimmer-height: 100%;--shimmer-border-radius: 0px;}.file-icon.svelte-nabf7u {display:flex;height:100%;width:100%;justify-content:center;align-items:center;color:var(--media-upload-file-icon-color, #8a8f98);}.file-icon.svelte-nabf7u svg,\n .file-icon.svelte-nabf7u img {height:var(--media-upload-file-icon-size, 36px);width:var(--media-upload-file-icon-size, 36px);object-fit:contain;}.meta.svelte-nabf7u {position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;padding:var(--media-upload-meta-padding, 6px 8px);background:var(\n --media-upload-meta-background,\n linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0))\n );color:var(--media-upload-meta-color, #ffffff);}.is-file.svelte-nabf7u .meta:where(.svelte-nabf7u) {background:var(--media-upload-file-meta-background, transparent);color:var(--media-upload-file-meta-color, #52525b);}.meta-name.svelte-nabf7u {font-size:var(--media-upload-meta-name-font-size, 11px);font-weight:var(--media-upload-meta-name-font-weight, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.meta-size.svelte-nabf7u {font-size:var(--media-upload-meta-size-font-size, 10px);opacity:var(--media-upload-meta-size-opacity, 0.85);font-variant-numeric:tabular-nums;}.remove.svelte-nabf7u {position:absolute;top:var(--media-upload-remove-inset, 6px);right:var(--media-upload-remove-inset, 6px);opacity:var(--media-upload-remove-opacity, 0);transition:var(--media-upload-remove-transition, opacity 0.18s ease);--button-width: var(--media-upload-remove-size, 24px);--button-height: var(--media-upload-remove-size, 24px);--button-padding: var(--media-upload-remove-padding, 4px);--button-border: var(--media-upload-remove-border, none);--button-border-radius: var(--media-upload-remove-border-radius, 50%);--button-color: var(--media-upload-remove-background-color, rgba(0, 0, 0, 0.55));--button-text-color: var(--media-upload-remove-color, #ffffff);--button-content-gap: 0px;--button-hover-color: var(--media-upload-remove-hover-background-color, rgba(0, 0, 0, 0.78));--button-hover-text-color: var(\n --media-upload-remove-hover-color,\n var(--media-upload-remove-color, #ffffff)\n );}.card.svelte-nabf7u:hover .remove:where(.svelte-nabf7u),\n .remove.svelte-nabf7u:focus-within {opacity:1;}.remove.svelte-nabf7u svg,\n .remove.svelte-nabf7u img {height:var(--media-upload-remove-icon-size, 100%);width:var(--media-upload-remove-icon-size, 100%);object-fit:contain;}.drop-tile.svelte-nabf7u {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--media-upload-add-gap, 6px);box-sizing:border-box;padding:var(--media-upload-add-padding, 12px);text-align:center;background-color:var(--media-upload-add-background-color, #fafafa);border:var(--media-upload-add-border, 1.5px dashed #c8ccd2);color:var(--media-upload-add-color, #4b5563);cursor:pointer;transition:var(\n --media-upload-add-transition,\n border-color 0.18s ease,\n background-color 0.18s ease,\n color 0.18s ease\n );}.drop-tile.svelte-nabf7u:hover {background-color:var(--media-upload-add-hover-background-color, #f1f5ff);border:var(--media-upload-add-hover-border, 1.5px dashed #6d8eff);color:var(--media-upload-add-hover-color, #3b5bdb);}.drop-tile.dragging.svelte-nabf7u {background-color:var(--media-upload-add-dragging-background-color, #e7efff);border:var(--media-upload-add-dragging-border, 1.5px solid #3b5bdb);color:var(--media-upload-add-dragging-color, #3b5bdb);}.drop-icon.svelte-nabf7u {display:flex;justify-content:center;align-items:center;}.drop-icon.svelte-nabf7u svg,\n .drop-icon.svelte-nabf7u img {height:var(--media-upload-add-icon-size, 22px);width:var(--media-upload-add-icon-size, 22px);object-fit:contain;}.drop-text.svelte-nabf7u {font-size:var(--media-upload-add-text-font-size, 11px);line-height:var(--media-upload-add-text-line-height, 1.3);}.drop-hint.svelte-nabf7u {font-size:var(--media-upload-add-hint-font-size, 10px);color:var(--media-upload-add-hint-color, #4b5563);}.error.svelte-nabf7u {font-size:var(--media-upload-error-font-size, 12px);color:var(--media-upload-error-color, #e0334b);margin:var(--media-upload-error-margin, 8px 0 0 0);}\n\n /* `--media-upload-item-transition` defaults to a box-shadow AND transform lift\n on hover. The shadow alone would be fine; the transform is movement, and a\n consumer overriding the token is most likely adding more of it. Dropping the\n whole declaration is right here because every end state is a resting state. */\n @media (prefers-reduced-motion: reduce) {.card.svelte-nabf7u {transition:none;}\n }"
|
|
43211
43211
|
};
|
|
@@ -43529,7 +43529,7 @@ function MediaUpload(e, t) {
|
|
|
43529
43529
|
});
|
|
43530
43530
|
var l = sibling(o, 2), u = (e) => {
|
|
43531
43531
|
var n = root_10$6(), i = child(n), a = (e) => {
|
|
43532
|
-
var n = root_8$
|
|
43532
|
+
var n = root_8$8(), i = child(n, !0);
|
|
43533
43533
|
reset(n), template_effect(() => set_text(i, get(t).name)), append(e, n);
|
|
43534
43534
|
};
|
|
43535
43535
|
if_block(i, (e) => {
|
|
@@ -44043,7 +44043,7 @@ var edit_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.
|
|
|
44043
44043
|
if_block(a, (e) => {
|
|
44044
44044
|
typeof n() == "function" ? e(o) : e(s, -1);
|
|
44045
44045
|
}), append(e, i);
|
|
44046
|
-
}, root$18 = /* @__PURE__ */ from_html("<span class=\"grid-image-wrap svelte-14wkit2\"><!></span> <!>", 1), root_1$16 = /* @__PURE__ */ from_html("<span class=\"list-caption svelte-14wkit2\"> </span>"), root_2$10 = /* @__PURE__ */ from_html("<span class=\"list-text svelte-14wkit2\"><span class=\"list-title svelte-14wkit2\"> </span> <!></span>"), root_3$10 = /* @__PURE__ */ from_html("<!> <!>", 1), root_4$9 = /* @__PURE__ */ from_html("<button class=\"gallery-item-content svelte-14wkit2\"><!></button>"), root_5$8 = /* @__PURE__ */ from_html("<div class=\"gallery-item-content svelte-14wkit2\"><!></div>"), root_6$8 = /* @__PURE__ */ from_html("<div class=\"gallery-item-action svelte-14wkit2\"><!></div>"), root_7$7 = /* @__PURE__ */ from_html("<div class=\"gallery-item-actions svelte-14wkit2\"><!> <!></div>"), root_8$
|
|
44046
|
+
}, root$18 = /* @__PURE__ */ from_html("<span class=\"grid-image-wrap svelte-14wkit2\"><!></span> <!>", 1), root_1$16 = /* @__PURE__ */ from_html("<span class=\"list-caption svelte-14wkit2\"> </span>"), root_2$10 = /* @__PURE__ */ from_html("<span class=\"list-text svelte-14wkit2\"><span class=\"list-title svelte-14wkit2\"> </span> <!></span>"), root_3$10 = /* @__PURE__ */ from_html("<!> <!>", 1), root_4$9 = /* @__PURE__ */ from_html("<button class=\"gallery-item-content svelte-14wkit2\"><!></button>"), root_5$8 = /* @__PURE__ */ from_html("<div class=\"gallery-item-content svelte-14wkit2\"><!></div>"), root_6$8 = /* @__PURE__ */ from_html("<div class=\"gallery-item-action svelte-14wkit2\"><!></div>"), root_7$7 = /* @__PURE__ */ from_html("<div class=\"gallery-item-actions svelte-14wkit2\"><!> <!></div>"), root_8$7 = /* @__PURE__ */ from_html("<div class=\"gallery-item svelte-14wkit2\" role=\"listitem\"><!> <!></div>"), root_9$5 = /* @__PURE__ */ from_html("<div class=\"lightbox-previous svelte-14wkit2\"><!></div>"), root_10$5 = /* @__PURE__ */ from_html("<figcaption class=\"lightbox-caption svelte-14wkit2\"> </figcaption>"), root_11$4 = /* @__PURE__ */ from_html("<figure class=\"lightbox-figure svelte-14wkit2\"><!> <!></figure>"), root_12$4 = /* @__PURE__ */ from_html("<div class=\"lightbox-next svelte-14wkit2\"><!></div>"), root_13$3 = /* @__PURE__ */ from_html("<div class=\"lightbox-counter svelte-14wkit2\" aria-live=\"polite\"> </div>"), root_14$3 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-modal=\"true\" tabindex=\"-1\"><div class=\"lightbox-close svelte-14wkit2\"><!></div> <!> <!> <!> <!></div>"), root_15$3 = /* @__PURE__ */ from_html("<div role=\"list\"></div> <!>", 1), $$css$39 = {
|
|
44047
44047
|
hash: "svelte-14wkit2",
|
|
44048
44048
|
code: ".gallery.svelte-14wkit2 {width:var(--gallery-width, 100%);padding:var(--gallery-padding, 0px);margin:var(--gallery-margin, 0px);background:var(--gallery-background, transparent);}.gallery.grid.svelte-14wkit2 {display:grid;grid-template-columns:var(\n --gallery-grid-template-columns,\n repeat(var(--gallery-columns, 3), 1fr)\n );gap:var(--gallery-gap, 8px);}.gallery.list.svelte-14wkit2 {display:flex;flex-direction:column;gap:var(--gallery-gap, 8px);}.gallery-item.svelte-14wkit2 {position:relative;}.grid.svelte-14wkit2 .gallery-item:where(.svelte-14wkit2) {aspect-ratio:var(--gallery-item-aspect-ratio, 1);border-radius:var(--gallery-item-border-radius, 0px);overflow:hidden;--image-width: 100%;--image-height: 100%;--image-object-fit: var(--gallery-item-image-fit, cover);--image-border-radius: var(--gallery-item-border-radius, 0px);--image-transition: var(--gallery-item-image-transition);}.grid.has-item-footer.svelte-14wkit2 .gallery-item:where(.svelte-14wkit2) {aspect-ratio:auto;overflow:visible;border-radius:0px;}.list.svelte-14wkit2 .gallery-item:where(.svelte-14wkit2) {display:flex;align-items:center;border-radius:var(--gallery-list-item-border-radius, 0px);background:var(--gallery-list-item-background, transparent);--image-width: var(--gallery-list-thumbnail-width, 56px);--image-height: var(--gallery-list-thumbnail-height, 56px);--image-object-fit: var(--gallery-list-thumbnail-fit, cover);--image-border-radius: var(--gallery-list-thumbnail-border-radius, 0px);--image-transition: var(--gallery-item-image-transition);--image-flex-shrink: 0;}.gallery-item-content.svelte-14wkit2 {font:inherit;color:inherit;border:var(--gallery-item-border, none);background:transparent;}button.gallery-item-content.svelte-14wkit2 {cursor:var(--gallery-item-cursor, pointer);transition:var(--gallery-item-transition);}.grid.svelte-14wkit2 .gallery-item-content:where(.svelte-14wkit2) {display:block;width:100%;height:100%;padding:0;border-radius:var(--gallery-item-border-radius, 0px);}.grid.has-item-footer.svelte-14wkit2 .gallery-item-content:where(.svelte-14wkit2) {display:flex;flex-direction:column;height:auto;border-radius:var(--gallery-item-border-radius, 0px);overflow:hidden;}.grid-image-wrap.svelte-14wkit2 {display:block;aspect-ratio:var(--gallery-item-aspect-ratio, 1);overflow:hidden;--image-width: 100%;--image-height: 100%;--image-object-fit: var(--gallery-item-image-fit, cover);--image-border-radius: 0px;--image-transition: var(--gallery-item-image-transition);}.list.svelte-14wkit2 .gallery-item-content:where(.svelte-14wkit2) {display:flex;align-items:center;text-align:left;flex:1;min-width:0;gap:var(--gallery-list-item-gap, 12px);padding:var(--gallery-list-item-padding, 8px);}.grid.svelte-14wkit2 button.gallery-item-content:where(.svelte-14wkit2):hover {opacity:var(--gallery-item-hover-opacity, 1);transform:var(--gallery-item-hover-transform);}.grid.svelte-14wkit2 button.gallery-item-content:where(.svelte-14wkit2):focus-visible {outline:var(--gallery-item-focus-outline, 2px solid currentColor);outline-offset:var(--gallery-item-focus-outline-offset, 2px);}.list.svelte-14wkit2 button.gallery-item-content:where(.svelte-14wkit2):focus-visible {outline:none;}.list.svelte-14wkit2 .gallery-item:where(.svelte-14wkit2):has(button.gallery-item-content:where(.svelte-14wkit2)):hover {background:var(--gallery-list-item-hover-background, transparent);}.list.svelte-14wkit2 .gallery-item:where(.svelte-14wkit2):has(button.gallery-item-content:where(.svelte-14wkit2):focus-visible) {outline:var(--gallery-item-focus-outline, 2px solid currentColor);outline-offset:var(--gallery-item-focus-outline-offset, 2px);}.list-text.svelte-14wkit2 {display:flex;flex-direction:column;gap:var(--gallery-list-text-gap, 2px);min-width:0;}.list-title.svelte-14wkit2,\n .list-caption.svelte-14wkit2 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.list-title.svelte-14wkit2 {color:var(--gallery-list-title-color, inherit);font-size:var(--gallery-list-title-font-size, 14px);font-weight:var(--gallery-list-title-font-weight, 500);font-family:var(--gallery-list-title-font-family, inherit);}.list-caption.svelte-14wkit2 {color:var(--gallery-list-caption-color, inherit);font-size:var(--gallery-list-caption-font-size, 12px);font-family:var(--gallery-list-caption-font-family, inherit);}.gallery-item-actions.svelte-14wkit2 {display:flex;align-items:center;gap:var(--gallery-item-actions-gap, 4px);}.grid.svelte-14wkit2 .gallery-item-actions:where(.svelte-14wkit2) {position:absolute;top:var(--gallery-item-actions-top, 8px);right:var(--gallery-item-actions-right, 8px);}.list.svelte-14wkit2 .gallery-item-actions:where(.svelte-14wkit2) {flex-shrink:0;padding-right:var(--gallery-item-actions-right, 8px);}.gallery-item-action.svelte-14wkit2 {border-radius:var(--gallery-item-action-border-radius, 8px);--button-color: transparent;--button-hover-color: transparent;--button-padding: var(--gallery-item-action-padding, 6px);--button-border-radius: var(--gallery-item-action-border-radius, 8px);--icon-container-padding: 0px;--icon-padding: 0px;--icon-width: var(--gallery-item-action-icon-size, 16px);--icon-height: var(--gallery-item-action-icon-size, 16px);}.grid.svelte-14wkit2 .gallery-item-action:where(.svelte-14wkit2) {background:var(--gallery-item-action-background, #00000066);-webkit-backdrop-filter:var(--gallery-item-action-backdrop-filter, blur(8px));backdrop-filter:var(--gallery-item-action-backdrop-filter, blur(8px));--button-text-color: var(--gallery-item-action-color, #ffffff);}.grid.svelte-14wkit2 .gallery-item-action:where(.svelte-14wkit2):hover {background:var(--gallery-item-action-hover-background, #00000099);}.list.svelte-14wkit2 .gallery-item-action:where(.svelte-14wkit2) {background:var(--gallery-item-action-background, transparent);--button-text-color: var(--gallery-item-action-color, currentColor);}.list.svelte-14wkit2 .gallery-item-action:where(.svelte-14wkit2):hover {background:var(--gallery-item-action-hover-background, #80808026);}.lightbox.svelte-14wkit2 {position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--gallery-lightbox-z-index, 15);display:flex;justify-content:center;align-items:center;background:var(--gallery-lightbox-background, #000000e6);-webkit-tap-highlight-color:transparent;--_gallery-lightbox-transition-duration: var(\n --gallery-lightbox-transition-duration,\n var(--duration-base, var(--motion-duration))\n );}.lightbox.svelte-14wkit2:focus {outline:none;}\n\n /* lightboxAction focuses this element directly on open (and goToIndex\n re-focuses it whenever focus isn't already inside), and it's the\n Tab-trap's own boundary, so the unconditional :focus suppression above\n left a keyboard user with no visible sign focus had moved into the\n lightbox at all. :focus-visible wins the cascade over the plain :focus\n rule above (equal specificity, later in source, and a strict subset) only\n when the browser judges this came from keyboard/programmatic focus, so\n the thumbnail click that opens the lightbox still shows nothing new.\n outline-offset is negative (inset), matching Sheet's sheet-panel: the\n lightbox sits flush against all four viewport edges, so a positive offset\n would clip. */.lightbox.svelte-14wkit2:focus-visible {outline:var(--gallery-lightbox-focus-outline, 2px solid #2563eb);outline-offset:var(--gallery-lightbox-focus-outline-offset, -2px);}.lightbox-figure.svelte-14wkit2 {display:flex;flex-direction:column;align-items:center;gap:var(--gallery-lightbox-caption-gap, 12px);margin:0;pointer-events:none;--image-width: var(--gallery-lightbox-image-width, 85vw);--image-height: var(--gallery-lightbox-image-height, 75vh);--image-object-fit: var(--gallery-lightbox-image-fit, contain);--image-border-radius: var(--gallery-lightbox-image-border-radius, 0px);}.lightbox-caption.svelte-14wkit2 {color:var(--gallery-lightbox-caption-color, #ffffff);font-size:var(--gallery-lightbox-caption-font-size, 14px);font-family:var(--gallery-lightbox-caption-font-family, inherit);text-align:center;max-width:var(--gallery-lightbox-image-width, 85vw);}.lightbox-counter.svelte-14wkit2 {position:absolute;bottom:var(--gallery-lightbox-counter-bottom, 16px);left:50%;transform:translateX(-50%);color:var(--gallery-lightbox-counter-color, #ffffff);font-size:var(--gallery-lightbox-counter-font-size, 13px);font-family:var(--gallery-lightbox-counter-font-family, inherit);}.lightbox-close.svelte-14wkit2,\n .lightbox-previous.svelte-14wkit2,\n .lightbox-next.svelte-14wkit2 {position:absolute;--button-color: var(--gallery-lightbox-control-background, transparent);--button-text-color: var(--gallery-lightbox-control-color, #ffffff);--button-hover-color: var(--gallery-lightbox-control-hover-background, #ffffff1f);--button-padding: var(--gallery-lightbox-control-padding, 8px);--button-border-radius: var(--gallery-lightbox-control-border-radius, 50%);--icon-container-padding: 0px;--icon-padding: 0px;--icon-width: var(--gallery-lightbox-control-icon-size, 24px);--icon-height: var(--gallery-lightbox-control-icon-size, 24px);}.lightbox-close.svelte-14wkit2 {top:var(--gallery-lightbox-close-top, 16px);right:var(--gallery-lightbox-close-right, 16px);}.lightbox-previous.svelte-14wkit2,\n .lightbox-next.svelte-14wkit2 {top:50%;transform:translateY(-50%);}.lightbox-previous.svelte-14wkit2 {left:var(--gallery-lightbox-nav-inset, 16px);}.lightbox-next.svelte-14wkit2 {right:var(--gallery-lightbox-nav-inset, 16px);}"
|
|
44049
44049
|
};
|
|
@@ -44307,7 +44307,7 @@ function Gallery(e, t) {
|
|
|
44307
44307
|
}
|
|
44308
44308
|
}, It = root_15$3(), Lt = first_child(It);
|
|
44309
44309
|
each(Lt, 21, i, index, (e, t, a) => {
|
|
44310
|
-
var o = root_8$
|
|
44310
|
+
var o = root_8$7(), s = child(o), l = (e) => {
|
|
44311
44311
|
var o = root_4$9();
|
|
44312
44312
|
n(child(o), () => get(t), () => a), reset(o), template_effect(() => set_attribute(o, "aria-label", c() ? `View image ${a + 1} of ${i().length}: ${get(t).alt}` : get(t).alt)), delegated("click", o, (e) => Ot(a, e)), append(e, o);
|
|
44313
44313
|
}, u = (e) => {
|
|
@@ -44592,14 +44592,16 @@ customElements.define("sui-gallery", create_custom_element(Gallery_wc, {
|
|
|
44592
44592
|
], [], { mode: "open" }));
|
|
44593
44593
|
//#endregion
|
|
44594
44594
|
//#region src/lib/ChatHeader/ChatHeader.svelte
|
|
44595
|
-
var root$17 = /* @__PURE__ */ from_html("<div class=\"avatar svelte-36gfay\"><!></div>"), root_1$15 = /* @__PURE__ */ from_html("<span class=\"image svelte-36gfay\"><!></span>"), root_2$9 = /* @__PURE__ */ from_html("<span class=\"title svelte-36gfay\"> </span>"), root_3$9 = /* @__PURE__ */ from_html("<span class=\"subtitle svelte-36gfay\"> </span>"), root_4$8 = /* @__PURE__ */ from_html("<div class=\"titles svelte-36gfay\"><!> <!></div>"), root_5$7 = /* @__PURE__ */ from_html("<div class=\"
|
|
44595
|
+
var root$17 = /* @__PURE__ */ from_html("<div class=\"avatar svelte-36gfay\"><!></div>"), root_1$15 = /* @__PURE__ */ from_html("<span class=\"image svelte-36gfay\"><!></span>"), root_2$9 = /* @__PURE__ */ from_html("<span class=\"title svelte-36gfay\"> </span>"), root_3$9 = /* @__PURE__ */ from_html("<span class=\"subtitle svelte-36gfay\"> </span>"), root_4$8 = /* @__PURE__ */ from_html("<div class=\"titles svelte-36gfay\"><!> <!></div>"), root_5$7 = /* @__PURE__ */ from_html("<div class=\"expand svelte-36gfay\"><!></div>"), root_6$7 = /* @__PURE__ */ from_html("<div class=\"close svelte-36gfay\"><!></div>"), root_7$6 = /* @__PURE__ */ from_html("<div class=\"extra svelte-36gfay\"><!></div>"), root_8$6 = /* @__PURE__ */ from_html("<header><div class=\"bar svelte-36gfay\"><div class=\"brand svelte-36gfay\"><!> <!></div> <div class=\"trailing svelte-36gfay\"><!> <!> <!></div></div> <!></header>"), $$css$37 = {
|
|
44596
44596
|
hash: "svelte-36gfay",
|
|
44597
|
-
code: ".chat-header.svelte-36gfay {box-sizing:border-box;display:flex;flex-direction:column;gap:var(--chat-header-extra-gap, 8px);width:var(--chat-header-width, 100%);padding:var(--chat-header-padding, 0.75rem 1.5rem);background:var(--chat-header-background, transparent);border-bottom:var(--chat-header-border-bottom, none);}.bar.svelte-36gfay {display:flex;align-items:center;justify-content:space-between;gap:var(--chat-header-gap, 12px);width:100%;}.extra.svelte-36gfay {width:100%;}.brand.svelte-36gfay {display:flex;align-items:center;gap:var(--chat-header-brand-gap, 10px);min-width:0;}.avatar.svelte-36gfay {display:flex;align-items:center;justify-content:center;flex-shrink:0;}.image.svelte-36gfay {display:contents;--image-height: var(--chat-header-image-size, 28px);--image-width: var(--chat-header-image-size, 28px);--image-object-fit: var(--chat-header-image-object-fit, cover);--image-border-radius: var(--chat-header-image-border-radius, 50%);--image-padding: 0px;--image-margin: 0px;}.titles.svelte-36gfay {display:flex;flex-direction:column;min-width:0;}.title.svelte-36gfay {font-size:var(--chat-header-title-font-size, 0.95rem);font-weight:var(--chat-header-title-font-weight, 600);color:var(--chat-header-title-color, #18181b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.subtitle.svelte-36gfay {font-size:var(--chat-header-subtitle-font-size, 0.7rem);font-weight:var(--chat-header-subtitle-font-weight, 500);color:var(--chat-header-subtitle-color, #71717a);text-transform:var(--chat-header-subtitle-text-transform, none);letter-spacing:var(--chat-header-subtitle-letter-spacing, normal);}.trailing.svelte-36gfay {display:flex;align-items:center;gap:var(--chat-header-trailing-gap, 8px);flex-shrink:0;}.close.svelte-36gfay {--button-width: var(--chat-header-close-size, 36px);--button-height: var(--chat-header-close-size, 36px);--button-padding: var(--chat-header-close-padding, 8px);--button-border-radius: var(--chat-header-close-border-radius, 50%);--button-color: var(--chat-header-close-background-color, transparent);--button-text-color: var(--chat-header-close-color, #52525b);--button-content-gap: 0px;--button-hover-color: var(--chat-header-close-hover-background-color, #f4f4f5);}.close.svelte-36gfay svg {height:100%;width:100%;}"
|
|
44597
|
+
code: ".chat-header.svelte-36gfay {box-sizing:border-box;display:flex;flex-direction:column;gap:var(--chat-header-extra-gap, 8px);width:var(--chat-header-width, 100%);padding:var(--chat-header-padding, 0.75rem 1.5rem);background:var(--chat-header-background, transparent);border-bottom:var(--chat-header-border-bottom, none);}.bar.svelte-36gfay {display:flex;align-items:center;justify-content:space-between;gap:var(--chat-header-gap, 12px);width:100%;}.extra.svelte-36gfay {width:100%;}.brand.svelte-36gfay {display:flex;align-items:center;gap:var(--chat-header-brand-gap, 10px);min-width:0;}.avatar.svelte-36gfay {display:flex;align-items:center;justify-content:center;flex-shrink:0;}.image.svelte-36gfay {display:contents;--image-height: var(--chat-header-image-size, 28px);--image-width: var(--chat-header-image-size, 28px);--image-object-fit: var(--chat-header-image-object-fit, cover);--image-border-radius: var(--chat-header-image-border-radius, 50%);--image-padding: 0px;--image-margin: 0px;}.titles.svelte-36gfay {display:flex;flex-direction:column;min-width:0;}.title.svelte-36gfay {font-size:var(--chat-header-title-font-size, 0.95rem);font-weight:var(--chat-header-title-font-weight, 600);color:var(--chat-header-title-color, #18181b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.subtitle.svelte-36gfay {font-size:var(--chat-header-subtitle-font-size, 0.7rem);font-weight:var(--chat-header-subtitle-font-weight, 500);color:var(--chat-header-subtitle-color, #71717a);text-transform:var(--chat-header-subtitle-text-transform, none);letter-spacing:var(--chat-header-subtitle-letter-spacing, normal);}.trailing.svelte-36gfay {display:flex;align-items:center;gap:var(--chat-header-trailing-gap, 8px);flex-shrink:0;}.close.svelte-36gfay {--button-width: var(--chat-header-close-size, 36px);--button-height: var(--chat-header-close-size, 36px);--button-padding: var(--chat-header-close-padding, 8px);--button-border-radius: var(--chat-header-close-border-radius, 50%);--button-color: var(--chat-header-close-background-color, transparent);--button-text-color: var(--chat-header-close-color, #52525b);--button-content-gap: 0px;--button-hover-color: var(--chat-header-close-hover-background-color, #f4f4f5);}.close.svelte-36gfay svg {height:100%;width:100%;}.expand.svelte-36gfay {--button-width: var(--chat-header-expand-size, var(--chat-header-close-size, 36px));--button-height: var(--chat-header-expand-size, var(--chat-header-close-size, 36px));--button-padding: var(--chat-header-expand-padding, var(--chat-header-close-padding, 8px));--button-border-radius: var(--chat-header-expand-border-radius, 50%);--button-color: var(--chat-header-expand-background-color, transparent);--button-text-color: var(--chat-header-expand-color, #52525b);--button-hover-text-color: var(--chat-header-expand-color, #52525b);--button-content-gap: 0px;--button-hover-color: var(--chat-header-expand-hover-background-color, #f4f4f5);}.expand.svelte-36gfay svg {height:100%;width:100%;}"
|
|
44598
44598
|
};
|
|
44599
44599
|
function ChatHeader(e, t) {
|
|
44600
44600
|
push(t, !0), append_styles$1(e, $$css$37);
|
|
44601
|
-
let n = prop(t, "title", 7, ""), i = prop(t, "subtitle", 7, ""), a = prop(t, "image", 7), o = prop(t, "imageAlt", 7, ""), s = prop(t, "avatar", 7), c = prop(t, "actions", 7), l = prop(t, "closeIcon", 7),
|
|
44602
|
-
|
|
44601
|
+
let n = prop(t, "title", 7, ""), i = prop(t, "subtitle", 7, ""), a = prop(t, "image", 7), o = prop(t, "imageAlt", 7, ""), s = prop(t, "avatar", 7), c = prop(t, "actions", 7), l = prop(t, "expanded", 15, !1), u = prop(t, "showExpand", 7), f = prop(t, "expandLabel", 7, "Expand"), p = prop(t, "collapseLabel", 7, "Collapse"), h = prop(t, "onexpandchange", 7), S = prop(t, "closeIcon", 7), C = prop(t, "closeLabel", 7, "Close"), k = prop(t, "showClose", 7), R = prop(t, "onclose", 7), G = prop(t, "children", 7), te = prop(t, "testId", 7), ne = prop(t, "classes", 7), re = /* @__PURE__ */ user_derived(() => k() ?? typeof R() == "function"), be = /* @__PURE__ */ user_derived(() => u() ?? typeof h() == "function"), Me = () => {
|
|
44602
|
+
l(!l()), h()?.(l());
|
|
44603
|
+
};
|
|
44604
|
+
var Re = {
|
|
44603
44605
|
get title() {
|
|
44604
44606
|
return n();
|
|
44605
44607
|
},
|
|
@@ -44636,52 +44638,82 @@ function ChatHeader(e, t) {
|
|
|
44636
44638
|
set actions(e) {
|
|
44637
44639
|
c(e), flushSync();
|
|
44638
44640
|
},
|
|
44639
|
-
get
|
|
44641
|
+
get expanded() {
|
|
44640
44642
|
return l();
|
|
44641
44643
|
},
|
|
44642
|
-
set
|
|
44644
|
+
set expanded(e = !1) {
|
|
44643
44645
|
l(e), flushSync();
|
|
44644
44646
|
},
|
|
44645
|
-
get
|
|
44647
|
+
get showExpand() {
|
|
44646
44648
|
return u();
|
|
44647
44649
|
},
|
|
44648
|
-
set
|
|
44650
|
+
set showExpand(e) {
|
|
44649
44651
|
u(e), flushSync();
|
|
44650
44652
|
},
|
|
44651
|
-
get
|
|
44653
|
+
get expandLabel() {
|
|
44652
44654
|
return f();
|
|
44653
44655
|
},
|
|
44654
|
-
set
|
|
44656
|
+
set expandLabel(e = "Expand") {
|
|
44655
44657
|
f(e), flushSync();
|
|
44656
44658
|
},
|
|
44657
|
-
get
|
|
44659
|
+
get collapseLabel() {
|
|
44658
44660
|
return p();
|
|
44659
44661
|
},
|
|
44660
|
-
set
|
|
44662
|
+
set collapseLabel(e = "Collapse") {
|
|
44661
44663
|
p(e), flushSync();
|
|
44662
44664
|
},
|
|
44663
|
-
get
|
|
44665
|
+
get onexpandchange() {
|
|
44664
44666
|
return h();
|
|
44665
44667
|
},
|
|
44666
|
-
set
|
|
44668
|
+
set onexpandchange(e) {
|
|
44667
44669
|
h(e), flushSync();
|
|
44668
44670
|
},
|
|
44669
|
-
get
|
|
44671
|
+
get closeIcon() {
|
|
44670
44672
|
return S();
|
|
44671
44673
|
},
|
|
44672
|
-
set
|
|
44674
|
+
set closeIcon(e) {
|
|
44673
44675
|
S(e), flushSync();
|
|
44674
44676
|
},
|
|
44675
|
-
get
|
|
44677
|
+
get closeLabel() {
|
|
44676
44678
|
return C();
|
|
44677
44679
|
},
|
|
44678
|
-
set
|
|
44680
|
+
set closeLabel(e = "Close") {
|
|
44679
44681
|
C(e), flushSync();
|
|
44682
|
+
},
|
|
44683
|
+
get showClose() {
|
|
44684
|
+
return k();
|
|
44685
|
+
},
|
|
44686
|
+
set showClose(e) {
|
|
44687
|
+
k(e), flushSync();
|
|
44688
|
+
},
|
|
44689
|
+
get onclose() {
|
|
44690
|
+
return R();
|
|
44691
|
+
},
|
|
44692
|
+
set onclose(e) {
|
|
44693
|
+
R(e), flushSync();
|
|
44694
|
+
},
|
|
44695
|
+
get children() {
|
|
44696
|
+
return G();
|
|
44697
|
+
},
|
|
44698
|
+
set children(e) {
|
|
44699
|
+
G(e), flushSync();
|
|
44700
|
+
},
|
|
44701
|
+
get testId() {
|
|
44702
|
+
return te();
|
|
44703
|
+
},
|
|
44704
|
+
set testId(e) {
|
|
44705
|
+
te(e), flushSync();
|
|
44706
|
+
},
|
|
44707
|
+
get classes() {
|
|
44708
|
+
return ne();
|
|
44709
|
+
},
|
|
44710
|
+
set classes(e) {
|
|
44711
|
+
ne(e), flushSync();
|
|
44680
44712
|
}
|
|
44681
|
-
},
|
|
44713
|
+
}, Ue = root_8$6(), it = child(Ue), at = child(it), ot = child(at), ct = (e) => {
|
|
44682
44714
|
var t = root$17();
|
|
44683
44715
|
snippet(child(t), s), reset(t), append(e, t);
|
|
44684
|
-
},
|
|
44716
|
+
}, lt = (e) => {
|
|
44685
44717
|
var t = root_1$15();
|
|
44686
44718
|
Img(child(t), {
|
|
44687
44719
|
get src() {
|
|
@@ -44692,10 +44724,10 @@ function ChatHeader(e, t) {
|
|
|
44692
44724
|
}
|
|
44693
44725
|
}), reset(t), append(e, t);
|
|
44694
44726
|
};
|
|
44695
|
-
if_block(
|
|
44696
|
-
typeof s() == "function" ? e(
|
|
44727
|
+
if_block(ot, (e) => {
|
|
44728
|
+
typeof s() == "function" ? e(ct) : typeof a() == "string" && a().length > 0 && e(lt, 1);
|
|
44697
44729
|
});
|
|
44698
|
-
var
|
|
44730
|
+
var ut = sibling(ot, 2), dt = (e) => {
|
|
44699
44731
|
var t = root_4$8(), a = child(t), o = (e) => {
|
|
44700
44732
|
var t = root_2$9(), i = child(t, !0);
|
|
44701
44733
|
reset(t), template_effect(() => set_text(i, n())), append(e, t);
|
|
@@ -44711,50 +44743,72 @@ function ChatHeader(e, t) {
|
|
|
44711
44743
|
i().length > 0 && e(c);
|
|
44712
44744
|
}), reset(t), append(e, t);
|
|
44713
44745
|
};
|
|
44714
|
-
if_block(
|
|
44715
|
-
(n().length > 0 || i().length > 0) && e(
|
|
44716
|
-
}), reset(
|
|
44717
|
-
var
|
|
44746
|
+
if_block(ut, (e) => {
|
|
44747
|
+
(n().length > 0 || i().length > 0) && e(dt);
|
|
44748
|
+
}), reset(at);
|
|
44749
|
+
var ft = sibling(at, 2), pt = child(ft), mt = (e) => {
|
|
44718
44750
|
var t = comment();
|
|
44719
44751
|
snippet(first_child(t), c), append(e, t);
|
|
44720
44752
|
};
|
|
44721
|
-
if_block(
|
|
44722
|
-
typeof c() == "function" && e(
|
|
44753
|
+
if_block(pt, (e) => {
|
|
44754
|
+
typeof c() == "function" && e(mt);
|
|
44723
44755
|
});
|
|
44724
|
-
var
|
|
44725
|
-
var t = root_5$7();
|
|
44756
|
+
var ht = sibling(pt, 2), gt = (e) => {
|
|
44757
|
+
var t = root_5$7(), n = child(t);
|
|
44758
|
+
{
|
|
44759
|
+
let e = /* @__PURE__ */ user_derived(() => l() ? p() : f());
|
|
44760
|
+
Button(n, {
|
|
44761
|
+
variant: "ghost",
|
|
44762
|
+
onclick: Me,
|
|
44763
|
+
get ariaLabel() {
|
|
44764
|
+
return get(e);
|
|
44765
|
+
},
|
|
44766
|
+
children: (e, t) => {
|
|
44767
|
+
var n = comment();
|
|
44768
|
+
html(first_child(n), () => l() ? exit_fullscreen_default : fullscreen_default), append(e, n);
|
|
44769
|
+
},
|
|
44770
|
+
$$slots: { default: !0 }
|
|
44771
|
+
});
|
|
44772
|
+
}
|
|
44773
|
+
reset(t), append(e, t);
|
|
44774
|
+
};
|
|
44775
|
+
if_block(ht, (e) => {
|
|
44776
|
+
get(be) && e(gt);
|
|
44777
|
+
});
|
|
44778
|
+
var _t = sibling(ht, 2), vt = (e) => {
|
|
44779
|
+
var t = root_6$7();
|
|
44726
44780
|
Button(child(t), {
|
|
44727
|
-
onclick: () =>
|
|
44781
|
+
onclick: () => R()?.(),
|
|
44728
44782
|
get ariaLabel() {
|
|
44729
|
-
return
|
|
44783
|
+
return C();
|
|
44730
44784
|
},
|
|
44731
44785
|
children: (e, t) => {
|
|
44732
44786
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
44733
44787
|
var t = comment();
|
|
44734
|
-
snippet(first_child(t),
|
|
44788
|
+
snippet(first_child(t), S), append(e, t);
|
|
44735
44789
|
}, o = (e) => {
|
|
44736
44790
|
var t = comment();
|
|
44737
44791
|
html(first_child(t), () => close_default), append(e, t);
|
|
44738
44792
|
};
|
|
44739
44793
|
if_block(i, (e) => {
|
|
44740
|
-
typeof
|
|
44794
|
+
typeof S() == "function" ? e(a) : e(o, -1);
|
|
44741
44795
|
}), append(e, n);
|
|
44742
44796
|
},
|
|
44743
44797
|
$$slots: { default: !0 }
|
|
44744
44798
|
}), reset(t), append(e, t);
|
|
44745
44799
|
};
|
|
44746
|
-
if_block(
|
|
44747
|
-
get(
|
|
44748
|
-
}), reset(
|
|
44749
|
-
var
|
|
44750
|
-
var t =
|
|
44751
|
-
snippet(child(t),
|
|
44800
|
+
if_block(_t, (e) => {
|
|
44801
|
+
get(re) && e(vt);
|
|
44802
|
+
}), reset(ft), reset(it);
|
|
44803
|
+
var yt = sibling(it, 2), bt = (e) => {
|
|
44804
|
+
var t = root_7$6();
|
|
44805
|
+
snippet(child(t), G), reset(t), append(e, t);
|
|
44752
44806
|
};
|
|
44753
|
-
return if_block(
|
|
44754
|
-
typeof
|
|
44755
|
-
}), reset(
|
|
44756
|
-
set_class(
|
|
44757
|
-
}), append(e,
|
|
44807
|
+
return if_block(yt, (e) => {
|
|
44808
|
+
typeof G() == "function" && e(bt);
|
|
44809
|
+
}), reset(Ue), template_effect(() => {
|
|
44810
|
+
set_class(Ue, 1, `chat-header ${ne() ?? "" ?? ""}`, "svelte-36gfay"), set_attribute(Ue, "data-pw", typeof te() == "string" ? te() : null), set_attribute(Ue, "testid", typeof te() == "string" ? te() : null);
|
|
44811
|
+
}), append(e, Ue), pop(Re);
|
|
44758
44812
|
}
|
|
44759
44813
|
create_custom_element(ChatHeader, {
|
|
44760
44814
|
title: {},
|
|
@@ -44763,6 +44817,11 @@ create_custom_element(ChatHeader, {
|
|
|
44763
44817
|
imageAlt: {},
|
|
44764
44818
|
avatar: {},
|
|
44765
44819
|
actions: {},
|
|
44820
|
+
expanded: {},
|
|
44821
|
+
showExpand: {},
|
|
44822
|
+
expandLabel: {},
|
|
44823
|
+
collapseLabel: {},
|
|
44824
|
+
onexpandchange: {},
|
|
44766
44825
|
closeIcon: {},
|
|
44767
44826
|
closeLabel: {},
|
|
44768
44827
|
showClose: {},
|
|
@@ -52379,7 +52438,7 @@ function normalizeDictationState(e) {
|
|
|
52379
52438
|
}
|
|
52380
52439
|
//#endregion
|
|
52381
52440
|
//#region src/lib/ChatComposer/ChatComposer.svelte
|
|
52382
|
-
var root$12 = /* @__PURE__ */ from_html("<div class=\"control attach svelte-xpd394\"><!> <input type=\"file\" class=\"file-input\" hidden=\"\"/></div>"), root_1$11 = /* @__PURE__ */ from_html("<div class=\"leading svelte-xpd394\"><!></div>"), root_2$6 = /* @__PURE__ */ from_html("<!> <!>", 1), root_3$6 = /* @__PURE__ */ from_html("<textarea class=\"input svelte-xpd394\" rows=\"1\"></textarea>"), root_4$5 = /* @__PURE__ */ from_html("<div><!></div>"), root_5$4 = /* @__PURE__ */ from_html("<div class=\"control send stop svelte-xpd394\"><!></div>"), root_6$4 = /* @__PURE__ */ from_html("<span> </span>"), root_7$4 = /* @__PURE__ */ from_html("<div class=\"control send svelte-xpd394\"><!></div>"), root_8$4 = /* @__PURE__ */ from_html("<span class=\"slash-hint svelte-xpd394\"> </span>"),
|
|
52441
|
+
var root$12 = /* @__PURE__ */ from_html("<div class=\"control attach svelte-xpd394\"><!> <input type=\"file\" class=\"file-input\" hidden=\"\"/></div>"), root_1$11 = /* @__PURE__ */ from_html("<div class=\"leading svelte-xpd394\"><!></div>"), root_2$6 = /* @__PURE__ */ from_html("<!> <!>", 1), root_3$6 = /* @__PURE__ */ from_html("<textarea class=\"input svelte-xpd394\" rows=\"1\"></textarea>"), root_4$5 = /* @__PURE__ */ from_html("<div><!></div>"), root_5$4 = /* @__PURE__ */ from_html("<div class=\"control send stop svelte-xpd394\"><!></div>"), root_6$4 = /* @__PURE__ */ from_html("<span> </span>"), root_7$4 = /* @__PURE__ */ from_html("<div class=\"control send svelte-xpd394\"><!></div>"), root_8$4 = /* @__PURE__ */ from_html("<!> <!> <!>", 1), root_9$3 = /* @__PURE__ */ from_html("<span class=\"slash-hint svelte-xpd394\"> </span>"), root_10$3 = /* @__PURE__ */ from_html("<span class=\"slash-desc svelte-xpd394\"> </span>"), root_11$2 = /* @__PURE__ */ from_html("<span class=\"slash-badge svelte-xpd394\"> </span>"), root_12$2 = /* @__PURE__ */ from_html("<span class=\"slash-name svelte-xpd394\"> </span> <!> <!> <!>", 1), root_13$2 = /* @__PURE__ */ from_html("<li role=\"option\"><!></li>"), root_14$2 = /* @__PURE__ */ from_html("<div role=\"listbox\"><ul class=\"slash-list svelte-xpd394\" role=\"presentation\"></ul> <div class=\"slash-foot svelte-xpd394\"> </div></div>"), root_15$2 = /* @__PURE__ */ from_html("<div class=\"sr-only svelte-xpd394\" role=\"status\" aria-live=\"polite\"> </div>"), root_16$2 = /* @__PURE__ */ from_html("<div class=\"attachments-rich svelte-xpd394\"><!></div>"), root_17$2 = /* @__PURE__ */ from_html("<div class=\"attachments svelte-xpd394\"></div>"), root_18$2 = /* @__PURE__ */ from_html("<div class=\"text-row svelte-xpd394\"><!></div> <div class=\"control-row svelte-xpd394\"><!> <div class=\"control-spacer svelte-xpd394\" aria-hidden=\"true\"></div> <!></div>", 1), root_19$2 = /* @__PURE__ */ from_html("<div><!> <!> <!> <div><!></div></div>"), $$css$32 = {
|
|
52383
52442
|
hash: "svelte-xpd394",
|
|
52384
52443
|
code: ".chat-composer.svelte-xpd394 {box-sizing:border-box;display:flex;flex-direction:column;gap:var(--chat-composer-stack-gap, 8px);width:var(--chat-composer-width, 100%);padding:var(--chat-composer-padding, 8px);background:var(--chat-composer-background, #ffffff);border:var(--chat-composer-border, 1px solid #e4e4e7);border-radius:var(--chat-composer-border-radius, 24px);box-shadow:var(--chat-composer-box-shadow, none);}.chat-composer.disabled.svelte-xpd394 {opacity:var(--chat-composer-disabled-opacity, 0.6);}\n\n /* .input below sets outline: none with nothing standing in for it, so the\n visible replacement lives here on the surrounding surface instead --\n :focus-within lights up whenever the textarea inside is focused, the same\n pattern Select's .select-trigger uses for its nested search input. */.chat-composer.svelte-xpd394:focus-within {border-color:var(--chat-composer-focus-border-color, #2563eb);box-shadow:var(--chat-composer-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.attachments-rich.svelte-xpd394 {padding:var(--chat-composer-attachments-padding, 2px 4px 0);}.attachments.svelte-xpd394 {display:flex;flex-wrap:wrap;gap:var(--chat-composer-attachments-gap, 6px);padding:var(--chat-composer-attachments-padding, 2px 4px 0);}.input-row.svelte-xpd394 {display:flex;align-items:flex-end;gap:var(--chat-composer-gap, 8px);}.input-row.stacked.svelte-xpd394 {flex-direction:column;align-items:stretch;gap:var(--chat-composer-stack-gap, 8px);}.text-row.svelte-xpd394 {display:flex;min-width:0;}.control-row.svelte-xpd394 {display:flex;align-items:flex-end;gap:var(--chat-composer-gap, 8px);}.control-spacer.svelte-xpd394 {flex:1;}.stacked.svelte-xpd394 .input:where(.svelte-xpd394) {min-width:0;width:100%;}.leading.svelte-xpd394 {display:flex;align-items:center;flex-shrink:0;}.input.svelte-xpd394 {flex:1;box-sizing:border-box;resize:none;border:none;outline:none;background:transparent;font-family:var(--chat-composer-font-family, inherit);font-size:var(--chat-composer-font-size, 0.9375rem);font-weight:var(--chat-composer-font-weight, 400);line-height:var(--chat-composer-line-height, 1.5);color:var(--chat-composer-color, #18181b);padding:var(--chat-composer-input-padding, 6px 4px);max-height:var(--chat-composer-max-height, 160px);overflow-y:auto;}.input.svelte-xpd394::placeholder {color:var(--chat-composer-placeholder-color, #52525b);}.control.svelte-xpd394 {flex-shrink:0;display:flex;}.control.svelte-xpd394 svg {height:100%;width:100%;}.attach.svelte-xpd394,\n .voice.svelte-xpd394 {--button-width: var(--chat-composer-action-size, 36px);--button-height: var(--chat-composer-action-size, 36px);--button-padding: var(--chat-composer-action-padding, 8px);--button-border-radius: var(--chat-composer-action-border-radius, 50%);--button-color: var(--chat-composer-action-background-color, transparent);--button-text-color: var(--chat-composer-action-color, #52525b);--button-content-gap: 0px;--button-hover-color: var(--chat-composer-action-hover-background-color, #f4f4f5);\n /* Ghost brings its own hover label; keep this control's, recording red included. */--button-hover-text-color: var(--button-text-color);}.voice.recording.svelte-xpd394 {--button-color: var(--chat-composer-voice-recording-background-color, #fee2e2);--button-text-color: var(--chat-composer-voice-recording-color, #dc2626);}\n\n /* No dedicated busy palette: the disabled `Button` already dims itself\n (`--disabled-opacity`), which is enough to distinguish \"busy\" from the\n active \"recording\" red without inventing new color tokens that would\n need a matching dark-theme entry outside this component's scope. The\n `.busy` class is still applied to the wrapper (see markup) so a caller\n can target it with their own CSS if they want a distinct look. */.send.svelte-xpd394 {--button-width: var(--chat-composer-send-size, 40px);--button-height: var(--chat-composer-send-size, 40px);--button-padding: var(--chat-composer-send-padding, 8px);--button-border-radius: var(--chat-composer-send-border-radius, 50%);--button-color: var(--chat-composer-send-background-color, #18181b);--button-text-color: var(--chat-composer-send-color, #ffffff);--button-content-gap: 0px;--button-hover-color: var(--chat-composer-send-hover-background-color, #27272a);}.send.stop.svelte-xpd394 {--button-color: var(--chat-composer-stop-background-color, #18181b);--button-text-color: var(--chat-composer-stop-color, #ffffff);}\n\n /* Positioned only when slash commands are on, so their menu can sit\n above the composer; a consumer without them is unchanged. A data attribute,\n not a class, and the menu rules below are written down the structure they live in\n (.chat-composer > .slash-menu ...): a class directive would strip a `has-slash` class a\n consumer already passes through `classes`, and a class of one of these names passed\n there would match rules meant for the menu. */.chat-composer[data-has-slash].svelte-xpd394 {position:relative;}\n\n /* Positioned from the composer's padding box; the outset (e.g. the\n composer's border width) lines it up with the outer edge instead. */.chat-composer.svelte-xpd394 > .slash-menu:where(.svelte-xpd394) {position:absolute;bottom:calc(100% + var(--chat-composer-slash-menu-outset, 0px));left:calc(-1 * var(--chat-composer-slash-menu-outset, 0px));right:calc(-1 * var(--chat-composer-slash-menu-outset, 0px));margin-bottom:var(--chat-composer-slash-menu-gap, 8px);overflow:hidden;z-index:var(--chat-composer-slash-menu-z-index, 30);background:var(--chat-composer-slash-menu-background, #ffffff);border:var(--chat-composer-slash-menu-border, 1px solid #e4e4e7);border-radius:var(--chat-composer-slash-menu-border-radius, 12px);box-shadow:var(--chat-composer-slash-menu-box-shadow, 0 8px 24px rgb(0 0 0 / 12%));}.slash-menu.svelte-xpd394 > .slash-list:where(.svelte-xpd394) {list-style:none;margin:0;padding:var(--chat-composer-slash-list-padding, 4px);max-height:var(--chat-composer-slash-list-max-height, 280px);overflow-y:auto;display:grid;gap:var(--chat-composer-slash-list-gap, 2px);}.slash-menu.svelte-xpd394 .slash-list:where(.svelte-xpd394) li:where(.svelte-xpd394) {min-width:0;}.slash-menu.svelte-xpd394 > .slash-foot:where(.svelte-xpd394) {padding:var(--chat-composer-slash-foot-padding, 4px 12px);border-top:var(--chat-composer-slash-foot-border, 1px solid #e4e4e7);font-family:var(--chat-composer-slash-foot-font-family, inherit);font-variant-ligatures:var(--chat-composer-slash-foot-font-variant-ligatures, inherit);font-size:var(--chat-composer-slash-foot-font-size, 12px);color:var(--chat-composer-slash-foot-color, #71717a);}\n\n /* The default row content (a consumer's slashItem snippet replaces it). */.slash-menu.svelte-xpd394 .slash-name:where(.svelte-xpd394) {flex-shrink:0;font-family:var(--chat-composer-slash-name-font-family, monospace);color:var(--chat-composer-slash-name-color, #2563eb);}.slash-menu.svelte-xpd394 .slash-hint:where(.svelte-xpd394) {flex-shrink:0;font-size:var(--chat-composer-slash-hint-font-size, 12px);color:var(--chat-composer-slash-hint-color, #71717a);}.slash-menu.svelte-xpd394 .slash-desc:where(.svelte-xpd394) {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--chat-composer-slash-desc-color, #52525b);}\n\n /* Default visual for the arrow-key-highlighted row when a consumer hasn't\n opted into their own selected-state look via slashSelectedItemClasses --\n without this, the only signal was aria-selected, screen-reader-only.\n Scoped so a consumer's own class stays authoritative the moment it's\n supplied: this rule simply never applies then. */.slash-menu.svelte-xpd394 .slash-item-selected-default:where(.svelte-xpd394) {background:var(--chat-composer-slash-item-selected-background, #f4f4f5);}.slash-menu.svelte-xpd394 .slash-badge:where(.svelte-xpd394) {padding:var(--chat-composer-slash-badge-padding, 2px 8px);border-radius:var(--chat-composer-slash-badge-border-radius, 999px);font-size:var(--chat-composer-slash-badge-font-size, 12px);background:var(--chat-composer-slash-badge-background, #eff6ff);color:var(--chat-composer-slash-badge-color, #2563eb);}.send.action.svelte-xpd394 {--button-width: var(--chat-composer-idle-action-width, var(--chat-composer-send-size, 40px));--button-padding: var(\n --chat-composer-idle-action-padding,\n var(--chat-composer-send-padding, 8px)\n );--button-border-radius: var(\n --chat-composer-idle-action-border-radius,\n var(--chat-composer-send-border-radius, 50%)\n );--button-color: var(\n --chat-composer-idle-action-background-color,\n var(--chat-composer-send-background-color, #18181b)\n );--button-text-color: var(\n --chat-composer-idle-action-color,\n var(--chat-composer-send-color, #ffffff)\n );--button-hover-color: var(\n --chat-composer-idle-action-hover-background-color,\n var(--chat-composer-send-hover-background-color, #27272a)\n );--button-hover-text-color: var(\n --chat-composer-idle-action-hover-color,\n var(--button-text-color)\n );--button-content-gap: var(--chat-composer-idle-action-gap, 0px);}.send.action.action-with-text.svelte-xpd394 {--button-width: var(--chat-composer-idle-action-width, max-content);--button-padding: var(--chat-composer-idle-action-padding, 8px 12px);--button-content-gap: var(--chat-composer-idle-action-gap, 6px);}.action-with-text.svelte-xpd394 svg {width:var(--chat-composer-idle-action-icon-size, 20px);height:var(--chat-composer-idle-action-icon-size, 20px);}\n\n /* Visually hidden but still read by assistive technology -- same pattern\n Table's caption and Label's required marker use. */.sr-only.svelte-xpd394 {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-width:0;}"
|
|
52385
52444
|
};
|
|
@@ -52392,11 +52451,11 @@ function ChatComposer(e, t) {
|
|
|
52392
52451
|
Button(n, {
|
|
52393
52452
|
variant: "ghost",
|
|
52394
52453
|
onclick: () => {
|
|
52395
|
-
if (typeof
|
|
52396
|
-
|
|
52454
|
+
if (typeof en() == "function") {
|
|
52455
|
+
en()();
|
|
52397
52456
|
return;
|
|
52398
52457
|
}
|
|
52399
|
-
get(
|
|
52458
|
+
get(pn)?.click();
|
|
52400
52459
|
},
|
|
52401
52460
|
get disabled() {
|
|
52402
52461
|
return u();
|
|
@@ -52405,7 +52464,7 @@ function ChatComposer(e, t) {
|
|
|
52405
52464
|
return vt();
|
|
52406
52465
|
},
|
|
52407
52466
|
get testId() {
|
|
52408
|
-
return
|
|
52467
|
+
return un();
|
|
52409
52468
|
},
|
|
52410
52469
|
children: (e, t) => {
|
|
52411
52470
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
@@ -52422,12 +52481,12 @@ function ChatComposer(e, t) {
|
|
|
52422
52481
|
$$slots: { default: !0 }
|
|
52423
52482
|
});
|
|
52424
52483
|
var i = sibling(n, 2);
|
|
52425
|
-
bind_this(i, (e) => set(
|
|
52484
|
+
bind_this(i, (e) => set(pn, e), () => get(pn)), reset(t), template_effect(() => {
|
|
52426
52485
|
set_attribute(i, "accept", pt()), i.multiple = mt();
|
|
52427
|
-
}), delegated("change", i,
|
|
52486
|
+
}), delegated("change", i, Hn), append(e, t);
|
|
52428
52487
|
};
|
|
52429
52488
|
if_block(n, (e) => {
|
|
52430
|
-
get(
|
|
52489
|
+
get(_n) && e(i);
|
|
52431
52490
|
});
|
|
52432
52491
|
var a = sibling(n, 2), o = (e) => {
|
|
52433
52492
|
var t = root_1$11();
|
|
@@ -52438,24 +52497,24 @@ function ChatComposer(e, t) {
|
|
|
52438
52497
|
}), append(e, t);
|
|
52439
52498
|
}, a = (e) => {
|
|
52440
52499
|
var t = root_3$6();
|
|
52441
|
-
remove_textarea_child(t), effect(() => bind_value(t, s)), action(t, (e, t) =>
|
|
52442
|
-
set_attribute(t, "data-pw",
|
|
52443
|
-
}), delegated("input", t,
|
|
52500
|
+
remove_textarea_child(t), bind_this(t, (e) => set(mn, e), () => get(mn)), effect(() => bind_value(t, s)), action(t, (e, t) => Wn?.(e, t), s), template_effect(() => {
|
|
52501
|
+
set_attribute(t, "data-pw", rn() ?? null), set_attribute(t, "placeholder", l()), t.disabled = get(yn), set_attribute(t, "aria-label", an() ?? (l().length > 0 ? l() : "Message")), set_attribute(t, "role", At() === null ? null : "combobox"), set_attribute(t, "aria-expanded", At() === null ? null : get(An)), set_attribute(t, "aria-controls", get(An) ? Mn : null), set_attribute(t, "aria-autocomplete", At() === null ? null : "list"), set_attribute(t, "aria-activedescendant", get(Nn)), set_attribute(t, "maxlength", C() > 0 ? C() : null);
|
|
52502
|
+
}), delegated("input", t, Vn), event("focus", t, (e) => Bt()?.(e)), delegated("keydown", t, Bn), event("paste", t, (e) => Gt()?.(e)), append(e, t);
|
|
52444
52503
|
}, o = (e) => {
|
|
52445
|
-
var t =
|
|
52504
|
+
var t = root_8$4(), n = first_child(t), i = (e) => {
|
|
52446
52505
|
var t = root_4$5();
|
|
52447
52506
|
let n;
|
|
52448
52507
|
Button(child(t), {
|
|
52449
52508
|
variant: "ghost",
|
|
52450
|
-
onclick: () =>
|
|
52509
|
+
onclick: () => Zt()?.(),
|
|
52451
52510
|
get disabled() {
|
|
52452
|
-
return get(
|
|
52511
|
+
return get(xn);
|
|
52453
52512
|
},
|
|
52454
52513
|
get ariaLabel() {
|
|
52455
52514
|
return _t();
|
|
52456
52515
|
},
|
|
52457
52516
|
get testId() {
|
|
52458
|
-
return
|
|
52517
|
+
return ln();
|
|
52459
52518
|
},
|
|
52460
52519
|
children: (e, t) => {
|
|
52461
52520
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
@@ -52471,22 +52530,22 @@ function ChatComposer(e, t) {
|
|
|
52471
52530
|
},
|
|
52472
52531
|
$$slots: { default: !0 }
|
|
52473
52532
|
}), reset(t), template_effect(() => n = set_class(t, 1, "control voice svelte-xpd394", null, n, {
|
|
52474
|
-
recording: get(
|
|
52475
|
-
busy: get(
|
|
52533
|
+
recording: get(bn) === "recording",
|
|
52534
|
+
busy: get(bn) === "busy"
|
|
52476
52535
|
})), append(e, t);
|
|
52477
52536
|
};
|
|
52478
52537
|
if_block(n, (e) => {
|
|
52479
|
-
get(
|
|
52538
|
+
get(gn) && e(i);
|
|
52480
52539
|
});
|
|
52481
52540
|
var a = sibling(n, 2), o = (e) => {
|
|
52482
52541
|
var t = root_5$4();
|
|
52483
52542
|
Button(child(t), {
|
|
52484
|
-
onclick: () =>
|
|
52543
|
+
onclick: () => qt()?.(),
|
|
52485
52544
|
get ariaLabel() {
|
|
52486
52545
|
return gt();
|
|
52487
52546
|
},
|
|
52488
52547
|
get testId() {
|
|
52489
|
-
return
|
|
52548
|
+
return cn();
|
|
52490
52549
|
},
|
|
52491
52550
|
children: (e, t) => {
|
|
52492
52551
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
@@ -52501,20 +52560,20 @@ function ChatComposer(e, t) {
|
|
|
52501
52560
|
}), append(e, n);
|
|
52502
52561
|
},
|
|
52503
52562
|
$$slots: { default: !0 }
|
|
52504
|
-
}), reset(t), template_effect(() => set_attribute(t, "data-pw",
|
|
52563
|
+
}), reset(t), template_effect(() => set_attribute(t, "data-pw", sn() ?? null)), append(e, t);
|
|
52505
52564
|
}, s = (e) => {
|
|
52506
52565
|
var t = root_4$5();
|
|
52507
52566
|
let n;
|
|
52508
52567
|
Button(child(t), {
|
|
52509
|
-
onclick: () =>
|
|
52568
|
+
onclick: () => tn()(),
|
|
52510
52569
|
get disabled() {
|
|
52511
|
-
return get(
|
|
52570
|
+
return get(Sn);
|
|
52512
52571
|
},
|
|
52513
52572
|
get ariaLabel() {
|
|
52514
52573
|
return wt();
|
|
52515
52574
|
},
|
|
52516
52575
|
get testId() {
|
|
52517
|
-
return
|
|
52576
|
+
return dn();
|
|
52518
52577
|
},
|
|
52519
52578
|
children: (e, t) => {
|
|
52520
52579
|
var n = root_2$6(), i = first_child(n), a = (e) => {
|
|
@@ -52537,14 +52596,14 @@ function ChatComposer(e, t) {
|
|
|
52537
52596
|
},
|
|
52538
52597
|
$$slots: { default: !0 }
|
|
52539
52598
|
}), reset(t), template_effect(() => {
|
|
52540
|
-
n = set_class(t, 1, "control send action svelte-xpd394", null, n, { "action-with-text": typeof Tt() == "string" && Tt().length > 0 }), set_attribute(t, "data-pw",
|
|
52599
|
+
n = set_class(t, 1, "control send action svelte-xpd394", null, n, { "action-with-text": typeof Tt() == "string" && Tt().length > 0 }), set_attribute(t, "data-pw", sn() ?? null);
|
|
52541
52600
|
}), append(e, t);
|
|
52542
52601
|
}, c = (e) => {
|
|
52543
52602
|
var t = root_7$4(), n = child(t);
|
|
52544
52603
|
{
|
|
52545
|
-
let e = /* @__PURE__ */ user_derived(() => !get(
|
|
52604
|
+
let e = /* @__PURE__ */ user_derived(() => !get(Cn));
|
|
52546
52605
|
Button(n, {
|
|
52547
|
-
onclick:
|
|
52606
|
+
onclick: zn,
|
|
52548
52607
|
get disabled() {
|
|
52549
52608
|
return get(e);
|
|
52550
52609
|
},
|
|
@@ -52552,7 +52611,7 @@ function ChatComposer(e, t) {
|
|
|
52552
52611
|
return ht();
|
|
52553
52612
|
},
|
|
52554
52613
|
get testId() {
|
|
52555
|
-
return
|
|
52614
|
+
return on();
|
|
52556
52615
|
},
|
|
52557
52616
|
children: (e, t) => {
|
|
52558
52617
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
@@ -52569,69 +52628,78 @@ function ChatComposer(e, t) {
|
|
|
52569
52628
|
$$slots: { default: !0 }
|
|
52570
52629
|
});
|
|
52571
52630
|
}
|
|
52572
|
-
reset(t), template_effect(() => set_attribute(t, "data-pw",
|
|
52631
|
+
reset(t), template_effect(() => set_attribute(t, "data-pw", sn() ?? null)), append(e, t);
|
|
52573
52632
|
};
|
|
52574
52633
|
if_block(a, (e) => {
|
|
52575
|
-
k() ? e(o) : typeof
|
|
52634
|
+
k() ? e(o) : typeof tn() == "function" && !get(Cn) && get(bn) === "idle" ? e(s, 1) : e(c, -1);
|
|
52635
|
+
});
|
|
52636
|
+
var l = sibling(a, 2), u = (e) => {
|
|
52637
|
+
var t = comment();
|
|
52638
|
+
snippet(first_child(t), Dt), append(e, t);
|
|
52639
|
+
};
|
|
52640
|
+
if_block(l, (e) => {
|
|
52641
|
+
typeof Dt() == "function" && e(u);
|
|
52576
52642
|
}), append(e, t);
|
|
52577
|
-
}, s = prop(t, "value", 15, ""), c = prop(t, "layout", 7, "row"), l = prop(t, "placeholder", 7, ""), u = prop(t, "disabled", 7, !1), f = prop(t, "textDisabled", 7, null), p = prop(t, "voiceDisabled", 7, null), h = prop(t, "sendDisabled", 7, null), S = prop(t, "submitOnEnter", 7, !0), C = prop(t, "maxLength", 7, 0), k = prop(t, "streaming", 7, !1), R = prop(t, "recording", 7, !1), G = prop(t, "attachments", 31, () => proxy([])), te = prop(t, "attachmentsPreview", 7), ne = prop(t, "richImages", 23, () => []), re = prop(t, "richFiles", 23, () => []), be = prop(t, "richVideos", 23, () => []), Me = prop(t, "richImageTooltip", 7), Re = prop(t, "richVideoTooltip", 7), Ue = prop(t, "richRemoveIcon", 7), it = prop(t, "richFileIcon", 7), at = prop(t, "onremoverichimage", 7), ot = prop(t, "onremoverichfile", 7), ct = prop(t, "onremoverichvideo", 7), lt = prop(t, "onopenrichimage", 7), ut = prop(t, "onopenrichvideo", 7), dt = prop(t, "onopenrichfile", 7), ft = prop(t, "sendable", 7, null), pt = prop(t, "accept", 7, ""), mt = prop(t, "multiple", 7, !1), ht = prop(t, "sendLabel", 7, "Send message"), gt = prop(t, "stopLabel", 7, "Stop generating"), _t = prop(t, "voiceLabel", 7, "Voice input"), vt = prop(t, "attachLabel", 7, "Attach files"), yt = prop(t, "sendIcon", 7), bt = prop(t, "stopIcon", 7), xt = prop(t, "voiceIcon", 7), St = prop(t, "attachIcon", 7), Ct = prop(t, "actionIcon", 7), wt = prop(t, "actionLabel", 7, "Voice conversation"), Tt = prop(t, "actionText", 7), Et = prop(t, "leading", 7), Dt = prop(t, "
|
|
52578
|
-
|
|
52643
|
+
}, s = prop(t, "value", 15, ""), c = prop(t, "layout", 7, "row"), l = prop(t, "placeholder", 7, ""), u = prop(t, "disabled", 7, !1), f = prop(t, "textDisabled", 7, null), p = prop(t, "voiceDisabled", 7, null), h = prop(t, "sendDisabled", 7, null), S = prop(t, "submitOnEnter", 7, !0), C = prop(t, "maxLength", 7, 0), k = prop(t, "streaming", 7, !1), R = prop(t, "recording", 7, !1), G = prop(t, "attachments", 31, () => proxy([])), te = prop(t, "attachmentsPreview", 7), ne = prop(t, "richImages", 23, () => []), re = prop(t, "richFiles", 23, () => []), be = prop(t, "richVideos", 23, () => []), Me = prop(t, "richImageTooltip", 7), Re = prop(t, "richVideoTooltip", 7), Ue = prop(t, "richRemoveIcon", 7), it = prop(t, "richFileIcon", 7), at = prop(t, "onremoverichimage", 7), ot = prop(t, "onremoverichfile", 7), ct = prop(t, "onremoverichvideo", 7), lt = prop(t, "onopenrichimage", 7), ut = prop(t, "onopenrichvideo", 7), dt = prop(t, "onopenrichfile", 7), ft = prop(t, "sendable", 7, null), pt = prop(t, "accept", 7, ""), mt = prop(t, "multiple", 7, !1), ht = prop(t, "sendLabel", 7, "Send message"), gt = prop(t, "stopLabel", 7, "Stop generating"), _t = prop(t, "voiceLabel", 7, "Voice input"), vt = prop(t, "attachLabel", 7, "Attach files"), yt = prop(t, "sendIcon", 7), bt = prop(t, "stopIcon", 7), xt = prop(t, "voiceIcon", 7), St = prop(t, "attachIcon", 7), Ct = prop(t, "actionIcon", 7), wt = prop(t, "actionLabel", 7, "Voice conversation"), Tt = prop(t, "actionText", 7), Et = prop(t, "leading", 7), Dt = prop(t, "trailing", 7), Ot = prop(t, "statusText", 7), kt = prop(t, "statusTestId", 7), At = prop(t, "slashCommands", 7, null), jt = prop(t, "slashMenuAriaLabel", 7, "slash commands"), Mt = prop(t, "slashMenuHint", 7, "↑↓ move · tab complete · ↵ select · esc dismiss"), Nt = prop(t, "slashMenuClasses", 7), Pt = prop(t, "slashItemClasses", 7), It = prop(t, "slashSelectedItemClasses", 7), Lt = prop(t, "slashItem", 7), Rt = prop(t, "onsubmit", 7), zt = prop(t, "oninput", 7), Bt = prop(t, "oninputfocus", 7), Ht = prop(t, "onkeydown", 7), Gt = prop(t, "onpaste", 7), qt = prop(t, "onstop", 7), Zt = prop(t, "onvoice", 7), Qt = prop(t, "oncanceldictation", 7), $t = prop(t, "onattach", 7), en = prop(t, "onattachclick", 7), tn = prop(t, "onaction", 7), nn = prop(t, "testId", 7), rn = prop(t, "inputTestId", 7), an = prop(t, "inputAriaLabel", 7), on = prop(t, "sendTestId", 7), sn = prop(t, "sendSlotTestId", 7), cn = prop(t, "stopTestId", 7), ln = prop(t, "voiceTestId", 7), un = prop(t, "attachTestId", 7), dn = prop(t, "actionTestId", 7), fn = prop(t, "classes", 7), pn = /* @__PURE__ */ state(null), mn = /* @__PURE__ */ state(null), hn = (e) => {
|
|
52644
|
+
get(mn)?.focus(e);
|
|
52645
|
+
}, gn = /* @__PURE__ */ user_derived(() => typeof Zt() == "function"), _n = /* @__PURE__ */ user_derived(() => typeof $t() == "function" || typeof en() == "function"), vn = /* @__PURE__ */ user_derived(() => ne().length > 0 || be().length > 0 || re().length > 0), yn = /* @__PURE__ */ user_derived(() => resolveControlDisabled(f(), u())), bn = /* @__PURE__ */ user_derived(() => normalizeDictationState(R())), xn = /* @__PURE__ */ user_derived(() => resolveControlDisabled(p(), u()) || get(bn) === "busy"), Sn = /* @__PURE__ */ user_derived(() => resolveControlDisabled(h(), u())), Cn = /* @__PURE__ */ user_derived(() => !get(Sn) && (ft() ?? (s().trim().length > 0 || G().length > 0 || get(vn)))), wn = /* @__PURE__ */ state(!1), Tn = /* @__PURE__ */ state(0), En = /* @__PURE__ */ state(null), Dn = /* @__PURE__ */ user_derived(() => {
|
|
52646
|
+
if (At() === null || get(wn) || !/^\/\S*$/.test(s())) return [];
|
|
52579
52647
|
let e = s().toLowerCase();
|
|
52580
|
-
return
|
|
52581
|
-
}),
|
|
52582
|
-
if (
|
|
52648
|
+
return At().filter((t) => t.name.toLowerCase().startsWith(e) || e.length > 1 && (t.description ?? "").toLowerCase().includes(e.slice(1)));
|
|
52649
|
+
}), On = /* @__PURE__ */ user_derived(() => {
|
|
52650
|
+
if (At() === null || get(wn)) return null;
|
|
52583
52651
|
let e = /^(\/\S+)\s(\S*)$/.exec(s());
|
|
52584
52652
|
if (e === null) return null;
|
|
52585
|
-
let t = (e[1] ?? "").toLowerCase(), n =
|
|
52653
|
+
let t = (e[1] ?? "").toLowerCase(), n = At().find((e) => e.name.toLowerCase() === t && (e.choices?.length ?? 0) > 0);
|
|
52586
52654
|
if (typeof n != "object") return null;
|
|
52587
52655
|
let i = (e[2] ?? "").toLowerCase();
|
|
52588
52656
|
return {
|
|
52589
52657
|
command: n,
|
|
52590
52658
|
choices: (n.choices ?? []).filter((e) => e.value.toLowerCase().startsWith(i))
|
|
52591
52659
|
};
|
|
52592
|
-
}),
|
|
52660
|
+
}), kn = /* @__PURE__ */ user_derived(() => get(On) === null ? get(Dn) : get(On).choices.map((e) => typeof e.description == "string" ? {
|
|
52593
52661
|
name: e.value,
|
|
52594
52662
|
description: e.description
|
|
52595
|
-
} : { name: e.value })),
|
|
52596
|
-
function
|
|
52597
|
-
if (get(
|
|
52598
|
-
let t = get(
|
|
52599
|
-
return typeof t == "object" ? `${get(
|
|
52663
|
+
} : { name: e.value })), An = /* @__PURE__ */ user_derived(() => get(kn).length > 0), jn = /* @__PURE__ */ user_derived(() => Math.min(get(Tn), Math.max(0, get(kn).length - 1))), Mn = `chat-composer-slash-listbox-${n}`, Nn = /* @__PURE__ */ user_derived(() => get(An) ? `chat-composer-slash-option-${n}-${get(jn)}` : null);
|
|
52664
|
+
function Pn(e) {
|
|
52665
|
+
if (get(On) !== null) {
|
|
52666
|
+
let t = get(On).choices.at(e);
|
|
52667
|
+
return typeof t == "object" ? `${get(On).command.name} ${t.value}` : null;
|
|
52600
52668
|
}
|
|
52601
|
-
return get(
|
|
52669
|
+
return get(kn).at(e)?.name ?? null;
|
|
52602
52670
|
}
|
|
52603
|
-
function
|
|
52604
|
-
if (get(
|
|
52605
|
-
let t = get(
|
|
52606
|
-
typeof t == "object" && (s(`${get(
|
|
52671
|
+
function Fn(e) {
|
|
52672
|
+
if (get(On) !== null) {
|
|
52673
|
+
let t = get(On).choices.at(e);
|
|
52674
|
+
typeof t == "object" && (s(`${get(On).command.name} ${t.value}`), set(Tn, 0));
|
|
52607
52675
|
return;
|
|
52608
52676
|
}
|
|
52609
|
-
let t = get(
|
|
52610
|
-
typeof t == "object" && (s(`${t.name} `), set(
|
|
52677
|
+
let t = get(Dn).at(e);
|
|
52678
|
+
typeof t == "object" && (s(`${t.name} `), set(wn, (t.choices?.length ?? 0) === 0), set(Tn, 0));
|
|
52611
52679
|
}
|
|
52612
|
-
function
|
|
52680
|
+
function In() {
|
|
52613
52681
|
tick().then(() => {
|
|
52614
|
-
(get(
|
|
52682
|
+
(get(En)?.children.item(get(jn)))?.scrollIntoView({ block: "nearest" });
|
|
52615
52683
|
});
|
|
52616
52684
|
}
|
|
52617
|
-
function
|
|
52618
|
-
return e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), set(
|
|
52685
|
+
function Ln(e) {
|
|
52686
|
+
return e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), set(Tn, e.key === "ArrowDown" ? Math.min(get(jn) + 1, get(kn).length - 1) : Math.max(get(jn) - 1, 0), !0), In(), !0) : e.key === "Tab" && !e.shiftKey ? (e.preventDefault(), Fn(get(jn)), !0) : e.key === "Enter" && !e.shiftKey && !e.isComposing ? (e.preventDefault(), s().trim() === Pn(get(jn)) ? zn() : Fn(get(jn)), !0) : !1;
|
|
52619
52687
|
}
|
|
52620
|
-
function
|
|
52688
|
+
function Rn(e) {
|
|
52621
52689
|
return { destroy: registerDismissible({
|
|
52622
52690
|
element: () => e,
|
|
52623
52691
|
onEscape: () => {
|
|
52624
|
-
set(
|
|
52692
|
+
set(wn, !0);
|
|
52625
52693
|
}
|
|
52626
52694
|
}) };
|
|
52627
52695
|
}
|
|
52628
|
-
function
|
|
52629
|
-
if (!get(
|
|
52630
|
-
set(
|
|
52696
|
+
function zn() {
|
|
52697
|
+
if (!get(Cn)) return;
|
|
52698
|
+
set(wn, !1);
|
|
52631
52699
|
let e = {
|
|
52632
52700
|
value: s(),
|
|
52633
52701
|
attachments: G()
|
|
52634
|
-
}, t =
|
|
52702
|
+
}, t = Rt()?.(e.value, e.attachments);
|
|
52635
52703
|
if (t instanceof Promise) {
|
|
52636
52704
|
t.then((t) => {
|
|
52637
52705
|
shouldApplyClear(t, e, {
|
|
@@ -52646,26 +52714,27 @@ function ChatComposer(e, t) {
|
|
|
52646
52714
|
attachments: G()
|
|
52647
52715
|
}) && (s(""), G([]));
|
|
52648
52716
|
}
|
|
52649
|
-
function
|
|
52650
|
-
!(get(
|
|
52717
|
+
function Bn(e) {
|
|
52718
|
+
!(get(An) && Ln(e)) && S() && e.key === "Enter" && !e.shiftKey && !e.isComposing && !k() && (e.preventDefault(), zn()), e.key === "Escape" && get(bn) === "recording" && (e.preventDefault(), Qt()?.()), Ht()?.(e);
|
|
52651
52719
|
}
|
|
52652
|
-
function
|
|
52653
|
-
set(
|
|
52720
|
+
function Vn(e) {
|
|
52721
|
+
set(wn, !1), set(Tn, 0), zt()?.(e.currentTarget.value, e);
|
|
52654
52722
|
}
|
|
52655
|
-
function
|
|
52723
|
+
function Hn(e) {
|
|
52656
52724
|
let t = Array.from(e.currentTarget.files ?? []);
|
|
52657
|
-
t.length > 0 && (G([...G(), ...t]),
|
|
52725
|
+
t.length > 0 && (G([...G(), ...t]), $t()?.(t)), e.currentTarget.value = "";
|
|
52658
52726
|
}
|
|
52659
|
-
function
|
|
52727
|
+
function Un(e) {
|
|
52660
52728
|
G(G().filter((t, n) => n !== e));
|
|
52661
52729
|
}
|
|
52662
|
-
let
|
|
52730
|
+
let Wn = (e) => {
|
|
52663
52731
|
function t() {
|
|
52664
52732
|
e.style.height = "0px", e.style.height = `${e.scrollHeight}px`;
|
|
52665
52733
|
}
|
|
52666
52734
|
return t(), { update: t };
|
|
52667
52735
|
};
|
|
52668
|
-
var
|
|
52736
|
+
var Gn = {
|
|
52737
|
+
focus: hn,
|
|
52669
52738
|
get value() {
|
|
52670
52739
|
return s();
|
|
52671
52740
|
},
|
|
@@ -52912,219 +52981,231 @@ function ChatComposer(e, t) {
|
|
|
52912
52981
|
set leading(e) {
|
|
52913
52982
|
Et(e), flushSync();
|
|
52914
52983
|
},
|
|
52915
|
-
get
|
|
52984
|
+
get trailing() {
|
|
52916
52985
|
return Dt();
|
|
52917
52986
|
},
|
|
52918
|
-
set
|
|
52987
|
+
set trailing(e) {
|
|
52919
52988
|
Dt(e), flushSync();
|
|
52920
52989
|
},
|
|
52921
|
-
get
|
|
52990
|
+
get statusText() {
|
|
52922
52991
|
return Ot();
|
|
52923
52992
|
},
|
|
52924
|
-
set
|
|
52993
|
+
set statusText(e) {
|
|
52925
52994
|
Ot(e), flushSync();
|
|
52926
52995
|
},
|
|
52927
|
-
get
|
|
52996
|
+
get statusTestId() {
|
|
52928
52997
|
return kt();
|
|
52929
52998
|
},
|
|
52930
|
-
set
|
|
52999
|
+
set statusTestId(e) {
|
|
52931
53000
|
kt(e), flushSync();
|
|
52932
53001
|
},
|
|
52933
|
-
get
|
|
53002
|
+
get slashCommands() {
|
|
52934
53003
|
return At();
|
|
52935
53004
|
},
|
|
52936
|
-
set
|
|
53005
|
+
set slashCommands(e = null) {
|
|
52937
53006
|
At(e), flushSync();
|
|
52938
53007
|
},
|
|
52939
|
-
get
|
|
53008
|
+
get slashMenuAriaLabel() {
|
|
52940
53009
|
return jt();
|
|
52941
53010
|
},
|
|
52942
|
-
set
|
|
53011
|
+
set slashMenuAriaLabel(e = "slash commands") {
|
|
52943
53012
|
jt(e), flushSync();
|
|
52944
53013
|
},
|
|
52945
|
-
get
|
|
53014
|
+
get slashMenuHint() {
|
|
52946
53015
|
return Mt();
|
|
52947
53016
|
},
|
|
52948
|
-
set
|
|
53017
|
+
set slashMenuHint(e = "↑↓ move · tab complete · ↵ select · esc dismiss") {
|
|
52949
53018
|
Mt(e), flushSync();
|
|
52950
53019
|
},
|
|
52951
|
-
get
|
|
53020
|
+
get slashMenuClasses() {
|
|
52952
53021
|
return Nt();
|
|
52953
53022
|
},
|
|
52954
|
-
set
|
|
53023
|
+
set slashMenuClasses(e) {
|
|
52955
53024
|
Nt(e), flushSync();
|
|
52956
53025
|
},
|
|
52957
|
-
get
|
|
53026
|
+
get slashItemClasses() {
|
|
52958
53027
|
return Pt();
|
|
52959
53028
|
},
|
|
52960
|
-
set
|
|
53029
|
+
set slashItemClasses(e) {
|
|
52961
53030
|
Pt(e), flushSync();
|
|
52962
53031
|
},
|
|
52963
|
-
get
|
|
53032
|
+
get slashSelectedItemClasses() {
|
|
52964
53033
|
return It();
|
|
52965
53034
|
},
|
|
52966
|
-
set
|
|
53035
|
+
set slashSelectedItemClasses(e) {
|
|
52967
53036
|
It(e), flushSync();
|
|
52968
53037
|
},
|
|
52969
|
-
get
|
|
53038
|
+
get slashItem() {
|
|
52970
53039
|
return Lt();
|
|
52971
53040
|
},
|
|
52972
|
-
set
|
|
53041
|
+
set slashItem(e) {
|
|
52973
53042
|
Lt(e), flushSync();
|
|
52974
53043
|
},
|
|
52975
|
-
get
|
|
53044
|
+
get onsubmit() {
|
|
52976
53045
|
return Rt();
|
|
52977
53046
|
},
|
|
52978
|
-
set
|
|
53047
|
+
set onsubmit(e) {
|
|
52979
53048
|
Rt(e), flushSync();
|
|
52980
53049
|
},
|
|
52981
|
-
get
|
|
53050
|
+
get oninput() {
|
|
52982
53051
|
return zt();
|
|
52983
53052
|
},
|
|
52984
|
-
set
|
|
53053
|
+
set oninput(e) {
|
|
52985
53054
|
zt(e), flushSync();
|
|
52986
53055
|
},
|
|
52987
|
-
get
|
|
53056
|
+
get oninputfocus() {
|
|
52988
53057
|
return Bt();
|
|
52989
53058
|
},
|
|
52990
|
-
set
|
|
53059
|
+
set oninputfocus(e) {
|
|
52991
53060
|
Bt(e), flushSync();
|
|
52992
53061
|
},
|
|
52993
|
-
get
|
|
53062
|
+
get onkeydown() {
|
|
52994
53063
|
return Ht();
|
|
52995
53064
|
},
|
|
52996
|
-
set
|
|
53065
|
+
set onkeydown(e) {
|
|
52997
53066
|
Ht(e), flushSync();
|
|
52998
53067
|
},
|
|
52999
|
-
get
|
|
53068
|
+
get onpaste() {
|
|
53000
53069
|
return Gt();
|
|
53001
53070
|
},
|
|
53002
|
-
set
|
|
53071
|
+
set onpaste(e) {
|
|
53003
53072
|
Gt(e), flushSync();
|
|
53004
53073
|
},
|
|
53005
|
-
get
|
|
53074
|
+
get onstop() {
|
|
53006
53075
|
return qt();
|
|
53007
53076
|
},
|
|
53008
|
-
set
|
|
53077
|
+
set onstop(e) {
|
|
53009
53078
|
qt(e), flushSync();
|
|
53010
53079
|
},
|
|
53011
|
-
get
|
|
53080
|
+
get onvoice() {
|
|
53012
53081
|
return Zt();
|
|
53013
53082
|
},
|
|
53014
|
-
set
|
|
53083
|
+
set onvoice(e) {
|
|
53015
53084
|
Zt(e), flushSync();
|
|
53016
53085
|
},
|
|
53017
|
-
get
|
|
53086
|
+
get oncanceldictation() {
|
|
53018
53087
|
return Qt();
|
|
53019
53088
|
},
|
|
53020
|
-
set
|
|
53089
|
+
set oncanceldictation(e) {
|
|
53021
53090
|
Qt(e), flushSync();
|
|
53022
53091
|
},
|
|
53023
|
-
get
|
|
53092
|
+
get onattach() {
|
|
53024
53093
|
return $t();
|
|
53025
53094
|
},
|
|
53026
|
-
set
|
|
53095
|
+
set onattach(e) {
|
|
53027
53096
|
$t(e), flushSync();
|
|
53028
53097
|
},
|
|
53029
|
-
get
|
|
53098
|
+
get onattachclick() {
|
|
53030
53099
|
return en();
|
|
53031
53100
|
},
|
|
53032
|
-
set
|
|
53101
|
+
set onattachclick(e) {
|
|
53033
53102
|
en(e), flushSync();
|
|
53034
53103
|
},
|
|
53035
|
-
get
|
|
53104
|
+
get onaction() {
|
|
53036
53105
|
return tn();
|
|
53037
53106
|
},
|
|
53038
|
-
set
|
|
53107
|
+
set onaction(e) {
|
|
53039
53108
|
tn(e), flushSync();
|
|
53040
53109
|
},
|
|
53041
|
-
get
|
|
53110
|
+
get testId() {
|
|
53042
53111
|
return nn();
|
|
53043
53112
|
},
|
|
53044
|
-
set
|
|
53113
|
+
set testId(e) {
|
|
53045
53114
|
nn(e), flushSync();
|
|
53046
53115
|
},
|
|
53047
|
-
get
|
|
53116
|
+
get inputTestId() {
|
|
53048
53117
|
return rn();
|
|
53049
53118
|
},
|
|
53050
|
-
set
|
|
53119
|
+
set inputTestId(e) {
|
|
53051
53120
|
rn(e), flushSync();
|
|
53052
53121
|
},
|
|
53053
|
-
get
|
|
53122
|
+
get inputAriaLabel() {
|
|
53054
53123
|
return an();
|
|
53055
53124
|
},
|
|
53056
|
-
set
|
|
53125
|
+
set inputAriaLabel(e) {
|
|
53057
53126
|
an(e), flushSync();
|
|
53058
53127
|
},
|
|
53059
|
-
get
|
|
53128
|
+
get sendTestId() {
|
|
53060
53129
|
return on();
|
|
53061
53130
|
},
|
|
53062
|
-
set
|
|
53131
|
+
set sendTestId(e) {
|
|
53063
53132
|
on(e), flushSync();
|
|
53064
53133
|
},
|
|
53065
|
-
get
|
|
53134
|
+
get sendSlotTestId() {
|
|
53066
53135
|
return sn();
|
|
53067
53136
|
},
|
|
53068
|
-
set
|
|
53137
|
+
set sendSlotTestId(e) {
|
|
53069
53138
|
sn(e), flushSync();
|
|
53070
53139
|
},
|
|
53071
|
-
get
|
|
53140
|
+
get stopTestId() {
|
|
53072
53141
|
return cn();
|
|
53073
53142
|
},
|
|
53074
|
-
set
|
|
53143
|
+
set stopTestId(e) {
|
|
53075
53144
|
cn(e), flushSync();
|
|
53076
53145
|
},
|
|
53077
|
-
get
|
|
53146
|
+
get voiceTestId() {
|
|
53078
53147
|
return ln();
|
|
53079
53148
|
},
|
|
53080
|
-
set
|
|
53149
|
+
set voiceTestId(e) {
|
|
53081
53150
|
ln(e), flushSync();
|
|
53082
53151
|
},
|
|
53083
|
-
get
|
|
53152
|
+
get attachTestId() {
|
|
53084
53153
|
return un();
|
|
53085
53154
|
},
|
|
53086
|
-
set
|
|
53155
|
+
set attachTestId(e) {
|
|
53087
53156
|
un(e), flushSync();
|
|
53088
|
-
}
|
|
53089
|
-
|
|
53090
|
-
|
|
53091
|
-
|
|
53092
|
-
|
|
53093
|
-
|
|
53094
|
-
|
|
53157
|
+
},
|
|
53158
|
+
get actionTestId() {
|
|
53159
|
+
return dn();
|
|
53160
|
+
},
|
|
53161
|
+
set actionTestId(e) {
|
|
53162
|
+
dn(e), flushSync();
|
|
53163
|
+
},
|
|
53164
|
+
get classes() {
|
|
53165
|
+
return fn();
|
|
53166
|
+
},
|
|
53167
|
+
set classes(e) {
|
|
53168
|
+
fn(e), flushSync();
|
|
53169
|
+
}
|
|
53170
|
+
}, Kn = root_19$2();
|
|
53171
|
+
let qn;
|
|
53172
|
+
var Jn = child(Kn), Yn = (e) => {
|
|
53173
|
+
var t = root_14$2(), i = child(t);
|
|
53174
|
+
each(i, 23, () => get(kn), (e) => e.name, (e, t, i) => {
|
|
53175
|
+
var a = root_13$2();
|
|
53095
53176
|
let o;
|
|
53096
53177
|
var s = child(a);
|
|
53097
53178
|
{
|
|
53098
|
-
let e = /* @__PURE__ */ user_derived(() => [
|
|
53179
|
+
let e = /* @__PURE__ */ user_derived(() => [Pt(), get(i) === get(jn) ? It() : ""].filter((e) => typeof e == "string" && e.length > 0).join(" "));
|
|
53099
53180
|
Button(s, {
|
|
53100
53181
|
type: "button",
|
|
53101
53182
|
get classes() {
|
|
53102
53183
|
return get(e);
|
|
53103
53184
|
},
|
|
53104
|
-
onclick: () =>
|
|
53185
|
+
onclick: () => Fn(get(i)),
|
|
53105
53186
|
children: (e, n) => {
|
|
53106
53187
|
var a = comment(), o = first_child(a), s = (e) => {
|
|
53107
53188
|
var n = comment();
|
|
53108
|
-
snippet(first_child(n),
|
|
53189
|
+
snippet(first_child(n), Lt, () => get(t), () => get(i) === get(jn)), append(e, n);
|
|
53109
53190
|
}, c = (e) => {
|
|
53110
|
-
var n =
|
|
53191
|
+
var n = root_12$2(), i = first_child(n), a = child(i, !0);
|
|
53111
53192
|
reset(i);
|
|
53112
53193
|
var o = sibling(i, 2), s = (e) => {
|
|
53113
|
-
var n =
|
|
53194
|
+
var n = root_9$3(), i = child(n, !0);
|
|
53114
53195
|
reset(n), template_effect(() => set_text(i, get(t).argumentHint)), append(e, n);
|
|
53115
53196
|
};
|
|
53116
53197
|
if_block(o, (e) => {
|
|
53117
53198
|
typeof get(t).argumentHint == "string" && e(s);
|
|
53118
53199
|
});
|
|
53119
53200
|
var c = sibling(o, 2), l = (e) => {
|
|
53120
|
-
var n =
|
|
53201
|
+
var n = root_10$3(), i = child(n, !0);
|
|
53121
53202
|
reset(n), template_effect(() => set_text(i, get(t).description)), append(e, n);
|
|
53122
53203
|
};
|
|
53123
53204
|
if_block(c, (e) => {
|
|
53124
53205
|
typeof get(t).description == "string" && e(l);
|
|
53125
53206
|
});
|
|
53126
53207
|
var u = sibling(c, 2), f = (e) => {
|
|
53127
|
-
var n =
|
|
53208
|
+
var n = root_11$2(), i = child(n, !0);
|
|
53128
53209
|
reset(n), template_effect(() => set_text(i, get(t).badge)), append(e, n);
|
|
53129
53210
|
};
|
|
53130
53211
|
if_block(u, (e) => {
|
|
@@ -53132,40 +53213,40 @@ function ChatComposer(e, t) {
|
|
|
53132
53213
|
}), template_effect(() => set_text(a, get(t).name)), append(e, n);
|
|
53133
53214
|
};
|
|
53134
53215
|
if_block(o, (e) => {
|
|
53135
|
-
typeof
|
|
53216
|
+
typeof Lt() == "function" ? e(s) : e(c, -1);
|
|
53136
53217
|
}), append(e, a);
|
|
53137
53218
|
},
|
|
53138
53219
|
$$slots: { default: !0 }
|
|
53139
53220
|
});
|
|
53140
53221
|
}
|
|
53141
53222
|
reset(a), template_effect(() => {
|
|
53142
|
-
set_attribute(a, "id", `chat-composer-slash-option-${n}-${get(i)}`), set_attribute(a, "aria-selected", get(i) === get(
|
|
53143
|
-
}), event("mouseenter", a, () => set(
|
|
53144
|
-
}), reset(i), bind_this(i, (e) => set(
|
|
53223
|
+
set_attribute(a, "id", `chat-composer-slash-option-${n}-${get(i)}`), set_attribute(a, "aria-selected", get(i) === get(jn)), o = set_class(a, 1, "svelte-xpd394", null, o, { "slash-item-selected-default": get(i) === get(jn) && typeof It() != "string" });
|
|
53224
|
+
}), event("mouseenter", a, () => set(Tn, get(i), !0)), append(e, a);
|
|
53225
|
+
}), reset(i), bind_this(i, (e) => set(En, e), () => get(En));
|
|
53145
53226
|
var a = sibling(i, 2), o = child(a, !0);
|
|
53146
|
-
reset(a), reset(t), action(t, (e) =>
|
|
53147
|
-
set_class(t, 1, `slash-menu ${
|
|
53227
|
+
reset(a), reset(t), action(t, (e) => Rn?.(e)), template_effect(() => {
|
|
53228
|
+
set_class(t, 1, `slash-menu ${Nt() ?? "" ?? ""}`, "svelte-xpd394"), set_attribute(t, "id", Mn), set_attribute(t, "aria-label", jt()), set_text(o, Mt());
|
|
53148
53229
|
}), append(e, t);
|
|
53149
53230
|
};
|
|
53150
|
-
if_block(
|
|
53151
|
-
get(
|
|
53231
|
+
if_block(Jn, (e) => {
|
|
53232
|
+
get(An) && e(Yn);
|
|
53152
53233
|
});
|
|
53153
|
-
var
|
|
53154
|
-
var t =
|
|
53234
|
+
var Xn = sibling(Jn, 2), Zn = (e) => {
|
|
53235
|
+
var t = root_15$2(), n = child(t, !0);
|
|
53155
53236
|
reset(t), template_effect(() => {
|
|
53156
|
-
set_attribute(t, "data-pw",
|
|
53237
|
+
set_attribute(t, "data-pw", kt() ?? null), set_text(n, Ot());
|
|
53157
53238
|
}), append(e, t);
|
|
53158
53239
|
};
|
|
53159
|
-
if_block(
|
|
53160
|
-
typeof
|
|
53240
|
+
if_block(Xn, (e) => {
|
|
53241
|
+
typeof Ot() == "string" && e(Zn);
|
|
53161
53242
|
});
|
|
53162
|
-
var
|
|
53243
|
+
var Qn = sibling(Xn, 2), $n = (e) => {
|
|
53163
53244
|
var t = comment();
|
|
53164
53245
|
snippet(first_child(t), te), append(e, t);
|
|
53165
|
-
},
|
|
53166
|
-
var t =
|
|
53246
|
+
}, er = (e) => {
|
|
53247
|
+
var t = root_16$2(), n = child(t);
|
|
53167
53248
|
{
|
|
53168
|
-
let e = /* @__PURE__ */ user_derived(() =>
|
|
53249
|
+
let e = /* @__PURE__ */ user_derived(() => nn() && `${nn()}-rich-attachments`);
|
|
53169
53250
|
AttachmentChipRow(n, {
|
|
53170
53251
|
get images() {
|
|
53171
53252
|
return ne();
|
|
@@ -53212,39 +53293,39 @@ function ChatComposer(e, t) {
|
|
|
53212
53293
|
});
|
|
53213
53294
|
}
|
|
53214
53295
|
reset(t), append(e, t);
|
|
53215
|
-
},
|
|
53216
|
-
var t =
|
|
53296
|
+
}, tr = (e) => {
|
|
53297
|
+
var t = root_17$2();
|
|
53217
53298
|
each(t, 23, G, (e, t) => e.name + t, (e, t, n) => {
|
|
53218
53299
|
Pill(e, {
|
|
53219
53300
|
get text() {
|
|
53220
53301
|
return get(t).name;
|
|
53221
53302
|
},
|
|
53222
53303
|
dismissible: !0,
|
|
53223
|
-
ondismiss: () =>
|
|
53304
|
+
ondismiss: () => Un(get(n))
|
|
53224
53305
|
});
|
|
53225
53306
|
}), reset(t), append(e, t);
|
|
53226
53307
|
};
|
|
53227
|
-
if_block(
|
|
53228
|
-
typeof te() == "function" ? e(
|
|
53308
|
+
if_block(Qn, (e) => {
|
|
53309
|
+
typeof te() == "function" ? e($n) : get(vn) ? e(er, 1) : G().length > 0 && e(tr, 2);
|
|
53229
53310
|
});
|
|
53230
|
-
var
|
|
53231
|
-
let
|
|
53232
|
-
var
|
|
53233
|
-
var t =
|
|
53311
|
+
var nr = sibling(Qn, 2);
|
|
53312
|
+
let rr;
|
|
53313
|
+
var ir = child(nr), ar = (e) => {
|
|
53314
|
+
var t = root_18$2(), n = first_child(t);
|
|
53234
53315
|
a(child(n)), reset(n);
|
|
53235
53316
|
var s = sibling(n, 2), c = child(s);
|
|
53236
53317
|
i(c), o(sibling(c, 4)), reset(s), append(e, t);
|
|
53237
|
-
},
|
|
53238
|
-
var t =
|
|
53318
|
+
}, or = (e) => {
|
|
53319
|
+
var t = root_8$4(), n = first_child(t);
|
|
53239
53320
|
i(n);
|
|
53240
53321
|
var s = sibling(n, 2);
|
|
53241
53322
|
a(s), o(sibling(s, 2)), append(e, t);
|
|
53242
53323
|
};
|
|
53243
|
-
return if_block(
|
|
53244
|
-
c() === "stacked" ? e(
|
|
53245
|
-
}), reset(
|
|
53246
|
-
|
|
53247
|
-
}), append(e,
|
|
53324
|
+
return if_block(ir, (e) => {
|
|
53325
|
+
c() === "stacked" ? e(ar) : e(or, -1);
|
|
53326
|
+
}), reset(nr), reset(Kn), template_effect(() => {
|
|
53327
|
+
qn = set_class(Kn, 1, `chat-composer ${fn() ?? "" ?? ""}`, "svelte-xpd394", qn, { disabled: u() }), set_attribute(Kn, "data-has-slash", At() === null ? null : ""), set_attribute(Kn, "data-pw", typeof nn() == "string" ? nn() : null), set_attribute(Kn, "testid", typeof nn() == "string" ? nn() : null), rr = set_class(nr, 1, "input-row svelte-xpd394", null, rr, { stacked: c() === "stacked" });
|
|
53328
|
+
}), append(e, Kn), pop(Gn);
|
|
53248
53329
|
}
|
|
53249
53330
|
delegate([
|
|
53250
53331
|
"change",
|
|
@@ -53292,6 +53373,7 @@ delegate([
|
|
|
53292
53373
|
actionLabel: {},
|
|
53293
53374
|
actionText: {},
|
|
53294
53375
|
leading: {},
|
|
53376
|
+
trailing: {},
|
|
53295
53377
|
statusText: {},
|
|
53296
53378
|
statusTestId: {},
|
|
53297
53379
|
slashCommands: {},
|
|
@@ -53303,6 +53385,7 @@ delegate([
|
|
|
53303
53385
|
slashItem: {},
|
|
53304
53386
|
onsubmit: {},
|
|
53305
53387
|
oninput: {},
|
|
53388
|
+
oninputfocus: {},
|
|
53306
53389
|
onkeydown: {},
|
|
53307
53390
|
onpaste: {},
|
|
53308
53391
|
onstop: {},
|
|
@@ -53321,7 +53404,7 @@ delegate([
|
|
|
53321
53404
|
attachTestId: {},
|
|
53322
53405
|
actionTestId: {},
|
|
53323
53406
|
classes: {}
|
|
53324
|
-
}, [], [], { mode: "open" });
|
|
53407
|
+
}, [], ["focus"], { mode: "open" });
|
|
53325
53408
|
//#endregion
|
|
53326
53409
|
//#region src/lib/ChatSuggestions/ChatSuggestions.svelte
|
|
53327
53410
|
var root$11 = /* @__PURE__ */ from_html("<button type=\"button\"><!></button>"), root_1$10 = /* @__PURE__ */ from_html("<div><!></div>"), $$css$31 = {
|
|
@@ -54803,82 +54886,123 @@ var rest_excludes$17 = new Set([
|
|
|
54803
54886
|
"$$events",
|
|
54804
54887
|
"$$legacy",
|
|
54805
54888
|
"$$host",
|
|
54806
|
-
"chatHeaderTitle"
|
|
54889
|
+
"chatHeaderTitle",
|
|
54890
|
+
"expanded",
|
|
54891
|
+
"showExpand"
|
|
54807
54892
|
]), $$css$27 = {
|
|
54808
54893
|
hash: "svelte-1npuv5o",
|
|
54809
54894
|
code: "\n /* A custom element defaults to `display: inline`, which has no definite\n width for a percentage to resolve against -- so a component sizing itself\n with `width: 100%` resolved against the wrong ancestor, and layout depended\n on the consumer's surrounding markup rather than on the component. The value\n matches this component's own root element (block-level), and is a token so a\n consumer can change it without reaching inside the shadow root -- which they\n could not do, since a stylesheet cannot add a rule there. */:host {display:var(--sui-chat-header-display, block);}"
|
|
54810
54895
|
};
|
|
54811
54896
|
function ChatHeader_wc(e, t) {
|
|
54812
54897
|
push(t, !0), append_styles$1(e, $$css$27);
|
|
54813
|
-
let n = prop(t, "chatHeaderTitle", 7), i =
|
|
54814
|
-
|
|
54898
|
+
let n = prop(t, "chatHeaderTitle", 7), i = prop(t, "expanded", 15, !1), a = prop(t, "showExpand", 7), o = /* @__PURE__ */ rest_props(t, rest_excludes$17), s = (e) => {
|
|
54899
|
+
if (typeof e == "boolean") return e;
|
|
54900
|
+
if (typeof e == "string") return e !== "false";
|
|
54901
|
+
}, c = t.$$host, l = t.$$host.querySelector("[slot=\"avatar\"]") !== null, u = /* @__PURE__ */ user_derived(() => dispatchEvents(c, o));
|
|
54902
|
+
var f = {
|
|
54815
54903
|
get chatHeaderTitle() {
|
|
54816
54904
|
return n();
|
|
54817
54905
|
},
|
|
54818
54906
|
set chatHeaderTitle(e) {
|
|
54819
54907
|
n(e), flushSync();
|
|
54908
|
+
},
|
|
54909
|
+
get expanded() {
|
|
54910
|
+
return i();
|
|
54911
|
+
},
|
|
54912
|
+
set expanded(e = !1) {
|
|
54913
|
+
i(e), flushSync();
|
|
54914
|
+
},
|
|
54915
|
+
get showExpand() {
|
|
54916
|
+
return a();
|
|
54917
|
+
},
|
|
54918
|
+
set showExpand(e) {
|
|
54919
|
+
a(e), flushSync();
|
|
54820
54920
|
}
|
|
54821
|
-
},
|
|
54822
|
-
|
|
54823
|
-
|
|
54824
|
-
return n();
|
|
54825
|
-
},
|
|
54826
|
-
avatar: (e) => {
|
|
54921
|
+
}, p = comment(), h = first_child(p), S = (e) => {
|
|
54922
|
+
{
|
|
54923
|
+
let c = (e) => {
|
|
54827
54924
|
var n = comment();
|
|
54828
54925
|
slot(first_child(n), t, "avatar", {}, null), append(e, n);
|
|
54829
|
-
},
|
|
54830
|
-
actions: (e) => {
|
|
54926
|
+
}, l = (e) => {
|
|
54831
54927
|
var n = comment();
|
|
54832
54928
|
slot(first_child(n), t, "actions", {}, null), append(e, n);
|
|
54833
|
-
},
|
|
54834
|
-
closeIcon: (e) => {
|
|
54929
|
+
}, f = (e) => {
|
|
54835
54930
|
var n = comment();
|
|
54836
54931
|
slot(first_child(n), t, "close-icon", {}, (e) => {
|
|
54837
54932
|
var t = comment();
|
|
54838
54933
|
html(first_child(t), () => close_default), append(e, t);
|
|
54839
54934
|
}), append(e, n);
|
|
54840
|
-
},
|
|
54841
|
-
|
|
54842
|
-
|
|
54843
|
-
|
|
54844
|
-
|
|
54845
|
-
|
|
54846
|
-
|
|
54847
|
-
|
|
54848
|
-
|
|
54849
|
-
|
|
54850
|
-
|
|
54851
|
-
|
|
54852
|
-
|
|
54853
|
-
|
|
54854
|
-
|
|
54855
|
-
|
|
54856
|
-
|
|
54857
|
-
|
|
54935
|
+
}, p = /* @__PURE__ */ user_derived(() => s(a()));
|
|
54936
|
+
ChatHeader(e, spread_props(() => o, () => get(u), {
|
|
54937
|
+
get title() {
|
|
54938
|
+
return n();
|
|
54939
|
+
},
|
|
54940
|
+
get showExpand() {
|
|
54941
|
+
return get(p);
|
|
54942
|
+
},
|
|
54943
|
+
get expanded() {
|
|
54944
|
+
return i();
|
|
54945
|
+
},
|
|
54946
|
+
set expanded(e) {
|
|
54947
|
+
i(e);
|
|
54948
|
+
},
|
|
54949
|
+
avatar: c,
|
|
54950
|
+
actions: l,
|
|
54951
|
+
closeIcon: f,
|
|
54952
|
+
children: (e, n) => {
|
|
54953
|
+
var i = comment();
|
|
54954
|
+
slot(first_child(i), t, "default", {}, null), append(e, i);
|
|
54955
|
+
},
|
|
54956
|
+
$$slots: {
|
|
54957
|
+
avatar: !0,
|
|
54958
|
+
actions: !0,
|
|
54959
|
+
closeIcon: !0,
|
|
54960
|
+
default: !0
|
|
54961
|
+
}
|
|
54962
|
+
}));
|
|
54963
|
+
}
|
|
54964
|
+
}, C = (e) => {
|
|
54965
|
+
{
|
|
54966
|
+
let c = (e) => {
|
|
54858
54967
|
var n = comment();
|
|
54859
54968
|
slot(first_child(n), t, "actions", {}, null), append(e, n);
|
|
54860
|
-
},
|
|
54861
|
-
closeIcon: (e) => {
|
|
54969
|
+
}, l = (e) => {
|
|
54862
54970
|
var n = comment();
|
|
54863
54971
|
slot(first_child(n), t, "close-icon", {}, (e) => {
|
|
54864
54972
|
var t = comment();
|
|
54865
54973
|
html(first_child(t), () => close_default), append(e, t);
|
|
54866
54974
|
}), append(e, n);
|
|
54867
|
-
},
|
|
54868
|
-
|
|
54869
|
-
|
|
54870
|
-
|
|
54871
|
-
|
|
54872
|
-
|
|
54873
|
-
|
|
54874
|
-
|
|
54875
|
-
|
|
54876
|
-
|
|
54877
|
-
|
|
54975
|
+
}, f = /* @__PURE__ */ user_derived(() => s(a()));
|
|
54976
|
+
ChatHeader(e, spread_props(() => o, () => get(u), {
|
|
54977
|
+
get title() {
|
|
54978
|
+
return n();
|
|
54979
|
+
},
|
|
54980
|
+
get showExpand() {
|
|
54981
|
+
return get(f);
|
|
54982
|
+
},
|
|
54983
|
+
get expanded() {
|
|
54984
|
+
return i();
|
|
54985
|
+
},
|
|
54986
|
+
set expanded(e) {
|
|
54987
|
+
i(e);
|
|
54988
|
+
},
|
|
54989
|
+
actions: c,
|
|
54990
|
+
closeIcon: l,
|
|
54991
|
+
children: (e, n) => {
|
|
54992
|
+
var i = comment();
|
|
54993
|
+
slot(first_child(i), t, "default", {}, null), append(e, i);
|
|
54994
|
+
},
|
|
54995
|
+
$$slots: {
|
|
54996
|
+
actions: !0,
|
|
54997
|
+
closeIcon: !0,
|
|
54998
|
+
default: !0
|
|
54999
|
+
}
|
|
55000
|
+
}));
|
|
55001
|
+
}
|
|
54878
55002
|
};
|
|
54879
|
-
return if_block(
|
|
54880
|
-
|
|
54881
|
-
}), append(e,
|
|
55003
|
+
return if_block(h, (e) => {
|
|
55004
|
+
l ? e(S) : e(C, -1);
|
|
55005
|
+
}), append(e, p), pop(f);
|
|
54882
55006
|
}
|
|
54883
55007
|
customElements.define("sui-chat-header", create_custom_element(ChatHeader_wc, {
|
|
54884
55008
|
chatHeaderTitle: {
|
|
@@ -54900,6 +55024,23 @@ customElements.define("sui-chat-header", create_custom_element(ChatHeader_wc, {
|
|
|
54900
55024
|
},
|
|
54901
55025
|
avatar: { type: "Object" },
|
|
54902
55026
|
actions: { type: "Object" },
|
|
55027
|
+
expanded: {
|
|
55028
|
+
reflect: !0,
|
|
55029
|
+
type: "Boolean"
|
|
55030
|
+
},
|
|
55031
|
+
showExpand: {
|
|
55032
|
+
attribute: "show-expand",
|
|
55033
|
+
type: "String"
|
|
55034
|
+
},
|
|
55035
|
+
expandLabel: {
|
|
55036
|
+
attribute: "expand-label",
|
|
55037
|
+
type: "String"
|
|
55038
|
+
},
|
|
55039
|
+
collapseLabel: {
|
|
55040
|
+
attribute: "collapse-label",
|
|
55041
|
+
type: "String"
|
|
55042
|
+
},
|
|
55043
|
+
onexpandchange: { type: "Object" },
|
|
54903
55044
|
closeIcon: { type: "Object" },
|
|
54904
55045
|
closeLabel: {
|
|
54905
55046
|
attribute: "close-label",
|
|
@@ -55304,8 +55445,22 @@ function ChatComposer_wc(e, t) {
|
|
|
55304
55445
|
if (typeof e == "boolean" || e === "idle" || e === "recording" || e === "busy") return e;
|
|
55305
55446
|
let t = String(e).trim().toLowerCase();
|
|
55306
55447
|
return t === "false" ? !1 : t === "" || t === "true" ? !0 : t === "idle" || t === "recording" || t === "busy" ? t : !1;
|
|
55307
|
-
}, a = prop(t, "textDisabled", 7), o = prop(t, "voiceDisabled", 7), s = prop(t, "sendDisabled", 7), c = prop(t, "sendable", 7), l = prop(t, "recording", 7), u = /* @__PURE__ */ rest_props(t, rest_excludes$13), f = t.$$host, p =
|
|
55308
|
-
|
|
55448
|
+
}, a = prop(t, "textDisabled", 7), o = prop(t, "voiceDisabled", 7), s = prop(t, "sendDisabled", 7), c = prop(t, "sendable", 7), l = prop(t, "recording", 7), u = /* @__PURE__ */ rest_props(t, rest_excludes$13), f = t.$$host, p = /* @__PURE__ */ state(!1);
|
|
55449
|
+
onMount(() => {
|
|
55450
|
+
let e = () => {
|
|
55451
|
+
set(p, Array.from(f.children).some((e) => e.getAttribute("slot") === "trailing"), !0);
|
|
55452
|
+
};
|
|
55453
|
+
e();
|
|
55454
|
+
let t = new MutationObserver(e);
|
|
55455
|
+
return t.observe(f, {
|
|
55456
|
+
childList: !0,
|
|
55457
|
+
subtree: !0,
|
|
55458
|
+
attributes: !0,
|
|
55459
|
+
attributeFilter: ["slot"]
|
|
55460
|
+
}), () => t.disconnect();
|
|
55461
|
+
});
|
|
55462
|
+
let h = createRawSnippet(() => ({ render: () => "<slot name=\"trailing\"></slot>" })), S = /* @__PURE__ */ user_derived(() => typeof t.trailing == "function" ? { trailing: t.trailing } : get(p) ? { trailing: h } : {}), C = t.$$host.querySelector("[slot=\"attachments-preview\"]") !== null, k = /* @__PURE__ */ user_derived(() => dispatchEvents(f, u));
|
|
55463
|
+
var R = {
|
|
55309
55464
|
get textDisabled() {
|
|
55310
55465
|
return a();
|
|
55311
55466
|
},
|
|
@@ -55336,7 +55491,7 @@ function ChatComposer_wc(e, t) {
|
|
|
55336
55491
|
set recording(e) {
|
|
55337
55492
|
l(e), flushSync();
|
|
55338
55493
|
}
|
|
55339
|
-
},
|
|
55494
|
+
}, G = comment(), te = first_child(G), ne = (e) => {
|
|
55340
55495
|
{
|
|
55341
55496
|
let f = (e) => {
|
|
55342
55497
|
var n = comment();
|
|
@@ -55347,7 +55502,7 @@ function ChatComposer_wc(e, t) {
|
|
|
55347
55502
|
var t = comment();
|
|
55348
55503
|
html(first_child(t), () => send_default), append(e, t);
|
|
55349
55504
|
}), append(e, n);
|
|
55350
|
-
},
|
|
55505
|
+
}, h = (e) => {
|
|
55351
55506
|
var n = comment();
|
|
55352
55507
|
slot(first_child(n), t, "stop-icon", {}, (e) => {
|
|
55353
55508
|
var t = comment();
|
|
@@ -55359,57 +55514,57 @@ function ChatComposer_wc(e, t) {
|
|
|
55359
55514
|
var t = comment();
|
|
55360
55515
|
html(first_child(t), () => mic_default), append(e, t);
|
|
55361
55516
|
}), append(e, n);
|
|
55362
|
-
},
|
|
55517
|
+
}, R = (e) => {
|
|
55363
55518
|
var n = comment();
|
|
55364
55519
|
slot(first_child(n), t, "attach-icon", {}, (e) => {
|
|
55365
55520
|
var t = comment();
|
|
55366
55521
|
html(first_child(t), () => attach_default), append(e, t);
|
|
55367
55522
|
}), append(e, n);
|
|
55368
|
-
},
|
|
55523
|
+
}, G = (e) => {
|
|
55369
55524
|
var n = comment();
|
|
55370
55525
|
slot(first_child(n), t, "action-icon", {}, (e) => {
|
|
55371
55526
|
var t = comment();
|
|
55372
55527
|
html(first_child(t), () => mic_default), append(e, t);
|
|
55373
55528
|
}), append(e, n);
|
|
55374
|
-
},
|
|
55529
|
+
}, te = (e) => {
|
|
55375
55530
|
var n = comment();
|
|
55376
55531
|
slot(first_child(n), t, "rich-remove-icon", {}, (e) => {
|
|
55377
55532
|
append(e, root$7());
|
|
55378
55533
|
}), append(e, n);
|
|
55379
|
-
},
|
|
55534
|
+
}, ne = (e) => {
|
|
55380
55535
|
var n = comment();
|
|
55381
55536
|
slot(first_child(n), t, "rich-file-icon", {}, (e) => {
|
|
55382
55537
|
append(e, root_1$7());
|
|
55383
55538
|
}), append(e, n);
|
|
55384
|
-
},
|
|
55539
|
+
}, re = (e) => {
|
|
55385
55540
|
var n = comment();
|
|
55386
55541
|
slot(first_child(n), t, "leading", {}, null), append(e, n);
|
|
55387
|
-
},
|
|
55388
|
-
ChatComposer(e, spread_props(() => u, () => get(
|
|
55542
|
+
}, be = /* @__PURE__ */ user_derived(() => n(a())), Me = /* @__PURE__ */ user_derived(() => n(o())), Re = /* @__PURE__ */ user_derived(() => n(s())), Ue = /* @__PURE__ */ user_derived(() => n(c())), it = /* @__PURE__ */ user_derived(() => i(l()));
|
|
55543
|
+
ChatComposer(e, spread_props(() => u, () => get(k), () => get(S), {
|
|
55389
55544
|
get textDisabled() {
|
|
55390
|
-
return get(
|
|
55545
|
+
return get(be);
|
|
55391
55546
|
},
|
|
55392
55547
|
get voiceDisabled() {
|
|
55393
|
-
return get(
|
|
55548
|
+
return get(Me);
|
|
55394
55549
|
},
|
|
55395
55550
|
get sendDisabled() {
|
|
55396
|
-
return get(
|
|
55551
|
+
return get(Re);
|
|
55397
55552
|
},
|
|
55398
55553
|
get sendable() {
|
|
55399
|
-
return get(
|
|
55554
|
+
return get(Ue);
|
|
55400
55555
|
},
|
|
55401
55556
|
get recording() {
|
|
55402
|
-
return get(
|
|
55557
|
+
return get(it);
|
|
55403
55558
|
},
|
|
55404
55559
|
attachmentsPreview: f,
|
|
55405
55560
|
sendIcon: p,
|
|
55406
|
-
stopIcon:
|
|
55561
|
+
stopIcon: h,
|
|
55407
55562
|
voiceIcon: C,
|
|
55408
|
-
attachIcon:
|
|
55409
|
-
actionIcon:
|
|
55410
|
-
richRemoveIcon:
|
|
55411
|
-
richFileIcon:
|
|
55412
|
-
leading:
|
|
55563
|
+
attachIcon: R,
|
|
55564
|
+
actionIcon: G,
|
|
55565
|
+
richRemoveIcon: te,
|
|
55566
|
+
richFileIcon: ne,
|
|
55567
|
+
leading: re,
|
|
55413
55568
|
$$slots: {
|
|
55414
55569
|
attachmentsPreview: !0,
|
|
55415
55570
|
sendIcon: !0,
|
|
@@ -55423,7 +55578,7 @@ function ChatComposer_wc(e, t) {
|
|
|
55423
55578
|
}
|
|
55424
55579
|
}));
|
|
55425
55580
|
}
|
|
55426
|
-
},
|
|
55581
|
+
}, re = (e) => {
|
|
55427
55582
|
{
|
|
55428
55583
|
let f = (e) => {
|
|
55429
55584
|
var n = comment();
|
|
@@ -55437,7 +55592,7 @@ function ChatComposer_wc(e, t) {
|
|
|
55437
55592
|
var t = comment();
|
|
55438
55593
|
html(first_child(t), () => stop_default), append(e, t);
|
|
55439
55594
|
}), append(e, n);
|
|
55440
|
-
},
|
|
55595
|
+
}, h = (e) => {
|
|
55441
55596
|
var n = comment();
|
|
55442
55597
|
slot(first_child(n), t, "voice-icon", {}, (e) => {
|
|
55443
55598
|
var t = comment();
|
|
@@ -55449,50 +55604,50 @@ function ChatComposer_wc(e, t) {
|
|
|
55449
55604
|
var t = comment();
|
|
55450
55605
|
html(first_child(t), () => attach_default), append(e, t);
|
|
55451
55606
|
}), append(e, n);
|
|
55452
|
-
},
|
|
55607
|
+
}, R = (e) => {
|
|
55453
55608
|
var n = comment();
|
|
55454
55609
|
slot(first_child(n), t, "action-icon", {}, (e) => {
|
|
55455
55610
|
var t = comment();
|
|
55456
55611
|
html(first_child(t), () => mic_default), append(e, t);
|
|
55457
55612
|
}), append(e, n);
|
|
55458
|
-
},
|
|
55613
|
+
}, G = (e) => {
|
|
55459
55614
|
var n = comment();
|
|
55460
55615
|
slot(first_child(n), t, "rich-remove-icon", {}, (e) => {
|
|
55461
55616
|
append(e, root$7());
|
|
55462
55617
|
}), append(e, n);
|
|
55463
|
-
},
|
|
55618
|
+
}, te = (e) => {
|
|
55464
55619
|
var n = comment();
|
|
55465
55620
|
slot(first_child(n), t, "rich-file-icon", {}, (e) => {
|
|
55466
55621
|
append(e, root_1$7());
|
|
55467
55622
|
}), append(e, n);
|
|
55468
|
-
},
|
|
55623
|
+
}, ne = (e) => {
|
|
55469
55624
|
var n = comment();
|
|
55470
55625
|
slot(first_child(n), t, "leading", {}, null), append(e, n);
|
|
55471
|
-
},
|
|
55472
|
-
ChatComposer(e, spread_props(() => u, () => get(
|
|
55626
|
+
}, re = /* @__PURE__ */ user_derived(() => n(a())), be = /* @__PURE__ */ user_derived(() => n(o())), Me = /* @__PURE__ */ user_derived(() => n(s())), Re = /* @__PURE__ */ user_derived(() => n(c())), Ue = /* @__PURE__ */ user_derived(() => i(l()));
|
|
55627
|
+
ChatComposer(e, spread_props(() => u, () => get(k), () => get(S), {
|
|
55473
55628
|
get textDisabled() {
|
|
55474
|
-
return get(
|
|
55629
|
+
return get(re);
|
|
55475
55630
|
},
|
|
55476
55631
|
get voiceDisabled() {
|
|
55477
|
-
return get(
|
|
55632
|
+
return get(be);
|
|
55478
55633
|
},
|
|
55479
55634
|
get sendDisabled() {
|
|
55480
|
-
return get(
|
|
55635
|
+
return get(Me);
|
|
55481
55636
|
},
|
|
55482
55637
|
get sendable() {
|
|
55483
|
-
return get(
|
|
55638
|
+
return get(Re);
|
|
55484
55639
|
},
|
|
55485
55640
|
get recording() {
|
|
55486
|
-
return get(
|
|
55641
|
+
return get(Ue);
|
|
55487
55642
|
},
|
|
55488
55643
|
sendIcon: f,
|
|
55489
55644
|
stopIcon: p,
|
|
55490
|
-
voiceIcon:
|
|
55645
|
+
voiceIcon: h,
|
|
55491
55646
|
attachIcon: C,
|
|
55492
|
-
actionIcon:
|
|
55493
|
-
richRemoveIcon:
|
|
55494
|
-
richFileIcon:
|
|
55495
|
-
leading:
|
|
55647
|
+
actionIcon: R,
|
|
55648
|
+
richRemoveIcon: G,
|
|
55649
|
+
richFileIcon: te,
|
|
55650
|
+
leading: ne,
|
|
55496
55651
|
$$slots: {
|
|
55497
55652
|
sendIcon: !0,
|
|
55498
55653
|
stopIcon: !0,
|
|
@@ -55506,9 +55661,9 @@ function ChatComposer_wc(e, t) {
|
|
|
55506
55661
|
}));
|
|
55507
55662
|
}
|
|
55508
55663
|
};
|
|
55509
|
-
return if_block(
|
|
55510
|
-
|
|
55511
|
-
}), append(e,
|
|
55664
|
+
return if_block(te, (e) => {
|
|
55665
|
+
C ? e(ne) : e(re, -1);
|
|
55666
|
+
}), append(e, G), pop(R);
|
|
55512
55667
|
}
|
|
55513
55668
|
customElements.define("sui-chat-composer", create_custom_element(ChatComposer_wc, {
|
|
55514
55669
|
value: { type: "String" },
|
|
@@ -55591,6 +55746,7 @@ customElements.define("sui-chat-composer", create_custom_element(ChatComposer_wc
|
|
|
55591
55746
|
voiceIcon: { type: "Object" },
|
|
55592
55747
|
attachIcon: { type: "Object" },
|
|
55593
55748
|
leading: { type: "Object" },
|
|
55749
|
+
trailing: { type: "Object" },
|
|
55594
55750
|
statusText: {
|
|
55595
55751
|
attribute: "status-text",
|
|
55596
55752
|
type: "String"
|
|
@@ -55663,6 +55819,7 @@ customElements.define("sui-chat-composer", create_custom_element(ChatComposer_wc
|
|
|
55663
55819
|
classes: { type: "String" },
|
|
55664
55820
|
onsubmit: { type: "Object" },
|
|
55665
55821
|
oninput: { type: "Object" },
|
|
55822
|
+
oninputfocus: { type: "Object" },
|
|
55666
55823
|
onkeydown: { type: "Object" },
|
|
55667
55824
|
onstop: { type: "Object" },
|
|
55668
55825
|
onvoice: { type: "Object" },
|