@siemens/ix 5.0.0 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/READMEOSS.html +10 -10
- 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-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-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.d.ts +11 -0
- package/components/ix-popover-content.js +1 -0
- package/components/ix-popover-footer.d.ts +11 -0
- package/components/ix-popover-footer.js +1 -0
- package/components/ix-popover-header.d.ts +11 -0
- package/components/ix-popover-header.js +1 -0
- package/components/ix-popover-image.d.ts +11 -0
- package/components/ix-popover-image.js +1 -0
- package/components/ix-popover.d.ts +11 -0
- package/components/ix-popover.js +1 -0
- 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/{dist/siemens-ix/p-c350c5d0.entry.js → components/p-3VG6z9c3.js} +1 -1
- package/components/p-5ntkLbuJ.js +1 -0
- package/components/p-7HGOhDMX.js +1 -0
- package/components/p-B-O0ylt_.js +1 -0
- package/components/p-BBCsPlPH.js +1 -0
- package/components/p-BDlGgfYh.js +1 -0
- package/components/{p-BP8g-yqY.js → p-BNAvpXSk.js} +1 -1
- package/components/{p-BE4QI9tD.js → p-BST8QY5w.js} +1 -1
- package/components/{p-B4Yxzuow.js → p-BWH03B1n.js} +1 -1
- package/components/{p-C-wf4kbs.js → p-BWknDysp.js} +1 -1
- package/components/p-BbW5EIKF.js +1 -0
- package/components/p-BbwShqw_.js +1 -0
- package/components/p-BtSt9tC5.js +1 -0
- package/components/p-BuBQiemL.js +1 -0
- package/components/{p-DQql_9wo.js → p-BzFLbXmT.js} +1 -1
- package/components/{p-CcllZcv2.js → p-C-sZLWci.js} +1 -1
- package/components/{p-CVmLf9WY.js → p-C0WZnIxc.js} +1 -1
- package/components/{p-B5k8YVR0.js → p-C21npbUc.js} +1 -1
- package/components/p-C2jvmCOl.js +1 -0
- package/components/p-C5UTTqsv.js +1 -0
- package/components/{p-BwC_Hmai.js → p-CAH3dF6j.js} +1 -1
- package/{dist/siemens-ix/p-Dl_bUxb7.js → components/p-CApDAYIa.js} +1 -1
- package/components/{p-B1q6Xh9M.js → p-CDf5TQum.js} +1 -1
- package/components/p-CG9cQxRO.js +1 -0
- package/components/p-CGHbrmJg.js +1 -0
- package/components/{p-BcxPyyrm.js → p-CIA8i4dm.js} +1 -1
- package/components/{p-DUkuP1OH.js → p-CJoOEoc-.js} +1 -1
- package/components/p-CMtwWb3-.js +1 -0
- package/components/p-CNLoALIl.js +1 -0
- package/components/p-CT5pAQCz.js +1 -0
- package/components/{p-DN2Mr91y.js → p-CTbTAb9U.js} +1 -1
- package/components/p-CpOGS2e_.js +1 -0
- package/components/{p-uIG84RqI.js → p-CrDBjFhu.js} +1 -1
- package/components/{p-JevOq-9X.js → p-CrLxhwo2.js} +1 -1
- package/components/{p-CsP_r-y6.js → p-CuFZ7CXu.js} +1 -1
- package/components/{p-CJ3dR7zd.js → p-Cy2KAdml.js} +1 -1
- package/components/{p-DSpVcflZ.js → p-Czy7a3I4.js} +1 -1
- package/components/p-DDvuSQX3.js +1 -0
- package/components/{p-DdMuwGlF.js → p-DHydRnvu.js} +1 -1
- package/components/{p-546lBshK.js → p-DKH7tPDu.js} +1 -1
- package/components/{p-qsIASuyM.js → p-DM7ma3Eh.js} +1 -1
- package/components/p-DT02jDB7.js +1 -0
- package/components/p-Dfd_ifAu.js +1 -0
- package/components/{p-MZOpritx.js → p-DhWkcMmR.js} +1 -1
- package/components/p-DiLKm3tq.js +1 -0
- package/components/{p-Cf71L4Ol.js → p-DtOqKp7K.js} +1 -1
- package/components/p-DtmgZu-S.js +1 -0
- package/components/p-Dw_A3HUC.js +1 -0
- package/components/{p-By6x--zJ.js → p-Dwe6tWhq.js} +1 -1
- package/components/p-DziPiOL3.js +1 -0
- package/components/{p-DfnCSsMy.js → p-GGleop6j.js} +1 -1
- package/components/p-GmOVROeD.js +1 -0
- package/components/{p-W0q0WVKl.js → p-ImMb0joA.js} +1 -1
- package/components/p-Wr4Qf8LA.js +1 -0
- package/components/{p-DTcUamMt.js → p-aUZgVnx5.js} +1 -1
- package/components/{p-zs7a2E3b.js → p-wFiL3dN1.js} +1 -1
- package/components/{p-_Uc7YwjU.js → p-zqHenwXl.js} +1 -1
- package/components/{p-CuswfnZ5.js → p-zyYHTdEN.js} +1 -1
- package/dist/cjs/{a11y-C_6YiIMa.js → a11y-_XjpTo2w.js} +10 -0
- package/dist/cjs/{base-button-C-1izOSS.js → base-button-BP6iIMR7.js} +3 -3
- package/dist/cjs/{base-icon-button-BeXf6v9s.js → base-icon-button-BmiGQb9v.js} +2 -2
- package/dist/cjs/{component-CYtonfpw.js → component-DgA9FH-W.js} +2 -2
- package/dist/cjs/dropdown-controller-kBwdbfGD.js +99 -0
- package/dist/cjs/{focus-proxy-BCuVbpDb.js → focus-proxy-CjxFZupW.js} +6 -5
- package/dist/cjs/focus-trap-Be3N4ytz.js +310 -0
- package/dist/cjs/{focus-utilities-yx7wWjEO.js → focus-utilities-5SZMxJg4.js} +65 -23
- package/dist/cjs/{focus-visible.mixin-BU5Ql7d1.js → focus-visible.mixin-1V7Eldn_.js} +2 -2
- package/dist/cjs/{helper-text-util-CvfY1JxE.js → helper-text-util-BkHm7ofh.js} +3 -3
- package/dist/cjs/{index-Dw-NwUuT.js → index-CwJ-mkQd.js} +2 -2
- package/dist/cjs/{index-BKQkUbyE.js → index-DnclGKUw.js} +21 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/{inherit-aria-attributes.mixin-Sl7J-OlO.js → inherit-aria-attributes.mixin-EyRU0cDO.js} +2 -2
- package/dist/cjs/{input-picker.mixin-EoIayQV9.js → input-picker.mixin-Cf82jV-C.js} +2 -2
- package/dist/cjs/{input.fc-CsACCdp7.js → input.fc-DM-hX3xb.js} +3 -3
- package/dist/cjs/ix-action-card.cjs.entry.js +5 -4
- package/dist/cjs/ix-application-header.cjs.entry.js +14 -14
- package/dist/cjs/ix-application-switch-modal.cjs.entry.js +5 -5
- package/dist/cjs/ix-application.cjs.entry.js +28 -13
- package/dist/cjs/ix-avatar_2.cjs.entry.js +9 -9
- package/dist/cjs/ix-blind.cjs.entry.js +9 -9
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +10 -10
- package/dist/cjs/ix-breadcrumb.cjs.entry.js +8 -8
- package/dist/cjs/ix-button.cjs.entry.js +8 -8
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js +7 -7
- package/dist/cjs/ix-card-list.cjs.entry.js +8 -8
- package/dist/cjs/ix-card_2.cjs.entry.js +4 -4
- package/dist/cjs/ix-category-filter.cjs.entry.js +8 -8
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +4 -4
- package/dist/cjs/ix-checkbox.cjs.entry.js +20 -7
- package/dist/cjs/ix-chip.cjs.entry.js +11 -11
- package/dist/cjs/ix-col_4.cjs.entry.js +21 -23
- package/dist/cjs/ix-content-header.cjs.entry.js +5 -5
- package/dist/cjs/ix-content.cjs.entry.js +6 -6
- package/dist/cjs/ix-css-grid-item.cjs.entry.js +2 -2
- package/dist/cjs/ix-css-grid.cjs.entry.js +2 -2
- package/dist/cjs/ix-custom-field.cjs.entry.js +3 -3
- package/dist/cjs/ix-date-dropdown.cjs.entry.js +14 -14
- package/dist/cjs/ix-date-input.cjs.entry.js +15 -14
- package/dist/cjs/ix-date-picker.cjs.entry.js +13 -13
- package/dist/cjs/ix-date-time-card.cjs.entry.js +3 -3
- package/dist/cjs/ix-datetime-input.cjs.entry.js +14 -13
- package/dist/cjs/ix-datetime-picker.cjs.entry.js +6 -6
- package/dist/cjs/ix-divider.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +11 -11
- package/dist/cjs/ix-dropdown-header.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +14 -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 +3 -3
- package/dist/cjs/ix-expanding-search.cjs.entry.js +6 -6
- package/dist/cjs/ix-field-label_2.cjs.entry.js +12 -12
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +30 -13
- package/dist/cjs/ix-flip-tile-content.cjs.entry.js +2 -2
- package/dist/cjs/ix-flip-tile.cjs.entry.js +6 -6
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +4 -4
- package/dist/cjs/ix-group.cjs.entry.js +11 -11
- package/dist/cjs/ix-helper-text.cjs.entry.js +6 -6
- package/dist/cjs/ix-icon-button_2.cjs.entry.js +12 -12
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +11 -11
- package/dist/cjs/ix-input.cjs.entry.js +11 -13
- package/dist/cjs/ix-key-value-list.cjs.entry.js +2 -2
- package/dist/cjs/ix-key-value.cjs.entry.js +2 -2
- package/dist/cjs/ix-kpi.cjs.entry.js +5 -5
- package/dist/cjs/ix-layout-auto.cjs.entry.js +2 -2
- package/dist/cjs/ix-link-button.cjs.entry.js +5 -5
- package/dist/cjs/ix-menu-about-item.cjs.entry.js +3 -3
- package/dist/cjs/ix-menu-about-news.cjs.entry.js +9 -9
- package/dist/cjs/ix-menu-about.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-avatar.cjs.entry.js +6 -6
- package/dist/cjs/ix-menu-category.cjs.entry.js +255 -38
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +8 -8
- package/dist/cjs/ix-menu-item.cjs.entry.js +221 -32
- package/dist/cjs/ix-menu-settings-item.cjs.entry.js +3 -3
- package/dist/cjs/ix-menu-settings.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu.cjs.entry.js +195 -18
- 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 +2 -2
- package/dist/cjs/ix-modal.cjs.entry.js +6 -6
- package/dist/cjs/ix-number-input.cjs.entry.js +10 -10
- package/dist/cjs/ix-pagination.cjs.entry.js +7 -7
- package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -2
- package/dist/cjs/ix-pane.cjs.entry.js +102 -25
- package/dist/cjs/ix-pill_4.cjs.entry.js +23 -23
- package/dist/cjs/ix-popover-content.cjs.entry.js +26 -0
- package/dist/cjs/ix-popover-footer.cjs.entry.js +26 -0
- package/dist/cjs/ix-popover-header.cjs.entry.js +70 -0
- package/dist/cjs/ix-popover-image.cjs.entry.js +33 -0
- package/dist/cjs/ix-popover.cjs.entry.js +996 -0
- package/dist/cjs/ix-progress-indicator.cjs.entry.js +5 -5
- package/dist/cjs/ix-push-card.cjs.entry.js +2 -2
- package/dist/cjs/ix-radio-group.cjs.entry.js +4 -4
- package/dist/cjs/ix-radio.cjs.entry.js +6 -6
- package/dist/cjs/ix-range-field.cjs.entry.js +7 -7
- package/dist/cjs/ix-select.cjs.entry.js +394 -24
- package/dist/cjs/ix-slider.cjs.entry.js +10 -10
- package/dist/cjs/ix-split-button.cjs.entry.js +7 -7
- package/dist/cjs/ix-tab-panel.cjs.entry.js +5 -5
- package/dist/cjs/ix-textarea.cjs.entry.js +6 -6
- package/dist/cjs/ix-tile.cjs.entry.js +5 -5
- package/dist/cjs/ix-time-input.cjs.entry.js +15 -14
- 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 +8 -8
- package/dist/cjs/ix-toggle.cjs.entry.js +10 -10
- package/dist/cjs/ix-tooltip.cjs.entry.js +12 -3
- package/dist/cjs/ix-tree-item.cjs.entry.js +6 -6
- package/dist/cjs/ix-tree.cjs.entry.js +4 -3
- 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 +5 -5
- package/dist/cjs/ix-workflow-steps.cjs.entry.js +2 -2
- package/dist/cjs/{listener-BafrcTaM.js → listener-ClEsCfX0.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{menu-service-D_QsHUgR.js → menu-service-DBg-0e5W.js} +13 -2
- package/dist/cjs/path-utils-CQKWhbQW.js +169 -0
- package/dist/cjs/{shadow-dom-BG8VqeIu.js → shadow-dom-BL5F7RFW.js} +13 -0
- package/dist/cjs/siemens-ix.cjs.js +3 -3
- package/dist/cjs/{tab.mixin-DObUK6A4.js → tab.mixin-C1KwKb64.js} +1 -1
- package/dist/cjs/uuid-Bo2QzEg9.js +15 -0
- package/dist/cjs/{validation-Dier-uPA.js → validation-DJaUH-UR.js} +1 -1
- package/dist/collection/collection-manifest.json +6 -1
- package/dist/collection/components/action-card/action-card.css +18 -0
- package/dist/collection/components/action-card/action-card.js +5 -1
- package/dist/collection/components/application/application.js +25 -10
- package/dist/collection/components/application-header/application-header.js +9 -9
- package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.css +2 -2
- package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js +2 -2
- package/dist/collection/components/avatar/avatar.css +1 -1
- package/dist/collection/components/blind/blind.css +27 -0
- package/dist/collection/components/blind/blind.js +5 -5
- package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +3 -3
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +1 -1
- package/dist/collection/components/button/base-button.js +1 -1
- package/dist/collection/components/button/button.css +2 -2
- package/dist/collection/components/card/card.js +2 -2
- package/dist/collection/components/card-accordion/card-accordion.js +4 -4
- package/dist/collection/components/card-content/card-content.js +1 -1
- package/dist/collection/components/card-list/card-list.css +1 -1
- package/dist/collection/components/card-list/card-list.js +6 -6
- package/dist/collection/components/card-title/card-title.js +1 -1
- package/dist/collection/components/category-filter/category-filter.css +2 -2
- package/dist/collection/components/category-filter/category-filter.js +3 -3
- package/dist/collection/components/checkbox/checkbox.css +13 -4
- package/dist/collection/components/checkbox/checkbox.js +21 -3
- package/dist/collection/components/checkbox-group/checkbox-group.js +2 -2
- package/dist/collection/components/chip/chip.js +4 -4
- package/dist/collection/components/col/col.js +2 -2
- package/dist/collection/components/content/content.css +2 -2
- 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 +1 -1
- package/dist/collection/components/date-dropdown/date-dropdown.js +5 -5
- package/dist/collection/components/date-input/date-input.js +5 -4
- package/dist/collection/components/date-picker/date-picker.css +4 -0
- package/dist/collection/components/date-picker/date-picker.js +7 -7
- package/dist/collection/components/date-time-card/date-time-card.js +2 -2
- package/dist/collection/components/datetime-input/datetime-input.js +3 -3
- 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-controller.js +20 -82
- package/dist/collection/components/dropdown/dropdown.js +2 -2
- package/dist/collection/components/dropdown-button/dropdown-button.js +6 -6
- package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
- 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.js +1 -1
- package/dist/collection/components/event-list/event-list.js +2 -2
- package/dist/collection/components/event-list-item/event-list-item.js +4 -4
- 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 +3 -1
- package/dist/collection/components/filter-chip/filter-chip.js +31 -1
- 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 +8 -8
- package/dist/collection/components/helper-text/helper-text.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +2 -2
- package/dist/collection/components/icon-button/icon-button.js +2 -2
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +2 -2
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +2 -2
- package/dist/collection/components/input/input.css +2 -2
- package/dist/collection/components/input/input.js +5 -7
- package/dist/collection/components/input/number-input.js +5 -5
- 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.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 +1 -1
- package/dist/collection/components/menu/menu-expand-icon.js +3 -3
- package/dist/collection/components/menu/menu.css +21 -3
- package/dist/collection/components/menu/menu.js +238 -14
- 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.js +4 -4
- package/dist/collection/components/menu-avatar/menu-avatar.js +2 -2
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
- package/dist/collection/components/menu-category/menu-category.js +122 -32
- package/dist/collection/components/menu-item/menu-item.js +117 -19
- 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.js +1 -1
- package/dist/collection/components/modal/modal.js +3 -3
- package/dist/collection/components/modal-content/modal-content.js +1 -1
- package/dist/collection/components/modal-footer/modal-footer.js +1 -1
- package/dist/collection/components/modal-header/modal-header.css +1 -0
- package/dist/collection/components/modal-header/modal-header.js +1 -1
- package/dist/collection/components/modal-loading/modal-loading.js +1 -1
- package/dist/collection/components/pagination/pagination.css +2 -2
- package/dist/collection/components/pagination/pagination.js +2 -2
- package/dist/collection/components/pane/pane.css +4 -0
- package/dist/collection/components/pane/pane.js +119 -21
- package/dist/collection/components/pane-layout/pane-layout.js +1 -1
- package/dist/collection/components/pill/pill.js +4 -4
- package/dist/collection/components/popover/popover-controller.js +161 -0
- package/dist/collection/components/popover/popover.css +75 -0
- package/dist/collection/components/popover/popover.js +940 -0
- package/dist/collection/components/popover/test/popover.constants.js +19 -0
- package/dist/collection/components/popover/test/popover.fixtures.js +111 -0
- package/dist/collection/components/popover/test/popover.page.js +318 -0
- package/dist/collection/components/popover-content/popover-content.css +81 -0
- package/dist/collection/components/popover-content/popover-content.js +67 -0
- package/dist/collection/components/popover-footer/popover-footer.css +91 -0
- package/dist/collection/components/popover-footer/popover-footer.js +68 -0
- package/dist/collection/components/popover-header/popover-header.css +105 -0
- package/dist/collection/components/popover-header/popover-header.js +205 -0
- package/dist/collection/components/popover-image/popover-image.css +80 -0
- package/dist/collection/components/popover-image/popover-image.js +96 -0
- package/dist/collection/components/progress-indicator/progress-indicator.js +3 -3
- package/dist/collection/components/push-card/push-card.js +1 -1
- 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.js +2 -2
- package/dist/collection/components/row/row.js +1 -1
- package/dist/collection/components/select/select.css +25 -3
- package/dist/collection/components/select/select.js +420 -16
- package/dist/collection/components/select-item/select-item.css +5 -0
- package/dist/collection/components/select-item/select-item.js +33 -3
- package/dist/collection/components/slider/slider.js +6 -6
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-button/split-button.js +1 -1
- package/dist/collection/components/tab-item/tab-item.js +5 -5
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/tab-set/tab-set.js +1 -1
- package/dist/collection/components/tabs/tabs.js +5 -5
- package/dist/collection/components/tile/tile.js +4 -4
- package/dist/collection/components/time-input/time-input.js +5 -4
- package/dist/collection/components/time-picker/time-picker.js +17 -19
- package/dist/collection/components/toast/toast-container.js +2 -2
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toggle-button/toggle-button.css +2 -2
- package/dist/collection/components/tooltip/tooltip.js +11 -2
- package/dist/collection/components/tree/tree.js +1 -1
- package/dist/collection/components/tree-item/tree-item.js +4 -4
- package/dist/collection/components/typography/typography.js +1 -1
- package/dist/collection/components/upload/upload.js +3 -3
- package/dist/collection/components/utils/a11y.js +9 -0
- package/dist/collection/components/utils/focus/focus-proxy.js +5 -4
- package/dist/collection/components/utils/focus/focus-trap.js +286 -69
- package/dist/collection/components/utils/focus/focus-utilities.js +65 -23
- package/dist/collection/components/utils/menu-service/menu-service.js +13 -2
- package/dist/collection/components/utils/nested-overlay/hierarchy.js +44 -0
- package/dist/collection/components/utils/nested-overlay/index.js +11 -0
- package/dist/collection/components/utils/nested-overlay/nested-overlay-stack.js +101 -0
- package/dist/collection/components/utils/nested-overlay/path-utils.js +17 -0
- package/dist/collection/components/utils/nested-overlay/types.js +1 -0
- package/dist/collection/components/utils/shadow-dom.js +12 -0
- package/dist/collection/components/workflow-step/workflow-step.js +3 -3
- package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
- package/dist/esm/{a11y-B5k8YVR0.js → a11y-C21npbUc.js} +10 -1
- package/dist/esm/{base-button-hppF0uUM.js → base-button-DZdtpLxn.js} +3 -3
- package/dist/esm/{base-icon-button-_xVULsPr.js → base-icon-button-DufFLJC-.js} +2 -2
- package/dist/esm/{component-Chfbghog.js → component-DqJSHc3A.js} +2 -2
- package/dist/esm/dropdown-controller-Jfg3ZWk6.js +96 -0
- package/dist/esm/{focus-proxy-BgLEsVE2.js → focus-proxy-BQyoX-Kl.js} +6 -5
- package/dist/esm/focus-trap-IK9ialav.js +304 -0
- package/dist/esm/{focus-utilities-DnaItyVQ.js → focus-utilities-6ZxKp7Jn.js} +66 -24
- package/dist/esm/{focus-visible.mixin-CoMZ6z5Z.js → focus-visible.mixin-CaRK3Ex_.js} +2 -2
- package/dist/esm/{helper-text-util-AEl-1QU6.js → helper-text-util-D0LEFZuB.js} +3 -3
- package/dist/esm/{index-Cl7fhG1I.js → index-DgUGsIlh.js} +2 -2
- package/dist/esm/{index-Ca5WUunf.js → index-EBgS4zhE.js} +21 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/{inherit-aria-attributes.mixin-CBuZQFB-.js → inherit-aria-attributes.mixin-nCmPujqf.js} +2 -2
- package/dist/esm/{input-picker.mixin-Bo_sZpC4.js → input-picker.mixin-DudWFH-e.js} +2 -2
- package/dist/esm/{input.fc-DjE-oOZc.js → input.fc-CE3kP-L_.js} +3 -3
- package/dist/esm/ix-action-card.entry.js +5 -4
- package/dist/esm/ix-application-header.entry.js +14 -14
- package/dist/esm/ix-application-switch-modal.entry.js +5 -5
- package/dist/esm/ix-application.entry.js +28 -13
- package/dist/esm/ix-avatar_2.entry.js +9 -9
- package/dist/esm/ix-blind.entry.js +9 -9
- package/dist/esm/ix-breadcrumb-item.entry.js +10 -10
- package/dist/esm/ix-breadcrumb.entry.js +8 -8
- package/dist/esm/ix-button.entry.js +8 -8
- package/dist/esm/ix-card-accordion_2.entry.js +7 -7
- package/dist/esm/ix-card-list.entry.js +8 -8
- package/dist/esm/ix-card_2.entry.js +4 -4
- package/dist/esm/ix-category-filter.entry.js +8 -8
- package/dist/esm/ix-checkbox-group.entry.js +4 -4
- package/dist/esm/ix-checkbox.entry.js +20 -7
- package/dist/esm/ix-chip.entry.js +11 -11
- package/dist/esm/ix-col_4.entry.js +21 -23
- package/dist/esm/ix-content-header.entry.js +5 -5
- package/dist/esm/ix-content.entry.js +6 -6
- package/dist/esm/ix-css-grid-item.entry.js +2 -2
- package/dist/esm/ix-css-grid.entry.js +2 -2
- package/dist/esm/ix-custom-field.entry.js +3 -3
- package/dist/esm/ix-date-dropdown.entry.js +14 -14
- package/dist/esm/ix-date-input.entry.js +15 -14
- package/dist/esm/ix-date-picker.entry.js +13 -13
- package/dist/esm/ix-date-time-card.entry.js +3 -3
- package/dist/esm/ix-datetime-input.entry.js +14 -13
- package/dist/esm/ix-datetime-picker.entry.js +6 -6
- package/dist/esm/ix-divider.entry.js +2 -2
- package/dist/esm/ix-dropdown-button.entry.js +11 -11
- package/dist/esm/ix-dropdown-header.entry.js +2 -2
- package/dist/esm/ix-dropdown-quick-actions.entry.js +2 -2
- package/dist/esm/ix-dropdown_2.entry.js +14 -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 +3 -3
- package/dist/esm/ix-expanding-search.entry.js +6 -6
- package/dist/esm/ix-field-label_2.entry.js +12 -12
- package/dist/esm/ix-filter-chip_2.entry.js +30 -13
- package/dist/esm/ix-flip-tile-content.entry.js +2 -2
- package/dist/esm/ix-flip-tile.entry.js +6 -6
- package/dist/esm/ix-group-context-menu_2.entry.js +4 -4
- package/dist/esm/ix-group.entry.js +11 -11
- package/dist/esm/ix-helper-text.entry.js +6 -6
- package/dist/esm/ix-icon-button_2.entry.js +12 -12
- package/dist/esm/ix-icon-toggle-button.entry.js +11 -11
- package/dist/esm/ix-input.entry.js +11 -13
- package/dist/esm/ix-key-value-list.entry.js +2 -2
- package/dist/esm/ix-key-value.entry.js +2 -2
- package/dist/esm/ix-kpi.entry.js +5 -5
- package/dist/esm/ix-layout-auto.entry.js +2 -2
- package/dist/esm/ix-link-button.entry.js +5 -5
- package/dist/esm/ix-menu-about-item.entry.js +3 -3
- package/dist/esm/ix-menu-about-news.entry.js +9 -9
- package/dist/esm/ix-menu-about.entry.js +4 -4
- package/dist/esm/ix-menu-avatar.entry.js +6 -6
- package/dist/esm/ix-menu-category.entry.js +255 -38
- package/dist/esm/ix-menu-expand-icon.entry.js +8 -8
- package/dist/esm/ix-menu-item.entry.js +220 -31
- package/dist/esm/ix-menu-settings-item.entry.js +3 -3
- package/dist/esm/ix-menu-settings.entry.js +4 -4
- package/dist/esm/ix-menu.entry.js +195 -18
- 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 +2 -2
- package/dist/esm/ix-modal.entry.js +6 -6
- package/dist/esm/ix-number-input.entry.js +10 -10
- package/dist/esm/ix-pagination.entry.js +7 -7
- package/dist/esm/ix-pane-layout.entry.js +2 -2
- package/dist/esm/ix-pane.entry.js +102 -25
- package/dist/esm/ix-pill_4.entry.js +23 -23
- package/dist/esm/ix-popover-content.entry.js +24 -0
- package/dist/esm/ix-popover-footer.entry.js +24 -0
- package/dist/esm/ix-popover-header.entry.js +68 -0
- package/dist/esm/ix-popover-image.entry.js +31 -0
- package/dist/esm/ix-popover.entry.js +994 -0
- package/dist/esm/ix-progress-indicator.entry.js +5 -5
- package/dist/esm/ix-push-card.entry.js +2 -2
- package/dist/esm/ix-radio-group.entry.js +4 -4
- package/dist/esm/ix-radio.entry.js +6 -6
- package/dist/esm/ix-range-field.entry.js +7 -7
- package/dist/esm/ix-select.entry.js +394 -24
- package/dist/esm/ix-slider.entry.js +10 -10
- package/dist/esm/ix-split-button.entry.js +7 -7
- package/dist/esm/ix-tab-panel.entry.js +5 -5
- package/dist/esm/ix-textarea.entry.js +6 -6
- package/dist/esm/ix-tile.entry.js +5 -5
- package/dist/esm/ix-time-input.entry.js +15 -14
- 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 +8 -8
- package/dist/esm/ix-toggle.entry.js +10 -10
- package/dist/esm/ix-tooltip.entry.js +12 -3
- package/dist/esm/ix-tree-item.entry.js +6 -6
- package/dist/esm/ix-tree.entry.js +4 -3
- 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 +5 -5
- package/dist/esm/ix-workflow-steps.entry.js +2 -2
- package/dist/esm/{listener-Dk6XGheN.js → listener-BjluJgvO.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{menu-service-DTIYRV47.js → menu-service-DYOa8RGJ.js} +13 -2
- package/dist/esm/path-utils-CNLoALIl.js +165 -0
- package/dist/esm/{shadow-dom-BIe8Nw9M.js → shadow-dom-BClJdFQP.js} +13 -1
- package/dist/esm/siemens-ix.js +4 -4
- package/dist/esm/{tab.mixin-2hU1i4Yk.js → tab.mixin-BjAM99yM.js} +1 -1
- package/dist/esm/uuid-D3T7Lr4G.js +13 -0
- package/dist/esm/{validation-BT5aAuSO.js → validation-VVt5EFy0.js} +1 -1
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/p-074c8b24.entry.js +1 -0
- package/dist/siemens-ix/p-080147bd.entry.js +1 -0
- package/dist/siemens-ix/p-0d60bd71.entry.js +1 -0
- package/dist/siemens-ix/p-0eb3a12a.entry.js +1 -0
- package/dist/siemens-ix/p-12930fcd.entry.js +1 -0
- package/dist/siemens-ix/p-18cae4df.entry.js +1 -0
- package/dist/siemens-ix/p-1a6b7e92.entry.js +1 -0
- package/dist/siemens-ix/{p-a5d60068.entry.js → p-2072682b.entry.js} +1 -1
- package/dist/siemens-ix/{p-65b8ad90.entry.js → p-21b09017.entry.js} +1 -1
- package/dist/siemens-ix/{p-6fb379fb.entry.js → p-21e8ccb6.entry.js} +1 -1
- package/dist/siemens-ix/{p-232da11d.entry.js → p-2202ae94.entry.js} +1 -1
- package/dist/siemens-ix/{p-12750b7b.entry.js → p-247d2e7a.entry.js} +1 -1
- package/dist/siemens-ix/{p-84fbdef9.entry.js → p-24c54468.entry.js} +1 -1
- package/dist/siemens-ix/p-264e971c.entry.js +1 -0
- package/dist/siemens-ix/p-2b9f7512.entry.js +1 -0
- package/dist/siemens-ix/{p-756c8779.entry.js → p-2f7b1e1e.entry.js} +1 -1
- package/dist/siemens-ix/p-321a10b6.entry.js +1 -0
- package/dist/siemens-ix/{p-df13643b.entry.js → p-34f61a28.entry.js} +1 -1
- package/dist/siemens-ix/p-35bfaa91.entry.js +1 -0
- package/dist/siemens-ix/{p-48386b43.entry.js → p-3854287c.entry.js} +1 -1
- package/dist/siemens-ix/p-3bb5600a.entry.js +1 -0
- package/dist/siemens-ix/p-3bc384b7.entry.js +1 -0
- package/dist/siemens-ix/p-3pidUFd-.js +1 -0
- package/dist/siemens-ix/{p-8493e35e.entry.js → p-46768472.entry.js} +1 -1
- package/dist/siemens-ix/p-46b2b660.entry.js +1 -0
- package/dist/siemens-ix/p-4bc4a175.entry.js +1 -0
- package/dist/siemens-ix/p-4f0f97dd.entry.js +1 -0
- package/dist/siemens-ix/p-52dc064a.entry.js +1 -0
- package/dist/siemens-ix/p-54a22a58.entry.js +1 -0
- package/dist/siemens-ix/{p-986142f0.entry.js → p-5685a2e6.entry.js} +1 -1
- package/dist/siemens-ix/p-56d2d54c.entry.js +1 -0
- package/dist/siemens-ix/p-5ff289c7.entry.js +1 -0
- package/dist/siemens-ix/p-601224bd.entry.js +1 -0
- package/dist/siemens-ix/{p-d798773f.entry.js → p-62a7ae9c.entry.js} +1 -1
- package/dist/siemens-ix/p-63491f83.entry.js +1 -0
- package/dist/siemens-ix/p-641bc66c.entry.js +1 -0
- package/dist/siemens-ix/{p-21c0d22c.entry.js → p-646d5219.entry.js} +1 -1
- package/dist/siemens-ix/{p-6e63af65.entry.js → p-66b4875e.entry.js} +1 -1
- package/dist/siemens-ix/p-6ZxKp7Jn.js +1 -0
- package/dist/siemens-ix/{p-5024bd91.entry.js → p-6f78e0f1.entry.js} +1 -1
- package/dist/siemens-ix/{p-077cb0a7.entry.js → p-705eded9.entry.js} +1 -1
- package/dist/siemens-ix/p-710d32a6.entry.js +1 -0
- package/dist/siemens-ix/{p-edb738d9.entry.js → p-71feb871.entry.js} +1 -1
- package/dist/siemens-ix/p-7c120d09.entry.js +1 -0
- package/dist/siemens-ix/p-7e6a5c38.entry.js +1 -0
- package/dist/siemens-ix/p-7fc7c67f.entry.js +1 -0
- package/dist/siemens-ix/p-81248fd2.entry.js +1 -0
- package/dist/siemens-ix/p-8164a98b.entry.js +1 -0
- package/dist/siemens-ix/p-83f4cd88.entry.js +1 -0
- package/dist/siemens-ix/{p-38cb18b4.entry.js → p-8900e229.entry.js} +1 -1
- package/dist/siemens-ix/p-8969b2f9.entry.js +1 -0
- package/dist/siemens-ix/{p-0de68f63.entry.js → p-8c2365cc.entry.js} +1 -1
- package/dist/siemens-ix/p-8cea823b.entry.js +1 -0
- package/dist/siemens-ix/p-8d05ae35.entry.js +1 -0
- package/dist/siemens-ix/{p-68eb9150.entry.js → p-8d73ddac.entry.js} +1 -1
- package/dist/siemens-ix/{p-f847a799.entry.js → p-90a5cda7.entry.js} +1 -1
- package/dist/siemens-ix/{p-782fb465.entry.js → p-957b77ec.entry.js} +1 -1
- package/dist/siemens-ix/{p-280d8b68.entry.js → p-9a88ff9c.entry.js} +1 -1
- package/dist/siemens-ix/{p-222881a1.entry.js → p-9d9fec8c.entry.js} +1 -1
- package/dist/siemens-ix/p-B0y5hnj5.js +1 -0
- package/dist/siemens-ix/p-B4oiZyZC.js +1 -0
- package/dist/siemens-ix/p-BClJdFQP.js +1 -0
- package/dist/siemens-ix/p-BKuq0po2.js +1 -0
- package/{components/p-Dx8kFukG.js → dist/siemens-ix/p-BWgttsqY.js} +1 -1
- package/dist/siemens-ix/p-BbwShqw_.js +1 -0
- package/dist/siemens-ix/{p-B5k8YVR0.js → p-C21npbUc.js} +1 -1
- package/dist/siemens-ix/{p-DnCbHs-d.js → p-C518yBiI.js} +1 -1
- package/dist/siemens-ix/p-CNLoALIl.js +1 -0
- package/dist/siemens-ix/{p-BgL7Z4IG.js → p-CXbob2Ew.js} +1 -1
- package/dist/siemens-ix/p-D3T7Lr4G.js +1 -0
- package/dist/siemens-ix/p-DT02jDB7.js +1 -0
- package/dist/siemens-ix/p-DVJeDueL.js +1 -0
- package/dist/siemens-ix/p-DgUGsIlh.js +1 -0
- package/dist/siemens-ix/p-HpQs38Y0.js +1 -0
- package/dist/siemens-ix/{p-a44e8a8f.entry.js → p-a6a0b240.entry.js} +1 -1
- package/dist/siemens-ix/{p-bd60b9fe.entry.js → p-ae07f671.entry.js} +1 -1
- package/dist/siemens-ix/p-aec23f79.entry.js +1 -0
- package/dist/siemens-ix/p-b13f34d1.entry.js +1 -0
- package/dist/siemens-ix/p-b181bf0b.entry.js +1 -0
- package/dist/siemens-ix/p-b534dadd.entry.js +1 -0
- package/dist/siemens-ix/{p-5b3f7baa.entry.js → p-b63d7f36.entry.js} +1 -1
- package/dist/siemens-ix/p-b75db823.entry.js +1 -0
- package/dist/siemens-ix/{p-c56497da.entry.js → p-b7f2f229.entry.js} +1 -1
- package/dist/siemens-ix/p-b8beb613.entry.js +1 -0
- package/dist/siemens-ix/p-ba9dcd79.entry.js +1 -0
- package/dist/siemens-ix/{p-fcac86a5.entry.js → p-bc0f5cbe.entry.js} +1 -1
- package/dist/siemens-ix/{p-dedd5fc0.entry.js → p-bc11adcd.entry.js} +1 -1
- package/dist/siemens-ix/{p-2d7e415f.entry.js → p-bfb758cb.entry.js} +1 -1
- package/dist/siemens-ix/p-c0c6d772.entry.js +1 -0
- package/dist/siemens-ix/p-c0dc5a8e.entry.js +1 -0
- package/dist/siemens-ix/{p-04bbcd53.entry.js → p-c6d63b3c.entry.js} +1 -1
- package/dist/siemens-ix/{p-3f752a9c.entry.js → p-c97c218d.entry.js} +1 -1
- package/dist/siemens-ix/p-cYKY6sUE.js +1 -0
- package/dist/siemens-ix/{p-44a3f1f0.entry.js → p-d13c0b78.entry.js} +1 -1
- package/dist/siemens-ix/p-d1ab68b3.entry.js +1 -0
- package/dist/siemens-ix/p-d253dadb.entry.js +1 -0
- package/dist/siemens-ix/{p-2bef3c58.entry.js → p-d6c906b7.entry.js} +1 -1
- package/dist/siemens-ix/p-d74baa8a.entry.js +1 -0
- package/dist/siemens-ix/{p-d8c99656.entry.js → p-d770d8ba.entry.js} +1 -1
- package/dist/siemens-ix/p-d80e7d50.entry.js +1 -0
- package/dist/siemens-ix/{p-b17053bc.entry.js → p-d830e3d6.entry.js} +1 -1
- package/dist/siemens-ix/{p-ae5569aa.entry.js → p-da2e0f0e.entry.js} +1 -1
- package/dist/siemens-ix/{p-f107a580.entry.js → p-db105778.entry.js} +1 -1
- package/dist/siemens-ix/{p-1fa6a663.entry.js → p-dc16a32d.entry.js} +1 -1
- package/dist/siemens-ix/p-de58069d.entry.js +1 -0
- package/dist/siemens-ix/{p-85ce0a9f.entry.js → p-e283d7d1.entry.js} +1 -1
- package/dist/siemens-ix/p-e5d2a048.entry.js +1 -0
- package/dist/siemens-ix/p-e698e193.entry.js +1 -0
- package/dist/siemens-ix/{p-c921c01b.entry.js → p-e9b37020.entry.js} +1 -1
- package/dist/siemens-ix/{p-5ae844d7.entry.js → p-ee1617da.entry.js} +1 -1
- package/dist/siemens-ix/p-f0d97723.entry.js +1 -0
- package/dist/siemens-ix/p-f1257e08.entry.js +1 -0
- package/dist/siemens-ix/{p-d440cd94.entry.js → p-f8561834.entry.js} +1 -1
- package/dist/siemens-ix/{p-7a83e693.entry.js → p-f9628912.entry.js} +1 -1
- package/dist/siemens-ix/{p-2afcdc78.entry.js → p-fa5c236f.entry.js} +1 -1
- package/dist/siemens-ix/p-fb1e66a7.entry.js +1 -0
- package/dist/siemens-ix/p-fdec73d4.entry.js +1 -0
- package/dist/siemens-ix/{p-ed2aea43.entry.js → p-ff1967de.entry.js} +1 -1
- package/dist/siemens-ix/{p-yAf8WIcn.js → p-vphIrWGB.js} +1 -1
- package/dist/siemens-ix/p-wfVRhTWc.js +1 -0
- package/dist/siemens-ix/{p-D148LCh1.js → p-yZFaEeBW.js} +1 -1
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/action-card/action-card.d.ts +3 -0
- package/dist/types/components/application/application.d.ts +2 -0
- package/dist/types/components/checkbox/checkbox.d.ts +5 -0
- package/dist/types/components/dropdown/dropdown-controller.d.ts +1 -3
- package/dist/types/components/filter-chip/filter-chip.d.ts +6 -0
- package/dist/types/components/input/input.d.ts +1 -0
- package/dist/types/components/menu/menu.d.ts +31 -1
- package/dist/types/components/menu-category/menu-category.d.ts +28 -2
- package/dist/types/components/menu-item/menu-item.d.ts +39 -2
- package/dist/types/components/pane/pane.d.ts +14 -1
- package/dist/types/components/popover/popover-controller.d.ts +52 -0
- package/dist/types/components/popover/popover.d.ts +190 -0
- package/dist/types/components/popover/test/popover.constants.d.ts +11 -0
- package/dist/types/components/popover/test/popover.fixtures.d.ts +29 -0
- package/dist/types/components/popover/test/popover.page.d.ts +118 -0
- package/dist/types/components/popover-content/popover-content.d.ts +16 -0
- package/dist/types/components/popover-footer/popover-footer.d.ts +17 -0
- package/dist/types/components/popover-header/popover-header.d.ts +49 -0
- package/dist/types/components/popover-image/popover-image.d.ts +21 -0
- package/dist/types/components/select/select.d.ts +49 -0
- package/dist/types/components/select-item/select-item.d.ts +7 -0
- package/dist/types/components/tooltip/tooltip.d.ts +2 -0
- package/dist/types/components/utils/a11y.d.ts +5 -0
- package/dist/types/components/utils/focus/focus-proxy.d.ts +6 -4
- package/dist/types/components/utils/focus/focus-trap.d.ts +16 -1
- package/dist/types/components/utils/focus/focus-utilities.d.ts +2 -2
- package/dist/types/components/utils/menu-service/menu-service.d.ts +1 -0
- package/dist/types/components/utils/nested-overlay/hierarchy.d.ts +6 -0
- package/dist/types/components/utils/nested-overlay/index.d.ts +6 -0
- package/dist/types/components/utils/nested-overlay/nested-overlay-stack.d.ts +28 -0
- package/dist/types/components/utils/nested-overlay/path-utils.d.ts +1 -0
- package/dist/types/components/utils/nested-overlay/types.d.ts +13 -0
- package/dist/types/components/utils/shadow-dom.d.ts +1 -0
- package/dist/types/components.d.ts +486 -12
- package/dist/types/stencil-public-runtime.d.ts +1 -0
- package/hydrate/index.js +3360 -684
- package/hydrate/index.mjs +3360 -684
- package/package.json +4 -4
- package/components/p-5jph302v.js +0 -1
- package/components/p-B1ZcjHve.js +0 -1
- package/components/p-B8RlWbEh.js +0 -1
- package/components/p-B_czElDE.js +0 -1
- package/components/p-BooU9e46.js +0 -1
- package/components/p-Btv5ReUJ.js +0 -1
- package/components/p-BtvsjuLo.js +0 -1
- package/components/p-C95SE6lT.js +0 -1
- package/components/p-CDKHgTB8.js +0 -1
- package/components/p-CKYjdhXo.js +0 -1
- package/components/p-CQj_gEvY.js +0 -1
- package/components/p-CYgb41KQ.js +0 -1
- package/components/p-C_95k0nq.js +0 -1
- package/components/p-CgOv_MV_.js +0 -1
- package/components/p-D4RWuUBi.js +0 -1
- package/components/p-D4T7_gkf.js +0 -1
- package/components/p-D5gbubPJ.js +0 -1
- package/components/p-D6Wm2E-0.js +0 -1
- package/components/p-D8Wb4thH.js +0 -1
- package/components/p-DOCAISxs.js +0 -1
- package/components/p-JXbYOM9q.js +0 -1
- package/components/p-NLlCSNeG.js +0 -1
- package/components/p-VEcjhpT4.js +0 -1
- package/components/p-XBJqkmoc.js +0 -1
- package/components/p-wEbi9beJ.js +0 -1
- package/dist/cjs/dropdown-controller-DeBeUVhj.js +0 -160
- package/dist/cjs/focus-trap-_cyPFvFq.js +0 -106
- package/dist/esm/dropdown-controller-D6Wm2E-0.js +0 -157
- package/dist/esm/focus-trap-DDLHqzV2.js +0 -102
- package/dist/siemens-ix/p-12647d5d.entry.js +0 -1
- package/dist/siemens-ix/p-15aefb52.entry.js +0 -1
- package/dist/siemens-ix/p-1629de03.entry.js +0 -1
- package/dist/siemens-ix/p-1ce32501.entry.js +0 -1
- package/dist/siemens-ix/p-2142fab0.entry.js +0 -1
- package/dist/siemens-ix/p-23aaf08e.entry.js +0 -1
- package/dist/siemens-ix/p-25c784e4.entry.js +0 -1
- package/dist/siemens-ix/p-2a735134.entry.js +0 -1
- package/dist/siemens-ix/p-2d8f3ea3.entry.js +0 -1
- package/dist/siemens-ix/p-2e5e7ccf.entry.js +0 -1
- package/dist/siemens-ix/p-40a26154.entry.js +0 -1
- package/dist/siemens-ix/p-45552c4c.entry.js +0 -1
- package/dist/siemens-ix/p-50b75fdf.entry.js +0 -1
- package/dist/siemens-ix/p-58d349a2.entry.js +0 -1
- package/dist/siemens-ix/p-5a44cb29.entry.js +0 -1
- package/dist/siemens-ix/p-5c478e3e.entry.js +0 -1
- package/dist/siemens-ix/p-61a481f3.entry.js +0 -1
- package/dist/siemens-ix/p-65bc8a0d.entry.js +0 -1
- package/dist/siemens-ix/p-69459b73.entry.js +0 -1
- package/dist/siemens-ix/p-6df3d9e4.entry.js +0 -1
- package/dist/siemens-ix/p-82f44b05.entry.js +0 -1
- package/dist/siemens-ix/p-834330b3.entry.js +0 -1
- package/dist/siemens-ix/p-8937e9b1.entry.js +0 -1
- package/dist/siemens-ix/p-8cfddec2.entry.js +0 -1
- package/dist/siemens-ix/p-8d76c0b0.entry.js +0 -1
- package/dist/siemens-ix/p-9015a4c5.entry.js +0 -1
- package/dist/siemens-ix/p-91b02cb7.entry.js +0 -1
- package/dist/siemens-ix/p-9362c304.entry.js +0 -1
- package/dist/siemens-ix/p-9586a886.entry.js +0 -1
- package/dist/siemens-ix/p-9907d408.entry.js +0 -1
- package/dist/siemens-ix/p-9b8f1bc7.entry.js +0 -1
- package/dist/siemens-ix/p-BIe8Nw9M.js +0 -1
- package/dist/siemens-ix/p-BZApVtkF.js +0 -1
- package/dist/siemens-ix/p-CgOv_MV_.js +0 -1
- package/dist/siemens-ix/p-Cl7fhG1I.js +0 -1
- package/dist/siemens-ix/p-CxGywkh5.js +0 -1
- package/dist/siemens-ix/p-D6Wm2E-0.js +0 -1
- package/dist/siemens-ix/p-DIWED8Ls.js +0 -1
- package/dist/siemens-ix/p-DnaItyVQ.js +0 -1
- package/dist/siemens-ix/p-DzWThpzp.js +0 -1
- package/dist/siemens-ix/p-GLcPX9PU.js +0 -1
- package/dist/siemens-ix/p-Z4IKO1Dx.js +0 -1
- package/dist/siemens-ix/p-afa900f7.entry.js +0 -1
- package/dist/siemens-ix/p-b1930204.entry.js +0 -1
- package/dist/siemens-ix/p-b517c2e1.entry.js +0 -1
- package/dist/siemens-ix/p-b96eabf7.entry.js +0 -1
- package/dist/siemens-ix/p-ba0eaaf5.entry.js +0 -1
- package/dist/siemens-ix/p-bef76eac.entry.js +0 -1
- package/dist/siemens-ix/p-c78a5414.entry.js +0 -1
- package/dist/siemens-ix/p-cb9f8b47.entry.js +0 -1
- package/dist/siemens-ix/p-d34c0c51.entry.js +0 -1
- package/dist/siemens-ix/p-da8840cc.entry.js +0 -1
- package/dist/siemens-ix/p-dd2b271e.entry.js +0 -1
- package/dist/siemens-ix/p-de79c9cf.entry.js +0 -1
- package/dist/siemens-ix/p-df32a25c.entry.js +0 -1
- package/dist/siemens-ix/p-e09fcd95.entry.js +0 -1
- package/dist/siemens-ix/p-e316d8a5.entry.js +0 -1
- package/dist/siemens-ix/p-ea440d84.entry.js +0 -1
- package/dist/siemens-ix/p-fpBGwEVT.js +0 -1
- package/dist/siemens-ix/p-jBB3q9qq.js +0 -1
- /package/components/{p-Bxdy-8CE.js → p-CtDOTMOT.js} +0 -0
- /package/dist/siemens-ix/{p-Ca5WUunf.js → p-EBgS4zhE.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,H as e}from"./p-EBgS4zhE.js";const l=class{constructor(s){t(this,s)}contentVisible=!1;render(){return s(e,{key:"c080d25f839e6f4af482ff701ce74df53ac66b7a"},this.contentVisible?s("slot",null):null)}};l.style=":host{display:block}";export{l as ix_flip_tile_content}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as t,r,c as o,g as e,h as a,H as i}from"./p-EBgS4zhE.js";import{t as s,h as n}from"./p-DgUGsIlh.js";import{b as d,f as l,a as h}from"./p-C21npbUc.js";import{m as b}from"./p-Djkc69iv.js";import{D as c}from"./p-BWgttsqY.js";import{A as u}from"./p-CM-NUHTW.js";import{C as p}from"./p-CUbYLenp.js";import{c as m}from"./p-BClJdFQP.js";import"./p-6ZxKp7Jn.js";const g=class extends(t(...c,p,u)){constructor(t){super(),r(this,t),this.showChange=o(this,"showChange",7),this.showChanged=o(this,"showChanged",7)}get hostElement(){return e(this)}variant="primary";disabled=!1;label;icon;closeBehavior="both";placement;ariaLabelDropdownButton;focusCheckedItem=!1;enableTopLayer=!1;suppressAriaActiveDescendant=!1;showChange;showChanged;dropdownShow=!1;inheritAriaAttributes={};dropdownButtonId=this.getHostElementId();dropdownAnchor=b();dropdownRef=b();hostContext;getTriangle(){return a("div",{class:{triangle:!0,[this.variant]:!0,hide:!!this.label,disabled:this.disabled}})}onDropdownShowChanged=t=>{this.disabled&&t.detail||(this.dropdownShow=t.detail)};componentDidLoad(){this.inheritAriaAttributes=d(this.hostElement,["aria-label","aria-activedescendant","aria-haspopup","aria-controls","aria-disabled","aria-expanded","aria-current","role"])}componentWillRender(){this.hostContext={breadcrumb:!!m(this.hostElement,"ix-breadcrumb"),datePicker:!!m(this.hostElement,"ix-date-picker"),splitButton:!!m(this.hostElement,"ix-split-button"),tabs:!!m(this.hostElement,"ix-tabs")}}getControllingAriaElement(){return this.hostElement}isAriaActiveDescendantActive(){return!this.suppressAriaActiveDescendant&&this.dropdownShow}getAriaActiveDescendantProxyItemId(){return!1}async getDropdownReference(){return this.dropdownRef.waitForCurrent()}render(){const t={...this.inheritAriaAttributes,"aria-haspopup":"true","aria-disabled":h(this.disabled),"aria-expanded":h(this.dropdownShow),role:"button"};this.inheritAriaAttributes["aria-controls"]||(t["aria-controls"]=`dropdown-button-menu-${this.dropdownButtonId}`);const r={id:`dropdown-button-${this.dropdownButtonId}`,disabled:this.disabled,variant:this.variant},o=this.hostContext?.breadcrumb||this.hostContext?.datePicker||this.hostContext?.splitButton||this.hostContext?.tabs;return a(i,{key:"66fd74e40043daa08bb5a8c06e41bb64a11c8341",class:{disabled:this.disabled,"host-context-breadcrumb":!!this.hostContext?.breadcrumb,"host-context-date-picker":!!this.hostContext?.datePicker,"host-context-tabs":!!this.hostContext?.tabs},ref:this.dropdownAnchor,tabIndex:this.disabled?-1:0,...t},a("div",{key:"06ba01710bbf5ce23e3eed2a28b9d32d5c0f4d55",class:"dropdown-button"},this.label||null===this.label?a("ix-button",{...r,class:"internal-button",alignment:"start",ref:t=>l(t,-1),ariaLabelButton:this.ariaLabelDropdownButton??(this.dropdownShow?"Close dropdown":"Open dropdown")},a("div",{class:"content"},this.icon?a("ix-icon",{name:this.icon,size:"24",class:"dropdown-icon"}):null,a("div",{class:"button-label"},this.label),a("slot",{name:"button-label"}),!o&&a("ix-icon",{"aria-hidden":"true",name:this.dropdownShow?s:n,size:"24"}))):a("div",null,a("ix-icon-button",{...r,icon:this.icon,ref:t=>l(t,-1),"aria-label":this.ariaLabelDropdownButton??(this.dropdownShow?"Close dropdown":"Open dropdown")}),!o&&this.getTriangle())),a("ix-dropdown",{key:"14ade5a93e488c58f66e6b48d0073fd6c3dc1914",role:"menu",ref:this.dropdownRef,id:`dropdown-button-menu-${this.dropdownButtonId}`,"aria-labelledby":`dropdown-button-${this.dropdownButtonId}`,trigger:this.dropdownAnchor.waitForCurrent(),placement:this.placement,closeBehavior:this.closeBehavior,enableTopLayer:this.enableTopLayer,disableFocusTrap:!0,focusCheckedItem:this.focusCheckedItem,onShowChanged:t=>this.onDropdownShowChanged(t),onScroll:t=>{const r=new CustomEvent("scroll",{bubbles:t.bubbles,cancelable:t.cancelable,detail:t.detail});this.hostElement.dispatchEvent(r)}},a("slot",{key:"2dc84d3ac4f9e004011acef979e5d4671170884c"})))}};g.style=":host{display:inline-block;position:relative;height:2rem;width:auto;--ix-dropdown-button-border-radius-left:var(--theme-btn--border-radius);--ix-dropdown-button-border-radius-right:var(--theme-btn--border-radius);border-top-left-radius:var(--ix-dropdown-button-border-radius-left);border-bottom-left-radius:var(--ix-dropdown-button-border-radius-left);border-top-right-radius:var(--ix-dropdown-button-border-radius-right);border-bottom-right-radius:var(--ix-dropdown-button-border-radius-right)}: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 .hide{display:none}:host ix-button,:host ix-icon-button{--ix-button-border-radius-left:var( --ix-dropdown-button-border-radius-left );--ix-button-border-radius-right:var( --ix-dropdown-button-border-radius-right )}:host .dropdown-button{display:block;position:relative;width:100%;height:100%}:host .dropdown-button>ix-button{width:100%;height:100%}:host .dropdown-button .button-label{margin-right:auto;min-width:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .dropdown-button .dropdown-icon{margin-right:0.25rem}:host .triangle{position:absolute;margin-inline-start:1.5625rem;margin-block-start:-0.4375rem;border-right:0 solid transparent;border-left:4px solid transparent;border-top:0 solid transparent;border-bottom:4px solid;color:var(--theme-btn-primary--color)}:host .triangle.primary{color:var(--theme-btn-primary--color)}:host .triangle.secondary{color:var(--theme-btn-secondary--color)}:host .triangle.tertiary{color:var(--theme-btn-tertiary--color)}:host .triangle.primary.disabled{color:var(--theme-btn-primary--color--disabled)}:host .triangle.secondary.disabled{color:var(--theme-btn-secondary--color--disabled)}:host .triangle.tertiary.disabled{color:var(--theme-btn-tertiary--color--disabled)}:host .triangle.subtle-primary{color:var(--theme-btn-subtle-primary--color)}:host .triangle.subtle-secondary{color:var(--theme-btn-subtle-secondary--color)}:host .triangle.subtle-tertiary{color:var(--theme-btn-subtle-tertiary--color)}:host .triangle.subtle-primary.disabled{color:var(--theme-btn-subtle-primary--color--disabled)}:host .triangle.subtle-secondary.disabled{color:var(--theme-btn-subtle-secondary--color--disabled)}:host .triangle.subtle-tertiary.disabled{color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .triangle.danger-primary{color:var(--theme-btn-danger-primary--color)}:host .triangle.danger-secondary{color:var(--theme-btn-danger-secondary--color)}:host .triangle.danger-tertiary{color:var(--theme-btn-danger-tertiary--color)}:host .triangle.danger-primary.disabled{color:var(--theme-btn-danger-primary--color--disabled)}:host .triangle.danger-secondary.disabled{color:var(--theme-btn-danger-secondary--color--disabled)}:host .triangle.danger-tertiary.disabled{color:var(--theme-btn-danger-tertiary--color--disabled)}:host .content{display:flex;align-items:center}:host .remove-button-min-width{min-width:0px}:host(.host-context-date-picker) .internal-button,:host(.host-context-breadcrumb) .internal-button{min-width:0px;padding:0}:host(.host-context-date-picker) ix-dropdown{max-height:15.625rem;overflow-y:scroll}:host(:focus-visible){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host([aria-expanded=true]:focus-visible){outline:none}:host(.disabled){pointer-events:none}";export{g as ix_dropdown_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,g as e,h as s,H as o}from"./p-EBgS4zhE.js";import{d as h}from"./p-BbwShqw_.js";import{r as n,d as r}from"./p-D5rshXh5.js";import"./p-CNLoALIl.js";const c=t=>!Number.isNaN(Number(t));class l{_config;_lastRepaint;_maxElementHeight;_renderAnimationFrame;_averageHeight;_scrollListener=null;_pendingRender=!1;static defaultConfig={width:"100%",height:"100%"};_element;_scroller;_itemHeights;_containerSize;_scrollPaddingBottom;_scrollPaddingTop;_scrollHeight;_itemPositions;_screenItemsLen;_lastFrom;_cachedItemsLen;static create(t,i=l.defaultConfig){return new l(t,i)}static mergeStyle(t,i){for(let e in i)t.style[e]!==i[e]&&(t.style[e]=i[e])}static getMaxBrowserHeight(){const t=document.createElement("div"),i=document.createElement("div");l.mergeStyle(t,{position:"absolute",height:"1px",opacity:0}),l.mergeStyle(i,{height:"1e7px"}),t.appendChild(i),document.body.appendChild(t);const e=i.offsetHeight;return document.body.removeChild(t),e}constructor(t,i){this._lastRepaint=null,this._maxElementHeight=l.getMaxBrowserHeight(),this.refresh(t,i);const e=this._config,s=()=>{this._pendingRender=!1;const t=this._getScrollPosition(),i=this._lastRepaint;if(t===i)return;const s=i?t-i:0;if(!i||s<0||s>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t,!1!==i&&"function"==typeof e.afterRender&&e.afterRender()}},o=e.scrollContainer||t;this._scrollListener=()=>{this._pendingRender||(this._pendingRender=!0,this._renderAnimationFrame=window.requestAnimationFrame(s))},o.addEventListener("scroll",this._scrollListener,{passive:!0}),s()}destroy(){this._renderAnimationFrame&&window.cancelAnimationFrame(this._renderAnimationFrame);const t=this._config,i=t?.scrollContainer||this._element;this._scrollListener&&i&&i.removeEventListener("scroll",this._scrollListener)}refresh(t,i=l.defaultConfig){const e=this._config?.scrollContainer||this._element;if(this._scrollListener&&e&&e.removeEventListener("scroll",this._scrollListener),this._config=i,!t||1!==t.nodeType)throw new Error("HyperList requires a valid DOM Node container");this._element=t;const s=this._config,o=this._scroller||s.scroller||document.createElement(s.scrollerTagName||"tr");if("boolean"!=typeof s.useFragment&&(this._config.useFragment=!0),!s.generate)throw new Error("Missing required `generate` function");if(!c(s.total))throw new Error("Invalid required `total` value, expected number");if(!Array.isArray(s.itemHeight)&&!c(s.itemHeight))throw new Error("\n Invalid required `itemHeight` value, expected number or array\n ".trim());this._itemHeights=c(s.itemHeight)?Array(s.total).fill(s.itemHeight):[s.itemHeight],Object.keys(l.defaultConfig).filter((t=>t in s)).forEach((t=>{const i=s[t],e=c(i);if(i&&"string"!=typeof i&&"number"!=typeof i)throw new Error(`Invalid optional \`${t}\`, expected string or number`);e&&(s[t]=`${i}px`)}));const h=Boolean(s.horizontal),n=s[h?"width":"height"];if(n){const t=c(n),i=!t&&"%"===n.slice(-1),e=t?parseInt(n,10):parseInt(n.replace(/px|%/,""),10),s=window[h?"innerWidth":"innerHeight"];this._containerSize=i?s*e/100:c(n)?n:e}const r=s.scrollContainer,d=s.itemHeight*s.total,a=this._maxElementHeight;d>a&&console.warn(["HyperList: The maximum element height",a+"px has","been exceeded; please reduce your item height."].join(" ")),l.mergeStyle(t,{width:`${s.width}`,height:r?`${d}px`:`${s.height}`,overflow:r?"none":"auto",position:"relative"}),r&&l.mergeStyle(s.scrollContainer,{overflow:"auto"}),l.mergeStyle(o,{opacity:"0",position:"absolute",[h?"height":"width"]:"1px",[h?"width":"height"]:`${d}px`}),this._scroller||t.appendChild(o);const u=this._computeScrollPadding();this._scrollPaddingBottom=u.bottom,this._scrollPaddingTop=u.top,this._scroller=o,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(s.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof s.afterRender&&s.afterRender(),this._scrollListener&&(s.scrollContainer||t).addEventListener("scroll",this._scrollListener,{passive:!0})}_getRow(t){const i=this._config;let e=i.generate(t),s=e.height;if(void 0!==s&&c(s)?(e=e.element,s!==this._itemHeights[t]&&(this._itemHeights[t]=s,this._computePositions(t),this._scrollHeight=this._computeScrollHeight())):s=this._itemHeights[t],!e||1!==e.nodeType)throw new Error(`Generator did not return a DOM Node for index: ${t}`);e.classList.add(i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;return l.mergeStyle(e,{position:"absolute",[i.horizontal?"left":"top"]:`${o}px`}),e}_getScrollPosition(){const t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=!1){const i=this._config,e=this._element,s=this._getScrollPosition(),o=i.total;let h=this._getFrom(s)-1;if((h<0||h-this._screenItemsLen<0)&&(h=0),!t&&this._lastFrom===h)return!1;this._lastFrom=h;let n=h+this._cachedItemsLen;(n>o||n+this._cachedItemsLen>o)&&(n=o);const r=i.useFragment?document.createDocumentFragment():[];r[i.useFragment?"appendChild":"push"](this._scroller);for(let t=h;t<n;t++){let e=this._getRow(t);r[i.useFragment?"appendChild":"push"](e)}if(i.applyPatch)return i.applyPatch(e,r);e.innerHTML="",e.appendChild(r)}_computePositions(t=1){const i=this._config.total;t<1&&(t=1);for(let e=t;e<i;e++)this._itemPositions[e]=this._itemHeights[e-1]+this._itemPositions[e-1]}_computeScrollHeight(){const t=this._config,i=Boolean(t.horizontal),e=t.total,s=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;l.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:`${s}px`});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i)),h=Math.floor(e/2),n=e%2==0?(o[h]+o[h-1])/2:o[h],r=i?"clientWidth":"clientHeight",c=t.scrollContainer?t.scrollContainer:this._element,d=c[r]?c[r]:this._containerSize;return this._screenItemsLen=Math.ceil(d/n),this._containerSize=d,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=n,s}_computeScrollPadding(){const t=Boolean(this._config.horizontal),i=window.getComputedStyle(this._element),e=t=>{const e=i.getPropertyValue(`padding-${t}`);return parseInt(e,10)||0};return t?{bottom:e("right"),top:e("left")}:{bottom:e("bottom"),top:e("top")}}_getFrom(t){let i=0;for(;this._itemPositions[i]<t;)i++;return i}}const d=class{constructor(e){t(this,e),this.contextChange=i(this,"contextChange",7),this.nodeToggled=i(this,"nodeToggled",7),this.nodeClicked=i(this,"nodeClicked",7),this.nodeRemoved=i(this,"nodeRemoved",7)}get hostElement(){return e(this)}root="root";model={};renderItem;context={};toggleOnItemClick;contextChange;nodeToggled;nodeClicked;nodeRemoved;hyperlist;updates=new Map;observer;hasFirstRender=!1;dirtyItems=new Set;updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,scrollerTagName:"div",total:i.length,generate:e=>{const s=i[e],o=this.hostElement.querySelector(`[data-tree-node-id="${s.id}"]`),h=this.getContext(s.id);if(o&&!1===t.force){o.hasChildren=s.hasChildren,o.context={...h},o.disabled=Boolean(s.disabled||h.isDisabled);let t=this.dirtyItems.has(s.id);if(this.updates.has(s.id)){const i=this.updates.get(s.id);if(i){const e=i(s,{...this.context});"boolean"==typeof e&&(t=e)}}if(this.updatePadding(o,s),!t)return o}const r=t=>{this.updates.set(s.id,t)};let c=null;this.renderItem&&(c=this.renderItem(e,s,i,{...this.context},r)),null===c&&(c=n(s,h,r));const l=c;return l.setAttribute("data-tree-node-id",s.id),l.style.paddingRight="1rem",this.updatePadding(l,s),this.dirtyItems.delete(s.id),l}}}setContext(t,i){this.context={...this.context,[t]:i},this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}),this.context[t]):{isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}}buildTreeList(t,i=0){const e=[];if(t?.hasChildren){const s=i+1;t.children.forEach((t=>{const o=this.model[t],h=this.getContext(t);e.push({...o,level:i}),o.hasChildren&&h.isExpanded&&e.push(...this.buildTreeList(o,s))}))}return e}componentDidLoad(){this.initList(),this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const e=i.indexOf(t);e>=0&&i.splice(e,1)}))})),this.nodeRemoved.emit(i)})),this.observer.observe(this.hostElement,{childList:!0})}componentWillRender(){this.hasFirstRender=!0,this.isListInitialized()?this.refreshTree():this.initList()}connectedCallback(){this.hasFirstRender&&this.initList()}disconnectedCallback(){this.hyperlist?.destroy(),this.observer?.disconnect()}onModelChange(){this.hasFirstRender&&!this.isListInitialized()&&this.initList()}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){const t=this.hyperlist?._itemPositions;return void 0!==t&&t.length&&!t?.some((t=>void 0===t||Number.isNaN(t)))}async refreshTree(t=r){this.hyperlist&&this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}initList(){if(!this.model)return;this.hyperlist?.destroy();const t=this.getVirtualizerOptions(r);this.hyperlist=new l(this.hostElement,t)}getTreeNodeId(t){let i=t;for(;i&&i!==this.hostElement;){const t=i.dataset.treeNodeId;if(t)return t;i=i.parentElement}}onToggle(t){const{target:i}=t;if(t.preventDefault(),t.stopPropagation(),!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e];if(!s.hasChildren)return;if(s.disabled)return;const o=this.getContext(e);o.isDisabled||(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o))}onTreeItemClick(t){const{target:i}=t;if(!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e],o=this.getContext(e);if(s.disabled||o.isDisabled)return;const n=t.composedPath(),r=n.indexOf(this.hostElement),c=n.slice(0,r);if(!h.pathIncludesTrigger(c)){if(!t.defaultPrevented){for(const t of Object.values(this.context))t.isSelected=!1;o.isSelected=!0,this.setContext(e,o)}this.toggleOnItemClick&&s.hasChildren&&(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o)),this.nodeClicked.emit(e)}}render(){return s(o,{key:"2559d80cdc3622837771d6f9484117b5d8ae15db",onClick:t=>this.onTreeItemClick(t)},s("slot",{key:"f1b3e2121e4833481dcf91594f38434318de84bc"}))}static get watchers(){return{model:[{onModelChange:0}]}}};d.style=":host{display:block}";export{d as ix_tree}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,g as r,h as t,H as e}from"./p-EBgS4zhE.js";import{f as a,g as s}from"./p-DgUGsIlh.js";import{d as i}from"./p-CWlPNXA-.js";import"./p-CWshStHZ.js";function n(o){return t("button",{class:{AppEntry:!0,Selected:o.selected},onClick:()=>{i(o.host),window.open(o.url,o.target)}},t("img",{class:"AppIcon",src:o.iconSrc,alt:""}),t("div",{class:"AppName"},t("ix-typography",{format:"h4"},o.name,("_blank"!==(r=o.target)&&"_parent"!==r&&"_self"!==r&&"_top"!==r||"_blank"===r)&&t("ix-icon",{size:"12",name:s,color:"color-soft-text"})),t("ix-typography",{format:"label-sm",textColor:"soft"},o.description)));var r}const c=class{constructor(r){o(this,r)}get hostElement(){return r(this)}config;componentWillLoad(){if(!this.config)throw Error("ApplicationConfig not provided")}render(){return t(e,{key:"d5f90b59051a81a5c9157cf76f181d0dbf3db288"},t("ix-modal-header",{key:"a56ca3229b08765f10b792b0aaa850e15ab6a233",icon:a},this.config?.i18nAppSwitch||"Switch to application"),t("ix-modal-content",{key:"4ed63c67ea9a17355d010cd74eb80f9e3d15d26a",class:"content"},t("div",{key:"1a9cadf4e12af46758b21d3074a97b10e9a00e6c",class:"content-apps"},(!this.config||0===this.config?.apps.length)&&t("div",{key:"c0dbbd963ecc7afa860b2dc18cd93c8f93ce228a",class:"loading"},t("ix-spinner",{key:"9da41df87f43a42f2c62019ba48f2eda65c25205",size:"medium",variant:"primary"}),t("span",{key:"1865e305014310653486c4115dca075f8ffc4a92"},this.config?.i18nLoadingApps||"Loading available applications...")),this.config?.apps.map((o=>t(n,{host:this.hostElement,name:o.name,description:o.description,iconSrc:o.iconSrc,target:o.target,url:o.url,selected:o.id===this.config?.currentAppId}))))))}};c.style=":host{display:block}: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 .content{padding:2rem;padding-right:0}:host .content-apps{display:flex;position:relative;flex-wrap:wrap;justify-content:space-evenly;max-height:50vh;margin-right:0.25rem;gap:1.5rem}:host .loading{display:flex;flex-direction:row;align-items:center}:host .loading ix-spinner{margin-right:1rem}:host .AppEntry{all:unset;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0.4375rem;padding-inline-end:0.9375rem;flex:1 1 45%;cursor:pointer;border:0.0625rem solid transparent}:host .AppEntry.Selected{background-color:var(--theme-color-ghost--selected)}:host .AppEntry:not(.disabled):not(:disabled).hover,:host .AppEntry:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .AppEntry:not(.disabled):not(:disabled).active,:host .AppEntry:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .AppEntry:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host .AppName{display:flex;flex-direction:column}:host .AppName ix-icon{margin-left:1rem}:host .AppIcon{width:3rem;height:3rem;border-radius:0.25rem}";export{c as ix_application_switch_modal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as e,g as o,h as t,H as a}from"./p-EBgS4zhE.js";import{B as n}from"./p-HpQs38Y0.js";import{a as d}from"./p-C21npbUc.js";import{j as s,F as i}from"./p-DgUGsIlh.js";const b=class{constructor(o){r(this,o),this.pageSelected=e(this,"pageSelected",7),this.itemCountChanged=e(this,"itemCountChanged",7)}baseButtonConfig={variant:"subtle-tertiary",iconOnly:!0,iconOval:!1,disabled:!1,icon:"",loading:!1,selected:!1,type:"button"};maxCountPages=7;get hostElement(){return o(this)}advanced=!1;itemCount=15;hideItemCount=!1;itemCountOptions=[10,15,20,40,100];count=0;selectedPage=0;i18nPage="Page";i18nOf="of";i18nItems="Items";ariaLabelChevronLeftIconButton="Previous page";ariaLabelChevronRightIconButton="Next page";ariaLabelPageSelection="Page selection input";pageSelected;itemCountChanged;selectPage(r){const e=this.selectedPage;this.selectedPage=r<0?0:r>this.count-1?this.count-1:r;const{defaultPrevented:o}=this.pageSelected.emit(this.selectedPage);o&&(this.selectedPage=e)}increase(){this.selectedPage!==this.count-1&&this.selectPage(this.selectedPage+1)}decrease(){0!==this.selectedPage&&this.selectPage(this.selectedPage-1)}getPageButton(r){const e={...this.baseButtonConfig,onClick:()=>this.selectPage(r),selected:this.selectedPage===r,ariaAttributes:{"aria-pressed":d(this.selectedPage===r)}};return t(n,{...e},r+1)}renderPageButtons(){const r=Math.floor(this.maxCountPages/2),e=this.count>this.maxCountPages,o=e&&this.selectedPage>r,a=e&&this.selectedPage<this.count-r-1,d=[];let s=0,i=Math.min(this.count,this.maxCountPages),b=Math.floor((this.maxCountPages-4)/2);if(o){const r={...this.baseButtonConfig,onClick:()=>{this.selectPage(a?this.selectedPage-Math.max(0,2*b+1):this.count-this.maxCountPages)}};d.push(this.getPageButton(0)),d.push(t(n,{...r},"...")),a?s=this.count-this.maxCountPages+2:(s=this.count-this.maxCountPages+2,i=this.count)}a&&(o?(s=this.selectedPage-b,i=this.selectedPage+b+1):i=this.maxCountPages-2);for(let r=s;r<i;r++)d.push(this.getPageButton(r));if(a){const r={...this.baseButtonConfig,onClick:()=>{this.selectPage(o?this.selectedPage+Math.max(0,2*b+1):this.maxCountPages-1)}};d.push(t(n,{...r},"...")),d.push(this.getPageButton(this.count-1))}return t("span",{class:"page-buttons"},d)}handlePageInput(r){const e=Number.parseInt(r,10);if(!Number.isNaN(e)){const r=Math.max(1,Math.min(e,this.count));this.selectPage(r-1)}}render(){return t(a,{key:"f1a9fa92967db3108ec88ea95ebd27baeb11a801"},t("ix-icon-button",{key:"6cd70b1d8cf6e8a65056ef4af191d31152bce887",disabled:!this.count||0===this.selectedPage,variant:"subtle-tertiary",icon:i,onClick:()=>this.decrease(),"aria-label":this.ariaLabelChevronLeftIconButton}),this.advanced?t("div",{class:"advanced-pagination"},t("ix-typography",{format:"body"},this.i18nPage),t("input",{"aria-label":this.ariaLabelPageSelection,class:"ix-form-control page-selection",type:"number",min:"1",max:this.count,value:this.selectedPage+1,onChange:r=>{this.handlePageInput(r.target.value)},onKeyDown:r=>{if(["e","E","+","-","."].includes(r.key)&&r.preventDefault(),"Enter"===r.key){const e=r.target;this.handlePageInput(e.value),e.blur()}},onBlur:r=>{r.target.value=(this.selectedPage+1).toString()}}),t("span",{class:"total-count"},t("ix-typography",{format:"body"},this.i18nOf," ",this.count))):t("span",{class:"basic-pagination"},this.renderPageButtons()," "),t("ix-icon-button",{key:"85cefcfb2c0e1bdfcff3bb442bab8a7de5f61ecc",disabled:!this.count||this.selectedPage===this.count-1,variant:"subtle-tertiary",icon:s,onClick:()=>this.increase(),"aria-label":this.ariaLabelChevronRightIconButton}),this.advanced&&!this.hideItemCount&&t("span",{key:"4bb3f7a6c527a2c9ad29a2d9cffa3cff15c1df0e",class:"item-count"},t("ix-typography",{key:"8df743fae7237037043cdbae1295a23c797e3a8e",format:"body"},this.i18nItems),t("ix-select",{key:"d4b5d9def930824bb7630849e9c7f61beb6e6924",hideListHeader:!0,i18nPlaceholder:"",i18nSelectListHeader:"",value:`${this.itemCount}`,onValueChange:r=>{const e=Number.parseInt(Array.isArray(r.detail)?r.detail[0]:r.detail);this.itemCountChanged.emit(e)}},this.itemCountOptions.map((r=>t("ix-select-item",{label:`${r}`,value:`${r}`}))))))}};b.style=".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}: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(.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(.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(.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(.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(.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(.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(.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(.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(.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}: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,:host .advanced-pagination,:host .item-count{display:inline-flex;align-items:center}:host .basic-pagination{padding:0 0.125rem}:host .advanced-pagination{padding:0 0.75rem}:host .page-selection{width:4.125rem;text-align:center;margin:0 0.5rem;-moz-appearance:textfield;-webkit-appearance:textfield}:host .page-buttons{white-space:nowrap}:host .total-count{white-space:nowrap}:host .item-count{flex-grow:1;justify-content:flex-end;margin-inline-start:1.5rem}:host .item-count ix-select{width:4.5rem;margin-inline-start:1.5rem}:host button{width:auto;min-width:2rem;height:2rem;padding:0 0.5rem}:host button+button{margin-inline-start:0.125rem}";export{b as ix_pagination}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,f as t,h as o,H as r,M as n,c as i,g as a}from"./p-Ca5WUunf.js";import{m as l}from"./p-D_Hmobxf.js";import{D as s}from"./p-D1WplX1z.js";import{D as d,h as c}from"./p-Dl_bUxb7.js";import{O as h}from"./p-BZApVtkF.js";import{b as m}from"./p-BIe8Nw9M.js";import{g as u,i as b,h as p,t as f}from"./p-BFUINhFM.js";import"./p-DnaItyVQ.js";const v=class{constructor(t){e(this,t)}static Breakpoints=["","sm","md","lg"];size;sizeSm;sizeMd;sizeLg;onResize(){t(this)}getSize(e){return""===e?this.size:"sm"===e?this.sizeSm:"md"===e?this.sizeMd:"lg"===e?this.sizeLg:void 0}getColumnSize(){let e;return v.Breakpoints.forEach((t=>{if(""!==t&&!l(t))return;const o=this.getSize(t);o&&(e=o)})),e}getColumnSizeStyling(){const e=this.getColumnSize();if(!e)return;if("auto"===e)return{flex:"0 0 auto",width:"auto","max-width":"auto"};const t=`calc(calc(${e} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${t}`,width:`${t}`,"max-width":`${t}`}}render(){return o(r,{key:"92516eb3dfd8c82f3edd51707861615729ae0d45",style:{...this.getColumnSizeStyling()}},o("slot",{key:"43e5c2cf90ba0f62a01bc47f22420c9d102fd7c4"}))}};v.style=":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}: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}";const y=class{constructor(t){e(this,t)}noMargin=!1;gap="24";columns=12;render(){return o(r,{key:"ad1e96a96876525cbe9da91c13786d914bb3ce6b",class:{"no-margin":this.noMargin},style:{"--ix-layout-grid-columns":`${this.columns}`,"--ix-layout-grid-gutter":`${this.gap}px`}},o("slot",{key:"6eb10f5be8cc7aa38e19e38b33d2b5c07e1fe421"}))}};y.style=":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}";const x=class{constructor(t){e(this,t)}render(){return o(r,{key:"88036865546dd8f57cac8099b7bef38d6420c722"},o("slot",{key:"948ec4b33c9f03caa4feec78d76f397bd320d045"}))}};function g(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}}x.style=":host{display:flex;flex-wrap:wrap}:host(:not(:first-of-type)){margin-block-start:var(--ix-layout-grid-row-margin, 0)}";const k={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 w={hour:"",minute:"",second:"",millisecond:""},T=class extends(n(...d)){constructor(t){super(),e(this,t),this.timeSelect=i(this,"timeSelect",7),this.timeChange=i(this,"timeChange",7)}get hostElement(){return a(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=s.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=s.fromFormat(o,this.format),i=s.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=s.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 s.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=w;timePickerDescriptors=[];isUnitFocused=!1;focusedUnit="hour";focusedValue=0;visibilityObserver;focusScrollAlignment="start";componentWillLoad(){this.initPicker()}initPicker(){let e,t=!1;this.time?(e=s.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(c()){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=m(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&&s.fromFormat(this.time,this.format).isValid&&(this._time=s.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")}:w}changeTimeReference(e){if(this.timeRef===e)return;this._time||(this._time=s.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??s.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 u(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 b(e,t,o)}canSelectUnitValue(e,t,o,r){const n=r??this._time??s.now().startOf("day"),i=o??this.getConstraintBounds();if("hour"===e&&p(i.min,i.max)){const e=g(n.startOf("day"),"hour",t,this.timeRef);if(!e)return!1;const o=e.set({minute:59,second:59,millisecond:999});return f(e,o,i.min,i.max)}const a=g(n,e,t,this.timeRef);return!!a&&(o?this.isSelectableForUnitWithinBounds(e,a,o):this.isWithinTimeConstraints(a))}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=g(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!!p(t,o)&&!b(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:!k.hours.test(this.format),numberArray:e},{unit:"minute",header:this.i18nMinuteColumnHeader,hidden:!k.minutes.test(this.format),numberArray:t},{unit:"second",header:this.i18nSecondColumnHeader,hidden:!k.seconds.test(this.format),numberArray:o},{unit:"millisecond",header:this.i18nMillisecondColumnHeader,hidden:!k.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=g(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=g(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 o(r,{key:"148f502158a23cb3653c1f062a69cff199e93fdc"},o("ix-date-time-card",{key:"5612a12cfb0a8b3c55c3491fcae620d63fa0bbd7",embedded:this.embedded,timePickerAppearance:!0,corners:this.corners,hasFooter:!this.dateTimePickerAppearance,hideHeader:this.hideHeader},o("div",{key:"80c1720b837cc3cef4fb4590f68dfe1ab23b8370",class:"header",slot:"header"},o("ix-typography",{key:"087b23019ec2213c3a23b0c1c08da2328af144be",format:"body"},this.i18nHeader)),o("div",{key:"1c4c0a0ca82ae0633fbecd5ed9453493c7b9cf98",class:"clock"},this.timePickerDescriptors.map(((t,r)=>o("div",{class:"flex"},o("div",{class:{columns:!0,hidden:t.hidden},hidden:t.hidden},o("div",{class:"column-header",title:t.header},t.header),o("div",{role:"listbox","aria-label":t.header,"data-element-list-id":t.unit,class:"element-list",tabindex:-1},t.numberArray.map((r=>{const n=this.getUnitCellTabIndex(t.unit,r),i=!this.canSelectUnitValue(t.unit,r,e,this.buildCandidateBaseBeforeUnit(t.unit)),a=this.isSelected(t.unit,r);return o("button",{role:"option","aria-selected":a?"true":"false","data-element-container-id":`${t.unit}-${r}`,class:{selected:a,"element-container":!0,disabled:i},disabled:i,onClick:()=>{this.select(t.unit,r)},onFocus:()=>this.onUnitCellFocus(t.unit,r),onBlur:e=>this.onUnitCellBlur(t.unit,e),"aria-label":`${t.header}: ${r}`,tabindex:n},this.formatUnitValue(t.unit,r))})),o("div",{class:"element-list-padding"}))),r!==this.timePickerDescriptors.length-1&&o("div",{class:{"column-separator":!0,hidden:t.hidden}},this.getColumnSeparator(r))))),this.timeRef&&o("div",{key:"aee3e153f67ba1365ff56d36a72d1d5561d30e2a",class:"flex"},o("div",{key:"d18821a7a032522e161fdd1e74a5812d2111a6ae",class:"column-separator"}),o("div",{key:"57db4e6409de2fbf5d13647304af280866845695",class:"columns"},o("div",{key:"d60b46a2bc28606c7708eb3dbccee6fe76df8cc5",class:"column-header",title:"AM/PM"}),o("div",{key:"2d33c518b011e25fb334cd8e1f1efa9b79cd35ff",role:"listbox","aria-label":"AM/PM",class:"element-list",tabindex:-1},o("button",{key:"0ee352467596e646e3afc588ccaa80cad649c551",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"),o("button",{key:"3c207b5fb9f759a101ce7d1959f93cbfda487274",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"))))),o("div",{key:"fc56aa00e3d0280045272303181d49fbcf473bc6",class:{footer:!0,"footer--compact":this.timePickerDescriptors.length<=2},slot:"footer"},o("ix-button",{key:"1c2361d8241d53b5f902f203b43a8bf768f8d1af",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}]}}};(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)})([h("keydown")],T.prototype,"handleKeyDown",null),T.style='.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}';export{v as ix_col,y as ix_layout_grid,x as ix_row,T as ix_time_picker}
|
|
1
|
+
import{r as e,f as t,h as o,H as r,M as n,c as i,g as a}from"./p-EBgS4zhE.js";import{m as l}from"./p-D_Hmobxf.js";import{D as s}from"./p-D1WplX1z.js";import{D as d,h as c}from"./p-BWgttsqY.js";import{O as h}from"./p-DVJeDueL.js";import{c as m}from"./p-BClJdFQP.js";import{g as u,i as b,h as p,t as f}from"./p-BFUINhFM.js";import"./p-6ZxKp7Jn.js";const v=class{constructor(t){e(this,t)}static Breakpoints=["","sm","md","lg"];size;sizeSm;sizeMd;sizeLg;onResize(){t(this)}getSize(e){return""===e?this.size:"sm"===e?this.sizeSm:"md"===e?this.sizeMd:"lg"===e?this.sizeLg:void 0}getColumnSize(){let e;return v.Breakpoints.forEach((t=>{if(""!==t&&!l(t))return;const o=this.getSize(t);o&&(e=o)})),e}getColumnSizeStyling(){const e=this.getColumnSize();if(!e)return;if("auto"===e)return{flex:"0 0 auto",width:"auto","max-width":"auto"};const t=`calc(calc(${e} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${t}`,width:`${t}`,"max-width":`${t}`}}render(){return o(r,{key:"8f9bb67a9721a22dab39e140b0e180a868839416",style:{...this.getColumnSizeStyling()}},o("slot",{key:"2d34daa2051b168c8b4dd61233d80195be90f3d5"}))}};v.style=":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}: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}";const y=class{constructor(t){e(this,t)}noMargin=!1;gap="24";columns=12;render(){return o(r,{key:"799b08194c2dfc38cbf4bd8c0e7d69f4cd42c577",class:{"no-margin":this.noMargin},style:{"--ix-layout-grid-columns":`${this.columns}`,"--ix-layout-grid-gutter":`${this.gap}px`}},o("slot",{key:"8177f73aacd4da3cd8d52cb2cc16f6694e032851"}))}};y.style=":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}";const x=class{constructor(t){e(this,t)}render(){return o(r,{key:"d196cf5b6609b66fd1d8e60175373e6463faec5c"},o("slot",{key:"cd5208fe0e779fb69579e8f9bbc1af21572d8bbc"}))}};function g(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}}x.style=":host{display:flex;flex-wrap:wrap}:host(:not(:first-of-type)){margin-block-start:var(--ix-layout-grid-row-margin, 0)}";const k={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 w={hour:"",minute:"",second:"",millisecond:""},T=class extends(n(...d)){constructor(t){super(),e(this,t),this.timeSelect=i(this,"timeSelect",7),this.timeChange=i(this,"timeChange",7)}get hostElement(){return a(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=s.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=s.fromFormat(o,this.format),i=s.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=s.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 s.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=w;timePickerDescriptors=[];isUnitFocused=!1;focusedUnit="hour";focusedValue=0;visibilityObserver;focusScrollAlignment="start";componentWillLoad(){this.initPicker()}initPicker(){let e,t=!1;this.time?(e=s.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(c()){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=m(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&&s.fromFormat(this.time,this.format).isValid&&(this._time=s.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")}:w}changeTimeReference(e){if(this.timeRef===e)return;this._time||(this._time=s.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??s.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 u(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 b(e,t,o)}canSelectUnitValue(e,t,o,r){const n=r??this._time??s.now().startOf("day"),i=o??this.getConstraintBounds();if("hour"===e&&p(i.min,i.max)){const e=g(n.startOf("day"),"hour",t,this.timeRef);if(!e)return!1;const o=e.set({minute:59,second:59,millisecond:999});return f(e,o,i.min,i.max)}const a=g(n,e,t,this.timeRef);return!!a&&(o?this.isSelectableForUnitWithinBounds(e,a,o):this.isWithinTimeConstraints(a))}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=g(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!!p(t,o)&&!b(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:!k.hours.test(this.format),numberArray:e},{unit:"minute",header:this.i18nMinuteColumnHeader,hidden:!k.minutes.test(this.format),numberArray:t},{unit:"second",header:this.i18nSecondColumnHeader,hidden:!k.seconds.test(this.format),numberArray:o},{unit:"millisecond",header:this.i18nMillisecondColumnHeader,hidden:!k.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=g(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=g(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 o(r,{key:"d82a36e9f2570227537fa27a4613728b14eb7728"},o("ix-date-time-card",{key:"3176395745458739b9fb9de1b4b1d4f39b1f6d2f",embedded:this.embedded,timePickerAppearance:!0,corners:this.corners,hasFooter:!this.dateTimePickerAppearance,hideHeader:this.hideHeader},o("div",{key:"9defe01ecd678617fa2ecf70c891e6e257a92d65",class:"header",slot:"header"},o("ix-typography",{key:"28e6bc8abc536182d3b63d231913316df54058f0",format:"body"},this.i18nHeader)),o("div",{key:"3aa7571fd61469deadb3ccecb871456926b4f0ca",class:"clock"},this.timePickerDescriptors.map(((t,r)=>o("div",{class:"flex"},o("div",{class:{columns:!0,hidden:t.hidden},hidden:t.hidden},o("div",{class:"column-header",title:t.header},t.header),o("div",{role:"listbox","aria-label":t.header,"data-element-list-id":t.unit,class:"element-list",tabindex:-1},t.numberArray.map((r=>{const n=this.getUnitCellTabIndex(t.unit,r),i=!this.canSelectUnitValue(t.unit,r,e,this.buildCandidateBaseBeforeUnit(t.unit)),a=this.isSelected(t.unit,r);return o("button",{role:"option","aria-selected":a?"true":"false","data-element-container-id":`${t.unit}-${r}`,class:{selected:a,"element-container":!0,disabled:i},disabled:i,onClick:()=>{this.select(t.unit,r)},onFocus:()=>this.onUnitCellFocus(t.unit,r),onBlur:e=>this.onUnitCellBlur(t.unit,e),"aria-label":`${t.header}: ${r}`,tabindex:n},this.formatUnitValue(t.unit,r))})),o("div",{class:"element-list-padding"}))),r!==this.timePickerDescriptors.length-1&&o("div",{class:{"column-separator":!0,hidden:t.hidden}},this.getColumnSeparator(r))))),this.timeRef&&o("div",{key:"f9fe74b09d9de0a95f2472d49faf5d675f8732ba",class:"flex"},o("div",{key:"61323b760556dd2de6b55dc92ed4ce1f48d0e184",class:"column-separator"}),o("div",{key:"e4c888487a559ef191dfcf76014251e217a6f00e",class:"columns"},o("div",{key:"0ef38a3e63f0bff2f5ef6774eea41e07d68fd1f4",class:"column-header",title:"AM/PM"}),o("div",{key:"47cd9041e31b25c6d08ccb0eed005a6b9963eaec",role:"listbox","aria-label":"AM/PM",class:"element-list",tabindex:-1},o("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"),o("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"))))),o("div",{key:"afc8804b5164b9fb2606c03fc6fc518ef6b703ed",class:{footer:!0,"footer--compact":this.timePickerDescriptors.length<=2},slot:"footer"},o("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}]}}};(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)})([h("keydown")],T.prototype,"handleKeyDown",null),T.style='.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}';export{v as ix_col,y as ix_layout_grid,x as ix_row,T as ix_time_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{g as e,r as a,c as t,h as r,H as i}from"./p-
|
|
1
|
+
import{g as e,r as a,c as t,h as r,H as i}from"./p-EBgS4zhE.js";import{U as s}from"./p-BGzrnl_l.js";import{a as o,b as l}from"./p-DgUGsIlh.js";import{b as d}from"./p-C21npbUc.js";const n=class{accept;multiple=!1;directoryUpload=!1;multiline=!1;disabled=!1;state=s.SELECT_FILE;selectFileText;loadingText;uploadFailedText="Upload failed. Please try again.";uploadSuccessText="Upload successful";i18nUploadFile;i18nUploadDisabled="File upload currently not possible.";filesChanged;get hostElement(){return e(this)}get inputElement(){return this.hostElement.shadowRoot.querySelector("#upload-browser")}isFileOver=!1;filesToUpload;a11y={};constructor(e){a(this,e),this.filesChanged=t(this,"filesChanged",7)}componentWillLoad(){this.a11y=d(this.hostElement)}fileDropped(e){if(e.preventDefault(),this.disabled)return;if(!e.dataTransfer)return;const a=e.dataTransfer.files;this.isFileOver=!1,this.filesToUpload=this.convertToFileArray(a),this.filesChanged.emit(this.filesToUpload)}fileOver(e){e.dataTransfer&&(this.state!==s.LOADING&&(e.preventDefault(),e.dataTransfer.dropEffect="move"),!this.multiple&&e.dataTransfer.items.length>1?(e.preventDefault(),e.stopPropagation(),e.dataTransfer.effectAllowed="none",e.dataTransfer.dropEffect="none"):this.isFileOver=!0)}fileLeave(){this.isFileOver=!1}fileChangeEvent(e){this.disabled||e.target&&(this.filesToUpload=this.convertToFileArray(e.target.files),this.filesChanged.emit(this.filesToUpload),this.inputElement.type="",this.inputElement.type="file")}convertToFileArray(e){let a=[];return e?(a=e instanceof FileList?Array.from(e):[e],a):[]}renderUploadState(){if(this.disabled)return r("span",{class:"state"},r("span",{class:"upload-text"},this.i18nUploadDisabled));switch(this.state){case s.SELECT_FILE:return r("span",{class:"state"},r("span",{class:"upload-text"},this.selectFileText??(this.directoryUpload?"+ Drag folder here or…":"+ Drag files here or…")));case s.LOADING:return r("span",{class:"state"},r("ix-spinner",{variant:"primary"}),r("span",{class:"upload-text"},this.loadingText??(this.directoryUpload?"Checking folder…":"Checking files…")));case s.UPLOAD_FAILED:return r("span",{class:"state"},r("ix-icon",{name:l,class:"icon-error"}),r("span",{class:"upload-text"},this.uploadFailedText));case s.UPLOAD_SUCCESSED:return r("span",{class:"state"},r("ix-icon",{name:o,class:"icon-success"}),r("span",{class:"upload-text"},this.uploadSuccessText));default:return""}}async setFilesToUpload(e){this.filesToUpload=e}render(){const e=this.disabled||this.state===s.LOADING,a=this.directoryUpload?{webkitdirectory:!0,directory:!0,multiple:!0}:{},t=this.directoryUpload?"Upload folder":"Upload files",{"aria-label":o=t,...l}=this.a11y;return r(i,{key:"9a21dd00faf48cd80ae13e84af47e09135f35ff8",...l,"aria-disabled":e},r("div",{key:"d94f8f4756bc8fc6484adde5928020dd0d024b41",class:{"file-upload-area":!0,"file-over":this.state!==s.LOADING&&this.isFileOver,checking:this.state===s.LOADING,disabled:this.disabled,multiline:this.multiline},onDrop:e=>{this.state!==s.LOADING&&this.fileDropped(e)},onDragOver:e=>this.fileOver(e),onDragLeave:()=>this.fileLeave()},this.renderUploadState(),r("div",{key:"9e3ca61924cca20b05afe9a9839be43ff4d4df0c"},r("input",{key:"5a237001c511dbfd0b7fb21a6b5986e07fab0915","aria-label":o,"aria-disabled":e,multiple:this.multiple,type:"file",class:"upload-browser",id:"upload-browser",...a,tabindex:"-1",onChange:e=>{this.fileChangeEvent(e)},accept:this.accept,disabled:e}),r("ix-button",{key:"0e597ad0b6dbadad5097258e6e5ebf8cca4cd409",variant:"secondary","aria-disabled":e,onClick:()=>this.inputElement.click(),disabled:e},this.i18nUploadFile??(this.directoryUpload?"Upload folder…":"Upload file…")))))}};n.style=":host{display:block;min-height:4rem;height:4rem}: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 .file-upload-area{display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:hidden;height:100%;width:100%;padding:1rem;border:1px dashed var(--theme-upload--border-color);border-radius:var(--theme-upload--border-radius);color:var(--theme-upload-text--color)}:host .file-upload-area.multiline{max-height:unset;height:auto}:host .file-upload-area.multiline .glyph{align-self:flex-start;margin-block-start:3px}:host .file-upload-area.multiline>div{align-self:flex-start}:host .file-upload-area:not(.multiline) .state,:host .file-upload-area:not(.multiline) .upload-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .file-upload-area:not(.disabled).file-over{border-color:var(--theme-upload--border-color--dragover);border-style:solid}:host .file-upload-area.checking{color:var(--theme-upload-text--color--checking);border-style:solid}:host .file-upload-area.disabled{border-style:solid;color:var(--theme-upload-text--color--disabled)}:host .file-upload-area ix-button{margin-inline-start:1rem}:host .file-upload-area .upload-browser{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:host .file-upload-area .loader{margin:2.187rem auto;font-size:0.937rem;width:1rem;height:1rem;border-radius:50%;position:relative;text-indent:-9999em;animation:optimise-loading 1.1s infinite ease;transform:translateZ(0)}:host .file-upload-area .upload-filename{margin-bottom:1rem}:host .file-upload-area .state{display:flex;align-items:center}:host .file-upload-area .state>ix-spinner{margin-inline-end:0.5rem}:host .file-upload-area .state>ix-icon{margin-inline-end:0.5rem}:host .file-upload-area .state>ix-icon.icon-error{color:var(--theme-color-alarm)}:host .file-upload-area .state>ix-icon.icon-success{color:var(--theme-color-success)}:host(.disabled){pointer-events:none}";export{n as ix_upload}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,g as t,h as s,H as r}from"./p-
|
|
1
|
+
import{r as e,c as i,g as t,h as s,H as r}from"./p-EBgS4zhE.js";import{m as o}from"./p-Djkc69iv.js";import{H as a}from"./p-yZFaEeBW.js";import"./p-XBTykBKS.js";const n=class{constructor(t){e(this,t),this.valueChange=i(this,"valueChange",7)}get hostElement(){return t(this)}helperText;label;value;invalidText;infoText;warningText;validText;showTextAsTooltip;direction="column";required=!1;valueChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;touched=!1;groupRef=o();observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}));get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue(),this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}disconnectedCallback(){this.observer&&this.observer.disconnect()}selectInitialValue(){this.value&&this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((i,t)=>{t!==e.length-1&&(i.checked=!1)}));const i=this.isSomeRadioChecked();for(const e of this.radiobuttonElements)e.tabIndex=e.checked?0:-1;!i&&this.radiobuttonElements.length>0&&(this.radiobuttonElements[0].tabIndex=0)}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}isSomeRadioChecked(){return this.radiobuttonElements.some((e=>e.checked))}onValueChangeHandler(e){this.touched=!0,this.radiobuttonElements.forEach((i=>{i.checked=i.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((i=>{i===e.target?(i.checked=!0,this.valueChange.emit(i.value)):i.checked=!1}))}onClassField({isInvalid:e,isInfo:i,isValid:t,isWarning:s,isInvalidByRequired:r}){this.isInvalid=e||r,this.isInfo=i,this.isValid=t,this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}async setCheckedToNextItem(e,i=!0){const{radiobuttonElements:t}=this,{length:s}=t;if(s<=1)return;const r=t.indexOf(e),o=i?1:-1;let a=(r+o+s)%s;for(;t[a].disabled;){if(a===r)return;a=(a+o+s)%s}const n=t[a];n.setCheckedState(!0),n.focus()}render(){return s(r,{key:"52fe1cdeb484f3114564701e714e686479ad27cb",onIxBlur:()=>this.touched=!0,ref:this.groupRef,role:"radiogroup"},s("ix-field-wrapper",{key:"21591f15dbea1dbbe7fcf625b4f866ecfc95f8bb",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},s("div",{key:"1acbd13c448af7fc4b76690ceafe8afbf19e66b8",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},s("slot",{key:"cca579b75a01d8bd2755de0eb5d1e48e1eb2125d"}))))}static get watchers(){return{value:[{onValueChangeHandler:0}]}}};(function(e,i,t,s){var r,o=arguments.length,a=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(a=(o<3?r(a):o>3?r(i,t,a):r(i,t))||a);o>3&&a&&Object.defineProperty(i,t,a)})([a({includeChildren:!0})],n.prototype,"onClassField",null),n.style=":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:0.5rem 1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";export{n as ix_radio_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,g as o,h as a,H as s}from"./p-
|
|
1
|
+
import{r as i,c as t,g as o,h as a,H as s}from"./p-EBgS4zhE.js";import{a as e}from"./p-DhE1t8Qh.js";import{b as d,a as n}from"./p-C21npbUc.js";import{A as l}from"./p-DNIQ2C1K.js";import{t as r}from"./p-6ZxKp7Jn.js";import{I as h}from"./p-CWlPNXA-.js";import"./p-CWshStHZ.js";const c=class{constructor(o){i(this,o),this.dialogClose=t(this,"dialogClose",7),this.dialogDismiss=t(this,"dialogDismiss",7)}ariaAttributes={};isMouseDownInsideDialog=!1;get hostElement(){return o(this)}size="360";disableAnimation=!1;hideBackdrop=!1;closeOnBackdropClick=!1;beforeDismiss;centered=!1;isNonBlocking=!1;dialogClose;dialogDismiss;modalVisible=!1;get dialog(){return this.hostElement.shadowRoot.querySelector("dialog")}slideInModal(){const i=this.dialog;i.classList.remove("modal-open-settled");const t=this.disableAnimation?0:l.mediumTime,o=()=>i.classList.add("modal-open-settled");e(i,{duration:t,opacity:[0,1],translateY:this.centered?["-90%","-50%"]:[0,40],translateX:["-50%","-50%"],easing:"easeOutSine",complete:o}),0===t&&o()}slideOutModal(i){const t=this.dialog;t.classList.remove("modal-open-settled"),e(t,{duration:this.disableAnimation?0:l.mediumTime,opacity:[1,0],translateY:this.centered?["-50%","-90%"]:[40,0],translateX:["-50%","-50%"],easing:"easeInSine",complete:()=>{i&&i()}})}closeDialog(i,t,o){this.slideOutModal((()=>{this.modalVisible=!1,this.dialog.close(JSON.stringify({type:i,reason:t},null,2)),o.emit(t)}))}isInsideDialog(i){if(!this.dialog)return!1;if(!i.composedPath().includes(this.dialog))return!1;if(i.target!==this.dialog)return!0;const t=this.dialog.getBoundingClientRect(),{clientX:o,clientY:a}=i;return o>=t.left&&o<=t.right&&a>=t.top&&a<=t.bottom}onMouseDown(i){this.isMouseDownInsideDialog=this.isInsideDialog(i)}onMouseUp(i){const t=this.isInsideDialog(i);!this.closeOnBackdropClick||this.isNonBlocking||this.isMouseDownInsideDialog||t||this.dismissModal()}async scheduleInitialAutofocus(){await new Promise((i=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>{const t=this.hostElement.querySelector(h);t&&r(t,{focusVisible:!0}),i()}))}))}))}async showModal(){try{const i=await function(i,t,o=3e3){return new Promise(((a,s)=>{const e=Date.now(),d=()=>{const n=t.querySelector(i);n?a(n):Date.now()-e<o?setTimeout(d):s()};d()}))}("dialog",this.hostElement.shadowRoot);this.modalVisible=!0,this.isNonBlocking?i.show():i.showModal(),this.slideInModal(),await this.scheduleInitialAutofocus()}catch{console.error("HTMLDialogElement not existing")}}async dismissModal(i){if(!this.modalVisible)return;let t=!0;void 0!==this.beforeDismiss&&(t=await this.beforeDismiss(i)),t&&this.closeDialog("dismiss",i,this.dialogDismiss)}async closeModal(i){this.modalVisible&&this.closeDialog("close",i,this.dialogClose)}componentWillLoad(){this.ariaAttributes=d(this.hostElement)}render(){return a(s,{key:"b40ae3d2505764659681551aaab811b4c8bfcc6f",class:{visible:this.modalVisible,"no-backdrop":this.hideBackdrop,"align-center":this.centered,"non-blocking":this.isNonBlocking}},a("div",{key:"5985f073d9b74b75838b3e592fe5254dfec3ea11",class:"dialog-backdrop"},a("dialog",{key:"372dd029f7d41622559568d99fe28608e1806cab","aria-modal":n(!this.isNonBlocking),"aria-describedby":this.ariaAttributes["aria-describedby"],"aria-labelledby":this.ariaAttributes["aria-labelledby"],class:{modal:!0,[`modal-size-${this.size}`]:!0},onClose:()=>this.dismissModal(),onMouseDown:i=>this.onMouseDown(i),onMouseUp:i=>this.onMouseUp(i),onKeyDown:i=>{this.isNonBlocking&&"Escape"===i.key&&(i.preventDefault(),this.dismissModal())},onCancel:i=>{i.preventDefault(),this.dismissModal()}},a("slot",{key:"405cfdcead12f17c5bc3534d9d160fddd69106a7"}))))}};c.style="::backdrop{background:var(--theme-color-lightbox, rgba(0, 0, 0, 0.5490196078))}:focus-visible{outline:none !important}:host{display:none}:host dialog{--ix-dialog-padding:1rem;margin:0;padding:var(--ix-dialog-padding);padding-top:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-top));padding-bottom:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-bottom));left:50%}:host .modal{display:flex;flex-direction:column;position:fixed;border:none;border-radius:var(--theme-default-border-radius);background:var(--theme-modal--background);box-shadow:var(--theme-shadow-4);color:var(--theme-color-std-text);overflow:visible;max-height:80vh;pointer-events:all;overflow-wrap:break-word}:host .modal-size-360{width:22.5rem}:host .modal-size-480{width:30rem}:host .modal-size-600{width:37.5rem}:host .modal-size-720{width:45rem}:host .modal-size-840{width:52.5rem}:host .modal-size-full-width{width:95%}:host .modal-size-full-screen{border-radius:0;left:0 !important;top:0 !important;transform:none !important;box-shadow:none;--ix-dialog-full-screen-height:calc( var(--ix-safe-area-inset-top) + var(--ix-safe-area-inset-bottom) );width:calc(100% - var(--ix-dialog-padding) * 2);min-width:calc(100% - var(--ix-dialog-padding) * 2);max-width:calc(100% - var(--ix-dialog-padding) * 2);min-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height));max-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height))}:host dialog.modal-size-full-screen::backdrop{background:var(--theme-modal--background)}:host .dialog-backdrop{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;pointer-events:none}:host ::slotted(ix-modal-footer){margin-top:auto}:host(.visible){display:block}:host(.align-center) dialog{margin:0;left:50%;top:50%}:host(.no-backdrop) dialog::backdrop,:host(.non-blocking) dialog::backdrop{background-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}:host(.with-icon) ::slotted(ix-modal-footer),:host(.with-icon) ::slotted(ix-modal-content){margin-left:3rem}";export{c as ix_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as o,H as r}from"./p-
|
|
1
|
+
import{r as e,c as t,h as o,H as r}from"./p-EBgS4zhE.js";import{j as s}from"./p-DgUGsIlh.js";const a=class{constructor(o){e(this,o),this.toggle=t(this,"toggle",7),this.itemClick=t(this,"itemClick",7)}text;hasChildren=!1;context;disabled=!1;ariaLabelChevronIcon;toggle;itemClick;render(){const e=this.disabled||this.context?.isDisabled;return o(r,{key:"e7e34e163bd93d7cd473167c20f6fe5cfc7a555b",class:{selected:!!this.context?.isSelected,disabled:!!e}},o("div",{key:"ad4deffb89068a0e74f3b0596f59de1262f549b3",class:"icon-toggle-container"},this.hasChildren?o("ix-icon",{name:s,size:"24",class:{"icon-toggle-down":!!this.context?.isExpanded},color:"color-std-text",onClick:t=>{e||(t.preventDefault(),t.stopPropagation(),this.toggle.emit())},"aria-label":this.ariaLabelChevronIcon??(this.context?.isExpanded?"Collapse tree item":"Expand tree item")}):null),o("div",{key:"632ac5edca96314ec279e229eb77c1b12fbc9af1",class:"tree-node-container",onClick:()=>{e||this.itemClick.emit()}},o("div",{key:"b2532d4c136111a563c4e54cbe1d8d6bfae3a20b",class:"tree-node-text"},this.text),o("slot",{key:"daf4d0a32bba8574b11903205fb8cecdf8ab3d11"})))}};a.style=":host{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}: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 .tree-node-container{display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .tree-node-container .tree-node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .icon-toggle-container{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem}:host .icon-toggle-container ix-icon{transition:transform var(--theme-default-time) ease-in-out}:host .icon-toggle-container ix-icon.icon-toggle-down{transform:rotate(90deg)}:host(:not(.disabled):not(.selected).hover),:host(:not(.disabled):not(.selected):hover){background-color:var(--theme-tree-item--background--hover)}:host(:not(.disabled):not(.selected).active),:host(:not(.disabled):not(.selected):active){background-color:var(--theme-tree-item--background--active)}:host(.selected){background-color:var(--theme-tree-item--background--selected)}:host(.selected.hover),:host(.selected:hover){background-color:var(--theme-tree-item--background--selected-hover)}:host(.selected.active),:host(.selected:active){background-color:var(--theme-tree-item--background--selected-active)}:host(.disabled){opacity:0.5;pointer-events:none}";export{a as ix_tree_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{M as e,r as o,c as r,g as t,h as a,H as s}from"./p-
|
|
1
|
+
import{M as e,r as o,c as r,g as t,h as a,H as s}from"./p-EBgS4zhE.js";import{y as i,z as n}from"./p-DgUGsIlh.js";import{D as c}from"./p-BWgttsqY.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const l=class extends(e(...c)){constructor(e){super(),o(this,e),this.showMore=r(this,"showMore",7),this.closePopover=r(this,"closePopover",7)}get hostElement(){return t(this)}show=!1;label;i18nShowMore="Show more";aboutItemLabel;activeAboutTabKey;showMore;closePopover;expanded=!1;render(){return a(s,{key:"4cd6bc26f5d602e17ff8bb73ec3f3b97fedc5737",class:{expanded:this.expanded,show:!this.show}},a("div",{key:"aceccc274a03b2b9bd5d0e88fe2063a1f238e356",class:"banner-container"},a("ix-icon",{key:"e2f6e81b2bb8ad1b44c881e3328f35dfb1856984",color:"color-inv-contrast-text",name:n,size:"32"}),a("svg",{key:"7c55727357b4562e6868dab8497a82953371a732",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},a("polygon",{key:"a4269a3e39b7228fb8ecc3bbf3e0e8a7a64cd4d7",points:"0 0 48 0 48 56 24 48 0 56"}))),a("div",{key:"322dfb66bc94343d9996d516cb58f404c186c115",class:"cui-popover-news-header"},a("ix-typography",{key:"0f1553e39f9ab26f58fd09b9c40f79fc7c4afe38",format:"label",bold:!0},this.label)),a("ix-icon-button",{key:"a4760b08b0b4e5b7480f690a55a3f9390225bfe3",size:"24",icon:i,iconColor:"color-soft-text",variant:"tertiary",onClick:()=>{this.show=!1,this.closePopover.emit()}}),a("div",{key:"810aaae79189785390a10d50f40d58e77ffd325d",class:"slot-container"},a("slot",{key:"6a40f2beb6feb68b53fdc27d4cf96e2182c501ed"})),this.activeAboutTabKey?a("div",{class:"cui-popover-news-footer"},a("ix-button",{variant:"primary",onClick:e=>{this.show=!1,this.showMore.emit(e)}},this.i18nShowMore)):null,a("div",{key:"f6785ecddbeab3b8bf184a7133aa49f6cefb485e",id:"arrow"}))}};l.style=":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}: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 .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}";export{l as ix_menu_about_news}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as n,H as r}from"./p-EBgS4zhE.js";const t=class{constructor(n){e(this,n)}render(){return n(r,{key:"85a2acb610b6529f3c65b1eadc369aa39b41d9fa"},n("slot",{key:"329e45898b1c5791e94c08bbc4c5cc8176b9e71b"}))}};t.style=":host{display:flex;justify-content:center;align-items:center;margin-inline-start:1.5rem;margin-inline-end:1.5rem;margin-block-end:0.25rem}:host slot::slotted(*){display:flex;margin-inline-end:0.625rem}";export{t as ix_dropdown_quick_actions}
|