@slotted/angular 0.1.0-beta.2 → 0.1.0-beta.4

package/fesm2022/slotted-angular-datetime-range-picker.mjs

@@ -1572,7 +1572,7 @@ class SlDateTimeRangePicker {
           </div>
         </div>
       </div>
-    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=datetime-range-picker][data-part=root]{display:block;inline-size:100%}[data-ui=datetime-range-picker] [data-part=control]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_border-width: var(--slotted-control-border-width, 1px);--_action-size: var( --slotted-datetime-range-picker-action-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc(var(--_height) - var(--_border-width) * 2 - var(--slotted-space-2, .25rem)) ) );--_action-inset: max( 0px, calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2) );background-color:var( --slotted-datetime-range-picker-background, var(--slotted-control-surface, Field) );block-size:var(--_height);border:var(--_border-width) solid var( --slotted-datetime-range-picker-border-color, var(--slotted-control-border-color, ButtonBorder) );border-radius:var(--slotted-datetime-range-picker-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-datetime-range-picker-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-datetime-range-picker-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);inline-size:100%;min-inline-size:0;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=datetime-range-picker][data-part=root][data-size=sm] [data-part=control]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 11px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=datetime-range-picker][data-part=root][data-size=lg] [data-part=control]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 15px);--_gap: var(--slotted-control-gap-lg, 10px);--_icon-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui=datetime-range-picker][data-part=root][data-variant=subtle] [data-part=control]{background-color:var( --slotted-datetime-range-picker-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-datetime-range-picker-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=datetime-range-picker][data-part=root][data-variant=plain] [data-part=control]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}[data-ui=datetime-range-picker] [data-part=trigger]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:inherit;color:inherit;cursor:pointer;display:flex;flex:1 1 auto;font:inherit;gap:var(--_gap);min-inline-size:0;padding-block:0;padding-inline-start:var(--_padding-inline);padding-inline-end:calc(var(--_action-inset) + var(--_action-size) * var(--_actions, 1) + var(--slotted-space-1, .125rem) * (var(--_actions, 1) - 1) + var(--slotted-space-2, .25rem));text-align:start;touch-action:manipulation;-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=control]:has(>[data-part=clear]){--_actions: 2}[data-ui=datetime-range-picker] [data-part=summary]{flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=datetime-range-picker] [data-part=summary][data-placeholder]{color:var( --slotted-datetime-range-picker-placeholder-color, var(--slotted-text-muted, GrayText) )}[data-ui=datetime-range-picker] [data-part=trigger]:focus-visible{outline:none}[data-ui=datetime-range-picker] [data-part=trigger]>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);color:var(--slotted-datetime-range-picker-action-color, var(--slotted-text-muted));inset-block-start:50%;inset-inline-end:calc(var(--_action-inset) + (var(--_action-size) - var(--_icon-size)) / 2);position:absolute;translate:0 -50%}[data-ui=datetime-range-picker] [data-part=trigger]:disabled{cursor:not-allowed}[data-ui=datetime-range-picker] [data-part=clear]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-datetime-range-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-datetime-range-picker-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var(--_action-size);inset-block-start:calc((var(--_height) - var(--_border-width) * 2 - var(--_action-size)) / 2);inset-inline-end:calc(var(--_action-inset) + var(--_action-size) + var(--slotted-space-1, .125rem));justify-content:center;padding:0;position:absolute;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=datetime-range-picker] [data-part=clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));inset-inline-end:0}}[data-ui=datetime-range-picker] [data-part=clear]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-datetime-range-picker-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker] [data-part=clear]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-datetime-range-picker-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=datetime-range-picker] [data-part=clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=datetime-range-picker] [data-part=clear]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=datetime-range-picker][data-part=root]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{border-color:var( --slotted-datetime-range-picker-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=datetime-range-picker][data-part=root][data-variant=subtle]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{background-color:var( --slotted-datetime-range-picker-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker][data-part=root][data-variant=plain]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{background-color:var( --slotted-datetime-range-picker-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=datetime-range-picker] [data-part=control]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=datetime-range-picker][data-part=root][data-variant=plain] [data-part=control]:has(>[data-part=trigger]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=datetime-range-picker][data-part=root][data-invalid] [data-part=control]{--slotted-focus-ring-color: var( --slotted-datetime-range-picker-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-datetime-range-picker-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-datetime-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var( --slotted-datetime-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );box-shadow:var(--_invalid-edge)}[data-ui=datetime-range-picker][data-invalid] [data-part=control]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=datetime-range-picker][data-part=root][data-variant=plain][data-invalid] [data-part=control]:has(>[data-part=trigger]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--_border-width) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=datetime-range-picker][data-part=root][data-invalid] [data-part=control]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui=datetime-range-picker][data-invalid] [data-part=control]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=datetime-range-picker][data-part=root][data-variant=plain][data-invalid] [data-part=control]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=datetime-range-picker][data-part=root][data-readonly] [data-part=control]{background-color:var( --slotted-datetime-range-picker-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui=datetime-range-picker][data-part=root][data-disabled] [data-part=control]{background-color:var( --slotted-datetime-range-picker-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-datetime-range-picker-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-datetime-range-picker-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=datetime-range-picker][data-part=root][data-disabled] [data-part=trigger]>[data-ui=icon]{color:var(--slotted-disabled-foreground)}[data-ui=datetime-range-picker][data-part=positioner]{position:absolute;inset-block-start:0;box-sizing:border-box;isolation:isolate;pointer-events:none;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));--_enter-distance: var(--slotted-space-2, .25rem);opacity:0;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=datetime-range-picker][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=datetime-range-picker][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=datetime-range-picker][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned]{animation:slotted-datetime-range-picker-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-datetime-range-picker-enter-up}[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-datetime-range-picker-fade}@keyframes slotted-datetime-range-picker-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-datetime-range-picker-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-datetime-range-picker-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=datetime-range-picker][data-part=positioner],[data-ui=datetime-range-picker][data-part=positioner][data-side=top],[data-ui=datetime-range-picker][data-part=positioner][data-side=left],[data-ui=datetime-range-picker][data-part=positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned],[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned][data-side=top],[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned][data-side=left],[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-datetime-range-picker-fade}}[data-ui=datetime-range-picker][data-part=positioner][data-detached]{visibility:hidden}[data-ui=datetime-range-picker] [data-part=content]{background-color:var( --slotted-datetime-range-picker-surface, var(--slotted-surface-raised, Canvas) );border:var(--slotted-border-width-thin, 1px) solid var( --slotted-datetime-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );border-radius:var( --slotted-datetime-range-picker-content-radius, var(--slotted-radius-lg, 8px) );box-shadow:var(--slotted-datetime-range-picker-content-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--slotted-datetime-range-picker-content-color, var(--slotted-text, CanvasText));font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-control-font-size-md, 13px);--_row: max(var(--slotted-target-min, 24px), var(--slotted-control-height-sm, 30px));--_row-pitch: calc(var(--_row) + var(--slotted-space-1, .125rem));display:grid;gap:var(--slotted-space-5, .75rem);grid-template-areas:\"head\" \"presets\" \"panel\" \"footer\";grid-template-columns:minmax(0,1fr);max-inline-size:min(var(--slotted-positioner-available-width, 100vw),var(--slotted-datetime-range-picker-content-max-inline-size, 30rem));padding:var(--slotted-datetime-range-picker-content-padding, var(--slotted-space-5, .75rem));pointer-events:auto}[data-ui=datetime-range-picker] [data-part=head]{box-sizing:border-box;inline-size:0;min-inline-size:100%;column-gap:var(--slotted-space-2, .25rem);display:grid;grid-area:head;grid-template-areas:\"tabs tabs\" \"field now\" \"hint length\" \"limit limit\";grid-template-columns:minmax(0,1fr) auto;row-gap:var(--slotted-space-2, .25rem)}[data-ui=datetime-range-picker] [data-part=tabs]{grid-area:tabs}[data-ui=datetime-range-picker] [data-part=field]{grid-area:field}[data-ui=datetime-range-picker] [data-part=head]>[data-part=now]{align-self:center;grid-area:now}[data-ui=datetime-range-picker] [data-part=hint]{align-self:center;grid-area:hint}[data-ui=datetime-range-picker] [data-part=length]{align-self:center;grid-area:length}[data-ui=datetime-range-picker] [data-part=limit]{grid-area:limit}[data-ui=datetime-range-picker] [data-part=tabs]{border-block-end:var(--slotted-border-width-thin, 1px) solid var( --slotted-datetime-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );display:grid;gap:var(--slotted-space-2, .25rem);grid-template-columns:repeat(2,minmax(0,1fr))}[data-ui=datetime-range-picker] [data-part=tab]{appearance:none;background-color:transparent;border:0;border-start-end-radius:var( --slotted-datetime-range-picker-option-radius, var(--slotted-radius-sm, 4px) );border-start-start-radius:var( --slotted-datetime-range-picker-option-radius, var(--slotted-radius-sm, 4px) );color:var(--slotted-datetime-range-picker-content-color, var(--slotted-text, CanvasText));cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-datetime-range-picker-tab-block-size, calc(var(--_row) * 1.5));min-inline-size:0;padding-block:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-3, .375rem);position:relative;text-align:start;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=tab]:after{background-color:var( --slotted-datetime-range-picker-current-color, var(--slotted-tone-accent-solid) );block-size:var(--slotted-datetime-range-picker-current-size, 2px);border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);content:\"\";inset-block-end:calc(-1 * var(--slotted-border-width-thin, 1px));inset-inline:0;opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=datetime-range-picker] [data-part=tab][data-current]:after{opacity:1}[data-ui=datetime-range-picker] [data-part=tab]:hover:not(:disabled):not([data-current]){background-color:var( --slotted-datetime-range-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker] [data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=datetime-range-picker] [data-part=tab]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=datetime-range-picker] [data-part=tab-label]{color:var(--slotted-datetime-range-picker-label-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-font-size-xs, 11px);font-weight:var(--slotted-font-weight-medium, 500);letter-spacing:var(--slotted-letter-spacing-wide, .02em);text-transform:uppercase;white-space:nowrap}[data-ui=datetime-range-picker] [data-part=tab-value]{font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=datetime-range-picker] [data-part=tab][data-placeholder] [data-part=tab-value]{color:var(--slotted-datetime-range-picker-label-color, var(--slotted-text-muted, GrayText));font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=datetime-range-picker] [data-part=field]{--slotted-control-border-width: 0px;--slotted-control-padding-inline-sm: var(--slotted-space-2, .25rem);--slotted-control-padding-inline-md: var(--slotted-space-2, .25rem);--slotted-control-padding-inline-lg: var(--slotted-space-2, .25rem);--slotted-datetime-field-plain-hover-background: transparent;--slotted-datetime-field-invalid-border-color: transparent;--slotted-datetime-field-shadow: none;--slotted-control-shadow-focus-geometry: 0 0 0 0;display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=datetime-range-picker] [data-part=hint]{color:var(--slotted-datetime-range-picker-hint-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-font-size-sm, 13px);min-inline-size:0;padding-inline-start:var(--slotted-space-2, .25rem);text-wrap:balance;unicode-bidi:plaintext}[data-ui=datetime-range-picker] [data-part=hint][data-invalid]{color:var(--slotted-datetime-range-picker-invalid-color, var(--slotted-tone-danger-text))}[data-ui=datetime-range-picker] [data-part=length]{color:var(--slotted-datetime-range-picker-length-color, var(--slotted-tone-accent-text));font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);padding-inline:var(--slotted-space-4, .5rem) var(--slotted-space-2, .25rem);unicode-bidi:plaintext;white-space:nowrap}[data-ui=datetime-range-picker] [data-part=length][data-pending]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=datetime-range-picker] [data-part=length]:empty:before{content:\"\\200b\"}[data-ui=datetime-range-picker] [data-part=limit]{color:var(--slotted-datetime-range-picker-limit-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-font-size-xs, 11px);padding-inline-start:var(--slotted-space-2, .25rem);unicode-bidi:plaintext}[data-ui=datetime-range-picker] [data-part=panel]{--_panel-gap: calc(var(--slotted-space-4, .5rem) / 2);align-items:stretch;display:flex;flex-wrap:wrap;grid-area:panel;margin:calc(-1 * var(--_panel-gap));min-inline-size:0}[data-ui=datetime-range-picker] [data-part=panel]>*{margin:var(--_panel-gap)}[data-ui=datetime-range-picker] [data-part=date-panel]{flex:0 1 auto;min-inline-size:0}[data-ui=datetime-range-picker] [data-part=panel]>[data-part=list],[data-ui=datetime-range-picker] [data-part=panel]>[data-part=empty]{flex:1 1 var(--slotted-datetime-range-picker-list-min-inline-size, 9rem);min-inline-size:var(--slotted-datetime-range-picker-list-min-inline-size, 9rem)}[data-ui=datetime-range-picker] [data-part=date-panel]+[data-part=list],[data-ui=datetime-range-picker] [data-part=date-panel]+[data-part=empty]{border-inline-start:var(--slotted-border-width-thin, 1px) solid var( --slotted-datetime-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );padding-inline-start:var(--slotted-space-4, .5rem)}[data-ui=datetime-range-picker] [data-part=now]{appearance:none;background-color:transparent;border:0;border-radius:var( --slotted-datetime-range-picker-option-radius, var(--slotted-radius-sm, 4px) );color:var(--slotted-datetime-range-picker-now-color, var(--slotted-tone-accent-text));cursor:pointer;flex:0 0 auto;font:inherit;font-size:var(--slotted-font-size-sm, 13px);min-block-size:var(--_row);padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-3, .375rem);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=datetime-range-picker] [data-part=now]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-datetime-range-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker] [data-part=now]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=datetime-range-picker] [data-part=now]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=datetime-range-picker] [data-part=presets]{display:flex;flex-wrap:wrap;gap:var(--slotted-space-2, .25rem);grid-area:presets;min-inline-size:0}[data-ui=datetime-range-picker] [data-part=preset]{appearance:none;background-color:var( --slotted-datetime-range-picker-preset-background, var(--slotted-tone-secondary-subtle) );border:0;border-radius:var( --slotted-datetime-range-picker-preset-radius, var(--slotted-radius-pill, 999px) );color:var(--slotted-datetime-range-picker-content-color, var(--slotted-text, CanvasText));cursor:pointer;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, 13px);line-height:var(--slotted-line-height-sm, 1.4);min-block-size:var(--_row);padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=preset]:hover:not(:disabled):not([data-selected]){background-color:var( --slotted-datetime-range-picker-preset-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker] [data-part=preset]:active:not(:disabled):not([data-selected]){background-color:var( --slotted-datetime-range-picker-preset-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=datetime-range-picker] [data-part=preset][data-selected]{background-color:var( --slotted-datetime-range-picker-preset-selected-background, var(--slotted-tone-accent-subtle-hover) );color:var( --slotted-datetime-range-picker-preset-selected-color, var(--slotted-tone-accent-text) );font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=datetime-range-picker] [data-part=preset]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=datetime-range-picker] [data-part=preset]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=datetime-range-picker] [data-part=list]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);max-block-size:var( --slotted-datetime-range-picker-list-block-size, calc(var(--_row-pitch) * 8.5) );min-inline-size:0;overflow-y:auto;scroll-padding-block:var(--slotted-space-2, .25rem)}[data-ui=datetime-range-picker] [data-part=option]{align-items:baseline;background-color:transparent;border-radius:var( --slotted-datetime-range-picker-option-radius, var(--slotted-radius-sm, 4px) );color:inherit;cursor:pointer;display:flex;flex:0 0 auto;font-variant-numeric:tabular-nums;gap:var(--slotted-space-3, .375rem);justify-content:space-between;line-height:var(--_row);min-block-size:var(--_row);padding-inline:var(--slotted-space-3, .375rem);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=option-duration]{color:var(--slotted-datetime-range-picker-label-color, var(--slotted-text-muted, GrayText));flex:0 1 auto;font-size:var(--slotted-font-size-xs, 11px);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=datetime-range-picker] [data-part=option][data-selected] [data-part=option-duration],[data-ui=datetime-range-picker] [data-part=option][data-disabled] [data-part=option-duration]{color:inherit}[data-ui=datetime-range-picker] [data-part=option]:hover:not([data-disabled]):not([data-selected]):not([data-current]){background-color:var( --slotted-datetime-range-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker] [data-part=option][data-current]:not([data-selected]){background-color:var( --slotted-datetime-range-picker-option-current-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=datetime-range-picker] [data-part=option]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=datetime-range-picker] [data-part=option][data-selected]{background-color:var( --slotted-datetime-range-picker-option-selected-background, var(--slotted-tone-accent-solid) );color:var( --slotted-datetime-range-picker-option-selected-color, var(--slotted-tone-accent-on-solid) )}[data-ui=datetime-range-picker] [data-part=option][data-selected]:hover:not([data-disabled]){background-color:var( --slotted-datetime-range-picker-option-selected-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=datetime-range-picker] [data-part=option][data-disabled]{background-color:transparent;color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=datetime-range-picker] [data-part=empty]{align-items:center;color:var(--slotted-datetime-range-picker-label-color, var(--slotted-text-muted, GrayText));display:flex;font-size:var(--slotted-font-size-sm, 13px);justify-content:center;min-block-size:calc(var(--_row) * 2);padding:var(--slotted-space-4, .5rem);text-align:center;text-wrap:balance;unicode-bidi:plaintext}[data-ui=datetime-range-picker] [data-part=footer]{box-sizing:border-box;inline-size:0;min-inline-size:100%;align-items:center;border-block-start:var(--slotted-border-width-thin, 1px) solid var( --slotted-datetime-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );display:flex;gap:var(--slotted-space-2, .25rem);grid-area:footer;justify-content:flex-end;padding-block-start:var(--slotted-space-3, .375rem)}[data-ui=datetime-range-picker] [data-part=done]{appearance:none;background-color:var( --slotted-datetime-range-picker-done-background, var(--slotted-tone-accent-solid) );border:0;border-radius:var(--slotted-datetime-range-picker-radius, var(--slotted-control-radius, 4px));color:var( --slotted-datetime-range-picker-done-color, var(--slotted-tone-accent-on-solid, Canvas) );cursor:pointer;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, 13px);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-sm, 1.4);margin-inline-start:auto;min-block-size:var(--_row);padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-5, .75rem);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=done]:hover:not(:disabled){background-color:var( --slotted-datetime-range-picker-done-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=datetime-range-picker] [data-part=done]:active:not(:disabled){background-color:var( --slotted-datetime-range-picker-done-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=datetime-range-picker] [data-part=done]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(pointer:coarse){[data-ui=datetime-range-picker] [data-part=field]{display:none}}@media(max-width:480px)and (pointer:coarse){[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet]{inset:auto 0 0;position:fixed;translate:0 var(--slotted-space-9, 2rem)}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet][data-open]{translate:0 0}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=content]{border-end-end-radius:0;border-end-start-radius:0;border-inline:0;border-block-end:0;inline-size:var(--slotted-datetime-range-picker-sheet-inline-size, 100%);max-inline-size:none;justify-content:center;max-block-size:100vh;max-block-size:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-block-end:max(var(--slotted-datetime-range-picker-content-padding, var(--slotted-space-5, .75rem)),env(safe-area-inset-bottom,0px))}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=list]{max-block-size:calc(var(--_row-pitch) * 4.5)}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=panel]>[data-part=list],[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=panel]>[data-part=empty]{flex-basis:100%}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=date-panel]+[data-part=list]{border-inline-start:0;padding-inline-start:0}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=tab]{min-block-size:var( --slotted-datetime-range-picker-tab-block-size, var(--slotted-target-comfortable, 44px) )}}@media(forced-colors:active){[data-ui=datetime-range-picker][data-part=root][data-variant=plain] [data-part=control]{border-color:ButtonBorder}[data-ui=datetime-range-picker] [data-part=tab]:after{forced-color-adjust:none}[data-ui=datetime-range-picker] [data-part=tab]:after{background-color:currentcolor}[data-ui=datetime-range-picker] [data-part=preset][data-selected],[data-ui=datetime-range-picker] [data-part=option][data-selected]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=datetime-range-picker] [data-part=option][data-current]:not([data-selected]){outline:var(--slotted-focus-ring-width, 2px) solid Highlight;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlCalendar, selector: "[slCalendar]", inputs: ["value", "defaultValue", "focusedDate", "defaultFocusedDate", "min", "max", "isDateUnavailable", "selectionMode", "months", "view", "defaultView", "weekNumbers", "fixedWeeks", "outsideDays", "locale", "timeZone", "firstDayOfWeek", "calendar", "disabled", "readOnly", "invalid", "messages"], outputs: ["valueChange", "focusedDateChange", "viewChange", "previewChange"], exportAs: ["slCalendar"] }, { kind: "component", type: SlDateTimeField, selector: "[slDateTimeField]", inputs: ["value", "defaultValue", "min", "max", "minTime", "maxTime", "isDateUnavailable", "isTimeUnavailable", "locale", "timeZone", "hourCycle", "granularity", "calendar", "firstDayOfWeek", "yearPivot", "referenceDateTime", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "messages", "name", "label"], outputs: ["valueChange"], exportAs: ["slDateTimeField"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=datetime-range-picker][data-part=root]{display:block;inline-size:100%}[data-ui=datetime-range-picker] [data-part=control]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_border-width: var(--slotted-control-border-width, 1px);--_action-size: var( --slotted-datetime-range-picker-action-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc(var(--_height) - var(--_border-width) * 2 - var(--slotted-space-2, .25rem)) ) );--_action-inset: max( 0px, calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2) );background-color:var( --slotted-datetime-range-picker-background, var(--slotted-control-surface, Field) );block-size:var(--_height);border:var(--_border-width) solid var( --slotted-datetime-range-picker-border-color, var(--slotted-control-border-color, ButtonBorder) );border-radius:var(--slotted-datetime-range-picker-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-datetime-range-picker-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-datetime-range-picker-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);inline-size:100%;min-inline-size:0;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=datetime-range-picker][data-part=root][data-size=sm] [data-part=control]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 11px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=datetime-range-picker][data-part=root][data-size=lg] [data-part=control]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 15px);--_gap: var(--slotted-control-gap-lg, 10px);--_icon-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui=datetime-range-picker][data-part=root][data-variant=subtle] [data-part=control]{background-color:var( --slotted-datetime-range-picker-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-datetime-range-picker-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=datetime-range-picker][data-part=root][data-variant=plain] [data-part=control]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}[data-ui=datetime-range-picker] [data-part=trigger]{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:inherit;color:inherit;cursor:pointer;display:flex;flex:1 1 auto;font:inherit;gap:var(--_gap);min-inline-size:0;padding-block:0;padding-inline-start:var(--_padding-inline);padding-inline-end:calc(var(--_action-inset) + var(--_action-size) * var(--_actions, 1) + var(--slotted-space-1, .125rem) * (var(--_actions, 1) - 1) + var(--slotted-space-2, .25rem));text-align:start;touch-action:manipulation;-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=control]:has(>[data-part=clear]){--_actions: 2}[data-ui=datetime-range-picker] [data-part=summary]{flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=datetime-range-picker] [data-part=summary][data-placeholder]{color:var( --slotted-datetime-range-picker-placeholder-color, var(--slotted-text-muted, GrayText) )}[data-ui=datetime-range-picker] [data-part=trigger]:focus-visible{outline:none}[data-ui=datetime-range-picker] [data-part=trigger]>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);color:var(--slotted-datetime-range-picker-action-color, var(--slotted-text-muted));inset-block-start:50%;inset-inline-end:calc(var(--_action-inset) + (var(--_action-size) - var(--_icon-size)) / 2);position:absolute;translate:0 -50%}[data-ui=datetime-range-picker] [data-part=trigger]:disabled{cursor:not-allowed}[data-ui=datetime-range-picker] [data-part=clear]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-datetime-range-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-datetime-range-picker-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var(--_action-size);inset-block-start:calc((var(--_height) - var(--_border-width) * 2 - var(--_action-size)) / 2);inset-inline-end:calc(var(--_action-inset) + var(--_action-size) + var(--slotted-space-1, .125rem));justify-content:center;padding:0;position:absolute;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=datetime-range-picker] [data-part=clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));inset-inline-end:0}}[data-ui=datetime-range-picker] [data-part=clear]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-datetime-range-picker-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker] [data-part=clear]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-datetime-range-picker-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=datetime-range-picker] [data-part=clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=datetime-range-picker] [data-part=clear]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=datetime-range-picker][data-part=root]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{border-color:var( --slotted-datetime-range-picker-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=datetime-range-picker][data-part=root][data-variant=subtle]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{background-color:var( --slotted-datetime-range-picker-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker][data-part=root][data-variant=plain]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{background-color:var( --slotted-datetime-range-picker-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=datetime-range-picker] [data-part=control]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=datetime-range-picker][data-part=root][data-variant=plain] [data-part=control]:has(>[data-part=trigger]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=datetime-range-picker][data-part=root][data-invalid] [data-part=control]{--slotted-focus-ring-color: var( --slotted-datetime-range-picker-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-datetime-range-picker-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-datetime-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var( --slotted-datetime-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );box-shadow:var(--_invalid-edge)}[data-ui=datetime-range-picker][data-invalid] [data-part=control]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=datetime-range-picker][data-part=root][data-variant=plain][data-invalid] [data-part=control]:has(>[data-part=trigger]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--_border-width) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=datetime-range-picker][data-part=root][data-invalid] [data-part=control]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui=datetime-range-picker][data-invalid] [data-part=control]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=datetime-range-picker][data-part=root][data-variant=plain][data-invalid] [data-part=control]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=datetime-range-picker][data-part=root][data-readonly] [data-part=control]{background-color:var( --slotted-datetime-range-picker-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui=datetime-range-picker][data-part=root][data-disabled] [data-part=control]{background-color:var( --slotted-datetime-range-picker-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-datetime-range-picker-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-datetime-range-picker-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=datetime-range-picker][data-part=root][data-disabled] [data-part=trigger]>[data-ui=icon]{color:var(--slotted-disabled-foreground)}[data-ui=datetime-range-picker][data-part=positioner]{position:absolute;inset-block-start:0;box-sizing:border-box;isolation:isolate;pointer-events:none;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));--_enter-distance: var(--slotted-space-2, .25rem);opacity:0;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=datetime-range-picker][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=datetime-range-picker][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=datetime-range-picker][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned]{animation:slotted-datetime-range-picker-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-datetime-range-picker-enter-up}[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-datetime-range-picker-fade}@keyframes slotted-datetime-range-picker-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-datetime-range-picker-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-datetime-range-picker-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=datetime-range-picker][data-part=positioner],[data-ui=datetime-range-picker][data-part=positioner][data-side=top],[data-ui=datetime-range-picker][data-part=positioner][data-side=left],[data-ui=datetime-range-picker][data-part=positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned],[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned][data-side=top],[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned][data-side=left],[data-ui=datetime-range-picker][data-part=positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-datetime-range-picker-fade}}[data-ui=datetime-range-picker][data-part=positioner][data-detached]{visibility:hidden}[data-ui=datetime-range-picker] [data-part=content]{background-color:var( --slotted-datetime-range-picker-surface, var(--slotted-surface-raised, Canvas) );border:var(--slotted-border-width-thin, 1px) solid var( --slotted-datetime-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );border-radius:var( --slotted-datetime-range-picker-content-radius, var(--slotted-radius-lg, 8px) );box-shadow:var(--slotted-datetime-range-picker-content-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--slotted-datetime-range-picker-content-color, var(--slotted-text, CanvasText));font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-control-font-size-md, 13px);--_row: max(var(--slotted-target-min, 24px), var(--slotted-control-height-sm, 30px));--_row-pitch: calc(var(--_row) + var(--slotted-space-1, .125rem));display:grid;gap:var(--slotted-space-5, .75rem);grid-template-areas:\"head\" \"presets\" \"panel\" \"footer\";grid-template-columns:minmax(0,1fr);max-inline-size:min(var(--slotted-positioner-available-width, 100vw),var(--slotted-datetime-range-picker-content-max-inline-size, 30rem));padding:var(--slotted-datetime-range-picker-content-padding, var(--slotted-space-5, .75rem));pointer-events:auto}[data-ui=datetime-range-picker] [data-part=head]{box-sizing:border-box;inline-size:0;min-inline-size:100%;column-gap:var(--slotted-space-2, .25rem);display:grid;grid-area:head;grid-template-areas:\"tabs tabs\" \"field now\" \"hint length\" \"limit limit\";grid-template-columns:minmax(0,1fr) auto;row-gap:var(--slotted-space-2, .25rem)}[data-ui=datetime-range-picker] [data-part=tabs]{grid-area:tabs}[data-ui=datetime-range-picker] [data-part=field]{grid-area:field}[data-ui=datetime-range-picker] [data-part=head]>[data-part=now]{align-self:center;grid-area:now}[data-ui=datetime-range-picker] [data-part=hint]{align-self:center;grid-area:hint}[data-ui=datetime-range-picker] [data-part=length]{align-self:center;grid-area:length}[data-ui=datetime-range-picker] [data-part=limit]{grid-area:limit}[data-ui=datetime-range-picker] [data-part=tabs]{border-block-end:var(--slotted-border-width-thin, 1px) solid var( --slotted-datetime-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );display:grid;gap:var(--slotted-space-2, .25rem);grid-template-columns:repeat(2,minmax(0,1fr))}[data-ui=datetime-range-picker] [data-part=tab]{appearance:none;background-color:transparent;border:0;border-start-end-radius:var( --slotted-datetime-range-picker-option-radius, var(--slotted-radius-sm, 4px) );border-start-start-radius:var( --slotted-datetime-range-picker-option-radius, var(--slotted-radius-sm, 4px) );color:var(--slotted-datetime-range-picker-content-color, var(--slotted-text, CanvasText));cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-datetime-range-picker-tab-block-size, calc(var(--_row) * 1.5));min-inline-size:0;padding-block:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-3, .375rem);position:relative;text-align:start;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=tab]:after{background-color:var( --slotted-datetime-range-picker-current-color, var(--slotted-tone-accent-solid) );block-size:var(--slotted-datetime-range-picker-current-size, 2px);border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);content:\"\";inset-block-end:calc(-1 * var(--slotted-border-width-thin, 1px));inset-inline:0;opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=datetime-range-picker] [data-part=tab][data-current]:after{opacity:1}[data-ui=datetime-range-picker] [data-part=tab]:hover:not(:disabled):not([data-current]){background-color:var( --slotted-datetime-range-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker] [data-part=tab]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=datetime-range-picker] [data-part=tab]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=datetime-range-picker] [data-part=tab-label]{color:var(--slotted-datetime-range-picker-label-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-font-size-xs, 11px);font-weight:var(--slotted-font-weight-medium, 500);letter-spacing:var(--slotted-letter-spacing-wide, .02em);text-transform:uppercase;white-space:nowrap}[data-ui=datetime-range-picker] [data-part=tab-value]{font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=datetime-range-picker] [data-part=tab][data-placeholder] [data-part=tab-value]{color:var(--slotted-datetime-range-picker-label-color, var(--slotted-text-muted, GrayText));font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=datetime-range-picker] [data-part=field]{--slotted-control-border-width: 0px;--slotted-control-padding-inline-sm: var(--slotted-space-2, .25rem);--slotted-control-padding-inline-md: var(--slotted-space-2, .25rem);--slotted-control-padding-inline-lg: var(--slotted-space-2, .25rem);--slotted-datetime-field-plain-hover-background: transparent;--slotted-datetime-field-invalid-border-color: transparent;--slotted-datetime-field-shadow: none;--slotted-control-shadow-focus-geometry: 0 0 0 0;display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=datetime-range-picker] [data-part=hint]{color:var(--slotted-datetime-range-picker-hint-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-font-size-sm, 13px);min-inline-size:0;padding-inline-start:var(--slotted-space-2, .25rem);text-wrap:balance;unicode-bidi:plaintext}[data-ui=datetime-range-picker] [data-part=hint][data-invalid]{color:var(--slotted-datetime-range-picker-invalid-color, var(--slotted-tone-danger-text))}[data-ui=datetime-range-picker] [data-part=length]{color:var(--slotted-datetime-range-picker-length-color, var(--slotted-tone-accent-text));font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);padding-inline:var(--slotted-space-4, .5rem) var(--slotted-space-2, .25rem);unicode-bidi:plaintext;white-space:nowrap}[data-ui=datetime-range-picker] [data-part=length][data-pending]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=datetime-range-picker] [data-part=length]:empty:before{content:\"\\200b\"}[data-ui=datetime-range-picker] [data-part=limit]{color:var(--slotted-datetime-range-picker-limit-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-font-size-xs, 11px);padding-inline-start:var(--slotted-space-2, .25rem);unicode-bidi:plaintext}[data-ui=datetime-range-picker] [data-part=panel]{--_panel-gap: calc(var(--slotted-space-4, .5rem) / 2);align-items:stretch;display:flex;flex-wrap:wrap;grid-area:panel;margin:calc(-1 * var(--_panel-gap));min-inline-size:0}[data-ui=datetime-range-picker] [data-part=panel]>*{margin:var(--_panel-gap)}[data-ui=datetime-range-picker] [data-part=date-panel]{flex:0 1 auto;min-inline-size:0}[data-ui=datetime-range-picker] [data-part=panel]>[data-part=list],[data-ui=datetime-range-picker] [data-part=panel]>[data-part=empty]{flex:1 1 var(--slotted-datetime-range-picker-list-min-inline-size, 9rem);min-inline-size:var(--slotted-datetime-range-picker-list-min-inline-size, 9rem)}[data-ui=datetime-range-picker] [data-part=date-panel]+[data-part=list],[data-ui=datetime-range-picker] [data-part=date-panel]+[data-part=empty]{border-inline-start:var(--slotted-border-width-thin, 1px) solid var( --slotted-datetime-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );padding-inline-start:var(--slotted-space-4, .5rem)}[data-ui=datetime-range-picker] [data-part=now]{appearance:none;background-color:transparent;border:0;border-radius:var( --slotted-datetime-range-picker-option-radius, var(--slotted-radius-sm, 4px) );color:var(--slotted-datetime-range-picker-now-color, var(--slotted-tone-accent-text));cursor:pointer;flex:0 0 auto;font:inherit;font-size:var(--slotted-font-size-sm, 13px);min-block-size:var(--_row);padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-3, .375rem);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=datetime-range-picker] [data-part=now]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-datetime-range-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker] [data-part=now]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=datetime-range-picker] [data-part=now]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=datetime-range-picker] [data-part=presets]{display:flex;flex-wrap:wrap;gap:var(--slotted-space-2, .25rem);grid-area:presets;min-inline-size:0}[data-ui=datetime-range-picker] [data-part=preset]{appearance:none;background-color:var( --slotted-datetime-range-picker-preset-background, var(--slotted-tone-secondary-subtle) );border:0;border-radius:var( --slotted-datetime-range-picker-preset-radius, var(--slotted-radius-pill, 999px) );color:var(--slotted-datetime-range-picker-content-color, var(--slotted-text, CanvasText));cursor:pointer;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, 13px);line-height:var(--slotted-line-height-sm, 1.4);min-block-size:var(--_row);padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=preset]:hover:not(:disabled):not([data-selected]){background-color:var( --slotted-datetime-range-picker-preset-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker] [data-part=preset]:active:not(:disabled):not([data-selected]){background-color:var( --slotted-datetime-range-picker-preset-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=datetime-range-picker] [data-part=preset][data-selected]{background-color:var( --slotted-datetime-range-picker-preset-selected-background, var(--slotted-tone-accent-subtle-hover) );color:var( --slotted-datetime-range-picker-preset-selected-color, var(--slotted-tone-accent-text) );font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=datetime-range-picker] [data-part=preset]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=datetime-range-picker] [data-part=preset]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=datetime-range-picker] [data-part=list]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);max-block-size:var( --slotted-datetime-range-picker-list-block-size, calc(var(--_row-pitch) * 8.5) );min-inline-size:0;overflow-y:auto;scroll-padding-block:var(--slotted-space-2, .25rem)}[data-ui=datetime-range-picker] [data-part=option]{align-items:baseline;background-color:transparent;border-radius:var( --slotted-datetime-range-picker-option-radius, var(--slotted-radius-sm, 4px) );color:inherit;cursor:pointer;display:flex;flex:0 0 auto;font-variant-numeric:tabular-nums;gap:var(--slotted-space-3, .375rem);justify-content:space-between;line-height:var(--_row);min-block-size:var(--_row);padding-inline:var(--slotted-space-3, .375rem);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=option-duration]{color:var(--slotted-datetime-range-picker-label-color, var(--slotted-text-muted, GrayText));flex:0 1 auto;font-size:var(--slotted-font-size-xs, 11px);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=datetime-range-picker] [data-part=option][data-selected] [data-part=option-duration],[data-ui=datetime-range-picker] [data-part=option][data-disabled] [data-part=option-duration]{color:inherit}[data-ui=datetime-range-picker] [data-part=option]:hover:not([data-disabled]):not([data-selected]):not([data-current]){background-color:var( --slotted-datetime-range-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=datetime-range-picker] [data-part=option][data-current]:not([data-selected]){background-color:var( --slotted-datetime-range-picker-option-current-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=datetime-range-picker] [data-part=option]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=datetime-range-picker] [data-part=option][data-selected]{background-color:var( --slotted-datetime-range-picker-option-selected-background, var(--slotted-tone-accent-solid) );color:var( --slotted-datetime-range-picker-option-selected-color, var(--slotted-tone-accent-on-solid) )}[data-ui=datetime-range-picker] [data-part=option][data-selected]:hover:not([data-disabled]){background-color:var( --slotted-datetime-range-picker-option-selected-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=datetime-range-picker] [data-part=option][data-disabled]{background-color:transparent;color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=datetime-range-picker] [data-part=empty]{align-items:center;color:var(--slotted-datetime-range-picker-label-color, var(--slotted-text-muted, GrayText));display:flex;font-size:var(--slotted-font-size-sm, 13px);justify-content:center;min-block-size:calc(var(--_row) * 2);padding:var(--slotted-space-4, .5rem);text-align:center;text-wrap:balance;unicode-bidi:plaintext}[data-ui=datetime-range-picker] [data-part=footer]{box-sizing:border-box;inline-size:0;min-inline-size:100%;align-items:center;border-block-start:var(--slotted-border-width-thin, 1px) solid var( --slotted-datetime-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );display:flex;gap:var(--slotted-space-2, .25rem);grid-area:footer;justify-content:flex-end;padding-block-start:var(--slotted-space-3, .375rem)}[data-ui=datetime-range-picker] [data-part=done]{appearance:none;background-color:var( --slotted-datetime-range-picker-done-background, var(--slotted-tone-accent-solid) );border:0;border-radius:var(--slotted-datetime-range-picker-radius, var(--slotted-control-radius, 4px));color:var( --slotted-datetime-range-picker-done-color, var(--slotted-tone-accent-on-solid, Canvas) );cursor:pointer;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, 13px);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-sm, 1.4);margin-inline-start:auto;min-block-size:var(--_row);padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-5, .75rem);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=datetime-range-picker] [data-part=done]:hover:not(:disabled){background-color:var( --slotted-datetime-range-picker-done-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=datetime-range-picker] [data-part=done]:active:not(:disabled){background-color:var( --slotted-datetime-range-picker-done-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=datetime-range-picker] [data-part=done]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(pointer:coarse){[data-ui=datetime-range-picker] [data-part=field]{display:none}}@media(max-width:480px)and (pointer:coarse){[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet]{inset:auto 0 0;position:fixed;translate:0 var(--slotted-space-9, 2rem)}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet][data-open]{translate:0 0}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=content]{border-end-end-radius:0;border-end-start-radius:0;border-inline:0;border-block-end:0;inline-size:var(--slotted-datetime-range-picker-sheet-inline-size, 100%);max-inline-size:none;justify-content:center;max-block-size:100vh;max-block-size:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-block-end:max(var(--slotted-datetime-range-picker-content-padding, var(--slotted-space-5, .75rem)),env(safe-area-inset-bottom,0px))}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=list]{max-block-size:calc(var(--_row-pitch) * 4.5)}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=panel]>[data-part=list],[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=panel]>[data-part=empty]{flex-basis:100%}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=date-panel]+[data-part=list]{border-inline-start:0;padding-inline-start:0}[data-ui=datetime-range-picker][data-part=positioner][data-presentation=sheet] [data-part=tab]{min-block-size:var( --slotted-datetime-range-picker-tab-block-size, var(--slotted-target-comfortable, 44px) )}}@media(forced-colors:active){[data-ui=datetime-range-picker][data-part=root][data-variant=plain] [data-part=control]{border-color:ButtonBorder}[data-ui=datetime-range-picker] [data-part=tab]:after{forced-color-adjust:none}[data-ui=datetime-range-picker] [data-part=tab]:after{background-color:currentcolor}[data-ui=datetime-range-picker] [data-part=preset][data-selected],[data-ui=datetime-range-picker] [data-part=option][data-selected]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=datetime-range-picker] [data-part=option][data-current]:not([data-selected]){outline:var(--slotted-focus-ring-width, 2px) solid Highlight;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlCalendar, selector: "[slCalendar]", inputs: ["value", "defaultValue", "focusedDate", "defaultFocusedDate", "min", "max", "isDateUnavailable", "selectionMode", "months", "view", "defaultView", "granularity", "weekNumbers", "fixedWeeks", "outsideDays", "locale", "timeZone", "firstDayOfWeek", "calendar", "disabled", "readOnly", "invalid", "messages"], outputs: ["valueChange", "focusedDateChange", "viewChange", "previewChange"], exportAs: ["slCalendar"] }, { kind: "component", type: SlDateTimeField, selector: "[slDateTimeField]", inputs: ["value", "defaultValue", "min", "max", "minTime", "maxTime", "isDateUnavailable", "isTimeUnavailable", "locale", "timeZone", "hourCycle", "granularity", "calendar", "firstDayOfWeek", "yearPivot", "referenceDateTime", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "messages", "name", "label"], outputs: ["valueChange"], exportAs: ["slDateTimeField"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDateTimeRangePicker, decorators: [{
             type: Component,