@siemens/ix 0.0.0-pr-1974-20250627114851 → 0.0.0-pr-1974-20250627142646

package/components/p-DaztMgDr.js

@@ -0,0 +1,757 @@
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-BuJ6BWIi.js';
+import { D as DateTime } from './p-bDicGJUN.js';
+import { O as OnListener } from './p-BcGAKMQ_.js';
+import { d as defineCustomElement$4 } from './p-CvvOe8xV.js';
+import { d as defineCustomElement$3 } from './p-5uA5ifmT.js';
+import { d as defineCustomElement$2 } from './p-BygLxZIM.js';
+import { d as defineCustomElement$1 } from './p-DyMgW0fR.js';
+
+const timePickerCss = "input{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:block;position:relative;width:-moz-fit-content;width:fit-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .ix-form-control,:host .ix-form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}:host .ix-form-control::-moz-placeholder,:host .ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}:host .ix-form-control::placeholder,:host .ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}:host .ix-form-control:focus-visible{color:var(--theme-input--color)}:host .ix-form-control[type=number]{text-align:right}:host .ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .ix-form-control.readonly,:host .ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}:host .ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}:host .ix-form-control:read-only,:host .ix-form-control[readonly],:host .ix-form-control[readOnly],:host .ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}:host .ix-form-control:read-only::-moz-placeholder,:host .ix-form-control[readonly]::-moz-placeholder,:host .ix-form-control[readOnly]::-moz-placeholder,:host .ix-form-control.readonly::-moz-placeholder{color:transparent}:host .ix-form-control:-moz-read-only::placeholder{color:transparent}:host .ix-form-control:read-only::placeholder,:host .ix-form-control[readonly]::placeholder,:host .ix-form-control[readOnly]::placeholder,:host .ix-form-control.readonly::placeholder{color:transparent}:host .ix-form-control:disabled,:host .ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}:host .ix-form-control:disabled::-moz-placeholder,:host .ix-form-control.disabled::-moz-placeholder{color:transparent}:host .ix-form-control:disabled::placeholder,:host .ix-form-control.disabled::placeholder{color:transparent}:host .ix-form-control-plaintext{outline:0}:host .form-group{position:relative}:host .input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}:host .input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}:host .input-wrapper>input{padding-inline-start:2.2rem}:host select.ix-form-control{padding:0 0.312rem}:host textarea.ix-form-control{padding:0.375rem 0.5rem}:host input.ix-form-control.disabled,:host input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}:host input.ix-form-control:-moz-read-only{cursor:default}:host input.ix-form-control:read-only,:host input.ix-form-control.readonly{cursor:default}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2.5rem}:host .clock{display:flex;justify-content:center;align-items:start}:host .clock .flex{display:flex;height:100%;align-items:start}:host .clock .flex .columns{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-top:1px}:host .clock .flex .columns .column-header{height:2.5rem;width:2.5rem;line-height:2.5rem;text-align:center;color:var(--theme-color-soft-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .clock .flex .column-seperator{display:flex;align-items:center;margin:0 0.125rem;min-height:100%;margin-top:3.25rem}:host .clock .element-list{list-style-type:none;overflow:auto;max-height:15.375rem;padding-top:0.125rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{width:2.375rem;height:2.375rem;margin:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:1px}:host .clock .element-list .selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected)}:host .clock .element-list .selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-list-padding{width:2.5rem;height:12.563rem;min-height:12.563rem}:host .clock div.element-list{scrollbar-width:none;-ms-overflow-style:none}:host .clock div.element-list::-webkit-scrollbar{display:none}:host .footer{display:flex;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}:host .footer .confirm-button{margin-left:auto}:host .footer--compact{flex-direction:column;align-items:center}:host .footer--compact .confirm-button{margin-left:initial}:host .footer .time-ref-buttons--datetime-picker-appearance{margin-left:auto}:host .footer .time-ref-buttons button{all:unset;width:2.625rem;height:1.875rem;text-align:center;border:1px solid var(--theme-color-primary);color:var(--theme-color-primary);background-color:var(--theme-color-secondary);font-weight:700}:host .footer .time-ref-buttons button:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .footer .time-ref-buttons button:hover{cursor:pointer;background-color:var(--theme-color-secondary-hover);border-color:var(--theme-btn-primary--background--hover)}:host .footer .time-ref-buttons button.selected{color:var(--theme-color-secondary);background-color:var(--theme-btn-primary--background)}:host .footer .time-ref-buttons button.selected:hover{background-color:var(--theme-btn-primary--background--hover);border-color:var(--theme-btn-primary--background--hover)}:host .default-space{margin-left:1rem}:host .text-align{text-align:center}:host .hidden{display:none}:host .time-reference{margin-top:0.5rem;margin-bottom:0.5rem}";
+
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const LUXON_FORMAT_PATTERNS = {
+    // h, hh, H, HH and various time formats that include hours
+    hours: /\b[Hh]\b|HH|hh|H{3,4}|h{3,4}|t|tt|ttt|tttt|T|TT|TTT|TTTT/,
+    // m, mm and time formats that include minutes
+    minutes: /\bm\b|mm|t|tt|ttt|tttt|T|TT|TTT|TTTT/,
+    // s, ss and time formats that include seconds
+    seconds: /\bs\b|ss|tt|ttt|tttt|TT|TTT|TTTT/,
+    // S, SSS (milliseconds), u/uu/uuu (fractional seconds), x/X (timestamps)
+    milliseconds: /\bS\b|SSS|u|uu|uuu/,
+};
+const HOUR_INTERVAL_DEFAULT = 1;
+const MINUTE_INTERVAL_DEFAULT = 1;
+const SECOND_INTERVAL_DEFAULT = 1;
+const MILLISECOND_INTERVAL_DEFAULT = 100;
+const CONFIRM_BUTTON_DEFAULT = 'Confirm';
+const HEADER_DEFAULT = 'Time';
+const FORMATTED_TIME_EMPTY = {
+    hour: '',
+    minute: '',
+    second: '',
+    millisecond: '',
+};
+const TimePicker = /*@__PURE__*/ proxyCustomElement(class TimePicker extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.timeSelect = createEvent(this, "timeSelect", 7);
+        this.timeChange = createEvent(this, "timeChange", 7);
+        /**
+         * Format of time string
+         * See {@link "https://moment.github.io/luxon/#/formatting?id=table-of-tokens"} for all available tokens.
+         * Note: Formats that combine date and time (like f or F) are not supported. Timestamp tokens x and X are not supported either.
+         */
+        this.format = 'TT';
+        /**
+         * Corner style
+         */
+        this.corners = 'rounded';
+        /**
+         * Controls the visual presentation and styling of the component when it is displayed as a standalone element
+         */
+        this.standaloneAppearance = true;
+        /**
+         * @internal Temporary prop needed until datetime-picker is reworked for new design
+         */
+        this.dateTimePickerAppearance = false;
+        /**
+         * Show hour input
+         *
+         * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+         */
+        this.showHour = true;
+        /**
+         * Show minutes input
+         *
+         * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+         */
+        this.showMinutes = true;
+        /**
+         * Show seconds input
+         *
+         * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+         */
+        this.showSeconds = true;
+        /**
+         * Hides the header of the picker.
+         *
+         * @since 3.2.0
+         */
+        this.hideHeader = false;
+        /**
+         * Interval for hour selection
+         *
+         * @since 3.2.0
+         */
+        this.hourInterval = HOUR_INTERVAL_DEFAULT;
+        /**
+         * Interval for minute selection
+         *
+         * @since 3.2.0
+         */
+        this.minuteInterval = MINUTE_INTERVAL_DEFAULT;
+        /**
+         * Interval for second selection
+         *
+         * @since 3.2.0
+         */
+        this.secondInterval = SECOND_INTERVAL_DEFAULT;
+        /**
+         * Interval for millisecond selection
+         *
+         * @since 3.2.0
+         */
+        this.millisecondInterval = MILLISECOND_INTERVAL_DEFAULT;
+        /**
+         * Select time with format string
+         * Format has to match the `format` property.
+         */
+        this.time = DateTime.now().toFormat(this.format);
+        /**
+         * Text of time select button
+         *
+         * @deprecated Use `i18nConfirmTime` instead. Will be removed in 4.0.0.
+         */
+        this.textSelectTime = CONFIRM_BUTTON_DEFAULT;
+        /**
+         * Text of the time confirm button
+         */
+        this.i18nConfirmTime = CONFIRM_BUTTON_DEFAULT;
+        /**
+         * Text for top label
+         *
+         * @deprecated Use `i18nHeader` instead. Will be removed in 4.0.0.
+         */
+        this.textTime = HEADER_DEFAULT;
+        /**
+         * Text for top header
+         */
+        this.i18nHeader = HEADER_DEFAULT;
+        /**
+         * Text for hour column header
+         */
+        this.i18nHourColumnHeader = 'hr';
+        /**
+         * Text for minute column header
+         */
+        // eslint-disable-next-line @stencil-community/decorators-style
+        this.i18nMinuteColumnHeader = 'min';
+        /**
+         * Text for second column header
+         */
+        // eslint-disable-next-line @stencil-community/decorators-style
+        this.i18nSecondColumnHeader = 'sec';
+        /**
+         * Text for millisecond column header
+         */
+        // eslint-disable-next-line @stencil-community/decorators-style
+        this.i18nMillisecondColumnHeader = 'ms';
+        this.formattedTime = FORMATTED_TIME_EMPTY;
+        this.timePickerDescriptors = [];
+        this.isUnitFocused = false;
+        this.focusedUnit = 'hour';
+        this.focusedValue = 0;
+        this.focusScrollAlignment = 'start';
+    }
+    watchFormatIntervalPropHandler(newValue) {
+        if (!newValue) {
+            return;
+        }
+        this.initPicker();
+        this.updateScrollPositions();
+    }
+    watchHourIntervalPropHandler(newValue) {
+        if (Number.isInteger(newValue) &&
+            newValue >= 0 &&
+            newValue <= (this.timeRef ? 12 : 23)) {
+            this.setTimePickerDescriptors();
+            return;
+        }
+        this.printIntervalError('hour', newValue);
+        this.hourInterval = HOUR_INTERVAL_DEFAULT;
+    }
+    watchMinuteIntervalPropHandler(newValue) {
+        if (newValue >= 0 && newValue <= 59) {
+            this.setTimePickerDescriptors();
+            return;
+        }
+        this.printIntervalError('minute', newValue);
+        this.minuteInterval = MINUTE_INTERVAL_DEFAULT;
+    }
+    watchSecondIntervalPropHandler(newValue) {
+        if (newValue >= 0 && newValue <= 59) {
+            this.setTimePickerDescriptors();
+            return;
+        }
+        this.printIntervalError('second', newValue);
+        this.secondInterval = SECOND_INTERVAL_DEFAULT;
+    }
+    watchMillisecondIntervalPropHandler(newValue) {
+        if (newValue >= 0 && newValue <= 999) {
+            this.setTimePickerDescriptors();
+            return;
+        }
+        this.printIntervalError('millisecond', newValue);
+        this.millisecondInterval = MILLISECOND_INTERVAL_DEFAULT;
+    }
+    printIntervalError(intervalName, value) {
+        console.error(`Value ${value} is not valid for ${intervalName}-interval. Falling back to default.`);
+    }
+    watchTimePropHandler(newValue) {
+        const timeFormat = DateTime.fromFormat(newValue, this.format);
+        if (!timeFormat.isValid) {
+            throw new Error('Format is not supported or not correct');
+        }
+        this._time = timeFormat;
+    }
+    /**
+     * Get the current time based on the wanted format
+     */
+    async getCurrentTime() {
+        var _a;
+        return (_a = this._time) === null || _a === void 0 ? void 0 : _a.toFormat(this.format);
+    }
+    onTimeChange() {
+        const formattedTimeOld = this.formattedTime;
+        this.setTimeRef();
+        this.formattedTime = this.getFormattedTime();
+        this.updateScrollPositions(formattedTimeOld);
+    }
+    componentWillLoad() {
+        this.initPicker();
+    }
+    initPicker() {
+        this._time = DateTime.fromFormat(this.time, this.format);
+        if (!this._time.isValid) {
+            console.error(`Invalid time format. The configured format does not match the format of the passed time. ${this._time.invalidReason}: ${this._time.invalidExplanation}`);
+            this._time = DateTime.now();
+        }
+        this.setTimeRef();
+        this.setTimePickerDescriptors();
+        this.setInitialFocusedValueAndUnit();
+        this.watchHourIntervalPropHandler(this.hourInterval);
+        this.watchMinuteIntervalPropHandler(this.minuteInterval);
+        this.watchSecondIntervalPropHandler(this.secondInterval);
+        this.watchMillisecondIntervalPropHandler(this.millisecondInterval);
+    }
+    componentDidLoad() {
+        this.updateScrollPositions();
+        this.setupVisibilityObserver();
+    }
+    componentDidRender() {
+        if (this.isUnitFocused) {
+            const elementContainer = this.getElementContainer(this.focusedUnit, this.focusedValue);
+            const elementList = this.getElementList(this.focusedUnit);
+            if (elementContainer) {
+                elementContainer.focus({ preventScroll: true });
+                if (!this.isElementVisible(elementContainer, elementList)) {
+                    elementContainer.scrollIntoView({
+                        block: this.focusScrollAlignment,
+                    });
+                    if (this.focusScrollAlignment === 'end') {
+                        elementList.scrollTop += 4;
+                    }
+                    else {
+                        elementList.scrollTop -= 4;
+                    }
+                }
+            }
+        }
+    }
+    disconnectedCallback() {
+        if (this.visibilityObserver) {
+            this.visibilityObserver.disconnect();
+        }
+    }
+    handleKeyDown(event) {
+        if (!this.isUnitFocused) {
+            return;
+        }
+        let newValue = this.focusedValue;
+        let shouldPreventDefault = true;
+        let newValueInterval;
+        switch (this.focusedUnit) {
+            case 'hour':
+                newValueInterval = this.hourInterval;
+                break;
+            case 'minute':
+                newValueInterval = this.minuteInterval;
+                break;
+            case 'second':
+                newValueInterval = this.secondInterval;
+                break;
+            case 'millisecond':
+                newValueInterval = this.millisecondInterval;
+                break;
+        }
+        switch (event.key) {
+            case 'Tab':
+                // Let tab navigation work normally and reset focused value/unit
+                shouldPreventDefault = false;
+                this.setInitialFocusedValueAndUnit();
+                break;
+            case 'ArrowUp':
+                newValue -= newValueInterval;
+                this.focusScrollAlignment = 'start';
+                this.updateFocusedValue(newValue);
+                break;
+            case 'ArrowDown':
+                newValue += newValueInterval;
+                this.focusScrollAlignment = 'end';
+                this.updateFocusedValue(newValue);
+                break;
+            case 'ArrowLeft':
+                this.moveFocusToAdjacentUnit(-1);
+                break;
+            case 'ArrowRight':
+                this.moveFocusToAdjacentUnit(1);
+                break;
+            case 'Enter':
+            case ' ':
+                this.select(this.focusedUnit, this.focusedValue);
+                break;
+            default:
+                return;
+        }
+        if (shouldPreventDefault) {
+            event.preventDefault();
+        }
+    }
+    onUnitCellBlur() {
+        this.isUnitFocused = false;
+    }
+    onUnitCellFocus() {
+        this.isUnitFocused = true;
+    }
+    getElementList(unit) {
+        var _a;
+        return (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-element-list-id="${unit}"]`);
+    }
+    getElementContainer(unit, number) {
+        var _a;
+        return (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-element-container-id="${unit}-${number}"]`);
+    }
+    isElementVisible(element, container) {
+        const elementRect = element.getBoundingClientRect();
+        const containerRect = container.getBoundingClientRect();
+        return (elementRect.top >= containerRect.top &&
+            elementRect.bottom <= containerRect.bottom);
+    }
+    updateFocusedValue(value) {
+        const numberArray = this.getNumberArrayForUnit(this.focusedUnit);
+        const maxValue = numberArray[numberArray.length - 1];
+        const minValue = numberArray[0];
+        if (value > maxValue) {
+            value = minValue;
+            this.focusScrollAlignment = 'start';
+        }
+        else if (value < minValue) {
+            value = maxValue;
+            this.focusScrollAlignment = 'end';
+        }
+        this.focusedValue = value;
+    }
+    moveFocusToAdjacentUnit(direction) {
+        const currentUnitIndex = this.timePickerDescriptors.findIndex((d) => d.unit === this.focusedUnit);
+        const newUnitIndex = currentUnitIndex + direction;
+        // Check if new index is within bounds
+        if (newUnitIndex >= 0 && newUnitIndex < this.timePickerDescriptors.length) {
+            const newUnit = this.timePickerDescriptors[newUnitIndex].unit;
+            const selectedValue = Number(this.formattedTime[newUnit]);
+            this.focusedUnit = newUnit;
+            this.updateFocusedValue(selectedValue);
+        }
+    }
+    setInitialFocusedValueAndUnit() {
+        const firstVisibleDescriptor = this.timePickerDescriptors.find((descriptor) => !descriptor.hidden);
+        if (!firstVisibleDescriptor) {
+            return;
+        }
+        const selectedValue = Number(this.formattedTime[firstVisibleDescriptor.unit]);
+        const isValidSelection = firstVisibleDescriptor.numberArray.includes(selectedValue);
+        this.focusedValue = isValidSelection
+            ? selectedValue
+            : firstVisibleDescriptor.numberArray[0];
+        this.focusedUnit = firstVisibleDescriptor.unit;
+    }
+    setupVisibilityObserver() {
+        let dropdownElement = this.hostElement;
+        while (dropdownElement && dropdownElement.tagName !== 'IX-DROPDOWN') {
+            dropdownElement = dropdownElement.parentElement;
+        }
+        if (!dropdownElement) {
+            return;
+        }
+        this.visibilityObserver = new MutationObserver((mutations) => this.mutationObserverCallback(mutations));
+        this.visibilityObserver.observe(dropdownElement, {
+            attributes: true,
+            attributeFilter: ['class', 'style'],
+        });
+    }
+    mutationObserverCallback(mutations) {
+        for (const mutation of mutations) {
+            if (mutation.type !== 'attributes') {
+                continue;
+            }
+            const dropdown = mutation.target;
+            if (!dropdown.classList.contains('show')) {
+                // keep picker in sync with input
+                this._time = DateTime.fromFormat(this.time, this.format);
+                this.setInitialFocusedValueAndUnit();
+                continue;
+            }
+            const elementsReady = this.areElementsRendered();
+            if (!elementsReady) {
+                continue;
+            }
+            this.updateScrollPositions();
+        }
+    }
+    areElementsRendered() {
+        var _a;
+        const elementLists = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.element-list');
+        if (!elementLists || elementLists.length === 0) {
+            return false;
+        }
+        return Array.from(elementLists).some((list) => list.offsetHeight > 0);
+    }
+    getFormattedTime() {
+        if (!this._time) {
+            return FORMATTED_TIME_EMPTY;
+        }
+        return {
+            hour: this.timeRef !== undefined
+                ? this._time.toFormat('h')
+                : this._time.toFormat('H'),
+            minute: this._time.toFormat('m'),
+            second: this._time.toFormat('s'),
+            millisecond: this._time.toFormat('S'),
+        };
+    }
+    timeUpdate(unit, value) {
+        var _a;
+        let maxValue = DateTime.now().endOf('day').get(unit);
+        if (unit === 'hour') {
+            if (this.timeRef === 'PM') {
+                // 12 PM should remain 12, other PM hours add 12
+                value = value === 12 ? 12 : value + 12;
+            }
+            else if (this.timeRef === 'AM') {
+                // 12 AM should be 0, other AM hours remain as is
+                value = value === 12 ? 0 : value;
+                maxValue = 12;
+            }
+        }
+        if (value > maxValue) {
+            value = maxValue;
+        }
+        else if (value < 0) {
+            value = 0;
+        }
+        this._time = (_a = this._time) === null || _a === void 0 ? void 0 : _a.set({
+            [unit]: value,
+        });
+        return value;
+    }
+    changeTimeReference(newTimeRef) {
+        if (!this._time) {
+            return;
+        }
+        if (this.timeRef === newTimeRef) {
+            return;
+        }
+        this.timeRef = newTimeRef;
+        const currentHour = this._time.hour;
+        if (newTimeRef === 'PM' && currentHour < 12) {
+            this._time = this._time.plus({ hours: 12 });
+        }
+        else if (newTimeRef === 'AM' && currentHour >= 12) {
+            this._time = this._time.minus({ hours: 12 });
+        }
+        this.timeChange.emit(this._time.toFormat(this.format));
+    }
+    isFormat12Hour(format) {
+        // Remove any text that's inside quotes (literal text in Luxon format strings)
+        let cleanFormat = '';
+        let inQuote = false;
+        for (let i = 0; i < format.length; i++) {
+            const char = format[i];
+            if (char === "'") {
+                inQuote = !inQuote;
+            }
+            else if (!inQuote) {
+                cleanFormat += char;
+            }
+        }
+        // Check for specific 12-hour format tokens
+        // Case-sensitive matching to distinguish between 'h' and 'H'
+        return /h|a|t/.test(cleanFormat);
+    }
+    setTimeRef() {
+        const uses12HourFormat = this.isFormat12Hour(this.format);
+        if (uses12HourFormat && this._time) {
+            this.timeRef = this._time.hour >= 12 ? 'PM' : 'AM';
+        }
+        else {
+            this.timeRef = undefined;
+        }
+    }
+    setTimePickerDescriptors() {
+        let hourNumbers = [];
+        let minuteNumbers = [];
+        let secondNumbers = [];
+        let millisecondsNumbers = [];
+        if (this.timeRef !== undefined) {
+            hourNumbers = Array.from({ length: Math.ceil(12 / this.hourInterval) }, (_, i) => i * this.hourInterval + 1).filter((hour) => hour <= 12);
+        }
+        else {
+            hourNumbers = Array.from({ length: Math.ceil(24 / this.hourInterval) }, (_, i) => i * this.hourInterval);
+        }
+        minuteNumbers = Array.from({ length: Math.ceil(60 / this.minuteInterval) }, (_, i) => i * this.minuteInterval);
+        secondNumbers = Array.from({ length: Math.ceil(60 / this.secondInterval) }, (_, i) => i * this.secondInterval);
+        millisecondsNumbers = Array.from({ length: Math.ceil(1000 / this.millisecondInterval) }, (_, i) => i * this.millisecondInterval);
+        this.timePickerDescriptors = [
+            {
+                unit: 'hour',
+                header: this.i18nHourColumnHeader,
+                hidden: !LUXON_FORMAT_PATTERNS.hours.test(this.format) || !this.showHour,
+                numberArray: hourNumbers,
+            },
+            {
+                unit: 'minute',
+                header: this.i18nMinuteColumnHeader,
+                hidden: !LUXON_FORMAT_PATTERNS.minutes.test(this.format) || !this.showMinutes,
+                numberArray: minuteNumbers,
+            },
+            {
+                unit: 'second',
+                header: this.i18nSecondColumnHeader,
+                hidden: !LUXON_FORMAT_PATTERNS.seconds.test(this.format) || !this.showSeconds,
+                numberArray: secondNumbers,
+            },
+            {
+                unit: 'millisecond',
+                header: this.i18nMillisecondColumnHeader,
+                hidden: !LUXON_FORMAT_PATTERNS.milliseconds.test(this.format),
+                numberArray: millisecondsNumbers,
+            },
+        ];
+        this.timePickerDescriptors = this.timePickerDescriptors.filter((item) => !item.hidden);
+    }
+    getNumberArrayForUnit(unit) {
+        const descriptor = this.timePickerDescriptors.find((descriptor) => descriptor.unit === unit);
+        return descriptor ? descriptor.numberArray : [];
+    }
+    isSelected(unit, number) {
+        return this.formattedTime[unit] === String(number);
+    }
+    select(unit, number) {
+        this.formattedTime = Object.assign(Object.assign({}, this.formattedTime), { [unit]: String(number) });
+        this.timeUpdate(unit, number);
+        this.elementListScrollToTop(unit, number, 'smooth');
+        this.timeChange.emit(this._time.toFormat(this.format));
+    }
+    elementListScrollToTop(unit, number, scrollBehaviour) {
+        const elementList = this.getElementList(unit);
+        const elementContainer = this.getElementContainer(unit, number);
+        if (elementList && elementContainer) {
+            const elementListHeight = elementList.clientHeight;
+            const elementContainerHeight = elementContainer.clientHeight;
+            // Offset which is used to adjust the scroll position to account for margins, elements being hidden, etc.
+            let scrollPositionOffset = 15;
+            if (this.hideHeader) {
+                // 74 --> height of the header container
+                scrollPositionOffset -= 74;
+            }
+            const scrollPosition = elementContainer.offsetTop -
+                elementListHeight / 2 +
+                elementContainerHeight / 2 -
+                scrollPositionOffset;
+            elementList.scrollTo({
+                top: scrollPosition,
+                behavior: scrollBehaviour,
+            });
+        }
+    }
+    /**
+     * Updates all scroll positions of the time picker elements
+     * Updates only the elements that have changed if `formattedTimeOld` is provided
+     */
+    updateScrollPositions(formattedTimeOld = undefined) {
+        for (const key in this.formattedTime) {
+            const unitKey = key;
+            if (!formattedTimeOld ||
+                this.formattedTime[unitKey] !== formattedTimeOld[unitKey]) {
+                this.elementListScrollToTop(unitKey, Number(this.formattedTime[unitKey]), 'instant');
+            }
+        }
+    }
+    formatUnitValue(unit, value) {
+        if (unit === 'millisecond') {
+            return value.toString().padStart(3, '0');
+        }
+        return value < 10 ? `0${value}` : value.toString();
+    }
+    getColumnSeparator(currentIndex) {
+        if (currentIndex + 1 < this.timePickerDescriptors.length) {
+            const nextUnit = this.timePickerDescriptors[currentIndex + 1].unit;
+            return nextUnit === 'millisecond' ? '.' : ':';
+        }
+        return ':';
+    }
+    getElementContainerTabIndex(number, descriptorUnit) {
+        return number === this.focusedValue && descriptorUnit === this.focusedUnit
+            ? '0'
+            : '-1';
+    }
+    getConfirmButtonText() {
+        if (this.i18nConfirmTime !== CONFIRM_BUTTON_DEFAULT) {
+            return this.i18nConfirmTime;
+        }
+        if (this.textSelectTime !== CONFIRM_BUTTON_DEFAULT) {
+            return this.textSelectTime;
+        }
+        return this.i18nConfirmTime;
+    }
+    getHeaderText() {
+        if (this.i18nHeader !== HEADER_DEFAULT) {
+            return this.i18nHeader;
+        }
+        if (this.textTime != HEADER_DEFAULT) {
+            return this.textTime;
+        }
+        return this.i18nHeader;
+    }
+    render() {
+        return (h(Host, { key: 'd2bbda2ae6d80b7c7124dad326bb0cd4056d8ff0' }, h("ix-date-time-card", { key: 'ada5e46c86a34888ae7e528ad88b2392cf749537', standaloneAppearance: this.standaloneAppearance, timePickerAppearance: true, corners: this.corners, hasFooter: true, hideHeader: this.hideHeader }, h("div", { key: 'dfbddd86e4ce4bdfd79ac223cb193d24f1cb6406', class: "header", slot: "header" }, h("ix-typography", { key: 'a93cd0fbf96b4ae7ff3723784cd735c7ac0b28dd', format: "h5" }, this.getHeaderText())), h("div", { key: 'dcf216e3b82b8f9d64bd74636e62a4c6e69a2f00', class: "clock" }, this.timePickerDescriptors.map((descriptor, index) => (h("div", { class: "flex" }, h("div", { class: { columns: true, hidden: descriptor.hidden } }, h("div", { class: "column-header", title: descriptor.header }, descriptor.header), h("div", { "data-element-list-id": descriptor.unit, class: "element-list", tabIndex: -1 }, descriptor.numberArray.map((number) => (h("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
+                selected: this.isSelected(descriptor.unit, number),
+                'element-container': true,
+            }, onClick: () => this.select(descriptor.unit, number), onFocus: () => {
+                this.focusedUnit = descriptor.unit;
+                this.focusedValue = number;
+                this.onUnitCellFocus();
+            }, onBlur: () => this.onUnitCellBlur(), tabindex: this.getElementContainerTabIndex(number, descriptor.unit), role: "button", "aria-label": `${descriptor.header}: ${number}` }, this.formatUnitValue(descriptor.unit, number)))), h("div", { class: "element-list-padding" }))), index !== this.timePickerDescriptors.length - 1 && (h("div", { class: {
+                'column-seperator': true,
+                hidden: descriptor.hidden,
+            } }, this.getColumnSeparator(index))))))), h("div", { key: '81b475ebaefe71315d016a66214d62513649d6e3', class: {
+                footer: true,
+                'footer--compact': this.timePickerDescriptors.length <= 2,
+            }, slot: "footer" }, this.timeRef && (h("div", { key: '668635b1aaecd2a7156bc5b1d4299aef3b6c7d63', class: {
+                'time-ref-buttons': true,
+                'time-ref-buttons--datetime-picker-appearance': this.dateTimePickerAppearance,
+            } }, h("button", { key: 'a11593644095c4989b93827fa45310cbdcfa2f07', "data-am-pm-id": "AM", class: { selected: this.timeRef === 'AM' }, onClick: () => this.changeTimeReference('AM') }, "AM"), h("button", { key: 'd381d94b66769d5ee24d9f3392b5d6df5ccf3ad8', "data-am-pm-id": "PM", class: { selected: this.timeRef === 'PM' }, onClick: () => this.changeTimeReference('PM') }, "PM"))), !this.dateTimePickerAppearance && (h("ix-button", { key: 'a87f1a14daf036d885c63f605d035330d9cb8eb5', class: "confirm-button", onClick: () => {
+                var _a;
+                this.timeSelect.emit((_a = this._time) === null || _a === void 0 ? void 0 : _a.toFormat(this.format));
+            } }, this.getConfirmButtonText()))))));
+    }
+    get hostElement() { return this; }
+    static get watchers() { return {
+        "format": ["watchFormatIntervalPropHandler"],
+        "hourInterval": ["watchHourIntervalPropHandler"],
+        "minuteInterval": ["watchMinuteIntervalPropHandler"],
+        "secondInterval": ["watchSecondIntervalPropHandler"],
+        "millisecondInterval": ["watchMillisecondIntervalPropHandler"],
+        "time": ["watchTimePropHandler"],
+        "_time": ["onTimeChange"]
+    }; }
+    static get style() { return timePickerCss; }
+}, [1, "ix-time-picker", {
+        "format": [1],
+        "corners": [1],
+        "standaloneAppearance": [4, "standalone-appearance"],
+        "dateTimePickerAppearance": [4, "date-time-picker-appearance"],
+        "showHour": [4, "show-hour"],
+        "showMinutes": [4, "show-minutes"],
+        "showSeconds": [4, "show-seconds"],
+        "hideHeader": [4, "hide-header"],
+        "hourInterval": [1026, "hour-interval"],
+        "minuteInterval": [1026, "minute-interval"],
+        "secondInterval": [1026, "second-interval"],
+        "millisecondInterval": [1026, "millisecond-interval"],
+        "time": [1],
+        "timeReference": [1, "time-reference"],
+        "textSelectTime": [1, "text-select-time"],
+        "i18nConfirmTime": [1, "i18n-confirm-time"],
+        "textTime": [1, "text-time"],
+        "i18nHeader": [1, "i18n-header"],
+        "i18nHourColumnHeader": [1, "i18n-column-header"],
+        "i18nMinuteColumnHeader": [1, "i18n-minute-column-header"],
+        "i18nSecondColumnHeader": [1, "i18n-second-column-header"],
+        "i18nMillisecondColumnHeader": [1, "i18n-millisecond-column-header"],
+        "_time": [32],
+        "timeRef": [32],
+        "formattedTime": [32],
+        "timePickerDescriptors": [32],
+        "isUnitFocused": [32],
+        "focusedUnit": [32],
+        "focusedValue": [32],
+        "getCurrentTime": [64]
+    }, undefined, {
+        "format": ["watchFormatIntervalPropHandler"],
+        "hourInterval": ["watchHourIntervalPropHandler"],
+        "minuteInterval": ["watchMinuteIntervalPropHandler"],
+        "secondInterval": ["watchSecondIntervalPropHandler"],
+        "millisecondInterval": ["watchMillisecondIntervalPropHandler"],
+        "time": ["watchTimePropHandler"],
+        "_time": ["onTimeChange"]
+    }]);
+__decorate([
+    OnListener('keydown')
+], TimePicker.prototype, "handleKeyDown", null);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ix-time-picker", "ix-button", "ix-date-time-card", "ix-spinner", "ix-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ix-time-picker":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TimePicker);
+            }
+            break;
+        case "ix-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "ix-date-time-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "ix-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "ix-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { TimePicker as T, defineCustomElement as d };
+//# sourceMappingURL=p-DaztMgDr.js.map
+
+//# sourceMappingURL=p-DaztMgDr.js.map