@siemens/ix 5.1.0 → 5.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/READMEOSS.html +1 -1
- package/components/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.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-datetime-input.js +1 -1
- package/components/ix-datetime-picker.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-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.js +1 -1
- package/components/ix-helper-text.js +1 -1
- package/components/ix-input.js +1 -1
- package/components/ix-key-value-list.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-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.js +1 -1
- package/components/ix-number-input.js +1 -1
- package/components/ix-pagination.js +1 -1
- package/components/ix-pane-layout.js +1 -1
- package/components/ix-pane.js +1 -1
- package/components/ix-pill.js +1 -1
- package/components/ix-popover-content.js +1 -1
- package/components/ix-popover-footer.js +1 -1
- package/components/ix-popover-header.js +1 -1
- package/components/ix-popover.js +1 -1
- package/components/ix-progress-indicator.js +1 -1
- package/components/ix-push-card.js +1 -1
- package/components/ix-radio-group.js +1 -1
- package/components/ix-radio.js +1 -1
- package/components/ix-range-field.js +1 -1
- package/components/ix-row.js +1 -1
- package/components/ix-select-item.js +1 -1
- package/components/ix-select.js +1 -1
- package/components/ix-slider.js +1 -1
- package/components/ix-split-button.js +1 -1
- package/components/ix-tab-item.js +1 -1
- package/components/ix-tabs.js +1 -1
- package/components/ix-textarea.js +1 -1
- package/components/ix-tile.js +1 -1
- package/components/ix-time-input.js +1 -1
- package/components/ix-time-picker.js +1 -1
- package/components/ix-toast-container.js +1 -1
- package/components/ix-toast.js +1 -1
- package/components/ix-toggle-button.js +1 -1
- package/components/ix-toggle.js +1 -1
- package/components/ix-tooltip.js +1 -1
- package/components/ix-tree-item.js +1 -1
- package/components/ix-tree.js +1 -1
- package/components/ix-typography.js +1 -1
- package/components/ix-upload.js +1 -1
- package/components/ix-workflow-step.js +1 -1
- package/components/ix-workflow-steps.js +1 -1
- package/components/{p-DhWkcMmR.js → p-1KOHyx-1.js} +1 -1
- package/components/{p-zqHenwXl.js → p-BH2Yhp3V.js} +1 -1
- package/components/{p-CrDBjFhu.js → p-BIcWFids.js} +1 -1
- package/components/{p-CGHbrmJg.js → p-BRoFUwzJ.js} +1 -1
- package/components/{p-CIA8i4dm.js → p-BZgc6bzH.js} +1 -1
- package/components/{p-Wr4Qf8LA.js → p-B_MBGj0b.js} +1 -1
- package/components/{p-BuBQiemL.js → p-Bj_6nynP.js} +1 -1
- package/components/p-C7MRPZvZ.js +1 -0
- package/components/{p-aUZgVnx5.js → p-CHV-_J6i.js} +1 -1
- package/components/{p-CrLxhwo2.js → p-CUvmGsh_.js} +1 -1
- package/components/{p-CJoOEoc-.js → p-Ca8JFa1v.js} +1 -1
- package/components/p-CbbabcAR.js +1 -0
- package/components/{p-C2jvmCOl.js → p-CgHioxG-.js} +1 -1
- package/components/{p-zyYHTdEN.js → p-CkIELF-1.js} +1 -1
- package/components/{p-CT5pAQCz.js → p-Cvpz1Ji5.js} +1 -1
- package/components/{p-DHydRnvu.js → p-D1sONqtj.js} +1 -1
- package/components/{p-CG9cQxRO.js → p-D69Mojvn.js} +1 -1
- package/components/p-DLe8Pp58.js +1 -0
- package/components/{p-C0WZnIxc.js → p-DO3HtUke.js} +1 -1
- package/components/{p-Cy2KAdml.js → p-DfdjJL6W.js} +1 -1
- package/components/{p-C-sZLWci.js → p-DjIyhGBC.js} +1 -1
- package/components/{p-BbW5EIKF.js → p-DkAUNod9.js} +1 -1
- package/components/{p-Dfd_ifAu.js → p-Dl_YKIKl.js} +1 -1
- package/components/{p-BNAvpXSk.js → p-DuMiVxY1.js} +1 -1
- package/components/{p-ImMb0joA.js → p-DwmHytZi.js} +1 -1
- package/components/{p-BDlGgfYh.js → p-LbnItC1h.js} +1 -1
- package/components/{p-CpOGS2e_.js → p-R1AQtGdV.js} +1 -1
- package/components/{p-wFiL3dN1.js → p-_f_q2Etu.js} +1 -1
- package/components/{p-DtOqKp7K.js → p-baqpOH0g.js} +1 -1
- package/components/p-f1jZqaUz.js +1 -0
- package/components/{p-B-O0ylt_.js → p-olkZUb1j.js} +1 -1
- package/components/{p-CDf5TQum.js → p-z19mjzlp.js} +1 -1
- package/dist/cjs/ix-action-card.cjs.entry.js +2 -2
- package/dist/cjs/ix-application-header.cjs.entry.js +9 -9
- package/dist/cjs/ix-application.cjs.entry.js +3 -3
- package/dist/cjs/ix-blind.cjs.entry.js +5 -5
- package/dist/cjs/ix-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/ix-button.cjs.entry.js +2 -2
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js +5 -5
- package/dist/cjs/ix-card-list.cjs.entry.js +4 -4
- package/dist/cjs/ix-card_2.cjs.entry.js +3 -3
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/ix-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/ix-chip.cjs.entry.js +4 -4
- package/dist/cjs/ix-col_4.cjs.entry.js +5 -5
- package/dist/cjs/ix-content-header.cjs.entry.js +3 -3
- package/dist/cjs/ix-content.cjs.entry.js +3 -3
- package/dist/cjs/ix-css-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-css-grid.cjs.entry.js +1 -1
- package/dist/cjs/ix-custom-field.cjs.entry.js +1 -1
- package/dist/cjs/ix-date-input.cjs.entry.js +1 -1
- package/dist/cjs/ix-datetime-input.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +4 -4
- package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +4 -4
- package/dist/cjs/ix-event-list-item.cjs.entry.js +4 -4
- package/dist/cjs/ix-event-list.cjs.entry.js +2 -2
- package/dist/cjs/ix-field-label_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-flip-tile-content.cjs.entry.js +1 -1
- package/dist/cjs/ix-flip-tile.cjs.entry.js +3 -3
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-group.cjs.entry.js +8 -8
- package/dist/cjs/ix-input.cjs.entry.js +1 -1
- package/dist/cjs/ix-key-value-list.cjs.entry.js +1 -1
- package/dist/cjs/ix-layout-auto.cjs.entry.js +1 -1
- package/dist/cjs/ix-link-button.cjs.entry.js +3 -3
- package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-about-news.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-about.cjs.entry.js +2 -2
- package/dist/cjs/ix-menu-avatar.cjs.entry.js +2 -2
- package/dist/cjs/ix-menu-category.cjs.entry.js +5 -5
- package/dist/cjs/ix-menu-item.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-settings.cjs.entry.js +2 -2
- package/dist/cjs/ix-menu.cjs.entry.js +12 -12
- package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal-footer.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal.cjs.entry.js +3 -3
- package/dist/cjs/ix-number-input.cjs.entry.js +1 -1
- package/dist/cjs/ix-pane-layout.cjs.entry.js +1 -1
- package/dist/cjs/ix-pane.cjs.entry.js +7 -7
- package/dist/cjs/ix-pill_4.cjs.entry.js +14 -14
- package/dist/cjs/ix-popover-content.cjs.entry.js +1 -1
- package/dist/cjs/ix-popover-footer.cjs.entry.js +1 -1
- package/dist/cjs/ix-popover-header.cjs.entry.js +1 -1
- package/dist/cjs/ix-popover.cjs.entry.js +1 -1
- package/dist/cjs/ix-progress-indicator.cjs.entry.js +3 -3
- package/dist/cjs/ix-push-card.cjs.entry.js +1 -1
- package/dist/cjs/ix-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/ix-radio.cjs.entry.js +3 -3
- package/dist/cjs/ix-range-field.cjs.entry.js +2 -2
- package/dist/cjs/ix-select.cjs.entry.js +13 -10
- package/dist/cjs/ix-split-button.cjs.entry.js +1 -1
- package/dist/cjs/ix-textarea.cjs.entry.js +1 -1
- package/dist/cjs/ix-tile.cjs.entry.js +4 -4
- package/dist/cjs/ix-time-input.cjs.entry.js +1 -1
- package/dist/cjs/ix-toast-container.cjs.entry.js +2 -2
- package/dist/cjs/ix-toast.cjs.entry.js +2 -2
- package/dist/cjs/ix-toggle-button.cjs.entry.js +2 -2
- package/dist/cjs/ix-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/ix-tree-item.cjs.entry.js +4 -4
- package/dist/cjs/ix-tree.cjs.entry.js +1 -1
- package/dist/cjs/ix-typography.cjs.entry.js +1 -1
- package/dist/cjs/ix-workflow-step.cjs.entry.js +3 -3
- package/dist/cjs/ix-workflow-steps.cjs.entry.js +1 -1
- package/dist/collection/components/action-card/action-card.js +3 -3
- package/dist/collection/components/application/application.js +10 -3
- package/dist/collection/components/application-header/application-header.js +10 -9
- package/dist/collection/components/avatar/avatar.js +3 -0
- package/dist/collection/components/blind/blind.js +10 -5
- package/dist/collection/components/breadcrumb/breadcrumb.js +5 -2
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +3 -0
- package/dist/collection/components/button/button.js +5 -2
- package/dist/collection/components/card/card.js +6 -2
- package/dist/collection/components/card-accordion/card-accordion.js +7 -4
- package/dist/collection/components/card-content/card-content.js +4 -1
- package/dist/collection/components/card-list/card-list.js +7 -4
- package/dist/collection/components/card-title/card-title.js +2 -1
- package/dist/collection/components/checkbox/checkbox.js +4 -3
- package/dist/collection/components/checkbox-group/checkbox-group.js +3 -2
- package/dist/collection/components/chip/chip.js +7 -4
- package/dist/collection/components/col/col.js +5 -2
- package/dist/collection/components/content/content.js +4 -3
- package/dist/collection/components/content-header/content-header.js +4 -4
- package/dist/collection/components/css-grid/css-grid-item.js +2 -1
- package/dist/collection/components/css-grid/css-grid.js +2 -1
- package/dist/collection/components/custom-field/custom-field.js +4 -1
- package/dist/collection/components/date-input/date-input.css +1 -0
- package/dist/collection/components/datetime-input/datetime-input.css +1 -0
- package/dist/collection/components/dropdown/dropdown.js +4 -1
- package/dist/collection/components/dropdown-button/dropdown-button.js +8 -4
- package/dist/collection/components/dropdown-item/dropdown-item.js +6 -3
- package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +4 -1
- package/dist/collection/components/event-list/event-list.js +5 -2
- package/dist/collection/components/event-list-item/event-list-item.js +7 -4
- package/dist/collection/components/field-label/field-label.js +5 -2
- package/dist/collection/components/filter-chip/filter-chip.js +5 -2
- package/dist/collection/components/flip-tile/flip-tile.js +8 -3
- package/dist/collection/components/flip-tile-content/flip-tile-content.js +4 -1
- package/dist/collection/components/group/group-context-menu.js +4 -1
- package/dist/collection/components/group/group.js +14 -8
- package/dist/collection/components/group-item/group-item.js +3 -0
- package/dist/collection/components/input/input.css +1 -0
- package/dist/collection/components/input/number-input.css +1 -0
- package/dist/collection/components/input/textarea.css +1 -0
- package/dist/collection/components/key-value-list/key-value-list.js +4 -1
- package/dist/collection/components/layout-auto/layout-auto.js +4 -1
- package/dist/collection/components/layout-grid/layout-grid.js +5 -2
- package/dist/collection/components/link-button/link-button.js +6 -3
- package/dist/collection/components/menu/menu.js +20 -12
- package/dist/collection/components/menu-about/menu-about.js +5 -2
- package/dist/collection/components/menu-about-item/menu-about-item.js +2 -1
- package/dist/collection/components/menu-about-news/menu-about-news.js +7 -4
- package/dist/collection/components/menu-avatar/menu-avatar.js +5 -2
- package/dist/collection/components/menu-category/menu-category.js +8 -5
- package/dist/collection/components/menu-item/menu-item.js +5 -5
- package/dist/collection/components/menu-settings/menu-settings.js +5 -2
- package/dist/collection/components/menu-settings-item/menu-settings-item.js +2 -1
- package/dist/collection/components/message-bar/message-bar.js +4 -1
- package/dist/collection/components/modal/modal.js +6 -3
- package/dist/collection/components/modal-content/modal-content.js +4 -1
- package/dist/collection/components/modal-footer/modal-footer.js +4 -1
- package/dist/collection/components/modal-header/modal-header.js +4 -1
- package/dist/collection/components/pane/pane.js +8 -7
- package/dist/collection/components/pane-layout/pane-layout.js +9 -1
- package/dist/collection/components/pill/pill.js +7 -4
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/popover-content/popover-content.js +2 -2
- package/dist/collection/components/popover-footer/popover-footer.js +2 -2
- package/dist/collection/components/popover-header/popover-header.js +2 -2
- package/dist/collection/components/progress-indicator/progress-indicator.js +5 -3
- package/dist/collection/components/push-card/push-card.js +5 -1
- package/dist/collection/components/radio/radio.js +4 -3
- package/dist/collection/components/radio-group/radio-group.js +3 -2
- package/dist/collection/components/range-field/range-field.js +5 -2
- package/dist/collection/components/row/row.js +4 -1
- package/dist/collection/components/select/select.js +14 -10
- package/dist/collection/components/split-button/split-button.js +4 -1
- package/dist/collection/components/tab-item/tab-item.js +8 -5
- package/dist/collection/components/tabs/tabs.js +8 -5
- package/dist/collection/components/tile/tile.js +10 -4
- package/dist/collection/components/time-input/time-input.css +1 -0
- package/dist/collection/components/toast/toast-container.js +5 -2
- package/dist/collection/components/toast/toast.js +6 -2
- package/dist/collection/components/toggle-button/toggle-button.js +5 -2
- package/dist/collection/components/tooltip/tooltip.js +2 -1
- package/dist/collection/components/tree/tree.js +4 -1
- package/dist/collection/components/tree-item/tree-item.js +7 -4
- package/dist/collection/components/typography/typography.js +4 -1
- package/dist/collection/components/workflow-step/workflow-step.js +7 -3
- package/dist/collection/components/workflow-steps/workflow-steps.js +4 -1
- package/dist/esm/ix-action-card.entry.js +2 -2
- package/dist/esm/ix-application-header.entry.js +9 -9
- package/dist/esm/ix-application.entry.js +3 -3
- package/dist/esm/ix-blind.entry.js +5 -5
- package/dist/esm/ix-breadcrumb.entry.js +2 -2
- package/dist/esm/ix-button.entry.js +2 -2
- package/dist/esm/ix-card-accordion_2.entry.js +5 -5
- package/dist/esm/ix-card-list.entry.js +4 -4
- package/dist/esm/ix-card_2.entry.js +3 -3
- package/dist/esm/ix-checkbox-group.entry.js +2 -2
- package/dist/esm/ix-checkbox.entry.js +3 -3
- package/dist/esm/ix-chip.entry.js +4 -4
- package/dist/esm/ix-col_4.entry.js +5 -5
- package/dist/esm/ix-content-header.entry.js +3 -3
- package/dist/esm/ix-content.entry.js +3 -3
- package/dist/esm/ix-css-grid-item.entry.js +1 -1
- package/dist/esm/ix-css-grid.entry.js +1 -1
- package/dist/esm/ix-custom-field.entry.js +1 -1
- package/dist/esm/ix-date-input.entry.js +1 -1
- package/dist/esm/ix-datetime-input.entry.js +1 -1
- package/dist/esm/ix-dropdown-button.entry.js +4 -4
- package/dist/esm/ix-dropdown-quick-actions.entry.js +1 -1
- package/dist/esm/ix-dropdown_2.entry.js +4 -4
- package/dist/esm/ix-event-list-item.entry.js +4 -4
- package/dist/esm/ix-event-list.entry.js +2 -2
- package/dist/esm/ix-field-label_2.entry.js +2 -2
- package/dist/esm/ix-filter-chip_2.entry.js +2 -2
- package/dist/esm/ix-flip-tile-content.entry.js +1 -1
- package/dist/esm/ix-flip-tile.entry.js +3 -3
- package/dist/esm/ix-group-context-menu_2.entry.js +1 -1
- package/dist/esm/ix-group.entry.js +8 -8
- package/dist/esm/ix-input.entry.js +1 -1
- package/dist/esm/ix-key-value-list.entry.js +1 -1
- package/dist/esm/ix-layout-auto.entry.js +1 -1
- package/dist/esm/ix-link-button.entry.js +3 -3
- package/dist/esm/ix-menu-about-item.entry.js +1 -1
- package/dist/esm/ix-menu-about-news.entry.js +4 -4
- package/dist/esm/ix-menu-about.entry.js +2 -2
- package/dist/esm/ix-menu-avatar.entry.js +2 -2
- package/dist/esm/ix-menu-category.entry.js +5 -5
- package/dist/esm/ix-menu-item.entry.js +4 -4
- package/dist/esm/ix-menu-settings-item.entry.js +1 -1
- package/dist/esm/ix-menu-settings.entry.js +2 -2
- package/dist/esm/ix-menu.entry.js +12 -12
- package/dist/esm/ix-message-bar.entry.js +1 -1
- package/dist/esm/ix-modal-content_2.entry.js +2 -2
- package/dist/esm/ix-modal-footer.entry.js +1 -1
- package/dist/esm/ix-modal.entry.js +3 -3
- package/dist/esm/ix-number-input.entry.js +1 -1
- package/dist/esm/ix-pane-layout.entry.js +1 -1
- package/dist/esm/ix-pane.entry.js +7 -7
- package/dist/esm/ix-pill_4.entry.js +14 -14
- package/dist/esm/ix-popover-content.entry.js +1 -1
- package/dist/esm/ix-popover-footer.entry.js +1 -1
- package/dist/esm/ix-popover-header.entry.js +1 -1
- package/dist/esm/ix-popover.entry.js +1 -1
- package/dist/esm/ix-progress-indicator.entry.js +3 -3
- package/dist/esm/ix-push-card.entry.js +1 -1
- package/dist/esm/ix-radio-group.entry.js +2 -2
- package/dist/esm/ix-radio.entry.js +3 -3
- package/dist/esm/ix-range-field.entry.js +2 -2
- package/dist/esm/ix-select.entry.js +13 -10
- package/dist/esm/ix-split-button.entry.js +1 -1
- package/dist/esm/ix-textarea.entry.js +1 -1
- package/dist/esm/ix-tile.entry.js +4 -4
- package/dist/esm/ix-time-input.entry.js +1 -1
- package/dist/esm/ix-toast-container.entry.js +2 -2
- package/dist/esm/ix-toast.entry.js +2 -2
- package/dist/esm/ix-toggle-button.entry.js +2 -2
- package/dist/esm/ix-tooltip.entry.js +1 -1
- package/dist/esm/ix-tree-item.entry.js +4 -4
- package/dist/esm/ix-tree.entry.js +1 -1
- package/dist/esm/ix-typography.entry.js +1 -1
- package/dist/esm/ix-workflow-step.entry.js +3 -3
- package/dist/esm/ix-workflow-steps.entry.js +1 -1
- package/dist/siemens-ix/{p-321a10b6.entry.js → p-03215d55.entry.js} +1 -1
- package/dist/siemens-ix/{p-c97c218d.entry.js → p-04a42013.entry.js} +1 -1
- package/dist/siemens-ix/{p-b75db823.entry.js → p-0b24f8d0.entry.js} +1 -1
- package/dist/siemens-ix/{p-9d9fec8c.entry.js → p-0e74e65c.entry.js} +1 -1
- package/dist/siemens-ix/{p-bc11adcd.entry.js → p-0fd5baf1.entry.js} +1 -1
- package/dist/siemens-ix/{p-641bc66c.entry.js → p-1cd9a45a.entry.js} +1 -1
- package/dist/siemens-ix/{p-90a5cda7.entry.js → p-1ea183fb.entry.js} +1 -1
- package/dist/siemens-ix/{p-957b77ec.entry.js → p-227ba1b8.entry.js} +1 -1
- package/dist/siemens-ix/{p-f8561834.entry.js → p-2753ed4e.entry.js} +1 -1
- package/dist/siemens-ix/{p-c6d63b3c.entry.js → p-2eb094c0.entry.js} +1 -1
- package/dist/siemens-ix/{p-646d5219.entry.js → p-34eaf010.entry.js} +1 -1
- package/dist/siemens-ix/{p-fb1e66a7.entry.js → p-39fb1c9e.entry.js} +1 -1
- package/dist/siemens-ix/{p-7e6a5c38.entry.js → p-3bfa4bbc.entry.js} +1 -1
- package/dist/siemens-ix/{p-f0d97723.entry.js → p-3f5ac9f7.entry.js} +1 -1
- package/dist/siemens-ix/{p-f9628912.entry.js → p-4154d18a.entry.js} +1 -1
- package/dist/siemens-ix/{p-2202ae94.entry.js → p-427f85c3.entry.js} +1 -1
- package/dist/siemens-ix/{p-46768472.entry.js → p-45106215.entry.js} +1 -1
- package/dist/siemens-ix/{p-b7f2f229.entry.js → p-4ceb3543.entry.js} +1 -1
- package/dist/siemens-ix/{p-0eb3a12a.entry.js → p-4d179abe.entry.js} +1 -1
- package/dist/siemens-ix/{p-4f0f97dd.entry.js → p-4faa3c03.entry.js} +1 -1
- package/dist/siemens-ix/{p-e283d7d1.entry.js → p-50a44cb9.entry.js} +1 -1
- package/dist/siemens-ix/{p-5685a2e6.entry.js → p-52096875.entry.js} +1 -1
- package/dist/siemens-ix/{p-2b9f7512.entry.js → p-57678563.entry.js} +1 -1
- package/dist/siemens-ix/{p-264e971c.entry.js → p-5d7ede96.entry.js} +1 -1
- package/dist/siemens-ix/{p-d80e7d50.entry.js → p-6aa5adb4.entry.js} +1 -1
- package/dist/siemens-ix/{p-b13f34d1.entry.js → p-703c7e7c.entry.js} +1 -1
- package/dist/siemens-ix/{p-2f7b1e1e.entry.js → p-71a31d92.entry.js} +1 -1
- package/dist/siemens-ix/{p-8c2365cc.entry.js → p-71a5fae5.entry.js} +1 -1
- package/dist/siemens-ix/{p-8969b2f9.entry.js → p-747d14a2.entry.js} +1 -1
- package/dist/siemens-ix/{p-d6c906b7.entry.js → p-7655c4c2.entry.js} +1 -1
- package/dist/siemens-ix/{p-b8beb613.entry.js → p-7899597f.entry.js} +1 -1
- package/dist/siemens-ix/{p-46b2b660.entry.js → p-8658717f.entry.js} +1 -1
- package/dist/siemens-ix/{p-62a7ae9c.entry.js → p-8b839f30.entry.js} +1 -1
- package/dist/siemens-ix/{p-db105778.entry.js → p-8d535dc9.entry.js} +1 -1
- package/dist/siemens-ix/{p-3bc384b7.entry.js → p-8f72a218.entry.js} +1 -1
- package/dist/siemens-ix/{p-8d73ddac.entry.js → p-95e8951f.entry.js} +1 -1
- package/dist/siemens-ix/{p-4bc4a175.entry.js → p-96a3b3df.entry.js} +1 -1
- package/dist/siemens-ix/{p-f1257e08.entry.js → p-9f2905df.entry.js} +1 -1
- package/dist/siemens-ix/{p-d253dadb.entry.js → p-a25f267b.entry.js} +1 -1
- package/dist/siemens-ix/{p-080147bd.entry.js → p-a2aa806e.entry.js} +1 -1
- package/dist/siemens-ix/{p-21e8ccb6.entry.js → p-a44b1452.entry.js} +1 -1
- package/dist/siemens-ix/p-a7f5e11e.entry.js +1 -0
- package/dist/siemens-ix/p-a8911648.entry.js +1 -0
- package/dist/siemens-ix/p-aa904521.entry.js +1 -0
- package/dist/siemens-ix/p-ab202c45.entry.js +1 -0
- package/dist/siemens-ix/{p-12930fcd.entry.js → p-ac804eb2.entry.js} +1 -1
- package/dist/siemens-ix/p-af808244.entry.js +1 -0
- package/dist/siemens-ix/{p-2072682b.entry.js → p-b004e845.entry.js} +1 -1
- package/dist/siemens-ix/{p-aec23f79.entry.js → p-b2fe56c7.entry.js} +1 -1
- package/dist/siemens-ix/{p-ff1967de.entry.js → p-b7570885.entry.js} +1 -1
- package/dist/siemens-ix/{p-247d2e7a.entry.js → p-bddd1cca.entry.js} +1 -1
- package/dist/siemens-ix/{p-b181bf0b.entry.js → p-c0d56b86.entry.js} +1 -1
- package/dist/siemens-ix/{p-ae07f671.entry.js → p-c1c209f6.entry.js} +1 -1
- package/dist/siemens-ix/{p-710d32a6.entry.js → p-c69036b1.entry.js} +1 -1
- package/dist/siemens-ix/{p-24c54468.entry.js → p-c9718f0d.entry.js} +1 -1
- package/dist/siemens-ix/{p-d74baa8a.entry.js → p-cd42c4e6.entry.js} +1 -1
- package/dist/siemens-ix/p-d02d2e49.entry.js +1 -0
- package/dist/siemens-ix/{p-d830e3d6.entry.js → p-d16ee3bd.entry.js} +1 -1
- package/dist/siemens-ix/{p-56d2d54c.entry.js → p-d1cd3cb9.entry.js} +1 -1
- package/dist/siemens-ix/{p-6f78e0f1.entry.js → p-d45ff0a0.entry.js} +1 -1
- package/dist/siemens-ix/{p-9a88ff9c.entry.js → p-d5761950.entry.js} +1 -1
- package/dist/siemens-ix/{p-a6a0b240.entry.js → p-d699bb26.entry.js} +1 -1
- package/dist/siemens-ix/{p-35bfaa91.entry.js → p-daf43138.entry.js} +1 -1
- package/dist/siemens-ix/{p-3854287c.entry.js → p-ddcc8627.entry.js} +1 -1
- package/dist/siemens-ix/{p-63491f83.entry.js → p-e3da7c67.entry.js} +1 -1
- package/dist/siemens-ix/{p-52dc064a.entry.js → p-e58ae892.entry.js} +1 -1
- package/dist/siemens-ix/{p-de58069d.entry.js → p-e5e220c7.entry.js} +1 -1
- package/dist/siemens-ix/{p-d1ab68b3.entry.js → p-e6046255.entry.js} +1 -1
- package/dist/siemens-ix/{p-34f61a28.entry.js → p-ea9691c1.entry.js} +1 -1
- package/dist/siemens-ix/{p-66b4875e.entry.js → p-eac237a1.entry.js} +1 -1
- package/dist/siemens-ix/p-eff190ad.entry.js +1 -0
- package/dist/siemens-ix/{p-ba9dcd79.entry.js → p-f1cd82bd.entry.js} +1 -1
- package/dist/siemens-ix/{p-ee1617da.entry.js → p-f43c97cf.entry.js} +1 -1
- package/dist/siemens-ix/p-f507157f.entry.js +1 -0
- package/dist/siemens-ix/p-fbd006be.entry.js +1 -0
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/action-card/action-card.d.ts +1 -1
- package/dist/types/components/application/application.d.ts +7 -0
- package/dist/types/components/application-header/application-header.d.ts +1 -0
- package/dist/types/components/avatar/avatar.d.ts +3 -0
- package/dist/types/components/blind/blind.d.ts +5 -0
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +3 -0
- package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +3 -0
- package/dist/types/components/button/button.d.ts +3 -0
- package/dist/types/components/card/card.d.ts +4 -0
- package/dist/types/components/card-accordion/card-accordion.d.ts +3 -0
- package/dist/types/components/card-content/card-content.d.ts +3 -0
- package/dist/types/components/card-list/card-list.d.ts +3 -0
- package/dist/types/components/card-title/card-title.d.ts +1 -0
- package/dist/types/components/checkbox/checkbox.d.ts +1 -0
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +1 -0
- package/dist/types/components/chip/chip.d.ts +3 -0
- package/dist/types/components/col/col.d.ts +3 -0
- package/dist/types/components/content/content.d.ts +1 -0
- package/dist/types/components/content-header/content-header.d.ts +1 -1
- package/dist/types/components/css-grid/css-grid-item.d.ts +1 -0
- package/dist/types/components/css-grid/css-grid.d.ts +1 -0
- package/dist/types/components/custom-field/custom-field.d.ts +3 -0
- package/dist/types/components/dropdown/dropdown.d.ts +3 -0
- package/dist/types/components/dropdown-button/dropdown-button.d.ts +4 -0
- package/dist/types/components/dropdown-item/dropdown-item.d.ts +3 -0
- package/dist/types/components/dropdown-quick-actions/dropdown-quick-actions.d.ts +3 -0
- package/dist/types/components/event-list/event-list.d.ts +3 -0
- package/dist/types/components/event-list-item/event-list-item.d.ts +3 -0
- package/dist/types/components/field-label/field-label.d.ts +3 -0
- package/dist/types/components/filter-chip/filter-chip.d.ts +3 -0
- package/dist/types/components/flip-tile/flip-tile.d.ts +5 -0
- package/dist/types/components/flip-tile-content/flip-tile-content.d.ts +3 -0
- package/dist/types/components/group/group-context-menu.d.ts +3 -0
- package/dist/types/components/group/group.d.ts +6 -0
- package/dist/types/components/group-item/group-item.d.ts +3 -0
- package/dist/types/components/key-value-list/key-value-list.d.ts +3 -0
- package/dist/types/components/layout-auto/layout-auto.d.ts +3 -0
- package/dist/types/components/layout-grid/layout-grid.d.ts +3 -0
- package/dist/types/components/link-button/link-button.d.ts +3 -0
- package/dist/types/components/menu/menu.d.ts +8 -0
- package/dist/types/components/menu-about/menu-about.d.ts +3 -0
- package/dist/types/components/menu-about-item/menu-about-item.d.ts +1 -0
- package/dist/types/components/menu-about-news/menu-about-news.d.ts +3 -0
- package/dist/types/components/menu-avatar/menu-avatar.d.ts +3 -0
- package/dist/types/components/menu-category/menu-category.d.ts +3 -0
- package/dist/types/components/menu-item/menu-item.d.ts +1 -1
- package/dist/types/components/menu-settings/menu-settings.d.ts +3 -0
- package/dist/types/components/menu-settings-item/menu-settings-item.d.ts +1 -0
- package/dist/types/components/message-bar/message-bar.d.ts +3 -0
- package/dist/types/components/modal/modal.d.ts +3 -0
- package/dist/types/components/modal-content/modal-content.d.ts +3 -0
- package/dist/types/components/modal-footer/modal-footer.d.ts +3 -0
- package/dist/types/components/modal-header/modal-header.d.ts +3 -0
- package/dist/types/components/pane/pane.d.ts +1 -0
- package/dist/types/components/pane-layout/pane-layout.d.ts +8 -0
- package/dist/types/components/pill/pill.d.ts +3 -0
- package/dist/types/components/popover/popover.d.ts +1 -1
- package/dist/types/components/popover-content/popover-content.d.ts +1 -1
- package/dist/types/components/popover-footer/popover-footer.d.ts +1 -1
- package/dist/types/components/popover-header/popover-header.d.ts +1 -1
- package/dist/types/components/progress-indicator/progress-indicator.d.ts +2 -0
- package/dist/types/components/push-card/push-card.d.ts +4 -0
- package/dist/types/components/radio/radio.d.ts +1 -0
- package/dist/types/components/radio-group/radio-group.d.ts +1 -0
- package/dist/types/components/range-field/range-field.d.ts +3 -0
- package/dist/types/components/row/row.d.ts +3 -0
- package/dist/types/components/select/select.d.ts +1 -0
- package/dist/types/components/split-button/split-button.d.ts +3 -0
- package/dist/types/components/tab-item/tab-item.d.ts +3 -0
- package/dist/types/components/tabs/tabs.d.ts +3 -0
- package/dist/types/components/tile/tile.d.ts +6 -0
- package/dist/types/components/toast/toast-container.d.ts +3 -0
- package/dist/types/components/toast/toast.d.ts +4 -0
- package/dist/types/components/toggle-button/toggle-button.d.ts +3 -0
- package/dist/types/components/tooltip/tooltip.d.ts +1 -0
- package/dist/types/components/tree/tree.d.ts +3 -0
- package/dist/types/components/tree-item/tree-item.d.ts +3 -0
- package/dist/types/components/typography/typography.d.ts +3 -0
- package/dist/types/components/workflow-step/workflow-step.d.ts +4 -0
- package/dist/types/components/workflow-steps/workflow-steps.d.ts +3 -0
- package/hydrate/index.js +439 -217
- package/hydrate/index.mjs +439 -217
- package/package.json +1 -1
- package/components/p-5ntkLbuJ.js +0 -1
- package/components/p-CMtwWb3-.js +0 -1
- package/components/p-DDvuSQX3.js +0 -1
- package/components/p-DiLKm3tq.js +0 -1
- package/dist/siemens-ix/p-074c8b24.entry.js +0 -1
- package/dist/siemens-ix/p-0d60bd71.entry.js +0 -1
- package/dist/siemens-ix/p-705eded9.entry.js +0 -1
- package/dist/siemens-ix/p-7fc7c67f.entry.js +0 -1
- package/dist/siemens-ix/p-81248fd2.entry.js +0 -1
- package/dist/siemens-ix/p-8d05ae35.entry.js +0 -1
- package/dist/siemens-ix/p-c0dc5a8e.entry.js +0 -1
- package/dist/siemens-ix/p-e5d2a048.entry.js +0 -1
- package/dist/siemens-ix/p-e698e193.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,e as i,h as a,d as o,t as r}from"./p-CtDOTMOT.js";import{D as s}from"./p-D1WplX1z.js";import{a as n}from"./p-DtmgZu-S.js";import{d as m}from"./p-
|
|
1
|
+
import{p as e,H as t,e as i,h as a,d as o,t as r}from"./p-CtDOTMOT.js";import{D as s}from"./p-D1WplX1z.js";import{a as n}from"./p-DtmgZu-S.js";import{d as m}from"./p-B_MBGj0b.js";import{d as c}from"./p-CHV-_J6i.js";import{d}from"./p-Bj_6nynP.js";import{d as h}from"./p-DKH7tPDu.js";import{d as l}from"./p-olkZUb1j.js";import{d as b}from"./p-LbnItC1h.js";import{d as p}from"./p-BIcWFids.js";import{d as u}from"./p-3VG6z9c3.js";import{d as x}from"./p-CbbabcAR.js";import{d as f}from"./p-DuMiVxY1.js";import{d as k}from"./p-Dwe6tWhq.js";import{d as g}from"./p-BZgc6bzH.js";import{d as w}from"./p-1KOHyx-1.js";function y(e){return e.search(/[HhmsaSZ]/)}function T(e,t="yyyy/LL/dd"){const i=y(e);if(-1===i)return e;let a=i;for(;a>0&&" \t'T".includes(e[a-1]);)a--;const o=e.slice(0,a).trimEnd();return""===o?t:o}function v(e,t="HH:mm:ss"){const i=y(e);return-1===i?t:e.slice(i)}const D=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.timeChange=i(this,"timeChange",7),this.dateChange=i(this,"dateChange",7),this.dateSelect=i(this,"dateSelect",7)}get hostElement(){return this}singleSelection=!1;minDate;maxDate;dateFormat="yyyy/LL/dd";timeFormat="HH:mm:ss";minTime;maxTime;from;to;time;showTimeReference=!1;timeReference;i18nDone="Done";i18nTime="Time";ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";weekStartIndex=0;locale;showWeekNumbers=!1;embedded=!1;timeChange;dateChange;dateSelect;datePickerElement;timePickerElement;selectedFromDate;hasTimeConstraintsConfigured(){return!(!this.minTime?.trim()&&!this.maxTime?.trim())}warnIfRangeModeIgnoresTimeConstraints(){!this.singleSelection&&this.hasTimeConstraintsConfigured()&&console.warn("[ix-datetime-picker] `minTime`/`maxTime` are ignored when range selection is enabled (`singleSelection=false`).")}watchFromPropHandler(e){this.selectedFromDate=e}watchSingleSelectionPropHandler(){this.warnIfRangeModeIgnoresTimeConstraints()}watchMinTimePropHandler(){this.warnIfRangeModeIgnoresTimeConstraints()}watchMaxTimePropHandler(){this.warnIfRangeModeIgnoresTimeConstraints()}componentWillLoad(){this.selectedFromDate=this.from,this.warnIfRangeModeIgnoresTimeConstraints()}get dateOnlyFormat(){return T(this.dateFormat)}parseDateValue(e){if(!e)return null;let t=s.fromFormat(e,this.dateFormat,{locale:this.locale});return t.isValid||(t=s.fromFormat(e,this.dateOnlyFormat,{locale:this.locale})),t.isValid?t:null}parseDateConstraint(e,t){const i=this.parseDateValue(e);return i?"start"===t?i.startOf("day"):i.endOf("day"):null}getSelectedFromDateTime(){const e=this.parseDateValue(this.selectedFromDate);return e?e.startOf("day"):null}getEffectiveTimeConstraints(){if(!this.singleSelection)return{minTime:void 0,maxTime:void 0};if(!this.minDate&&!this.maxDate)return{minTime:this.minTime,maxTime:this.maxTime};const e=this.getSelectedFromDateTime();if(!e?.isValid)return{minTime:void 0,maxTime:void 0};const t=this.parseDateConstraint(this.minDate,"start"),i=this.parseDateConstraint(this.maxDate,"end"),a=!!t?.isValid&&!!e?.isValid&&e.hasSame(t,"day"),o=!!i?.isValid&&e.hasSame(i,"day");return{minTime:a?this.minTime:void 0,maxTime:o?this.maxTime:void 0}}async onDone(){const e=await(this.datePickerElement?.getCurrentDate()),t=await(this.timePickerElement?.getCurrentTime());this.dateSelect.emit({from:e?.from??"",to:e?.to??"",time:t??""})}async onDateChange(e){e.preventDefault(),e.stopPropagation();const{detail:t}=e;this.selectedFromDate="string"==typeof t?t:t?.from,this.dateChange.emit(t)}async onTimeChange(e){e.preventDefault(),e.stopPropagation();const{detail:t}=e;this.timeChange.emit(t)}async getDatepickerElement(){return this.datePickerElement}async getTimepickerElement(){return this.timePickerElement}render(){const{minTime:e,maxTime:t}=this.getEffectiveTimeConstraints();return a(o,{key:"0eb6ec0e18a9794f023b8dd6dee89640b9a0a948"},a("ix-date-time-card",{key:"e45f91528b04c803324da4af217ebf7eda31dba0",hideHeader:!0,hasFooter:!0,embedded:this.embedded,corners:"rounded",noPadding:!0},a("ix-layout-grid",{key:"4cade86af3e6a77563e528d92d52c1d86079d0f9",class:"no-padding"},a("ix-row",{key:"657adbd57b8334398f171b5aebf6e63cbc03b2af",class:"row-separator"},a("ix-col",{key:"02d019f2a71c6c1c8cfa716a486acd7ed844c622",class:"col-separator"},a("ix-date-picker",{key:"efb6483f6528cec9660913bca6b51d907c59dd3f",ref:e=>this.datePickerElement=e,corners:"left",singleSelection:this.singleSelection,onDateChange:e=>this.onDateChange(e),from:this.from,to:this.to,format:this.dateFormat,minDate:this.minDate,maxDate:this.maxDate,weekStartIndex:this.weekStartIndex,embedded:!0,locale:this.locale,showWeekNumbers:this.showWeekNumbers,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,tabIndex:this.embedded?-1:0,[n]:this.embedded})),a("ix-col",{key:"e0884bbeabca263427ed98d26febb94b9d90cf91"},a("ix-time-picker",{key:"9b9088f1ed6568028ab41a7f9732e537a1438359",class:"min-width",ref:e=>this.timePickerElement=e,embedded:!0,dateTimePickerAppearance:!0,onTimeChange:e=>this.onTimeChange(e),format:this.timeFormat,time:this.time,minTime:e,maxTime:t,tabIndex:this.embedded?-1:0,[n]:this.embedded})))),a("div",{key:"ad8dacb09da1525749481373191078dc1b85ba60",slot:"footer",class:"btn-select-date-container"},a("ix-button",{key:"1124f92c6f59f14c74385f587f665537bd6cb9e2",class:"btn-select-date",onClick:()=>this.onDone()},this.i18nDone))))}static get watchers(){return{from:[{watchFromPropHandler:0}],singleSelection:[{watchSingleSelectionPropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}}static get style(){return":host{display:block;position:relative;width:-moz-min-content;width:min-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 ix-time-picker{width:100%}:host .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}:host .col-separator{border-bottom:0.0625rem solid var(--theme-datepicker-separator--background);border-right:none}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}:host ix-time-picker{width:initial}:host .col-separator{border-right:0.0625rem solid var(--theme-datepicker-separator--background);border-bottom:none}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{display:flex;justify-content:flex-end}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}"}},[513,"ix-datetime-picker",{singleSelection:[4,"single-selection"],minDate:[1,"min-date"],maxDate:[1,"max-date"],dateFormat:[1,"date-format"],timeFormat:[1,"time-format"],minTime:[1,"min-time"],maxTime:[1,"max-time"],from:[1],to:[1],time:[1],showTimeReference:[4,"show-time-reference"],timeReference:[1,"time-reference"],i18nDone:[1,"i18n-done"],i18nTime:[1,"i18n-time"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],weekStartIndex:[2,"week-start-index"],locale:[1],showWeekNumbers:[4,"show-week-numbers"],embedded:[4],selectedFromDate:[32],getDatepickerElement:[64],getTimepickerElement:[64]},void 0,{from:[{watchFromPropHandler:0}],singleSelection:[{watchSingleSelectionPropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}]);function E(){"undefined"!=typeof customElements&&["ix-datetime-picker","ix-button","ix-col","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-layout-grid","ix-row","ix-spinner","ix-time-picker","ix-typography"].forEach((e=>{switch(e){case"ix-datetime-picker":customElements.get(r(e))||customElements.define(r(e),D);break;case"ix-button":customElements.get(r(e))||m();break;case"ix-col":customElements.get(r(e))||c();break;case"ix-date-picker":customElements.get(r(e))||d();break;case"ix-date-time-card":customElements.get(r(e))||h();break;case"ix-dropdown":customElements.get(r(e))||l();break;case"ix-dropdown-button":customElements.get(r(e))||b();break;case"ix-dropdown-item":customElements.get(r(e))||p();break;case"ix-icon-button":customElements.get(r(e))||u();break;case"ix-layout-grid":customElements.get(r(e))||x();break;case"ix-row":customElements.get(r(e))||f();break;case"ix-spinner":customElements.get(r(e))||k();break;case"ix-time-picker":customElements.get(r(e))||g();break;case"ix-typography":customElements.get(r(e))||w()}}))}export{D,v as a,E as d,T as g}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as e,h as i,d as a,t as s}from"./p-CtDOTMOT.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return i(a,{key:"c50fb67ce42087c697968348b95fb02101b15b86"},i("slot",{key:"0c245caa0f0e71ba88966b1e11eac12d598b2d9d"}),i("div",{key:"90ff563a14756a276e6188ebee294fb484c18a77",class:"title-actions"},i("slot",{key:"1da997f39903021f1edb96508982fb699cc8b3a6",name:"title-actions"})))}static get style(){return":host{display:flex;position:relative;flex-direction:row;align-items:center;margin-top:0.25rem;margin-bottom:0.25rem;gap:1rem;width:100%}:host .title-actions{display:flex;position:relative;flex-direction:row;gap:0.25rem;margin-left:auto;margin-right:0}"}},[257,"ix-card-title"]);function o(){"undefined"!=typeof customElements&&["ix-card-title"].forEach((t=>{"ix-card-title"===t&&(customElements.get(s(t))||customElements.define(s(t),r))}))}export{r as C,o as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as t,e as o,h as r,d as a,t as i}from"./p-CtDOTMOT.js";import{u as s}from"./p-BtSt9tC5.js";import{a as c}from"./p-C21npbUc.js";import{D as l}from"./p-CApDAYIa.js";import{C as d}from"./p-Dpk_WgCl.js";import{B as n}from"./p-DRw2l8Az.js";import{d as b}from"./p-3VG6z9c3.js";import{d as h}from"./p-
|
|
1
|
+
import{p as e,M as t,e as o,h as r,d as a,t as i}from"./p-CtDOTMOT.js";import{u as s}from"./p-BtSt9tC5.js";import{a as c}from"./p-C21npbUc.js";import{D as l}from"./p-CApDAYIa.js";import{C as d}from"./p-Dpk_WgCl.js";import{B as n}from"./p-DRw2l8Az.js";import{d as b}from"./p-3VG6z9c3.js";import{d as h}from"./p-DjIyhGBC.js";import{d as m}from"./p-Dwe6tWhq.js";import{d as u}from"./p-Dl_YKIKl.js";import{d as p}from"./p-1KOHyx-1.js";const f=e(class extends(t(...l,d,n)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tabClick=o(this,"tabClick",7),this.tabClose=o(this,"tabClose",7)}get hostElement(){return this}selected=!1;disabled=!1;icon;counter;closable=!1;label;ariaLabelCloseButton="Close tab";placement="bottom";rounded=!1;small=!1;layout="auto";iconOnly=!1;tabClick;tabClose;onTabSelect(e){e.defaultPrevented||(this.disabled?e.preventDefault():this.tabClick.emit({tabKey:this.tabKey,nativeEvent:e}).defaultPrevented&&e.stopPropagation())}render(){let e="normal";const t=this.label||this.hostElement.textContent?.trim();return e=this.rounded?"rounded":!this.icon||void 0!==t&&""!==t?"normal":"icon-only",r(a,{key:"969e6b76acebe9b4cc5a848816a458f646dff170",id:this.getHostElementId(),role:"tab","aria-selected":c(this.selected),tabIndex:this.selected&&!this.disabled?0:-1,class:{selected:this.selected,disabled:this.disabled,"small-tab":this.small,"icon-only":"icon-only"===e,stretched:"stretched"===this.layout,bottom:"bottom"===this.placement,top:"top"===this.placement,circle:this.rounded},onClick:e=>this.onTabSelect(e),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.onTabSelect(e),this.closable&&"Delete"===e.key&&(e.preventDefault(),this.tabClose.emit({tabKey:this.tabKey,nativeEvent:e}))}},"rounded"===e&&r("div",{key:"d2e2981b50a2ad628f42c9f900642116ac9e2700",class:{circle:!0}},this.icon&&r("ix-icon",{key:"c448b69e6ce2fabd7b145e971357f4b0a005d068",name:this.icon,size:"24"}),r("slot",{key:"e94aa65381c45d69307331495dff9eebad4e7524"})),this.icon&&"rounded"!==e&&r("ix-icon",{key:"8d950fb65ff969353196984ff7932b3fc2302525",name:this.icon,size:"16",class:"tab-icon"}),"normal"===e&&r("div",{key:"3d4a6b91bb7babe94ff5c36a2b380cc037356e4a",class:{text:!!this.label,selected:this.selected,disabled:this.disabled}},this.label,r("slot",{key:"6a9619ce129c7ee8f69e6dcb855ecf1b23c23368"})),"rounded"===e&&void 0!==this.counter&&r("div",{key:"aa23743c0de55d445ded68edf7a6c2c588563715",class:{counter:!0,selected:this.selected,disabled:this.disabled}},this.counter),this.counter&&"rounded"!==e&&r("ix-pill",{key:"472d0aff014dedb09a1932f0ba3e826a13865167",variant:"primary",outline:!0,class:"tab-counter"},this.counter),this.closable&&"rounded"!==e&&r("ix-icon-button",{key:"81ad093b009fe1dbf3a098d68d6ce407d6b3312a","aria-label":this.ariaLabelCloseButton,class:"close-tab",size:"12",variant:"subtle-tertiary",icon:s,onClick:e=>{e.stopPropagation(),e.preventDefault(),this.tabClose.emit({tabKey:this.tabKey,nativeEvent:e})}}))}static get style(){return':host{position:relative;display:flex;align-items:center;justify-content:center;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color);touch-action:none;height:2.5rem;min-height:2.5rem;max-height:2.5rem;padding:0.0625rem 1.5rem;gap:0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .text span,:host .text span::before{pointer-events:none}:host .text{vertical-align:middle}:host slot{white-space:nowrap}:host .circle{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;background-color:var(--theme-animated-tab-circle--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-animated-tab-icon--color);cursor:pointer}:host .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-color-1);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:14px;color:var(--theme-pill-outline--color);cursor:pointer}:host .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}:host .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled);cursor:default}:host .hidden{display:none}:host(:not(.disabled)){cursor:pointer}:host(.circle){height:4.5rem;min-height:4.5rem;max-height:4.5rem}:host(.stretched){flex-basis:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.selected:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected:not(.disabled))::after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--theme-tab-indicator--background--selected)}:host(.selected:not(.disabled)) .circle{background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}:host(.selected:not(.disabled)) .circle:hover{background-color:var(--theme-animated-tab-circle--background--selected)}:host(.selected.bottom:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected.bottom:not(.disabled))::after{bottom:0px}:host(.selected.top:not(.disabled))::after{top:0px}:host(:hover:not(.circle):not(.disabled)){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover)}:host(:active:not(.circle):not(.disabled)){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}:host(.disabled){cursor:default;color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled);pointer-events:none}:host(.disabled)::after{background-color:var(--theme-tab-indicator--background--disabled)}:host(.disabled) .circle{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled);cursor:default}:host(.icon-only){display:flex;justify-content:center;align-items:center;padding:1.5rem 0.5rem}:host(.small-tab){height:2rem;min-height:2rem;max-height:2rem;padding:1rem}:host(.small-tab.icon){padding:1rem 0.25rem}:host(:not(.circle):focus-visible){outline-offset:-0.0625rem;outline:0.0625rem solid var(--theme-color-focus-bdr)}:host(.circle:focus-visible){outline:none}:host(.circle:focus-visible) .circle{outline-offset:0.125rem;outline:0.0625rem solid var(--theme-color-focus-bdr)}'}},[769,"ix-tab-item",{tabKey:[1,"tab-key"],selected:[4],disabled:[4],icon:[1],counter:[2],closable:[4],label:[1],ariaLabelCloseButton:[1,"aria-label-close-button"],placement:[1],rounded:[4],small:[4],layout:[1],iconOnly:[4,"icon-only"]}]);function v(){"undefined"!=typeof customElements&&["ix-tab-item","ix-icon-button","ix-pill","ix-spinner","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-tab-item":customElements.get(i(e))||customElements.define(i(e),f);break;case"ix-icon-button":customElements.get(i(e))||b();break;case"ix-pill":customElements.get(i(e))||h();break;case"ix-spinner":customElements.get(i(e))||m();break;case"ix-tooltip":customElements.get(i(e))||u();break;case"ix-typography":customElements.get(i(e))||p()}}))}export{f as T,v as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as a,h as c,d as e,t as o}from"./p-CtDOTMOT.js";const d=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}variant="outline";selected=!1;passive=!1;render(){return c(e,{key:"b7cda25da56fae5d7bb3afd89867d7d64e66da9d",class:{selected:this.selected,[`card-${this.variant}`]:!0,passive:this.passive}},c("div",{key:"7bc1c062f62d8f053c17af8993fac55611ef6ef2",class:"card-content"},c("slot",{key:"2ea9c6d84ef11db4fe662c22005b09cdb0b9a227"})),c("div",{key:"157ff1e9785bae0e572f37e3529f224bb4e925fd",class:"card-footer"},c("slot",{key:"171e9b6c82b90b7cb1e5b9ca5f45dbcb2cacd26b",name:"card-accordion"})))}static get style(){return":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;cursor:pointer;width:20rem;border:var(--theme-card--border-width) solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-card--border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-card--border-radius);border-top-right-radius:var(--theme-card--border-radius);overflow:hidden}:host .card-content-wrapper{height:100%;width:100%;box-sizing:border-box}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color);color:var(--theme-card-outline--color)}:host(.card-outline) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color);color:var(--theme-card-filled--color)}:host(.card-filled) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color);color:var(--theme-card-alarm--color)}:host(.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color);color:var(--theme-card-critical--color)}:host(.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color);color:var(--theme-card-warning--color)}:host(.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color);color:var(--theme-card-success--color)}:host(.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color);color:var(--theme-card-info--color)}:host(.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color);color:var(--theme-card-neutral--color)}:host(.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color);color:var(--theme-card-primary--color)}:host(:not(.card-insight,.card-outline)){--ix-card-border-color:transparent}:host(.card-outline:hover){--ix-card-border-color:var(--theme-card-outline--border-color--hover);--ix-card-background:var(--theme-card-outline--background--hover)}:host(.card-outline:active){--ix-card-border-color:var(--theme-card-outline--border-color--active);--ix-card-background:var(--theme-card-outline--background--active)}:host(.selected.card-outline){--ix-card-border-color:var( --theme-card-outline--border-color--selected );--ix-card-background:var(--theme-card-outline--background--selected)}:host(.card-filled:hover){--ix-card-border-color:var(--theme-card-filled--border-color--hover);--ix-card-background:var(--theme-card-filled--background--hover)}:host(.card-filled:active){--ix-card-border-color:var(--theme-card-filled--border-color--active);--ix-card-background:var(--theme-card-filled--background--active)}:host(.selected.card-filled){--ix-card-border-color:var( --theme-card-filled--border-color--selected );--ix-card-background:var(--theme-card-filled--background--selected)}:host(.card-alarm:hover){--ix-card-border-color:var(--theme-card-alarm--border-color--hover);--ix-card-background:var(--theme-card-alarm--background--hover)}:host(.card-alarm:active){--ix-card-border-color:var(--theme-card-alarm--border-color--active);--ix-card-background:var(--theme-card-alarm--background--active)}:host(.selected.card-alarm){--ix-card-border-color:var( --theme-card-alarm--border-color--selected );--ix-card-background:var(--theme-card-alarm--background--selected)}:host(.card-critical:hover){--ix-card-border-color:var(--theme-card-critical--border-color--hover);--ix-card-background:var(--theme-card-critical--background--hover)}:host(.card-critical:active){--ix-card-border-color:var(--theme-card-critical--border-color--active);--ix-card-background:var(--theme-card-critical--background--active)}:host(.selected.card-critical){--ix-card-border-color:var( --theme-card-critical--border-color--selected );--ix-card-background:var(--theme-card-critical--background--selected)}:host(.card-warning:hover){--ix-card-border-color:var(--theme-card-warning--border-color--hover);--ix-card-background:var(--theme-card-warning--background--hover)}:host(.card-warning:active){--ix-card-border-color:var(--theme-card-warning--border-color--active);--ix-card-background:var(--theme-card-warning--background--active)}:host(.selected.card-warning){--ix-card-border-color:var( --theme-card-warning--border-color--selected );--ix-card-background:var(--theme-card-warning--background--selected)}:host(.card-success:hover){--ix-card-border-color:var(--theme-card-success--border-color--hover);--ix-card-background:var(--theme-card-success--background--hover)}:host(.card-success:active){--ix-card-border-color:var(--theme-card-success--border-color--active);--ix-card-background:var(--theme-card-success--background--active)}:host(.selected.card-success){--ix-card-border-color:var( --theme-card-success--border-color--selected );--ix-card-background:var(--theme-card-success--background--selected)}:host(.card-info:hover){--ix-card-border-color:var(--theme-card-info--border-color--hover);--ix-card-background:var(--theme-card-info--background--hover)}:host(.card-info:active){--ix-card-border-color:var(--theme-card-info--border-color--active);--ix-card-background:var(--theme-card-info--background--active)}:host(.selected.card-info){--ix-card-border-color:var( --theme-card-info--border-color--selected );--ix-card-background:var(--theme-card-info--background--selected)}:host(.card-neutral:hover){--ix-card-border-color:var(--theme-card-neutral--border-color--hover);--ix-card-background:var(--theme-card-neutral--background--hover)}:host(.card-neutral:active){--ix-card-border-color:var(--theme-card-neutral--border-color--active);--ix-card-background:var(--theme-card-neutral--background--active)}:host(.selected.card-neutral){--ix-card-border-color:var( --theme-card-neutral--border-color--selected );--ix-card-background:var(--theme-card-neutral--background--selected)}:host(.card-primary:hover){--ix-card-border-color:var(--theme-card-primary--border-color--hover);--ix-card-background:var(--theme-card-primary--background--hover)}:host(.card-primary:active){--ix-card-border-color:var(--theme-card-primary--border-color--active);--ix-card-background:var(--theme-card-primary--background--active)}:host(.selected.card-primary){--ix-card-border-color:var( --theme-card-primary--border-color--selected );--ix-card-background:var(--theme-card-primary--background--selected)}:host(.passive){cursor:default}:host(.passive.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color)}:host(.passive.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color)}:host(.passive.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color)}:host(.passive.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color)}:host(.passive.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color)}:host(.passive.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color)}:host(.passive.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color)}:host(.passive.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color)}:host(.passive.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color)}"}},[769,"ix-card",{variant:[1],selected:[4],passive:[4]}]);function t(){"undefined"!=typeof customElements&&["ix-card"].forEach((r=>{"ix-card"===r&&(customElements.get(o(r))||customElements.define(o(r),d))}))}export{d as C,t as d}
|
|
1
|
+
import{p as r,H as a,h as c,d as e,t as o}from"./p-CtDOTMOT.js";const d=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}variant="outline";selected=!1;passive=!1;render(){return c(e,{key:"f03127d68ad6d11da72bcc3fd2b35c7f2f45c390",class:{selected:this.selected,[`card-${this.variant}`]:!0,passive:this.passive}},c("div",{key:"d509b3f44bd4a18fcb681d5c0679f1ee878d6a12",class:"card-content"},c("slot",{key:"f3517a1efda8bcf1a5ee9652450effdd04a01ea9"})),c("div",{key:"7e188b0dff328111f405b3c24b17cdf5ffe98c8d",class:"card-footer"},c("slot",{key:"249d1d75a93c74866a112efc6cd8a1918740e4f2",name:"card-accordion"})))}static get style(){return":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;cursor:pointer;width:20rem;border:var(--theme-card--border-width) solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-card--border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-card--border-radius);border-top-right-radius:var(--theme-card--border-radius);overflow:hidden}:host .card-content-wrapper{height:100%;width:100%;box-sizing:border-box}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color);color:var(--theme-card-outline--color)}:host(.card-outline) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color);color:var(--theme-card-filled--color)}:host(.card-filled) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color);color:var(--theme-card-alarm--color)}:host(.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color);color:var(--theme-card-critical--color)}:host(.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color);color:var(--theme-card-warning--color)}:host(.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color);color:var(--theme-card-success--color)}:host(.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color);color:var(--theme-card-info--color)}:host(.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color);color:var(--theme-card-neutral--color)}:host(.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color);color:var(--theme-card-primary--color)}:host(:not(.card-insight,.card-outline)){--ix-card-border-color:transparent}:host(.card-outline:hover){--ix-card-border-color:var(--theme-card-outline--border-color--hover);--ix-card-background:var(--theme-card-outline--background--hover)}:host(.card-outline:active){--ix-card-border-color:var(--theme-card-outline--border-color--active);--ix-card-background:var(--theme-card-outline--background--active)}:host(.selected.card-outline){--ix-card-border-color:var( --theme-card-outline--border-color--selected );--ix-card-background:var(--theme-card-outline--background--selected)}:host(.card-filled:hover){--ix-card-border-color:var(--theme-card-filled--border-color--hover);--ix-card-background:var(--theme-card-filled--background--hover)}:host(.card-filled:active){--ix-card-border-color:var(--theme-card-filled--border-color--active);--ix-card-background:var(--theme-card-filled--background--active)}:host(.selected.card-filled){--ix-card-border-color:var( --theme-card-filled--border-color--selected );--ix-card-background:var(--theme-card-filled--background--selected)}:host(.card-alarm:hover){--ix-card-border-color:var(--theme-card-alarm--border-color--hover);--ix-card-background:var(--theme-card-alarm--background--hover)}:host(.card-alarm:active){--ix-card-border-color:var(--theme-card-alarm--border-color--active);--ix-card-background:var(--theme-card-alarm--background--active)}:host(.selected.card-alarm){--ix-card-border-color:var( --theme-card-alarm--border-color--selected );--ix-card-background:var(--theme-card-alarm--background--selected)}:host(.card-critical:hover){--ix-card-border-color:var(--theme-card-critical--border-color--hover);--ix-card-background:var(--theme-card-critical--background--hover)}:host(.card-critical:active){--ix-card-border-color:var(--theme-card-critical--border-color--active);--ix-card-background:var(--theme-card-critical--background--active)}:host(.selected.card-critical){--ix-card-border-color:var( --theme-card-critical--border-color--selected );--ix-card-background:var(--theme-card-critical--background--selected)}:host(.card-warning:hover){--ix-card-border-color:var(--theme-card-warning--border-color--hover);--ix-card-background:var(--theme-card-warning--background--hover)}:host(.card-warning:active){--ix-card-border-color:var(--theme-card-warning--border-color--active);--ix-card-background:var(--theme-card-warning--background--active)}:host(.selected.card-warning){--ix-card-border-color:var( --theme-card-warning--border-color--selected );--ix-card-background:var(--theme-card-warning--background--selected)}:host(.card-success:hover){--ix-card-border-color:var(--theme-card-success--border-color--hover);--ix-card-background:var(--theme-card-success--background--hover)}:host(.card-success:active){--ix-card-border-color:var(--theme-card-success--border-color--active);--ix-card-background:var(--theme-card-success--background--active)}:host(.selected.card-success){--ix-card-border-color:var( --theme-card-success--border-color--selected );--ix-card-background:var(--theme-card-success--background--selected)}:host(.card-info:hover){--ix-card-border-color:var(--theme-card-info--border-color--hover);--ix-card-background:var(--theme-card-info--background--hover)}:host(.card-info:active){--ix-card-border-color:var(--theme-card-info--border-color--active);--ix-card-background:var(--theme-card-info--background--active)}:host(.selected.card-info){--ix-card-border-color:var( --theme-card-info--border-color--selected );--ix-card-background:var(--theme-card-info--background--selected)}:host(.card-neutral:hover){--ix-card-border-color:var(--theme-card-neutral--border-color--hover);--ix-card-background:var(--theme-card-neutral--background--hover)}:host(.card-neutral:active){--ix-card-border-color:var(--theme-card-neutral--border-color--active);--ix-card-background:var(--theme-card-neutral--background--active)}:host(.selected.card-neutral){--ix-card-border-color:var( --theme-card-neutral--border-color--selected );--ix-card-background:var(--theme-card-neutral--background--selected)}:host(.card-primary:hover){--ix-card-border-color:var(--theme-card-primary--border-color--hover);--ix-card-background:var(--theme-card-primary--background--hover)}:host(.card-primary:active){--ix-card-border-color:var(--theme-card-primary--border-color--active);--ix-card-background:var(--theme-card-primary--background--active)}:host(.selected.card-primary){--ix-card-border-color:var( --theme-card-primary--border-color--selected );--ix-card-background:var(--theme-card-primary--background--selected)}:host(.passive){cursor:default}:host(.passive.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color)}:host(.passive.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color)}:host(.passive.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color)}:host(.passive.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color)}:host(.passive.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color)}:host(.passive.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color)}:host(.passive.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color)}:host(.passive.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color)}:host(.passive.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color)}"}},[769,"ix-card",{variant:[1],selected:[4],passive:[4]}]);function t(){"undefined"!=typeof customElements&&["ix-card"].forEach((r=>{"ix-card"===r&&(customElements.get(o(r))||customElements.define(o(r),d))}))}export{d as C,t as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,M as t,h as r,d as e,t as n}from"./p-CtDOTMOT.js";import{a as i}from"./p-C21npbUc.js";import{D as c}from"./p-CApDAYIa.js";import{m as a}from"./p-Djkc69iv.js";import{d as l}from"./p-
|
|
1
|
+
import{p as o,M as t,h as r,d as e,t as n}from"./p-CtDOTMOT.js";import{a as i}from"./p-C21npbUc.js";import{D as c}from"./p-CApDAYIa.js";import{m as a}from"./p-Djkc69iv.js";import{d as l}from"./p-Dl_YKIKl.js";import{d as s}from"./p-1KOHyx-1.js";const h=o(class extends(t(...c)){constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}variant="primary";outline=!1;icon;ariaLabelIcon;background;pillColor;alignLeft=!1;tooltipText=!1;iconOnly=!1;containerElementRef=a();componentWillLoad(){this.checkIfContentAvailable()}checkIfContentAvailable(){this.iconOnly=!(this.hostElement.children.length>0||this.hostElement.textContent)}getTooltip(){if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text"))return null;const o="string"==typeof this.tooltipText&&this.tooltipText.trim()?this.tooltipText:this.hostElement.textContent?.trim();return r("ix-tooltip",{for:this.containerElementRef.waitForCurrent(),"aria-label":o||void 0},o)}render(){let o={};"custom"===this.variant&&(o={color:this.pillColor,[this.outline?"borderColor":"backgroundColor"]:this.background});const t=this.hostElement.hasAttribute("aria-label")||this.hostElement.hasAttribute("aria-labelledby");let n;this.hostElement.hasAttribute("role")?n=this.hostElement.getAttribute("role")??void 0:t&&(n="group");const c=!this.ariaLabelIcon?.trim();return r(e,{key:"827e58b1bdd980292651befee4ad756cbea0699f",style:"custom"===this.variant?{"--ix-icon-button-color":this.pillColor}:{},class:{"align-left":this.alignLeft},role:n},r("div",{key:"f50b1d1f5a36ae985e55c66d97723640dcbd667f",ref:this.containerElementRef,style:{...o},class:{container:!0,outline:this.outline,inactive:!1,alarm:"alarm"===this.variant,critical:"critical"===this.variant,info:"info"===this.variant,neutral:"neutral"===this.variant,primary:"primary"===this.variant,success:"success"===this.variant,warning:"warning"===this.variant,custom:"custom"===this.variant,closable:!1,icon:!!this.icon,"with-gap":!this.iconOnly}},this.icon&&r("ix-icon",{key:"8f24375cb42813b0a651997a672fda5c9c16b8d3",class:{"with-icon":!0},name:this.icon,size:"16","aria-label":this.ariaLabelIcon,"aria-hidden":i(c)}),r("span",{key:"356a8805398e1978e5c7bfe61e3c383d0f4af640",class:"slot-container"},r("slot",{key:"ac249a29b4cbf9cba9d0fef7b2c5a8992d4f9c3d",onSlotchange:()=>this.checkIfContentAvailable()}))),this.getTooltip())}static get style(){return":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;max-width:100%;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;vertical-align:top;height:2rem;max-height:2rem;cursor:default}.container .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.container .with-icon{margin-right:0.25rem}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.centerContent .content-wrapper{justify-content:center;text-align:center}.container.outline{padding-left:calc(0.5rem - 0.0625rem)}.container.outline.icon.alarm .with-icon{color:var(--theme-color-alarm)}.container.outline.icon.critical .with-icon{color:var(--theme-color-critical)}.container.outline.icon.warning .with-icon{color:var(--theme-color-warning-text)}.container.outline.icon.info .with-icon{color:var(--theme-color-info)}.container.outline.icon.neutral .with-icon{color:var(--theme-color-neutral)}.container.outline.icon.success .with-icon{color:var(--theme-color-success)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 0.0625rem)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 0.0625rem)}.container:not(.outline){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive,.container:not(.outline):not(.closable){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-primary-outline--background);border:solid 0.0625rem var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-outline--color);--ix-icon-button-color:var(--theme-chip-outline--color)}.container.primary.outline .with-icon{color:var(--theme-color-primary)}.container.outline{border-width:0.0625rem;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center}:host .container .with-icon{margin-right:0}:host .container.outline{background-color:var(--theme-pill-outline--background)}:host .container.outline.icon{padding-left:0.4375rem;padding-right:0.4375rem}:host .container:not(.outline).icon{padding-left:0.5rem;padding-right:0.5rem}:host .with-gap{gap:0.25rem}:host(.align-left) .container{justify-content:flex-start}"}},[769,"ix-pill",{variant:[513],outline:[4],icon:[1],ariaLabelIcon:[1,"aria-label-icon"],background:[1],pillColor:[1,"pill-color"],alignLeft:[4,"align-left"],tooltipText:[8,"tooltip-text"],iconOnly:[32]}]);function u(){"undefined"!=typeof customElements&&["ix-pill","ix-tooltip","ix-typography"].forEach((o=>{switch(o){case"ix-pill":customElements.get(n(o))||customElements.define(n(o),h);break;case"ix-tooltip":customElements.get(n(o))||l();break;case"ix-typography":customElements.get(n(o))||s()}}))}export{h as P,u as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,M as r,f as e,h as a,F as o,d as i,t as s}from"./p-CtDOTMOT.js";import{B as n}from"./p-DM7ma3Eh.js";import{b as l,a as d}from"./p-C21npbUc.js";import{m as h}from"./p-Djkc69iv.js";import{b,h as c}from"./p-Dw_A3HUC.js";import{P as u,u as p,F as m}from"./p-BBCsPlPH.js";import{D as v}from"./p-CApDAYIa.js";import{C as g}from"./p-Dpk_WgCl.js";import{A as x}from"./p-Byed_Z2G.js";import{d as f}from"./p-7HGOhDMX.js";import{d as y}from"./p-B-O0ylt_.js";import{d as w}from"./p-Dwe6tWhq.js";import{d as k}from"./p-Dfd_ifAu.js";import{d as C}from"./p-DhWkcMmR.js";function A(t){const{initials:r}=t;return r?a("div",{class:"avatar-initials"},a("ix-typography",{format:"label-lg"},r)):a("svg",{class:"avatar-image",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32","aria-label":t.ariaLabel},a("g",{fill:"none","fill-rule":"evenodd"},a("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),a("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"})))}function j(t){return a("div",{class:"avatar"},t.image?a("img",{src:t.image,class:"avatar-image","aria-label":t.ariaLabel}):a(A,{initials:t.initials,ariaLabel:t.ariaLabel}))}function D(t){return a(o,null,a("div",{class:"user-info",onClick:t=>t.preventDefault()},a(j,{image:t.image,initials:t.initials,ariaLabel:t.ariaLabel}),a("div",{class:"user"},a("div",{class:"username"},t.userName),t.extra&&a("ix-typography",{class:"extra","text-color":"soft"},t.extra))))}const E=t(class extends(r(...v,g,x)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}image;initials;username;extra;tooltipText;ariaLabelTooltip;isClosestApplicationHeader=!1;dropdownShow=!1;hasSlottedElements=!1;slotElement;dropdownElement;observeChildrenChange;tooltipRef=h();a11yAttributes={};get items(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}componentWillLoad(){this.a11yAttributes=l(this.hostElement);const t=b("ix-application-header",this.hostElement);this.isClosestApplicationHeader=null!==t,this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0})}componentDidLoad(){this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}async slottedChanged(){this.hasSlottedElements=c(this.slotElement)}resolveAvatarTrigger(){return new Promise(((t,r)=>{e((()=>{const e=this.hostElement.shadowRoot.querySelector("button");e?t(e):r(new Error("ix-avatar - trigger element not found"))}))}))}resolveTooltipTrigger(){return this.resolveAvatarTrigger().catch((()=>this.hostElement))}onDropdownClick(t){t.target===this.dropdownElement&&t.preventDefault()}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(`[aria-controls="${this.getHostElementId()}-proxy-listbox"]`)}isAriaActiveDescendantActive(){return this.dropdownShow}getAriaActiveDescendantProxyItemId(){return u}updateProxyList(){const t=this.items,r=this.hostElement.shadowRoot.querySelector(".proxy-list");r&&p(r,t,((t,r)=>{r.role="menuitem",r.innerText=t.label??t.textContent??"",r.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.a11yAttributes["aria-label"],r=this.tooltipText||this.username,e=r===this.username,s=a(o,null,a(j,{image:this.image,initials:this.initials,ariaLabel:t}),!!r&&a("ix-tooltip",{ref:this.tooltipRef,for:this.resolveTooltipTrigger(),"aria-hidden":d(e),"aria-label":this.ariaLabelTooltip},r));return this.isClosestApplicationHeader?a(i,{slot:"ix-application-header-avatar",class:"avatar-button"},a(n,{disabled:!1,iconOval:!1,icon:void 0,iconOnly:!1,loading:!1,selected:!1,type:"button",variant:"tertiary",ariaAttributes:{role:"menu","aria-controls":`${this.getHostElementId()}-proxy-listbox`,"aria-expanded":d(this.dropdownShow),"aria-haspopup":"menu"}},s),a("ix-dropdown",{ref:t=>this.dropdownElement=t,trigger:this.resolveAvatarTrigger(),class:"avatar-dropdown",onClick:t=>this.onDropdownClick(t),onShowChanged:t=>{this.dropdownShow=t.detail,t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},disableFocusTrap:!0,focusHost:this.hostElement},a(m,{hostId:this.getHostElementId(),otherProps:{}}),this.username&&a(o,null,a(D,{extra:this.extra,image:this.image,initials:this.initials,userName:this.username,ariaLabel:t}),this.hasSlottedElements&&a("ix-divider",{onClick:t=>t.preventDefault()})),a("slot",{onSlotchange:()=>this.slottedChanged(),ref:t=>this.slotElement=t}))):a(i,null,s)}static get style(){return":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}: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 .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;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(.avatar-button) button{padding:0px}:host(.avatar-button) .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(.avatar-button) .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(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .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(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .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(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .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(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .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(.avatar-button) button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .avatar{transform:scale(0.8)}:host(.avatar-button) .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host(.avatar-button) .proxy-list li{height:2px;width:2px;pointer-events:all}"}},[769,"ix-avatar",{image:[1],initials:[1],username:[1],extra:[1],tooltipText:[1,"tooltip-text"],ariaLabelTooltip:[1,"aria-label-tooltip"],isClosestApplicationHeader:[32],dropdownShow:[32],hasSlottedElements:[32]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]);function L(){"undefined"!=typeof customElements&&["ix-avatar","ix-divider","ix-dropdown","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-avatar":customElements.get(s(t))||customElements.define(s(t),E);break;case"ix-divider":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||y();break;case"ix-spinner":customElements.get(s(t))||w();break;case"ix-tooltip":customElements.get(s(t))||k();break;case"ix-typography":customElements.get(s(t))||C()}}))}export{E as A,L as d}
|
|
1
|
+
import{p as t,M as r,f as e,h as a,F as o,d as i,t as s}from"./p-CtDOTMOT.js";import{B as n}from"./p-DM7ma3Eh.js";import{b as l,a as d}from"./p-C21npbUc.js";import{m as h}from"./p-Djkc69iv.js";import{b,h as c}from"./p-Dw_A3HUC.js";import{P as u,u as p,F as m}from"./p-BBCsPlPH.js";import{D as v}from"./p-CApDAYIa.js";import{C as g}from"./p-Dpk_WgCl.js";import{A as x}from"./p-Byed_Z2G.js";import{d as f}from"./p-7HGOhDMX.js";import{d as y}from"./p-olkZUb1j.js";import{d as w}from"./p-Dwe6tWhq.js";import{d as k}from"./p-Dl_YKIKl.js";import{d as C}from"./p-1KOHyx-1.js";function j(t){const{initials:r}=t;return r?a("div",{class:"avatar-initials"},a("ix-typography",{format:"label-lg"},r)):a("svg",{class:"avatar-image",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32","aria-label":t.ariaLabel},a("g",{fill:"none","fill-rule":"evenodd"},a("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),a("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"})))}function A(t){return a("div",{class:"avatar"},t.image?a("img",{src:t.image,class:"avatar-image","aria-label":t.ariaLabel}):a(j,{initials:t.initials,ariaLabel:t.ariaLabel}))}function E(t){return a(o,null,a("div",{class:"user-info",onClick:t=>t.preventDefault()},a(A,{image:t.image,initials:t.initials,ariaLabel:t.ariaLabel}),a("div",{class:"user"},a("div",{class:"username"},t.userName),t.extra&&a("ix-typography",{class:"extra","text-color":"soft"},t.extra))))}const D=t(class extends(r(...v,g,x)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}image;initials;username;extra;tooltipText;ariaLabelTooltip;isClosestApplicationHeader=!1;dropdownShow=!1;hasSlottedElements=!1;slotElement;dropdownElement;observeChildrenChange;tooltipRef=h();a11yAttributes={};get items(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}componentWillLoad(){this.a11yAttributes=l(this.hostElement);const t=b("ix-application-header",this.hostElement);this.isClosestApplicationHeader=null!==t,this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0})}componentDidLoad(){this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}async slottedChanged(){this.hasSlottedElements=c(this.slotElement)}resolveAvatarTrigger(){return new Promise(((t,r)=>{e((()=>{const e=this.hostElement.shadowRoot.querySelector("button");e?t(e):r(new Error("ix-avatar - trigger element not found"))}))}))}resolveTooltipTrigger(){return this.resolveAvatarTrigger().catch((()=>this.hostElement))}onDropdownClick(t){t.target===this.dropdownElement&&t.preventDefault()}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(`[aria-controls="${this.getHostElementId()}-proxy-listbox"]`)}isAriaActiveDescendantActive(){return this.dropdownShow}getAriaActiveDescendantProxyItemId(){return u}updateProxyList(){const t=this.items,r=this.hostElement.shadowRoot.querySelector(".proxy-list");r&&p(r,t,((t,r)=>{r.role="menuitem",r.innerText=t.label??t.textContent??"",r.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.a11yAttributes["aria-label"],r=this.tooltipText||this.username,e=r===this.username,s=a(o,null,a(A,{image:this.image,initials:this.initials,ariaLabel:t}),!!r&&a("ix-tooltip",{ref:this.tooltipRef,for:this.resolveTooltipTrigger(),"aria-hidden":d(e),"aria-label":this.ariaLabelTooltip},r));return this.isClosestApplicationHeader?a(i,{slot:"ix-application-header-avatar",class:"avatar-button"},a(n,{disabled:!1,iconOval:!1,icon:void 0,iconOnly:!1,loading:!1,selected:!1,type:"button",variant:"tertiary",ariaAttributes:{role:"menu","aria-controls":`${this.getHostElementId()}-proxy-listbox`,"aria-expanded":d(this.dropdownShow),"aria-haspopup":"menu"}},s),a("ix-dropdown",{ref:t=>this.dropdownElement=t,trigger:this.resolveAvatarTrigger(),class:"avatar-dropdown",onClick:t=>this.onDropdownClick(t),onShowChanged:t=>{this.dropdownShow=t.detail,t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},disableFocusTrap:!0,focusHost:this.hostElement},a(m,{hostId:this.getHostElementId(),otherProps:{}}),this.username&&a(o,null,a(E,{extra:this.extra,image:this.image,initials:this.initials,userName:this.username,ariaLabel:t}),this.hasSlottedElements&&a("ix-divider",{onClick:t=>t.preventDefault()})),a("slot",{onSlotchange:()=>this.slottedChanged(),ref:t=>this.slotElement=t}))):a(i,null,s)}static get style(){return":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}: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 .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;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(.avatar-button) button{padding:0px}:host(.avatar-button) .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(.avatar-button) .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(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .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(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .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(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .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(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .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(.avatar-button) button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .avatar{transform:scale(0.8)}:host(.avatar-button) .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host(.avatar-button) .proxy-list li{height:2px;width:2px;pointer-events:all}"}},[769,"ix-avatar",{image:[1],initials:[1],username:[1],extra:[1],tooltipText:[1,"tooltip-text"],ariaLabelTooltip:[1,"aria-label-tooltip"],isClosestApplicationHeader:[32],dropdownShow:[32],hasSlottedElements:[32]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]);function L(){"undefined"!=typeof customElements&&["ix-avatar","ix-divider","ix-dropdown","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-avatar":customElements.get(s(t))||customElements.define(s(t),D);break;case"ix-divider":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||y();break;case"ix-spinner":customElements.get(s(t))||w();break;case"ix-tooltip":customElements.get(s(t))||k();break;case"ix-typography":customElements.get(s(t))||C()}}))}export{D as A,L as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as i,d as o,t as s}from"./p-CtDOTMOT.js";import{c as a,a as n,r,s as
|
|
1
|
+
import{p as t,H as e,h as i,d as o,t as s}from"./p-CtDOTMOT.js";import{c as a,a as n,r,s as c,o as l,d as h,b as d,h as m}from"./p-Bxrgt3H_.js";import{m as p}from"./p-Djkc69iv.js";import{d as b}from"./p-Dw_A3HUC.js";import{b as f}from"./p-CKoABG1h.js";import{d as u}from"./p-1KOHyx-1.js";const y=t=>null!==t?`${t}px`:"";let w=0;const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}for;titleContent;interactive=!1;placement="top";showDelay=0;hideDelay=50;animationFrame=!1;get hostElement(){return this}visible=!1;hideTooltipTimeout;showTooltipTimeout;visibleFor;disposeAutoUpdate;disposeTriggerListener;disposeTooltipListener;disposeDomChangeListener;hasDisconnected=!1;instance=w++;dialogRef=p();get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}async showTooltip(t){if(this.clearTimeouts(),this.showTooltipTimeout||this.visibleFor===t)return;const e=await this.dialogRef.waitForCurrent();this.showTooltipTimeout=setTimeout((()=>{this.setAnchorElement(t),e.showPopover(),this.applyTooltipPosition(t,e),this.registerTooltipListener(e)}),this.showDelay)}async hideTooltip(t=this.hideDelay){if(this.clearTimeouts(),this.hideTooltipTimeout||!this.visible)return;this.interactive&&50===t&&(t=150);const e=await this.dialogRef.waitForCurrent();this.hideTooltipTimeout=setTimeout((()=>{this.setAnchorElement(),e.hidePopover(),this.disposeAutoUpdate?.(),this.disposeTooltipListener?.()}),t)}setAnchorElement(t){t?(this.visibleFor=t,this.visible=!0):(this.visibleFor=void 0,this.visible=!1)}computeArrowPosition({placement:t,middlewareData:e}){let{x:i,y:o}=e.arrow;const s={top:"unset",right:"unset",bottom:"unset",left:"unset"};return t.startsWith("top")?{...s,left:y(i),bottom:y(-6)}:t.startsWith("right")?{...s,left:y(-6),top:y(o)}:t.startsWith("bottom")?{...s,left:y(i),top:y(-6)}:t.startsWith("left")?{...s,right:y(-6),top:y(o)}:void 0}async computeTooltipPosition(t,e){return a(t,e,{strategy:"fixed",placement:this.placement,middleware:[c(),l(12),h({element:this.arrowElement}),d({fallbackStrategy:"initialPlacement",fallbackAxisSideDirection:"end",padding:10}),m()]})}applyTooltipArrowPosition(t){const e=this.computeArrowPosition(t);Object.assign(this.arrowElement.style,e)}async applyTooltipPosition(t,e){if(t)return new Promise((i=>{this.disposeAutoUpdate?.(),this.disposeAutoUpdate=n(t,e,(async()=>{const o=await this.computeTooltipPosition(t,e),s=o.middlewareData.hide?.referenceHidden;s&&(this.hideTooltip(0),i(o)),o.middlewareData.arrow&&this.applyTooltipArrowPosition(o);const{x:a,y:n}=o;Object.assign(e.style,{left:y(a),top:y(n)}),i(o)}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0,animationFrame:this.animationFrame})}))}async queryAnchorElements(){if(this.for)return Array.isArray(this.for)?this.resolveElements(this.for):this.resolveElements([this.for])}async resolveElements(t){const i=[];return await Promise.all(t.map((async t=>{if("string"==typeof t){const e=await r(t,this.hostElement);e&&i.push(...e)}else t instanceof e?i.push(t):t instanceof Promise&&i.push(await t)}))),i}async registerTriggerListener(){this.disposeTriggerListener?.();const t=await this.queryAnchorElements();if(!t)return;const e=[];t.forEach((t=>{e.push({element:t,eventType:"mouseenter",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focus",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}})})),this.disposeTriggerListener=f(e)}registerTooltipListener(t){this.disposeTooltipListener?.(),this.disposeTooltipListener=f([{element:t,eventType:"mouseenter",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"focus",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}},{element:t,eventType:"click",callback:t=>{t.stopPropagation()}},{element:document,eventType:"keydown",callback:t=>{"Escape"===t.key&&this.hideTooltip()}}])}registerDomChangeListener(){this.disposeDomChangeListener?.();const t=new MutationObserver((()=>{this.registerTriggerListener()}));t.observe(document.body,{attributes:!0,attributeFilter:["data-ix-tooltip"],childList:!0,subtree:!0}),this.disposeDomChangeListener=()=>{t.disconnect()}}clearHideTimeout(){clearTimeout(this.hideTooltipTimeout),this.hideTooltipTimeout=void 0}clearShowTimeout(){clearTimeout(this.showTooltipTimeout),this.showTooltipTimeout=void 0}clearTimeouts(){this.clearHideTimeout(),this.clearShowTimeout()}componentWillLoad(){this.registerTriggerListener()}componentDidLoad(){this.registerDomChangeListener()}connectedCallback(){this.hasDisconnected&&(this.registerTriggerListener(),this.registerDomChangeListener())}disconnectedCallback(){this.hasDisconnected=!0,this.clearTimeouts(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeTooltipListener?.(),this.disposeDomChangeListener?.()}handleTitleIconSlotChange(t){const e=b(t.target);for(const t of e)"ix-icon"===t.tagName.toLowerCase()&&(t.size="16")}render(){return i(o,{key:"0f6b71f1d7096159c1e46db95ef86bdb36a44a89",role:"tooltip",class:{visible:this.visible}},i("dialog",{key:"18b008f2893571c2bc622ce1d38b689249d2ee69",ref:this.dialogRef,id:"tooltip-"+this.instance,class:"dialog",popover:"manual",inert:!this.visible},i("div",{key:"c9187964c594fbea4db6b1cebbfe98d67d65313a",class:"tooltip-container"},i("div",{key:"0985c556e7d2e9e8724ce4c26e5ead76c05f4cd4",class:"content-wrapper"},i("div",{key:"5e591fc49ce4d3c024ac5d36f5cf72ca7dcb7378",class:"tooltip-title"},i("slot",{key:"0272be6880ecc327d2bc0ee522ee1463eed46a27",name:"title-icon",onSlotchange:t=>this.handleTitleIconSlotChange(t)}),i("ix-typography",{key:"0ab372fdaa7e58f13cfcf7f12386a85dfef017bc",format:"h5"},this.titleContent,i("slot",{key:"2b894def397eb375849718fa7cb823dbf2e23209",name:"title-content"}))),i("slot",{key:"58421e3dc922c33c96f9335a3972c821e29368b2"}),i("div",{key:"c0c7cf5776e4db777af7f635b042178814973dd1",class:"arrow"})))))}static get style(){return'.dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex}.tooltip-title ::slotted(ix-icon){margin:0.125rem 0.25rem 0.125rem 0}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}'}},[769,"ix-tooltip",{for:[1],titleContent:[1,"title-content"],interactive:[4],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],animationFrame:[4,"animation-frame"],visible:[32],showTooltip:[64],hideTooltip:[64]}]);function v(){"undefined"!=typeof customElements&&["ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-tooltip":customElements.get(s(t))||customElements.define(s(t),g);break;case"ix-typography":customElements.get(s(t))||u()}}))}export{g as T,v as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as s,d as r,t as o}from"./p-CtDOTMOT.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return s(r,{key:"
|
|
1
|
+
import{p as t,H as e,h as s,d as r,t as o}from"./p-CtDOTMOT.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return s(r,{key:"7c76876500cb51c2e200bc8e7fa70d74e4c33853"},s("slot",{key:"40e1b394378241b5731916a4f0e858ad99d75074"}))}static get style(){return":host{display:flex;flex-wrap:wrap}:host(:not(:first-of-type)){margin-block-start:var(--ix-layout-grid-row-margin, 0)}"}},[257,"ix-row"]);function n(){"undefined"!=typeof customElements&&["ix-row"].forEach((t=>{"ix-row"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))}export{a as R,n as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,e as o,h as r,d as s,t as
|
|
1
|
+
import{p as e,H as t,e as o,h as r,d as s,t as c}from"./p-CtDOTMOT.js";import{j as i}from"./p-BtSt9tC5.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.toggle=o(this,"toggle",7),this.itemClick=o(this,"itemClick",7)}text;hasChildren=!1;context;disabled=!1;ariaLabelChevronIcon;toggle;itemClick;render(){const e=this.disabled||this.context?.isDisabled;return r(s,{key:"ac797ebd4ea5c58ef304f89f2c9dd2652e718467",class:{selected:!!this.context?.isSelected,disabled:!!e}},r("div",{key:"065f2f10272bcc61c56455f52ed3c9d2653f16d4",class:"icon-toggle-container"},this.hasChildren?r("ix-icon",{name:i,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),r("div",{key:"915c6b8ac6b26b1696bb2f181cd5b3c99301c22d",class:"tree-node-container",onClick:()=>{e||this.itemClick.emit()}},r("div",{key:"7e138f1ce37dbad892e93d4434fbde49b1552c73",class:"tree-node-text"},this.text),r("slot",{key:"ac6ea5f2b4e396f022dfe6270c7d195ed70fd1cb"})))}static get style(){return":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}"}},[769,"ix-tree-item",{text:[1],hasChildren:[4,"has-children"],context:[16],disabled:[4],ariaLabelChevronIcon:[1,"aria-label-chevron-icon"]}]);function n(){"undefined"!=typeof customElements&&["ix-tree-item"].forEach((e=>{"ix-tree-item"===e&&(customElements.get(c(e))||customElements.define(c(e),a))}))}export{a as T,n as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,M as r,e as o,h as e,d as a,t as i}from"./p-CtDOTMOT.js";import{v as s,h as n}from"./p-BtSt9tC5.js";import{b as d,f as l,a as b}from"./p-C21npbUc.js";import{m as h}from"./p-Djkc69iv.js";import{D as c}from"./p-CApDAYIa.js";import{A as u}from"./p-Byed_Z2G.js";import{C as p}from"./p-Dpk_WgCl.js";import{c as m}from"./p-Dw_A3HUC.js";import{d as g}from"./p-
|
|
1
|
+
import{p as t,M as r,e as o,h as e,d as a,t as i}from"./p-CtDOTMOT.js";import{v as s,h as n}from"./p-BtSt9tC5.js";import{b as d,f as l,a as b}from"./p-C21npbUc.js";import{m as h}from"./p-Djkc69iv.js";import{D as c}from"./p-CApDAYIa.js";import{A as u}from"./p-Byed_Z2G.js";import{C as p}from"./p-Dpk_WgCl.js";import{c as m}from"./p-Dw_A3HUC.js";import{d as g}from"./p-B_MBGj0b.js";import{d as w}from"./p-olkZUb1j.js";import{d as v}from"./p-3VG6z9c3.js";import{d as x}from"./p-Dwe6tWhq.js";const f=t(class extends(r(...c,p,u)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showChange=o(this,"showChange",7),this.showChanged=o(this,"showChanged",7)}get hostElement(){return 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=h();dropdownRef=h();hostContext;getTriangle(){return e("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":b(this.disabled),"aria-expanded":b(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 e(a,{key:"e25fa295fcfc662bcbd510ef9fa831d505901eb1",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},e("div",{key:"72aa176d5558297cbfd2bebd09a8f9826860e4e9",class:"dropdown-button"},this.label||null===this.label?e("ix-button",{...r,class:"internal-button",alignment:"start",ref:t=>l(t,-1),ariaLabelButton:this.ariaLabelDropdownButton??(this.dropdownShow?"Close dropdown":"Open dropdown")},e("div",{class:"content"},this.icon?e("ix-icon",{name:this.icon,size:"24",class:"dropdown-icon"}):null,e("div",{class:"button-label"},this.label),e("slot",{name:"button-label"}),!o&&e("ix-icon",{"aria-hidden":"true",name:this.dropdownShow?s:n,size:"24"}))):e("div",null,e("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())),e("ix-dropdown",{key:"bbb10a374801f0800f5386700957646072d01fb3",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)}},e("slot",{key:"a41e74d2a2db2b1255485923390d4fbf14504504"})))}static get style(){return":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}"}},[769,"ix-dropdown-button",{variant:[1],disabled:[516],label:[1],icon:[1],closeBehavior:[8,"close-behavior"],placement:[1],ariaLabelDropdownButton:[1,"aria-label-dropdown-button"],focusCheckedItem:[4,"focus-checked-item"],enableTopLayer:[4,"enable-top-layer"],suppressAriaActiveDescendant:[4,"suppress-aria-active-descendant"],dropdownShow:[32],getDropdownReference:[64]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]);function y(){"undefined"!=typeof customElements&&["ix-dropdown-button","ix-button","ix-dropdown","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-dropdown-button":customElements.get(i(t))||customElements.define(i(t),f);break;case"ix-button":customElements.get(i(t))||g();break;case"ix-dropdown":customElements.get(i(t))||w();break;case"ix-icon-button":customElements.get(i(t))||v();break;case"ix-spinner":customElements.get(i(t))||x()}}))}export{f as D,y as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,M as e,e as i,h as s,i as o,d as r,t as n}from"./p-CtDOTMOT.js";import{m as a,v as l,h,K as d}from"./p-BtSt9tC5.js";import{a as c}from"./p-C21npbUc.js";import{P as u,a as p,u as b,F as m}from"./p-BBCsPlPH.js";import{q as f,I as v}from"./p-C5UTTqsv.js";import{D as w}from"./p-CApDAYIa.js";import{A as x}from"./p-Byed_Z2G.js";import{C as y}from"./p-Dpk_WgCl.js";import{m as g}from"./p-Djkc69iv.js";import{r as k}from"./p-BEuV0Xpe.js";import{d as C}from"./p-B-O0ylt_.js";import{d as I}from"./p-CrDBjFhu.js";import{d as A}from"./p-DtOqKp7K.js";import{d as E}from"./p-zyYHTdEN.js";import{d as T}from"./p-C2jvmCOl.js";import{d as D}from"./p-3VG6z9c3.js";import{d as S}from"./p-CGHbrmJg.js";import{d as V}from"./p-Dwe6tWhq.js";import{d as R}from"./p-Dfd_ifAu.js";import{d as O}from"./p-DhWkcMmR.js";import{H as L}from"./p-BWknDysp.js";let j=0;const B=t(class extends(e(...w,y,x)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7),this.inputChange=i(this,"inputChange",7),this.addItem=i(this,"addItem",7),this.ixBlur=i(this,"ixBlur",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;required=!1;label;ariaLabelClearIconButton="Clear selection";ariaLabelAddItem="Add item";i18nMoreItems="{count} more";warningText;infoText;invalidText;validText;helperText;showTextAsTooltip;value="";allowClear=!1;mode="single";editable=!1;disabled=!1;readonly=!1;i18nPlaceholder="Select an option";i18nPlaceholderEditable="Type of select option";i18nSelectListHeader="Select an option";i18nNoMatches="No matches";i18nAllSelected="All";i18nRemoveSelectedItem="Remove";hideListHeader=!1;dropdownWidth;dropdownMaxWidth;collapseMultipleSelection=!1;enableTopLayer=!1;valueChange;inputChange;addItem;ixBlur;dropdownShow=!1;selectedLabels=[];isDropdownEmpty=!1;inputFilterText="";inputValue="";visibleChipValues=null;hiddenChipValues=[];overflowDropdownShow=!1;hasInputFocus=!1;dropdownItemsVisualFocused=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;hostId="ix-select-"+j++;dropdownWrapperRef=g();dropdownAnchorRef=g();inputRef=g();dropdownRef=g();chipElementRefs=new Map;chipWidths=new Map;overflowChipRef=g();chipsContainerRef=g();clearButtonRef=g();chipHorizontalMargin=4;triggerMinWidth=78;overflowChipFallbackWidth=52;overflowChipWidth=0;chipsResizeObserver;overflowDropdownOpenedByKeyboard=!1;proxyListObserver=null;inputElement;touched=!1;get nonShadowItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item"))}get shadowItems(){return Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-select-item"))}get focusableItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item:not([disabled]):not([hidden]), ix-dropdown-item:not([disabled]):not([hidden])"))}get allFocusableItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item, ix-dropdown-item"))}get items(){return[...this.nonShadowItems,...this.shadowItems]}get selectedItems(){return this.items.filter((t=>t.selected))}get addItemElement(){return this.hostElement.querySelector("ix-dropdown-item.add-item")}get isSingleMode(){return"single"===this.mode}get isMultipleMode(){return"multiple"===this.mode}get isEveryDropdownItemHidden(){return this.items.every((t=>!0===t.hidden))}watchValue(t){this.value=t,this.updateSelection()}watchDisabledReadonly(){this.chipWidths.clear(),this.overflowChipWidth=0}updateFormInternalValue(t){Array.isArray(t)?this.formInternals.setFormValue(t.join(",")):this.formInternals.setFormValue(t)}async hasValidValue(){return this.required&&!!this.hasValue()}hasValue(){return Array.isArray(this.value)?!!this.value.length:!!this.value}itemClick(t){const e=this.value,i=this.toggleValue(t);this.value=i,this.emitValueChange(i)?this.value=e:(this.updateSelection(),this.isMultipleMode&&this.inputFilterText&&(this.clearInput(),this.removeHiddenAttributeFromItems()))}emitAddItem(t){if(void 0===t||""===t.trim())return!1;const{defaultPrevented:e}=this.addItem.emit(t);if(e)return!0;const i=document.createElement("ix-select-item");return i.value=t,i.label=t,this.addItemElement?.before(i),k((()=>{this.clearInput(),this.itemClick(t)})),!1}toggleValue(t){if(!this.isMultipleMode)return t;if(!this.value)return[t];let e=this.value;return Array.isArray(e)||(e=[e]),e.includes(t)?e.filter((e=>e!==t)):[...e,t]}updateSelection(){let t=[];this.value&&(t=Array.isArray(this.value)?[...this.value]:[this.value]),this.items.forEach((e=>{e.selected=t.some((t=>typeof t!=typeof e.value?t.toString()===e.value.toString():t===e.value))})),this.selectedLabels=this.selectedItems.map((t=>t.label??t.value)),this.pruneChipWidthCache(),this.dropdownShow&&this.inputFilterText||(this.inputValue=this.selectedLabels?.length&&this.isSingleMode?this.selectedLabels[0]??"":"",this.inputElement&&(this.inputElement.value=this.inputValue))}emitValueChange(t){const{defaultPrevented:e}=this.valueChange.emit(t);return!!e||(this.updateFormInternalValue(t),!1)}createAddItemElement(){const t=()=>{this.emitAddItem(this.inputFilterText)};this.hostElement.querySelector(".add-item")||this.hostElement.appendChild((()=>{const e=document.createElement("ix-dropdown-item");return e.hidden=!0,e.setAttribute("data-testid","add-item"),e.icon=d,e.classList.add("add-item"),e.addEventListener("click",t),e.style.order=Number.MAX_SAFE_INTEGER.toString(),e.ariaHidden="true",e.role="presentation",e})())}componentDidLoad(){this.inputElement?.addEventListener("input",(()=>{this.dropdownShow=!0,this.inputChange.emit(this.inputElement?.value)})),this.createAddItemElement(),this.proxyListObserver=new MutationObserver((()=>{this.updateAriaProxyListbox()})),this.proxyListObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["aria-selected"],subtree:!0,childList:!0});const t=this.chipsContainerRef.current;t&&(this.chipsResizeObserver=new ResizeObserver((()=>{this.handleChipsContainerResize()})),this.chipsResizeObserver.observe(t))}componentWillLoad(){this.updateSelection(),this.updateFormInternalValue(this.value)}disconnectedCallback(){super.disconnectedCallback(),this.proxyListObserver?.disconnect(),this.chipsResizeObserver?.disconnect()}onLabelChange(t){t.preventDefault(),t.stopImmediatePropagation(),this.chipWidths.clear(),this.updateSelection()}itemExists(t){return this.items.find((e=>e.label===t))}getActiveVisualFocusedItem(){const t=f(this.hostElement,`.${v}`);return t.length>0?t[0]:null}dropdownVisibilityChanged(t){this.dropdownShow=t.detail,t.detail?(this.inputElement?.focus(),this.hasValue()&&this.inputElement?.select(),this.inputFilterText||this.removeHiddenAttributeFromItems(),this.isDropdownEmpty=this.isEveryDropdownItemHidden,this.checkVisibilityOfProxyList()):(this.updateSelection(),this.inputFilterText="",this.dropdownItemsVisualFocused=!1,this.inputElement?.setAttribute("aria-activedescendant",""))}setItemFilter(){this.inputFilterText=this.inputElement?.value.trim()??"",this.inputFilterText?this.items.forEach((t=>{const e=this.hostElement.shadowRoot?.getElementById(`${t.id}-${u}`);t.hidden=!1,e&&(e.hidden=!1,e.setAttribute("aria-hidden","false")),t.label?.toLowerCase().includes(this.inputFilterText.toLowerCase())||(t.hidden=!0,e&&(e.hidden=!0,e.setAttribute("aria-hidden","true")))})):this.removeHiddenAttributeFromItems(),this.isDropdownEmpty=this.isEveryDropdownItemHidden,this.checkVisibilityOfProxyList()}checkVisibilityOfProxyList(){const t=this.hostElement?.shadowRoot?.getElementById(`${this.hostId}-${p}`);t&&(t.hidden=this.isDropdownEmpty)}removeHiddenAttributeFromItems(){this.items.forEach((t=>{t.hidden=!1;const e=this.hostElement.shadowRoot?.getElementById(`${t.id}-${u}`);e&&(e.hidden=!1,e.setAttribute("aria-hidden","false"))}))}clearInput(){this.inputElement&&(this.inputElement.value=""),this.inputFilterText=""}clear(){this.clearInput(),this.selectedLabels=[];const t=this.isSingleMode?"":[];this.value=t,this.emitValueChange(t),this.dropdownShow=!1}onInputBlur(t){this.ixBlur.emit(),this.touched=!0,this.hasInputFocus=!1,this.editable||this.isSingleMode||this.dropdownShow||"multiple"===this.mode||(t.target.value=this.selectedLabels.toString())}onInputFocus(){this.hasInputFocus=!0}placeholderValue(){return this.disabled||this.readonly?"":this.editable?this.i18nPlaceholderEditable:this.i18nPlaceholder}isAddItemVisible(){return!this.itemExists(this.inputFilterText)&&this.editable&&this.inputFilterText}shouldDisplayAllChip(){return this.selectedItems.length===this.items.length&&this.collapseMultipleSelection}getRemoveChipAriaLabel(t){const e=(t.label??t.value)?.toString().trim();return e?`${this.i18nRemoveSelectedItem} ${e}`:this.i18nRemoveSelectedItem}renderAllChip(){return s("ix-filter-chip",{disabled:this.disabled||this.readonly,ariaLabelCloseIconButton:`${this.i18nRemoveSelectedItem} ${this.i18nAllSelected}`,onCloseClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()}},`${this.i18nAllSelected} (${this.selectedItems.length})`)}renderChip(t,e){const i=t.value.toString();return s("ix-filter-chip",{class:{"chip-measuring":e},disabled:this.disabled||this.readonly,key:i,ariaLabelCloseIconButton:this.getRemoveChipAriaLabel(t),ref:t=>{t?this.chipElementRefs.set(i,t):this.chipElementRefs.delete(i)},onCloseClick:()=>{this.itemClick(t.value),this.inputElement?.focus()}},t.label)}renderHiddenChip(t){return s("ix-filter-chip",{class:"chip-hidden-item",disabled:this.disabled||this.readonly,key:`hidden-${t.value}`,ariaLabelCloseIconButton:this.getRemoveChipAriaLabel(t),onCloseClick:()=>{this.overflowDropdownShow=!1,this.itemClick(t.value),this.inputElement?.focus()}},t.label)}renderOverflowChip(){const t=this.hiddenChipValues.length,e=this.i18nMoreItems.replace("{count}",t.toString());return s("ix-filter-chip",{key:"overflow-chip",class:"chip-overflow",hideCloseButton:!0,disabled:this.disabled||this.readonly,tabindex:this.disabled||this.readonly?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":c(this.overflowDropdownShow),"aria-label":e,ref:this.overflowChipRef,onClick:t=>{t.preventDefault(),t.stopPropagation(),this.toggleOverflowDropdown()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),t.stopImmediatePropagation(),this.overflowDropdownOpenedByKeyboard=!0,this.overflowDropdownShow=!0)}},`+${t}`)}renderMultipleModeChips(){if(0===this.items.length)return null;if(this.shouldDisplayAllChip())return this.renderAllChip();const t=this.selectedItems;if(0===t.length)return null;const e=t.filter((t=>{const e=t.value.toString();return!!this.chipWidths.has(e)&&(null===this.visibleChipValues||this.visibleChipValues.includes(e))})),i=t.filter((t=>!this.chipWidths.has(t.value.toString())));return[...e.map((t=>this.renderChip(t,!1))),this.hiddenChipValues.length>0?this.renderOverflowChip():null,...i.map((t=>this.renderChip(t,!0)))]}renderOverflowDropdown(){return s("ix-dropdown",{class:"overflow-dropdown",show:this.overflowDropdownShow,anchor:this.overflowChipRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",onShowChanged:t=>{this.overflowDropdownShow=t.detail,t.detail&&this.overflowDropdownOpenedByKeyboard&&(this.overflowDropdownOpenedByKeyboard=!1,this.focusOverflowRemoveButton(0))}},s("div",{class:"overflow-dropdown-content"},this.hiddenChipValues.map((t=>{const e=this.selectedItems.find((e=>e.value.toString()===t));return e?this.renderHiddenChip(e):null}))))}toggleOverflowDropdown(){this.disabled||this.readonly||(this.overflowDropdownShow=!this.overflowDropdownShow)}getOverflowRemoveButtons(){const t=this.hostElement.shadowRoot?.querySelector("ix-dropdown.overflow-dropdown");return t?Array.from(t.querySelectorAll("ix-filter-chip.chip-hidden-item")).flatMap((t=>{const e=t.shadowRoot?.querySelector("ix-icon-button"),i=e?.shadowRoot?.querySelector("button");return i?[i]:[]})):[]}focusOverflowRemoveButton(t){k((()=>{const e=this.getOverflowRemoveButtons()[t];e&&(e.focus({preventScroll:!0}),e.scrollIntoView({block:"nearest"}))}))}onOverflowRemoveButtonKeyDown(t){if(!this.overflowDropdownShow)return;const e=this.getOverflowRemoveButtons(),i=e.findIndex((e=>t.composedPath().includes(e)));if(-1!==i)switch(t.key){case"ArrowDown":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton((i+1)%e.length);break;case"ArrowUp":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton((i-1+e.length)%e.length);break;case"Tab":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton(t.shiftKey?(i-1+e.length)%e.length:(i+1)%e.length);break;case"Escape":t.preventDefault(),t.stopImmediatePropagation(),this.overflowDropdownShow=!1,this.focusOverflowChip()}}focusOverflowChip(){k((()=>{this.overflowChipRef.current?.focus({preventScroll:!0})}))}pruneChipWidthCache(){const t=new Set(this.selectedItems.map((t=>t.value.toString())));for(const e of this.chipWidths.keys())t.has(e)||this.chipWidths.delete(e)}sameChipValues(t,e){return t===e||null!==t&&null!==e&&t.length===e.length&&t.every(((t,i)=>t===e[i]))}applyOverflowState(t,e){this.sameChipValues(this.visibleChipValues,t)||(this.visibleChipValues=t),this.sameChipValues(this.hiddenChipValues,e)||(this.hiddenChipValues=e),0===e.length&&this.overflowDropdownShow&&(this.overflowDropdownShow=!1)}getChipWidthWithMargin(t){return(this.chipWidths.get(t)??0)+this.chipHorizontalMargin}getOverflowChipWidthWithMargin(){return(this.overflowChipWidth||this.overflowChipFallbackWidth)+this.chipHorizontalMargin}canShowAllChips(t,e){return t.reduce(((t,e)=>t+this.getChipWidthWithMargin(e)),0)<=e}getOverflowChipValues(t,e){const[i,...s]=t;if(void 0===i)return{visible:[],hidden:[]};const o=[i],r=[];let n=this.getChipWidthWithMargin(i);const a=this.getOverflowChipWidthWithMargin();for(const[t,i]of s.entries()){const l=this.getChipWidthWithMargin(i);if(!(n+l+a<=e)){r.push(...s.slice(t));break}o.push(i),n+=l}return{visible:o,hidden:r}}hasUnmeasuredSelectedChips(t){return t.some((t=>!this.chipWidths.has(t)))}getChipOverflowContext(){if(!this.isMultipleMode||this.shouldDisplayAllChip())return this.applyOverflowState(null,[]),null;const t=this.chipsContainerRef.current;if(!t)return null;const e=this.selectedItems.map((t=>t.value.toString()));return 0===e.length?(this.applyOverflowState(null,[]),null):{container:t,values:e}}handleChipsContainerResize(){const t=this.getChipOverflowContext();t&&(this.hasUnmeasuredSelectedChips(t.values)?o(this):this.calculateChipOverflow(t))}calculateChipOverflow(t=this.getChipOverflowContext()){if(!t)return;const{container:e,values:i}=t;if(!i.every((t=>this.chipWidths.has(t))))return;const s=e.clientWidth-this.triggerMinWidth-(this.allowClear&&this.clearButtonRef.current?this.clearButtonRef.current.offsetWidth:0);if(this.canShowAllChips(i,s))return void this.applyOverflowState(null,[]);const{visible:o,hidden:r}=this.getOverflowChipValues(i,s);this.applyOverflowState(o,r)}async waitForComponentReady(t){const e=t;"function"==typeof e?.componentOnReady&&await e.componentOnReady()}waitForNextFrame(){return new Promise((t=>k((()=>t()))))}async waitForChipLayout(t){await Promise.all(t.map((t=>this.waitForComponentReady(t)))),await this.waitForNextFrame()}async measureSelectedChipWidths(t){const e=t.map((t=>this.chipElementRefs.get(t.value.toString())));await this.waitForChipLayout(e);let i=!1;for(const e of t){const t=e.value.toString(),s=this.chipElementRefs.get(t);s&&s.offsetWidth>0&&(this.chipWidths.set(t,s.offsetWidth),i=!0)}return i}async measureOverflowChipWidth(){if(0===this.hiddenChipValues.length||this.overflowChipWidth>0)return;const t=await this.overflowChipRef.waitForCurrent();await this.waitForChipLayout([t]),t.offsetWidth>0&&(this.overflowChipWidth=t.offsetWidth)}async componentDidRender(){if(!this.isMultipleMode||this.shouldDisplayAllChip())return void this.applyOverflowState(null,[]);const t=this.selectedItems;if(0===t.length)return void this.applyOverflowState(null,[]);const e=t.filter((t=>!this.chipWidths.has(t.value.toString())));e.length>0?await this.measureSelectedChipWidths(e)&&(this.calculateChipOverflow(),o(this)):(await this.measureOverflowChipWidth(),this.calculateChipOverflow())}onValidationChange({isInvalid:t,isInvalidByRequired:e,isValid:i,isInfo:s,isWarning:o}){this.isInvalid=t||e,this.isValid=i,this.isWarning=o,this.isInfo=s}async getAssociatedFormElement(){return this.formInternals.form}getNativeInputElement(){return this.inputElement?Promise.resolve(this.inputElement):Promise.reject(new Error("Input element not found"))}async focusInput(){const t=await this.getNativeInputElement();t&&t.focus()}isTouched(){return Promise.resolve(this.touched)}getControllingAriaElement(){return this.inputRef.waitForCurrent()}isAriaActiveDescendantActive(){return this.dropdownShow}getAriaActiveDescendantProxyItemId(){return"proxy-listbox-item"}componentWillRender(){if(this.addItemElement&&(this.addItemElement.hidden=!this.isAddItemVisible(),this.addItemElement.label=this.inputFilterText),this.updateAriaProxyListbox(),this.isMultipleMode&&!this.shouldDisplayAllChip()){const t=this.selectedItems;t.length>0&&t.every((t=>this.chipWidths.has(t.value.toString())))&&this.calculateChipOverflow()}}updateAriaProxyListbox(){const t=this.hostElement.shadowRoot?.getElementById(`${this.hostId}-proxy-listbox`);0!==this.focusableItems.length&&b(t,this.focusableItems,((t,e)=>{const i="IX-SELECT-ITEM"===t.tagName,s=t.getAttribute("aria-label")||t.label||(i?t.value:"")||"",o=i?t.selected:t.checked;e.role="option",e.innerText=t.label??"",e.ariaLabel=s,e.ariaSelected=c(!!o),e.addEventListener("click",(e=>{e.stopPropagation(),e.preventDefault(),t.click()})),this.addItemElement===t&&(e.ariaLabel=`${this.ariaLabelAddItem}: ${t.label}`),t.ariaHidden="true"}))}render(){return s(r,{key:"3d24590fff4b5d99842ec846719e68d65e13d69d",id:this.getHostElementId(),class:{readonly:this.readonly,disabled:this.disabled,"show-focus-outline":this.hasInputFocus&&!this.dropdownItemsVisualFocused},tabIndex:this.disabled?-1:0},s("ix-field-wrapper",{key:"38d7afa06295f5ad795a43cfbe875e341f9837bd",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},s("div",{key:"e3640d7028f8e43208243a7a49d1065897199f85",class:{select:!0,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchorRef(t),this.dropdownWrapperRef(t)}},s("div",{key:"8f7f92597a46203db9c2bb9d6059dec538d5b288",class:"input-container"},s("div",{key:"500f47f8ae57080d867b84ce31972108d5ef931d",class:"chips",ref:this.chipsContainerRef},this.isMultipleMode&&this.renderMultipleModeChips(),s("div",{key:"330c7e488669f0ca1283e0f2fe1a09ed9a823397",class:"trigger"},s("input",{key:"69b2a620b3802ad51d9a092b589e9ab48290cb4c",id:`${this.hostId}-input`,role:"combobox","aria-controls":`${this.hostId}-proxy-listbox`,"aria-expanded":c(this.dropdownShow),"aria-autocomplete":"list","aria-disabled":c(this.disabled),autocomplete:"off","data-testid":"input",disabled:this.disabled,readOnly:this.readonly,required:this.required,type:"text",class:{"allow-clear":this.allowClear&&!!this.selectedLabels?.length},placeholder:this.placeholderValue(),value:this.inputValue??"",ref:t=>{this.inputElement=t,this.inputRef(t)},onFocus:()=>this.onInputFocus(),onBlur:t=>this.onInputBlur(t),onInput:()=>this.setItemFilter()}),!this.allowClear||this.disabled||this.readonly||!this.selectedLabels?.length&&!this.inputFilterText?null:s("ix-icon-button",{key:"clear",class:"clear",icon:a,variant:"subtle-tertiary",oval:!0,size:"16",ref:this.clearButtonRef,onClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()},"aria-label":this.ariaLabelClearIconButton}),this.disabled||this.readonly?null:s("ix-icon-button",{"aria-label":this.dropdownShow?"Close select dropdown":"Open select dropdown","aria-hidden":"true",ref:t=>{const e=t;e.tabIndex=-1,e.ariaHidden="true"},"data-select-dropdown":!0,key:"dropdown",class:{"dropdown-visible":this.dropdownShow},icon:this.dropdownShow?l:h,variant:"subtle-tertiary"})))))),s("ix-dropdown",{key:"c44d1ab3cc63edc72b69a328290f51b677002bfa",id:`${this.hostId}-listbox`,keyboardActivationKeys:["ArrowUp","ArrowDown"],keyboardItemTriggerKeys:["Enter"],disableFocusTrap:!0,focusHost:this.hostElement,ref:this.dropdownRef,show:this.dropdownShow,closeBehavior:this.isMultipleMode?"outside":"both",hidden:this.disabled||this.readonly,anchor:this.dropdownAnchorRef.waitForCurrent(),trigger:this.dropdownWrapperRef.waitForCurrent(),onShowChange:t=>{(this.disabled||this.readonly)&&t.detail&&t.preventDefault()},onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom-start",enableTopLayer:this.enableTopLayer,overwriteDropdownStyle:async()=>{const t={},e=this.hostElement.shadowRoot?.querySelector(".select")?.getBoundingClientRect().width;return e&&(t.minWidth=`${e}px`),this.dropdownWidth&&(t.width=`min(${this.dropdownWidth}, 100%)`),this.dropdownMaxWidth&&(t.maxWidth=`min(${this.dropdownMaxWidth}, 100%)`),t},onClick:t=>{const e=t.target;if("IX-DROPDOWN-ITEM"!==e.tagName&&"IX-SELECT-ITEM"!==e.tagName)return;const i=this.getActiveVisualFocusedItem()??e;i&&(t.stopPropagation(),i.classList.contains("add-item")||(this.itemClick(i.value),this.setItemFilter()),this.isSingleMode&&(this.dropdownShow=!1))}},s("div",{key:"992a4564d8d601adad70a14fb45efc22155f66ea","aria-hidden":"true",class:{"select-list-header":!0,hidden:this.hideListHeader||this.isDropdownEmpty},title:this.i18nSelectListHeader,onClick:t=>t.preventDefault()},this.i18nSelectListHeader),s("slot",{key:"e4294d41e1d797ad9fff11f36deb1bdc9cf87208",onSlotchange:()=>{this.updateSelection()}}),s(m,{key:"4d1c63a6f403f3cac6558176d3360d68b21c78c8",hostId:this.hostId,otherProps:{"aria-hidden":c(!this.dropdownShow),"aria-multiselectable":c(this.isMultipleMode),hidden:this.disabled||this.readonly}}),this.isDropdownEmpty&&!this.editable&&s("div",{key:"a962db05209dba24fd4e800fc79c0a2c220ebe88",class:"select-list-header"},this.i18nNoMatches)),this.isMultipleMode&&!this.shouldDisplayAllChip()&&this.hiddenChipValues.length>0&&this.renderOverflowDropdown())}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],disabled:[{watchDisabledReadonly:0}],readonly:[{watchDisabledReadonly:0}]}}static get style(){return":host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .select{position:relative;display:flex;align-items:center;width:100%;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:hover:not(.readonly):not(.disabled){background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select.readonly,:host .select.disabled{box-shadow:none !important}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active,:host .select.disabled,:host .select.disabled:hover,:host .select.disabled:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible,:host .select.disabled:focus,:host .select.disabled:focus-within,:host .select.disabled:focus-visible{outline:none}:host .select.readonly input:focus,:host .select.readonly input:focus-visible,:host .select.disabled input:focus,:host .select.disabled input:focus-visible{outline:none}:host .select.disabled{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .select.disabled input{color:var(--theme-input--color--disabled)}:host .select.readonly{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .select.readonly input{color:var(--theme-input--color--readonly)}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:nowrap;height:100%;flex-grow:1;overflow:hidden}:host .input-container .chips>ix-filter-chip{margin:0.1rem;flex-shrink:0;max-width:min(40%, 14rem)}:host .input-container .chips>ix-filter-chip.chip-measuring{position:absolute;visibility:hidden;pointer-events:none}:host .input-container .chips>ix-filter-chip.chip-overflow{cursor:pointer}:host .input-container .chips>ix-filter-chip.chip-overflow:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .input-container ix-icon-button{height:1.875rem;width:1.875rem;min-height:1.875rem;min-width:1.875rem}:host .input-container input{background:transparent;height:1.75rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host ix-dropdown{display:flex;flex-direction:column;max-width:100%}:host .overflow-dropdown-content{display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;max-height:16rem;overflow-y:auto;padding:0.5rem}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-std-text--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .hidden{display:none !important}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}:host(.ix-focused) .select,:host(.show-focus-outline) .select{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--warning);background-color:var(--theme-input--background--warning)}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--invalid);background-color:var(--theme-input--background--invalid)}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--invalid--active) !important}"}},[849,"ix-select",{name:[513],required:[516],label:[1],ariaLabelClearIconButton:[1,"aria-label-clear-icon-button"],ariaLabelAddItem:[1,"aria-label-add-item"],i18nMoreItems:[1,"i18n-more-items"],warningText:[1,"warning-text"],infoText:[1,"info-text"],invalidText:[1,"invalid-text"],validText:[1,"valid-text"],helperText:[1,"helper-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],value:[1025],allowClear:[4,"allow-clear"],mode:[1],editable:[4],disabled:[4],readonly:[4],i18nPlaceholder:[1,"i18n-placeholder"],i18nPlaceholderEditable:[1,"i18n-placeholder-editable"],i18nSelectListHeader:[1,"i18n-select-list-header"],i18nNoMatches:[1,"i18n-no-matches"],i18nAllSelected:[1,"i18n-all-selected"],i18nRemoveSelectedItem:[1,"i18n-remove-selected-item"],hideListHeader:[4,"hide-list-header"],dropdownWidth:[1,"dropdown-width"],dropdownMaxWidth:[1,"dropdown-max-width"],collapseMultipleSelection:[4,"collapse-multiple-selection"],enableTopLayer:[4,"enable-top-layer"],dropdownShow:[32],selectedLabels:[32],isDropdownEmpty:[32],inputFilterText:[32],inputValue:[32],visibleChipValues:[32],hiddenChipValues:[32],overflowDropdownShow:[32],hasInputFocus:[32],dropdownItemsVisualFocused:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],getAssociatedFormElement:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"],[0,"ix-select-item:valueChange","onLabelChange"],[0,"ix-select-item:labelChange","onLabelChange"],[2,"keydown","onOverflowRemoveButtonKeyDown"]],{value:[{watchValue:0}],disabled:[{watchDisabledReadonly:0}],readonly:[{watchDisabledReadonly:0}]}]);function W(){"undefined"!=typeof customElements&&["ix-select","ix-dropdown","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-filter-chip","ix-icon-button","ix-select-item","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-select":customElements.get(n(t))||customElements.define(n(t),B);break;case"ix-dropdown":customElements.get(n(t))||C();break;case"ix-dropdown-item":customElements.get(n(t))||I();break;case"ix-field-label":customElements.get(n(t))||A();break;case"ix-field-wrapper":customElements.get(n(t))||E();break;case"ix-filter-chip":customElements.get(n(t))||T();break;case"ix-icon-button":customElements.get(n(t))||D();break;case"ix-select-item":customElements.get(n(t))||S();break;case"ix-spinner":customElements.get(n(t))||V();break;case"ix-tooltip":customElements.get(n(t))||R();break;case"ix-typography":customElements.get(n(t))||O()}}))}!function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);r>3&&n&&Object.defineProperty(e,i,n)}([L()],B.prototype,"onValidationChange",null);export{B as S,W as d}
|
|
1
|
+
import{p as t,M as e,e as i,h as s,i as o,d as r,t as n}from"./p-CtDOTMOT.js";import{m as a,v as l,h,K as d}from"./p-BtSt9tC5.js";import{a as c}from"./p-C21npbUc.js";import{P as u,a as p,u as b,F as m}from"./p-BBCsPlPH.js";import{q as f,I as v}from"./p-C5UTTqsv.js";import{D as w}from"./p-CApDAYIa.js";import{A as x}from"./p-Byed_Z2G.js";import{C as y}from"./p-Dpk_WgCl.js";import{m as g}from"./p-Djkc69iv.js";import{r as k}from"./p-BEuV0Xpe.js";import{d as C}from"./p-olkZUb1j.js";import{d as I}from"./p-BIcWFids.js";import{d as A}from"./p-baqpOH0g.js";import{d as E}from"./p-CkIELF-1.js";import{d as T}from"./p-CgHioxG-.js";import{d as D}from"./p-3VG6z9c3.js";import{d as S}from"./p-BRoFUwzJ.js";import{d as V}from"./p-Dwe6tWhq.js";import{d as R}from"./p-Dl_YKIKl.js";import{d as L}from"./p-1KOHyx-1.js";import{H as O}from"./p-BWknDysp.js";let F=0;const j=t(class extends(e(...w,y,x)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7),this.inputChange=i(this,"inputChange",7),this.addItem=i(this,"addItem",7),this.ixBlur=i(this,"ixBlur",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;required=!1;label;ariaLabelClearIconButton="Clear selection";ariaLabelAddItem="Add item";i18nMoreItems="{count} more";warningText;infoText;invalidText;validText;helperText;showTextAsTooltip;value="";allowClear=!1;mode="single";editable=!1;disabled=!1;readonly=!1;i18nPlaceholder="Select an option";i18nPlaceholderEditable="Type of select option";i18nSelectListHeader="Select an option";i18nNoMatches="No matches";i18nAllSelected="All";i18nRemoveSelectedItem="Remove";hideListHeader=!1;dropdownWidth;dropdownMaxWidth;collapseMultipleSelection=!1;enableTopLayer=!1;valueChange;inputChange;addItem;ixBlur;dropdownShow=!1;selectedLabels=[];isDropdownEmpty=!1;inputFilterText="";inputValue="";visibleChipValues=null;hiddenChipValues=[];overflowDropdownShow=!1;hasInputFocus=!1;dropdownItemsVisualFocused=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;hostId="ix-select-"+F++;dropdownWrapperRef=g();dropdownAnchorRef=g();inputRef=g();dropdownRef=g();chipElementRefs=new Map;chipWidths=new Map;overflowChipRef=g();chipsContainerRef=g();clearButtonRef=g();chipHorizontalMargin=4;triggerMinWidth=78;overflowChipFallbackWidth=52;overflowChipWidth=0;chipsResizeObserver;overflowDropdownOpenedByKeyboard=!1;proxyListObserver=null;inputElement;touched=!1;get nonShadowItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item"))}get shadowItems(){return Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-select-item"))}get focusableItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item:not([disabled]):not([hidden]), ix-dropdown-item:not([disabled]):not([hidden])"))}get allFocusableItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item, ix-dropdown-item"))}get items(){return[...this.nonShadowItems,...this.shadowItems]}get selectedItems(){return this.items.filter((t=>t.selected))}get addItemElement(){return this.hostElement.querySelector("ix-dropdown-item.add-item")}get isSingleMode(){return"single"===this.mode}get isMultipleMode(){return"multiple"===this.mode}get isEveryDropdownItemHidden(){return this.items.every((t=>!0===t.hidden))}watchValue(t){this.value=t,this.updateSelection()}watchDisabledReadonly(){this.chipWidths.clear(),this.overflowChipWidth=0}updateFormInternalValue(t){Array.isArray(t)?this.formInternals.setFormValue(t.join(",")):this.formInternals.setFormValue(t)}async hasValidValue(){return this.required&&!!this.hasValue()}hasValue(){return Array.isArray(this.value)?!!this.value.length:!!this.value}itemClick(t){const e=this.value,i=this.toggleValue(t);this.value=i,this.emitValueChange(i)?this.value=e:(this.updateSelection(),this.isMultipleMode&&this.inputFilterText&&(this.clearInput(),this.removeHiddenAttributeFromItems()))}emitAddItem(t){if(void 0===t||""===t.trim())return!1;const{defaultPrevented:e}=this.addItem.emit(t);if(e)return!0;const i=document.createElement("ix-select-item");return i.value=t,i.label=t,this.addItemElement?.before(i),k((()=>{this.clearInput(),this.itemClick(t)})),!1}toggleValue(t){if(!this.isMultipleMode)return t;if(!this.value)return[t];let e=this.value;return Array.isArray(e)||(e=[e]),e.includes(t)?e.filter((e=>e!==t)):[...e,t]}updateSelection(){let t=[];this.value&&(t=Array.isArray(this.value)?[...this.value]:[this.value]),this.items.forEach((e=>{e.selected=t.some((t=>typeof t!=typeof e.value?t.toString()===e.value.toString():t===e.value))})),this.selectedLabels=this.selectedItems.map((t=>t.label??t.value)),this.pruneChipWidthCache(),this.dropdownShow&&this.inputFilterText||(this.inputValue=this.selectedLabels?.length&&this.isSingleMode?this.selectedLabels[0]??"":"",this.inputElement&&(this.inputElement.value=this.inputValue))}emitValueChange(t){const{defaultPrevented:e}=this.valueChange.emit(t);return!!e||(this.updateFormInternalValue(t),!1)}createAddItemElement(){const t=()=>{this.emitAddItem(this.inputFilterText)};this.hostElement.querySelector(".add-item")||this.hostElement.appendChild((()=>{const e=document.createElement("ix-dropdown-item");return e.hidden=!0,e.setAttribute("data-testid","add-item"),e.icon=d,e.classList.add("add-item"),e.addEventListener("click",t),e.style.order=Number.MAX_SAFE_INTEGER.toString(),e.ariaHidden="true",e.role="presentation",e})())}componentDidLoad(){this.inputElement?.addEventListener("input",(()=>{this.dropdownShow=!0,this.inputChange.emit(this.inputElement?.value)})),this.createAddItemElement(),this.proxyListObserver=new MutationObserver((()=>{this.updateAriaProxyListbox()})),this.proxyListObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["aria-selected"],subtree:!0,childList:!0});const t=this.chipsContainerRef.current;t&&(this.chipsResizeObserver=new ResizeObserver((()=>{this.handleChipsContainerResize()})),this.chipsResizeObserver.observe(t))}componentWillLoad(){this.updateSelection(),this.updateFormInternalValue(this.value)}disconnectedCallback(){super.disconnectedCallback(),this.proxyListObserver?.disconnect(),this.chipsResizeObserver?.disconnect()}onLabelChange(t){t.preventDefault(),t.stopImmediatePropagation(),this.chipWidths.clear(),this.updateSelection()}itemExists(t){return this.items.find((e=>e.label===t))}getActiveVisualFocusedItem(){const t=f(this.hostElement,`.${v}`);return t.length>0?t[0]:null}dropdownVisibilityChanged(t){this.dropdownShow=t.detail,t.detail?(this.inputElement?.focus(),this.hasValue()&&this.inputElement?.select(),this.inputFilterText||this.removeHiddenAttributeFromItems(),this.isDropdownEmpty=this.isEveryDropdownItemHidden,this.checkVisibilityOfProxyList()):(this.updateSelection(),this.inputFilterText="",this.dropdownItemsVisualFocused=!1,this.inputElement?.setAttribute("aria-activedescendant",""))}setItemFilter(){this.inputFilterText=this.inputElement?.value.trim()??"",this.inputFilterText?this.items.forEach((t=>{const e=this.hostElement.shadowRoot?.getElementById(`${t.id}-${u}`);t.hidden=!1,e&&(e.hidden=!1,e.setAttribute("aria-hidden","false")),t.label?.toLowerCase().includes(this.inputFilterText.toLowerCase())||(t.hidden=!0,e&&(e.hidden=!0,e.setAttribute("aria-hidden","true")))})):this.removeHiddenAttributeFromItems(),this.isDropdownEmpty=this.isEveryDropdownItemHidden,this.checkVisibilityOfProxyList()}checkVisibilityOfProxyList(){const t=this.hostElement?.shadowRoot?.getElementById(`${this.hostId}-${p}`);t&&(t.hidden=this.isDropdownEmpty)}removeHiddenAttributeFromItems(){this.items.forEach((t=>{t.hidden=!1;const e=this.hostElement.shadowRoot?.getElementById(`${t.id}-${u}`);e&&(e.hidden=!1,e.setAttribute("aria-hidden","false"))}))}clearInput(){this.inputElement&&(this.inputElement.value=""),this.inputFilterText=""}clear(){this.clearInput(),this.selectedLabels=[];const t=this.isSingleMode?"":[];this.value=t,this.emitValueChange(t),this.dropdownShow=!1}onInputBlur(t){this.ixBlur.emit(),this.touched=!0,this.hasInputFocus=!1,this.editable||this.isSingleMode||this.dropdownShow||"multiple"===this.mode||(t.target.value=this.selectedLabels.toString())}onInputFocus(){this.hasInputFocus=!0}placeholderValue(){return this.disabled||this.readonly?"":this.editable?this.i18nPlaceholderEditable:this.i18nPlaceholder}isAddItemVisible(){return!this.itemExists(this.inputFilterText)&&this.editable&&this.inputFilterText}shouldDisplayAllChip(){return this.selectedItems.length===this.items.length&&this.collapseMultipleSelection}getRemoveChipAriaLabel(t){const e=(t.label??t.value)?.toString().trim();return e?`${this.i18nRemoveSelectedItem} ${e}`:this.i18nRemoveSelectedItem}renderAllChip(){return s("ix-filter-chip",{disabled:this.disabled||this.readonly,ariaLabelCloseIconButton:`${this.i18nRemoveSelectedItem} ${this.i18nAllSelected}`,onCloseClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()}},`${this.i18nAllSelected} (${this.selectedItems.length})`)}renderChip(t,e){const i=t.value.toString();return s("ix-filter-chip",{class:{"chip-measuring":e},disabled:this.disabled||this.readonly,key:i,ariaLabelCloseIconButton:this.getRemoveChipAriaLabel(t),ref:t=>{t?this.chipElementRefs.set(i,t):this.chipElementRefs.delete(i)},onCloseClick:()=>{this.itemClick(t.value),this.inputElement?.focus()}},t.label)}renderHiddenChip(t){return s("ix-filter-chip",{class:"chip-hidden-item",disabled:this.disabled||this.readonly,key:`hidden-${t.value}`,ariaLabelCloseIconButton:this.getRemoveChipAriaLabel(t),onCloseClick:()=>{this.overflowDropdownShow=!1,this.itemClick(t.value),this.inputElement?.focus()}},t.label)}renderOverflowChip(){const t=this.hiddenChipValues.length,e=this.i18nMoreItems.replace("{count}",t.toString());return s("ix-filter-chip",{key:"overflow-chip",class:"chip-overflow",hideCloseButton:!0,disabled:this.disabled||this.readonly,tabindex:this.disabled||this.readonly?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":c(this.overflowDropdownShow),"aria-label":e,ref:this.overflowChipRef,onClick:t=>{t.preventDefault(),t.stopPropagation(),this.toggleOverflowDropdown()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),t.stopImmediatePropagation(),this.overflowDropdownOpenedByKeyboard=!0,this.overflowDropdownShow=!0)}},`+${t}`)}renderMultipleModeChips(){if(0===this.items.length)return null;if(this.shouldDisplayAllChip())return this.renderAllChip();const t=this.selectedItems;if(0===t.length)return null;const e=t.filter((t=>{const e=t.value.toString();return!!this.chipWidths.has(e)&&(null===this.visibleChipValues||this.visibleChipValues.includes(e))})),i=t.filter((t=>!this.chipWidths.has(t.value.toString())));return[...e.map((t=>this.renderChip(t,!1))),this.hiddenChipValues.length>0?this.renderOverflowChip():null,...i.map((t=>this.renderChip(t,!0)))]}renderOverflowDropdown(){return s("ix-dropdown",{class:"overflow-dropdown",show:this.overflowDropdownShow,anchor:this.overflowChipRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",onShowChanged:t=>{this.overflowDropdownShow=t.detail,t.detail&&this.overflowDropdownOpenedByKeyboard&&(this.overflowDropdownOpenedByKeyboard=!1,this.focusOverflowRemoveButton(0))}},s("div",{class:"overflow-dropdown-content"},this.hiddenChipValues.map((t=>{const e=this.selectedItems.find((e=>e.value.toString()===t));return e?this.renderHiddenChip(e):null}))))}toggleOverflowDropdown(){this.disabled||this.readonly||(this.overflowDropdownShow=!this.overflowDropdownShow)}getOverflowRemoveButtons(){const t=this.hostElement.shadowRoot?.querySelector("ix-dropdown.overflow-dropdown");return t?Array.from(t.querySelectorAll("ix-filter-chip.chip-hidden-item")).flatMap((t=>{const e=t.shadowRoot?.querySelector("ix-icon-button"),i=e?.shadowRoot?.querySelector("button");return i?[i]:[]})):[]}focusOverflowRemoveButton(t){k((()=>{const e=this.getOverflowRemoveButtons()[t];e&&(e.focus({preventScroll:!0}),e.scrollIntoView({block:"nearest"}))}))}onOverflowRemoveButtonKeyDown(t){if(!this.overflowDropdownShow)return;const e=this.getOverflowRemoveButtons(),i=e.findIndex((e=>t.composedPath().includes(e)));if(-1!==i)switch(t.key){case"ArrowDown":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton((i+1)%e.length);break;case"ArrowUp":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton((i-1+e.length)%e.length);break;case"Tab":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton(t.shiftKey?(i-1+e.length)%e.length:(i+1)%e.length);break;case"Escape":t.preventDefault(),t.stopImmediatePropagation(),this.overflowDropdownShow=!1,this.focusOverflowChip()}}focusOverflowChip(){k((()=>{this.overflowChipRef.current?.focus({preventScroll:!0})}))}pruneChipWidthCache(){const t=new Set(this.selectedItems.map((t=>t.value.toString())));for(const e of this.chipWidths.keys())t.has(e)||this.chipWidths.delete(e)}sameChipValues(t,e){return t===e||null!==t&&null!==e&&t.length===e.length&&t.every(((t,i)=>t===e[i]))}applyOverflowState(t,e){this.sameChipValues(this.visibleChipValues,t)||(this.visibleChipValues=t),this.sameChipValues(this.hiddenChipValues,e)||(this.hiddenChipValues=e),0===e.length&&this.overflowDropdownShow&&(this.overflowDropdownShow=!1)}getChipWidthWithMargin(t){return(this.chipWidths.get(t)??0)+this.chipHorizontalMargin}getOverflowChipWidthWithMargin(){return(this.overflowChipWidth||this.overflowChipFallbackWidth)+this.chipHorizontalMargin}canShowAllChips(t,e){return t.reduce(((t,e)=>t+this.getChipWidthWithMargin(e)),0)<=e}getOverflowChipValues(t,e){const[i,...s]=t;if(void 0===i)return{visible:[],hidden:[]};const o=[i],r=[];let n=this.getChipWidthWithMargin(i);const a=this.getOverflowChipWidthWithMargin();for(const[t,i]of s.entries()){const l=this.getChipWidthWithMargin(i);if(!(n+l+a<=e)){r.push(...s.slice(t));break}o.push(i),n+=l}return{visible:o,hidden:r}}hasUnmeasuredSelectedChips(t){return t.some((t=>!this.chipWidths.has(t)))}getChipOverflowContext(){if(!this.isMultipleMode||this.shouldDisplayAllChip())return this.applyOverflowState(null,[]),null;const t=this.chipsContainerRef.current;if(!t)return null;const e=this.selectedItems.map((t=>t.value.toString()));return 0===e.length?(this.applyOverflowState(null,[]),null):{container:t,values:e}}handleChipsContainerResize(){const t=this.getChipOverflowContext();t&&(this.hasUnmeasuredSelectedChips(t.values)?o(this):this.calculateChipOverflow(t))}calculateChipOverflow(t=this.getChipOverflowContext()){if(!t)return;const{container:e,values:i}=t;if(!i.every((t=>this.chipWidths.has(t))))return;const s=e.clientWidth-this.triggerMinWidth-(this.allowClear&&this.clearButtonRef.current?this.clearButtonRef.current.offsetWidth:0);if(this.canShowAllChips(i,s))return void this.applyOverflowState(null,[]);const{visible:o,hidden:r}=this.getOverflowChipValues(i,s);this.applyOverflowState(o,r)}async waitForComponentReady(t){const e=t;"function"==typeof e?.componentOnReady&&await e.componentOnReady()}waitForNextFrame(){return new Promise((t=>k((()=>t()))))}async waitForChipLayout(t){await Promise.all(t.map((t=>this.waitForComponentReady(t)))),await this.waitForNextFrame()}async measureSelectedChipWidths(t){const e=t.map((t=>this.chipElementRefs.get(t.value.toString())));await this.waitForChipLayout(e);let i=!1;for(const e of t){const t=e.value.toString(),s=this.chipElementRefs.get(t);s&&s.offsetWidth>0&&(this.chipWidths.set(t,s.offsetWidth),i=!0)}return i}async measureOverflowChipWidth(){if(0===this.hiddenChipValues.length||this.overflowChipWidth>0)return;const t=await this.overflowChipRef.waitForCurrent();await this.waitForChipLayout([t]),t.offsetWidth>0&&(this.overflowChipWidth=t.offsetWidth)}async componentDidRender(){if(!this.isMultipleMode||this.shouldDisplayAllChip())return void this.applyOverflowState(null,[]);const t=this.selectedItems;if(0===t.length)return void this.applyOverflowState(null,[]);const e=t.filter((t=>!this.chipWidths.has(t.value.toString())));e.length>0?await this.measureSelectedChipWidths(e)&&(this.calculateChipOverflow(),o(this)):(await this.measureOverflowChipWidth(),this.calculateChipOverflow())}onValidationChange({isInvalid:t,isInvalidByRequired:e,isValid:i,isInfo:s,isWarning:o}){this.isInvalid=t||e,this.isValid=i,this.isWarning=o,this.isInfo=s}async getAssociatedFormElement(){return this.formInternals.form}getNativeInputElement(){return this.inputElement?Promise.resolve(this.inputElement):Promise.reject(new Error("Input element not found"))}async focusInput(){const t=await this.getNativeInputElement();t&&t.focus()}isTouched(){return Promise.resolve(this.touched)}getControllingAriaElement(){return this.inputRef.waitForCurrent()}isAriaActiveDescendantActive(){return this.dropdownShow}getAriaActiveDescendantProxyItemId(){return"proxy-listbox-item"}componentWillRender(){if(this.addItemElement&&(this.addItemElement.hidden=!this.isAddItemVisible(),this.addItemElement.label=this.inputFilterText),this.updateAriaProxyListbox(),this.isMultipleMode&&!this.shouldDisplayAllChip()){const t=this.selectedItems;t.length>0&&t.every((t=>this.chipWidths.has(t.value.toString())))&&this.calculateChipOverflow()}}updateAriaProxyListbox(){const t=this.hostElement.shadowRoot?.getElementById(`${this.hostId}-proxy-listbox`);0!==this.focusableItems.length&&b(t,this.focusableItems,((t,e)=>{const i="IX-SELECT-ITEM"===t.tagName,s=t.getAttribute("aria-label")||t.label||(i?t.value:"")||"",o=i?t.selected:t.checked;e.role="option",e.innerText=t.label??"",e.ariaLabel=s,e.ariaSelected=c(!!o),e.addEventListener("click",(e=>{e.stopPropagation(),e.preventDefault(),t.click()})),this.addItemElement===t&&(e.ariaLabel=`${this.ariaLabelAddItem}: ${t.label}`),t.ariaHidden="true"}))}render(){return s(r,{key:"9415e1e8af83d128ad9214824c182a9c03a70180",id:this.getHostElementId(),class:{readonly:this.readonly,disabled:this.disabled,"show-focus-outline":this.hasInputFocus&&!this.dropdownItemsVisualFocused},tabIndex:this.disabled?-1:0},s("ix-field-wrapper",{key:"36b59b412aab4e527f2e09c7b800344d4831436e",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},s("div",{key:"353d3300511ab5311f1359d8591d58ffa862c8d1",class:{select:!0,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchorRef(t),this.dropdownWrapperRef(t)}},s("div",{key:"66708c6629d362e2187de9620b6a1386863c0fdf",class:"input-container"},s("div",{key:"b5c607cd3766f624d8c608a4eaeb31bea7d3d387",class:"chips",ref:this.chipsContainerRef},this.isMultipleMode&&this.renderMultipleModeChips(),s("div",{key:"84084dbaa7e87c16acd3ca2b487a60eb130f6cc7",class:"trigger"},s("input",{key:"f1f7203f87901eca257935c2a4729fd6e2e3db00",id:`${this.hostId}-input`,role:"combobox","aria-controls":`${this.hostId}-proxy-listbox`,"aria-expanded":c(this.dropdownShow),"aria-autocomplete":"list","aria-disabled":c(this.disabled),autocomplete:"off","data-testid":"input",disabled:this.disabled,readOnly:this.readonly,required:this.required,type:"text",class:{"allow-clear":this.allowClear&&!!this.selectedLabels?.length},placeholder:this.placeholderValue(),value:this.inputValue??"",ref:t=>{this.inputElement=t,this.inputRef(t)},onFocus:()=>this.onInputFocus(),onBlur:t=>this.onInputBlur(t),onInput:()=>this.setItemFilter()}),!this.allowClear||this.disabled||this.readonly||!this.selectedLabels?.length&&!this.inputFilterText?null:s("ix-icon-button",{key:"clear",class:"clear",icon:a,variant:"subtle-tertiary",oval:!0,size:"16",ref:this.clearButtonRef,onClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()},"aria-label":this.ariaLabelClearIconButton}),this.disabled||this.readonly?null:s("ix-icon-button",{"aria-label":this.dropdownShow?"Close select dropdown":"Open select dropdown","aria-hidden":"true",tabindex:-1,ref:t=>{if(!t)return;const e=t;e.tabIndex=-1,e.ariaHidden="true"},"data-select-dropdown":!0,key:"dropdown",class:{"dropdown-visible":this.dropdownShow},icon:this.dropdownShow?l:h,variant:"subtle-tertiary"})))))),s("ix-dropdown",{key:"1339c822f5fe72b80e0080f9bdc0a157f74fe7ad",id:`${this.hostId}-listbox`,keyboardActivationKeys:["ArrowUp","ArrowDown"],keyboardItemTriggerKeys:["Enter"],disableFocusTrap:!0,focusHost:this.hostElement,ref:this.dropdownRef,show:this.dropdownShow,closeBehavior:this.isMultipleMode?"outside":"both",hidden:this.disabled||this.readonly,anchor:this.dropdownAnchorRef.waitForCurrent(),trigger:this.dropdownWrapperRef.waitForCurrent(),onShowChange:t=>{(this.disabled||this.readonly)&&t.detail&&t.preventDefault()},onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom-start",enableTopLayer:this.enableTopLayer,overwriteDropdownStyle:async()=>{const t={},e=this.hostElement.shadowRoot?.querySelector(".select")?.getBoundingClientRect().width;return e&&(t.minWidth=`${e}px`),this.dropdownWidth&&(t.width=`min(${this.dropdownWidth}, 100%)`),this.dropdownMaxWidth&&(t.maxWidth=`min(${this.dropdownMaxWidth}, 100%)`),t},onClick:t=>{const e=t.target;if("IX-DROPDOWN-ITEM"!==e.tagName&&"IX-SELECT-ITEM"!==e.tagName)return;const i=this.getActiveVisualFocusedItem()??e;i&&(t.stopPropagation(),i.classList.contains("add-item")||(this.itemClick(i.value),this.setItemFilter()),this.isSingleMode&&(this.dropdownShow=!1))}},s("div",{key:"df5024089e37d2a0416dd42d3e5c8c5c07ac5f4c","aria-hidden":"true",class:{"select-list-header":!0,hidden:this.hideListHeader||this.isDropdownEmpty},title:this.i18nSelectListHeader,onClick:t=>t.preventDefault()},this.i18nSelectListHeader),s("slot",{key:"b9d758bf0a6c7452ab9e626f37c9fbb5b0a74dfc",onSlotchange:()=>{this.updateSelection()}}),s(m,{key:"a4bb5eed7ee4ab735ecf0141fc32c69df8c8d57c",hostId:this.hostId,otherProps:{"aria-hidden":c(!this.dropdownShow),"aria-multiselectable":c(this.isMultipleMode),hidden:this.disabled||this.readonly}}),this.isDropdownEmpty&&!this.editable&&s("div",{key:"926fa88d0788351f0f2e865fe4ced2bb8422a43d",class:"select-list-header"},this.i18nNoMatches)),this.isMultipleMode&&!this.shouldDisplayAllChip()&&this.hiddenChipValues.length>0&&this.renderOverflowDropdown())}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],disabled:[{watchDisabledReadonly:0}],readonly:[{watchDisabledReadonly:0}]}}static get style(){return":host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .select{position:relative;display:flex;align-items:center;width:100%;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:hover:not(.readonly):not(.disabled){background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select.readonly,:host .select.disabled{box-shadow:none !important}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active,:host .select.disabled,:host .select.disabled:hover,:host .select.disabled:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible,:host .select.disabled:focus,:host .select.disabled:focus-within,:host .select.disabled:focus-visible{outline:none}:host .select.readonly input:focus,:host .select.readonly input:focus-visible,:host .select.disabled input:focus,:host .select.disabled input:focus-visible{outline:none}:host .select.disabled{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .select.disabled input{color:var(--theme-input--color--disabled)}:host .select.readonly{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .select.readonly input{color:var(--theme-input--color--readonly)}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:nowrap;height:100%;flex-grow:1;overflow:hidden}:host .input-container .chips>ix-filter-chip{margin:0.1rem;flex-shrink:0;max-width:min(40%, 14rem)}:host .input-container .chips>ix-filter-chip.chip-measuring{position:absolute;visibility:hidden;pointer-events:none}:host .input-container .chips>ix-filter-chip.chip-overflow{cursor:pointer}:host .input-container .chips>ix-filter-chip.chip-overflow:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .input-container ix-icon-button{height:1.875rem;width:1.875rem;min-height:1.875rem;min-width:1.875rem}:host .input-container input{background:transparent;height:1.75rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host ix-dropdown{display:flex;flex-direction:column;max-width:100%}:host .overflow-dropdown-content{display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;max-height:16rem;overflow-y:auto;padding:0.5rem}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-std-text--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .hidden{display:none !important}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}:host(.ix-focused) .select,:host(.show-focus-outline) .select{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--warning);background-color:var(--theme-input--background--warning)}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--invalid);background-color:var(--theme-input--background--invalid)}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--invalid--active) !important}"}},[849,"ix-select",{name:[513],required:[516],label:[1],ariaLabelClearIconButton:[1,"aria-label-clear-icon-button"],ariaLabelAddItem:[1,"aria-label-add-item"],i18nMoreItems:[1,"i18n-more-items"],warningText:[1,"warning-text"],infoText:[1,"info-text"],invalidText:[1,"invalid-text"],validText:[1,"valid-text"],helperText:[1,"helper-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],value:[1025],allowClear:[4,"allow-clear"],mode:[1],editable:[4],disabled:[4],readonly:[4],i18nPlaceholder:[1,"i18n-placeholder"],i18nPlaceholderEditable:[1,"i18n-placeholder-editable"],i18nSelectListHeader:[1,"i18n-select-list-header"],i18nNoMatches:[1,"i18n-no-matches"],i18nAllSelected:[1,"i18n-all-selected"],i18nRemoveSelectedItem:[1,"i18n-remove-selected-item"],hideListHeader:[4,"hide-list-header"],dropdownWidth:[1,"dropdown-width"],dropdownMaxWidth:[1,"dropdown-max-width"],collapseMultipleSelection:[4,"collapse-multiple-selection"],enableTopLayer:[4,"enable-top-layer"],dropdownShow:[32],selectedLabels:[32],isDropdownEmpty:[32],inputFilterText:[32],inputValue:[32],visibleChipValues:[32],hiddenChipValues:[32],overflowDropdownShow:[32],hasInputFocus:[32],dropdownItemsVisualFocused:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],getAssociatedFormElement:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"],[0,"ix-select-item:valueChange","onLabelChange"],[0,"ix-select-item:labelChange","onLabelChange"],[2,"keydown","onOverflowRemoveButtonKeyDown"]],{value:[{watchValue:0}],disabled:[{watchDisabledReadonly:0}],readonly:[{watchDisabledReadonly:0}]}]);function B(){"undefined"!=typeof customElements&&["ix-select","ix-dropdown","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-filter-chip","ix-icon-button","ix-select-item","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-select":customElements.get(n(t))||customElements.define(n(t),j);break;case"ix-dropdown":customElements.get(n(t))||C();break;case"ix-dropdown-item":customElements.get(n(t))||I();break;case"ix-field-label":customElements.get(n(t))||A();break;case"ix-field-wrapper":customElements.get(n(t))||E();break;case"ix-filter-chip":customElements.get(n(t))||T();break;case"ix-icon-button":customElements.get(n(t))||D();break;case"ix-select-item":customElements.get(n(t))||S();break;case"ix-spinner":customElements.get(n(t))||V();break;case"ix-tooltip":customElements.get(n(t))||R();break;case"ix-typography":customElements.get(n(t))||L()}}))}!function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);r>3&&n&&Object.defineProperty(e,i,n)}([O()],j.prototype,"onValidationChange",null);export{j as S,B as d}
|