@juspay/svelte-ui-components 4.37.1 → 4.39.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-wc/index.js
CHANGED
|
@@ -18924,7 +18924,7 @@ function resolveLabelHtml(e, t) {
|
|
|
18924
18924
|
//#region src/lib/ListItem/ListItem.svelte
|
|
18925
18925
|
var root$55 = /* @__PURE__ */ from_html("<div class=\"item-loader svelte-d2pqbq\"></div>"), root_1$51 = /* @__PURE__ */ from_html("<div><!></div>"), root_2$41 = /* @__PURE__ */ from_html("<div></div>"), root_3$38 = /* @__PURE__ */ from_html("<div><div class=\"right-img-wrapper svelte-d2pqbq\"><!></div></div>"), root_4$34 = /* @__PURE__ */ from_html("<div class=\"right-content-loader svelte-d2pqbq\"><!></div>"), root_5$30 = /* @__PURE__ */ from_html("<span class=\"right-content-text svelte-d2pqbq\"> </span>"), root_6$27 = /* @__PURE__ */ from_html("<div><!> <div><div><div class=\"left-content svelte-d2pqbq\"><!> <!></div> <div class=\"center-content svelte-d2pqbq\"><!> <!></div> <div class=\"right-content svelte-d2pqbq\"><!> <!> <!> <!></div></div> <div class=\"bottom-section svelte-d2pqbq\"><!></div></div></div>"), $$css$105 = {
|
|
18926
18926
|
hash: "svelte-d2pqbq",
|
|
18927
|
-
code: ".item-container.svelte-d2pqbq {position:relative;--loader-foreground: var(--list-item-loader-foreground, #86898d);--loader-background: var(--list-item-loader-background, #ffffff);--loader-foreground-end: var(--list-item-loader-foreground-end, #ffffff);}.item-loader.svelte-d2pqbq {position:absolute;height:100%;width:100%;background:var(--list-item-loader-background-color, #00000030);z-index:20;\n animation: svelte-d2pqbq-fill-loader ease-in-out var(--list-item-loader-duration, 8s);}\n\n @keyframes svelte-d2pqbq-fill-loader {\n 0% {\n width: 0;\n }\n\n 100% {\n width: 100%;\n }\n }\n\n /* Same hazard as Button's progress-bar loader (see its comment for the full\n reasoning): this bar's width is a real elapsed-time signal over\n `--list-item-loader-duration`, not decoration, so a bare `animation: none`\n would freeze it at the base rule's `width: 100%` and read as \"finished\"\n for the entire duration instead of \"still loading\". Discrete steps keep\n the width an honest (if coarser) lower bound on elapsed time -- it can\n only under-report, never claim to be further along than it is -- while\n dropping the continuous slide prefers-reduced-motion targets. Lives in\n the component's own <style> because that is the only stylesheet that\n reaches inside the shadow root a custom-element consumer gets. */\n @media (prefers-reduced-motion: reduce) {.item-loader.svelte-d2pqbq {\n /* A LITERAL step count, deliberately not a token. `steps()` is invalid\n below 1, and an invalid value does not degrade to a safer stepped\n default: the whole declaration is dropped and the property falls back to\n the base rule's easing, restoring the continuous slide this block exists\n to remove. A consumer passing 0 to \"just freeze it\" would silently\n switch the guard off for every user who asked for reduced motion, and a\n guard that fails OPEN without saying so is worse than no guard. */animation-timing-function:steps(5, jump-end);}\n }.item.svelte-d2pqbq {display:flex;flex-direction:column;background-color:var(--list-item-background-color, transparent);-webkit-tap-highlight-color:transparent;cursor:var(--list-item-cursor, pointer);-moz-box-shadow:var(--list-item-box-shadow, none);-webkit-box-shadow:var(--list-item-box-shadow, none);box-shadow:var(--list-item-box-shadow, none);width:var(--list-item-box-width);border-radius:var(--list-item-border-radius, 0px);margin:var(--list-item-margin);padding:var(--list-item-padding);border:var(--list-item-border);transition:var(--list-item-transition);}.item.svelte-d2pqbq:hover {background-color:var(--list-item-hover-background-color, var(--list-item-background-color));border:var(--list-item-hover-border, var(--list-item-border));}.top-section.svelte-d2pqbq {display:flex;flex-direction:row;align-items:var(--list-item-top-section-align-items);gap:var(--list-item-top-section-gap);margin-bottom:0;}.left-content.svelte-d2pqbq {display:var(--list-item-left-content-display, flex);--image-height: var(--list-item-left-image-height, 24px);--image-width: var(--list-item-left-image-width, 24px);--image-padding: var(--list-item-left-image-padding, 0px);--image-border-radius: var(--list-item-left-image-border-radius, 0px);--image-margin: var(--list-item-left-image-margin, 0px);--image-filter: var(--list-item-left-image-filter, none);--image-background: var(--list-item-left-image-background);--image-border: var(--list-item-left-image-border);--image-transition: var(--list-item-transition);--image-object-fit: var(--list-item-left-image-object-fit);--image-hover-background: var(\n --list-item-left-image-hover-background,\n var(--list-item-left-image-background)\n );--image-hover-border: var(\n --list-item-left-image-hover-border,\n var(--list-item-left-image-border)\n );}.center-text.svelte-d2pqbq {display:flex;flex-direction:column;justify-content:var(--list-item-center-text-justify-content, flex-start);padding:var(--list-item-center-text-padding, 0px 20px);color:var(--list-item-center-text-color, #2f3841);font-size:var(--list-item-center-text-font-size, 12px);font-weight:var(--list-item-center-text-font-weight, 300);align-items:var(--list-item-center-text-vertical-align);margin:var(--list-item-center-text-margin);border:var(--list-item-center-text-border);cursor:var(--list-item-center-text-cursor, pointer);font-family:var(--list-item-center-text-font-family, inherit);}.center-content.svelte-d2pqbq {display:flex;flex:1;min-width:0;}.right-content.svelte-d2pqbq {display:var(--list-item-right-content-display, flex);flex:var(--list-item-right-content-flex);}.right-content-loader.svelte-d2pqbq {margin:var(--list-item-right-content-loader-margin);}.bottom-section.svelte-d2pqbq {flex-direction:row;margin-top:0;}.right-img-wrapper.svelte-d2pqbq {--image-height: var(--list-item-right-image-height, 18px);--image-width: var(--list-item-right-image-width, 18px);--image-padding: var(--list-item-right-image-padding, 0px);--image-border-radius: var(--list-item-right-image-border-radius, 0px);--image-margin: var(--list-item-right-image-margin, 0px);--image-filter: var(--list-item-right-image-filter);--image-background: var(--list-item-right-image-background);--image-border: var(--list-item-right-image-border);--image-transition: var(--list-item-transition);--image-hover-background: var(\n --list-item-right-image-hover-background,\n var(--list-item-right-image-background)\n );--image-hover-border: var(\n --list-item-right-image-hover-border,\n var(--list-item-right-image-border)\n );}.right-content-text.svelte-d2pqbq {color:var(--list-item-right-content-text-color, #2f3841);font-size:var(--list-item-right-content-text-font-size, 12px);font-weight:var(--list-item-right-content-text-font-weight, 300);display:var(--list-item-right-content-display, flex);align-items:var(--list-item-right-content-text-vertical-align);padding:var(--list-item-right-content-text-padding, 0px);margin:var(--list-item-right-content-text-margin, 0px);border:var(--list-item-right-content-text-border);cursor:var(--list-item-right-content-text-cursor, pointer);font-family:var(--list-item-right-content-text-font-family, inherit);justify-content:var(--list-item-right-content-text-justify-content);}.prevent-focus.svelte-d2pqbq:focus {outline:none;}\n\n /* preventFocus does not touch tabindex (see the root's tabindex expression\n above -- itemRole/suppressRoleAndTabindex govern that, unconditional on\n this prop), so every element carrying .prevent-focus stays a real,\n keyboard-Tab-reachable stop by default. docs/ListItem.md documents the\n prop as removing the outline \"for non-keyboard navigation contexts\" --\n :focus-visible is that exact distinction already built into the\n platform: it does not match a mouse/touch-triggered focus (the case the\n prop exists for) but does match a real keyboard Tab, so this restores\n WCAG 2.4.7 visibility for the one case preventFocus was never meant to\n hide it from. */.prevent-focus.svelte-d2pqbq:focus-visible {outline:var(--list-item-focus-outline, 2px solid #2563eb);outline-offset:var(--list-item-focus-outline-offset, -2px);}\n /* The loader is not the only motion in this file, and this block sits at the\n END on purpose: `.item` is declared after the guard above, so an override\n placed there would lose the same-specificity tie on source order -- the\n cascade trap BrandLoader's own guard had to account for.\n `--image-transition` is not a transition on this element at all; it is a\n custom property handed DOWN to the Img child, and a custom property is the\n only thing that crosses that boundary. Setting `transition: none` here would\n never reach the image, so the property itself is neutralised. */\n @media (prefers-reduced-motion: reduce) {.item.svelte-d2pqbq {transition:none;}.left-content.svelte-d2pqbq,\n .right-img-wrapper.svelte-d2pqbq {--image-transition: none;}\n }"
|
|
18927
|
+
code: ".item-container.svelte-d2pqbq {position:relative;--loader-foreground: var(--list-item-loader-foreground, #86898d);--loader-background: var(--list-item-loader-background, #ffffff);--loader-foreground-end: var(--list-item-loader-foreground-end, #ffffff);}.item-loader.svelte-d2pqbq {position:absolute;height:100%;width:100%;background:var(--list-item-loader-background-color, #00000030);z-index:20;\n animation: svelte-d2pqbq-fill-loader ease-in-out var(--list-item-loader-duration, 8s);}\n\n @keyframes svelte-d2pqbq-fill-loader {\n 0% {\n width: 0;\n }\n\n 100% {\n width: 100%;\n }\n }\n\n /* Same hazard as Button's progress-bar loader (see its comment for the full\n reasoning): this bar's width is a real elapsed-time signal over\n `--list-item-loader-duration`, not decoration, so a bare `animation: none`\n would freeze it at the base rule's `width: 100%` and read as \"finished\"\n for the entire duration instead of \"still loading\". Discrete steps keep\n the width an honest (if coarser) lower bound on elapsed time -- it can\n only under-report, never claim to be further along than it is -- while\n dropping the continuous slide prefers-reduced-motion targets. Lives in\n the component's own <style> because that is the only stylesheet that\n reaches inside the shadow root a custom-element consumer gets. */\n @media (prefers-reduced-motion: reduce) {.item-loader.svelte-d2pqbq {\n /* A LITERAL step count, deliberately not a token. `steps()` is invalid\n below 1, and an invalid value does not degrade to a safer stepped\n default: the whole declaration is dropped and the property falls back to\n the base rule's easing, restoring the continuous slide this block exists\n to remove. A consumer passing 0 to \"just freeze it\" would silently\n switch the guard off for every user who asked for reduced motion, and a\n guard that fails OPEN without saying so is worse than no guard. */animation-timing-function:steps(5, jump-end);}\n }.item.svelte-d2pqbq {display:flex;flex-direction:column;background-color:var(--list-item-background-color, transparent);-webkit-tap-highlight-color:transparent;cursor:var(--list-item-cursor, pointer);-moz-box-shadow:var(--list-item-box-shadow, none);-webkit-box-shadow:var(--list-item-box-shadow, none);box-shadow:var(--list-item-box-shadow, none);width:var(--list-item-box-width);border-radius:var(--list-item-border-radius, 0px);margin:var(--list-item-margin);padding:var(--list-item-padding);border:var(--list-item-border);transition:var(--list-item-transition);}.item.svelte-d2pqbq:hover {background-color:var(--list-item-hover-background-color, var(--list-item-background-color));border:var(--list-item-hover-border, var(--list-item-border));}.top-section.svelte-d2pqbq {display:flex;flex-direction:var(--list-item-top-section-flex-direction, row);align-items:var(--list-item-top-section-align-items);gap:var(--list-item-top-section-gap);margin-bottom:0;}.left-content.svelte-d2pqbq {display:var(--list-item-left-content-display, flex);--image-height: var(--list-item-left-image-height, 24px);--image-width: var(--list-item-left-image-width, 24px);--image-padding: var(--list-item-left-image-padding, 0px);--image-border-radius: var(--list-item-left-image-border-radius, 0px);--image-margin: var(--list-item-left-image-margin, 0px);--image-filter: var(--list-item-left-image-filter, none);--image-background: var(--list-item-left-image-background);--image-border: var(--list-item-left-image-border);--image-transition: var(--list-item-transition);--image-object-fit: var(--list-item-left-image-object-fit);--image-hover-background: var(\n --list-item-left-image-hover-background,\n var(--list-item-left-image-background)\n );--image-hover-border: var(\n --list-item-left-image-hover-border,\n var(--list-item-left-image-border)\n );}.center-text.svelte-d2pqbq {display:flex;flex-direction:column;justify-content:var(--list-item-center-text-justify-content, flex-start);padding:var(--list-item-center-text-padding, 0px 20px);color:var(--list-item-center-text-color, #2f3841);font-size:var(--list-item-center-text-font-size, 12px);font-weight:var(--list-item-center-text-font-weight, 300);align-items:var(--list-item-center-text-vertical-align);margin:var(--list-item-center-text-margin);border:var(--list-item-center-text-border);cursor:var(--list-item-center-text-cursor, pointer);font-family:var(--list-item-center-text-font-family, inherit);}.center-content.svelte-d2pqbq {display:flex;flex:1;min-width:var(--list-item-center-content-min-width, 0);}.right-content.svelte-d2pqbq {display:var(--list-item-right-content-display, flex);flex:var(--list-item-right-content-flex);min-width:var(--list-item-right-content-min-width, auto);}.right-content-loader.svelte-d2pqbq {margin:var(--list-item-right-content-loader-margin);}.bottom-section.svelte-d2pqbq {flex-direction:row;margin-top:0;}.right-img-wrapper.svelte-d2pqbq {--image-height: var(--list-item-right-image-height, 18px);--image-width: var(--list-item-right-image-width, 18px);--image-padding: var(--list-item-right-image-padding, 0px);--image-border-radius: var(--list-item-right-image-border-radius, 0px);--image-margin: var(--list-item-right-image-margin, 0px);--image-filter: var(--list-item-right-image-filter);--image-background: var(--list-item-right-image-background);--image-border: var(--list-item-right-image-border);--image-transition: var(--list-item-transition);--image-hover-background: var(\n --list-item-right-image-hover-background,\n var(--list-item-right-image-background)\n );--image-hover-border: var(\n --list-item-right-image-hover-border,\n var(--list-item-right-image-border)\n );}.right-content-text.svelte-d2pqbq {color:var(--list-item-right-content-text-color, #2f3841);font-size:var(--list-item-right-content-text-font-size, 12px);font-weight:var(--list-item-right-content-text-font-weight, 300);display:var(--list-item-right-content-display, flex);align-items:var(--list-item-right-content-text-vertical-align);padding:var(--list-item-right-content-text-padding, 0px);margin:var(--list-item-right-content-text-margin, 0px);border:var(--list-item-right-content-text-border);cursor:var(--list-item-right-content-text-cursor, pointer);font-family:var(--list-item-right-content-text-font-family, inherit);justify-content:var(--list-item-right-content-text-justify-content);}.prevent-focus.svelte-d2pqbq:focus {outline:none;}\n\n /* preventFocus does not touch tabindex (see the root's tabindex expression\n above -- itemRole/suppressRoleAndTabindex govern that, unconditional on\n this prop), so every element carrying .prevent-focus stays a real,\n keyboard-Tab-reachable stop by default. docs/ListItem.md documents the\n prop as removing the outline \"for non-keyboard navigation contexts\" --\n :focus-visible is that exact distinction already built into the\n platform: it does not match a mouse/touch-triggered focus (the case the\n prop exists for) but does match a real keyboard Tab, so this restores\n WCAG 2.4.7 visibility for the one case preventFocus was never meant to\n hide it from. */.prevent-focus.svelte-d2pqbq:focus-visible {outline:var(--list-item-focus-outline, 2px solid #2563eb);outline-offset:var(--list-item-focus-outline-offset, -2px);}\n /* The loader is not the only motion in this file, and this block sits at the\n END on purpose: `.item` is declared after the guard above, so an override\n placed there would lose the same-specificity tie on source order -- the\n cascade trap BrandLoader's own guard had to account for.\n `--image-transition` is not a transition on this element at all; it is a\n custom property handed DOWN to the Img child, and a custom property is the\n only thing that crosses that boundary. Setting `transition: none` here would\n never reach the image, so the property itself is neutralised. */\n @media (prefers-reduced-motion: reduce) {.item.svelte-d2pqbq {transition:none;}.left-content.svelte-d2pqbq,\n .right-img-wrapper.svelte-d2pqbq {--image-transition: none;}\n }"
|
|
18928
18928
|
};
|
|
18929
18929
|
function ListItem(e, t) {
|
|
18930
18930
|
push(t, !0), append_styles$1(e, $$css$105);
|
|
@@ -26529,62 +26529,62 @@ var TIME_DISPLAY_PATTERN = /^(1[0-2]|0?[1-9]):([0-5][0-9])\s?(AM|PM)$/i, pad = (
|
|
|
26529
26529
|
}), append(e, a);
|
|
26530
26530
|
}, root$37 = /* @__PURE__ */ from_html("<span class=\"drp-field-error svelte-gpybdi\" role=\"alert\"> </span>"), root_1$35 = /* @__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$78 = {
|
|
26531
26531
|
hash: "svelte-gpybdi",
|
|
26532
|
-
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);}"
|
|
26532
|
+
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 /* A host may disable pointer events on an ancestor (a collapsing sidebar, say) and\n an open aria-modal panel must stay usable, as Modal's content does. */pointer-events:auto;}\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;}\n\n /* Opt-in sheet (responsiveLayout): confine the panel to the viewport instead of the\n trigger. The insets are tokens because the free area differs per host (a fixed\n sidebar, an embedding shell, safe-area insets); the defaults suit a bare page. */.drp-panel.drp-panel-sheet.svelte-gpybdi {position:fixed;top:var(--drp-sheet-top, auto);right:var(--drp-sheet-right, 16px);bottom:var(--drp-sheet-bottom, 16px);left:var(--drp-sheet-left, 16px);z-index:var(--drp-sheet-z-index, var(--drp-panel-z-index, 1000));width:auto;min-width:0;max-width:var(--drp-sheet-max-width, 48rem);max-height:var(--drp-sheet-max-height, calc(100dvh - 2rem));margin-inline:auto;}.drp-panel-inner.svelte-gpybdi {display:flex;flex-direction:row;flex:1;min-height:0;overflow-y:auto;}\n\n /* ── Presets above the calendars (presetsPosition=\"top\", and every sheet) ── */.drp-panel-presets-top.svelte-gpybdi .drp-panel-inner:where(.svelte-gpybdi) {flex-direction:column;}.drp-panel-presets-top.svelte-gpybdi .drp-sidebar:where(.svelte-gpybdi) {flex:none;flex-direction:row;flex-wrap:wrap;min-width:0;max-height:none;overflow-y:visible;border-right:0;border-bottom:var(--drp-sidebar-border, 1px solid #e8e8e8);}.drp-panel-presets-top.svelte-gpybdi .drp-preset-item:where(.svelte-gpybdi) {width:auto;}.drp-panel-presets-top.svelte-gpybdi .drp-preset-divider:where(.svelte-gpybdi) {display:none;}.drp-panel-presets-top.svelte-gpybdi .drp-calendars:where(.svelte-gpybdi) {flex:none;}.drp-panel-presets-top.svelte-gpybdi .drp-months-row:where(.svelte-gpybdi) {justify-content:center;}\n\n /* ── Narrow layout (responsiveLayout, <= 688px): one month, stacked inputs ── */.drp-panel-narrow.svelte-gpybdi .drp-calendars:where(.svelte-gpybdi) {padding:var(--drp-calendars-padding-narrow, 16px 8px);}.drp-panel-narrow.svelte-gpybdi .drp-calendar-embedded {max-width:100%;}.drp-panel-narrow.svelte-gpybdi .drp-date-input-row:where(.svelte-gpybdi),\n .drp-panel-narrow.svelte-gpybdi .drp-time-input-row:where(.svelte-gpybdi) {flex-direction:column;align-items:stretch;}.drp-panel-narrow.svelte-gpybdi .drp-datetime-arrow:where(.svelte-gpybdi) {display:none;}\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;pointer-events:auto;}.drp-compare-panel-body.svelte-gpybdi {padding:var(--drp-calendars-padding, 16px);}"
|
|
26533
26533
|
};
|
|
26534
26534
|
function DateRangePicker(e, t) {
|
|
26535
26535
|
let n = props_id();
|
|
26536
26536
|
push(t, !0), append_styles$1(e, $$css$78);
|
|
26537
|
-
let i = "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"6.25\" stroke=\"currentColor\" stroke-width=\"1.5\"/><path d=\"M8 4.5V8l2.25 1.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", a = prop(t, "rangeStart", 15, null), o = prop(t, "rangeEnd", 15, null), s = prop(t, "value", 15, null), c = prop(t, "mode", 7, "range"), l = prop(t, "minDate", 7, null), u = prop(t, "maxDate", 7, null), f = prop(t, "disabledDates", 23, () => []), p = prop(t, "maxRangeDays", 7, null), h = prop(t, "presets", 7, null), S = prop(t, "presetCheckmark", 7, !1), C = prop(t, "showDateInputs", 7, !1), k = prop(t, "showTimeSelection", 7, !1), R = prop(t, "timeSelectionLayout", 7, "toggle"), te = prop(t, "presetToggle", 7, !1), ne = prop(t, "placeholder", 7, "Select date"), G = prop(t, "dualMonth", 7), re = prop(t, "timePicker", 7), be = prop(t, "align", 7, "left"), Me = prop(t, "compareStart", 15, null),
|
|
26538
|
-
function
|
|
26539
|
-
return typeof f() == "function" ? f()(e) : f().some((t) =>
|
|
26537
|
+
let i = "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"6.25\" stroke=\"currentColor\" stroke-width=\"1.5\"/><path d=\"M8 4.5V8l2.25 1.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", a = prop(t, "rangeStart", 15, null), o = prop(t, "rangeEnd", 15, null), s = prop(t, "value", 15, null), c = prop(t, "mode", 7, "range"), l = prop(t, "minDate", 7, null), u = prop(t, "maxDate", 7, null), f = prop(t, "disabledDates", 23, () => []), p = prop(t, "maxRangeDays", 7, null), h = prop(t, "presets", 7, null), S = prop(t, "presetCheckmark", 7, !1), C = prop(t, "showDateInputs", 7, !1), k = prop(t, "showTimeSelection", 7, !1), R = prop(t, "timeSelectionLayout", 7, "toggle"), te = prop(t, "presetToggle", 7, !1), ne = prop(t, "placeholder", 7, "Select date"), G = prop(t, "dualMonth", 7), re = prop(t, "timePicker", 7), be = prop(t, "align", 7, "left"), Me = prop(t, "presetsPosition", 7, "side"), Re = prop(t, "responsiveLayout", 7, !1), Ue = prop(t, "compareStart", 15, null), it = prop(t, "compareEnd", 15, null), at = prop(t, "compareCalendar", 7), ot = prop(t, "weekStartsOn", 7, 0), ct = prop(t, "locale", 7), lt = prop(t, "testId", 7), ut = prop(t, "classes", 7), dt = prop(t, "triggerSnippet", 7), ft = prop(t, "triggerIcon", 7), pt = prop(t, "clearable", 7, !1), mt = prop(t, "initialPresetLabel", 7), ht = prop(t, "compareTrigger", 7), gt = prop(t, "openCompare", 15, !1), _t = prop(t, "onapply", 7), vt = prop(t, "onapplysingle", 7), yt = prop(t, "onapplycompare", 7), bt = prop(t, "oncancel", 7), xt = prop(t, "onopentoggle", 7), St = prop(t, "onclear", 7), Ct = /* @__PURE__ */ user_derived(() => typeof G() == "boolean" ? G() : c() === "range"), wt = "(max-width: 1023px)", Tt = "(max-width: 688px)", Et = /* @__PURE__ */ state(!1), Dt = /* @__PURE__ */ state(!1), Ot = /* @__PURE__ */ user_derived(() => Re() && get(Dt)), kt = /* @__PURE__ */ user_derived(() => Re() && (c() === "range" ? get(Et) : get(Dt))), At = /* @__PURE__ */ user_derived(() => get(Ct) && !get(Ot)), jt = /* @__PURE__ */ user_derived(() => Me() === "top" || get(kt)), Mt = /* @__PURE__ */ state(null), Nt = /* @__PURE__ */ state(null), Pt = /* @__PURE__ */ state(null), It = /* @__PURE__ */ state(null), Lt = /* @__PURE__ */ state(null), Rt = /* @__PURE__ */ state(null), zt = /* @__PURE__ */ state("12:00 AM"), Bt = /* @__PURE__ */ state("11:59 PM"), Ht = /* @__PURE__ */ state(!1), Gt = /* @__PURE__ */ state(null), qt = /* @__PURE__ */ state(null), Zt = /* @__PURE__ */ user_derived(() => get(Gt) ?? (get(Mt) === null ? "" : wn(get(Mt)))), Qt = /* @__PURE__ */ user_derived(() => get(qt) ?? (get(Nt) === null ? "" : wn(get(Nt)))), $t = /* @__PURE__ */ user_derived(() => k() && R() === "inline" && c() === "range"), en = 1440 * 60 * 1e3;
|
|
26538
|
+
function tn(e) {
|
|
26539
|
+
return typeof f() == "function" ? f()(e) : f().some((t) => vr(t, e));
|
|
26540
26540
|
}
|
|
26541
|
-
let
|
|
26541
|
+
let nn = /* @__PURE__ */ user_derived(() => {
|
|
26542
26542
|
let e = p();
|
|
26543
|
-
if (e === null) return (e) =>
|
|
26544
|
-
let t = get(
|
|
26545
|
-
return (i) =>
|
|
26546
|
-
}),
|
|
26547
|
-
if (typeof
|
|
26548
|
-
let e = h().find((e) => e.label ===
|
|
26543
|
+
if (e === null) return (e) => tn(e);
|
|
26544
|
+
let t = get(Mt), n = t !== null && get(Nt) === null;
|
|
26545
|
+
return (i) => tn(i) ? !0 : !n || t === null ? !1 : Math.abs(Math.round((i.getTime() - t.getTime()) / en)) > e - 1;
|
|
26546
|
+
}), rn = /* @__PURE__ */ state(!1), an = /* @__PURE__ */ state(null), on = /* @__PURE__ */ state(null), sn = /* @__PURE__ */ state(null), cn = /* @__PURE__ */ state(!1), ln = /* @__PURE__ */ state(null), un = /* @__PURE__ */ state(null), dn = null, fn = null, pn = untrack(() => {
|
|
26547
|
+
if (typeof mt() == "string" && mt() !== "" && h() !== null && h().length > 0) {
|
|
26548
|
+
let e = h().find((e) => e.label === mt());
|
|
26549
26549
|
return e ? e.label : null;
|
|
26550
26550
|
}
|
|
26551
26551
|
return null;
|
|
26552
|
-
}),
|
|
26552
|
+
}), mn = /* @__PURE__ */ state(proxy(pn)), hn = /* @__PURE__ */ state(proxy(pn));
|
|
26553
26553
|
user_pre_effect(() => {
|
|
26554
|
-
if (
|
|
26555
|
-
let e = h().find((e) => e.label ===
|
|
26554
|
+
if (pn !== null && h() !== null && get(Mt) === null && get(Nt) === null && get(Pt) === null) {
|
|
26555
|
+
let e = h().find((e) => e.label === pn) ?? null;
|
|
26556
26556
|
if (e !== null) {
|
|
26557
26557
|
let { start: t, end: n } = e.getValue();
|
|
26558
|
-
c() === "single" ? set(
|
|
26558
|
+
c() === "single" ? set(Pt, t, !0) : (set(Mt, t, !0), set(Nt, n, !0));
|
|
26559
26559
|
}
|
|
26560
26560
|
}
|
|
26561
26561
|
});
|
|
26562
|
-
let
|
|
26562
|
+
let gn = new SvelteDate(), _n = /* @__PURE__ */ state(proxy(gn.getFullYear())), vn = /* @__PURE__ */ state(proxy(gn.getMonth())), yn = /* @__PURE__ */ state(0), bn = /* @__PURE__ */ user_derived(() => new SvelteDate(get(_n), get(vn), 1)), xn = /* @__PURE__ */ user_derived(() => new SvelteDate(get(_n), get(vn) + 1, 1)), Sn = /* @__PURE__ */ user_derived(() => get(xn).toLocaleDateString(ct(), {
|
|
26563
26563
|
month: "long",
|
|
26564
26564
|
year: "numeric"
|
|
26565
|
-
})),
|
|
26565
|
+
})), Cn = /* @__PURE__ */ user_derived(() => get(bn).toLocaleDateString(ct(), {
|
|
26566
26566
|
month: "long",
|
|
26567
26567
|
year: "numeric"
|
|
26568
26568
|
}));
|
|
26569
|
-
function
|
|
26570
|
-
return e.toLocaleDateString(
|
|
26569
|
+
function wn(e) {
|
|
26570
|
+
return e.toLocaleDateString(ct(), {
|
|
26571
26571
|
month: "short",
|
|
26572
26572
|
day: "numeric",
|
|
26573
26573
|
year: "numeric"
|
|
26574
26574
|
});
|
|
26575
26575
|
}
|
|
26576
|
-
let
|
|
26576
|
+
let Tn = /* @__PURE__ */ user_derived(() => TIME_DISPLAY_PATTERN.test(get(zt).trim())), En = /* @__PURE__ */ user_derived(() => TIME_DISPLAY_PATTERN.test(get(Bt).trim())), Dn = /* @__PURE__ */ user_derived(() => {
|
|
26577
26577
|
if (!k()) return !0;
|
|
26578
|
-
if (!get(
|
|
26579
|
-
if (get(
|
|
26580
|
-
let e = toMinutesOfDay(get(
|
|
26578
|
+
if (!get(Tn) || !get(En)) return !1;
|
|
26579
|
+
if (get(Mt) === null || get(Nt) === null || !vr(get(Mt), get(Nt))) return !0;
|
|
26580
|
+
let e = toMinutesOfDay(get(zt)), t = toMinutesOfDay(get(Bt));
|
|
26581
26581
|
return e === null || t === null || e <= t;
|
|
26582
|
-
}),
|
|
26583
|
-
function
|
|
26582
|
+
}), On = /* @__PURE__ */ user_derived(() => get(mn) === null ? c() === "single" ? s() === null ? ne() : wn(s()) : a() !== null && o() !== null ? `${wn(a())} – ${wn(o())}` : a() === null ? ne() : `${wn(a())} – ...` : get(mn)), kn = /* @__PURE__ */ user_derived(() => Ue() !== null && it() !== null ? `${wn(Ue())} – ${wn(it())}` : ne());
|
|
26583
|
+
function An(e) {
|
|
26584
26584
|
let { first: t } = getFocusTrapBoundary(e);
|
|
26585
26585
|
t?.focus();
|
|
26586
26586
|
}
|
|
26587
|
-
function
|
|
26587
|
+
function jn(e, t) {
|
|
26588
26588
|
if (t.key !== "Tab") return;
|
|
26589
26589
|
let n = focusTrapTabTarget({
|
|
26590
26590
|
container: e,
|
|
@@ -26593,103 +26593,136 @@ function DateRangePicker(e, t) {
|
|
|
26593
26593
|
});
|
|
26594
26594
|
n !== null && (t.preventDefault(), n.focus());
|
|
26595
26595
|
}
|
|
26596
|
-
function
|
|
26597
|
-
let e = getActiveElement(get(
|
|
26598
|
-
|
|
26599
|
-
let t = a() === null ? s() === null ?
|
|
26600
|
-
set(
|
|
26596
|
+
function Mn() {
|
|
26597
|
+
let e = getActiveElement(get(on));
|
|
26598
|
+
fn = e instanceof HTMLElement ? e : null, set(Mt, a(), !0), set(Nt, o(), !0), set(Pt, s(), !0), set(It, Ue(), !0), set(Lt, it(), !0), set(Rt, get(hn), !0), set(Gt, null), set(qt, null), k() && (set(zt, get(Mt) === null ? "12:00 AM" : formatTimeDisplay(get(Mt)), !0), set(Bt, get(Nt) === null ? "11:59 PM" : formatTimeDisplay(get(Nt)), !0), set(Ht, !1));
|
|
26599
|
+
let t = a() === null ? s() === null ? gn : s() : a();
|
|
26600
|
+
set(_n, t.getFullYear(), !0), set(vn, t.getMonth(), !0), update(yn), set(rn, !0), xt()?.({ open: !0 }), tick().then(() => An(get(an)));
|
|
26601
26601
|
}
|
|
26602
|
-
function
|
|
26603
|
-
set(
|
|
26604
|
-
let e =
|
|
26605
|
-
|
|
26602
|
+
function Nn() {
|
|
26603
|
+
set(rn, !1), set(cn, !1), xt()?.({ open: !1 });
|
|
26604
|
+
let e = fn;
|
|
26605
|
+
fn = null, tick().then(() => {
|
|
26606
26606
|
e?.focus();
|
|
26607
26607
|
});
|
|
26608
26608
|
}
|
|
26609
|
-
function
|
|
26610
|
-
if (e === null || get(
|
|
26611
|
-
|
|
26612
|
-
|
|
26609
|
+
function Pn(e = get(an)) {
|
|
26610
|
+
if (e === null || get(on) === null || typeof window > "u") return;
|
|
26611
|
+
if (get(kt)) {
|
|
26612
|
+
set(cn, !1);
|
|
26613
|
+
return;
|
|
26614
|
+
}
|
|
26615
|
+
let t = get(on).getBoundingClientRect(), n = e.offsetHeight, i = 6, a = window.innerHeight - t.bottom - 6, o = t.top - 6;
|
|
26616
|
+
set(cn, n > a && o > a, !0);
|
|
26613
26617
|
}
|
|
26614
|
-
function
|
|
26615
|
-
let t = () =>
|
|
26618
|
+
function Fn(e) {
|
|
26619
|
+
let t = () => Pn(e);
|
|
26616
26620
|
return t(), tick().then(t), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), { destroy: () => {
|
|
26617
26621
|
window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
|
|
26618
26622
|
} };
|
|
26619
26623
|
}
|
|
26620
|
-
function
|
|
26621
|
-
|
|
26624
|
+
function In(e, t) {
|
|
26625
|
+
if (typeof window > "u" || typeof window.matchMedia != "function") return () => {};
|
|
26626
|
+
let n = window.matchMedia(e) ?? null;
|
|
26627
|
+
if (n === null || (t(n.matches === !0), typeof n.addEventListener != "function")) return () => {};
|
|
26628
|
+
let i = (e) => {
|
|
26629
|
+
let n = get(an) !== null && get(an).contains(getActiveElement(get(an)));
|
|
26630
|
+
t(e.matches), tick().then(() => {
|
|
26631
|
+
Pn(), n && get(an) !== null && !get(an).contains(getActiveElement(get(an))) && An(get(an));
|
|
26632
|
+
});
|
|
26633
|
+
};
|
|
26634
|
+
return n.addEventListener("change", i), () => n.removeEventListener("change", i);
|
|
26622
26635
|
}
|
|
26623
|
-
function
|
|
26624
|
-
let
|
|
26625
|
-
|
|
26636
|
+
function Ln(e, t) {
|
|
26637
|
+
let n = () => {}, i = (e) => {
|
|
26638
|
+
if (n(), n = () => {}, !e) return;
|
|
26639
|
+
let t = In("(max-width: 1023px)", (e) => {
|
|
26640
|
+
set(Et, e, !0);
|
|
26641
|
+
}), i = In("(max-width: 688px)", (e) => {
|
|
26642
|
+
set(Dt, e, !0);
|
|
26643
|
+
});
|
|
26644
|
+
n = () => {
|
|
26645
|
+
t(), i();
|
|
26646
|
+
};
|
|
26647
|
+
};
|
|
26648
|
+
return i(t), {
|
|
26649
|
+
update: i,
|
|
26650
|
+
destroy: () => i(!1)
|
|
26651
|
+
};
|
|
26652
|
+
}
|
|
26653
|
+
function Rn() {
|
|
26654
|
+
get(rn) ? Nn() : Mn();
|
|
26655
|
+
}
|
|
26656
|
+
function zn() {
|
|
26657
|
+
let e = getActiveElement(get(un));
|
|
26658
|
+
dn = e instanceof HTMLElement ? e : null, set(It, Ue() ?? null, !0), set(Lt, it() ?? null, !0), gt(!0), tick().then(() => An(get(ln)));
|
|
26626
26659
|
}
|
|
26627
|
-
function
|
|
26628
|
-
|
|
26629
|
-
let e =
|
|
26630
|
-
|
|
26660
|
+
function Bn() {
|
|
26661
|
+
gt(!1);
|
|
26662
|
+
let e = dn;
|
|
26663
|
+
dn = null, tick().then(() => {
|
|
26631
26664
|
e?.focus();
|
|
26632
26665
|
});
|
|
26633
26666
|
}
|
|
26634
|
-
function
|
|
26635
|
-
get(
|
|
26636
|
-
compareStart: get(
|
|
26637
|
-
compareEnd: get(
|
|
26638
|
-
presetLabel: get(
|
|
26639
|
-
})),
|
|
26640
|
-
}
|
|
26641
|
-
function An() {
|
|
26642
|
-
On();
|
|
26667
|
+
function Vn() {
|
|
26668
|
+
get(It) !== null && get(Lt) !== null && (Ue(get(It)), it(get(Lt)), yt()?.({
|
|
26669
|
+
compareStart: get(It),
|
|
26670
|
+
compareEnd: get(Lt),
|
|
26671
|
+
presetLabel: get(Rt)
|
|
26672
|
+
})), Bn();
|
|
26643
26673
|
}
|
|
26644
|
-
function
|
|
26645
|
-
|
|
26646
|
-
set(sn, t.getFullYear(), !0), set(cn, t.getMonth(), !0), update(ln);
|
|
26674
|
+
function Hn() {
|
|
26675
|
+
Bn();
|
|
26647
26676
|
}
|
|
26648
|
-
function
|
|
26649
|
-
|
|
26650
|
-
|
|
26651
|
-
|
|
26652
|
-
|
|
26677
|
+
function Un(e) {
|
|
26678
|
+
let t = new SvelteDate(get(_n), get(vn) + e, 1);
|
|
26679
|
+
set(_n, t.getFullYear(), !0), set(vn, t.getMonth(), !0), update(yn);
|
|
26680
|
+
}
|
|
26681
|
+
function Wn() {
|
|
26682
|
+
if (set(mn, null), c() === "range") {
|
|
26683
|
+
if (get(Mt) !== null && get(Nt) !== null) {
|
|
26684
|
+
let e = k() ? applyTimeDisplay(get(Mt), get(zt), "start") ?? get(Mt) : get(Mt), t = k() ? applyTimeDisplay(get(Nt), get(Bt), "end") ?? get(Nt) : get(Nt);
|
|
26685
|
+
a(e), o(t), set(hn, get(Rt), !0), _t()?.({
|
|
26653
26686
|
rangeStart: e,
|
|
26654
26687
|
rangeEnd: t,
|
|
26655
|
-
presetLabel: get(
|
|
26688
|
+
presetLabel: get(Rt)
|
|
26656
26689
|
});
|
|
26657
26690
|
}
|
|
26658
|
-
typeof
|
|
26659
|
-
compareStart: get(
|
|
26660
|
-
compareEnd: get(
|
|
26661
|
-
presetLabel: get(
|
|
26691
|
+
typeof at() == "function" && get(It) !== null && get(Lt) !== null && (Ue(get(It)), it(get(Lt)), yt()?.({
|
|
26692
|
+
compareStart: get(It),
|
|
26693
|
+
compareEnd: get(Lt),
|
|
26694
|
+
presetLabel: get(Rt)
|
|
26662
26695
|
}));
|
|
26663
|
-
} else get(
|
|
26664
|
-
date: get(
|
|
26665
|
-
presetLabel: get(
|
|
26696
|
+
} else get(Pt) !== null && (s(get(Pt)), set(hn, get(Rt), !0), vt()?.({
|
|
26697
|
+
date: get(Pt),
|
|
26698
|
+
presetLabel: get(Rt)
|
|
26666
26699
|
}));
|
|
26667
|
-
|
|
26700
|
+
Nn();
|
|
26668
26701
|
}
|
|
26669
|
-
function
|
|
26670
|
-
s(null), set(
|
|
26702
|
+
function Gn() {
|
|
26703
|
+
s(null), set(Pt, null), set(hn, null), St()?.(), Nn();
|
|
26671
26704
|
}
|
|
26672
|
-
function
|
|
26673
|
-
|
|
26705
|
+
function Kn() {
|
|
26706
|
+
bt()?.(), Nn();
|
|
26674
26707
|
}
|
|
26675
|
-
function
|
|
26676
|
-
if (te() && get(
|
|
26677
|
-
set(
|
|
26678
|
-
let e = a() === null ? s() === null ?
|
|
26679
|
-
set(
|
|
26708
|
+
function qn(e) {
|
|
26709
|
+
if (te() && get(Rt) === e.label) {
|
|
26710
|
+
set(Mt, a(), !0), set(Nt, o(), !0), set(Pt, s(), !0), set(Rt, get(hn), !0), set(Gt, null), set(qt, null);
|
|
26711
|
+
let e = a() === null ? s() === null ? gn : s() : a();
|
|
26712
|
+
set(_n, e.getFullYear(), !0), set(vn, e.getMonth(), !0), update(yn);
|
|
26680
26713
|
return;
|
|
26681
26714
|
}
|
|
26682
|
-
set(
|
|
26715
|
+
set(mn, null);
|
|
26683
26716
|
let { start: t, end: n } = e.getValue();
|
|
26684
|
-
set(
|
|
26717
|
+
set(Rt, e.label, !0), c() === "range" ? (set(Mt, t, !0), set(Nt, n, !0), set(Gt, null), set(qt, null), k() && (set(zt, formatTimeDisplay(t), !0), set(Bt, formatTimeDisplay(n), !0)), set(_n, t.getFullYear(), !0), set(vn, t.getMonth(), !0), update(yn)) : set(Pt, t, !0);
|
|
26685
26718
|
}
|
|
26686
|
-
function
|
|
26687
|
-
set(
|
|
26719
|
+
function Jn(e) {
|
|
26720
|
+
set(Mt, e.rangeStart, !0), set(Nt, e.rangeEnd, !0), set(Rt, null), set(Gt, null), set(qt, null), k() && (set(zt, "12:00 AM"), set(Bt, vr(e.rangeEnd, gn) ? formatTimeDisplay(gn) : "11:59 PM", !0));
|
|
26688
26721
|
}
|
|
26689
|
-
function
|
|
26690
|
-
set(
|
|
26722
|
+
function Yn(e) {
|
|
26723
|
+
set(Pt, e.date, !0), set(Rt, null);
|
|
26691
26724
|
}
|
|
26692
|
-
function
|
|
26725
|
+
function Xn(e) {
|
|
26693
26726
|
if (l() !== null) {
|
|
26694
26727
|
let t = new SvelteDate(l().getFullYear(), l().getMonth(), l().getDate());
|
|
26695
26728
|
if (e.getTime() < t.getTime()) return !1;
|
|
@@ -26698,84 +26731,87 @@ function DateRangePicker(e, t) {
|
|
|
26698
26731
|
let t = new SvelteDate(u().getFullYear(), u().getMonth(), u().getDate());
|
|
26699
26732
|
if (e.getTime() > t.getTime()) return !1;
|
|
26700
26733
|
}
|
|
26701
|
-
return !get(
|
|
26734
|
+
return !get(nn)(e);
|
|
26702
26735
|
}
|
|
26703
|
-
function
|
|
26704
|
-
if (!
|
|
26705
|
-
let n = get(e === "start" ?
|
|
26706
|
-
return n === null ? !0 : !((e === "start" ? t.getTime() > n.getTime() : t.getTime() < n.getTime()) || p() !== null && Math.abs(Math.round((t.getTime() - n.getTime()) /
|
|
26707
|
-
}
|
|
26708
|
-
let
|
|
26709
|
-
if (get(
|
|
26710
|
-
let e = parseDateDisplay(get(
|
|
26711
|
-
return e !== null &&
|
|
26712
|
-
}),
|
|
26713
|
-
if (get(
|
|
26714
|
-
let e = parseDateDisplay(get(
|
|
26715
|
-
return e !== null &&
|
|
26716
|
-
}),
|
|
26717
|
-
function
|
|
26718
|
-
let t = e.getFullYear() === get(
|
|
26719
|
-
if (!get(
|
|
26720
|
-
let n = new SvelteDate(get(
|
|
26736
|
+
function Zn(e, t) {
|
|
26737
|
+
if (!Xn(t)) return !1;
|
|
26738
|
+
let n = get(e === "start" ? Nt : Mt);
|
|
26739
|
+
return n === null ? !0 : !((e === "start" ? t.getTime() > n.getTime() : t.getTime() < n.getTime()) || p() !== null && Math.abs(Math.round((t.getTime() - n.getTime()) / en)) + 1 > p());
|
|
26740
|
+
}
|
|
26741
|
+
let Qn = /* @__PURE__ */ user_derived(() => {
|
|
26742
|
+
if (get(Zt).trim() === "") return !0;
|
|
26743
|
+
let e = parseDateDisplay(get(Zt));
|
|
26744
|
+
return e !== null && Zn("start", e);
|
|
26745
|
+
}), $n = /* @__PURE__ */ user_derived(() => {
|
|
26746
|
+
if (get(Qt).trim() === "") return !0;
|
|
26747
|
+
let e = parseDateDisplay(get(Qt));
|
|
26748
|
+
return e !== null && Zn("end", e);
|
|
26749
|
+
}), er = "Enter a date this picker accepts, like 12 Mar 2025.", tr = "Enter a time like 12:00 AM.", nr = /* @__PURE__ */ user_derived(() => describeField(`${n}-start-date`, { error: get(Qn) ? null : er })), rr = /* @__PURE__ */ user_derived(() => describeField(`${n}-start-time`, { error: get(Tn) ? null : tr })), ir = /* @__PURE__ */ user_derived(() => describeField(`${n}-end-date`, { error: get($n) ? null : er })), ar = /* @__PURE__ */ user_derived(() => describeField(`${n}-end-time`, { error: get(En) ? null : tr }));
|
|
26750
|
+
function or(e) {
|
|
26751
|
+
let t = e.getFullYear() === get(_n) && e.getMonth() === get(vn);
|
|
26752
|
+
if (!get(At)) return t;
|
|
26753
|
+
let n = new SvelteDate(get(_n), get(vn) + 1, 1), i = e.getFullYear() === n.getFullYear() && e.getMonth() === n.getMonth();
|
|
26721
26754
|
return t || i;
|
|
26722
26755
|
}
|
|
26723
|
-
function
|
|
26724
|
-
|
|
26756
|
+
function sr(e) {
|
|
26757
|
+
set(_n, e.year, !0), set(vn, e.month, !0);
|
|
26725
26758
|
}
|
|
26726
|
-
function
|
|
26727
|
-
|
|
26759
|
+
function cr(e) {
|
|
26760
|
+
or(e) || (set(_n, e.getFullYear(), !0), set(vn, e.getMonth(), !0), update(yn));
|
|
26728
26761
|
}
|
|
26729
|
-
function
|
|
26730
|
-
|
|
26762
|
+
function lr(e) {
|
|
26763
|
+
set(e === "start" ? Gt : qt, null);
|
|
26764
|
+
}
|
|
26765
|
+
function ur(e, t) {
|
|
26766
|
+
e.currentTarget instanceof HTMLInputElement && set(t === "start" ? Gt : qt, e.currentTarget.value, !0);
|
|
26731
26767
|
}
|
|
26732
|
-
function
|
|
26733
|
-
let t = get(e === "start" ?
|
|
26768
|
+
function dr(e) {
|
|
26769
|
+
let t = get(e === "start" ? Gt : qt);
|
|
26734
26770
|
if (t === null) return;
|
|
26735
26771
|
let n = parseDateDisplay(t);
|
|
26736
|
-
if (n === null || !
|
|
26737
|
-
|
|
26772
|
+
if (n === null || !Zn(e, n)) {
|
|
26773
|
+
lr(e);
|
|
26738
26774
|
return;
|
|
26739
26775
|
}
|
|
26740
|
-
set(e === "start" ?
|
|
26776
|
+
set(e === "start" ? Mt : Nt, n, !0), set(Rt, null), cr(n), lr(e);
|
|
26741
26777
|
}
|
|
26742
|
-
function
|
|
26743
|
-
e.key === "Enter" && (e.preventDefault(),
|
|
26778
|
+
function fr(e, t) {
|
|
26779
|
+
e.key === "Enter" && (e.preventDefault(), dr(t));
|
|
26744
26780
|
}
|
|
26745
|
-
function
|
|
26746
|
-
|
|
26781
|
+
function pr() {
|
|
26782
|
+
gt() ? Hn() : get(rn) && Kn();
|
|
26747
26783
|
}
|
|
26748
|
-
function
|
|
26749
|
-
get(
|
|
26784
|
+
function mr() {
|
|
26785
|
+
get(rn) && Nn(), gt() && Bn();
|
|
26750
26786
|
}
|
|
26751
|
-
let
|
|
26787
|
+
let hr = null;
|
|
26752
26788
|
user_effect(() => {
|
|
26753
|
-
let e = get(
|
|
26754
|
-
e &&
|
|
26755
|
-
element: () => get(
|
|
26756
|
-
onEscape:
|
|
26757
|
-
onOutside:
|
|
26758
|
-
}) : !e &&
|
|
26789
|
+
let e = get(rn) || gt();
|
|
26790
|
+
e && hr === null ? hr = registerDismissible({
|
|
26791
|
+
element: () => get(sn),
|
|
26792
|
+
onEscape: pr,
|
|
26793
|
+
onOutside: mr
|
|
26794
|
+
}) : !e && hr !== null && (hr(), hr = null);
|
|
26759
26795
|
}), onDestroy(() => {
|
|
26760
|
-
|
|
26796
|
+
hr?.(), hr = null;
|
|
26761
26797
|
});
|
|
26762
|
-
let
|
|
26763
|
-
function
|
|
26764
|
-
if (get(
|
|
26765
|
-
if (get(
|
|
26798
|
+
let gr = /* @__PURE__ */ user_derived(() => c() === "range" ? get(Mt) !== null && get(Nt) !== null && get(Dn) : get(Pt) !== null);
|
|
26799
|
+
function _r(e) {
|
|
26800
|
+
if (get(mn) !== null && get(Mt) === null && get(Nt) === null && get(Pt) === null) return e.label === get(mn);
|
|
26801
|
+
if (get(Rt) !== null) return e.label === get(Rt);
|
|
26766
26802
|
if (c() === "single") {
|
|
26767
|
-
if (get(
|
|
26803
|
+
if (get(Pt) === null) return !1;
|
|
26768
26804
|
let { start: t } = e.getValue();
|
|
26769
|
-
return
|
|
26805
|
+
return vr(get(Pt), t);
|
|
26770
26806
|
}
|
|
26771
|
-
if (get(
|
|
26807
|
+
if (get(Mt) === null || get(Nt) === null) return !1;
|
|
26772
26808
|
let { start: t, end: n } = e.getValue();
|
|
26773
|
-
return
|
|
26809
|
+
return vr(get(Mt), t) && vr(get(Nt), n);
|
|
26774
26810
|
}
|
|
26775
|
-
function
|
|
26811
|
+
function vr(e, t) {
|
|
26776
26812
|
return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
|
|
26777
26813
|
}
|
|
26778
|
-
var
|
|
26814
|
+
var yr = {
|
|
26779
26815
|
get rangeStart() {
|
|
26780
26816
|
return a();
|
|
26781
26817
|
},
|
|
@@ -26884,171 +26920,183 @@ function DateRangePicker(e, t) {
|
|
|
26884
26920
|
set align(e = "left") {
|
|
26885
26921
|
be(e), flushSync();
|
|
26886
26922
|
},
|
|
26887
|
-
get
|
|
26923
|
+
get presetsPosition() {
|
|
26888
26924
|
return Me();
|
|
26889
26925
|
},
|
|
26890
|
-
set
|
|
26926
|
+
set presetsPosition(e = "side") {
|
|
26891
26927
|
Me(e), flushSync();
|
|
26892
26928
|
},
|
|
26893
|
-
get
|
|
26929
|
+
get responsiveLayout() {
|
|
26894
26930
|
return Re();
|
|
26895
26931
|
},
|
|
26896
|
-
set
|
|
26932
|
+
set responsiveLayout(e = !1) {
|
|
26897
26933
|
Re(e), flushSync();
|
|
26898
26934
|
},
|
|
26899
|
-
get
|
|
26935
|
+
get compareStart() {
|
|
26900
26936
|
return Ue();
|
|
26901
26937
|
},
|
|
26902
|
-
set
|
|
26938
|
+
set compareStart(e = null) {
|
|
26903
26939
|
Ue(e), flushSync();
|
|
26904
26940
|
},
|
|
26905
|
-
get
|
|
26941
|
+
get compareEnd() {
|
|
26906
26942
|
return it();
|
|
26907
26943
|
},
|
|
26908
|
-
set
|
|
26944
|
+
set compareEnd(e = null) {
|
|
26909
26945
|
it(e), flushSync();
|
|
26910
26946
|
},
|
|
26911
|
-
get
|
|
26947
|
+
get compareCalendar() {
|
|
26912
26948
|
return at();
|
|
26913
26949
|
},
|
|
26914
|
-
set
|
|
26950
|
+
set compareCalendar(e) {
|
|
26915
26951
|
at(e), flushSync();
|
|
26916
26952
|
},
|
|
26917
|
-
get
|
|
26953
|
+
get weekStartsOn() {
|
|
26918
26954
|
return ot();
|
|
26919
26955
|
},
|
|
26920
|
-
set
|
|
26956
|
+
set weekStartsOn(e = 0) {
|
|
26921
26957
|
ot(e), flushSync();
|
|
26922
26958
|
},
|
|
26923
|
-
get
|
|
26959
|
+
get locale() {
|
|
26924
26960
|
return ct();
|
|
26925
26961
|
},
|
|
26926
|
-
set
|
|
26962
|
+
set locale(e) {
|
|
26927
26963
|
ct(e), flushSync();
|
|
26928
26964
|
},
|
|
26929
|
-
get
|
|
26965
|
+
get testId() {
|
|
26930
26966
|
return lt();
|
|
26931
26967
|
},
|
|
26932
|
-
set
|
|
26968
|
+
set testId(e) {
|
|
26933
26969
|
lt(e), flushSync();
|
|
26934
26970
|
},
|
|
26935
|
-
get
|
|
26971
|
+
get classes() {
|
|
26936
26972
|
return ut();
|
|
26937
26973
|
},
|
|
26938
|
-
set
|
|
26974
|
+
set classes(e) {
|
|
26939
26975
|
ut(e), flushSync();
|
|
26940
26976
|
},
|
|
26941
|
-
get
|
|
26977
|
+
get triggerSnippet() {
|
|
26942
26978
|
return dt();
|
|
26943
26979
|
},
|
|
26944
|
-
set
|
|
26980
|
+
set triggerSnippet(e) {
|
|
26945
26981
|
dt(e), flushSync();
|
|
26946
26982
|
},
|
|
26947
|
-
get
|
|
26983
|
+
get triggerIcon() {
|
|
26948
26984
|
return ft();
|
|
26949
26985
|
},
|
|
26950
|
-
set
|
|
26986
|
+
set triggerIcon(e) {
|
|
26951
26987
|
ft(e), flushSync();
|
|
26952
26988
|
},
|
|
26953
|
-
get
|
|
26989
|
+
get clearable() {
|
|
26954
26990
|
return pt();
|
|
26955
26991
|
},
|
|
26956
|
-
set
|
|
26992
|
+
set clearable(e = !1) {
|
|
26957
26993
|
pt(e), flushSync();
|
|
26958
26994
|
},
|
|
26959
|
-
get
|
|
26995
|
+
get initialPresetLabel() {
|
|
26960
26996
|
return mt();
|
|
26961
26997
|
},
|
|
26962
|
-
set
|
|
26998
|
+
set initialPresetLabel(e) {
|
|
26963
26999
|
mt(e), flushSync();
|
|
26964
27000
|
},
|
|
26965
|
-
get
|
|
27001
|
+
get compareTrigger() {
|
|
26966
27002
|
return ht();
|
|
26967
27003
|
},
|
|
26968
|
-
set
|
|
27004
|
+
set compareTrigger(e) {
|
|
26969
27005
|
ht(e), flushSync();
|
|
26970
27006
|
},
|
|
26971
|
-
get
|
|
27007
|
+
get openCompare() {
|
|
26972
27008
|
return gt();
|
|
26973
27009
|
},
|
|
26974
|
-
set
|
|
27010
|
+
set openCompare(e = !1) {
|
|
26975
27011
|
gt(e), flushSync();
|
|
26976
27012
|
},
|
|
26977
|
-
get
|
|
27013
|
+
get onapply() {
|
|
26978
27014
|
return _t();
|
|
26979
27015
|
},
|
|
26980
|
-
set
|
|
27016
|
+
set onapply(e) {
|
|
26981
27017
|
_t(e), flushSync();
|
|
26982
27018
|
},
|
|
26983
|
-
get
|
|
27019
|
+
get onapplysingle() {
|
|
26984
27020
|
return vt();
|
|
26985
27021
|
},
|
|
26986
|
-
set
|
|
27022
|
+
set onapplysingle(e) {
|
|
26987
27023
|
vt(e), flushSync();
|
|
26988
27024
|
},
|
|
26989
|
-
get
|
|
27025
|
+
get onapplycompare() {
|
|
26990
27026
|
return yt();
|
|
26991
27027
|
},
|
|
26992
|
-
set
|
|
27028
|
+
set onapplycompare(e) {
|
|
26993
27029
|
yt(e), flushSync();
|
|
26994
27030
|
},
|
|
26995
|
-
get
|
|
27031
|
+
get oncancel() {
|
|
26996
27032
|
return bt();
|
|
26997
27033
|
},
|
|
26998
|
-
set
|
|
27034
|
+
set oncancel(e) {
|
|
26999
27035
|
bt(e), flushSync();
|
|
27036
|
+
},
|
|
27037
|
+
get onopentoggle() {
|
|
27038
|
+
return xt();
|
|
27039
|
+
},
|
|
27040
|
+
set onopentoggle(e) {
|
|
27041
|
+
xt(e), flushSync();
|
|
27042
|
+
},
|
|
27043
|
+
get onclear() {
|
|
27044
|
+
return St();
|
|
27045
|
+
},
|
|
27046
|
+
set onclear(e) {
|
|
27047
|
+
St(e), flushSync();
|
|
27000
27048
|
}
|
|
27001
|
-
},
|
|
27049
|
+
}, br = root_20$2(), xr = child(br), Sr = child(xr);
|
|
27002
27050
|
{
|
|
27003
|
-
let e = /* @__PURE__ */ user_derived(() => get(
|
|
27004
|
-
Button(
|
|
27005
|
-
onclick:
|
|
27051
|
+
let e = /* @__PURE__ */ user_derived(() => get(rn) ? "Close date picker" : "Open date picker"), t = /* @__PURE__ */ user_derived(() => get(rn) ? "drp-trigger-open" : "");
|
|
27052
|
+
Button(Sr, spread_props({
|
|
27053
|
+
onclick: Rn,
|
|
27006
27054
|
get ariaLabel() {
|
|
27007
27055
|
return get(e);
|
|
27008
27056
|
},
|
|
27009
27057
|
get classes() {
|
|
27010
27058
|
return `drp-trigger ${get(t) ?? ""}`;
|
|
27011
27059
|
}
|
|
27012
|
-
}, () => typeof
|
|
27060
|
+
}, () => typeof lt() == "string" ? { testId: `${lt()}-trigger` } : {}, {
|
|
27013
27061
|
children: (e, t) => {
|
|
27014
27062
|
var n = comment(), i = first_child(n), a = (e) => {
|
|
27015
27063
|
var t = comment();
|
|
27016
|
-
snippet(first_child(t),
|
|
27064
|
+
snippet(first_child(t), dt, () => get(On)), append(e, t);
|
|
27017
27065
|
}, o = (e) => {
|
|
27018
27066
|
var t = root_1$35(), n = first_child(t), i = child(n, !0);
|
|
27019
27067
|
reset(n);
|
|
27020
27068
|
var a = sibling(n, 2), o = child(a), s = (e) => {
|
|
27021
27069
|
var t = comment();
|
|
27022
|
-
snippet(first_child(t),
|
|
27070
|
+
snippet(first_child(t), ft), append(e, t);
|
|
27023
27071
|
}, c = (e) => {
|
|
27024
27072
|
var t = comment();
|
|
27025
27073
|
html(first_child(t), () => chevron_down_default), append(e, t);
|
|
27026
27074
|
};
|
|
27027
27075
|
if_block(o, (e) => {
|
|
27028
|
-
typeof
|
|
27029
|
-
}), reset(a), template_effect(() => set_text(i, get(
|
|
27076
|
+
typeof ft() == "function" ? e(s) : e(c, -1);
|
|
27077
|
+
}), reset(a), template_effect(() => set_text(i, get(On))), append(e, t);
|
|
27030
27078
|
};
|
|
27031
27079
|
if_block(i, (e) => {
|
|
27032
|
-
typeof
|
|
27080
|
+
typeof dt() == "function" ? e(a) : e(o, -1);
|
|
27033
27081
|
}), append(e, n);
|
|
27034
27082
|
},
|
|
27035
27083
|
$$slots: { default: !0 }
|
|
27036
27084
|
}));
|
|
27037
27085
|
}
|
|
27038
|
-
reset(
|
|
27039
|
-
var
|
|
27086
|
+
reset(xr), bind_this(xr, (e) => set(on, e), () => get(on));
|
|
27087
|
+
var Cr = sibling(xr, 2), wr = (e) => {
|
|
27040
27088
|
var t = root_4$22(), n = child(t);
|
|
27041
27089
|
{
|
|
27042
|
-
let e = /* @__PURE__ */ user_derived(() =>
|
|
27090
|
+
let e = /* @__PURE__ */ user_derived(() => gt() ? "drp-compare-trigger-open" : "");
|
|
27043
27091
|
Button(n, {
|
|
27044
|
-
onclick:
|
|
27092
|
+
onclick: zn,
|
|
27045
27093
|
ariaLabel: "Open compare period picker",
|
|
27046
27094
|
get classes() {
|
|
27047
27095
|
return `drp-compare-trigger ${get(e) ?? ""}`;
|
|
27048
27096
|
},
|
|
27049
27097
|
children: (e, t) => {
|
|
27050
27098
|
var n = comment();
|
|
27051
|
-
snippet(first_child(n),
|
|
27099
|
+
snippet(first_child(n), ht, () => get(kn)), append(e, n);
|
|
27052
27100
|
},
|
|
27053
27101
|
$$slots: { default: !0 }
|
|
27054
27102
|
});
|
|
@@ -27056,14 +27104,14 @@ function DateRangePicker(e, t) {
|
|
|
27056
27104
|
var i = sibling(n, 2), a = (e) => {
|
|
27057
27105
|
var t = root_3$25(), n = child(t), i = (e) => {
|
|
27058
27106
|
var t = root_2$27();
|
|
27059
|
-
snippet(child(t),
|
|
27107
|
+
snippet(child(t), at), reset(t), append(e, t);
|
|
27060
27108
|
};
|
|
27061
27109
|
if_block(n, (e) => {
|
|
27062
|
-
typeof
|
|
27110
|
+
typeof at() == "function" && e(i);
|
|
27063
27111
|
});
|
|
27064
27112
|
var a = sibling(n, 2), o = child(a);
|
|
27065
27113
|
Button(o, {
|
|
27066
|
-
onclick:
|
|
27114
|
+
onclick: Hn,
|
|
27067
27115
|
ariaLabel: "Cancel compare selection",
|
|
27068
27116
|
classes: "drp-btn-cancel",
|
|
27069
27117
|
children: (e, t) => {
|
|
@@ -27073,9 +27121,9 @@ function DateRangePicker(e, t) {
|
|
|
27073
27121
|
});
|
|
27074
27122
|
var s = sibling(o, 2);
|
|
27075
27123
|
{
|
|
27076
|
-
let e = /* @__PURE__ */ user_derived(() => get(
|
|
27124
|
+
let e = /* @__PURE__ */ user_derived(() => get(It) === null || get(Lt) === null);
|
|
27077
27125
|
Button(s, {
|
|
27078
|
-
onclick:
|
|
27126
|
+
onclick: Vn,
|
|
27079
27127
|
ariaLabel: "Apply compare selection",
|
|
27080
27128
|
classes: "drp-btn-apply",
|
|
27081
27129
|
get disabled() {
|
|
@@ -27087,16 +27135,16 @@ function DateRangePicker(e, t) {
|
|
|
27087
27135
|
$$slots: { default: !0 }
|
|
27088
27136
|
});
|
|
27089
27137
|
}
|
|
27090
|
-
reset(a), reset(t), bind_this(t, (e) => set(
|
|
27138
|
+
reset(a), reset(t), bind_this(t, (e) => set(ln, e), () => get(ln)), delegated("keydown", t, (e) => jn(get(ln), e)), append(e, t);
|
|
27091
27139
|
};
|
|
27092
27140
|
if_block(i, (e) => {
|
|
27093
|
-
|
|
27094
|
-
}), reset(t), bind_this(t, (e) => set(
|
|
27141
|
+
gt() && e(a);
|
|
27142
|
+
}), reset(t), bind_this(t, (e) => set(un, e), () => get(un)), append(e, t);
|
|
27095
27143
|
};
|
|
27096
|
-
if_block(
|
|
27097
|
-
typeof
|
|
27144
|
+
if_block(Cr, (e) => {
|
|
27145
|
+
typeof ht() == "function" && e(wr);
|
|
27098
27146
|
});
|
|
27099
|
-
var
|
|
27147
|
+
var Tr = sibling(Cr, 2), Er = (e) => {
|
|
27100
27148
|
var t = root_19$4();
|
|
27101
27149
|
let n;
|
|
27102
27150
|
var a = child(t), o = child(a), p = (e) => {
|
|
@@ -27120,17 +27168,17 @@ function DateRangePicker(e, t) {
|
|
|
27120
27168
|
var f = child(l), p = sibling(f), C = (e) => {
|
|
27121
27169
|
var t = root_7$18();
|
|
27122
27170
|
html(t, () => checkmark_default, !0), reset(t), template_effect(() => {
|
|
27123
|
-
set_attribute(t, "data-pw", typeof
|
|
27171
|
+
set_attribute(t, "data-pw", typeof lt() == "string" ? `${lt()}-preset-check` : null), set_attribute(t, "testid", typeof lt() == "string" ? `${lt()}-preset-check` : null);
|
|
27124
27172
|
}), append(e, t);
|
|
27125
|
-
}, k = /* @__PURE__ */ user_derived(() => S() &&
|
|
27173
|
+
}, k = /* @__PURE__ */ user_derived(() => S() && _r(get(t)));
|
|
27126
27174
|
if_block(p, (e) => {
|
|
27127
27175
|
get(k) && e(C);
|
|
27128
27176
|
}), reset(l), template_effect((e, n) => {
|
|
27129
|
-
u = set_class(l, 1, "drp-preset-item svelte-gpybdi", null, u, e), set_attribute(l, "aria-selected", n), set_attribute(l, "data-pw", typeof
|
|
27177
|
+
u = set_class(l, 1, "drp-preset-item svelte-gpybdi", null, u, e), set_attribute(l, "aria-selected", n), set_attribute(l, "data-pw", typeof lt() == "string" ? `${lt()}-preset-${get(t).label}` : null), set_attribute(l, "testid", typeof lt() == "string" ? `${lt()}-preset-${get(t).label}` : null), set_text(f, `${get(t).label ?? ""} `);
|
|
27130
27178
|
}, [() => ({
|
|
27131
|
-
"drp-preset-active":
|
|
27179
|
+
"drp-preset-active": _r(get(t)),
|
|
27132
27180
|
"drp-preset-checkable": S()
|
|
27133
|
-
}), () =>
|
|
27181
|
+
}), () => _r(get(t))]), delegated("click", l, () => qn(get(t))), append(e, o);
|
|
27134
27182
|
}), reset(t), append(e, t);
|
|
27135
27183
|
};
|
|
27136
27184
|
if_block(o, (e) => {
|
|
@@ -27149,9 +27197,9 @@ function DateRangePicker(e, t) {
|
|
|
27149
27197
|
var u = child(c);
|
|
27150
27198
|
html(u, () => i, !0), reset(u);
|
|
27151
27199
|
var f = sibling(u, 2);
|
|
27152
|
-
remove_input_defaults(f), reset(c), drpFieldError(sibling(c, 2), () => get(
|
|
27200
|
+
remove_input_defaults(f), reset(c), drpFieldError(sibling(c, 2), () => get(nr).errorId, () => get(nr).showsError, () => er), reset(n);
|
|
27153
27201
|
var p = sibling(n, 2);
|
|
27154
|
-
drpFieldError(p, () => get(
|
|
27202
|
+
drpFieldError(p, () => get(rr).errorId, () => get(rr).showsError, () => tr);
|
|
27155
27203
|
var h = sibling(p, 2);
|
|
27156
27204
|
html(h, () => chevron_right_default, !0), reset(h);
|
|
27157
27205
|
var S = sibling(h, 2), C = child(S);
|
|
@@ -27163,36 +27211,36 @@ function DateRangePicker(e, t) {
|
|
|
27163
27211
|
var G = child(te);
|
|
27164
27212
|
html(G, () => i, !0), reset(G);
|
|
27165
27213
|
var re = sibling(G, 2);
|
|
27166
|
-
remove_input_defaults(re), reset(te), drpFieldError(sibling(te, 2), () => get(
|
|
27167
|
-
o = set_class(a, 1, "drp-date-input svelte-gpybdi", null, o, { "drp-date-input-invalid": !get(
|
|
27168
|
-
}), delegated("input", s, (e) =>
|
|
27214
|
+
remove_input_defaults(re), reset(te), drpFieldError(sibling(te, 2), () => get(ir).errorId, () => get(ir).showsError, () => er), reset(S), drpFieldError(sibling(S, 2), () => get(ar).errorId, () => get(ar).showsError, () => tr), template_effect(() => {
|
|
27215
|
+
o = set_class(a, 1, "drp-date-input svelte-gpybdi", null, o, { "drp-date-input-invalid": !get(Qn) }), set_value(s, get(Zt)), set_attribute(s, "aria-invalid", !get(Qn)), set_attribute(s, "aria-describedby", get(nr).describedBy), set_attribute(s, "data-pw", lt() ? `${lt()}-start-date` : null), set_attribute(s, "testid", lt() ? `${lt()}-start-date` : null), l = set_class(c, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, l, { "drp-time-input-invalid": !get(Tn) }), set_attribute(f, "aria-invalid", !get(Tn)), set_attribute(f, "aria-describedby", get(rr).describedBy), set_attribute(f, "data-pw", lt() ? `${lt()}-start-time` : null), set_attribute(f, "testid", lt() ? `${lt()}-start-time` : null), k = set_class(C, 1, "drp-date-input svelte-gpybdi", null, k, { "drp-date-input-invalid": !get($n) }), set_value(R, get(Qt)), set_attribute(R, "aria-invalid", !get($n)), set_attribute(R, "aria-describedby", get(ir).describedBy), set_attribute(R, "data-pw", lt() ? `${lt()}-end-date` : null), set_attribute(R, "testid", lt() ? `${lt()}-end-date` : null), ne = set_class(te, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, ne, { "drp-time-input-invalid": !get(En) }), set_attribute(re, "aria-invalid", !get(En)), set_attribute(re, "aria-describedby", get(ar).describedBy), set_attribute(re, "data-pw", lt() ? `${lt()}-end-time` : null), set_attribute(re, "testid", lt() ? `${lt()}-end-time` : null);
|
|
27216
|
+
}), delegated("input", s, (e) => ur(e, "start")), event("blur", s, () => dr("start")), delegated("keydown", s, (e) => fr(e, "start")), bind_value(f, () => get(zt), (e) => set(zt, e)), delegated("input", R, (e) => ur(e, "end")), event("blur", R, () => dr("end")), delegated("keydown", R, (e) => fr(e, "end")), bind_value(re, () => get(Bt), (e) => set(Bt, e)), append(e, t);
|
|
27169
27217
|
}, c = (e) => {
|
|
27170
27218
|
var t = root_12$11(), n = first_child(t);
|
|
27171
27219
|
let a;
|
|
27172
27220
|
var o = child(n);
|
|
27173
|
-
remove_input_defaults(o), drpFieldError(sibling(o, 2), () => get(
|
|
27221
|
+
remove_input_defaults(o), drpFieldError(sibling(o, 2), () => get(nr).errorId, () => get(nr).showsError, () => er), reset(n);
|
|
27174
27222
|
var s = sibling(n, 2);
|
|
27175
27223
|
html(s, () => chevron_right_default, !0), reset(s);
|
|
27176
27224
|
var c = sibling(s, 2);
|
|
27177
27225
|
let l;
|
|
27178
27226
|
var u = child(c);
|
|
27179
|
-
remove_input_defaults(u), drpFieldError(sibling(u, 2), () => get(
|
|
27227
|
+
remove_input_defaults(u), drpFieldError(sibling(u, 2), () => get(ir).errorId, () => get(ir).showsError, () => er), reset(c);
|
|
27180
27228
|
var f = sibling(c, 2), p = (e) => {
|
|
27181
27229
|
var t = root_11$12();
|
|
27182
27230
|
let n;
|
|
27183
27231
|
var a = child(t);
|
|
27184
27232
|
html(a, () => i, !0), reset(a), reset(t), template_effect(() => {
|
|
27185
|
-
n = set_class(t, 1, "drp-time-toggle svelte-gpybdi", null, n, { "drp-time-toggle-active": get(
|
|
27186
|
-
}), delegated("click", t, () => set(
|
|
27233
|
+
n = set_class(t, 1, "drp-time-toggle svelte-gpybdi", null, n, { "drp-time-toggle-active": get(Ht) }), set_attribute(t, "aria-pressed", get(Ht)), set_attribute(t, "data-pw", lt() ? `${lt()}-time-toggle` : null), set_attribute(t, "testid", lt() ? `${lt()}-time-toggle` : null);
|
|
27234
|
+
}), delegated("click", t, () => set(Ht, !get(Ht))), append(e, t);
|
|
27187
27235
|
};
|
|
27188
27236
|
if_block(f, (e) => {
|
|
27189
27237
|
k() && e(p);
|
|
27190
27238
|
}), template_effect(() => {
|
|
27191
|
-
a = set_class(n, 1, "drp-date-input svelte-gpybdi", null, a, { "drp-date-input-invalid": !get(
|
|
27192
|
-
}), delegated("input", o, (e) =>
|
|
27239
|
+
a = set_class(n, 1, "drp-date-input svelte-gpybdi", null, a, { "drp-date-input-invalid": !get(Qn) }), set_value(o, get(Zt)), set_attribute(o, "aria-invalid", !get(Qn)), set_attribute(o, "aria-describedby", get(nr).describedBy), set_attribute(o, "data-pw", lt() ? `${lt()}-start-date` : null), set_attribute(o, "testid", lt() ? `${lt()}-start-date` : null), l = set_class(c, 1, "drp-date-input svelte-gpybdi", null, l, { "drp-date-input-invalid": !get($n) }), set_value(u, get(Qt)), set_attribute(u, "aria-invalid", !get($n)), set_attribute(u, "aria-describedby", get(ir).describedBy), set_attribute(u, "data-pw", lt() ? `${lt()}-end-date` : null), set_attribute(u, "testid", lt() ? `${lt()}-end-date` : null);
|
|
27240
|
+
}), delegated("input", o, (e) => ur(e, "start")), event("blur", o, () => dr("start")), delegated("keydown", o, (e) => fr(e, "start")), delegated("input", u, (e) => ur(e, "end")), event("blur", u, () => dr("end")), delegated("keydown", u, (e) => fr(e, "end")), append(e, t);
|
|
27193
27241
|
};
|
|
27194
27242
|
if_block(o, (e) => {
|
|
27195
|
-
get(
|
|
27243
|
+
get($t) ? e(s) : e(c, -1);
|
|
27196
27244
|
}), reset(a);
|
|
27197
27245
|
var l = sibling(a, 2), u = (e) => {
|
|
27198
27246
|
var t = root_13$9(), n = child(t);
|
|
@@ -27200,7 +27248,7 @@ function DateRangePicker(e, t) {
|
|
|
27200
27248
|
var o = child(n);
|
|
27201
27249
|
html(o, () => i, !0), reset(o);
|
|
27202
27250
|
var s = sibling(o, 2);
|
|
27203
|
-
remove_input_defaults(s), drpFieldError(sibling(s, 2), () => get(
|
|
27251
|
+
remove_input_defaults(s), drpFieldError(sibling(s, 2), () => get(rr).errorId, () => get(rr).showsError, () => tr), reset(n);
|
|
27204
27252
|
var c = sibling(n, 2);
|
|
27205
27253
|
html(c, () => chevron_right_default, !0), reset(c);
|
|
27206
27254
|
var l = sibling(c, 2);
|
|
@@ -27208,13 +27256,13 @@ function DateRangePicker(e, t) {
|
|
|
27208
27256
|
var f = child(l);
|
|
27209
27257
|
html(f, () => i, !0), reset(f);
|
|
27210
27258
|
var p = sibling(f, 2);
|
|
27211
|
-
remove_input_defaults(p), drpFieldError(sibling(p, 2), () => get(
|
|
27212
|
-
a = set_class(n, 1, "drp-time-input svelte-gpybdi", null, a, { "drp-time-input-invalid": !get(
|
|
27213
|
-
}), bind_value(s, () => get(
|
|
27259
|
+
remove_input_defaults(p), drpFieldError(sibling(p, 2), () => get(ar).errorId, () => get(ar).showsError, () => tr), reset(l), reset(t), template_effect(() => {
|
|
27260
|
+
a = set_class(n, 1, "drp-time-input svelte-gpybdi", null, a, { "drp-time-input-invalid": !get(Tn) }), set_attribute(s, "aria-invalid", !get(Tn)), set_attribute(s, "aria-describedby", get(rr).describedBy), set_attribute(s, "data-pw", lt() ? `${lt()}-start-time` : null), set_attribute(s, "testid", lt() ? `${lt()}-start-time` : null), u = set_class(l, 1, "drp-time-input svelte-gpybdi", null, u, { "drp-time-input-invalid": !get(En) }), set_attribute(p, "aria-invalid", !get(En)), set_attribute(p, "aria-describedby", get(ar).describedBy), set_attribute(p, "data-pw", lt() ? `${lt()}-end-time` : null), set_attribute(p, "testid", lt() ? `${lt()}-end-time` : null);
|
|
27261
|
+
}), bind_value(s, () => get(zt), (e) => set(zt, e)), bind_value(p, () => get(Bt), (e) => set(Bt, e)), append(e, t);
|
|
27214
27262
|
};
|
|
27215
27263
|
if_block(l, (e) => {
|
|
27216
|
-
k() && !get(
|
|
27217
|
-
}), reset(t), template_effect(() => n = set_class(t, 1, "drp-datetime-header svelte-gpybdi", null, n, { "drp-datetime-header-inline": get(
|
|
27264
|
+
k() && !get($t) && get(Ht) && e(u);
|
|
27265
|
+
}), reset(t), template_effect(() => n = set_class(t, 1, "drp-datetime-header svelte-gpybdi", null, n, { "drp-datetime-header-inline": get($t) })), append(e, t);
|
|
27218
27266
|
};
|
|
27219
27267
|
if_block(te, (e) => {
|
|
27220
27268
|
(C() || k()) && c() === "range" && e(ne);
|
|
@@ -27227,15 +27275,15 @@ function DateRangePicker(e, t) {
|
|
|
27227
27275
|
var p = sibling(a, 2);
|
|
27228
27276
|
reset(n);
|
|
27229
27277
|
var h = sibling(n, 2);
|
|
27230
|
-
key(child(h), () => get(
|
|
27278
|
+
key(child(h), () => get(yn), (e) => {
|
|
27231
27279
|
var t = root_15$6(), n = first_child(t);
|
|
27232
27280
|
Calendar(n, {
|
|
27233
27281
|
mode: "range",
|
|
27234
27282
|
get weekStartsOn() {
|
|
27235
|
-
return
|
|
27283
|
+
return ot();
|
|
27236
27284
|
},
|
|
27237
27285
|
get locale() {
|
|
27238
|
-
return
|
|
27286
|
+
return ct();
|
|
27239
27287
|
},
|
|
27240
27288
|
get minDate() {
|
|
27241
27289
|
return l();
|
|
@@ -27244,32 +27292,32 @@ function DateRangePicker(e, t) {
|
|
|
27244
27292
|
return u();
|
|
27245
27293
|
},
|
|
27246
27294
|
get disabledDates() {
|
|
27247
|
-
return get(
|
|
27295
|
+
return get(nn);
|
|
27248
27296
|
},
|
|
27249
27297
|
get initialMonth() {
|
|
27250
|
-
return get(
|
|
27298
|
+
return get(bn);
|
|
27251
27299
|
},
|
|
27252
|
-
onrangeselect:
|
|
27300
|
+
onrangeselect: Jn,
|
|
27253
27301
|
classes: "drp-calendar-embedded",
|
|
27254
27302
|
get rangeStart() {
|
|
27255
|
-
return get(
|
|
27303
|
+
return get(Mt);
|
|
27256
27304
|
},
|
|
27257
27305
|
set rangeStart(e) {
|
|
27258
|
-
set(
|
|
27306
|
+
set(Mt, e, !0);
|
|
27259
27307
|
},
|
|
27260
27308
|
get rangeEnd() {
|
|
27261
|
-
return get(
|
|
27309
|
+
return get(Nt);
|
|
27262
27310
|
},
|
|
27263
27311
|
set rangeEnd(e) {
|
|
27264
|
-
set(
|
|
27312
|
+
set(Nt, e, !0);
|
|
27265
27313
|
}
|
|
27266
27314
|
}), Calendar(sibling(n, 2), {
|
|
27267
27315
|
mode: "range",
|
|
27268
27316
|
get weekStartsOn() {
|
|
27269
|
-
return
|
|
27317
|
+
return ot();
|
|
27270
27318
|
},
|
|
27271
27319
|
get locale() {
|
|
27272
|
-
return
|
|
27320
|
+
return ct();
|
|
27273
27321
|
},
|
|
27274
27322
|
get minDate() {
|
|
27275
27323
|
return l();
|
|
@@ -27278,95 +27326,102 @@ function DateRangePicker(e, t) {
|
|
|
27278
27326
|
return u();
|
|
27279
27327
|
},
|
|
27280
27328
|
get disabledDates() {
|
|
27281
|
-
return get(
|
|
27329
|
+
return get(nn);
|
|
27282
27330
|
},
|
|
27283
27331
|
get initialMonth() {
|
|
27284
|
-
return get(
|
|
27332
|
+
return get(xn);
|
|
27285
27333
|
},
|
|
27286
|
-
onrangeselect:
|
|
27334
|
+
onrangeselect: Jn,
|
|
27287
27335
|
classes: "drp-calendar-embedded",
|
|
27288
27336
|
get rangeStart() {
|
|
27289
|
-
return get(
|
|
27337
|
+
return get(Mt);
|
|
27290
27338
|
},
|
|
27291
27339
|
set rangeStart(e) {
|
|
27292
|
-
set(
|
|
27340
|
+
set(Mt, e, !0);
|
|
27293
27341
|
},
|
|
27294
27342
|
get rangeEnd() {
|
|
27295
|
-
return get(
|
|
27343
|
+
return get(Nt);
|
|
27296
27344
|
},
|
|
27297
27345
|
set rangeEnd(e) {
|
|
27298
|
-
set(
|
|
27346
|
+
set(Nt, e, !0);
|
|
27299
27347
|
}
|
|
27300
27348
|
}), append(e, t);
|
|
27301
27349
|
}), reset(h), template_effect(() => {
|
|
27302
|
-
set_text(s, get(
|
|
27303
|
-
}), delegated("click", i, () =>
|
|
27350
|
+
set_text(s, get(Cn)), set_text(f, get(Sn));
|
|
27351
|
+
}), delegated("click", i, () => Un(-1)), delegated("click", p, () => Un(1)), append(e, t);
|
|
27304
27352
|
}, Re = (e) => {
|
|
27305
|
-
|
|
27306
|
-
|
|
27307
|
-
|
|
27308
|
-
get
|
|
27309
|
-
|
|
27310
|
-
|
|
27311
|
-
|
|
27312
|
-
|
|
27313
|
-
|
|
27314
|
-
|
|
27315
|
-
|
|
27316
|
-
|
|
27317
|
-
|
|
27318
|
-
|
|
27319
|
-
|
|
27320
|
-
|
|
27321
|
-
|
|
27322
|
-
|
|
27323
|
-
|
|
27324
|
-
|
|
27325
|
-
|
|
27326
|
-
|
|
27327
|
-
|
|
27328
|
-
|
|
27329
|
-
|
|
27330
|
-
|
|
27331
|
-
|
|
27332
|
-
|
|
27333
|
-
|
|
27334
|
-
|
|
27335
|
-
|
|
27336
|
-
|
|
27337
|
-
|
|
27338
|
-
|
|
27339
|
-
|
|
27340
|
-
|
|
27341
|
-
|
|
27342
|
-
|
|
27343
|
-
|
|
27344
|
-
|
|
27345
|
-
|
|
27346
|
-
|
|
27347
|
-
|
|
27348
|
-
|
|
27353
|
+
var t = comment();
|
|
27354
|
+
key(first_child(t), () => get(yn), (e) => {
|
|
27355
|
+
{
|
|
27356
|
+
let t = /* @__PURE__ */ user_derived(() => c() === "range" ? "range" : "single"), n = /* @__PURE__ */ user_derived(() => c() === "range" ? get(nn) : f());
|
|
27357
|
+
Calendar(e, {
|
|
27358
|
+
get mode() {
|
|
27359
|
+
return get(t);
|
|
27360
|
+
},
|
|
27361
|
+
get weekStartsOn() {
|
|
27362
|
+
return ot();
|
|
27363
|
+
},
|
|
27364
|
+
get locale() {
|
|
27365
|
+
return ct();
|
|
27366
|
+
},
|
|
27367
|
+
get minDate() {
|
|
27368
|
+
return l();
|
|
27369
|
+
},
|
|
27370
|
+
get maxDate() {
|
|
27371
|
+
return u();
|
|
27372
|
+
},
|
|
27373
|
+
get disabledDates() {
|
|
27374
|
+
return get(n);
|
|
27375
|
+
},
|
|
27376
|
+
get initialMonth() {
|
|
27377
|
+
return get(bn);
|
|
27378
|
+
},
|
|
27379
|
+
onrangeselect: Jn,
|
|
27380
|
+
onselect: Yn,
|
|
27381
|
+
onmonthchange: sr,
|
|
27382
|
+
classes: "drp-calendar-embedded",
|
|
27383
|
+
get rangeStart() {
|
|
27384
|
+
return get(Mt);
|
|
27385
|
+
},
|
|
27386
|
+
set rangeStart(e) {
|
|
27387
|
+
set(Mt, e, !0);
|
|
27388
|
+
},
|
|
27389
|
+
get rangeEnd() {
|
|
27390
|
+
return get(Nt);
|
|
27391
|
+
},
|
|
27392
|
+
set rangeEnd(e) {
|
|
27393
|
+
set(Nt, e, !0);
|
|
27394
|
+
},
|
|
27395
|
+
get value() {
|
|
27396
|
+
return get(Pt);
|
|
27397
|
+
},
|
|
27398
|
+
set value(e) {
|
|
27399
|
+
set(Pt, e, !0);
|
|
27400
|
+
}
|
|
27401
|
+
});
|
|
27402
|
+
}
|
|
27403
|
+
}), append(e, t);
|
|
27349
27404
|
};
|
|
27350
27405
|
if_block(G, (e) => {
|
|
27351
|
-
get(
|
|
27406
|
+
get(At) ? e(Me) : e(Re, -1);
|
|
27352
27407
|
});
|
|
27353
|
-
var
|
|
27408
|
+
var Ue = sibling(G, 2), it = (e) => {
|
|
27354
27409
|
var t = root_17$5();
|
|
27355
27410
|
snippet(child(t), re), reset(t), append(e, t);
|
|
27356
27411
|
};
|
|
27357
|
-
if_block(
|
|
27358
|
-
typeof re() == "function" && e(
|
|
27412
|
+
if_block(Ue, (e) => {
|
|
27413
|
+
typeof re() == "function" && e(it);
|
|
27359
27414
|
});
|
|
27360
|
-
var ut = sibling(
|
|
27415
|
+
var ut = sibling(Ue, 2), dt = (e) => {
|
|
27361
27416
|
var t = root_18$4();
|
|
27362
|
-
snippet(child(t),
|
|
27417
|
+
snippet(child(t), at), reset(t), append(e, t);
|
|
27363
27418
|
};
|
|
27364
27419
|
if_block(ut, (e) => {
|
|
27365
|
-
typeof
|
|
27420
|
+
typeof at() == "function" && typeof ht() != "function" && e(dt);
|
|
27366
27421
|
}), reset(R), reset(a);
|
|
27367
|
-
var
|
|
27422
|
+
var ft = sibling(a, 2), mt = child(ft), gt = (e) => {
|
|
27368
27423
|
Button(e, {
|
|
27369
|
-
onclick:
|
|
27424
|
+
onclick: Gn,
|
|
27370
27425
|
ariaLabel: "Clear date selection",
|
|
27371
27426
|
classes: "drp-btn-clear",
|
|
27372
27427
|
children: (e, t) => {
|
|
@@ -27375,12 +27430,12 @@ function DateRangePicker(e, t) {
|
|
|
27375
27430
|
$$slots: { default: !0 }
|
|
27376
27431
|
});
|
|
27377
27432
|
};
|
|
27378
|
-
if_block(
|
|
27379
|
-
|
|
27433
|
+
if_block(mt, (e) => {
|
|
27434
|
+
pt() && c() === "single" && s() !== null && e(gt);
|
|
27380
27435
|
});
|
|
27381
|
-
var _t = sibling(
|
|
27436
|
+
var _t = sibling(mt, 2);
|
|
27382
27437
|
Button(_t, {
|
|
27383
|
-
onclick:
|
|
27438
|
+
onclick: Kn,
|
|
27384
27439
|
ariaLabel: "Cancel date selection",
|
|
27385
27440
|
classes: "drp-btn-cancel",
|
|
27386
27441
|
children: (e, t) => {
|
|
@@ -27390,9 +27445,9 @@ function DateRangePicker(e, t) {
|
|
|
27390
27445
|
});
|
|
27391
27446
|
var vt = sibling(_t, 2);
|
|
27392
27447
|
{
|
|
27393
|
-
let e = /* @__PURE__ */ user_derived(() => !get(
|
|
27448
|
+
let e = /* @__PURE__ */ user_derived(() => !get(gr));
|
|
27394
27449
|
Button(vt, {
|
|
27395
|
-
onclick:
|
|
27450
|
+
onclick: Wn,
|
|
27396
27451
|
ariaLabel: "Apply date selection",
|
|
27397
27452
|
classes: "drp-btn-apply",
|
|
27398
27453
|
get disabled() {
|
|
@@ -27404,19 +27459,22 @@ function DateRangePicker(e, t) {
|
|
|
27404
27459
|
$$slots: { default: !0 }
|
|
27405
27460
|
});
|
|
27406
27461
|
}
|
|
27407
|
-
reset(
|
|
27462
|
+
reset(ft), reset(t), action(t, (e) => Fn?.(e)), bind_this(t, (e) => set(an, e), () => get(an)), template_effect(() => {
|
|
27408
27463
|
n = set_class(t, 1, "drp-panel svelte-gpybdi", null, n, {
|
|
27409
|
-
"drp-panel-above": get(
|
|
27464
|
+
"drp-panel-above": get(cn),
|
|
27410
27465
|
"drp-panel-align-left": be() === "left",
|
|
27411
|
-
"drp-panel-align-right": be() === "right"
|
|
27412
|
-
|
|
27413
|
-
|
|
27414
|
-
|
|
27415
|
-
|
|
27416
|
-
get(
|
|
27417
|
-
}
|
|
27418
|
-
|
|
27419
|
-
|
|
27466
|
+
"drp-panel-align-right": be() === "right",
|
|
27467
|
+
"drp-panel-presets-top": get(jt),
|
|
27468
|
+
"drp-panel-sheet": get(kt),
|
|
27469
|
+
"drp-panel-narrow": get(Ot)
|
|
27470
|
+
}), set_attribute(t, "data-pw", typeof lt() == "string" ? `${lt()}-panel` : null), set_attribute(t, "testid", typeof lt() == "string" ? `${lt()}-panel` : null);
|
|
27471
|
+
}), delegated("keydown", t, (e) => jn(get(an), e)), append(e, t);
|
|
27472
|
+
};
|
|
27473
|
+
return if_block(Tr, (e) => {
|
|
27474
|
+
get(rn) && e(Er);
|
|
27475
|
+
}), reset(br), bind_this(br, (e) => set(sn, e), () => get(sn)), action(br, (e, t) => Ln?.(e, t), Re), template_effect(() => {
|
|
27476
|
+
set_class(br, 1, `drp-root ${ut() ?? "" ?? ""}`, "svelte-gpybdi"), set_attribute(br, "data-pw", lt()), set_attribute(br, "testid", lt());
|
|
27477
|
+
}), append(e, br), pop(yr);
|
|
27420
27478
|
}
|
|
27421
27479
|
delegate([
|
|
27422
27480
|
"keydown",
|
|
@@ -27441,6 +27499,8 @@ delegate([
|
|
|
27441
27499
|
dualMonth: {},
|
|
27442
27500
|
timePicker: {},
|
|
27443
27501
|
align: {},
|
|
27502
|
+
presetsPosition: {},
|
|
27503
|
+
responsiveLayout: {},
|
|
27444
27504
|
compareStart: {},
|
|
27445
27505
|
compareEnd: {},
|
|
27446
27506
|
compareCalendar: {},
|
|
@@ -27629,6 +27689,16 @@ customElements.define("sui-date-range-picker", create_custom_element(DateRangePi
|
|
|
27629
27689
|
reflect: !0,
|
|
27630
27690
|
type: "String"
|
|
27631
27691
|
},
|
|
27692
|
+
presetsPosition: {
|
|
27693
|
+
attribute: "presets-position",
|
|
27694
|
+
reflect: !0,
|
|
27695
|
+
type: "String"
|
|
27696
|
+
},
|
|
27697
|
+
responsiveLayout: {
|
|
27698
|
+
attribute: "responsive-layout",
|
|
27699
|
+
reflect: !0,
|
|
27700
|
+
type: "Boolean"
|
|
27701
|
+
},
|
|
27632
27702
|
compareStart: { type: "Object" },
|
|
27633
27703
|
compareEnd: { type: "Object" },
|
|
27634
27704
|
weekStartsOn: {
|