@siemens/ix 5.1.1 → 5.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/READMEOSS.html +1 -1
- package/components/index.js +1 -1
- package/components/ix-action-card.js +1 -1
- package/components/ix-application-header.js +1 -1
- package/components/ix-application-switch-modal.js +1 -1
- package/components/ix-application.js +1 -1
- package/components/ix-avatar.js +1 -1
- package/components/ix-badge.d.ts +11 -0
- package/components/ix-badge.js +1 -0
- package/components/ix-blind.js +1 -1
- package/components/ix-breadcrumb-item.js +1 -1
- package/components/ix-breadcrumb.js +1 -1
- package/components/ix-button.js +1 -1
- package/components/ix-card-accordion.js +1 -1
- package/components/ix-card-content.js +1 -1
- package/components/ix-card-list.js +1 -1
- package/components/ix-card-title.js +1 -1
- package/components/ix-card.js +1 -1
- package/components/ix-category-filter.js +1 -1
- package/components/ix-chat-ai-message.d.ts +11 -0
- package/components/ix-chat-ai-message.js +1 -0
- package/components/ix-chat-attachment.d.ts +11 -0
- package/components/ix-chat-attachment.js +1 -0
- package/components/ix-chat-input.d.ts +11 -0
- package/components/ix-chat-input.js +1 -0
- package/components/ix-chat-user-message.d.ts +11 -0
- package/components/ix-chat-user-message.js +1 -0
- package/components/ix-chat.d.ts +11 -0
- package/components/ix-chat.js +1 -0
- package/components/ix-checkbox-group.js +1 -1
- package/components/ix-checkbox.js +1 -1
- package/components/ix-chip.js +1 -1
- package/components/ix-col.js +1 -1
- package/components/ix-content-header.js +1 -1
- package/components/ix-content.js +1 -1
- package/components/ix-css-grid-item.js +1 -1
- package/components/ix-css-grid.js +1 -1
- package/components/ix-custom-field.js +1 -1
- package/components/ix-date-dropdown.js +1 -1
- package/components/ix-date-input.js +1 -1
- package/components/ix-date-picker.js +1 -1
- package/components/ix-date-time-card.js +1 -1
- package/components/ix-datetime-input.js +1 -1
- package/components/ix-datetime-picker.js +1 -1
- package/components/ix-divider.js +1 -1
- package/components/ix-dropdown-button.js +1 -1
- package/components/ix-dropdown-header.js +1 -1
- package/components/ix-dropdown-item.js +1 -1
- package/components/ix-dropdown-quick-actions.js +1 -1
- package/components/ix-dropdown.js +1 -1
- package/components/ix-empty-state.js +1 -1
- package/components/ix-event-list-item.js +1 -1
- package/components/ix-event-list.js +1 -1
- package/components/ix-expanding-search.js +1 -1
- package/components/ix-field-label.js +1 -1
- package/components/ix-field-wrapper.js +1 -1
- package/components/ix-filter-chip.js +1 -1
- package/components/ix-flip-tile-content.js +1 -1
- package/components/ix-flip-tile.js +1 -1
- package/components/ix-group-context-menu.js +1 -1
- package/components/ix-group-item.js +1 -1
- package/components/ix-group.js +1 -1
- package/components/ix-helper-text.js +1 -1
- package/components/ix-icon-button.js +1 -1
- package/components/ix-icon-toggle-button.js +1 -1
- package/components/ix-input.js +1 -1
- package/components/ix-key-value-list.js +1 -1
- package/components/ix-key-value.js +1 -1
- package/components/ix-kpi.js +1 -1
- package/components/ix-layout-auto.js +1 -1
- package/components/ix-layout-grid.js +1 -1
- package/components/ix-link-button.js +1 -1
- package/components/ix-menu-about-item.js +1 -1
- package/components/ix-menu-about-news.js +1 -1
- package/components/ix-menu-about.js +1 -1
- package/components/ix-menu-avatar-item.js +1 -1
- package/components/ix-menu-avatar.js +1 -1
- package/components/ix-menu-category.js +1 -1
- package/components/ix-menu-expand-icon.js +1 -1
- package/components/ix-menu-item.js +1 -1
- package/components/ix-menu-settings-item.js +1 -1
- package/components/ix-menu-settings.js +1 -1
- package/components/ix-menu.js +1 -1
- package/components/ix-message-bar.js +1 -1
- package/components/ix-modal-content.js +1 -1
- package/components/ix-modal-footer.js +1 -1
- package/components/ix-modal-header.js +1 -1
- package/components/ix-modal-loading.js +1 -1
- package/components/ix-modal.js +1 -1
- package/components/ix-number-input.js +1 -1
- package/components/ix-pagination.js +1 -1
- package/components/ix-pane-layout.js +1 -1
- package/components/ix-pane.js +1 -1
- package/components/ix-pill.js +1 -1
- package/components/ix-popover-content.js +1 -1
- package/components/ix-popover-footer.js +1 -1
- package/components/ix-popover-header.js +1 -1
- package/components/ix-popover-image.js +1 -1
- package/components/ix-popover.js +1 -1
- package/components/ix-progress-indicator.js +1 -1
- package/components/ix-push-card.js +1 -1
- package/components/ix-radio-group.js +1 -1
- package/components/ix-radio.js +1 -1
- package/components/ix-range-field.js +1 -1
- package/components/ix-row.js +1 -1
- package/components/ix-select-item.js +1 -1
- package/components/ix-select.js +1 -1
- package/components/ix-slider.js +1 -1
- package/components/ix-spinner.js +1 -1
- package/components/ix-split-button.js +1 -1
- package/components/ix-tab-item.js +1 -1
- package/components/ix-tab-panel.js +1 -1
- package/components/ix-tab-set.js +1 -1
- package/components/ix-tabs.js +1 -1
- package/components/ix-textarea.js +1 -1
- package/components/ix-tile.js +1 -1
- package/components/ix-time-input.js +1 -1
- package/components/ix-time-picker.js +1 -1
- package/components/ix-toast-container.js +1 -1
- package/components/ix-toast.js +1 -1
- package/components/ix-toggle-button.js +1 -1
- package/components/ix-toggle.js +1 -1
- package/components/ix-tooltip.js +1 -1
- package/components/ix-tree-item.js +1 -1
- package/components/ix-tree.js +1 -1
- package/components/ix-typography.js +1 -1
- package/components/ix-upload.js +1 -1
- package/components/ix-workflow-step.js +1 -1
- package/components/ix-workflow-steps.js +1 -1
- package/components/p-4ZsT_zIm.js +1 -0
- package/components/p-B3ZUi0gM.js +1 -0
- package/components/p-BE708_H3.js +1 -0
- package/components/p-BF2IsI5j.js +1 -0
- package/components/p-BGpGr8Qv.js +1 -0
- package/components/{p-CuFZ7CXu.js → p-BHjmN8zz.js} +1 -1
- package/components/{p-CbbabcAR.js → p-BHtNsBtM.js} +1 -1
- package/components/p-BKCLcJ_A.js +1 -0
- package/components/p-BKVBe7Co.js +1 -0
- package/components/p-BOImZPcG.js +1 -0
- package/components/p-BTBxxgtF.js +1 -0
- package/components/p-BmZGQGZi.js +1 -0
- package/components/p-BpE93ty6.js +1 -0
- package/components/p-BqeSHO6C.js +1 -0
- package/components/p-C02EaF8C.js +1 -0
- package/components/{p-baqpOH0g.js → p-CAd-WgR8.js} +1 -1
- package/components/p-CFH9HkmQ.js +1 -0
- package/components/p-CGGWaScq.js +1 -0
- package/components/{p-Czy7a3I4.js → p-CHJbp28K.js} +1 -1
- package/components/p-CRbQNmxe.js +1 -0
- package/components/p-CYgC-XN6.js +1 -0
- package/components/{p-GGleop6j.js → p-C_K74Xlt.js} +1 -1
- package/components/p-CiP3eKpd.js +1 -0
- package/components/p-CqWfy46u.js +1 -0
- package/components/p-Ctb1EExj.js +1 -0
- package/components/p-Cxwq4WaV.js +1 -0
- package/components/p-D5-dW4IM.js +1 -0
- package/components/p-D6O-bCyA.js +1 -0
- package/components/{p-BBCsPlPH.js → p-D7qfGAJ7.js} +1 -1
- package/components/p-DB-zpRCO.js +1 -0
- package/components/{p-C21npbUc.js → p-DD206pTM.js} +1 -1
- package/components/p-DIq_C5Sa.js +1 -0
- package/components/p-DKU5FVxI.js +1 -0
- package/components/{p-BZgc6bzH.js → p-DLgZfUmI.js} +1 -1
- package/components/{p-DtmgZu-S.js → p-DWOjSq8j.js} +1 -1
- package/components/p-DXmwthlZ.js +1 -0
- package/components/p-D_VBAyPm.js +1 -0
- package/components/p-DcOoa9vE.js +1 -0
- package/components/p-DiYkfhDE.js +1 -0
- package/components/p-DpvAVNqZ.js +1 -0
- package/components/p-DsVj4Cd-.js +1 -0
- package/components/{p-BRoFUwzJ.js → p-DyC90hvu.js} +1 -1
- package/components/p-DzDB4UBp.js +1 -0
- package/components/p-QnnFQ3fz.js +1 -0
- package/components/p-R5tYZVVd.js +1 -0
- package/components/p-WX1HYV2-.js +1 -0
- package/components/{p-1KOHyx-1.js → p-YFmbQndr.js} +1 -1
- package/components/{p-CUvmGsh_.js → p-_irxfS9S.js} +1 -1
- package/components/{p-CtDOTMOT.js → p-eN5fQtqO.js} +1 -1
- package/components/p-ePylRxs_.js +1 -0
- package/components/p-n2_EOgMr.js +1 -0
- package/components/p-q_MHsaAK.js +1 -0
- package/components/p-tpMN9yTQ.js +1 -0
- package/components/p-v9vlPlkd.js +1 -0
- package/components/p-viP8I2_s.js +1 -0
- package/dist/cjs/{a11y-_XjpTo2w.js → a11y--G19CFwe.js} +1 -0
- package/dist/cjs/{animation-hxDbANsw.js → animation-BIfSQAkX.js} +8 -12
- package/dist/cjs/{base-button-BP6iIMR7.js → base-button-DIhNZecD.js} +1 -1
- package/dist/cjs/{base-icon-button-BmiGQb9v.js → base-icon-button-DASKxRmK.js} +1 -1
- package/dist/cjs/chip.types-BD73fAij.js +22 -0
- package/dist/cjs/{focus-visible.mixin-1V7Eldn_.js → focus-visible.mixin-GrZAmMez.js} +1 -1
- package/dist/cjs/{helper-text-util-BkHm7ofh.js → helper-text-util-EAfzAOH6.js} +2 -2
- package/dist/cjs/{index-CwJ-mkQd.js → index-BQht1mLe.js} +20 -0
- package/dist/cjs/index-DnclGKUw.js +28 -4
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/inherit-aria-attributes.mixin-DZ_vNjkJ.js +306 -0
- package/dist/cjs/{input.fc-DM-hX3xb.js → input.fc-ellguRiE.js} +9 -4
- package/dist/cjs/ix-action-card.cjs.entry.js +2 -2
- package/dist/cjs/ix-application-header.cjs.entry.js +3 -3
- package/dist/cjs/ix-application-switch-modal.cjs.entry.js +2 -2
- package/dist/cjs/ix-application.cjs.entry.js +1 -1
- package/dist/cjs/ix-avatar_2.cjs.entry.js +5 -5
- package/dist/cjs/ix-badge.cjs.entry.js +565 -0
- package/dist/cjs/ix-blind.cjs.entry.js +15 -9
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +5 -158
- package/dist/cjs/ix-breadcrumb.cjs.entry.js +5 -5
- package/dist/cjs/ix-button.cjs.entry.js +4 -157
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js +10 -7
- package/dist/cjs/ix-card-list.cjs.entry.js +63 -10
- package/dist/cjs/ix-card_2.cjs.entry.js +5 -5
- package/dist/cjs/ix-category-filter.cjs.entry.js +8 -8
- package/dist/cjs/ix-chat-ai-message.cjs.entry.js +35 -0
- package/dist/cjs/ix-chat-attachment.cjs.entry.js +110 -0
- package/dist/cjs/ix-chat-input.cjs.entry.js +406 -0
- package/dist/cjs/ix-chat-user-message.cjs.entry.js +66 -0
- package/dist/cjs/ix-chat.cjs.entry.js +28 -0
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +4 -4
- package/dist/cjs/ix-checkbox.cjs.entry.js +6 -6
- package/dist/cjs/ix-chip.cjs.entry.js +12 -186
- package/dist/cjs/ix-col_4.cjs.entry.js +12 -12
- package/dist/cjs/ix-content-header.cjs.entry.js +4 -4
- package/dist/cjs/ix-content.cjs.entry.js +4 -4
- package/dist/cjs/ix-css-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-css-grid.cjs.entry.js +1 -1
- package/dist/cjs/ix-custom-field.cjs.entry.js +2 -2
- package/dist/cjs/ix-date-dropdown.cjs.entry.js +9 -9
- package/dist/cjs/ix-date-input.cjs.entry.js +9 -9
- package/dist/cjs/ix-date-picker.cjs.entry.js +17 -13
- package/dist/cjs/ix-date-time-card.cjs.entry.js +3 -3
- package/dist/cjs/ix-datetime-input.cjs.entry.js +9 -9
- package/dist/cjs/ix-datetime-picker.cjs.entry.js +4 -4
- package/dist/cjs/ix-divider.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +11 -8
- package/dist/cjs/ix-dropdown-header.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +19 -13
- package/dist/cjs/ix-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/ix-event-list-item.cjs.entry.js +7 -7
- package/dist/cjs/ix-event-list.cjs.entry.js +11 -4
- package/dist/cjs/ix-expanding-search.cjs.entry.js +6 -6
- package/dist/cjs/ix-field-label_2.cjs.entry.js +8 -8
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +8 -8
- package/dist/cjs/ix-flip-tile-content.cjs.entry.js +1 -1
- package/dist/cjs/ix-flip-tile.cjs.entry.js +6 -6
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +3 -3
- package/dist/cjs/ix-group.cjs.entry.js +10 -10
- package/dist/cjs/ix-helper-text.cjs.entry.js +5 -5
- package/dist/cjs/ix-icon-button_2.cjs.entry.js +9 -164
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +7 -162
- package/dist/cjs/ix-input.cjs.entry.js +10 -10
- package/dist/cjs/ix-key-value-list.cjs.entry.js +1 -1
- package/dist/cjs/ix-key-value.cjs.entry.js +1 -1
- package/dist/cjs/ix-kpi.cjs.entry.js +5 -5
- package/dist/cjs/ix-layout-auto.cjs.entry.js +1 -1
- package/dist/cjs/ix-link-button.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-about-news.cjs.entry.js +6 -6
- package/dist/cjs/ix-menu-about.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-avatar.cjs.entry.js +5 -5
- package/dist/cjs/ix-menu-category.cjs.entry.js +31 -170
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +5 -5
- package/dist/cjs/ix-menu-item.cjs.entry.js +12 -161
- package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-settings.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu.cjs.entry.js +42 -20
- package/dist/cjs/ix-message-bar.cjs.entry.js +3 -3
- package/dist/cjs/ix-modal-content_2.cjs.entry.js +6 -6
- package/dist/cjs/ix-modal-footer.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal-loading.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal.cjs.entry.js +15 -8
- package/dist/cjs/ix-number-input.cjs.entry.js +19 -16
- package/dist/cjs/ix-pagination.cjs.entry.js +6 -6
- package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -2
- package/dist/cjs/ix-pane.cjs.entry.js +11 -11
- package/dist/cjs/ix-pill_4.cjs.entry.js +27 -175
- package/dist/cjs/ix-popover-content.cjs.entry.js +2 -2
- package/dist/cjs/ix-popover-footer.cjs.entry.js +2 -2
- package/dist/cjs/ix-popover-header.cjs.entry.js +4 -4
- package/dist/cjs/ix-popover-image.cjs.entry.js +1 -1
- package/dist/cjs/ix-popover.cjs.entry.js +5 -156
- package/dist/cjs/ix-progress-indicator.cjs.entry.js +4 -4
- package/dist/cjs/ix-push-card.cjs.entry.js +2 -2
- package/dist/cjs/ix-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/ix-radio.cjs.entry.js +6 -6
- package/dist/cjs/ix-range-field.cjs.entry.js +4 -4
- package/dist/cjs/ix-select.cjs.entry.js +14 -14
- package/dist/cjs/ix-slider.cjs.entry.js +9 -9
- package/dist/cjs/ix-split-button.cjs.entry.js +3 -3
- package/dist/cjs/ix-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/ix-textarea.cjs.entry.js +7 -7
- package/dist/cjs/ix-tile.cjs.entry.js +5 -5
- package/dist/cjs/ix-time-input.cjs.entry.js +9 -9
- package/dist/cjs/ix-toast-container.cjs.entry.js +3 -3
- package/dist/cjs/ix-toast.cjs.entry.js +4 -4
- package/dist/cjs/ix-toggle-button.cjs.entry.js +4 -159
- package/dist/cjs/ix-toggle.cjs.entry.js +7 -160
- package/dist/cjs/ix-tooltip.cjs.entry.js +6 -2
- package/dist/cjs/ix-tree-item.cjs.entry.js +6 -6
- package/dist/cjs/ix-tree.cjs.entry.js +2 -1
- package/dist/cjs/ix-typography.cjs.entry.js +2 -2
- package/dist/cjs/ix-upload.cjs.entry.js +6 -6
- package/dist/cjs/ix-workflow-step.cjs.entry.js +12 -6
- package/dist/cjs/ix-workflow-steps.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/siemens-ix.cjs.js +1 -1
- package/dist/cjs/{validation-DJaUH-UR.js → validation-B1izlD8M.js} +59 -3
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/action-card/action-card.css +11 -11
- package/dist/collection/components/application/application.css +11 -11
- package/dist/collection/components/application-header/application-header.css +11 -11
- package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.css +11 -11
- package/dist/collection/components/avatar/avatar.css +19 -11
- package/dist/collection/components/badge/badge.css +622 -0
- package/dist/collection/components/badge/badge.js +817 -0
- package/dist/collection/components/badge/badge.status-icon.js +65 -0
- package/dist/collection/components/badge/badge.types.js +24 -0
- package/dist/collection/components/badge/badge.utils.js +57 -0
- package/dist/collection/components/badge/test/badge.page.js +194 -0
- package/dist/collection/components/blind/blind.css +119 -15
- package/dist/collection/components/blind/blind.js +11 -5
- package/dist/collection/components/breadcrumb/breadcrumb.css +11 -11
- package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +160 -44
- package/dist/collection/components/button/button.css +84 -22
- package/dist/collection/components/card/card.css +11 -11
- package/dist/collection/components/card/card.js +2 -2
- package/dist/collection/components/card-accordion/card-accordion.css +61 -44
- package/dist/collection/components/card-accordion/card-accordion.js +7 -4
- package/dist/collection/components/card-content/card-content.css +11 -11
- package/dist/collection/components/card-content/card-content.js +1 -1
- package/dist/collection/components/card-list/card-list.css +23 -11
- package/dist/collection/components/card-list/card-list.js +67 -10
- package/dist/collection/components/card-title/card-title.js +1 -1
- package/dist/collection/components/category-filter/category-filter.css +95 -33
- package/dist/collection/components/category-filter/category-filter.js +4 -4
- package/dist/collection/components/chat/chat.css +114 -0
- package/dist/collection/components/chat/chat.js +47 -0
- package/dist/collection/components/chat-ai-message/chat-ai-message.css +139 -0
- package/dist/collection/components/chat-ai-message/chat-ai-message.js +56 -0
- package/dist/collection/components/chat-attachment/chat-attachment.css +135 -0
- package/dist/collection/components/chat-attachment/chat-attachment.js +284 -0
- package/dist/collection/components/chat-attachment/chat-attachment.types.js +1 -0
- package/dist/collection/components/chat-input/chat-input.css +323 -0
- package/dist/collection/components/chat-input/chat-input.js +878 -0
- package/dist/collection/components/chat-user-message/chat-user-message.css +145 -0
- package/dist/collection/components/chat-user-message/chat-user-message.js +112 -0
- package/dist/collection/components/checkbox/checkbox.css +11 -11
- package/dist/collection/components/checkbox/checkbox.js +3 -3
- package/dist/collection/components/checkbox-group/checkbox-group.css +1 -1
- package/dist/collection/components/checkbox-group/checkbox-group.js +2 -2
- package/dist/collection/components/chip/chip.css +28 -19
- package/dist/collection/components/chip/chip.js +7 -8
- package/dist/collection/components/col/col.css +11 -11
- package/dist/collection/components/col/col.js +2 -2
- package/dist/collection/components/content/content.css +11 -11
- package/dist/collection/components/content/content.js +3 -3
- package/dist/collection/components/content-header/content-header.js +3 -3
- package/dist/collection/components/css-grid/css-grid-item.js +1 -1
- package/dist/collection/components/css-grid/css-grid.js +1 -1
- package/dist/collection/components/custom-field/custom-field.js +1 -1
- package/dist/collection/components/date-dropdown/date-dropdown.css +30 -22
- package/dist/collection/components/date-dropdown/date-dropdown.js +5 -5
- package/dist/collection/components/date-input/date-input.css +22 -22
- package/dist/collection/components/date-input/date-input.js +3 -3
- package/dist/collection/components/date-picker/date-picker.css +19 -11
- package/dist/collection/components/date-picker/date-picker.js +15 -11
- package/dist/collection/components/date-time-card/date-time-card.css +11 -11
- package/dist/collection/components/date-time-card/date-time-card.js +2 -2
- package/dist/collection/components/datetime-input/datetime-input.css +22 -22
- package/dist/collection/components/datetime-input/datetime-input.js +3 -3
- package/dist/collection/components/datetime-picker/datetime-picker.css +11 -11
- package/dist/collection/components/datetime-picker/datetime-picker.js +3 -3
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +11 -11
- package/dist/collection/components/dropdown/dropdown.js +11 -5
- package/dist/collection/components/dropdown-button/dropdown-button.css +155 -34
- package/dist/collection/components/dropdown-button/dropdown-button.js +8 -5
- package/dist/collection/components/dropdown-header/dropdown-header.css +11 -11
- package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.css +12 -12
- package/dist/collection/components/dropdown-item/dropdown-item.js +3 -3
- package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
- package/dist/collection/components/empty-state/empty-state.css +11 -11
- package/dist/collection/components/empty-state/empty-state.js +1 -1
- package/dist/collection/components/event-list/event-list.css +11 -11
- package/dist/collection/components/event-list/event-list.js +10 -3
- package/dist/collection/components/event-list-item/event-list-item.css +11 -11
- package/dist/collection/components/event-list-item/event-list-item.js +4 -4
- package/dist/collection/components/expanding-search/expanding-search.css +11 -11
- package/dist/collection/components/expanding-search/expanding-search.js +4 -4
- package/dist/collection/components/field-label/field-label.js +2 -2
- package/dist/collection/components/field-wrapper/field-wrapper.js +2 -2
- package/dist/collection/components/filter-chip/filter-chip.css +11 -11
- package/dist/collection/components/filter-chip/filter-chip.js +2 -2
- package/dist/collection/components/flip-tile/flip-tile.css +11 -11
- package/dist/collection/components/flip-tile/flip-tile.js +3 -3
- package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
- package/dist/collection/components/group/group-context-menu.js +1 -1
- package/dist/collection/components/group/group.js +9 -9
- package/dist/collection/components/group-item/group-item.css +11 -11
- package/dist/collection/components/helper-text/helper-text.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +103 -39
- package/dist/collection/components/icon-button/icon-button.js +2 -2
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +103 -39
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +2 -2
- package/dist/collection/components/input/input.css +11 -11
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input/input.util.js +6 -1
- package/dist/collection/components/input/number-input.css +11 -11
- package/dist/collection/components/input/number-input.js +13 -10
- package/dist/collection/components/input/textarea.css +11 -11
- package/dist/collection/components/input/textarea.js +2 -2
- package/dist/collection/components/ix-playground/ix-playground.js +1 -1
- package/dist/collection/components/key-value/key-value.js +1 -1
- package/dist/collection/components/key-value-list/key-value-list.js +1 -1
- package/dist/collection/components/kpi/kpi.css +11 -11
- package/dist/collection/components/kpi/kpi.js +3 -3
- package/dist/collection/components/layout-auto/layout-auto.js +1 -1
- package/dist/collection/components/layout-grid/layout-grid.js +2 -2
- package/dist/collection/components/link-button/link-button.js +3 -3
- package/dist/collection/components/menu/menu-expand-icon.css +36 -22
- package/dist/collection/components/menu/menu-expand-icon.js +1 -1
- package/dist/collection/components/menu/menu.css +11 -11
- package/dist/collection/components/menu/menu.js +39 -17
- package/dist/collection/components/menu-about/menu-about.css +11 -11
- package/dist/collection/components/menu-about/menu-about.js +2 -2
- package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
- package/dist/collection/components/menu-about-news/menu-about-news.css +11 -11
- package/dist/collection/components/menu-about-news/menu-about-news.js +4 -4
- package/dist/collection/components/menu-avatar/menu-avatar.css +11 -11
- package/dist/collection/components/menu-avatar/menu-avatar.js +2 -2
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.css +11 -11
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
- package/dist/collection/components/menu-category/menu-category.css +11 -11
- package/dist/collection/components/menu-category/menu-category.js +29 -15
- package/dist/collection/components/menu-item/menu-item.js +9 -5
- package/dist/collection/components/menu-settings/menu-settings.css +11 -11
- package/dist/collection/components/menu-settings/menu-settings.js +2 -2
- package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
- package/dist/collection/components/message-bar/message-bar.css +11 -11
- package/dist/collection/components/message-bar/message-bar.js +1 -1
- package/dist/collection/components/modal/modal.js +13 -6
- package/dist/collection/components/modal-content/modal-content.css +11 -11
- package/dist/collection/components/modal-content/modal-content.js +1 -1
- package/dist/collection/components/modal-footer/modal-footer.css +11 -11
- package/dist/collection/components/modal-footer/modal-footer.js +1 -1
- package/dist/collection/components/modal-header/modal-header.css +11 -11
- package/dist/collection/components/modal-header/modal-header.js +2 -2
- package/dist/collection/components/modal-loading/modal-loading.js +1 -1
- package/dist/collection/components/pagination/pagination.css +114 -50
- package/dist/collection/components/pagination/pagination.js +2 -2
- package/dist/collection/components/pane/pane.css +11 -11
- package/dist/collection/components/pane/pane.js +7 -7
- package/dist/collection/components/pane-layout/pane-layout.css +11 -11
- package/dist/collection/components/pane-layout/pane-layout.js +1 -1
- package/dist/collection/components/pill/pill.css +11 -11
- package/dist/collection/components/pill/pill.js +4 -4
- package/dist/collection/components/popover/popover.js +3 -1
- package/dist/collection/components/popover/test/popover.page.js +3 -2
- package/dist/collection/components/popover-content/popover-content.css +11 -11
- package/dist/collection/components/popover-content/popover-content.js +1 -1
- package/dist/collection/components/popover-footer/popover-footer.css +11 -11
- package/dist/collection/components/popover-footer/popover-footer.js +1 -1
- package/dist/collection/components/popover-header/popover-header.css +11 -11
- package/dist/collection/components/popover-header/popover-header.js +1 -1
- package/dist/collection/components/popover-image/popover-image.css +11 -11
- package/dist/collection/components/progress-indicator/progress-indicator.js +3 -3
- package/dist/collection/components/push-card/push-card.css +70 -0
- package/dist/collection/components/push-card/push-card.js +1 -1
- package/dist/collection/components/radio/radio.css +11 -11
- package/dist/collection/components/radio/radio.js +3 -3
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/range-field/range-field.css +11 -11
- package/dist/collection/components/range-field/range-field.js +2 -2
- package/dist/collection/components/row/row.js +1 -1
- package/dist/collection/components/select/select.css +11 -11
- package/dist/collection/components/select/select.js +11 -11
- package/dist/collection/components/select-item/select-item.js +2 -2
- package/dist/collection/components/slider/slider.css +11 -11
- package/dist/collection/components/slider/slider.js +6 -6
- package/dist/collection/components/spinner/spinner.css +55 -55
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-button/split-button.css +11 -11
- package/dist/collection/components/split-button/split-button.js +1 -1
- package/dist/collection/components/tab-item/tab-item.css +17 -11
- package/dist/collection/components/tab-item/tab-item.js +5 -5
- package/dist/collection/components/tab-panel/tab-panel.css +11 -11
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/tab-set/tab-set.css +11 -11
- package/dist/collection/components/tab-set/tab-set.js +1 -1
- package/dist/collection/components/tabs/tabs.css +11 -11
- package/dist/collection/components/tabs/tabs.js +10 -5
- package/dist/collection/components/tile/tile.css +11 -11
- package/dist/collection/components/tile/tile.js +4 -4
- package/dist/collection/components/time-input/time-input.css +22 -22
- package/dist/collection/components/time-input/time-input.js +3 -3
- package/dist/collection/components/time-picker/test/expect-defined.js +13 -0
- package/dist/collection/components/time-picker/time-picker.css +11 -11
- package/dist/collection/components/time-picker/time-picker.js +5 -5
- package/dist/collection/components/toast/toast-container.css +11 -11
- package/dist/collection/components/toast/toast-container.js +2 -2
- package/dist/collection/components/toast/toast.css +11 -11
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.css +11 -11
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toggle-button/toggle-button.css +95 -33
- package/dist/collection/components/tooltip/tooltip.js +6 -2
- package/dist/collection/components/tree/tree.js +1 -1
- package/dist/collection/components/tree-item/tree-item.css +11 -11
- package/dist/collection/components/tree-item/tree-item.js +4 -4
- package/dist/collection/components/typography/typography.css +11 -11
- package/dist/collection/components/typography/typography.js +1 -1
- package/dist/collection/components/upload/upload.css +11 -11
- package/dist/collection/components/upload/upload.js +3 -3
- package/dist/collection/components/utils/a11y.js +1 -1
- package/dist/collection/components/utils/animation.js +8 -12
- package/dist/collection/components/utils/input/validation.js +58 -3
- package/dist/collection/components/utils/internal/mixins/accessibility/aria-attribute-observer.js +106 -0
- package/dist/collection/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.js +175 -166
- package/dist/collection/components/utils/lazy-list/lazy.js +1 -0
- package/dist/collection/components/workflow-step/workflow-step.css +13 -13
- package/dist/collection/components/workflow-step/workflow-step.js +10 -4
- package/dist/collection/components/workflow-steps/workflow-steps.css +11 -11
- package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
- package/dist/collection/tests/utils/test/page.js +3 -0
- package/dist/esm/{a11y-C21npbUc.js → a11y-DD206pTM.js} +1 -1
- package/dist/esm/{animation-DNIQ2C1K.js → animation-BqeSHO6C.js} +8 -12
- package/dist/esm/{base-button-DZdtpLxn.js → base-button-Oanl-VqF.js} +1 -1
- package/dist/esm/{base-icon-button-DufFLJC-.js → base-icon-button-CxmfMOOd.js} +1 -1
- package/dist/esm/chip.types-4ZsT_zIm.js +20 -0
- package/dist/esm/{focus-visible.mixin-CaRK3Ex_.js → focus-visible.mixin-DNYMa4dY.js} +1 -1
- package/dist/esm/{helper-text-util-D0LEFZuB.js → helper-text-util-BJ-ZMW2J.js} +2 -2
- package/dist/esm/{index-DgUGsIlh.js → index-BeX6RWvV.js} +11 -1
- package/dist/esm/index-EBgS4zhE.js +28 -4
- package/dist/esm/index.js +2 -2
- package/dist/esm/inherit-aria-attributes.mixin-BmTKblYV.js +304 -0
- package/dist/esm/{input.fc-CE3kP-L_.js → input.fc-Cwmx0lGN.js} +9 -4
- package/dist/esm/ix-action-card.entry.js +2 -2
- package/dist/esm/ix-application-header.entry.js +3 -3
- package/dist/esm/ix-application-switch-modal.entry.js +2 -2
- package/dist/esm/ix-application.entry.js +1 -1
- package/dist/esm/ix-avatar_2.entry.js +5 -5
- package/dist/esm/ix-badge.entry.js +563 -0
- package/dist/esm/ix-blind.entry.js +15 -9
- package/dist/esm/ix-breadcrumb-item.entry.js +5 -158
- package/dist/esm/ix-breadcrumb.entry.js +5 -5
- package/dist/esm/ix-button.entry.js +4 -157
- package/dist/esm/ix-card-accordion_2.entry.js +10 -7
- package/dist/esm/ix-card-list.entry.js +63 -10
- package/dist/esm/ix-card_2.entry.js +5 -5
- package/dist/esm/ix-category-filter.entry.js +8 -8
- package/dist/esm/ix-chat-ai-message.entry.js +33 -0
- package/dist/esm/ix-chat-attachment.entry.js +108 -0
- package/dist/esm/ix-chat-input.entry.js +404 -0
- package/dist/esm/ix-chat-user-message.entry.js +64 -0
- package/dist/esm/ix-chat.entry.js +26 -0
- package/dist/esm/ix-checkbox-group.entry.js +4 -4
- package/dist/esm/ix-checkbox.entry.js +6 -6
- package/dist/esm/ix-chip.entry.js +11 -185
- package/dist/esm/ix-col_4.entry.js +12 -12
- package/dist/esm/ix-content-header.entry.js +4 -4
- package/dist/esm/ix-content.entry.js +4 -4
- package/dist/esm/ix-css-grid-item.entry.js +1 -1
- package/dist/esm/ix-css-grid.entry.js +1 -1
- package/dist/esm/ix-custom-field.entry.js +2 -2
- package/dist/esm/ix-date-dropdown.entry.js +9 -9
- package/dist/esm/ix-date-input.entry.js +9 -9
- package/dist/esm/ix-date-picker.entry.js +17 -13
- package/dist/esm/ix-date-time-card.entry.js +3 -3
- package/dist/esm/ix-datetime-input.entry.js +9 -9
- package/dist/esm/ix-datetime-picker.entry.js +4 -4
- package/dist/esm/ix-divider.entry.js +1 -1
- package/dist/esm/ix-dropdown-button.entry.js +11 -8
- package/dist/esm/ix-dropdown-header.entry.js +2 -2
- package/dist/esm/ix-dropdown-quick-actions.entry.js +1 -1
- package/dist/esm/ix-dropdown_2.entry.js +19 -13
- package/dist/esm/ix-empty-state.entry.js +2 -2
- package/dist/esm/ix-event-list-item.entry.js +7 -7
- package/dist/esm/ix-event-list.entry.js +11 -4
- package/dist/esm/ix-expanding-search.entry.js +6 -6
- package/dist/esm/ix-field-label_2.entry.js +8 -8
- package/dist/esm/ix-filter-chip_2.entry.js +8 -8
- package/dist/esm/ix-flip-tile-content.entry.js +1 -1
- package/dist/esm/ix-flip-tile.entry.js +6 -6
- package/dist/esm/ix-group-context-menu_2.entry.js +3 -3
- package/dist/esm/ix-group.entry.js +10 -10
- package/dist/esm/ix-helper-text.entry.js +5 -5
- package/dist/esm/ix-icon-button_2.entry.js +9 -164
- package/dist/esm/ix-icon-toggle-button.entry.js +7 -162
- package/dist/esm/ix-input.entry.js +10 -10
- package/dist/esm/ix-key-value-list.entry.js +1 -1
- package/dist/esm/ix-key-value.entry.js +1 -1
- package/dist/esm/ix-kpi.entry.js +5 -5
- package/dist/esm/ix-layout-auto.entry.js +1 -1
- package/dist/esm/ix-link-button.entry.js +4 -4
- package/dist/esm/ix-menu-about-item.entry.js +1 -1
- package/dist/esm/ix-menu-about-news.entry.js +6 -6
- package/dist/esm/ix-menu-about.entry.js +4 -4
- package/dist/esm/ix-menu-avatar.entry.js +5 -5
- package/dist/esm/ix-menu-category.entry.js +31 -170
- package/dist/esm/ix-menu-expand-icon.entry.js +5 -5
- package/dist/esm/ix-menu-item.entry.js +12 -161
- package/dist/esm/ix-menu-settings-item.entry.js +1 -1
- package/dist/esm/ix-menu-settings.entry.js +4 -4
- package/dist/esm/ix-menu.entry.js +42 -20
- package/dist/esm/ix-message-bar.entry.js +3 -3
- package/dist/esm/ix-modal-content_2.entry.js +6 -6
- package/dist/esm/ix-modal-footer.entry.js +2 -2
- package/dist/esm/ix-modal-loading.entry.js +1 -1
- package/dist/esm/ix-modal.entry.js +15 -8
- package/dist/esm/ix-number-input.entry.js +19 -16
- package/dist/esm/ix-pagination.entry.js +6 -6
- package/dist/esm/ix-pane-layout.entry.js +2 -2
- package/dist/esm/ix-pane.entry.js +11 -11
- package/dist/esm/ix-pill_4.entry.js +27 -175
- package/dist/esm/ix-popover-content.entry.js +2 -2
- package/dist/esm/ix-popover-footer.entry.js +2 -2
- package/dist/esm/ix-popover-header.entry.js +4 -4
- package/dist/esm/ix-popover-image.entry.js +1 -1
- package/dist/esm/ix-popover.entry.js +5 -156
- package/dist/esm/ix-progress-indicator.entry.js +4 -4
- package/dist/esm/ix-push-card.entry.js +2 -2
- package/dist/esm/ix-radio-group.entry.js +3 -3
- package/dist/esm/ix-radio.entry.js +6 -6
- package/dist/esm/ix-range-field.entry.js +4 -4
- package/dist/esm/ix-select.entry.js +14 -14
- package/dist/esm/ix-slider.entry.js +9 -9
- package/dist/esm/ix-split-button.entry.js +3 -3
- package/dist/esm/ix-tab-panel.entry.js +2 -2
- package/dist/esm/ix-textarea.entry.js +7 -7
- package/dist/esm/ix-tile.entry.js +5 -5
- package/dist/esm/ix-time-input.entry.js +9 -9
- package/dist/esm/ix-toast-container.entry.js +3 -3
- package/dist/esm/ix-toast.entry.js +4 -4
- package/dist/esm/ix-toggle-button.entry.js +4 -159
- package/dist/esm/ix-toggle.entry.js +7 -160
- package/dist/esm/ix-tooltip.entry.js +6 -2
- package/dist/esm/ix-tree-item.entry.js +6 -6
- package/dist/esm/ix-tree.entry.js +2 -1
- package/dist/esm/ix-typography.entry.js +2 -2
- package/dist/esm/ix-upload.entry.js +6 -6
- package/dist/esm/ix-workflow-step.entry.js +12 -6
- package/dist/esm/ix-workflow-steps.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/siemens-ix.js +1 -1
- package/dist/esm/{validation-VVt5EFy0.js → validation-DXpftrw5.js} +59 -4
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/{p-71feb871.entry.js → p-0018f327.entry.js} +1 -1
- package/dist/siemens-ix/p-0409f281.entry.js +1 -0
- package/dist/siemens-ix/p-0819923e.entry.js +1 -0
- package/dist/siemens-ix/p-0b875bbd.entry.js +1 -0
- package/dist/siemens-ix/p-14554694.entry.js +1 -0
- package/dist/siemens-ix/p-1a7b51d8.entry.js +1 -0
- package/dist/siemens-ix/{p-ea9691c1.entry.js → p-1aef893c.entry.js} +1 -1
- package/dist/siemens-ix/p-1bce1c19.entry.js +1 -0
- package/dist/siemens-ix/p-1d06e067.entry.js +1 -0
- package/dist/siemens-ix/p-1fddf959.entry.js +1 -0
- package/dist/siemens-ix/p-207d77b3.entry.js +1 -0
- package/dist/siemens-ix/{p-c69036b1.entry.js → p-213059a9.entry.js} +1 -1
- package/dist/siemens-ix/{p-2753ed4e.entry.js → p-222d3d93.entry.js} +1 -1
- package/dist/siemens-ix/p-2270cc5d.entry.js +1 -0
- package/dist/siemens-ix/p-24138425.entry.js +1 -0
- package/dist/siemens-ix/p-32104d25.entry.js +1 -0
- package/dist/siemens-ix/p-34d5185d.entry.js +1 -0
- package/dist/siemens-ix/p-34f2792e.entry.js +1 -0
- package/dist/siemens-ix/p-35042cda.entry.js +1 -0
- package/dist/siemens-ix/p-351e8732.entry.js +1 -0
- package/dist/siemens-ix/{p-e5e220c7.entry.js → p-38e0953a.entry.js} +1 -1
- package/dist/siemens-ix/{p-d1cd3cb9.entry.js → p-38eef16a.entry.js} +1 -1
- package/dist/siemens-ix/p-39079ba7.entry.js +1 -0
- package/dist/siemens-ix/p-3a60004f.entry.js +1 -0
- package/dist/siemens-ix/p-3ad11c04.entry.js +1 -0
- package/dist/siemens-ix/{p-ab202c45.entry.js → p-3c7a8e8b.entry.js} +1 -1
- package/dist/siemens-ix/p-3c92d126.entry.js +1 -0
- package/dist/siemens-ix/p-3ca5d3b9.entry.js +1 -0
- package/dist/siemens-ix/p-3fe85552.entry.js +1 -0
- package/dist/siemens-ix/{p-eac237a1.entry.js → p-40239cf6.entry.js} +1 -1
- package/dist/siemens-ix/{p-8f72a218.entry.js → p-403b7d10.entry.js} +1 -1
- package/dist/siemens-ix/p-4739e88e.entry.js +1 -0
- package/dist/siemens-ix/p-4ZsT_zIm.js +1 -0
- package/dist/siemens-ix/p-4c765c73.entry.js +1 -0
- package/dist/siemens-ix/p-4f02b8dd.entry.js +1 -0
- package/dist/siemens-ix/{p-d16ee3bd.entry.js → p-5014b469.entry.js} +1 -1
- package/dist/siemens-ix/p-50ece3e2.entry.js +1 -0
- package/dist/siemens-ix/p-53319a22.entry.js +1 -0
- package/dist/siemens-ix/{p-c0d56b86.entry.js → p-571a1628.entry.js} +1 -1
- package/dist/siemens-ix/p-58c6aa27.entry.js +1 -0
- package/dist/siemens-ix/{p-34eaf010.entry.js → p-60f7be48.entry.js} +1 -1
- package/dist/siemens-ix/p-643ed439.entry.js +1 -0
- package/dist/siemens-ix/p-6505e43d.entry.js +1 -0
- package/dist/siemens-ix/p-66097da1.entry.js +1 -0
- package/dist/siemens-ix/p-66e92cdd.entry.js +1 -0
- package/dist/siemens-ix/{p-21b09017.entry.js → p-675e2aa8.entry.js} +1 -1
- package/dist/siemens-ix/p-6c25b44d.entry.js +1 -0
- package/dist/siemens-ix/p-79a08a2a.entry.js +1 -0
- package/dist/siemens-ix/p-7b9d9c0c.entry.js +1 -0
- package/dist/siemens-ix/{p-da2e0f0e.entry.js → p-7bc3af96.entry.js} +1 -1
- package/dist/siemens-ix/p-83827bb2.entry.js +1 -0
- package/dist/siemens-ix/p-859294b4.entry.js +1 -0
- package/dist/siemens-ix/p-8a14750f.entry.js +1 -0
- package/dist/siemens-ix/p-8af23465.entry.js +1 -0
- package/dist/siemens-ix/{p-a2aa806e.entry.js → p-8bc225b7.entry.js} +1 -1
- package/dist/siemens-ix/p-9254cb19.entry.js +1 -0
- package/dist/siemens-ix/p-95625e2a.entry.js +1 -0
- package/dist/siemens-ix/p-9c6e5dcc.entry.js +1 -0
- package/dist/siemens-ix/{p-b2fe56c7.entry.js → p-9df616d3.entry.js} +1 -1
- package/dist/siemens-ix/p-BeX6RWvV.js +1 -0
- package/dist/siemens-ix/p-Bemn50Nk.js +1 -0
- package/dist/siemens-ix/p-BqeSHO6C.js +1 -0
- package/dist/siemens-ix/{p-HpQs38Y0.js → p-CDKWxg_L.js} +1 -1
- package/dist/siemens-ix/{p-CXbob2Ew.js → p-CLxF-dX8.js} +1 -1
- package/dist/siemens-ix/p-Cv_omozQ.js +1 -0
- package/dist/siemens-ix/{p-C21npbUc.js → p-DD206pTM.js} +1 -1
- package/dist/siemens-ix/p-S-XikzrL.js +1 -0
- package/dist/siemens-ix/p-a05bf6b5.entry.js +1 -0
- package/dist/siemens-ix/{p-bc0f5cbe.entry.js → p-a23edbb6.entry.js} +1 -1
- package/dist/siemens-ix/{p-f43c97cf.entry.js → p-a2a3d749.entry.js} +1 -1
- package/dist/siemens-ix/p-a4c3f3d3.entry.js +1 -0
- package/dist/siemens-ix/p-a87b0328.entry.js +1 -0
- package/dist/siemens-ix/p-aa0770ab.entry.js +1 -0
- package/dist/siemens-ix/{p-0e74e65c.entry.js → p-abe537f8.entry.js} +1 -1
- package/dist/siemens-ix/p-b299eca3.entry.js +1 -0
- package/dist/siemens-ix/p-b5bf48cb.entry.js +1 -0
- package/dist/siemens-ix/p-b990c3f4.entry.js +1 -0
- package/dist/siemens-ix/p-b9dcbd84.entry.js +1 -0
- package/dist/siemens-ix/p-c1b669ae.entry.js +1 -0
- package/dist/siemens-ix/{p-95e8951f.entry.js → p-c2d8ec4e.entry.js} +1 -1
- package/dist/siemens-ix/p-c393c20e.entry.js +1 -0
- package/dist/siemens-ix/p-c3e44b4a.entry.js +1 -0
- package/dist/siemens-ix/p-c4379966.entry.js +1 -0
- package/dist/siemens-ix/{p-52096875.entry.js → p-c6346987.entry.js} +1 -1
- package/dist/siemens-ix/p-c6987c42.entry.js +1 -0
- package/dist/siemens-ix/{p-7655c4c2.entry.js → p-ca4259c9.entry.js} +1 -1
- package/dist/siemens-ix/{p-e9b37020.entry.js → p-caac5984.entry.js} +1 -1
- package/dist/siemens-ix/{p-7899597f.entry.js → p-cb43f6e5.entry.js} +1 -1
- package/dist/siemens-ix/p-cc6305ab.entry.js +1 -0
- package/dist/siemens-ix/{p-5d7ede96.entry.js → p-ccea2ebf.entry.js} +1 -1
- package/dist/siemens-ix/{p-a44b1452.entry.js → p-cf56ddd5.entry.js} +1 -1
- package/dist/siemens-ix/p-cfd75035.entry.js +1 -0
- package/dist/siemens-ix/p-d39c4aeb.entry.js +1 -0
- package/dist/siemens-ix/p-d4d99140.entry.js +1 -0
- package/dist/siemens-ix/{p-d699bb26.entry.js → p-d555f28a.entry.js} +1 -1
- package/dist/siemens-ix/p-d94ad8f8.entry.js +1 -0
- package/dist/siemens-ix/p-da700215.entry.js +1 -0
- package/dist/siemens-ix/p-ddb49318.entry.js +1 -0
- package/dist/siemens-ix/p-de9a4607.entry.js +1 -0
- package/dist/siemens-ix/p-e2e7c16a.entry.js +1 -0
- package/dist/siemens-ix/p-e4f04831.entry.js +1 -0
- package/dist/siemens-ix/p-e5239c6d.entry.js +1 -0
- package/dist/siemens-ix/p-e789cd7e.entry.js +1 -0
- package/dist/siemens-ix/p-e7dedba9.entry.js +1 -0
- package/dist/siemens-ix/p-e87e947c.entry.js +1 -0
- package/dist/siemens-ix/p-e8d73d19.entry.js +1 -0
- package/dist/siemens-ix/p-e8f5519f.entry.js +1 -0
- package/dist/siemens-ix/{p-b7570885.entry.js → p-ea3b4ad4.entry.js} +1 -1
- package/dist/siemens-ix/p-eba11702.entry.js +1 -0
- package/dist/siemens-ix/p-eda419ea.entry.js +1 -0
- package/dist/siemens-ix/p-f3e24bb0.entry.js +1 -0
- package/dist/siemens-ix/{p-ac804eb2.entry.js → p-f4d8f94b.entry.js} +1 -1
- package/dist/siemens-ix/p-f705bb97.entry.js +1 -0
- package/{components/p-DkAUNod9.js → dist/siemens-ix/p-f7f6cf46.entry.js} +1 -1
- package/dist/siemens-ix/{p-4faa3c03.entry.js → p-fcfecc91.entry.js} +1 -1
- package/dist/siemens-ix/{p-C518yBiI.js → p-rgh7lt60.js} +1 -1
- package/dist/siemens-ix/p-xptA1Kt1.js +1 -0
- package/dist/siemens-ix/siemens-ix.css +11 -11
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/badge/badge.d.ts +195 -0
- package/dist/types/components/badge/badge.status-icon.d.ts +21 -0
- package/dist/types/components/badge/badge.types.d.ts +19 -0
- package/dist/types/components/badge/badge.utils.d.ts +10 -0
- package/dist/types/components/badge/test/badge.page.d.ts +67 -0
- package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +1 -16
- package/dist/types/components/button/button.d.ts +1 -16
- package/dist/types/components/card-list/card-list.d.ts +4 -1
- package/dist/types/components/chat/chat.d.ts +11 -0
- package/dist/types/components/chat-ai-message/chat-ai-message.d.ts +14 -0
- package/dist/types/components/chat-attachment/chat-attachment.d.ts +47 -0
- package/dist/types/components/chat-attachment/chat-attachment.types.d.ts +1 -0
- package/dist/types/components/chat-input/chat-input.d.ts +175 -0
- package/dist/types/components/chat-user-message/chat-user-message.d.ts +23 -0
- package/dist/types/components/chip/chip.d.ts +2 -17
- package/dist/types/components/dropdown/dropdown-focus.d.ts +1 -1
- package/dist/types/components/group/group.d.ts +1 -1
- package/dist/types/components/icon-button/icon-button.d.ts +2 -17
- package/dist/types/components/icon-toggle-button/icon-toggle-button.d.ts +1 -16
- package/dist/types/components/input/input.util.d.ts +2 -3
- package/dist/types/components/input/number-input.d.ts +1 -0
- package/dist/types/components/menu/menu.d.ts +1 -1
- package/dist/types/components/menu-category/menu-category.d.ts +3 -18
- package/dist/types/components/menu-item/menu-item.d.ts +1 -16
- package/dist/types/components/modal/modal.d.ts +1 -0
- package/dist/types/components/modal-header/modal-header.d.ts +1 -1
- package/dist/types/components/popover/popover.d.ts +1 -16
- package/dist/types/components/tabs/tabs.d.ts +3 -16
- package/dist/types/components/time-picker/test/expect-defined.d.ts +1 -0
- package/dist/types/components/toggle/toggle.d.ts +1 -16
- package/dist/types/components/toggle-button/toggle-button.d.ts +1 -16
- package/dist/types/components/tree/tree.d.ts +1 -1
- package/dist/types/components/utils/a11y.d.ts +1 -0
- package/dist/types/components/utils/input/validation.d.ts +6 -0
- package/dist/types/components/utils/internal/mixins/accessibility/aria-attribute-observer.d.ts +7 -0
- package/dist/types/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.d.ts +7 -18
- package/dist/types/components/utils/shadow-dom.d.ts +1 -1
- package/dist/types/components/workflow-step/workflow-step.d.ts +1 -0
- package/dist/types/components.d.ts +706 -5
- package/dist/types/public-api.d.ts +1 -0
- package/hydrate/index.js +2279 -2169
- package/hydrate/index.mjs +2279 -2169
- package/package.json +3 -3
- package/scss/mixins/_scrollbar.scss +21 -9
- package/components/p-3VG6z9c3.js +0 -1
- package/components/p-7HGOhDMX.js +0 -1
- package/components/p-BH2Yhp3V.js +0 -1
- package/components/p-BIcWFids.js +0 -1
- package/components/p-BST8QY5w.js +0 -1
- package/components/p-BWH03B1n.js +0 -1
- package/components/p-BWknDysp.js +0 -1
- package/components/p-B_MBGj0b.js +0 -1
- package/components/p-Bj_6nynP.js +0 -1
- package/components/p-BtSt9tC5.js +0 -1
- package/components/p-BzFLbXmT.js +0 -1
- package/components/p-C7MRPZvZ.js +0 -1
- package/components/p-CAH3dF6j.js +0 -1
- package/components/p-CHV-_J6i.js +0 -1
- package/components/p-Ca8JFa1v.js +0 -1
- package/components/p-CgHioxG-.js +0 -1
- package/components/p-CkIELF-1.js +0 -1
- package/components/p-Cvpz1Ji5.js +0 -1
- package/components/p-D1sONqtj.js +0 -1
- package/components/p-D69Mojvn.js +0 -1
- package/components/p-DKH7tPDu.js +0 -1
- package/components/p-DLe8Pp58.js +0 -1
- package/components/p-DM7ma3Eh.js +0 -1
- package/components/p-DNIQ2C1K.js +0 -1
- package/components/p-DO3HtUke.js +0 -1
- package/components/p-DfdjJL6W.js +0 -1
- package/components/p-DjIyhGBC.js +0 -1
- package/components/p-Dl_YKIKl.js +0 -1
- package/components/p-DuMiVxY1.js +0 -1
- package/components/p-Dwe6tWhq.js +0 -1
- package/components/p-DwmHytZi.js +0 -1
- package/components/p-DziPiOL3.js +0 -1
- package/components/p-GmOVROeD.js +0 -1
- package/components/p-LbnItC1h.js +0 -1
- package/components/p-R1AQtGdV.js +0 -1
- package/components/p-_f_q2Etu.js +0 -1
- package/components/p-f1jZqaUz.js +0 -1
- package/components/p-olkZUb1j.js +0 -1
- package/components/p-z19mjzlp.js +0 -1
- package/dist/cjs/inherit-aria-attributes.mixin-EyRU0cDO.js +0 -36
- package/dist/esm/inherit-aria-attributes.mixin-nCmPujqf.js +0 -34
- package/dist/siemens-ix/p-03215d55.entry.js +0 -1
- package/dist/siemens-ix/p-04a42013.entry.js +0 -1
- package/dist/siemens-ix/p-0b24f8d0.entry.js +0 -1
- package/dist/siemens-ix/p-0fd5baf1.entry.js +0 -1
- package/dist/siemens-ix/p-18cae4df.entry.js +0 -1
- package/dist/siemens-ix/p-1a6b7e92.entry.js +0 -1
- package/dist/siemens-ix/p-1cd9a45a.entry.js +0 -1
- package/dist/siemens-ix/p-1ea183fb.entry.js +0 -1
- package/dist/siemens-ix/p-227ba1b8.entry.js +0 -1
- package/dist/siemens-ix/p-2eb094c0.entry.js +0 -1
- package/dist/siemens-ix/p-39fb1c9e.entry.js +0 -1
- package/dist/siemens-ix/p-3bb5600a.entry.js +0 -1
- package/dist/siemens-ix/p-3bfa4bbc.entry.js +0 -1
- package/dist/siemens-ix/p-3f5ac9f7.entry.js +0 -1
- package/dist/siemens-ix/p-4154d18a.entry.js +0 -1
- package/dist/siemens-ix/p-427f85c3.entry.js +0 -1
- package/dist/siemens-ix/p-45106215.entry.js +0 -1
- package/dist/siemens-ix/p-4ceb3543.entry.js +0 -1
- package/dist/siemens-ix/p-4d179abe.entry.js +0 -1
- package/dist/siemens-ix/p-50a44cb9.entry.js +0 -1
- package/dist/siemens-ix/p-54a22a58.entry.js +0 -1
- package/dist/siemens-ix/p-57678563.entry.js +0 -1
- package/dist/siemens-ix/p-5ff289c7.entry.js +0 -1
- package/dist/siemens-ix/p-601224bd.entry.js +0 -1
- package/dist/siemens-ix/p-6aa5adb4.entry.js +0 -1
- package/dist/siemens-ix/p-703c7e7c.entry.js +0 -1
- package/dist/siemens-ix/p-71a31d92.entry.js +0 -1
- package/dist/siemens-ix/p-71a5fae5.entry.js +0 -1
- package/dist/siemens-ix/p-747d14a2.entry.js +0 -1
- package/dist/siemens-ix/p-7c120d09.entry.js +0 -1
- package/dist/siemens-ix/p-8164a98b.entry.js +0 -1
- package/dist/siemens-ix/p-83f4cd88.entry.js +0 -1
- package/dist/siemens-ix/p-8658717f.entry.js +0 -1
- package/dist/siemens-ix/p-8900e229.entry.js +0 -1
- package/dist/siemens-ix/p-8b839f30.entry.js +0 -1
- package/dist/siemens-ix/p-8cea823b.entry.js +0 -1
- package/dist/siemens-ix/p-8d535dc9.entry.js +0 -1
- package/dist/siemens-ix/p-96a3b3df.entry.js +0 -1
- package/dist/siemens-ix/p-9f2905df.entry.js +0 -1
- package/dist/siemens-ix/p-B4oiZyZC.js +0 -1
- package/dist/siemens-ix/p-DNIQ2C1K.js +0 -1
- package/dist/siemens-ix/p-DgUGsIlh.js +0 -1
- package/dist/siemens-ix/p-a25f267b.entry.js +0 -1
- package/dist/siemens-ix/p-a7f5e11e.entry.js +0 -1
- package/dist/siemens-ix/p-a8911648.entry.js +0 -1
- package/dist/siemens-ix/p-aa904521.entry.js +0 -1
- package/dist/siemens-ix/p-af808244.entry.js +0 -1
- package/dist/siemens-ix/p-b004e845.entry.js +0 -1
- package/dist/siemens-ix/p-b534dadd.entry.js +0 -1
- package/dist/siemens-ix/p-b63d7f36.entry.js +0 -1
- package/dist/siemens-ix/p-bddd1cca.entry.js +0 -1
- package/dist/siemens-ix/p-bfb758cb.entry.js +0 -1
- package/dist/siemens-ix/p-c0c6d772.entry.js +0 -1
- package/dist/siemens-ix/p-c1c209f6.entry.js +0 -1
- package/dist/siemens-ix/p-c9718f0d.entry.js +0 -1
- package/dist/siemens-ix/p-cd42c4e6.entry.js +0 -1
- package/dist/siemens-ix/p-d02d2e49.entry.js +0 -1
- package/dist/siemens-ix/p-d13c0b78.entry.js +0 -1
- package/dist/siemens-ix/p-d45ff0a0.entry.js +0 -1
- package/dist/siemens-ix/p-d5761950.entry.js +0 -1
- package/dist/siemens-ix/p-d770d8ba.entry.js +0 -1
- package/dist/siemens-ix/p-daf43138.entry.js +0 -1
- package/dist/siemens-ix/p-dc16a32d.entry.js +0 -1
- package/dist/siemens-ix/p-ddcc8627.entry.js +0 -1
- package/dist/siemens-ix/p-e3da7c67.entry.js +0 -1
- package/dist/siemens-ix/p-e58ae892.entry.js +0 -1
- package/dist/siemens-ix/p-e6046255.entry.js +0 -1
- package/dist/siemens-ix/p-eff190ad.entry.js +0 -1
- package/dist/siemens-ix/p-f1cd82bd.entry.js +0 -1
- package/dist/siemens-ix/p-f507157f.entry.js +0 -1
- package/dist/siemens-ix/p-fa5c236f.entry.js +0 -1
- package/dist/siemens-ix/p-fbd006be.entry.js +0 -1
- package/dist/siemens-ix/p-fdec73d4.entry.js +0 -1
- package/dist/siemens-ix/p-vphIrWGB.js +0 -1
- package/dist/siemens-ix/p-wfVRhTWc.js +0 -1
- package/dist/siemens-ix/p-yZFaEeBW.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as r,M as e,h as t,d as o,t as a}from"./p-eN5fQtqO.js";import{B as d}from"./p-DKU5FVxI.js";import{g as n}from"./p-DD206pTM.js";import{D as b}from"./p-CApDAYIa.js";import{I as s}from"./p-BF2IsI5j.js";import{d as i}from"./p-BKVBe7Co.js";const l=r(class extends(e(...b,s)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}variant="subtle-primary";oval=!1;icon;size="24";iconColor;disabled=!1;type="button";loading=!1;submitButtonElement;componentDidLoad(){if("submit"===this.type){const r=document.createElement("button");r.style.display="none",r.type="submit",r.tabIndex=-1,this.hostElement.appendChild(r),this.submitButtonElement=r}}dispatchFormEvents(){"submit"===this.type&&this.submitButtonElement&&this.submitButtonElement.click()}getIconSizeClass(){return{"btn-icon-12":"12"===this.size,"btn-icon-16":"16"===this.size,"btn-icon-32":"24"===this.size||!this.size}}render(){const r=n(this.icon);let e=this.inheritAriaAttributes||{};void 0===e["aria-label"]&&(e={...e,"aria-label":r});const a={ariaAttributes:e,variant:this.variant,iconOnly:!0,iconOval:this.oval,selected:!1,disabled:this.disabled||this.loading,icon:this.icon,iconColor:this.iconColor,iconSize:this.size,loading:this.loading,onClick:()=>this.dispatchFormEvents(),type:this.type,extraClasses:this.getIconSizeClass(),tabIndex:this.hostElement.hasAttribute("tabindex")?this.hostElement.tabIndex:void 0};return t(o,{key:"9272601ded9b34315e5aa297b35661615eccdaf8",class:{...this.getIconSizeClass(),disabled:this.disabled||this.loading},tabIndex:this.disabled?-1:0},t(d,{key:"46bfd8c84d6ee2c0c772877ac5411cb0c8eb24d7",...a}))}static get delegatesFocus(){return!0}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}: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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}: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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.active:not(.disabled)) .btn-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.active:not(.disabled)) .btn-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.active:not(.disabled)) .btn-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.active:not(.disabled)) .btn-subtle-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.active:not(.disabled)) .btn-subtle-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.active:not(.disabled)) .btn-danger-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.active:not(.disabled)) .btn-danger-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.active:not(.disabled)) .btn-danger-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}*,*::after,*::before{box-sizing:border-box}*::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}*{}*::-webkit-scrollbar{width:0.5rem;height:0.5rem}*{}*::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}*::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}*{}*::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}*{}*::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}*::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host .icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}"}},[529,"ix-icon-button",{variant:[1],oval:[4],icon:[1],size:[1],iconColor:[1,"icon-color"],disabled:[4],type:[1],loading:[4],inheritAriaAttributes:[32]}]);function c(){"undefined"!=typeof customElements&&["ix-icon-button","ix-spinner"].forEach((r=>{switch(r){case"ix-icon-button":customElements.get(a(r))||customElements.define(a(r),l);break;case"ix-spinner":customElements.get(a(r))||i()}}))}export{l as I,c as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as e,h as r,d as o,t as s}from"./p-eN5fQtqO.js";import{E as a,F as i}from"./p-DsVj4Cd-.js";import{g as n}from"./p-CRbQNmxe.js";import{a as b}from"./p-DD206pTM.js";import{d as l}from"./p-CiP3eKpd.js";import{d}from"./p-BKVBe7Co.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}i18nExpand="Expand";i18nCollapse="Collapse";expanded=!1;breakpoint;pinned=!1;getSmallScreenIcon(){return r("button",{"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,"aria-expanded":b(this.expanded),class:{...n("subtle-tertiary",!0,!1,!1,!1),"menu-expand-button":!0}},r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},r("rect",{class:"line line-1",x:"2",y:"5",width:"20",height:"2"}),r("rect",{class:"line line-2",x:"2",y:"11",width:"13",height:"2"}),r("rect",{class:"line line-3",x:"2",y:"17",width:"20",height:"2"})))}getLargeScreenIcon(){return r("ix-icon-button",{"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,"aria-expanded":b(this.expanded),icon:this.expanded?a:i,variant:"subtle-tertiary"})}getMenuIcon(){return this.pinned||"lg"===this.breakpoint||"md"===this.breakpoint?this.getLargeScreenIcon():this.getSmallScreenIcon()}render(){return r(o,{key:"4a815a77cda2209ccb908c08adbbcc4f9fe28081",class:{expanded:this.expanded,"ix-focusable":!0}},this.getMenuIcon())}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}: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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}: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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0px !important;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}"}},[513,"ix-menu-expand-icon",{i18nExpand:[1,"i18n-expand"],i18nCollapse:[1,"i18n-collapse"],expanded:[516],breakpoint:[513],pinned:[4]}]);function h(){"undefined"!=typeof customElements&&["ix-menu-expand-icon","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-menu-expand-icon":customElements.get(s(t))||customElements.define(s(t),c);break;case"ix-icon-button":customElements.get(s(t))||l();break;case"ix-spinner":customElements.get(s(t))||d()}}))}export{c as M,h as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as r,H as o,h as t,d as e,t as s}from"./p-eN5fQtqO.js";const a=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}render(){return t(e,{key:"b9b13e4b94006023e1c4cb72f8750a0d3115fe83"},t("slot",{key:"ab56f72939eeb96ebf29990d00894c14be058f9a"}))}static get style(){return":host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}: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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}"}},[257,"ix-modal-content"]);function b(){"undefined"!=typeof customElements&&["ix-modal-content"].forEach((r=>{"ix-modal-content"===r&&(customElements.get(s(r))||customElements.define(s(r),a))}))}export{a as M,b as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as t,e as o,h as s,d as r,t as i}from"./p-eN5fQtqO.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedChanged=o(this,"selectedChanged",7)}get hostElement(){return this}icon;ariaLabelIcon;text;secondaryText;suppressSelection=!1;groupFooter=!1;selected=!1;disabled=!1;selectedChanged;index;clickListen(){this.suppressSelection||this.disabled||this.selectedChanged.emit(this.hostElement)}render(){return this.groupFooter?s(r,{class:"suppress-mouse-states"},s("div",{class:"group-footer"},s("slot",null))):s(r,{class:{selected:this.selected&&!this.suppressSelection}},s("button",{tabindex:this.disabled?-1:0,disabled:this.disabled},s("div",{class:"group-entry-selection-indicator"}),this.icon?s("ix-icon",{size:"16",name:this.icon,"aria-label":this.ariaLabelIcon}):null,this.text?s("span",{class:"group-entry-text"},s("span",{title:this.text},this.text)):null,this.secondaryText?s("span",{class:"group-entry-text-secondary"},s("span",{title:this.secondaryText},this.secondaryText)):null,s("slot",null)))}static get style(){return":host{display:flex;min-height:2.25rem;height:2.25rem}: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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host>button,:host>.group-footer{display:flex;height:100%;width:100%;align-items:center;justify-content:flex-start;position:relative;outline:none;background-color:var(--theme-group-item--background);border:1px solid transparent;color:var(--theme-color-std-text);cursor:pointer;padding-left:2.5rem}:host>button:focus-visible,:host>.group-footer:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host>button:disabled,:host>.group-footer:disabled{cursor:default;pointer-events:none}:host .group-footer{cursor:default;border:none}:host ix-icon{margin-right:0.25rem;margin-top:-0.125rem}:host .group-entry-selection-indicator{position:absolute;left:-1px;height:calc(100% + 2px);width:0.25rem}:host .group-entry-text{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-entry-text-secondary{display:flex;justify-content:flex-end;flex-grow:1;white-space:nowrap;color:var(--theme-color-soft-text)}:host .group-entry-text-secondary,:host .group-entry-text-secondary span{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.selected){border-top-width:0.062rem !important;background-color:var(--theme-color-ghost--selected)}:host(.selected) .group-entry-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host(:not(.suppress-mouse-states):hover){background-color:var(--theme-color-ghost--selected-hover);border-color:var(--theme-group-item--border-color--hover)}:host(:not(.suppress-mouse-states).selected:hover){background-color:var(--theme-color-ghost--selected-hover)}:host(:not(.suppress-mouse-states):active):not(.suppress-mouse-states){background-color:var(--theme-color-ghost--selected-active);border-color:var(--theme-group-item--border-color--active)}:host(:not(.suppress-mouse-states).selected:active):not(.suppress-mouse-states){background-color:var(--theme-color-ghost--selected-active)}:host([disabled]){pointer-events:none;color:var(--theme-color-weak-text)}"}},[769,"ix-group-item",{icon:[1],ariaLabelIcon:[1,"aria-label-icon"],text:[1],secondaryText:[1,"secondary-text"],suppressSelection:[4,"suppress-selection"],groupFooter:[4,"group-footer"],selected:[4],disabled:[516],index:[2]},[[1,"click","clickListen"]]]);function n(){"undefined"!=typeof customElements&&["ix-group-item"].forEach((e=>{"ix-group-item"===e&&(customElements.get(i(e))||customElements.define(i(e),a))}))}export{a as G,n as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,M as t,e as a,h as r,d as o,t as i}from"./p-eN5fQtqO.js";import{J as s,u as d}from"./p-DsVj4Cd-.js";import{D as n,I as c}from"./p-D1WplX1z.js";import{q as h}from"./p-C5UTTqsv.js";import{D as l,h as b}from"./p-CApDAYIa.js";import{m}from"./p-Djkc69iv.js";import{r as u}from"./p-BEuV0Xpe.js";import{d as p}from"./p-q_MHsaAK.js";import{d as g}from"./p-DiYkfhDE.js";import{d as k}from"./p-CGGWaScq.js";import{d as y}from"./p-DzDB4UBp.js";import{d as f}from"./p-n2_EOgMr.js";import{d as v}from"./p-CiP3eKpd.js";import{d as w}from"./p-BKVBe7Co.js";import{d as x}from"./p-YFmbQndr.js";const D=e(class extends(t(...l)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dateChange=a(this,"dateChange",7),this.dateRangeChange=a(this,"dateRangeChange",7),this.dateSelect=a(this,"dateSelect",7)}get hostElement(){return this}format="yyyy/LL/dd";singleSelection=!1;corners="rounded";from;watchFromPropHandler(e){if(!e)return void(this.currFromDate=void 0);const t=this.parseDateString(e);t&&(this.currFromDate=t,this.updateSelectedYearMonth(t))}to;watchToPropHandler(e){if(!e)return void(this.currToDate=void 0);const t=this.parseDateString(e);t&&(this.currToDate=t,this.updateSelectedYearMonth(t))}minDate="";maxDate="";i18nDone="Done";ariaLabelPreviousMonthButton="Change calendar view to previous month";ariaLabelNextMonthButton="Change calendar view to next month";ariaLabelMonthSelection="Select month";ariaLabelYearSelection="Select year";weekStartIndex=0;locale;onLocaleChange(){this.setTranslations()}showWeekNumbers=!1;embedded=!1;today=n.now().toISO();enableTopLayer=!1;dateChange;dateRangeChange;dateSelect;async getCurrentDate(){const e=this.currFromDate?.isValid?this.currFromDate?.toFormat(this.format):void 0,t=this.currToDate?.isValid?this.currToDate?.toFormat(this.format):void 0;return this.singleSelection?{from:e,to:void 0}:{from:e,to:t}}currFromDate;currToDate;selectedYear=0;tempYear=0;startYear=0;endYear=0;selectedMonth=0;tempMonth=0;yearDropdownButtonRef=m();yearMonthSelectionDropdownRef=m();dayNames=[];monthNames=[];focusedDay=1;isDayFocus=!1;monthChangedFromFocus=!1;DAYS_IN_WEEK=7;calendar=[];onKeyDown(e){if(!this.isDayFocus)return;if(this.yearMonthSelectionDropdownRef.current?.show)return;if(["PageUp","PageDown","Home","End"].includes(e.key)){switch(e.key){case"PageUp":this.navigateCalendar(-1,e.shiftKey);break;case"PageDown":this.navigateCalendar(1,e.shiftKey);break;case"Home":this.focusFirstDayOfCurrentWeek();break;case"End":this.focusLastDayOfCurrentWeek()}return}let t=this.focusedDay;switch(e.key){case"ArrowLeft":t--;break;case"ArrowRight":t++;break;case"ArrowUp":t-=7;break;case"ArrowDown":t+=7;break;default:return}e.preventDefault(),this.setFocusedDay(t)}setFocusedDay(e=0){e>this.getDaysInCurrentMonth()?(e-=this.getDaysInCurrentMonth(),this.changeCalendarView(1),this.monthChangedFromFocus=!0):e<1&&(this.changeCalendarView(-1),e+=this.getDaysInCurrentMonth(),this.monthChangedFromFocus=!0),this.focusedDay=e}getDaysInCurrentMonth(){return n.utc(this.selectedYear,this.selectedMonth+1).daysInMonth||0}getFirstDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?t.dayNumbers.find((e=>void 0!==e))??e:e}getLastDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?[...t.dayNumbers].reverse().find((e=>void 0!==e))??e:e}getDateTimeNow(){return n.fromISO(this.today)}parseDateString(e){const t=n.fromFormat(e,this.format);if(t.isValid)return t;console.error(t.invalidExplanation)}async updateSelectedYearMonth(e){this.selectedYear=e.year,this.selectedMonth=e.month-1}onDayBlur(){this.isDayFocus=!1}onDayFocus(){this.isDayFocus=!0}componentWillLoad(){this.setTranslations(),this.currFromDate=this.from?n.fromFormat(this.from,this.format):void 0,this.currToDate=this.to?n.fromFormat(this.to,this.format):void 0;const e=this.currFromDate?.year??this.getDateTimeNow().year;this.startYear=e-101,this.endYear=e+101,this.selectedMonth=(this.currFromDate?.month??this.getDateTimeNow().month)-1,this.selectedYear=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}keyboardNavigationYearSelection;keyboardNavigationMonthSelection;disconnectedCallback(){this.keyboardNavigationYearSelection?.(),this.keyboardNavigationMonthSelection?.()}componentDidLoad(){super.componentDidLoad?.()}componentWillRender(){this.calculateCalendar()}componentDidRender(){if(!this.monthChangedFromFocus&&!this.isDayFocus)return;const e=this.hostElement.shadowRoot.querySelector(`[id=day-cell-${this.focusedDay}]`);e?.focus(),this.monthChangedFromFocus=!1}async navigateCalendar(e,t){this.navigateByMonthOrYear(t?"year":"month",e)}async focusFirstDayOfCurrentWeek(){this.focusedDay=this.getFirstDayOfWeek(this.focusedDay)}async focusLastDayOfCurrentWeek(){this.focusedDay=this.getLastDayOfWeek(this.focusedDay)}async isCalendarDayFocused(){return this.isDayFocus&&!this.yearMonthSelectionDropdownRef.current?.show}async focusActiveDay(){const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected")??e.querySelector(".calendar-item.today")??e.querySelector(".calendar-item.first-day");if(!t)return;const a=t.dataset.calendarDay;a&&(this.focusedDay=parseInt(a,10)),t.focus()}setTranslations(){this.dayNames=this.rotateWeekDayNames(c.weekdays("long",{locale:this.locale}),this.weekStartIndex),this.monthNames=c.months("long",{locale:this.locale})}rotateWeekDayNames(e,t){const a=[...e];if(0===t)return a;const r=e.length;return a.push(...a.splice(0,(-(t=-t)%r+r)%r)),a}async onDone(){const e=await this.getCurrentDate();this.dateSelect.emit(e)}calculateCalendar(){const e=[],t=n.utc(this.selectedYear,this.selectedMonth+1),a=t.startOf("month"),r=t.endOf("month");let o=a.weekNumber,i=r.weekNumber,s=a.weekday-1,d=r.weekday-1;if(0!==this.weekStartIndex){const e=c.weekdays(),t=e[a.weekday];s=this.dayNames.findIndex((e=>e===t));const o=e[r.weekday];d=this.dayNames.findIndex((e=>e===o))}let h=!1;1===i&&(i=r.weeksInWeekYear+1,h=!0);let l=!1;o===a.weeksInWeekYear&&(o=1,i++,l=!0);let b=1;for(let t=o;t<=i&&b<=31;t++){const n=[];for(let e=0;e<this.DAYS_IN_WEEK&&b<=31;e++)n.push(t===o&&e<s||t===i&&e>d?void 0:b++);e.push(l||h?1===t?{weekNumber:a.weeksInWeekYear,dayNumbers:n}:t===r.weekNumber?{weekNumber:1,dayNumbers:n}:{weekNumber:t-1,dayNumbers:n}:{weekNumber:t,dayNumbers:n})}this.calendar=e}selectMonth(e){this.selectedMonth=e,this.selectedYear=this.tempYear,this.tempMonth=e}changeCalendarView(e){this.selectedMonth+e<0?(this.selectedYear--,this.selectedMonth=11):this.selectedMonth+e>11?(this.selectedYear++,this.selectedMonth=0):this.selectedMonth+=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}navigateByMonthOrYear(e,t){let a=this.selectedYear,r=this.selectedMonth;"year"===e?a+=t:(r+=t,r<0?(r=11,a--):r>11&&(r=0,a++));const o=n.utc(a,r+1).daysInMonth||0;this.focusedDay=Math.min(this.focusedDay,o),this.selectedYear=a,this.selectedMonth=r,this.tempYear=a,this.tempMonth=r,this.monthChangedFromFocus=!0}selectDay(e,t){if(t.classList.contains("disabled"))return;const a=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return this.singleSelection||void 0===this.currFromDate?(this.currFromDate=a,void this.onDateChange()):void 0!==this.currToDate?(this.currFromDate=a,this.currToDate=void 0,void this.onDateChange()):a<this.currFromDate?(this.currToDate=this.currFromDate,this.currFromDate=a,void this.onDateChange()):(this.currToDate=a,void this.onDateChange())}onDateChange(){this.getCurrentDate().then((e=>{this.dateChange.emit(e),this.singleSelection||this.dateRangeChange.emit(e)}))}getUtilitiesBasedOnDay(e){const t=this.getDateTimeNow(),a=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return{isFirstDay:()=>1===e,isToday:()=>t.hasSame(a,"day"),isSelected:()=>!(!this.currFromDate?.hasSame(a,"day")&&!this.currToDate?.hasSame(a,"day")),isRange:()=>!!(this.currFromDate&&a.startOf("day")>this.currFromDate.startOf("day")&&void 0!==this.currToDate&&a.startOf("day")<this.currToDate?.startOf("day"))}}getDayClasses(e){const t=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e)),a=this.getUtilitiesBasedOnDay(e);return{"calendar-item":!0,"empty-day":void 0===e,"first-day":a.isFirstDay(),today:a.isToday(),selected:a.isSelected(),range:a.isRange(),disabled:!this.isWithinMinMaxDate(t)}}isWithinMinMaxYear(e){const t=this.minDate?n.fromFormat(this.minDate,this.format).year:void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format).year:void 0;return!(t&&e<t||a&&e>a)}isWithinMinMaxMonth(e){const t=this.minDate?n.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format):void 0,r=t?.month,o=a?.month;return!(r&&this.tempYear===t.year&&e<r||o&&this.tempYear===a.year&&e>o)}isWithinMinMaxDate(e){const t=this.minDate?n.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format):void 0,r=!!t&&e.startOf("day")<t.startOf("day"),o=!!a&&e.startOf("day")>a.startOf("day");return!r&&!o}renderMonths(){return this.monthNames.map(((e,t)=>r("ix-dropdown-item",{checked:this.tempYear===this.selectedYear&&this.tempMonth===t,key:e,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxMonth(t)},onClick:()=>{this.selectMonth(t)}},r("span",{class:"capitalize monthMargin"},`${e}`))))}renderYears(){const e=[];for(let t=this.startYear;t<=this.endYear;t++)e.push(r("ix-dropdown-item",{key:t,checked:this.tempYear===t,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxYear(t)},onClick:()=>{this.tempYear=t,this.selectedYear=this.tempYear}},r("div",{style:{"min-width":"max-content"}},`${t}`)));return e}changeFocusedDay(){this.monthChangedFromFocus||u((()=>{const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected"),a=e.querySelector(".calendar-item.today");let r=t??a;if(r||(r=e.querySelector(".calendar-item.first-day")),!r)return;const o=r.dataset.calendarDay;o&&(this.focusedDay=parseInt(o,10))}))}async intersect(e){const t=this.yearDropdownButtonRef.current;if(!t)return;const a=await t.getDropdownReference();e.forEach((e=>{e.isIntersecting&&("top"===e.target.dataset.sentinel?(this.startYear-=5,this.skipFirstScrollOffset||u((()=>{const e=h(a,"ix-dropdown-item")[0];a.scrollTo(0,e.offsetTop)})),this.skipFirstScrollOffset=!1):this.endYear+=5)}))}skipFirstScrollOffset=!0;intersectStart=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});intersectEnd=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});render(){return r(o,{key:"d3069d1895021eafcdbf31b1e3efb3fc9c9bd45c",onKeyDown:e=>this.onKeyDown(e),onFocusin:()=>{b()&&this.changeFocusedDay()}},r("ix-date-time-card",{key:"565f344168f3cd6d5ec6cf52c995986069b8b283",corners:this.corners,embedded:this.embedded},r("div",{key:"0736fee99626beb804c8cc12029fe54e7d548e2b",class:"header",slot:"header"},r("ix-icon-button",{key:"f7a6a2cf70bcc64d3c302b7030b6d3d6576e0f2a",onClick:()=>this.changeCalendarView(-1),icon:s,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelPreviousMonthButton}),r("div",{key:"74181a640e8fc12a42b5e781a7c34e181cf1eb8a",class:"selector"},r("ix-dropdown-button",{key:"4cf5f39ae313b65da3e2ac5a5fa52ccb82122e6d",class:"month-selector",focusCheckedItem:!0,"aria-label":this.ariaLabelMonthSelection,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation()}},r("ix-typography",{key:"b2faf7ed035bbb6fdd6340b670293c8e0ca1621b",bold:!0,class:"capitalize",slot:"button-label"},this.monthNames[this.selectedMonth]),this.renderMonths()),r("ix-dropdown-button",{key:"4dbdfb735fb5f515968e631575c92e1163a25e1b",class:"year-selector",focusCheckedItem:!0,"aria-label":this.ariaLabelYearSelection,ref:this.yearDropdownButtonRef,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation(),e.detail?u((()=>{this.intersectStart.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="top"]')),this.intersectEnd.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="bottom"]'));const e=this.yearDropdownButtonRef.current?.querySelector("ix-dropdown-item[checked]");e&&u((()=>{e.scrollIntoView({block:"center"})}))})):(this.intersectStart.disconnect(),this.intersectEnd.disconnect())}},r("div",{key:"6bff1627c2ae988c2cec43c0fab19301afe0d4b2",class:"infinite-scrolling-spacer"},r("div",{key:"65649d41658fea52c472ae4a7be9b2049324012a",class:"sentinel","data-sentinel":"top"})),r("ix-typography",{key:"845eaf9a759948f682bea5ac32cbff69a7911db9",bold:!0,class:"capitalize",slot:"button-label"},this.selectedYear),this.renderYears(),r("div",{key:"4b8886f3383301fce14c4c82a36a322a16bab48d",class:"infinite-scrolling-spacer"},r("div",{key:"2ed935b2f11cb117b6ed10f4458ecc4d7b3466aa",class:"sentinel","data-sentinel":"bottom"})))),r("ix-icon-button",{key:"6744bb35c08d528c1455c737823443f786739b87",onClick:()=>this.changeCalendarView(1),icon:d,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelNextMonthButton})),r("div",{key:"65e864e3df6b3f4c725337c13c302ae4f4d29904",role:"grid",class:{grid:!0,"grid--show-week-numbers":this.showWeekNumbers}},r("div",{key:"061afbad3742cbeba3564b06667414ac05c37461",role:"row"},this.showWeekNumbers&&r("div",{key:"9f223211778fcef3281a0fc11ab2ddfb40c66670",class:"calendar-item week-day",role:"columnheader"}),this.dayNames.map((e=>r("div",{key:e,class:"calendar-item week-day",role:"columnheader"},r("div",{class:"overflow"},e.slice(0,3)))))),this.calendar.map((e=>r("div",{role:"row"},this.showWeekNumbers&&r("div",{class:"calendar-item week-number",role:"rowheader"},e.weekNumber),e.dayNumbers.map((t=>t?r("div",{role:"gridcell","aria-selected":this.getUtilitiesBasedOnDay(t).isSelected()?"true":"false",key:t,id:`day-cell-${t}`,"data-calendar-day":t,"data-date-value":`${e.weekNumber}-${t}`,class:this.getDayClasses(t),onClick:e=>{this.selectDay(t,e.currentTarget)},onKeyDown:e=>{const a=e.currentTarget;"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.selectDay(t,a))},tabIndex:t===this.focusedDay?0:-1,autofocus:this.getUtilitiesBasedOnDay(t).isToday(),onFocus:()=>this.onDayFocus(),onBlur:()=>this.onDayBlur(),"aria-label":`${t} ${c.months()[this.selectedMonth]} ${this.selectedYear}`},t):r("div",{role:"gridcell"}))))))),r("div",{key:"f4e2619893fdf4d3c4a6ba2b514a03285a9a145f",class:{button:!0,hidden:this.singleSelection||this.embedded}},r("ix-button",{key:"a907377384cc521a7302a4adc7a4076a9befbc38",hidden:this.singleSelection||this.embedded,onClick:()=>this.onDone()},this.i18nDone))))}static get delegatesFocus(){return!0}static get watchers(){return{from:[{watchFromPropHandler:0}],to:[{watchToPropHandler:0}],locale:[{onLocaleChange:0}]}}static get style(){return":host{display:block;position:relative;max-width:21rem}: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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid [role=row]{display:grid;grid-column:1/-1;grid-template-columns:subgrid}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected);font-weight:var(--theme-font-weight-bold)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:var(--theme-ms-0);line-height:143%;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}:host .infinite-scrolling-spacer:first-of-type{position:relative;padding-bottom:4rem}:host .infinite-scrolling-spacer:first-of-type .sentinel{position:absolute;bottom:0;height:1px;width:50px}:host .infinite-scrolling-spacer:last-of-type{position:relative;padding-top:4rem}:host .infinite-scrolling-spacer:last-of-type .sentinel{position:absolute;top:0;height:1px;width:50px}:host .month-selector,:host .year-selector{--ix-button-padding:0 0.25rem}"}},[529,"ix-date-picker",{format:[1],singleSelection:[4,"single-selection"],corners:[1],from:[1],to:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],i18nDone:[1,"i18n-done"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],ariaLabelMonthSelection:[1,"aria-label-month-selection"],ariaLabelYearSelection:[1,"aria-label-year-selection"],weekStartIndex:[2,"week-start-index"],locale:[1],showWeekNumbers:[4,"show-week-numbers"],embedded:[4],today:[1],enableTopLayer:[4,"enable-top-layer"],currFromDate:[32],currToDate:[32],selectedYear:[32],tempYear:[32],startYear:[32],endYear:[32],selectedMonth:[32],tempMonth:[32],dayNames:[32],monthNames:[32],focusedDay:[32],getCurrentDate:[64],updateSelectedYearMonth:[64],navigateCalendar:[64],focusFirstDayOfCurrentWeek:[64],focusLastDayOfCurrentWeek:[64],isCalendarDayFocused:[64],focusActiveDay:[64]},void 0,{from:[{watchFromPropHandler:0}],to:[{watchToPropHandler:0}],locale:[{onLocaleChange:0}]}]);function C(){"undefined"!=typeof customElements&&["ix-date-picker","ix-button","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-date-picker":customElements.get(i(e))||customElements.define(i(e),D);break;case"ix-button":customElements.get(i(e))||p();break;case"ix-date-time-card":customElements.get(i(e))||g();break;case"ix-dropdown":customElements.get(i(e))||k();break;case"ix-dropdown-button":customElements.get(i(e))||y();break;case"ix-dropdown-item":customElements.get(i(e))||f();break;case"ix-icon-button":customElements.get(i(e))||v();break;case"ix-spinner":customElements.get(i(e))||w();break;case"ix-typography":customElements.get(i(e))||x()}}))}export{D,C as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as r,H as a,h as c,d as e,t as o}from"./p-eN5fQtqO.js";const d=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}variant="outline";selected=!1;passive=!1;render(){return c(e,{key:"15a5290b3c7e7741e0ffd7c3447e115361e6207b",class:{selected:this.selected,[`card-${this.variant}`]:!0,passive:this.passive}},c("div",{key:"57d26d3803b3fd0073a757763f9d1fac16c7aca8",class:"card-content"},c("slot",{key:"552d0ac9710be3f27163e21044257a02a40ef7a5"})),c("div",{key:"81c426f0602f0004967ded8e1fc148db6fd252b1",class:"card-footer"},c("slot",{key:"8905cdb307be920a456a74991dbfd2b4c278f5b0",name:"card-accordion"})))}static get style(){return":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;cursor:pointer;width:20rem;border:var(--theme-card--border-width) solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-card--border-radius)}: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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-card--border-radius);border-top-right-radius:var(--theme-card--border-radius);overflow:hidden}:host .card-content-wrapper{height:100%;width:100%;box-sizing:border-box}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color);color:var(--theme-card-outline--color)}:host(.card-outline) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color);color:var(--theme-card-filled--color)}:host(.card-filled) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color);color:var(--theme-card-alarm--color)}:host(.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color);color:var(--theme-card-critical--color)}:host(.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color);color:var(--theme-card-warning--color)}:host(.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color);color:var(--theme-card-success--color)}:host(.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color);color:var(--theme-card-info--color)}:host(.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color);color:var(--theme-card-neutral--color)}:host(.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color);color:var(--theme-card-primary--color)}:host(:not(.card-insight,.card-outline)){--ix-card-border-color:transparent}:host(.card-outline:hover){--ix-card-border-color:var(--theme-card-outline--border-color--hover);--ix-card-background:var(--theme-card-outline--background--hover)}:host(.card-outline:active){--ix-card-border-color:var(--theme-card-outline--border-color--active);--ix-card-background:var(--theme-card-outline--background--active)}:host(.selected.card-outline){--ix-card-border-color:var( --theme-card-outline--border-color--selected );--ix-card-background:var(--theme-card-outline--background--selected)}:host(.card-filled:hover){--ix-card-border-color:var(--theme-card-filled--border-color--hover);--ix-card-background:var(--theme-card-filled--background--hover)}:host(.card-filled:active){--ix-card-border-color:var(--theme-card-filled--border-color--active);--ix-card-background:var(--theme-card-filled--background--active)}:host(.selected.card-filled){--ix-card-border-color:var( --theme-card-filled--border-color--selected );--ix-card-background:var(--theme-card-filled--background--selected)}:host(.card-alarm:hover){--ix-card-border-color:var(--theme-card-alarm--border-color--hover);--ix-card-background:var(--theme-card-alarm--background--hover)}:host(.card-alarm:active){--ix-card-border-color:var(--theme-card-alarm--border-color--active);--ix-card-background:var(--theme-card-alarm--background--active)}:host(.selected.card-alarm){--ix-card-border-color:var( --theme-card-alarm--border-color--selected );--ix-card-background:var(--theme-card-alarm--background--selected)}:host(.card-critical:hover){--ix-card-border-color:var(--theme-card-critical--border-color--hover);--ix-card-background:var(--theme-card-critical--background--hover)}:host(.card-critical:active){--ix-card-border-color:var(--theme-card-critical--border-color--active);--ix-card-background:var(--theme-card-critical--background--active)}:host(.selected.card-critical){--ix-card-border-color:var( --theme-card-critical--border-color--selected );--ix-card-background:var(--theme-card-critical--background--selected)}:host(.card-warning:hover){--ix-card-border-color:var(--theme-card-warning--border-color--hover);--ix-card-background:var(--theme-card-warning--background--hover)}:host(.card-warning:active){--ix-card-border-color:var(--theme-card-warning--border-color--active);--ix-card-background:var(--theme-card-warning--background--active)}:host(.selected.card-warning){--ix-card-border-color:var( --theme-card-warning--border-color--selected );--ix-card-background:var(--theme-card-warning--background--selected)}:host(.card-success:hover){--ix-card-border-color:var(--theme-card-success--border-color--hover);--ix-card-background:var(--theme-card-success--background--hover)}:host(.card-success:active){--ix-card-border-color:var(--theme-card-success--border-color--active);--ix-card-background:var(--theme-card-success--background--active)}:host(.selected.card-success){--ix-card-border-color:var( --theme-card-success--border-color--selected );--ix-card-background:var(--theme-card-success--background--selected)}:host(.card-info:hover){--ix-card-border-color:var(--theme-card-info--border-color--hover);--ix-card-background:var(--theme-card-info--background--hover)}:host(.card-info:active){--ix-card-border-color:var(--theme-card-info--border-color--active);--ix-card-background:var(--theme-card-info--background--active)}:host(.selected.card-info){--ix-card-border-color:var( --theme-card-info--border-color--selected );--ix-card-background:var(--theme-card-info--background--selected)}:host(.card-neutral:hover){--ix-card-border-color:var(--theme-card-neutral--border-color--hover);--ix-card-background:var(--theme-card-neutral--background--hover)}:host(.card-neutral:active){--ix-card-border-color:var(--theme-card-neutral--border-color--active);--ix-card-background:var(--theme-card-neutral--background--active)}:host(.selected.card-neutral){--ix-card-border-color:var( --theme-card-neutral--border-color--selected );--ix-card-background:var(--theme-card-neutral--background--selected)}:host(.card-primary:hover){--ix-card-border-color:var(--theme-card-primary--border-color--hover);--ix-card-background:var(--theme-card-primary--background--hover)}:host(.card-primary:active){--ix-card-border-color:var(--theme-card-primary--border-color--active);--ix-card-background:var(--theme-card-primary--background--active)}:host(.selected.card-primary){--ix-card-border-color:var( --theme-card-primary--border-color--selected );--ix-card-background:var(--theme-card-primary--background--selected)}:host(.passive){cursor:default}:host(.passive.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color)}:host(.passive.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color)}:host(.passive.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color)}:host(.passive.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color)}:host(.passive.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color)}:host(.passive.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color)}:host(.passive.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color)}:host(.passive.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color)}:host(.passive.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color)}"}},[769,"ix-card",{variant:[1],selected:[4],passive:[4]}]);function t(){"undefined"!=typeof customElements&&["ix-card"].forEach((r=>{"ix-card"===r&&(customElements.get(o(r))||customElements.define(o(r),d))}))}export{d as C,t as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as o}from"./p-
|
|
1
|
+
import{h as o}from"./p-eN5fQtqO.js";const s=s=>o("ul",{class:"proxy-list",role:"listbox",id:`${s.hostId}-${t}`,...s.otherProps}),t="proxy-listbox",x="proxy-listbox-item",i=(o,s,t)=>{if(o&&s.length>0){const i=s[0].getBoundingClientRect(),p=(o.offsetParent??o.parentElement)?.getBoundingClientRect(),l=p?Math.max(0,i.top-p.top-i.height+8):0;o.innerHTML="",o.style.top=l+"px",o.style.padding="0px",o.style.margin="0px",s.forEach((s=>{const i=document.createElement("li");i.id=s.id+"-"+x,t&&t(s,i),s.ariaHidden="true",o.appendChild(i)}))}};export{s as F,x as P,t as a,i as u}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,M as e,e as o,f as a,h as s,d as i,t as r}from"./p-eN5fQtqO.js";import{e as n}from"./p-DsVj4Cd-.js";import{m as b}from"./p-Djkc69iv.js";import{D as c,h}from"./p-CApDAYIa.js";import{I as l}from"./p-BF2IsI5j.js";import{r as d}from"./p-BEuV0Xpe.js";import{d as m}from"./p-q_MHsaAK.js";import{d as u}from"./p-CGGWaScq.js";import{d as p}from"./p-DzDB4UBp.js";import{d as f}from"./p-n2_EOgMr.js";import{d as v}from"./p-CiP3eKpd.js";import{d as g}from"./p-BKVBe7Co.js";const k=t(class extends(e(...c,l)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChange=o(this,"tabChange",7),this.tabClose=o(this,"tabClose",7)}get hostElement(){return this}getIgnoredAriaAttributes(){return["role"]}small=!1;rounded=!1;layout="auto";placement="bottom";ariaLabelMoreTabs="Show all tabs";activeTabKey;keyboardNavigation="automatic";tabChange;tabClose;isTabsOverflow=!1;overflowMenuItems=[];resizeObserver;itemsObserver;tabsContainerRef=b();tabsRef=b();get tabs(){return Array.from(this.hostElement.querySelectorAll("ix-tab-item"))}componentDidLoad(){this.itemsObserver=new MutationObserver((()=>{this.onComponentChildrenChange(),d((()=>this.onComponentResize()))})),this.itemsObserver.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.resizeObserver=new ResizeObserver((()=>this.onComponentResize())),this.resizeObserver.observe(this.hostElement),this.onComponentResize()}componentWillLoad(){super.componentWillLoad(),this.onComponentChildrenChange(),this.activeTabKey&&this.setTabActive(this.activeTabKey)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect(),this.itemsObserver&&this.itemsObserver.disconnect()}onActiveTabChange(t,e){const o=this.tabs.find((t=>t.selected));o?.tabKey!==t&&this.emitTabChangeEvent(t,e)}setTabActive(t){const e=this.tabs;if(void 0===t)return e.forEach((t=>t.selected=!1)),this.onComponentChildrenChange(),void(this.activeTabKey=void 0);const o=e.find((e=>e.tabKey===t));return o&&!o.disabled?(e.forEach((t=>t.selected=!1)),o.selected=!0,this.onComponentChildrenChange(),this.activeTabKey=o.tabKey,o.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),this.activeTabKey):void 0}onComponentChildrenChange(){const t=this.tabs;t.forEach((e=>{const o={layout:this.layout,small:this.small,rounded:this.rounded,placement:this.placement,iconOnly:t.every((t=>!t.label&&!!t.icon))};Object.assign(e,o)})),this.overflowMenuItems=Array.from(t).map((t=>({tabKey:t.tabKey,label:t.label||t.textContent||"",icon:t.icon,disabled:t.disabled}))),!t.some((t=>t.selected))&&t.length>0&&h()&&(t[0].focus(),this.emitTabChangeEvent(t[0].tabKey))}onComponentResize(){const t=this.tabsRef.current;t&&a((()=>{this.isTabsOverflow=t.scrollWidth>t.clientWidth}))}onTabClick(t){t.defaultPrevented||void 0!==t.detail.tabKey&&this.emitTabChangeEvent(t.detail.tabKey)}emitTabChangeEvent(t,e=this.activeTabKey){!function(t,e,o){const a=t(),{defaultPrevented:s}=e.emit(a.new);s&&o(a.old)}((()=>({new:this.setTabActive(t),old:e})),this.tabChange,(t=>this.setTabActive(t)))}onTabsNavigate(t){if(t.target instanceof HTMLElement&&"tablist"===t.target.getAttribute("role"))return;const e=this.tabs.filter((t=>!t.disabled));let o=e.findIndex((t=>t.selected));"manual"===this.keyboardNavigation&&(o=e.findIndex((t=>t===document.activeElement)));const a=t=>{t.focus(),"automatic"===this.keyboardNavigation&&this.emitTabChangeEvent(t.tabKey)};if("ArrowRight"===t.key||"ArrowLeft"===t.key){if(t.preventDefault(),-1===o)return;a(e[(o+("ArrowRight"===t.key?1:-1)+e.length)%e.length])}"Home"===t.key&&(t.preventDefault(),a(e[0])),"End"===t.key&&(t.preventDefault(),a(e[e.length-1]))}render(){return s(i,{key:"5554f09b7834c47e4c1890100ed750b15d6858d8",onTabClick:t=>this.onTabClick(t),class:{small:this.small}},s("div",{key:"b076db8284d73f8659cdf2932594133c655d695d",ref:this.tabsContainerRef,class:{"tabs-container":!0,top:"top"===this.placement,bottom:"bottom"===this.placement}},s("div",{key:"73fa1a3e4ad9b30b6a8a47f8a74a7b44267ae328",class:{"overflow-shadow-container":!0,"overflow-shadow":this.isTabsOverflow}},s("div",{key:"2defca0131e7c714e619f70265d5775d8aebf553",role:"tablist",...this.inheritAriaAttributes,ref:this.tabsRef,class:{tabs:!0,"tabs-stretched":"stretched"===this.layout},tabIndex:this.isTabsOverflow?0:-1,onKeyDown:t=>this.onTabsNavigate(t)},s("slot",{key:"3684ddc5023e0553ab0175150692256fc3109006"}))),this.isTabsOverflow&&"stretched"!==this.layout&&s("ix-dropdown-button",{key:"6827cbb9086793efd0f496f8ba81f81eba5266e9",ariaLabel:this.ariaLabelMoreTabs,icon:n,class:{"tabs-context-menu":!0},variant:"subtle-tertiary"},this.overflowMenuItems.map((t=>s("ix-dropdown-item",{key:t.tabKey,checked:t.tabKey===this.activeTabKey,icon:t.icon,label:t.label,disabled:t.disabled,onClick:()=>this.activeTabKey=t.tabKey}))))))}static get delegatesFocus(){return!0}static get watchers(){return{activeTabKey:[{onActiveTabChange:0}]}}static get style(){return':host{width:auto;display:flex;align-items:center;position:relative}: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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .tabs-container{display:flex;flex-direction:row;position:relative;width:100%;justify-content:space-between;align-items:center}:host .tabs-container.top::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.top::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.top::before,:host .tabs-container.top::after{top:0;bottom:auto}:host .tabs-container.bottom::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.bottom::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.bottom::before,:host .tabs-container.bottom::after{top:auto;bottom:0}:host .tabs{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;scroll-behavior:smooth;width:100%;touch-action:pan-y;padding-right:2.75rem;scrollbar-width:none}:host .tabs::-webkit-scrollbar{display:none}:host .tabs.tabs-stretched{padding-right:0px}:host .tabs:focus-visible{outline-offset:-1px;outline:1px solid var(--theme-color-focus-bdr)}:host .tabs-context-menu{margin-right:0.5rem}:host .overflow-shadow-container{display:block;position:relative;height:100%;width:100%;pointer-events:all;overflow:auto}:host .overflow-shadow{-webkit-mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%);mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%)}'}},[785,"ix-tabs",{small:[4],rounded:[4],layout:[1],placement:[1],ariaLabelMoreTabs:[1,"aria-label-more-tabs"],activeTabKey:[1537,"active-tab-key"],keyboardNavigation:[1,"keyboard-navigation"],inheritAriaAttributes:[32],isTabsOverflow:[32],overflowMenuItems:[32]},void 0,{activeTabKey:[{onActiveTabChange:0}]}]);function w(){"undefined"!=typeof customElements&&["ix-tabs","ix-button","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-tabs":customElements.get(r(t))||customElements.define(r(t),k);break;case"ix-button":customElements.get(r(t))||m();break;case"ix-dropdown":customElements.get(r(t))||u();break;case"ix-dropdown-button":customElements.get(r(t))||p();break;case"ix-dropdown-item":customElements.get(r(t))||f();break;case"ix-icon-button":customElements.get(r(t))||v();break;case"ix-spinner":customElements.get(r(t))||g()}}))}export{k as T,w as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const a=a=>a?"true":"false",r=a=>a.replace("-filled","").split("-").map((a=>{const r=a.trim(),i=r.replace(/\d+/g,"");return 0===i.length?r:i})).map((a=>a.charAt(0).toUpperCase()+a.slice(1))).join(" "),i=a=>{if(!a)return"Unknown";if((a=>{if(!a)return!1;let r;try{r=new URL(a)}catch(a){return!1}return"http:"===r.protocol||"https:"===r.protocol})(a))return"Unknown";if((i=a)&&"string"==typeof i&&i.startsWith("data:image/svg+xml")){const i=/.*\<desc\>(.*)\<\/desc\>.*/g.exec(a);return i&&i.length>1?r(i[1]):"Unknown"}var i;const e=r(a);return 0===e.length?"Unknown":e},e=(a,r=[])=>{const i={};return t.forEach((e=>{a.hasAttribute(e)&&(null===a.getAttribute(e)||r.includes(e)||(i[e]=a.getAttribute(e)??"",a.removeAttribute(e)))})),i},t=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],n=(a,r)=>{a&&(a.tabIndex=r)};export{a,e as b,n as f,i as g}
|
|
1
|
+
const a=a=>a?"true":"false",r=a=>a.replace("-filled","").split("-").map((a=>{const r=a.trim(),i=r.replace(/\d+/g,"");return 0===i.length?r:i})).map((a=>a.charAt(0).toUpperCase()+a.slice(1))).join(" "),i=a=>{if(!a)return"Unknown";if((a=>{if(!a)return!1;let r;try{r=new URL(a)}catch(a){return!1}return"http:"===r.protocol||"https:"===r.protocol})(a))return"Unknown";if((i=a)&&"string"==typeof i&&i.startsWith("data:image/svg+xml")){const i=/.*\<desc\>(.*)\<\/desc\>.*/g.exec(a);return i&&i.length>1?r(i[1]):"Unknown"}var i;const e=r(a);return 0===e.length?"Unknown":e},e=(a,r=[])=>{const i={};return t.forEach((e=>{a.hasAttribute(e)&&(null===a.getAttribute(e)||r.includes(e)||(i[e]=a.getAttribute(e)??"",a.removeAttribute(e)))})),i},t=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],n=(a,r)=>{a&&(a.tabIndex=r)};export{a,e as b,t as c,n as f,i as g}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as o,H as e,e as r,h as t,d as s,t as i}from"./p-eN5fQtqO.js";import{B as a}from"./p-DsVj4Cd-.js";import{d as l}from"./p-CiP3eKpd.js";import{d as c}from"./p-BKVBe7Co.js";const n=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.closeClick=r(this,"closeClick",7)}get hostElement(){return this}disabled=!1;readonly=!1;hideCloseButton=!1;ariaLabelCloseIconButton;closeClick;onCloseClick(o){o.preventDefault(),o.stopPropagation(),this.closeClick.emit()}render(){return t(s,{key:"f78c6c14ea22791ba39081cf287e86fed7172ca4",class:{disabled:this.disabled,readonly:this.readonly,"hide-close-button":this.hideCloseButton},title:this.hostElement.textContent},t("div",{key:"260717a791623fde5d0a597fc3933cba4303f80d",class:"slot-container"},t("slot",{key:"033d4c695b8ee9022ec4ba061fc2200b723484f4"})),this.disabled||this.readonly||this.hideCloseButton?null:t("ix-icon-button",{variant:"tertiary",oval:!0,icon:a,size:"16",disabled:this.disabled,onClick:o=>{this.onCloseClick(o)},onKeyDown:o=>{switch(o.key){case"Enter":case" ":this.onCloseClick(o);break;case"Tab":break;default:o.preventDefault(),o.stopPropagation()}},"aria-label":this.ariaLabelCloseIconButton}))}static get style(){return":host{display:inline-flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}: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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;min-width:0}:host .slot-container :host-context(.disabled){background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}:host ix-icon-button{height:1.5rem;margin-left:0.25rem}:host ix-icon-button:not(.disabled):not(:disabled):focus-visible{outline:none}:host(.disabled){border:var(--theme-focus--border-thickness) solid var(--theme-color-component-4);color:var(--theme-color-weak-text);padding-right:0.5rem;cursor:default}:host(.readonly),:host(.hide-close-button){padding-right:0.5rem}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}"}},[769,"ix-filter-chip",{disabled:[4],readonly:[4],hideCloseButton:[4,"hide-close-button"],ariaLabelCloseIconButton:[1,"aria-label-close-icon-button"]}]);function h(){"undefined"!=typeof customElements&&["ix-filter-chip","ix-icon-button","ix-spinner"].forEach((o=>{switch(o){case"ix-filter-chip":customElements.get(i(o))||customElements.define(i(o),n);break;case"ix-icon-button":customElements.get(i(o))||l();break;case"ix-spinner":customElements.get(i(o))||c()}}))}export{n as F,h as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t}from"./p-eN5fQtqO.js";import{B as o}from"./p-CRbQNmxe.js";function r(r){return t(o,{...r,type:"button"})}export{r as B}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as t,e as o,h as r,d as n,t as i}from"./p-CtDOTMOT.js";import{D as a}from"./p-D1WplX1z.js";import{D as l,h as s}from"./p-CApDAYIa.js";import{O as d}from"./p-CuFZ7CXu.js";import{c}from"./p-Dw_A3HUC.js";import{d as h}from"./p-B_MBGj0b.js";import{d as m}from"./p-DKH7tPDu.js";import{d as u}from"./p-Dwe6tWhq.js";import{d as b}from"./p-1KOHyx-1.js";function p(e,t,o){const r=e?.trim();if(!r)return null;const n=a.fromFormat(r,t);return n.isValid?o.set({hour:n.hour,minute:n.minute,second:n.second,millisecond:n.millisecond}):null}function f(e,t,o,r){let n=p(e,o,r),i=p(t,o,r);return n&&i&&n>i&&(n=null,i=null),{min:n,max:i}}function v(e,t,o){return!(!e.isValid||t&&e<t||o&&e>o)}function y(e,t){return!(!e&&!t)}function x(e,t,o,r){let n,i;if("hour"===t){const e=function(e,t){return"PM"===t?{value:12===e?12:e+12,maxValue:23}:"AM"===t?{value:12===e?0:e,maxValue:11}:{value:e,maxValue:23}}(o,r);n=e.value,i=e.maxValue}else n=o,i=function(e){switch(e){case"minute":case"second":return 59;case"millisecond":return 999;case"hour":return 23}}(t);n>i?n=i:n<0&&(n=0);try{return e.set({[t]:n})}catch{return null}}const g={hours:/\b[Hh]\b|HH|hh|H{3,4}|h{3,4}|t|tt|ttt|tttt|T|TT|TTT|TTTT/,minutes:/\bm\b|mm|t|tt|ttt|tttt|T|TT|TTT|TTTT/,seconds:/\bs\b|ss|tt|ttt|tttt|TT|TTT|TTTT/,milliseconds:/S{1,3}|u{1,3}|[tT]{3,4}/};const k={hour:"",minute:"",second:"",millisecond:""},w=e(class extends(t(...l)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.timeSelect=o(this,"timeSelect",7),this.timeChange=o(this,"timeChange",7)}get hostElement(){return this}format="TT";watchFormatIntervalPropHandler(e){e&&(this.initPicker(),this.updateScrollPositions())}corners="rounded";embedded=!1;dateTimePickerAppearance=!1;hideHeader=!1;hourInterval=1;watchHourIntervalPropHandler(e){Number.isInteger(e)&&e>=0&&e<=(this.timeRef?12:23)?this.setTimePickerDescriptors():(this.printIntervalError("hour",e),this.hourInterval=1)}minuteInterval=1;watchMinuteIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("minute",e),this.minuteInterval=1)}secondInterval=1;watchSecondIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("second",e),this.secondInterval=1)}millisecondInterval=100;watchMillisecondIntervalPropHandler(e){e>=0&&e<=999?this.setTimePickerDescriptors():(this.printIntervalError("millisecond",e),this.millisecondInterval=100)}printIntervalError(e,t){console.error(`Value ${t} is not valid for ${e}-interval. Falling back to default.`)}warnIfConstraintTimeInvalid(e,t,o){const r=t?.trim();if(!r)return;const n=a.fromFormat(r,this.format);if(n.isValid)return;if(o)return;const i=[n.invalidReason,n.invalidExplanation].filter(Boolean).join(": ");console.warn(`[ix-time-picker] ${e}="${r}" does not match format "${this.format}". The constraint is ignored until the value matches \`format\`.`+(i?` (${i})`:""))}warnIfConstraintRangeInverted(e,t){const o=e?.trim(),r=t?.trim();if(!o||!r)return;const n=a.fromFormat(o,this.format),i=a.fromFormat(r,this.format);n.isValid&&i.isValid&&n>i&&console.warn(`[ix-time-picker] minTime="${o}" is later than maxTime="${r}" for format "${this.format}". Both constraints are ignored.`)}warnConstraintTimesIfInvalid(e){const t=e?.omitUnparsableConstraintWarnings??!1;this.warnIfConstraintTimeInvalid("minTime",this.minTime,t),this.warnIfConstraintTimeInvalid("maxTime",this.maxTime,t),this.warnIfConstraintRangeInverted(this.minTime,this.maxTime)}time;watchTimePropHandler(e){if(void 0===e||""===e)return void(this._time=this.getDefaultTime());const t=a.fromFormat(e,this.format);if(!t.isValid)throw new Error("Format is not supported or not correct");this._time=t}minTime;maxTime;watchMinTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}watchMaxTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}getDefaultTime(){return a.now()}i18nConfirmTime="Confirm";i18nHeader="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";timeSelect;timeChange;async getCurrentTime(){return this._time?.toFormat(this.format)}_time;onTimeChange(){const e=this.formattedTime;this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.updateScrollPositions(e)}timeRef;formattedTime=k;timePickerDescriptors=[];isUnitFocused=!1;focusedUnit="hour";focusedValue=0;visibilityObserver;focusScrollAlignment="start";componentWillLoad(){this.initPicker()}initPicker(){let e,t=!1;this.time?(e=a.fromFormat(this.time,this.format),e.isValid||(t=!0,console.error(`Invalid time format. The configured format does not match the format of the passed time. ${e.invalidReason}: ${e.invalidExplanation}`),e=this.getDefaultTime())):e=this.getDefaultTime(),this._time=e,this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.setTimePickerDescriptors(),this.setInitialFocusedValueAndUnit(),this.watchHourIntervalPropHandler(this.hourInterval),this.watchMinuteIntervalPropHandler(this.minuteInterval),this.watchSecondIntervalPropHandler(this.secondInterval),this.watchMillisecondIntervalPropHandler(this.millisecondInterval),this.warnConstraintTimesIfInvalid({omitUnparsableConstraintWarnings:t})}componentDidLoad(){super.componentDidLoad?.(),this.updateScrollPositions(),this.setupVisibilityObserver()}componentDidRender(){if(!this.isUnitFocused)return;const e=this.getElementContainer(this.focusedUnit,this.focusedValue),t=this.getElementList(this.focusedUnit);if(e){if(s()){const t=this.hostElement.shadowRoot?.activeElement;t!==e&&e.focus({preventScroll:!0})}this.isElementVisible(e,t)||this.scrollElementIntoView(e,t,this.focusScrollAlignment)}}disconnectedCallback(){this.visibilityObserver&&this.visibilityObserver.disconnect()}handleKeyDown(e){if(!this.isUnitFocused)return;let t=!0;switch(e.key){case"Tab":t=!1,this.isUnitFocused=!1;break;case"ArrowUp":this.focusScrollAlignment="start",this.stepFocusedValue(-1);break;case"ArrowDown":this.focusScrollAlignment="end",this.stepFocusedValue(1);break;case"Enter":case" ":{const{bounds:e}=this.getUnitSelectionContext(),t=this.buildCandidateBaseBeforeUnit(this.focusedUnit);this.canSelectUnitValue(this.focusedUnit,this.focusedValue,e,t)&&this.select(this.focusedUnit,this.focusedValue);break}default:return}t&&e.preventDefault()}onUnitCellBlur(e,t){const o=t.relatedTarget,r=o?.dataset?.elementContainerId?.split("-")[0],n=r===e;if(o&&!n&&r!==e&&this.elementListScrollToTop(e,Number(this.formattedTime[e]),"smooth"),n)return;this.isUnitFocused=!1;const i=this.resolvePreservedFocusedValueOnColumnBlur(e);this.focusedValue=i,this.updateDescriptorFocusedValue(e,i)}onUnitCellFocus(e,t){this.isUnitFocused=!0,this.focusedUnit=e,this.focusedValue=t,this.updateDescriptorFocusedValue(e,t)}getElementList(e){return this.hostElement.shadowRoot?.querySelector(`[data-element-list-id="${e}"]`)}getElementContainer(e,t){return this.hostElement.shadowRoot?.querySelector(`[data-element-container-id="${e}-${t}"]`)}isElementVisible(e,t){const o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return o.top>=r.top&&o.bottom<=r.bottom}scrollElementIntoView(e,t,o){const r=t.getBoundingClientRect(),n=e.getBoundingClientRect();t.scrollTop+="end"===o?n.bottom-r.bottom+1:n.top-r.top-1}setInitialFocusedValueAndUnit(){const e=this.timePickerDescriptors.find((e=>!e.hidden));e&&(this.focusedValue=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray),this.focusedUnit=e.unit)}setupVisibilityObserver(){const e=c(this.hostElement,"ix-dropdown");e&&(this.visibilityObserver=new MutationObserver((e=>this.mutationObserverCallback(e))),this.visibilityObserver.observe(e,{attributes:!0,attributeFilter:["class","style"]}))}mutationObserverCallback(e){for(const t of e)"attributes"===t.type&&(t.target.classList.contains("show")?this.areElementsRendered()&&this.updateScrollPositions():this.time&&a.fromFormat(this.time,this.format).isValid&&(this._time=a.fromFormat(this.time,this.format),this.setInitialFocusedValueAndUnit()))}areElementsRendered(){const e=this.hostElement.shadowRoot?.querySelectorAll(".element-list");return!(!e||0===e.length)&&Array.from(e).some((e=>e.offsetHeight>0))}getFormattedTime(){return this._time?{hour:this._time.toFormat(void 0!==this.timeRef?"h":"H"),minute:this._time.toFormat("m"),second:this._time.toFormat("s"),millisecond:this._time.toFormat("S")}:k}changeTimeReference(e){if(this.timeRef===e)return;this._time||(this._time=a.now().startOf("day"));const t=this._time,o=this.timeRef;this.timeRef=e;const r=this._time.hour;if("PM"===e&&r<12?this._time=this._time.plus({hours:12}):"AM"===e&&r>=12&&(this._time=this._time.minus({hours:12})),!this.isWithinTimeConstraints(this._time))return this._time=t,void(this.timeRef=o);this.timeChange.emit(this._time.toFormat(this.format))}referenceOrNow(){return this._time??a.now()}setTimeRef(){if(!function(e){let t="",o=!1;for(const r of e)"'"===r?o=!o:o||(t+=r);return/[hat]/.test(t)}(this.format))return void(this.timeRef=void 0);const e=this.referenceOrNow();this.timeRef=e.hour>=12?"PM":"AM"}getConstraintBounds(e){const t=(e??this.referenceOrNow()).startOf("day");return f(this.minTime,this.maxTime,this.format,t)}getUnitSelectionContext(){const e=this.referenceOrNow();return{bounds:this.getConstraintBounds(e),selectionBase:this._time??e.startOf("day")}}isWithinTimeConstraints(e){const{min:t,max:o}=this.getConstraintBounds();return v(e,t,o)}canSelectUnitValue(e,t,o,r){const n=r??this._time??a.now().startOf("day"),i=o??this.getConstraintBounds();if("hour"===e&&y(i.min,i.max)){const e=x(n.startOf("day"),"hour",t,this.timeRef);if(!e)return!1;return s=e.set({minute:59,second:59,millisecond:999}),d=i.min,c=i.max,!(!(l=e).isValid||!s.isValid||(d||c)&&(d&&s<d||c&&l>c))}var l,s,d,c;const h=x(n,e,t,this.timeRef);return!!h&&(o?this.isSelectableForUnitWithinBounds(e,h,o):this.isWithinTimeConstraints(h))}isSelectableForUnitWithinBounds(e,t,o){return function(e,t,o){const r=function(e,t){return t.isValid?"hour"===e?{start:t.startOf("hour"),end:t.endOf("hour")}:"minute"===e?{start:t.set({second:0,millisecond:0}),end:t.set({second:59,millisecond:999})}:"second"===e?{start:t.set({millisecond:0}),end:t.set({millisecond:999})}:{start:t,end:t}:null}(e,t);if(!r)return!1;const{min:n,max:i}=o,{start:a,end:l}=r;return!(n&&l<n||i&&a>i)}(e,t,o)}getProvisionalRawValue(e){if(this.focusedUnit===e)return this.focusedValue;const t=this.timePickerDescriptors.map((e=>e.unit)),o=t.indexOf(this.focusedUnit),r=t.indexOf(e);if(-1!==r&&-1!==o&&r<o){const t=this.timePickerDescriptors.find((t=>t.unit===e));if(t)return t.focusedValue}const n=this.formattedTime?.[e];return""===n||void 0===n?0:Number(n)}buildCandidateBaseBeforeUnit(e){const{selectionBase:t}=this.getUnitSelectionContext(),o=this.timePickerDescriptors.map((e=>e.unit)),r=o.indexOf(e);if(r<=0)return t;let n=this._time??t;for(let e=1;e<r;e++){const t=o[e];if(void 0===t)continue;const r=x(n,t,this.getProvisionalRawValue(t),this.timeRef);r&&(n=r)}return n}getConstrainedFocusedValueForUnitWithBase(e,t,o){const{bounds:r}=this.getUnitSelectionContext(),n=Number(this.formattedTime[e]);return t.includes(n)&&this.canSelectUnitValue(e,n,r,o)?n:(()=>t.find((t=>this.canSelectUnitValue(e,t,r,o)))??null)()??t[0]}getConstrainedFocusedValueForUnit(e,t){return this.getConstrainedFocusedValueForUnitWithBase(e,t,this.buildCandidateBaseBeforeUnit(e))}resolvePreservedFocusedValueOnColumnBlur(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e),n=this.focusedValue;return t.includes(n)&&this.canSelectUnitValue(e,n,o,r)?n:this.getConstrainedFocusedValueForUnit(e,t)}syncKeyboardFocusWithConstraints(){if(!this.timePickerDescriptors.length)return;for(const e of this.timePickerDescriptors){const t=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray);t!==e.focusedValue&&this.updateDescriptorFocusedValue(e.unit,t)}const e=this.getNumberArrayForUnit(this.focusedUnit);if(e.length){const t=this.getConstrainedFocusedValueForUnit(this.focusedUnit,e);t!==this.focusedValue&&(this.focusedValue=t)}}findFirstSelectableInUnit(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);return t.find((t=>this.canSelectUnitValue(e,t,o,r)))??null}getColumnTabStopValue(e){const t=this.timePickerDescriptors.find((t=>t.unit===e)),o=t?.numberArray??[];if(!t||!o.length)return null;const{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(e),i=t.focusedValue;return o.includes(i)&&this.canSelectUnitValue(e,i,r,n)?i:this.findFirstSelectableInUnit(e)}stepFocusedValue(e){const t=this.focusedUnit,o=this.getNumberArrayForUnit(t),{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(t),i=function(e,t,o,r){if(!e.length)return null;let n=e.indexOf(t);-1===n&&(n=1===o?-1:e.length);for(const t of e){n=(n+o+e.length)%e.length;const t=e[n];if(r(t))return t}return null}(o,this.focusedValue,e,(e=>this.canSelectUnitValue(t,e,r,n)));null!==i&&(this.focusedValue=i,this.updateDescriptorFocusedValue(t,i))}isConfirmDisabled(){const e=this.referenceOrNow(),{min:t,max:o}=this.getConstraintBounds(e);return!!y(t,o)&&!v(e,t,o)}setTimePickerDescriptors(){const{hourNumbers:e,minuteNumbers:t,secondNumbers:o,millisecondsNumbers:r}=function(e,t){const{hourInterval:o,minuteInterval:r,secondInterval:n,millisecondInterval:i}=e;let a;return a=void 0===t?Array.from({length:Math.ceil(24/o)},((e,t)=>t*o)):Array.from({length:Math.ceil(12/o)},((e,t)=>t*o+1)).filter((e=>e<=12)),{hourNumbers:a,minuteNumbers:Array.from({length:Math.ceil(60/r)},((e,t)=>t*r)),secondNumbers:Array.from({length:Math.ceil(60/n)},((e,t)=>t*n)),millisecondsNumbers:Array.from({length:Math.ceil(1e3/i)},((e,t)=>t*i))}}({hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval},this.timeRef),{selectionBase:n}=this.getUnitSelectionContext(),i=[{unit:"hour",header:this.i18nHourColumnHeader,hidden:!g.hours.test(this.format),numberArray:e},{unit:"minute",header:this.i18nMinuteColumnHeader,hidden:!g.minutes.test(this.format),numberArray:t},{unit:"second",header:this.i18nSecondColumnHeader,hidden:!g.seconds.test(this.format),numberArray:o},{unit:"millisecond",header:this.i18nMillisecondColumnHeader,hidden:!g.milliseconds.test(this.format),numberArray:r}];let a=n;const l=[];for(const e of i){if(e.hidden)continue;const t=this.getConstrainedFocusedValueForUnitWithBase(e.unit,e.numberArray,a);l.push({unit:e.unit,header:e.header,hidden:!1,numberArray:e.numberArray,focusedValue:t});const o=x(a,e.unit,t,this.timeRef);o&&(a=o)}this.timePickerDescriptors=l}getNumberArrayForUnit(e){const t=this.timePickerDescriptors.find((t=>t.unit===e));return t?t.numberArray:[]}isSelected(e,t){return this.formattedTime[e]===String(t)}getUnitCellTabIndex(e,t){const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return-1;if(this.isUnitFocused&&this.focusedUnit===e)return this.focusedValue===t?0:-1;const n=this.getColumnTabStopValue(e);return null===n?-1:n===t?0:-1}select(e,t){if(this.isSelected(e,t))return;const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return;const n=x(r,e,t,this.timeRef);n&&(this._time&&n.toMillis()===this._time.toMillis()||(this._time=n,this.elementListScrollToTop(e,t,"smooth"),this.timeChange.emit(this._time.toFormat(this.format))))}updateDescriptorFocusedValue(e,t){const o=this.timePickerDescriptors.findIndex((t=>t.unit===e));-1!==o&&(this.timePickerDescriptors=[...this.timePickerDescriptors.slice(0,o),{...this.timePickerDescriptors[o],focusedValue:t},...this.timePickerDescriptors.slice(o+1)])}elementListScrollToTop(e,t,o){const r=this.getElementList(e),n=this.getElementContainer(e,t);if(r&&n){let e=11;this.hideHeader&&(e-=57),r.scrollTo({top:n.offsetTop-r.clientHeight/2+n.clientHeight-e,behavior:o})}}updateScrollPositions(e){for(const t in this.formattedTime)e&&this.formattedTime[t]===e[t]||this.elementListScrollToTop(t,Number(this.formattedTime[t]),"instant")}formatUnitValue(e,t){return function(e,t){return"millisecond"===e?t.toString().padStart(3,"0"):t<10?`0${t}`:t.toString()}(e,t)}getColumnSeparator(e){return function(e,t){return e+1<t.length&&"millisecond"===t[e+1].unit?".":":"}(e,this.timePickerDescriptors)}render(){const{bounds:e}=this.getUnitSelectionContext();return r(n,{key:"d82a36e9f2570227537fa27a4613728b14eb7728"},r("ix-date-time-card",{key:"3176395745458739b9fb9de1b4b1d4f39b1f6d2f",embedded:this.embedded,timePickerAppearance:!0,corners:this.corners,hasFooter:!this.dateTimePickerAppearance,hideHeader:this.hideHeader},r("div",{key:"9defe01ecd678617fa2ecf70c891e6e257a92d65",class:"header",slot:"header"},r("ix-typography",{key:"28e6bc8abc536182d3b63d231913316df54058f0",format:"body"},this.i18nHeader)),r("div",{key:"3aa7571fd61469deadb3ccecb871456926b4f0ca",class:"clock"},this.timePickerDescriptors.map(((t,o)=>r("div",{class:"flex"},r("div",{class:{columns:!0,hidden:t.hidden},hidden:t.hidden},r("div",{class:"column-header",title:t.header},t.header),r("div",{role:"listbox","aria-label":t.header,"data-element-list-id":t.unit,class:"element-list",tabindex:-1},t.numberArray.map((o=>{const n=this.getUnitCellTabIndex(t.unit,o),i=!this.canSelectUnitValue(t.unit,o,e,this.buildCandidateBaseBeforeUnit(t.unit)),a=this.isSelected(t.unit,o);return r("button",{role:"option","aria-selected":a?"true":"false","data-element-container-id":`${t.unit}-${o}`,class:{selected:a,"element-container":!0,disabled:i},disabled:i,onClick:()=>{this.select(t.unit,o)},onFocus:()=>this.onUnitCellFocus(t.unit,o),onBlur:e=>this.onUnitCellBlur(t.unit,e),"aria-label":`${t.header}: ${o}`,tabindex:n},this.formatUnitValue(t.unit,o))})),r("div",{class:"element-list-padding"}))),o!==this.timePickerDescriptors.length-1&&r("div",{class:{"column-separator":!0,hidden:t.hidden}},this.getColumnSeparator(o))))),this.timeRef&&r("div",{key:"f9fe74b09d9de0a95f2472d49faf5d675f8732ba",class:"flex"},r("div",{key:"61323b760556dd2de6b55dc92ed4ce1f48d0e184",class:"column-separator"}),r("div",{key:"e4c888487a559ef191dfcf76014251e217a6f00e",class:"columns"},r("div",{key:"0ef38a3e63f0bff2f5ef6774eea41e07d68fd1f4",class:"column-header",title:"AM/PM"}),r("div",{key:"47cd9041e31b25c6d08ccb0eed005a6b9963eaec",role:"listbox","aria-label":"AM/PM",class:"element-list",tabindex:-1},r("button",{key:"d414632d382a84aa0db2c6f27c18f5b123c0d46a",role:"option","aria-selected":"AM"===this.timeRef?"true":"false","data-am-pm-id":"AM",class:{selected:"AM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("AM"),tabindex:"0","aria-label":"AM"},"AM"),r("button",{key:"1f288055298d5ec21b30137b82c9c729705dd989",role:"option","aria-selected":"PM"===this.timeRef?"true":"false","data-am-pm-id":"PM",class:{selected:"PM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("PM"),tabindex:"0","aria-label":"PM"},"PM"))))),r("div",{key:"afc8804b5164b9fb2606c03fc6fc518ef6b703ed",class:{footer:!0,"footer--compact":this.timePickerDescriptors.length<=2},slot:"footer"},r("ix-button",{key:"743e3b4f53dd35e9a4bfd4b11dce8a524c66f581",class:"confirm-button",disabled:this.isConfirmDisabled(),onClick:()=>{this.timeSelect.emit(this._time?.toFormat(this.format))}},this.i18nConfirmTime))))}static get delegatesFocus(){return!0}static get watchers(){return{format:[{watchFormatIntervalPropHandler:0}],hourInterval:[{watchHourIntervalPropHandler:0}],minuteInterval:[{watchMinuteIntervalPropHandler:0}],secondInterval:[{watchSecondIntervalPropHandler:0}],millisecondInterval:[{watchMillisecondIntervalPropHandler:0}],time:[{watchTimePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],_time:[{onTimeChange:0}]}}static get style(){return'.ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);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;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.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}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.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}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.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)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.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)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.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}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.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)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}input{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);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}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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{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);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}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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){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]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2rem}: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}: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-separator{display:flex;align-items:center;justify-content:center;min-height:100%;margin-top:3rem;width:0.5rem}:host .clock .element-list{list-style-type:none;overflow:auto;padding:0.0625rem;margin:-0.0625rem;max-height:15.75rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{box-sizing:border-box;width:2.5rem;height:2.5rem;margin-bottom:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus-visible{box-shadow:0 0 0 1px var(--theme-color-focus-bdr)}:host .clock .element-list .element-container.disabled{cursor:default}:host .clock .element-list .element-container.disabled:not(.selected){color:var(--theme-color-weak-text)}:host .clock .element-list .element-container:not(.selected).disabled:hover,:host .clock .element-list .element-container:not(.selected).disabled:active{background-color:transparent}:host .clock .element-list .element-container.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);font-weight:var(--theme-font-weight-bold)}:host .clock .element-list .element-container.selected:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-container.selected:focus-visible{border:0.0625rem solid var(--theme-color-inv-contrast-text)}:host .clock .element-list .element-container.selected.disabled{background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .clock .element-list .element-list-padding{width:2.5rem;height:13.125rem;min-height:13.125rem}: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 .default-space{margin-left:1rem}:host .text-align{text-align:center}'}},[529,"ix-time-picker",{format:[1],corners:[1],embedded:[4],dateTimePickerAppearance:[4,"date-time-picker-appearance"],hideHeader:[4,"hide-header"],hourInterval:[1026,"hour-interval"],minuteInterval:[1026,"minute-interval"],secondInterval:[1026,"second-interval"],millisecondInterval:[1026,"millisecond-interval"],time:[1],minTime:[1,"min-time"],maxTime:[1,"max-time"],i18nConfirmTime:[1,"i18n-confirm-time"],i18nHeader:[1,"i18n-header"],i18nHourColumnHeader:[1,"i18n-hour-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]},void 0,{format:[{watchFormatIntervalPropHandler:0}],hourInterval:[{watchHourIntervalPropHandler:0}],minuteInterval:[{watchMinuteIntervalPropHandler:0}],secondInterval:[{watchSecondIntervalPropHandler:0}],millisecondInterval:[{watchMillisecondIntervalPropHandler:0}],time:[{watchTimePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],_time:[{onTimeChange:0}]}]);function T(){"undefined"!=typeof customElements&&["ix-time-picker","ix-button","ix-date-time-card","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-time-picker":customElements.get(i(e))||customElements.define(i(e),w);break;case"ix-button":customElements.get(i(e))||h();break;case"ix-date-time-card":customElements.get(i(e))||m();break;case"ix-spinner":customElements.get(i(e))||u();break;case"ix-typography":customElements.get(i(e))||b()}}))}!function(e,t,o,r){var n,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(i<3?n(a):i>3?n(t,o,a):n(t,o))||a);i>3&&a&&Object.defineProperty(t,o,a)}([d("keydown")],w.prototype,"handleKeyDown",null);export{w as T,T as d,f as g,v as i}
|
|
1
|
+
import{p as e,M as t,e as o,h as r,d as n,t as i}from"./p-eN5fQtqO.js";import{D as a}from"./p-D1WplX1z.js";import{D as l,h as s}from"./p-CApDAYIa.js";import{O as d}from"./p-BHjmN8zz.js";import{c}from"./p-Dw_A3HUC.js";import{d as h}from"./p-q_MHsaAK.js";import{d as m}from"./p-DiYkfhDE.js";import{d as u}from"./p-BKVBe7Co.js";import{d as b}from"./p-YFmbQndr.js";function p(e,t,o){const r=e?.trim();if(!r)return null;const n=a.fromFormat(r,t);return n.isValid?o.set({hour:n.hour,minute:n.minute,second:n.second,millisecond:n.millisecond}):null}function f(e,t,o,r){let n=p(e,o,r),i=p(t,o,r);return n&&i&&n>i&&(n=null,i=null),{min:n,max:i}}function v(e,t,o){return!(!e.isValid||t&&e<t||o&&e>o)}function y(e,t){return!(!e&&!t)}function x(e,t,o,r){let n,i;if("hour"===t){const e=function(e,t){return"PM"===t?{value:12===e?12:e+12,maxValue:23}:"AM"===t?{value:12===e?0:e,maxValue:11}:{value:e,maxValue:23}}(o,r);n=e.value,i=e.maxValue}else n=o,i=function(e){switch(e){case"minute":case"second":return 59;case"millisecond":return 999;case"hour":return 23}}(t);n>i?n=i:n<0&&(n=0);try{return e.set({[t]:n})}catch{return null}}const g={hours:/\b[Hh]\b|HH|hh|H{3,4}|h{3,4}|t|tt|ttt|tttt|T|TT|TTT|TTTT/,minutes:/\bm\b|mm|t|tt|ttt|tttt|T|TT|TTT|TTTT/,seconds:/\bs\b|ss|tt|ttt|tttt|TT|TTT|TTTT/,milliseconds:/S{1,3}|u{1,3}|[tT]{3,4}/};const k={hour:"",minute:"",second:"",millisecond:""},w=e(class extends(t(...l)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.timeSelect=o(this,"timeSelect",7),this.timeChange=o(this,"timeChange",7)}get hostElement(){return this}format="TT";watchFormatIntervalPropHandler(e){e&&(this.initPicker(),this.updateScrollPositions())}corners="rounded";embedded=!1;dateTimePickerAppearance=!1;hideHeader=!1;hourInterval=1;watchHourIntervalPropHandler(e){Number.isInteger(e)&&e>=0&&e<=(this.timeRef?12:23)?this.setTimePickerDescriptors():(this.printIntervalError("hour",e),this.hourInterval=1)}minuteInterval=1;watchMinuteIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("minute",e),this.minuteInterval=1)}secondInterval=1;watchSecondIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("second",e),this.secondInterval=1)}millisecondInterval=100;watchMillisecondIntervalPropHandler(e){e>=0&&e<=999?this.setTimePickerDescriptors():(this.printIntervalError("millisecond",e),this.millisecondInterval=100)}printIntervalError(e,t){console.error(`Value ${t} is not valid for ${e}-interval. Falling back to default.`)}warnIfConstraintTimeInvalid(e,t,o){const r=t?.trim();if(!r)return;const n=a.fromFormat(r,this.format);if(n.isValid)return;if(o)return;const i=[n.invalidReason,n.invalidExplanation].filter(Boolean).join(": ");console.warn(`[ix-time-picker] ${e}="${r}" does not match format "${this.format}". The constraint is ignored until the value matches \`format\`.`+(i?` (${i})`:""))}warnIfConstraintRangeInverted(e,t){const o=e?.trim(),r=t?.trim();if(!o||!r)return;const n=a.fromFormat(o,this.format),i=a.fromFormat(r,this.format);n.isValid&&i.isValid&&n>i&&console.warn(`[ix-time-picker] minTime="${o}" is later than maxTime="${r}" for format "${this.format}". Both constraints are ignored.`)}warnConstraintTimesIfInvalid(e){const t=e?.omitUnparsableConstraintWarnings??!1;this.warnIfConstraintTimeInvalid("minTime",this.minTime,t),this.warnIfConstraintTimeInvalid("maxTime",this.maxTime,t),this.warnIfConstraintRangeInverted(this.minTime,this.maxTime)}time;watchTimePropHandler(e){if(void 0===e||""===e)return void(this._time=this.getDefaultTime());const t=a.fromFormat(e,this.format);if(!t.isValid)throw new Error("Format is not supported or not correct");this._time=t}minTime;maxTime;watchMinTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}watchMaxTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}getDefaultTime(){return a.now()}i18nConfirmTime="Confirm";i18nHeader="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";timeSelect;timeChange;async getCurrentTime(){return this._time?.toFormat(this.format)}_time;onTimeChange(){const e=this.formattedTime;this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.updateScrollPositions(e)}timeRef;formattedTime=k;timePickerDescriptors=[];isUnitFocused=!1;focusedUnit="hour";focusedValue=0;visibilityObserver;focusScrollAlignment="start";componentWillLoad(){this.initPicker()}initPicker(){let e,t=!1;this.time?(e=a.fromFormat(this.time,this.format),e.isValid||(t=!0,console.error(`Invalid time format. The configured format does not match the format of the passed time. ${e.invalidReason}: ${e.invalidExplanation}`),e=this.getDefaultTime())):e=this.getDefaultTime(),this._time=e,this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.setTimePickerDescriptors(),this.setInitialFocusedValueAndUnit(),this.watchHourIntervalPropHandler(this.hourInterval),this.watchMinuteIntervalPropHandler(this.minuteInterval),this.watchSecondIntervalPropHandler(this.secondInterval),this.watchMillisecondIntervalPropHandler(this.millisecondInterval),this.warnConstraintTimesIfInvalid({omitUnparsableConstraintWarnings:t})}componentDidLoad(){super.componentDidLoad?.(),this.updateScrollPositions(),this.setupVisibilityObserver()}componentDidRender(){if(!this.isUnitFocused)return;const e=this.getElementContainer(this.focusedUnit,this.focusedValue),t=this.getElementList(this.focusedUnit);if(e){if(s()){const t=this.hostElement.shadowRoot?.activeElement;t!==e&&e.focus({preventScroll:!0})}this.isElementVisible(e,t)||this.scrollElementIntoView(e,t,this.focusScrollAlignment)}}disconnectedCallback(){this.visibilityObserver&&this.visibilityObserver.disconnect()}handleKeyDown(e){if(!this.isUnitFocused)return;let t=!0;switch(e.key){case"Tab":t=!1,this.isUnitFocused=!1;break;case"ArrowUp":this.focusScrollAlignment="start",this.stepFocusedValue(-1);break;case"ArrowDown":this.focusScrollAlignment="end",this.stepFocusedValue(1);break;case"Enter":case" ":{const{bounds:e}=this.getUnitSelectionContext(),t=this.buildCandidateBaseBeforeUnit(this.focusedUnit);this.canSelectUnitValue(this.focusedUnit,this.focusedValue,e,t)&&this.select(this.focusedUnit,this.focusedValue);break}default:return}t&&e.preventDefault()}onUnitCellBlur(e,t){const o=t.relatedTarget,r=o?.dataset?.elementContainerId?.split("-")[0],n=r===e;if(o&&!n&&r!==e&&this.elementListScrollToTop(e,Number(this.formattedTime[e]),"smooth"),n)return;this.isUnitFocused=!1;const i=this.resolvePreservedFocusedValueOnColumnBlur(e);this.focusedValue=i,this.updateDescriptorFocusedValue(e,i)}onUnitCellFocus(e,t){this.isUnitFocused=!0,this.focusedUnit=e,this.focusedValue=t,this.updateDescriptorFocusedValue(e,t)}getElementList(e){return this.hostElement.shadowRoot?.querySelector(`[data-element-list-id="${e}"]`)}getElementContainer(e,t){return this.hostElement.shadowRoot?.querySelector(`[data-element-container-id="${e}-${t}"]`)}isElementVisible(e,t){const o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return o.top>=r.top&&o.bottom<=r.bottom}scrollElementIntoView(e,t,o){const r=t.getBoundingClientRect(),n=e.getBoundingClientRect();t.scrollTop+="end"===o?n.bottom-r.bottom+1:n.top-r.top-1}setInitialFocusedValueAndUnit(){const e=this.timePickerDescriptors.find((e=>!e.hidden));e&&(this.focusedValue=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray),this.focusedUnit=e.unit)}setupVisibilityObserver(){const e=c(this.hostElement,"ix-dropdown");e&&(this.visibilityObserver=new MutationObserver((e=>this.mutationObserverCallback(e))),this.visibilityObserver.observe(e,{attributes:!0,attributeFilter:["class","style"]}))}mutationObserverCallback(e){for(const t of e)"attributes"===t.type&&(t.target.classList.contains("show")?this.areElementsRendered()&&this.updateScrollPositions():this.time&&a.fromFormat(this.time,this.format).isValid&&(this._time=a.fromFormat(this.time,this.format),this.setInitialFocusedValueAndUnit()))}areElementsRendered(){const e=this.hostElement.shadowRoot?.querySelectorAll(".element-list");return!(!e||0===e.length)&&Array.from(e).some((e=>e.offsetHeight>0))}getFormattedTime(){return this._time?{hour:this._time.toFormat(void 0!==this.timeRef?"h":"H"),minute:this._time.toFormat("m"),second:this._time.toFormat("s"),millisecond:this._time.toFormat("S")}:k}changeTimeReference(e){if(this.timeRef===e)return;this._time||(this._time=a.now().startOf("day"));const t=this._time,o=this.timeRef;this.timeRef=e;const r=this._time.hour;if("PM"===e&&r<12?this._time=this._time.plus({hours:12}):"AM"===e&&r>=12&&(this._time=this._time.minus({hours:12})),!this.isWithinTimeConstraints(this._time))return this._time=t,void(this.timeRef=o);this.timeChange.emit(this._time.toFormat(this.format))}referenceOrNow(){return this._time??a.now()}setTimeRef(){if(!function(e){let t="",o=!1;for(const r of e)"'"===r?o=!o:o||(t+=r);return/[hat]/.test(t)}(this.format))return void(this.timeRef=void 0);const e=this.referenceOrNow();this.timeRef=e.hour>=12?"PM":"AM"}getConstraintBounds(e){const t=(e??this.referenceOrNow()).startOf("day");return f(this.minTime,this.maxTime,this.format,t)}getUnitSelectionContext(){const e=this.referenceOrNow();return{bounds:this.getConstraintBounds(e),selectionBase:this._time??e.startOf("day")}}isWithinTimeConstraints(e){const{min:t,max:o}=this.getConstraintBounds();return v(e,t,o)}canSelectUnitValue(e,t,o,r){const n=r??this._time??a.now().startOf("day"),i=o??this.getConstraintBounds();if("hour"===e&&y(i.min,i.max)){const e=x(n.startOf("day"),"hour",t,this.timeRef);if(!e)return!1;return s=e.set({minute:59,second:59,millisecond:999}),d=i.min,c=i.max,!(!(l=e).isValid||!s.isValid||(d||c)&&(d&&s<d||c&&l>c))}var l,s,d,c;const h=x(n,e,t,this.timeRef);return!!h&&(o?this.isSelectableForUnitWithinBounds(e,h,o):this.isWithinTimeConstraints(h))}isSelectableForUnitWithinBounds(e,t,o){return function(e,t,o){const r=function(e,t){return t.isValid?"hour"===e?{start:t.startOf("hour"),end:t.endOf("hour")}:"minute"===e?{start:t.set({second:0,millisecond:0}),end:t.set({second:59,millisecond:999})}:"second"===e?{start:t.set({millisecond:0}),end:t.set({millisecond:999})}:{start:t,end:t}:null}(e,t);if(!r)return!1;const{min:n,max:i}=o,{start:a,end:l}=r;return!(n&&l<n||i&&a>i)}(e,t,o)}getProvisionalRawValue(e){if(this.focusedUnit===e)return this.focusedValue;const t=this.timePickerDescriptors.map((e=>e.unit)),o=t.indexOf(this.focusedUnit),r=t.indexOf(e);if(-1!==r&&-1!==o&&r<o){const t=this.timePickerDescriptors.find((t=>t.unit===e));if(t)return t.focusedValue}const n=this.formattedTime?.[e];return""===n||void 0===n?0:Number(n)}buildCandidateBaseBeforeUnit(e){const{selectionBase:t}=this.getUnitSelectionContext(),o=this.timePickerDescriptors.map((e=>e.unit)),r=o.indexOf(e);if(r<=0)return t;let n=this._time??t;for(let e=1;e<r;e++){const t=o[e];if(void 0===t)continue;const r=x(n,t,this.getProvisionalRawValue(t),this.timeRef);r&&(n=r)}return n}getConstrainedFocusedValueForUnitWithBase(e,t,o){const{bounds:r}=this.getUnitSelectionContext(),n=Number(this.formattedTime[e]);return t.includes(n)&&this.canSelectUnitValue(e,n,r,o)?n:(()=>t.find((t=>this.canSelectUnitValue(e,t,r,o)))??null)()??t[0]}getConstrainedFocusedValueForUnit(e,t){return this.getConstrainedFocusedValueForUnitWithBase(e,t,this.buildCandidateBaseBeforeUnit(e))}resolvePreservedFocusedValueOnColumnBlur(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e),n=this.focusedValue;return t.includes(n)&&this.canSelectUnitValue(e,n,o,r)?n:this.getConstrainedFocusedValueForUnit(e,t)}syncKeyboardFocusWithConstraints(){if(!this.timePickerDescriptors.length)return;for(const e of this.timePickerDescriptors){const t=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray);t!==e.focusedValue&&this.updateDescriptorFocusedValue(e.unit,t)}const e=this.getNumberArrayForUnit(this.focusedUnit);if(e.length){const t=this.getConstrainedFocusedValueForUnit(this.focusedUnit,e);t!==this.focusedValue&&(this.focusedValue=t)}}findFirstSelectableInUnit(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);return t.find((t=>this.canSelectUnitValue(e,t,o,r)))??null}getColumnTabStopValue(e){const t=this.timePickerDescriptors.find((t=>t.unit===e)),o=t?.numberArray??[];if(!t||!o.length)return null;const{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(e),i=t.focusedValue;return o.includes(i)&&this.canSelectUnitValue(e,i,r,n)?i:this.findFirstSelectableInUnit(e)}stepFocusedValue(e){const t=this.focusedUnit,o=this.getNumberArrayForUnit(t),{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(t),i=function(e,t,o,r){if(!e.length)return null;let n=e.indexOf(t);-1===n&&(n=1===o?-1:e.length);for(const t of e){n=(n+o+e.length)%e.length;const t=e[n];if(r(t))return t}return null}(o,this.focusedValue,e,(e=>this.canSelectUnitValue(t,e,r,n)));null!==i&&(this.focusedValue=i,this.updateDescriptorFocusedValue(t,i))}isConfirmDisabled(){const e=this.referenceOrNow(),{min:t,max:o}=this.getConstraintBounds(e);return!!y(t,o)&&!v(e,t,o)}setTimePickerDescriptors(){const{hourNumbers:e,minuteNumbers:t,secondNumbers:o,millisecondsNumbers:r}=function(e,t){const{hourInterval:o,minuteInterval:r,secondInterval:n,millisecondInterval:i}=e;let a;return a=void 0===t?Array.from({length:Math.ceil(24/o)},((e,t)=>t*o)):Array.from({length:Math.ceil(12/o)},((e,t)=>t*o+1)).filter((e=>e<=12)),{hourNumbers:a,minuteNumbers:Array.from({length:Math.ceil(60/r)},((e,t)=>t*r)),secondNumbers:Array.from({length:Math.ceil(60/n)},((e,t)=>t*n)),millisecondsNumbers:Array.from({length:Math.ceil(1e3/i)},((e,t)=>t*i))}}({hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval},this.timeRef),{selectionBase:n}=this.getUnitSelectionContext(),i=[{unit:"hour",header:this.i18nHourColumnHeader,hidden:!g.hours.test(this.format),numberArray:e},{unit:"minute",header:this.i18nMinuteColumnHeader,hidden:!g.minutes.test(this.format),numberArray:t},{unit:"second",header:this.i18nSecondColumnHeader,hidden:!g.seconds.test(this.format),numberArray:o},{unit:"millisecond",header:this.i18nMillisecondColumnHeader,hidden:!g.milliseconds.test(this.format),numberArray:r}];let a=n;const l=[];for(const e of i){if(e.hidden)continue;const t=this.getConstrainedFocusedValueForUnitWithBase(e.unit,e.numberArray,a);l.push({unit:e.unit,header:e.header,hidden:!1,numberArray:e.numberArray,focusedValue:t});const o=x(a,e.unit,t,this.timeRef);o&&(a=o)}this.timePickerDescriptors=l}getNumberArrayForUnit(e){const t=this.timePickerDescriptors.find((t=>t.unit===e));return t?t.numberArray:[]}isSelected(e,t){return this.formattedTime[e]===String(t)}getUnitCellTabIndex(e,t){const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return-1;if(this.isUnitFocused&&this.focusedUnit===e)return this.focusedValue===t?0:-1;const n=this.getColumnTabStopValue(e);return null===n?-1:n===t?0:-1}select(e,t){if(this.isSelected(e,t))return;const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return;const n=x(r,e,t,this.timeRef);n&&(this._time&&n.toMillis()===this._time.toMillis()||(this._time=n,this.elementListScrollToTop(e,t,"smooth"),this.timeChange.emit(this._time.toFormat(this.format))))}updateDescriptorFocusedValue(e,t){const o=this.timePickerDescriptors.findIndex((t=>t.unit===e));-1!==o&&(this.timePickerDescriptors=[...this.timePickerDescriptors.slice(0,o),{...this.timePickerDescriptors[o],focusedValue:t},...this.timePickerDescriptors.slice(o+1)])}elementListScrollToTop(e,t,o){const r=this.getElementList(e),n=this.getElementContainer(e,t);if(r&&n){let e=11;this.hideHeader&&(e-=57),r.scrollTo({top:n.offsetTop-r.clientHeight/2+n.clientHeight-e,behavior:o})}}updateScrollPositions(e){for(const t in this.formattedTime)e&&this.formattedTime[t]===e[t]||this.elementListScrollToTop(t,Number(this.formattedTime[t]),"instant")}formatUnitValue(e,t){return function(e,t){return"millisecond"===e?t.toString().padStart(3,"0"):t<10?`0${t}`:t.toString()}(e,t)}getColumnSeparator(e){return function(e,t){return e+1<t.length&&"millisecond"===t[e+1].unit?".":":"}(e,this.timePickerDescriptors)}render(){const{bounds:e}=this.getUnitSelectionContext();return r(n,{key:"843508f1f761b09aa9f804d8508f073fc4e456c2"},r("ix-date-time-card",{key:"5bd462965737df20d1bfaafb6fe909f9072e172f",embedded:this.embedded,timePickerAppearance:!0,corners:this.corners,hasFooter:!this.dateTimePickerAppearance,hideHeader:this.hideHeader},r("div",{key:"0a4753c97c668bbea0bf08fbc6ede9be9c7fec00",class:"header",slot:"header"},r("ix-typography",{key:"f16526b69e956e416f7cb71192ce59f8cacf757c",format:"body"},this.i18nHeader)),r("div",{key:"18c828b4355fd21ad48bf0fccc485437eb99bcec",class:"clock"},this.timePickerDescriptors.map(((t,o)=>r("div",{class:"flex"},r("div",{class:{columns:!0,hidden:t.hidden},hidden:t.hidden},r("div",{class:"column-header",title:t.header},t.header),r("div",{role:"listbox","aria-label":t.header,"data-element-list-id":t.unit,class:"element-list",tabindex:-1},t.numberArray.map((o=>{const n=this.getUnitCellTabIndex(t.unit,o),i=!this.canSelectUnitValue(t.unit,o,e,this.buildCandidateBaseBeforeUnit(t.unit)),a=this.isSelected(t.unit,o);return r("button",{role:"option","aria-selected":a?"true":"false","data-element-container-id":`${t.unit}-${o}`,class:{selected:a,"element-container":!0,disabled:i},disabled:i,onClick:()=>{this.select(t.unit,o)},onFocus:()=>this.onUnitCellFocus(t.unit,o),onBlur:e=>this.onUnitCellBlur(t.unit,e),"aria-label":`${t.header}: ${o}`,tabindex:n},this.formatUnitValue(t.unit,o))})),r("div",{class:"element-list-padding"}))),o!==this.timePickerDescriptors.length-1&&r("div",{class:{"column-separator":!0,hidden:t.hidden}},this.getColumnSeparator(o))))),this.timeRef&&r("div",{key:"7ad04e4572dd11cc77509e5782364052811089d0",class:"flex"},r("div",{key:"d6b423fd2cd5c3b238504f951374d0b9b6435909",class:"column-separator"}),r("div",{key:"f74cab2bcf22852af1b2f7a705ef8726bb779040",class:"columns"},r("div",{key:"9e8f74e738d9dd95df814329a0e09b49633d2343",class:"column-header",title:"AM/PM"}),r("div",{key:"57cd6b520883953a66cddf6ab9ba486e0b32512a",role:"listbox","aria-label":"AM/PM",class:"element-list",tabindex:-1},r("button",{key:"9486d0c81c91a235e1c9204afcbc794db7f063fe",role:"option","aria-selected":"AM"===this.timeRef?"true":"false","data-am-pm-id":"AM",class:{selected:"AM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("AM"),tabindex:"0","aria-label":"AM"},"AM"),r("button",{key:"90602f7ec60c50c8d4edec394de2d205f506ed6d",role:"option","aria-selected":"PM"===this.timeRef?"true":"false","data-am-pm-id":"PM",class:{selected:"PM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("PM"),tabindex:"0","aria-label":"PM"},"PM"))))),r("div",{key:"73907cc1c7cdf44a249ea2557d14e1a61f4f66ea",class:{footer:!0,"footer--compact":this.timePickerDescriptors.length<=2},slot:"footer"},r("ix-button",{key:"b2c32715f3a41323314f0da0f0b89c5e98f81dd4",class:"confirm-button",disabled:this.isConfirmDisabled(),onClick:()=>{this.timeSelect.emit(this._time?.toFormat(this.format))}},this.i18nConfirmTime))))}static get delegatesFocus(){return!0}static get watchers(){return{format:[{watchFormatIntervalPropHandler:0}],hourInterval:[{watchHourIntervalPropHandler:0}],minuteInterval:[{watchMinuteIntervalPropHandler:0}],secondInterval:[{watchSecondIntervalPropHandler:0}],millisecondInterval:[{watchMillisecondIntervalPropHandler:0}],time:[{watchTimePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],_time:[{onTimeChange:0}]}}static get style(){return'.ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);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;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.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}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.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}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.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)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.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)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.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}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.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)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}input{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);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}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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{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);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}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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--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:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){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]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2rem}: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}: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-separator{display:flex;align-items:center;justify-content:center;min-height:100%;margin-top:3rem;width:0.5rem}:host .clock .element-list{list-style-type:none;overflow:auto;padding:0.0625rem;margin:-0.0625rem;max-height:15.75rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{box-sizing:border-box;width:2.5rem;height:2.5rem;margin-bottom:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus-visible{box-shadow:0 0 0 1px var(--theme-color-focus-bdr)}:host .clock .element-list .element-container.disabled{cursor:default}:host .clock .element-list .element-container.disabled:not(.selected){color:var(--theme-color-weak-text)}:host .clock .element-list .element-container:not(.selected).disabled:hover,:host .clock .element-list .element-container:not(.selected).disabled:active{background-color:transparent}:host .clock .element-list .element-container.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);font-weight:var(--theme-font-weight-bold)}:host .clock .element-list .element-container.selected:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-container.selected:focus-visible{border:0.0625rem solid var(--theme-color-inv-contrast-text)}:host .clock .element-list .element-container.selected.disabled{background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .clock .element-list .element-list-padding{width:2.5rem;height:13.125rem;min-height:13.125rem}: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 .default-space{margin-left:1rem}:host .text-align{text-align:center}'}},[529,"ix-time-picker",{format:[1],corners:[1],embedded:[4],dateTimePickerAppearance:[4,"date-time-picker-appearance"],hideHeader:[4,"hide-header"],hourInterval:[1026,"hour-interval"],minuteInterval:[1026,"minute-interval"],secondInterval:[1026,"second-interval"],millisecondInterval:[1026,"millisecond-interval"],time:[1],minTime:[1,"min-time"],maxTime:[1,"max-time"],i18nConfirmTime:[1,"i18n-confirm-time"],i18nHeader:[1,"i18n-header"],i18nHourColumnHeader:[1,"i18n-hour-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]},void 0,{format:[{watchFormatIntervalPropHandler:0}],hourInterval:[{watchHourIntervalPropHandler:0}],minuteInterval:[{watchMinuteIntervalPropHandler:0}],secondInterval:[{watchSecondIntervalPropHandler:0}],millisecondInterval:[{watchMillisecondIntervalPropHandler:0}],time:[{watchTimePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],_time:[{onTimeChange:0}]}]);function T(){"undefined"!=typeof customElements&&["ix-time-picker","ix-button","ix-date-time-card","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-time-picker":customElements.get(i(e))||customElements.define(i(e),w);break;case"ix-button":customElements.get(i(e))||h();break;case"ix-date-time-card":customElements.get(i(e))||m();break;case"ix-spinner":customElements.get(i(e))||u();break;case"ix-typography":customElements.get(i(e))||b()}}))}!function(e,t,o,r){var n,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(i<3?n(a):i>3?n(t,o,a):n(t,o))||a);i>3&&a&&Object.defineProperty(t,o,a)}([d("keydown")],w.prototype,"handleKeyDown",null);export{w as T,T as d,f as g,v as i}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{i as n}from"./p-Djkc69iv.js";import{q as t,d as o,t as e,c as r}from"./p-C5UTTqsv.js";const c="data-ix-focus-trap-exclude",i="data-ix-focus-trap-include",s=`${o}, [${i}]`,f=()=>{let n=document.activeElement;for(;n;){if(n instanceof HTMLElement&&n.shadowRoot?.activeElement){const t=n.shadowRoot.activeElement;if(t!==n){n=t;continue}}const t=n.getRootNode();if(!(t instanceof ShadowRoot&&t.activeElement&&t.activeElement!==n))break;n=t.activeElement}return n};function u(n,t){if(!(n instanceof HTMLElement))return-1;const o=t.indexOf(n);if(-1!==o)return o;for(let o=0;o<t.length;o++){const e=t[o];if(e.shadowRoot?.contains(n))return o;const r=n.getRootNode();if(r instanceof ShadowRoot&&r.host===e)return o;if(e.contains(n))return o}return-1}function a(n){let t=n;for(;t;){if(t instanceof HTMLElement&&"IX-POPOVER"===t.tagName)return t;const n=t.getRootNode();t=n instanceof ShadowRoot?n.host:t.parentElement}}function l(n){const{display:t,visibility:o}=getComputedStyle(n);return"none"===t||"hidden"===o}function d(n,e){const r="both"===e?.trapFocusInShadowDom;let f;f=r?((...n)=>{const t=[],o=new Set;for(const e of n)for(const n of e)o.has(n)||(o.add(n),t.push(n));return t.sort(((n,t)=>{const o=n.compareDocumentPosition(t);return o&Node.DOCUMENT_POSITION_FOLLOWING?-1:o&Node.DOCUMENT_POSITION_PRECEDING?1:0}))})(n.shadowRoot?t(n.shadowRoot,s,!1):[],t(n,s,!1)):t(!0===e?.trapFocusInShadowDom?n.shadowRoot:n,s,r),function(n,e){const r="both"===e?.trapFocusInShadowDom;for(let c=0;c<n.length;c++){const s=n[c];if(!s.hasAttribute(i))continue;const f=t(r||!0===e?.trapFocusInShadowDom&&s.shadowRoot?s.shadowRoot??s:s,o,r).filter((n=>n!==s&&!l(n)));for(const t of f){const o=n.indexOf(t);-1!==o&&(n.splice(o,1),o<c&&c--)}n.splice(c,1,...f),c+=f.length-1}}(f,e);const u=function(n,t){return n.filter((n=>!function(n,t){if(function(n){let t=n;for(;t;){if(t instanceof HTMLElement&&t.inert)return!0;t=t instanceof ShadowRoot?t.host:t.parentNode}return!1}(n))return!0;const o=a(n);return!(!o||o===t)}(n,t)))}(f,n).filter((n=>!l(n)));return e?.excludeElements?u.filter((n=>!n.hasAttribute(c))):u}function m(n,t,o){const e=d(n,t),c=e.find((t=>!function(n,t){let o=n;for(;o&&o!==t;){if(o instanceof HTMLElement&&"IX-POPOVER-HEADER"===o.tagName)return!0;const n=o.getRootNode();o=n instanceof ShadowRoot?n.host:o.parentElement}return!1}(t,n)));r(c??e[0]??null,n,o)}const E=async(t,o)=>{const r=o?.targetElement?await(async t=>{if(t instanceof HTMLElement)return t;if(n(t))return t.waitForCurrent();throw new Error("Invalid focus trap element reference")})(o.targetElement):t;let c=t;o?.listenOnDocument?c=document:o?.targetElement&&(c=r);const s=n=>{const t=n;if("Tab"!==t.key)return;if(o?.listenOnDocument){if(o.shouldDeferTabTrap?.(r))return;const n=f();if(n instanceof HTMLElement&&((n,t)=>{const o=a(n);return void 0!==o&&o!==t&&(n=>{if(n.classList.contains("visible"))return!0;const t=n.shadowRoot?.querySelector("dialog");return t?.matches(":popover-open")??!1})(o)})(n,r))return}const c=d(r,o);if(0===c.length)return;const s=c[0],l=c[c.length-1],m=((n,t)=>{let o=f();if(-1!==u(o,t)){if(o instanceof HTMLElement&&o.hasAttribute(i)&&o.shadowRoot?.activeElement){const n=o.shadowRoot.activeElement;if(-1!==u(n,t))return n}return o}const e=n.shadowRoot?.activeElement;return e instanceof HTMLElement&&-1!==u(e,t)?e:o})(r,c),E=u(m,c);let p=!1;-1!==E&&(t.shiftKey?0===E&&(t.preventDefault(),e(l),p=!0):E===c.length-1&&(t.preventDefault(),e(s),p=!0),p&&n.stopImmediatePropagation())};return c.addEventListener("keydown",s),{destroy:()=>{c.removeEventListener("keydown",s)}}};export{c as T,
|
|
1
|
+
import{i as n}from"./p-Djkc69iv.js";import{q as t,d as o,t as e,c as r}from"./p-C5UTTqsv.js";const c="data-ix-focus-trap-exclude",i="data-ix-focus-trap-include",s=`${o}, [${i}]`,f=()=>{let n=document.activeElement;for(;n;){if(n instanceof HTMLElement&&n.shadowRoot?.activeElement){const t=n.shadowRoot.activeElement;if(t!==n){n=t;continue}}const t=n.getRootNode();if(!(t instanceof ShadowRoot&&t.activeElement&&t.activeElement!==n))break;n=t.activeElement}return n};function u(n,t){if(!(n instanceof HTMLElement))return-1;const o=t.indexOf(n);if(-1!==o)return o;for(let o=0;o<t.length;o++){const e=t[o];if(e.shadowRoot?.contains(n))return o;const r=n.getRootNode();if(r instanceof ShadowRoot&&r.host===e)return o;if(e.contains(n))return o}return-1}function a(n){let t=n;for(;t;){if(t instanceof HTMLElement&&"IX-POPOVER"===t.tagName)return t;const n=t.getRootNode();t=n instanceof ShadowRoot?n.host:t.parentElement}}function l(n){const{display:t,visibility:o}=getComputedStyle(n);return"none"===t||"hidden"===o}function d(n,e){const r="both"===e?.trapFocusInShadowDom;let f;f=r?((...n)=>{const t=[],o=new Set;for(const e of n)for(const n of e)o.has(n)||(o.add(n),t.push(n));return t.sort(((n,t)=>{const o=n.compareDocumentPosition(t);return o&Node.DOCUMENT_POSITION_FOLLOWING?-1:o&Node.DOCUMENT_POSITION_PRECEDING?1:0}))})(n.shadowRoot?t(n.shadowRoot,s,!1):[],t(n,s,!1)):t(!0===e?.trapFocusInShadowDom?n.shadowRoot:n,s,r),function(n,e){const r="both"===e?.trapFocusInShadowDom;for(let c=0;c<n.length;c++){const s=n[c];if(!s.hasAttribute(i))continue;const f=t(r||!0===e?.trapFocusInShadowDom&&s.shadowRoot?s.shadowRoot??s:s,o,r).filter((n=>n!==s&&!l(n)));for(const t of f){const o=n.indexOf(t);-1!==o&&(n.splice(o,1),o<c&&c--)}n.splice(c,1,...f),c+=f.length-1}}(f,e);const u=function(n,t){return n.filter((n=>!function(n,t){if(function(n){let t=n;for(;t;){if(t instanceof HTMLElement&&t.inert)return!0;t=t instanceof ShadowRoot?t.host:t.parentNode}return!1}(n))return!0;const o=a(n);return!(!o||o===t)}(n,t)))}(f,n).filter((n=>!l(n)));return e?.excludeElements?u.filter((n=>!n.hasAttribute(c))):u}function m(n,t,o){const e=d(n,t),c=e.find((t=>!function(n,t){let o=n;for(;o&&o!==t;){if(o instanceof HTMLElement&&"IX-POPOVER-HEADER"===o.tagName)return!0;const n=o.getRootNode();o=n instanceof ShadowRoot?n.host:o.parentElement}return!1}(t,n)));r(c??e[0]??null,n,o)}const E=async(t,o)=>{const r=o?.targetElement?await(async t=>{if(t instanceof HTMLElement)return t;if(n(t))return t.waitForCurrent();throw new Error("Invalid focus trap element reference")})(o.targetElement):t;let c=t;o?.listenOnDocument?c=document:o?.targetElement&&(c=r);const s=n=>{const t=n;if("Tab"!==t.key)return;if(o?.listenOnDocument){if(o.shouldDeferTabTrap?.(r))return;const n=f();if(n instanceof HTMLElement&&((n,t)=>{const o=a(n);return void 0!==o&&o!==t&&(n=>{if(n.classList.contains("visible"))return!0;const t=n.shadowRoot?.querySelector("dialog");return t?.matches(":popover-open")??!1})(o)})(n,r))return}const c=d(r,o);if(0===c.length)return;const s=c[0],l=c[c.length-1],m=((n,t)=>{let o=f();if(-1!==u(o,t)){if(o instanceof HTMLElement&&o.hasAttribute(i)&&o.shadowRoot?.activeElement){const n=o.shadowRoot.activeElement;if(-1!==u(n,t))return n}return o}const e=n.shadowRoot?.activeElement;return e instanceof HTMLElement&&-1!==u(e,t)?e:o})(r,c),E=u(m,c);let p=!1;-1!==E&&(t.shiftKey?0===E&&(t.preventDefault(),e(l),p=!0):E===c.length-1&&(t.preventDefault(),e(s),p=!0),p&&n.stopImmediatePropagation())};return c.addEventListener("keydown",s),{destroy:()=>{c.removeEventListener("keydown",s)}}};export{c as T,E as a,i as b,m as f,d as g}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,M as e,h as o,d as i,t as s}from"./p-eN5fQtqO.js";import{R as a}from"./p-DsVj4Cd-.js";import{D as r}from"./p-CApDAYIa.js";import{I as n}from"./p-BF2IsI5j.js";import{m as h}from"./p-Djkc69iv.js";import{m as l}from"./p-DT02jDB7.js";import{c}from"./p-CX81WQtk.js";import{a as m}from"./p-DD206pTM.js";import{d}from"./p-D_VBAyPm.js";import{d as b}from"./p-YFmbQndr.js";const p=(t,e)=>`${t}-${e++}`;let u=0;const v=t(class extends(e(...r,n)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow()}label;home=!1;bottom=!1;icon;notifications;active=!1;disabled=!1;tooltipText;href;target="_self";rel;isCategory=!1;menuCategoryLabel;get hostElement(){return this}tooltip;menuExpanded=!1;isInMenuContext=!1;hostTabIndex=-1;async setTabIndex(t){this.hostTabIndex=t}internalItemId=p("ix-menu-item-",u++);buttonRef=h();isHostedInsideCategory=!1;menuExpandedDisposer;observer=c((()=>{this.setTooltip()}));componentWillLoad(){super.componentWillLoad(),this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");const t=this.hostElement.getRootNode(),e=t instanceof ShadowRoot&&"ix-menu"===t.host?.tagName?.toLowerCase(),o=this.hostElement.parentElement,i=!this.isHostedInsideCategory&&("ix-menu"===o?.tagName?.toLowerCase()||"a"===o?.tagName?.toLowerCase()&&"ix-menu"===o?.parentElement?.tagName?.toLowerCase());this.isInMenuContext=e||i,this.onIconChange(),this.menuExpanded=l.nativeElement?.expand||!1,this.menuExpandedDisposer=l.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){this.tooltip=this.tooltipText??this.label??this.hostElement.textContent??void 0}connectedCallback(){super.connectedCallback(),this.observer.observe(this.hostElement,{subtree:!0,childList:!0,characterData:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.observer.disconnect(),this.menuExpandedDisposer&&this.menuExpandedDisposer.dispose()}onIconChange(){this.isHostedInsideCategory||this.hostElement.icon||(this.icon=a)}handleCategoryKeyDown(t){"Enter"!==t.key&&" "!==t.key||!this.isHostedInsideCategory||this.returnFocusToParentCategoryMenuItem()}getAriaLabel(){return"aria-label"in this.inheritAriaAttributes?this.inheritAriaAttributes["aria-label"]:this.tooltipText&&this.tooltipText!==this.label&&this.tooltipText!==this.hostElement.textContent?`${this.label??this.menuCategoryLabel??this.hostElement.textContent??""} ${this.tooltipText}`:void 0}getEffectiveRole(t){return t??(this.isHostedInsideCategory||this.isCategory||this.isInMenuContext?"menuitem":void 0)}returnFocusToParentCategoryMenuItem(){const t=this.hostElement.closest("ix-menu-category"),e=t?.shadowRoot?.querySelector("ix-menu-item.category-parent");t?.dispatchEvent(new CustomEvent("ixMenuCategoryItemSelect",{bubbles:!0,composed:!0})),e?.focus()}render(){let t={};this.home&&(t={slot:"home"}),this.bottom&&(t={slot:"bottom"});const{role:e,...s}=this.inheritAriaAttributes,a=this.getEffectiveRole(e),r={class:"tab",...s},n=[this.icon&&o("ix-icon",{key:"a419f5c94d24c852e00387f916108cefae727cf0",class:"tab-icon",name:this.icon,"aria-hidden":"true"}),this.notifications?o("div",{class:"notification"},o("div",{class:"pill"},this.notifications)):null,o("span",{key:"95833b6a1e057c688a612455889aee0f6aab388e",id:this.internalItemId,class:"tab-text text-default"},this.label,o("slot",{key:"94628460eddc3c008ce9878a3cfd275fe2ced889"}))],h=this.getAriaLabel();return o(i,{key:"dd42494be7e2e0d4a109e137f53a21c05696a3b9",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory,"ix-focusable":!this.disabled},...t},this.href?o("a",{...r,role:a,href:this.disabled?void 0:this.href,target:this.target,rel:this.rel,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),onClick:t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())},"aria-disabled":m(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},n):o("button",{...r,role:a,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),"aria-disabled":m(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},n),o("ix-tooltip",{key:"4323e540c6d50894126a913ea1eb2a6101c27777",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3,interactive:!1,"aria-hidden":"true","aria-labelledby":this.internalItemId},this.tooltip))}static get delegatesFocus(){return!0}static get watchers(){return{icon:[{onIconChange:0}]}}static get style(){return':host{position:relative;display:block;cursor:pointer;height:var(--ix-menu-item-height, 3rem);min-height:var(--ix-menu-item-height, 3rem);max-height:var(--ix-menu-item-height, 3rem)}:host .tab{all:unset;box-sizing:border-box;display:flex;position:relative;align-items:center;height:var(--ix-menu-item-height, 3rem);width:100%;z-index:500;padding-left:0.875rem}:host .tab:not(.disabled):not(:disabled).hover,:host .tab:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .tab:not(.disabled):not(:disabled).active,:host .tab:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .tab-icon{color:var(--theme-nav-item-primary-icon--color);position:relative;pointer-events:none}:host .tab:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .notification{display:inline-flex;position:absolute;top:0.25rem;left:1.5rem}:host .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:0.5rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}:host .tab-text{display:block;color:var(--theme-nav-item-primary--color);margin:0 1rem 0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.active) .tab,:host(.selected) .tab{background-color:var(--theme-nav-item-primary--background--selected)}:host(.active) .tab::before,:host(.selected) .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:var(--ix-menu-item-height, 3rem);width:0.25rem;left:0;position:absolute}:host(.active) .tab>.glyph,:host(.selected) .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}:host(.disabled){color:var(--theme-color-weak-text);pointer-events:none;cursor:default}:host(.disabled) .tab>.tab-icon{color:var(--theme-color-weak-text)}:host(.disabled) .tab-text{color:var(--theme-color-weak-text)}:host(.bottom-tab),:host([slot=bottom]){min-height:2.25rem;height:2.25rem;max-height:2.25rem}:host(.bottom-tab) .tab,:host([slot=bottom]) .tab{height:2.25rem}:host(.bottom-tab) .tab::before,:host([slot=bottom]) .tab::before{height:2.25rem;background-color:transparent}:host(.bottom-tab).active:hover,:host(.bottom-tab).selected:hover,:host([slot=bottom]).active:hover,:host([slot=bottom]).selected:hover{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab).active:active,:host(.bottom-tab).selected:active,:host([slot=bottom]).active:active,:host([slot=bottom]).selected:active{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab.active) .tab,:host(.bottom-tab.selected) .tab,:host(.active[slot=bottom]) .tab,:host(.selected[slot=bottom]) .tab{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.tab-nested) .tab{flex-direction:row;padding-left:1.375rem}:host(.tab-nested) .tab .notification{position:relative;top:0;left:0;padding-left:0.5rem}:host(.tab-nested) .tab .tab-icon{padding-left:0.5rem;padding-right:0.5rem}:host(.tab-nested) .tab .tab-text{margin-left:0.5rem}:host(.tab-nested) .tab::before{display:none}'}},[785,"ix-menu-item",{label:[1],home:[4],bottom:[4],icon:[1025],notifications:[2],active:[4],disabled:[4],tooltipText:[1,"tooltip-text"],href:[1],target:[1],rel:[1],isCategory:[4,"is-category"],menuCategoryLabel:[1,"menu-category-label"],inheritAriaAttributes:[32],tooltip:[32],menuExpanded:[32],isInMenuContext:[32],hostTabIndex:[32],setTabIndex:[64]},void 0,{icon:[{onIconChange:0}]}]);function g(){"undefined"!=typeof customElements&&["ix-menu-item","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-item":customElements.get(s(t))||customElements.define(s(t),v);break;case"ix-tooltip":customElements.get(s(t))||d();break;case"ix-typography":customElements.get(s(t))||b()}}))}export{v as M,p as c,g as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as e,h as i,d as o,t as s}from"./p-eN5fQtqO.js";import{c as a,a as n,r,s as l,o as c,d as h,b as d,h as m}from"./p-Bxrgt3H_.js";import{m as p}from"./p-Djkc69iv.js";import{d as f}from"./p-Dw_A3HUC.js";import{b}from"./p-CKoABG1h.js";import{d as u}from"./p-YFmbQndr.js";const y=t=>null!==t?`${t}px`:"";let w=0;const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}for;titleContent;interactive=!1;placement="top";showDelay=0;hideDelay=50;animationFrame=!1;get hostElement(){return this}visible=!1;hideTooltipTimeout;showTooltipTimeout;visibleFor;disposeAutoUpdate;disposeTriggerListener;disposeTooltipListener;disposeDomChangeListener;hasDisconnected=!1;instance=w++;dialogRef=p();get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}async showTooltip(t){if(this.clearTimeouts(),this.showTooltipTimeout||this.visibleFor===t)return;const e=await this.dialogRef.waitForCurrent();this.showTooltipTimeout=setTimeout((()=>{this.setAnchorElement(t),e.showPopover(),this.applyTooltipPosition(t,e),this.registerTooltipListener(e)}),this.showDelay)}async hideTooltip(t=this.hideDelay){if(this.clearTimeouts(),this.hideTooltipTimeout||!this.visible)return;this.interactive&&50===t&&(t=150);const e=await this.dialogRef.waitForCurrent();this.hideTooltipTimeout=setTimeout((()=>{this.setAnchorElement(),e.hidePopover(),this.disposeAutoUpdate?.(),this.disposeTooltipListener?.()}),t)}setAnchorElement(t){t?(this.visibleFor=t,this.visible=!0):(this.visibleFor=void 0,this.visible=!1)}computeArrowPosition({placement:t,middlewareData:e}){const i=e.arrow;if(!i)return;let{x:o,y:s}=i;const a={top:"unset",right:"unset",bottom:"unset",left:"unset"};return t.startsWith("top")?{...a,left:y(o),bottom:y(-6)}:t.startsWith("right")?{...a,left:y(-6),top:y(s)}:t.startsWith("bottom")?{...a,left:y(o),top:y(-6)}:t.startsWith("left")?{...a,right:y(-6),top:y(s)}:void 0}async computeTooltipPosition(t,e){return a(t,e,{strategy:"fixed",placement:this.placement,middleware:[l(),c(12),h({element:this.arrowElement}),d({fallbackStrategy:"initialPlacement",fallbackAxisSideDirection:"end",padding:10}),m()]})}applyTooltipArrowPosition(t){const e=this.computeArrowPosition(t);Object.assign(this.arrowElement.style,e)}async applyTooltipPosition(t,e){if(t)return new Promise((i=>{this.disposeAutoUpdate?.(),this.disposeAutoUpdate=n(t,e,(async()=>{const o=await this.computeTooltipPosition(t,e),s=o.middlewareData.hide?.referenceHidden;s&&(this.hideTooltip(0),i(o)),o.middlewareData.arrow&&this.applyTooltipArrowPosition(o);const{x:a,y:n}=o;Object.assign(e.style,{left:y(a),top:y(n)}),i(o)}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0,animationFrame:this.animationFrame})}))}async queryAnchorElements(){if(this.for)return Array.isArray(this.for)?this.resolveElements(this.for):this.resolveElements([this.for])}async resolveElements(t){const i=[];return await Promise.all(t.map((async t=>{if("string"==typeof t){const e=await r(t,this.hostElement);e&&i.push(...e)}else t instanceof e?i.push(t):t instanceof Promise&&i.push(await t)}))),i}async registerTriggerListener(){this.disposeTriggerListener?.();const t=await this.queryAnchorElements();if(!t)return;const e=[];t.forEach((t=>{e.push({element:t,eventType:"mouseenter",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focus",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}})})),this.disposeTriggerListener=b(e)}registerTooltipListener(t){this.disposeTooltipListener?.(),this.disposeTooltipListener=b([{element:t,eventType:"mouseenter",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"focus",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}},{element:t,eventType:"click",callback:t=>{t.stopPropagation()}},{element:document,eventType:"keydown",callback:t=>{"Escape"===t.key&&this.hideTooltip()}}])}registerDomChangeListener(){this.disposeDomChangeListener?.();const t=new MutationObserver((()=>{this.registerTriggerListener()}));t.observe(document.body,{attributes:!0,attributeFilter:["data-ix-tooltip"],childList:!0,subtree:!0}),this.disposeDomChangeListener=()=>{t.disconnect()}}clearHideTimeout(){clearTimeout(this.hideTooltipTimeout),this.hideTooltipTimeout=void 0}clearShowTimeout(){clearTimeout(this.showTooltipTimeout),this.showTooltipTimeout=void 0}clearTimeouts(){this.clearHideTimeout(),this.clearShowTimeout()}componentWillLoad(){this.registerTriggerListener()}componentDidLoad(){this.registerDomChangeListener()}connectedCallback(){this.hasDisconnected&&(this.registerTriggerListener(),this.registerDomChangeListener())}disconnectedCallback(){this.hasDisconnected=!0,this.clearTimeouts(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeTooltipListener?.(),this.disposeDomChangeListener?.()}handleTitleIconSlotChange(t){const e=f(t.target);for(const t of e)"ix-icon"===t.tagName.toLowerCase()&&(t.size="16")}render(){return i(o,{key:"fe826b9faedc373c7ed059d063cc0f41fbfc6178",role:"tooltip",class:{visible:this.visible}},i("dialog",{key:"4c3615e531e598ca3bfb71f5d96d0c510d14a18f",ref:this.dialogRef,id:"tooltip-"+this.instance,class:"dialog",popover:"manual",inert:!this.visible},i("div",{key:"d9b77b657d7c96525f12bc0c357f37be745b0df2",class:"tooltip-container"},i("div",{key:"3226301a8e9a91c6ca0d9e7a1268357c94885461",class:"content-wrapper"},i("div",{key:"224fd0e67de09fc486e02bf2d1023d7ed0fce25a",class:"tooltip-title"},i("slot",{key:"16c48a015cd22857dbe43ff941a6a380e14b89dc",name:"title-icon",onSlotchange:t=>this.handleTitleIconSlotChange(t)}),i("ix-typography",{key:"ef2a7d59693e79d1a40ed44705841af6101e9949",format:"h5"},this.titleContent,i("slot",{key:"64f1d0ab84cbbf75067447c123e6a970d2e06545",name:"title-content"}))),i("slot",{key:"fd235ecbcd9862169fb6f825d6260f817b30d073"}),i("div",{key:"be5d8640b05978f23a4ccab0271262dbbe712890",class:"arrow"})))))}static get style(){return'.dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex}.tooltip-title ::slotted(ix-icon){margin:0.125rem 0.25rem 0.125rem 0}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}'}},[769,"ix-tooltip",{for:[1],titleContent:[1,"title-content"],interactive:[4],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],animationFrame:[4,"animation-frame"],visible:[32],showTooltip:[64],hideTooltip:[64]}]);function v(){"undefined"!=typeof customElements&&["ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-tooltip":customElements.get(s(t))||customElements.define(s(t),g);break;case"ix-typography":customElements.get(s(t))||u()}}))}export{g as T,v as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as n}from"./p-eN5fQtqO.js";import{a as t}from"./p-DD206pTM.js";import{c as e}from"./p-CX81WQtk.js";import{a as i}from"./p-JJddxCCh.js";import{a}from"./p-DhE1t8Qh.js";import{A as s}from"./p-BqeSHO6C.js";import{s as o}from"./p-BTBxxgtF.js";function r(n,t){n.isInvalid=t.isInvalid||t.isInvalidByRequired,n.isValid=t.isValid,n.isInfo=t.isInfo,n.isWarning=t.isWarning}function u(n,t){n.allowedCharactersPattern&&(new RegExp(n.allowedCharactersPattern).test(t.key)||(t.preventDefault(),a(n.inputRef.current,{duration:s.defaultTime,easing:"easeInOutSine",loop:2,translateX:[{value:-5},{value:5},{value:-2.5},{value:2.5},{value:0}]})))}async function l(n,t){const e=t.validity,i=!n.hostElement.classList.contains("ix-invalid--validity-invalid"),a=e.valid;if(i!==a){if(n.validityStateChange.emit(e).defaultPrevented)return;n.hostElement.classList.toggle("ix-invalid--validity-invalid",!a)}if(null==n.value)return;if(await o(n))return;const{valid:s}=e;n.hostElement.classList.toggle("ix-invalid--validity-invalid",!s)}function c(n,t,e){if(!n)return;const a=i(t+8);e.slotEnd?n.style.paddingRight=`calc(${a} + ${e.additionalPaddingRight??"0rem"})`:n.style.paddingLeft=a}function d(n,t,e){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(n){const t=n.getBoundingClientRect();t&&c(e,t.width,{slotEnd:!1})}if(t){const n=t.getBoundingClientRect();n&&c(e,n.width,{slotEnd:!0})}}))}))}function f(n){const e={"aria-invalid":`${t(n.isInvalid)}`,"aria-required":`${t(n.required)}`};return n.isInvalid&&n.invalidText&&(e["aria-errormessage"]=n.invalidText),e}const m=(n,t)=>{const i=function(n,t){const e=new IntersectionObserver((n=>{n.forEach((n=>{n.isIntersecting&&t()}))}));return e.observe(n),e}(n,t),a=e(t);return a.observe(n,{subtree:!0,attributes:!0}),()=>{i.disconnect(),a.disconnect()}};function p(n,t,e){if(t||"Enter"!==n.key||!e)return;n.preventDefault();const i=e.querySelector('button[type="submit"]');i?e.requestSubmit(i):1===e.length&&e.requestSubmit()}function v(n,t){n.initialValue=t}function h(n,t,e){!function(n,t){if(n.ixBlur.emit(),!t)throw new Error("Input element is not available");t.setAttribute("data-ix-touched","true"),l(n,t)}(n,t),n.initialValue!==e&&(void 0===e?n.ixChange.emit():n.ixChange.emit(e),n.initialValue=e)}function g(n,t,e){"Enter"===n.key&&t.initialValue!==e&&(t.ixChange.emit(e),t.initialValue=e)}function x(){return{lastEmittedPatternMismatch:!1,lastEmittedValueMissing:!1}}function y(n){return async function(n,t){if(!t.touched)return;const e=await t.getValidityState(),i=e.patternMismatch,a=e.valueMissing;n.lastEmittedPatternMismatch===i&&n.lastEmittedValueMissing===a||(n.lastEmittedPatternMismatch=i,n.lastEmittedValueMissing=a,t.emit({patternMismatch:i,valueMissing:a,invalidReason:t.invalidReason}))}(n.validityTracker,{touched:n.touched,invalidReason:n.invalidReason,getValidityState:()=>n.getValidityState(),emit:t=>n.validityStateChange.emit(t)})}function b(t){return n("textarea",{id:t.id,readOnly:t.readonly,disabled:t.disabled,maxLength:t.maxLength,minLength:t.minLength,cols:t.textareaCols,rows:t.textareaRows,ref:t.textAreaRef,class:{"is-invalid":t.isInvalid},required:t.required,value:t.value,placeholder:t.placeholder,onFocus:()=>t.onFocus?.(),onInput:n=>{const e=n.target;t.updateFormInternalValue(e.value),t.valueChange(e.value)},onBlur:()=>t.onBlur(),style:{resize:t.resizeBehavior,height:t.textareaHeight,width:t.textareaWidth},...t.ariaAttributes})}function w(t){return n("input",{id:t.id,autoComplete:"off",readOnly:t.readonly,disabled:t.disabled,step:t.step,min:t.min,max:t.max,maxLength:t.maxLength?Number(t.maxLength):void 0,minLength:t.minLength?Number(t.minLength):void 0,ref:t.inputRef,pattern:t.pattern,type:t.type,class:{"is-invalid":t.isInvalid},style:{textAlign:t.textAlignment},required:t.required,value:t.value,placeholder:t.placeholder,onKeyPress:n=>t.onKeyPress(n),onKeyDown:n=>{t.onKeyDown?.(n),t.onEnterKeyChange?.(n),p(n,!!t.suppressSubmitOnEnter,t.form)},onBeforeInput:n=>t.onBeforeInput?.(n),onPaste:n=>t.onPaste?.(n),onFocus:()=>t.onFocus?.(),onInput:n=>{const e=n.target;t.updateFormInternalValue(e.value),t.valueChange(e.value)},onBlur:()=>t.onBlur(),...t.ariaAttributes})}const E=(t,e)=>n("div",{class:"end-container",ref:t.slotEndRef},n("slot",{name:"end",onSlotchange:t.onSlotChange}),e),j=t=>n("div",{class:"start-container",ref:t.slotStartRef},n("slot",{name:"start",onSlotchange:t.onSlotChange}));export{w as I,E as S,b as T,m as a,d as b,x as c,j as d,y as e,v as f,l as g,p as h,f as i,g as j,u as k,r as m,h as o}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as r,h as a,d as t,t as d}from"./p-eN5fQtqO.js";const o=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}embedded;timePickerAppearance=!1;hideHeader=!1;hasFooter=!1;corners="rounded";noPadding=!1;cardClasses(){return{card:!0,standaloneAppearance:!1===this.embedded,rounded:"rounded"===this.corners,left:"left"===this.corners,right:"right"===this.corners,straight:"straight"===this.corners}}render(){return a(t,{key:"289080b5249c75edc736046a5ad221d48026e5d0"},a("div",{key:"1ed983539d3bcc523b1ed09a257576b4039df91c",class:this.cardClasses()},!this.hideHeader&&a("div",{key:"6e3e65760b7a86d80010ae2527c1d8d894dc71a4",class:"header-container"},a("div",{key:"da2e1eade722ad8cec33483ddd9d2e671a77a955",class:"header"},a("slot",{key:"6827d46897a68e0ca11b1e2ea3b3d80fd5f55b71",name:"header"})),a("div",{key:"1c5da53871038ecd0181290ac8a8252e96b47cc0",class:"separator"})),a("div",{key:"a848fbd6e1ca7f8093f988d5f4dd45672d27e9f2",class:{content:!0,"content--time-picker":this.timePickerAppearance,"content--no-padding":this.noPadding}},a("slot",{key:"45bc8172ac6ebee53ff34078f1d93fb10aaabab1"})),this.hasFooter&&a("div",{key:"ddee781fb1860b60d7acf73548b8e952106740b8",class:"footer-container"},a("div",{key:"356280fe315163d4a86bc6798b7917ccb75101b7",class:"separator"}),a("div",{key:"81a8be6aaa1ade1a686ae43aacc9b4c5990f05b5",class:"footer"},a("slot",{key:"d197efc24f44d7a4c6759cd19877287fb4997391",name:"footer"})))))}static get style(){return":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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}: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 *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:var(--theme-shadow-4);border-radius:0.25rem}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card.straight{border-radius:0}:host .card .header-container{width:100%}:host .card .header-container .header{padding:0.75rem 1rem;flex:0 1 auto}:host .card .separator{height:1px;background-color:var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}:host .card .content--time-picker{padding:0 1rem}:host .card .content--no-padding{padding:0}:host .card .footer-container{width:100%}:host .card .footer-container .footer{padding:1rem}"}},[769,"ix-date-time-card",{embedded:[4],timePickerAppearance:[4,"time-picker-appearance"],hideHeader:[4,"hide-header"],hasFooter:[4,"has-footer"],corners:[1],noPadding:[4,"no-padding"]}]);function c(){"undefined"!=typeof customElements&&["ix-date-time-card"].forEach((e=>{"ix-date-time-card"===e&&(customElements.get(d(e))||customElements.define(d(e),o))}))}export{o as D,c as d}
|