@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.11

package/fesm2022/slotted-angular-time-picker.mjs

@@ -198,8 +198,6 @@ class SlTimePicker {
     ...(ngDevMode ? [{ debugName: "ownHighlight" }] : /* istanbul ignore next */ []));
     clock = signal({ hour: 12, minute: 0, second: 0 }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "clock" }] : /* istanbul ignore next */ []));
-    positioned = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "positioned" }] : /* istanbul ignore next */ []));
     sheet = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "sheet" }] : /* istanbul ignore next */ []));
     positioner = null;
@@ -554,7 +552,9 @@ class SlTimePicker {
             const anchor = this.element.querySelector('[data-part="control"]') ?? this.element;
             const [side, align] = this.resolvedPlacement().split('-');
             this.positioner = createPositioner(anchor, layer, { align: align ?? 'center', side });
-            void this.positioner.update().then(() => this.positioned.set(true));
+            /* The positioner writes `data-positioned` with the side, on the element, in
+               the task that opened the layer; a binding to say it again was a frame later. */
+            void this.positioner.update();
         }
         const trigger = this.triggerRef?.nativeElement;
         this.dismissable = createDismissableLayer(layer, {
@@ -577,10 +577,10 @@ class SlTimePicker {
         this.positioner = null;
         this.dismissable?.destroy();
         this.dismissable = null;
-        this.positioned.set(false);
+        this.layer?.nativeElement.removeAttribute('data-positioned');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimePicker, isStandalone: true, selector: "[slTimePicker]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, highlightedValue: { classPropertyName: "highlightedValue", publicName: "highlightedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultHighlightedValue: { classPropertyName: "defaultHighlightedValue", publicName: "defaultHighlightedValue", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, isTimeUnavailable: { classPropertyName: "isTimeUnavailable", publicName: "isTimeUnavailable", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, maxOptions: { classPropertyName: "maxOptions", publicName: "maxOptions", isSignal: true, isRequired: false, transformFunction: null }, unavailableOptions: { classPropertyName: "unavailableOptions", publicName: "unavailableOptions", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, hourCycle: { classPropertyName: "hourCycle", publicName: "hourCycle", isSignal: true, isRequired: false, transformFunction: null }, granularity: { classPropertyName: "granularity", publicName: "granularity", isSignal: true, isRequired: false, transformFunction: null }, referenceTime: { classPropertyName: "referenceTime", publicName: "referenceTime", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, relative: { classPropertyName: "relative", publicName: "relative", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", openChange: "openChange", highlightedValueChange: "highlightedValueChange" }, host: { attributes: { "data-ui": "time-picker", "data-part": "root" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-granularity": "resolvedGranularity()", "attr.data-open": "isOpen() ? '' : null", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-invalid": "resolvedInvalid() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.data-required": "resolvedRequired() === true ? '' : null" } }, queries: [{ propertyName: "optionTemplate", first: true, predicate: SlTimePickerOption, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "layer", first: true, predicate: ["layer"], descendants: true }, { propertyName: "triggerRef", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "listRef", first: true, predicate: ["rows"], descendants: true }, { propertyName: "field", first: true, predicate: ["field"], descendants: true }], exportAs: ["slTimePicker"], ngImport: i0, template: `<div data-part="control" (keydown)="onControlKeyDown($event)">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimePicker, isStandalone: true, selector: "[slTimePicker]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, highlightedValue: { classPropertyName: "highlightedValue", publicName: "highlightedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultHighlightedValue: { classPropertyName: "defaultHighlightedValue", publicName: "defaultHighlightedValue", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, isTimeUnavailable: { classPropertyName: "isTimeUnavailable", publicName: "isTimeUnavailable", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, maxOptions: { classPropertyName: "maxOptions", publicName: "maxOptions", isSignal: true, isRequired: false, transformFunction: null }, unavailableOptions: { classPropertyName: "unavailableOptions", publicName: "unavailableOptions", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, hourCycle: { classPropertyName: "hourCycle", publicName: "hourCycle", isSignal: true, isRequired: false, transformFunction: null }, granularity: { classPropertyName: "granularity", publicName: "granularity", isSignal: true, isRequired: false, transformFunction: null }, referenceTime: { classPropertyName: "referenceTime", publicName: "referenceTime", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, relative: { classPropertyName: "relative", publicName: "relative", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", openChange: "openChange", highlightedValueChange: "highlightedValueChange" }, host: { attributes: { "data-ui": "time-picker", "data-ui-time-picker": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-granularity": "resolvedGranularity()", "attr.data-open": "isOpen() ? '' : null", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-invalid": "resolvedInvalid() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.data-required": "resolvedRequired() === true ? '' : null" } }, queries: [{ propertyName: "optionTemplate", first: true, predicate: SlTimePickerOption, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "layer", first: true, predicate: ["layer"], descendants: true }, { propertyName: "triggerRef", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "listRef", first: true, predicate: ["rows"], descendants: true }, { propertyName: "field", first: true, predicate: ["field"], descendants: true }], exportAs: ["slTimePicker"], ngImport: i0, template: `<div data-part="control" data-part-control="" (keydown)="onControlKeyDown($event)">
       <div
         slTimeField
         #field="slTimeField"
@@ -607,6 +607,7 @@ class SlTimePicker {
           <button
             #trigger
             data-part="trigger"
+            data-part-trigger=""
             type="button"
             aria-haspopup="listbox"
             [attr.aria-label]="triggerLabel()"
@@ -626,36 +627,40 @@ class SlTimePicker {
       <div
         #layer
         data-ui="time-picker"
+        data-ui-time-picker=""
         data-part="positioner"
+        data-part-positioner=""
         data-open
         [attr.data-presentation]="sheet() ? 'sheet' : 'popover'"
-        [attr.data-positioned]="positioned() ? '' : null"
       >
         <div
           data-part="content"
+          data-part-content=""
           role="listbox"
           [attr.id]="contentId"
           [attr.aria-label]="triggerLabel()"
           [attr.aria-description]="truncated() ? t('truncated') : null"
         >
           <ng-content select="[slTimePickerPresets]" />
-          <div data-part="head">
-            <button data-part="now" type="button" (click)="chooseNow($event)">
+          <div data-part="head" data-part-head="">
+            <button data-part="now" data-part-now="" type="button" (click)="chooseNow($event)">
               {{ t('now') }}
             </button>
           </div>
           @if (list().length === 0) {
-            <div data-part="empty">{{ t('empty') }}</div>
+            <div data-part="empty" data-part-empty="">{{ t('empty') }}</div>
           } @else {
             <div
               #rows
               data-part="list"
+              data-part-list=""
               [attr.data-truncated]="truncated() ? '' : null"
               (keydown)="onListKeyDown($event)"
             >
               @for (option of list(); track $index) {
                 <div
                   data-part="option"
+                  data-part-option=""
                   role="option"
                   [attr.aria-selected]="isSelected(option)"
                   [attr.aria-disabled]="option.unavailable ? 'true' : null"
@@ -680,11 +685,11 @@ class SlTimePicker {
           <ng-content select="[slTimePickerFooter]" />
         </div>
       </div>
-    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=time-picker][data-part=root]{display:block;inline-size:100%}[data-ui=time-picker] [data-part=control]{--_icon-size: var(--slotted-control-icon-size-md, 16px);--_height: var(--slotted-control-height-md, 34px);align-items:center;display:flex;inline-size:100%;min-inline-size:0;position:relative}[data-ui=time-picker][data-part=root][data-size=sm] [data-part=control]{--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_height: var(--slotted-control-height-sm, 30px)}[data-ui=time-picker][data-part=root][data-size=lg] [data-part=control]{--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_height: var(--slotted-control-height-lg, 38px)}[data-ui=time-picker] [data-part=trigger]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var( --slotted-time-picker-trigger-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc( var(--_height) - var(--slotted-control-border-width, 1px) * 2 - var(--slotted-space-2, .25rem) ) ) );border:0;border-radius:var(--slotted-time-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-time-picker-trigger-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var( --slotted-time-picker-trigger-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc( var(--_height) - var(--slotted-control-border-width, 1px) * 2 - var(--slotted-space-2, .25rem) ) ) );justify-content:center;padding:0;position:relative;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=time-picker] [data-part=trigger]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=time-picker] [data-part=trigger]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=time-picker] [data-part=end]:has(+[data-part=clear]:not([hidden]))>[data-part=trigger]:after{inset-inline-end:0}}[data-ui=time-picker] [data-part=trigger]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-trigger-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=time-picker] [data-part=trigger]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-trigger-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=time-picker] [data-part=trigger]: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=time-picker][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-time-picker-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=time-picker] [data-part=trigger]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=time-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=time-picker][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=time-picker][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=time-picker][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=time-picker][data-part=positioner][data-open][data-positioned]{animation:slotted-time-picker-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=time-picker][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-time-picker-enter-up}[data-ui=time-picker][data-part=positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-time-picker-fade}@keyframes slotted-time-picker-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-time-picker-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-time-picker-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=time-picker][data-part=positioner],[data-ui=time-picker][data-part=positioner][data-side=top],[data-ui=time-picker][data-part=positioner][data-side=left],[data-ui=time-picker][data-part=positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=time-picker][data-part=positioner][data-open][data-positioned],[data-ui=time-picker][data-part=positioner][data-open][data-positioned][data-side=top],[data-ui=time-picker][data-part=positioner][data-open][data-positioned][data-side=left],[data-ui=time-picker][data-part=positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-time-picker-fade}}[data-ui=time-picker][data-part=positioner][data-detached]{visibility:hidden}[data-ui=time-picker] [data-part=content]{background-color:var(--slotted-time-picker-surface, var(--slotted-surface-raised, Canvas));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-time-picker-content-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-time-picker-content-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--slotted-time-picker-content-color, var(--slotted-text, CanvasText));--_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-2, .25rem);grid-template-areas:\"head\" \"list\" \"footer\";grid-template-columns:minmax(0,1fr);inline-size:max(var(--slotted-time-picker-content-min-inline-size, 11rem),min(var(--slotted-positioner-anchor-width, 11rem),20rem));padding:var(--slotted-time-picker-content-padding, var(--slotted-space-3, .375rem));pointer-events:auto}[data-ui=time-picker] [data-part=content]:has([data-part=presets]){grid-template-areas:\"presets head\" \"presets list\" \"footer footer\";grid-template-columns:auto minmax(9rem,1fr);inline-size:auto;max-inline-size:min(28rem,var(--slotted-positioner-available-width, 28rem))}[data-ui=time-picker] [data-part=head]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);grid-area:head;justify-content:flex-start;padding-block-end:var(--slotted-space-2, .25rem)}[data-ui=time-picker] [data-part=now]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-time-picker-option-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-time-picker-now-color, var(--slotted-tone-accent-text));cursor:pointer;font:inherit;min-block-size:var(--slotted-target-min, 24px);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=time-picker] [data-part=now]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=time-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=time-picker] [data-part=presets]{align-items:flex-start;border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);grid-area:presets;padding-inline-end:var(--slotted-space-3, .375rem)}[data-ui=time-picker] [data-part=list]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);grid-area:list;max-block-size:var(--slotted-time-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=time-picker] [data-part=option]{align-items:center;background-color:transparent;border-radius:var(--slotted-time-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-2, .25rem);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=time-picker] [data-part=option]:hover:not([data-disabled]):not([data-selected]):not([data-current]){background-color:var( --slotted-time-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=time-picker] [data-part=option][data-current]:not([data-selected]){background-color:var( --slotted-time-picker-option-current-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=time-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=time-picker] [data-part=option][data-selected]{background-color:var( --slotted-time-picker-option-selected-background, var(--slotted-tone-accent-solid) );color:var(--slotted-time-picker-option-selected-color, var(--slotted-tone-accent-on-solid))}[data-ui=time-picker] [data-part=option][data-selected]:hover:not([data-disabled]){background-color:var( --slotted-time-picker-option-selected-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=time-picker] [data-part=option][data-disabled]{background-color:transparent;color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=time-picker] [data-part=empty]{align-items:center;color:var(--slotted-time-picker-label-color, var(--slotted-text-muted, GrayText));display:flex;grid-area:list;justify-content:center;min-block-size:calc(var(--_row) * 2);padding:var(--slotted-space-4, .5rem);text-align:center;text-wrap:balance}[data-ui=time-picker] [data-part=footer]{align-items:center;border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-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)}@media(max-width:480px)and (pointer:coarse){[data-ui=time-picker][data-part=positioner][data-presentation=sheet]{inset:auto 0 0;position:fixed;translate:0 var(--slotted-space-9, 2rem)}[data-ui=time-picker][data-part=positioner][data-presentation=sheet][data-open]{translate:0 0}[data-ui=time-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-time-picker-sheet-inline-size, 100%)}[data-ui=time-picker][data-part=positioner][data-presentation=sheet] [data-part=list]{max-block-size:50vh}[data-ui=time-picker][data-part=positioner][data-presentation=sheet] [data-part=presets]{border-inline-end:0;border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));flex-direction:row;flex-wrap:wrap;padding-block-end:var(--slotted-space-3, .375rem);padding-inline-end:0}}@media(forced-colors:active){[data-ui=time-picker] [data-part=option][data-selected]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=time-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: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlTimeField, selector: "[slTimeField]", inputs: ["value", "defaultValue", "min", "max", "isTimeUnavailable", "locale", "timeZone", "hourCycle", "granularity", "referenceTime", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "messages", "name", "label"], outputs: ["valueChange"], exportAs: ["slTimeField"] }, { kind: "directive", type: SlTimeFieldEnd, selector: "[slTimeFieldEnd]", exportAs: ["slTimeFieldEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui-time-picker][data-part-root]{display:block;inline-size:100%}[data-ui-time-picker] [data-part-control]{--_icon-size: var(--slotted-control-icon-size-md, 16px);--_height: var(--slotted-control-height-md, 34px);align-items:center;display:flex;inline-size:100%;min-inline-size:0;position:relative}[data-ui-time-picker][data-part-root][data-size=sm] [data-part-control]{--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_height: var(--slotted-control-height-sm, 30px)}[data-ui-time-picker][data-part-root][data-size=lg] [data-part-control]{--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_height: var(--slotted-control-height-lg, 38px)}[data-ui-time-picker] [data-part-trigger]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var( --slotted-time-picker-trigger-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc( var(--_height) - var(--slotted-control-border-width, 1px) * 2 - var(--slotted-space-2, .25rem) ) ) );border:0;border-radius:var(--slotted-time-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-time-picker-trigger-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var( --slotted-time-picker-trigger-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc( var(--_height) - var(--slotted-control-border-width, 1px) * 2 - var(--slotted-space-2, .25rem) ) ) );justify-content:center;padding:0;position:relative;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-time-picker] [data-part-trigger]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui-time-picker] [data-part-trigger]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui-time-picker] [data-part-end]:has(+[data-part-clear]:not([hidden]))>[data-part-trigger]:after{inset-inline-end:0}}[data-ui-time-picker] [data-part-trigger]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-trigger-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-time-picker] [data-part-trigger]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-trigger-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-time-picker] [data-part-trigger]: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-time-picker][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-time-picker-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-time-picker] [data-part-trigger]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-time-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-time-picker][data-part-positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-time-picker][data-part-positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui-time-picker][data-part-positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui-time-picker][data-part-positioner][data-open][data-positioned]{animation:slotted-time-picker-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-time-picker][data-part-positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-time-picker-enter-up}[data-ui-time-picker][data-part-positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-time-picker-fade}@keyframes slotted-time-picker-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-time-picker-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-time-picker-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui-time-picker][data-part-positioner],[data-ui-time-picker][data-part-positioner][data-side=top],[data-ui-time-picker][data-part-positioner][data-side=left],[data-ui-time-picker][data-part-positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-time-picker][data-part-positioner][data-open][data-positioned],[data-ui-time-picker][data-part-positioner][data-open][data-positioned][data-side=top],[data-ui-time-picker][data-part-positioner][data-open][data-positioned][data-side=left],[data-ui-time-picker][data-part-positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-time-picker-fade}}[data-ui-time-picker][data-part-positioner][data-detached]{visibility:hidden}[data-ui-time-picker] [data-part-content]{background-color:var(--slotted-time-picker-surface, var(--slotted-surface-raised, Canvas));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-time-picker-content-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-time-picker-content-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--slotted-time-picker-content-color, var(--slotted-text, CanvasText));--_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-2, .25rem);grid-template-areas:\"head\" \"list\" \"footer\";grid-template-columns:minmax(0,1fr);inline-size:max(var(--slotted-time-picker-content-min-inline-size, 11rem),min(var(--slotted-positioner-anchor-width, 11rem),20rem));padding:var(--slotted-time-picker-content-padding, var(--slotted-space-3, .375rem));pointer-events:auto}[data-ui-time-picker] [data-part-content]:has([data-part-presets]){grid-template-areas:\"presets head\" \"presets list\" \"footer footer\";grid-template-columns:auto minmax(9rem,1fr);inline-size:auto;max-inline-size:min(28rem,var(--slotted-positioner-available-width, 28rem))}[data-ui-time-picker] [data-part-head]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);grid-area:head;justify-content:flex-start;padding-block-end:var(--slotted-space-2, .25rem)}[data-ui-time-picker] [data-part-now]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-time-picker-option-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-time-picker-now-color, var(--slotted-tone-accent-text));cursor:pointer;font:inherit;min-block-size:var(--slotted-target-min, 24px);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-time-picker] [data-part-now]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-time-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-time-picker] [data-part-presets]{align-items:flex-start;border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);grid-area:presets;padding-inline-end:var(--slotted-space-3, .375rem)}[data-ui-time-picker] [data-part-list]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);grid-area:list;max-block-size:var(--slotted-time-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-time-picker] [data-part-option]{align-items:center;background-color:transparent;border-radius:var(--slotted-time-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-2, .25rem);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-time-picker] [data-part-option]:hover:not([data-disabled]):not([data-selected]):not([data-current]){background-color:var( --slotted-time-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-time-picker] [data-part-option][data-current]:not([data-selected]){background-color:var( --slotted-time-picker-option-current-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-time-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-time-picker] [data-part-option][data-selected]{background-color:var( --slotted-time-picker-option-selected-background, var(--slotted-tone-accent-solid) );color:var(--slotted-time-picker-option-selected-color, var(--slotted-tone-accent-on-solid))}[data-ui-time-picker] [data-part-option][data-selected]:hover:not([data-disabled]){background-color:var( --slotted-time-picker-option-selected-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui-time-picker] [data-part-option][data-disabled]{background-color:transparent;color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-time-picker] [data-part-empty]{align-items:center;color:var(--slotted-time-picker-label-color, var(--slotted-text-muted, GrayText));display:flex;grid-area:list;justify-content:center;min-block-size:calc(var(--_row) * 2);padding:var(--slotted-space-4, .5rem);text-align:center;text-wrap:balance}[data-ui-time-picker] [data-part-footer]{align-items:center;border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-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)}@media(max-width:480px)and (pointer:coarse){[data-ui-time-picker][data-part-positioner][data-presentation=sheet]{inset:auto 0 0;position:fixed;translate:0 var(--slotted-space-9, 2rem)}[data-ui-time-picker][data-part-positioner][data-presentation=sheet][data-open]{translate:0 0}[data-ui-time-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-time-picker-sheet-inline-size, 100%)}[data-ui-time-picker][data-part-positioner][data-presentation=sheet] [data-part-list]{max-block-size:50vh}[data-ui-time-picker][data-part-positioner][data-presentation=sheet] [data-part-presets]{border-inline-end:0;border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));flex-direction:row;flex-wrap:wrap;padding-block-end:var(--slotted-space-3, .375rem);padding-inline-end:0}}@media(forced-colors:active){[data-ui-time-picker] [data-part-option][data-selected]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-time-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: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlTimeField, selector: "[slTimeField]", inputs: ["value", "defaultValue", "min", "max", "isTimeUnavailable", "locale", "timeZone", "hourCycle", "granularity", "referenceTime", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "messages", "name", "label"], outputs: ["valueChange"], exportAs: ["slTimeField"] }, { kind: "directive", type: SlTimeFieldEnd, selector: "[slTimeFieldEnd]", exportAs: ["slTimeFieldEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimePicker, decorators: [{
             type: Component,
-            args: [{ selector: '[slTimePicker]', standalone: true, exportAs: 'slTimePicker', imports: [NgTemplateOutlet, SlGlyph, SlIcon, SlTimeField, SlTimeFieldEnd], template: `<div data-part="control" (keydown)="onControlKeyDown($event)">
+            args: [{ selector: '[slTimePicker]', standalone: true, exportAs: 'slTimePicker', imports: [NgTemplateOutlet, SlGlyph, SlIcon, SlTimeField, SlTimeFieldEnd], template: `<div data-part="control" data-part-control="" (keydown)="onControlKeyDown($event)">
       <div
         slTimeField
         #field="slTimeField"
@@ -711,6 +716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           <button
             #trigger
             data-part="trigger"
+            data-part-trigger=""
             type="button"
             aria-haspopup="listbox"
             [attr.aria-label]="triggerLabel()"
@@ -730,36 +736,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       <div
         #layer
         data-ui="time-picker"
+        data-ui-time-picker=""
         data-part="positioner"
+        data-part-positioner=""
         data-open
         [attr.data-presentation]="sheet() ? 'sheet' : 'popover'"
-        [attr.data-positioned]="positioned() ? '' : null"
       >
         <div
           data-part="content"
+          data-part-content=""
           role="listbox"
           [attr.id]="contentId"
           [attr.aria-label]="triggerLabel()"
           [attr.aria-description]="truncated() ? t('truncated') : null"
         >
           <ng-content select="[slTimePickerPresets]" />
-          <div data-part="head">
-            <button data-part="now" type="button" (click)="chooseNow($event)">
+          <div data-part="head" data-part-head="">
+            <button data-part="now" data-part-now="" type="button" (click)="chooseNow($event)">
               {{ t('now') }}
             </button>
           </div>
           @if (list().length === 0) {
-            <div data-part="empty">{{ t('empty') }}</div>
+            <div data-part="empty" data-part-empty="">{{ t('empty') }}</div>
           } @else {
             <div
               #rows
               data-part="list"
+              data-part-list=""
               [attr.data-truncated]="truncated() ? '' : null"
               (keydown)="onListKeyDown($event)"
             >
               @for (option of list(); track $index) {
                 <div
                   data-part="option"
+                  data-part-option=""
                   role="option"
                   [attr.aria-selected]="isSelected(option)"
                   [attr.aria-disabled]="option.unavailable ? 'true' : null"
@@ -786,7 +796,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </div>
     }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         'data-ui': 'time-picker',
+                        'data-ui-time-picker': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-size]': 'resolvedSize()',
                         '[attr.data-variant]': 'resolvedVariant()',
                         '[attr.data-granularity]': 'resolvedGranularity()',
@@ -795,7 +807,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-invalid]': "resolvedInvalid() === true ? '' : null",
                         '[attr.data-readonly]': "resolvedReadOnly() === true ? '' : null",
                         '[attr.data-required]': "resolvedRequired() === true ? '' : null",
-                    }, styles: ["@layer slotted.components{[data-ui=time-picker][data-part=root]{display:block;inline-size:100%}[data-ui=time-picker] [data-part=control]{--_icon-size: var(--slotted-control-icon-size-md, 16px);--_height: var(--slotted-control-height-md, 34px);align-items:center;display:flex;inline-size:100%;min-inline-size:0;position:relative}[data-ui=time-picker][data-part=root][data-size=sm] [data-part=control]{--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_height: var(--slotted-control-height-sm, 30px)}[data-ui=time-picker][data-part=root][data-size=lg] [data-part=control]{--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_height: var(--slotted-control-height-lg, 38px)}[data-ui=time-picker] [data-part=trigger]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var( --slotted-time-picker-trigger-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc( var(--_height) - var(--slotted-control-border-width, 1px) * 2 - var(--slotted-space-2, .25rem) ) ) );border:0;border-radius:var(--slotted-time-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-time-picker-trigger-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var( --slotted-time-picker-trigger-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc( var(--_height) - var(--slotted-control-border-width, 1px) * 2 - var(--slotted-space-2, .25rem) ) ) );justify-content:center;padding:0;position:relative;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=time-picker] [data-part=trigger]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=time-picker] [data-part=trigger]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=time-picker] [data-part=end]:has(+[data-part=clear]:not([hidden]))>[data-part=trigger]:after{inset-inline-end:0}}[data-ui=time-picker] [data-part=trigger]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-trigger-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=time-picker] [data-part=trigger]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-trigger-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=time-picker] [data-part=trigger]: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=time-picker][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-time-picker-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=time-picker] [data-part=trigger]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=time-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=time-picker][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=time-picker][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=time-picker][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=time-picker][data-part=positioner][data-open][data-positioned]{animation:slotted-time-picker-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=time-picker][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-time-picker-enter-up}[data-ui=time-picker][data-part=positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-time-picker-fade}@keyframes slotted-time-picker-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-time-picker-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-time-picker-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=time-picker][data-part=positioner],[data-ui=time-picker][data-part=positioner][data-side=top],[data-ui=time-picker][data-part=positioner][data-side=left],[data-ui=time-picker][data-part=positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=time-picker][data-part=positioner][data-open][data-positioned],[data-ui=time-picker][data-part=positioner][data-open][data-positioned][data-side=top],[data-ui=time-picker][data-part=positioner][data-open][data-positioned][data-side=left],[data-ui=time-picker][data-part=positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-time-picker-fade}}[data-ui=time-picker][data-part=positioner][data-detached]{visibility:hidden}[data-ui=time-picker] [data-part=content]{background-color:var(--slotted-time-picker-surface, var(--slotted-surface-raised, Canvas));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-time-picker-content-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-time-picker-content-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--slotted-time-picker-content-color, var(--slotted-text, CanvasText));--_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-2, .25rem);grid-template-areas:\"head\" \"list\" \"footer\";grid-template-columns:minmax(0,1fr);inline-size:max(var(--slotted-time-picker-content-min-inline-size, 11rem),min(var(--slotted-positioner-anchor-width, 11rem),20rem));padding:var(--slotted-time-picker-content-padding, var(--slotted-space-3, .375rem));pointer-events:auto}[data-ui=time-picker] [data-part=content]:has([data-part=presets]){grid-template-areas:\"presets head\" \"presets list\" \"footer footer\";grid-template-columns:auto minmax(9rem,1fr);inline-size:auto;max-inline-size:min(28rem,var(--slotted-positioner-available-width, 28rem))}[data-ui=time-picker] [data-part=head]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);grid-area:head;justify-content:flex-start;padding-block-end:var(--slotted-space-2, .25rem)}[data-ui=time-picker] [data-part=now]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-time-picker-option-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-time-picker-now-color, var(--slotted-tone-accent-text));cursor:pointer;font:inherit;min-block-size:var(--slotted-target-min, 24px);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=time-picker] [data-part=now]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=time-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=time-picker] [data-part=presets]{align-items:flex-start;border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);grid-area:presets;padding-inline-end:var(--slotted-space-3, .375rem)}[data-ui=time-picker] [data-part=list]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);grid-area:list;max-block-size:var(--slotted-time-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=time-picker] [data-part=option]{align-items:center;background-color:transparent;border-radius:var(--slotted-time-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-2, .25rem);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=time-picker] [data-part=option]:hover:not([data-disabled]):not([data-selected]):not([data-current]){background-color:var( --slotted-time-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=time-picker] [data-part=option][data-current]:not([data-selected]){background-color:var( --slotted-time-picker-option-current-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=time-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=time-picker] [data-part=option][data-selected]{background-color:var( --slotted-time-picker-option-selected-background, var(--slotted-tone-accent-solid) );color:var(--slotted-time-picker-option-selected-color, var(--slotted-tone-accent-on-solid))}[data-ui=time-picker] [data-part=option][data-selected]:hover:not([data-disabled]){background-color:var( --slotted-time-picker-option-selected-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=time-picker] [data-part=option][data-disabled]{background-color:transparent;color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=time-picker] [data-part=empty]{align-items:center;color:var(--slotted-time-picker-label-color, var(--slotted-text-muted, GrayText));display:flex;grid-area:list;justify-content:center;min-block-size:calc(var(--_row) * 2);padding:var(--slotted-space-4, .5rem);text-align:center;text-wrap:balance}[data-ui=time-picker] [data-part=footer]{align-items:center;border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-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)}@media(max-width:480px)and (pointer:coarse){[data-ui=time-picker][data-part=positioner][data-presentation=sheet]{inset:auto 0 0;position:fixed;translate:0 var(--slotted-space-9, 2rem)}[data-ui=time-picker][data-part=positioner][data-presentation=sheet][data-open]{translate:0 0}[data-ui=time-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-time-picker-sheet-inline-size, 100%)}[data-ui=time-picker][data-part=positioner][data-presentation=sheet] [data-part=list]{max-block-size:50vh}[data-ui=time-picker][data-part=positioner][data-presentation=sheet] [data-part=presets]{border-inline-end:0;border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));flex-direction:row;flex-wrap:wrap;padding-block-end:var(--slotted-space-3, .375rem);padding-inline-end:0}}@media(forced-colors:active){[data-ui=time-picker] [data-part=option][data-selected]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=time-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"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-time-picker][data-part-root]{display:block;inline-size:100%}[data-ui-time-picker] [data-part-control]{--_icon-size: var(--slotted-control-icon-size-md, 16px);--_height: var(--slotted-control-height-md, 34px);align-items:center;display:flex;inline-size:100%;min-inline-size:0;position:relative}[data-ui-time-picker][data-part-root][data-size=sm] [data-part-control]{--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_height: var(--slotted-control-height-sm, 30px)}[data-ui-time-picker][data-part-root][data-size=lg] [data-part-control]{--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_height: var(--slotted-control-height-lg, 38px)}[data-ui-time-picker] [data-part-trigger]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var( --slotted-time-picker-trigger-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc( var(--_height) - var(--slotted-control-border-width, 1px) * 2 - var(--slotted-space-2, .25rem) ) ) );border:0;border-radius:var(--slotted-time-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-time-picker-trigger-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var( --slotted-time-picker-trigger-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc( var(--_height) - var(--slotted-control-border-width, 1px) * 2 - var(--slotted-space-2, .25rem) ) ) );justify-content:center;padding:0;position:relative;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-time-picker] [data-part-trigger]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui-time-picker] [data-part-trigger]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui-time-picker] [data-part-end]:has(+[data-part-clear]:not([hidden]))>[data-part-trigger]:after{inset-inline-end:0}}[data-ui-time-picker] [data-part-trigger]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-trigger-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-time-picker] [data-part-trigger]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-trigger-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-time-picker] [data-part-trigger]: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-time-picker][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-time-picker-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-time-picker] [data-part-trigger]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-time-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-time-picker][data-part-positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-time-picker][data-part-positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui-time-picker][data-part-positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui-time-picker][data-part-positioner][data-open][data-positioned]{animation:slotted-time-picker-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-time-picker][data-part-positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-time-picker-enter-up}[data-ui-time-picker][data-part-positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-time-picker-fade}@keyframes slotted-time-picker-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-time-picker-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-time-picker-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui-time-picker][data-part-positioner],[data-ui-time-picker][data-part-positioner][data-side=top],[data-ui-time-picker][data-part-positioner][data-side=left],[data-ui-time-picker][data-part-positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-time-picker][data-part-positioner][data-open][data-positioned],[data-ui-time-picker][data-part-positioner][data-open][data-positioned][data-side=top],[data-ui-time-picker][data-part-positioner][data-open][data-positioned][data-side=left],[data-ui-time-picker][data-part-positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-time-picker-fade}}[data-ui-time-picker][data-part-positioner][data-detached]{visibility:hidden}[data-ui-time-picker] [data-part-content]{background-color:var(--slotted-time-picker-surface, var(--slotted-surface-raised, Canvas));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-time-picker-content-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-time-picker-content-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--slotted-time-picker-content-color, var(--slotted-text, CanvasText));--_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-2, .25rem);grid-template-areas:\"head\" \"list\" \"footer\";grid-template-columns:minmax(0,1fr);inline-size:max(var(--slotted-time-picker-content-min-inline-size, 11rem),min(var(--slotted-positioner-anchor-width, 11rem),20rem));padding:var(--slotted-time-picker-content-padding, var(--slotted-space-3, .375rem));pointer-events:auto}[data-ui-time-picker] [data-part-content]:has([data-part-presets]){grid-template-areas:\"presets head\" \"presets list\" \"footer footer\";grid-template-columns:auto minmax(9rem,1fr);inline-size:auto;max-inline-size:min(28rem,var(--slotted-positioner-available-width, 28rem))}[data-ui-time-picker] [data-part-head]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);grid-area:head;justify-content:flex-start;padding-block-end:var(--slotted-space-2, .25rem)}[data-ui-time-picker] [data-part-now]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-time-picker-option-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-time-picker-now-color, var(--slotted-tone-accent-text));cursor:pointer;font:inherit;min-block-size:var(--slotted-target-min, 24px);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-time-picker] [data-part-now]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-time-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-time-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-time-picker] [data-part-presets]{align-items:flex-start;border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);grid-area:presets;padding-inline-end:var(--slotted-space-3, .375rem)}[data-ui-time-picker] [data-part-list]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);grid-area:list;max-block-size:var(--slotted-time-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-time-picker] [data-part-option]{align-items:center;background-color:transparent;border-radius:var(--slotted-time-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-2, .25rem);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-time-picker] [data-part-option]:hover:not([data-disabled]):not([data-selected]):not([data-current]){background-color:var( --slotted-time-picker-option-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-time-picker] [data-part-option][data-current]:not([data-selected]){background-color:var( --slotted-time-picker-option-current-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-time-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-time-picker] [data-part-option][data-selected]{background-color:var( --slotted-time-picker-option-selected-background, var(--slotted-tone-accent-solid) );color:var(--slotted-time-picker-option-selected-color, var(--slotted-tone-accent-on-solid))}[data-ui-time-picker] [data-part-option][data-selected]:hover:not([data-disabled]){background-color:var( --slotted-time-picker-option-selected-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui-time-picker] [data-part-option][data-disabled]{background-color:transparent;color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-time-picker] [data-part-empty]{align-items:center;color:var(--slotted-time-picker-label-color, var(--slotted-text-muted, GrayText));display:flex;grid-area:list;justify-content:center;min-block-size:calc(var(--_row) * 2);padding:var(--slotted-space-4, .5rem);text-align:center;text-wrap:balance}[data-ui-time-picker] [data-part-footer]{align-items:center;border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-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)}@media(max-width:480px)and (pointer:coarse){[data-ui-time-picker][data-part-positioner][data-presentation=sheet]{inset:auto 0 0;position:fixed;translate:0 var(--slotted-space-9, 2rem)}[data-ui-time-picker][data-part-positioner][data-presentation=sheet][data-open]{translate:0 0}[data-ui-time-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-time-picker-sheet-inline-size, 100%)}[data-ui-time-picker][data-part-positioner][data-presentation=sheet] [data-part-list]{max-block-size:50vh}[data-ui-time-picker][data-part-positioner][data-presentation=sheet] [data-part-presets]{border-inline-end:0;border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-time-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder));flex-direction:row;flex-wrap:wrap;padding-block-end:var(--slotted-space-3, .375rem);padding-inline-end:0}}@media(forced-colors:active){[data-ui-time-picker] [data-part-option][data-selected]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-time-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"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], highlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedValue", required: false }] }], defaultHighlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultHighlightedValue", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], isTimeUnavailable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTimeUnavailable", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], maxOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxOptions", required: false }] }], unavailableOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "unavailableOptions", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], hourCycle: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourCycle", required: false }] }], granularity: [{ type: i0.Input, args: [{ isSignal: true, alias: "granularity", required: false }] }], referenceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "referenceTime", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], relative: [{ type: i0.Input, args: [{ isSignal: true, alias: "relative", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], openChange: [{ type: i0.Output, args: ["openChange"] }], highlightedValueChange: [{ type: i0.Output, args: ["highlightedValueChange"] }], optionTemplate: [{
                 type: ContentChild,
                 args: [SlTimePickerOption, { read: TemplateRef }]
@@ -822,7 +834,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlTimePickerPresets {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimePickerPresets, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimePickerPresets, isStandalone: true, selector: "[slTimePickerPresets]", host: { attributes: { "data-part": "presets" } }, exportAs: ["slTimePickerPresets"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimePickerPresets, isStandalone: true, selector: "[slTimePickerPresets]", host: { attributes: { "data-part": "presets", "data-part-presets": "" } }, exportAs: ["slTimePickerPresets"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimePickerPresets, decorators: [{
             type: Directive,
@@ -830,13 +842,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slTimePickerPresets]',
                     standalone: true,
                     exportAs: 'slTimePickerPresets',
-                    host: { 'data-part': 'presets' },
+                    host: { 'data-part': 'presets', 'data-part-presets': '' },
                 }]
         }] });
 /** The consumer's own actions, under the list. */
 class SlTimePickerFooter {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimePickerFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimePickerFooter, isStandalone: true, selector: "[slTimePickerFooter]", host: { attributes: { "data-part": "footer" } }, exportAs: ["slTimePickerFooter"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimePickerFooter, isStandalone: true, selector: "[slTimePickerFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, exportAs: ["slTimePickerFooter"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimePickerFooter, decorators: [{
             type: Directive,
@@ -844,7 +856,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slTimePickerFooter]',
                     standalone: true,
                     exportAs: 'slTimePickerFooter',
-                    host: { 'data-part': 'footer' },
+                    host: { 'data-part': 'footer', 'data-part-footer': '' },
                 }]
         }] });