@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 r,M as e,h as t,d as o,t as a}from"./p-CtDOTMOT.js";import{B as d}from"./p-DM7ma3Eh.js";import{D as i}from"./p-CApDAYIa.js";import{I as n}from"./p-BST8QY5w.js";import{d as b}from"./p-Dwe6tWhq.js";const s=r(class extends(e(...i,n)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow()}variant="primary";disabled=!1;type="button";loading=!1;form;icon;iconRight;alignment="center";iconSize="24";href;target="_self";rel;get hostElement(){return this}submitButtonElement;handleClick(r){(this.disabled||this.loading)&&(r.stopPropagation(),r.preventDefault())}componentDidLoad(){if("submit"!==this.type)return;const r=document.createElement("button");r.style.display="none",r.type="submit",r.tabIndex=-1,this.form&&r.setAttribute("form",this.form),this.hostElement.appendChild(r),this.submitButtonElement=r}handleFormChange(r){this.submitButtonElement&&(r?this.submitButtonElement.setAttribute("form",r):this.submitButtonElement.removeAttribute("form"))}componentDidRender(){this.submitButtonElement&&!this.hostElement.contains(this.submitButtonElement)&&this.hostElement.appendChild(this.submitButtonElement)}dispatchFormEvents(){"submit"!==this.type||!this.submitButtonElement||this.disabled||this.loading||this.submitButtonElement.click()}setFocus(){this.hostElement.shadowRoot.querySelector(this.href?"a":"button")?.focus()}render(){return t(o,{key:"d1e348cdda5394f93ae75079322849917e1e040e",class:{disabled:this.disabled||this.loading},tabIndex:this.disabled||this.loading?-1:0},t(d,{key:"eee6a0b44c096b102d9884e17113559e1f1efb8f",variant:this.variant,iconOnly:!1,iconOval:!1,selected:!1,disabled:this.disabled||this.loading,icon:this.icon,iconRight:this.iconRight,iconSize:this.iconSize,loading:this.loading,onClick:()=>this.dispatchFormEvents(),type:this.type,alignment:this.alignment,ariaAttributes:this.inheritAriaAttributes,href:this.href,target:this.target,rel:this.rel},t("slot",{key:"c67238c777a2eb84d72739f7b7c7274dffc1ca22"})))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],form:[{handleFormChange:0}]}}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}"}},[785,"ix-button",{variant:[1],disabled:[516],type:[1],loading:[4],form:[1],icon:[1],iconRight:[1,"icon-right"],alignment:[1],iconSize:[1,"icon-size"],href:[1],target:[1],rel:[1],inheritAriaAttributes:[32]},[[2,"click","handleClick"]],{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],form:[{handleFormChange:0}]}]);function l(){"undefined"!=typeof customElements&&["ix-button","ix-spinner"].forEach((r=>{switch(r){case"ix-button":customElements.get(a(r))||customElements.define(a(r),s);break;case"ix-spinner":customElements.get(a(r))||b()}}))}export{s as B,l as d}
|
|
1
|
+
import{p as r,M as e,h as t,d as o,t as a}from"./p-CtDOTMOT.js";import{B as d}from"./p-DM7ma3Eh.js";import{D as i}from"./p-CApDAYIa.js";import{I as n}from"./p-BST8QY5w.js";import{d as b}from"./p-Dwe6tWhq.js";const s=r(class extends(e(...i,n)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow()}variant="primary";disabled=!1;type="button";loading=!1;form;icon;iconRight;alignment="center";iconSize="24";href;target="_self";rel;get hostElement(){return this}submitButtonElement;handleClick(r){(this.disabled||this.loading)&&(r.stopPropagation(),r.preventDefault())}componentDidLoad(){if("submit"!==this.type)return;const r=document.createElement("button");r.style.display="none",r.type="submit",r.tabIndex=-1,this.form&&r.setAttribute("form",this.form),this.hostElement.appendChild(r),this.submitButtonElement=r}handleFormChange(r){this.submitButtonElement&&(r?this.submitButtonElement.setAttribute("form",r):this.submitButtonElement.removeAttribute("form"))}componentDidRender(){this.submitButtonElement&&!this.hostElement.contains(this.submitButtonElement)&&this.hostElement.appendChild(this.submitButtonElement)}dispatchFormEvents(){"submit"!==this.type||!this.submitButtonElement||this.disabled||this.loading||this.submitButtonElement.click()}setFocus(){this.hostElement.shadowRoot.querySelector(this.href?"a":"button")?.focus()}render(){return t(o,{key:"0eb555f606e1fb774004c7ab8d950076baaa0284",class:{disabled:this.disabled||this.loading},tabIndex:this.disabled||this.loading?-1:0},t(d,{key:"a9ead157a199a3575627f4af70a0355687d4e990",variant:this.variant,iconOnly:!1,iconOval:!1,selected:!1,disabled:this.disabled||this.loading,icon:this.icon,iconRight:this.iconRight,iconSize:this.iconSize,loading:this.loading,onClick:()=>this.dispatchFormEvents(),type:this.type,alignment:this.alignment,ariaAttributes:this.inheritAriaAttributes,href:this.href,target:this.target,rel:this.rel},t("slot",{key:"de07260fc4785b2c30e6fdace31005435f273a93"})))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],form:[{handleFormChange:0}]}}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}"}},[785,"ix-button",{variant:[1],disabled:[516],type:[1],loading:[4],form:[1],icon:[1],iconRight:[1,"icon-right"],alignment:[1],iconSize:[1,"icon-size"],href:[1],target:[1],rel:[1],inheritAriaAttributes:[32]},[[2,"click","handleClick"]],{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],form:[{handleFormChange:0}]}]);function l(){"undefined"!=typeof customElements&&["ix-button","ix-spinner"].forEach((r=>{switch(r){case"ix-button":customElements.get(a(r))||customElements.define(a(r),s);break;case"ix-spinner":customElements.get(a(r))||b()}}))}export{s as B,l as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as t,e as a,h as r,d as o,t as i}from"./p-CtDOTMOT.js";import{r as s,j as d}from"./p-BtSt9tC5.js";import{D as n,I as c}from"./p-D1WplX1z.js";import{q as h}from"./p-C5UTTqsv.js";import{D as l,h as m}from"./p-CApDAYIa.js";import{m as b}from"./p-Djkc69iv.js";import{r as u}from"./p-BEuV0Xpe.js";import{d as p}from"./p-Wr4Qf8LA.js";import{d as g}from"./p-DKH7tPDu.js";import{d as k}from"./p-B-O0ylt_.js";import{d as y}from"./p-BDlGgfYh.js";import{d as v}from"./p-CrDBjFhu.js";import{d as f}from"./p-3VG6z9c3.js";import{d as w}from"./p-Dwe6tWhq.js";import{d as x}from"./p-DhWkcMmR.js";const D=e(class extends(t(...l)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dateChange=a(this,"dateChange",7),this.dateRangeChange=a(this,"dateRangeChange",7),this.dateSelect=a(this,"dateSelect",7)}get hostElement(){return this}format="yyyy/LL/dd";singleSelection=!1;corners="rounded";from;watchFromPropHandler(e){if(!e)return void(this.currFromDate=void 0);const t=this.parseDateString(e);t&&(this.currFromDate=t,this.updateSelectedYearMonth(t))}to;watchToPropHandler(e){if(!e)return void(this.currToDate=void 0);const t=this.parseDateString(e);t&&(this.currToDate=t,this.updateSelectedYearMonth(t))}minDate="";maxDate="";i18nDone="Done";ariaLabelPreviousMonthButton="Change calendar view to previous month";ariaLabelNextMonthButton="Change calendar view to next month";ariaLabelMonthSelection="Select month";ariaLabelYearSelection="Select year";weekStartIndex=0;locale;onLocaleChange(){this.setTranslations()}showWeekNumbers=!1;embedded=!1;today=n.now().toISO();enableTopLayer=!1;dateChange;dateRangeChange;dateSelect;async getCurrentDate(){const e=this.currFromDate?.isValid?this.currFromDate?.toFormat(this.format):void 0,t=this.currToDate?.isValid?this.currToDate?.toFormat(this.format):void 0;return this.singleSelection?{from:e,to:void 0}:{from:e,to:t}}currFromDate;currToDate;selectedYear=0;tempYear=0;startYear=0;endYear=0;selectedMonth=0;tempMonth=0;yearDropdownButtonRef=b();yearMonthSelectionDropdownRef=b();dayNames;monthNames;focusedDay=1;isDayFocus=!1;monthChangedFromFocus=!1;DAYS_IN_WEEK=7;calendar=[];onKeyDown(e){if(!this.isDayFocus)return;if(this.yearMonthSelectionDropdownRef.current?.show)return;if(["PageUp","PageDown","Home","End"].includes(e.key)){switch(e.key){case"PageUp":this.navigateCalendar(-1,e.shiftKey);break;case"PageDown":this.navigateCalendar(1,e.shiftKey);break;case"Home":this.focusFirstDayOfCurrentWeek();break;case"End":this.focusLastDayOfCurrentWeek()}return}let t=this.focusedDay;switch(e.key){case"ArrowLeft":t--;break;case"ArrowRight":t++;break;case"ArrowUp":t-=7;break;case"ArrowDown":t+=7;break;default:return}e.preventDefault(),this.setFocusedDay(t)}setFocusedDay(e=0){e>this.getDaysInCurrentMonth()?(e-=this.getDaysInCurrentMonth(),this.changeCalendarView(1),this.monthChangedFromFocus=!0):e<1&&(this.changeCalendarView(-1),e+=this.getDaysInCurrentMonth(),this.monthChangedFromFocus=!0),this.focusedDay=e}getDaysInCurrentMonth(){return n.utc(this.selectedYear,this.selectedMonth+1).daysInMonth||0}getFirstDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?t.dayNumbers.find((e=>void 0!==e))??e:e}getLastDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?[...t.dayNumbers].reverse().find((e=>void 0!==e))??e:e}getDateTimeNow(){return n.fromISO(this.today)}parseDateString(e){const t=n.fromFormat(e,this.format);if(t.isValid)return t;console.error(t.invalidExplanation)}async updateSelectedYearMonth(e){this.selectedYear=e.year,this.selectedMonth=e.month-1}onDayBlur(){this.isDayFocus=!1}onDayFocus(){this.isDayFocus=!0}componentWillLoad(){this.setTranslations(),this.currFromDate=this.from?n.fromFormat(this.from,this.format):void 0,this.currToDate=this.to?n.fromFormat(this.to,this.format):void 0;const e=this.currFromDate?.year??this.getDateTimeNow().year;this.startYear=e-101,this.endYear=e+101,this.selectedMonth=(this.currFromDate?.month??this.getDateTimeNow().month)-1,this.selectedYear=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}keyboardNavigationYearSelection;keyboardNavigationMonthSelection;disconnectedCallback(){this.keyboardNavigationYearSelection?.(),this.keyboardNavigationMonthSelection?.()}componentDidLoad(){super.componentDidLoad?.()}componentWillRender(){this.calculateCalendar()}componentDidRender(){if(!this.monthChangedFromFocus&&!this.isDayFocus)return;const e=this.hostElement.shadowRoot.querySelector(`[id=day-cell-${this.focusedDay}]`);e?.focus(),this.monthChangedFromFocus=!1}async navigateCalendar(e,t){this.navigateByMonthOrYear(t?"year":"month",e)}async focusFirstDayOfCurrentWeek(){this.focusedDay=this.getFirstDayOfWeek(this.focusedDay)}async focusLastDayOfCurrentWeek(){this.focusedDay=this.getLastDayOfWeek(this.focusedDay)}async isCalendarDayFocused(){return this.isDayFocus&&!this.yearMonthSelectionDropdownRef.current?.show}async focusActiveDay(){const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected")??e.querySelector(".calendar-item.today")??e.querySelector(".calendar-item.first-day");if(!t)return;const a=t.dataset.calendarDay;a&&(this.focusedDay=parseInt(a,10)),t.focus()}setTranslations(){this.dayNames=this.rotateWeekDayNames(c.weekdays("long",{locale:this.locale}),this.weekStartIndex),this.monthNames=c.months("long",{locale:this.locale})}rotateWeekDayNames(e,t){const a=[...e];if(0===t)return a;const r=e.length;return a.push(...a.splice(0,(-(t=-t)%r+r)%r)),a}async onDone(){const e=await this.getCurrentDate();this.dateSelect.emit(e)}calculateCalendar(){const e=[],t=n.utc(this.selectedYear,this.selectedMonth+1),a=t.startOf("month"),r=t.endOf("month");let o=a.weekNumber,i=r.weekNumber,s=a.weekday-1,d=r.weekday-1;if(0!==this.weekStartIndex){const e=c.weekdays(),t=e[a.weekday];s=this.dayNames.findIndex((e=>e===t));const o=e[r.weekday];d=this.dayNames.findIndex((e=>e===o))}let h=!1;1===i&&(i=r.weeksInWeekYear+1,h=!0);let l=!1;o===a.weeksInWeekYear&&(o=1,i++,l=!0);let m=1;for(let t=o;t<=i&&m<=31;t++){const n=[];for(let e=0;e<this.DAYS_IN_WEEK&&m<=31;e++)n.push(t===o&&e<s||t===i&&e>d?void 0:m++);e.push(l||h?1===t?{weekNumber:a.weeksInWeekYear,dayNumbers:n}:t===r.weekNumber?{weekNumber:1,dayNumbers:n}:{weekNumber:t-1,dayNumbers:n}:{weekNumber:t,dayNumbers:n})}this.calendar=e}selectMonth(e){this.selectedMonth=e,this.selectedYear=this.tempYear,this.tempMonth=e}changeCalendarView(e){this.selectedMonth+e<0?(this.selectedYear--,this.selectedMonth=11):this.selectedMonth+e>11?(this.selectedYear++,this.selectedMonth=0):this.selectedMonth+=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}navigateByMonthOrYear(e,t){let a=this.selectedYear,r=this.selectedMonth;"year"===e?a+=t:(r+=t,r<0?(r=11,a--):r>11&&(r=0,a++));const o=n.utc(a,r+1).daysInMonth||0;this.focusedDay=Math.min(this.focusedDay,o),this.selectedYear=a,this.selectedMonth=r,this.tempYear=a,this.tempMonth=r,this.monthChangedFromFocus=!0}selectDay(e,t){if(t.classList.contains("disabled"))return;const a=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return this.singleSelection||void 0===this.currFromDate?(this.currFromDate=a,void this.onDateChange()):void 0!==this.currToDate?(this.currFromDate=a,this.currToDate=void 0,void this.onDateChange()):a<this.currFromDate?(this.currToDate=this.currFromDate,this.currFromDate=a,void this.onDateChange()):(this.currToDate=a,void this.onDateChange())}onDateChange(){this.getCurrentDate().then((e=>{this.dateChange.emit(e),this.singleSelection||this.dateRangeChange.emit(e)}))}getUtilitiesBasedOnDay(e){const t=this.getDateTimeNow(),a=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return{isFirstDay:()=>1===e,isToday:()=>t.hasSame(a,"day"),isSelected:()=>!(!this.currFromDate?.hasSame(a,"day")&&!this.currToDate?.hasSame(a,"day")),isRange:()=>!!(this.currFromDate&&a.startOf("day")>this.currFromDate.startOf("day")&&void 0!==this.currToDate&&a.startOf("day")<this.currToDate?.startOf("day"))}}getDayClasses(e){const t=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e)),a=this.getUtilitiesBasedOnDay(e);return{"calendar-item":!0,"empty-day":void 0===e,"first-day":a.isFirstDay(),today:a.isToday(),selected:a.isSelected(),range:a.isRange(),disabled:!this.isWithinMinMaxDate(t)}}isWithinMinMaxYear(e){const t=this.minDate?n.fromFormat(this.minDate,this.format).year:void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format).year:void 0;return!(t&&e<t||a&&e>a)}isWithinMinMaxMonth(e){const t=this.minDate?n.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format):void 0,r=t?.month,o=a?.month;return!(r&&this.tempYear===t.year&&e<r||o&&this.tempYear===a.year&&e>o)}isWithinMinMaxDate(e){const t=this.minDate?n.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format):void 0,r=!!t&&e.startOf("day")<t.startOf("day"),o=!!a&&e.startOf("day")>a.startOf("day");return!r&&!o}renderMonths(){return this.monthNames.map(((e,t)=>r("ix-dropdown-item",{checked:this.tempYear===this.selectedYear&&this.tempMonth===t,key:e,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxMonth(t)},onClick:()=>{this.selectMonth(t)}},r("span",{class:"capitalize monthMargin"},`${e}`))))}renderYears(){const e=[];for(let t=this.startYear;t<=this.endYear;t++)e.push(r("ix-dropdown-item",{key:t,checked:this.tempYear===t,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxYear(t)},onClick:()=>{this.tempYear=t,this.selectedYear=this.tempYear}},r("div",{style:{"min-width":"max-content"}},`${t}`)));return e}changeFocusedDay(){this.monthChangedFromFocus||u((()=>{const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected"),a=e.querySelector(".calendar-item.today");let r=t??a;if(r||(r=e.querySelector(".calendar-item.first-day")),!r)return;const o=r.dataset.calendarDay;o&&(this.focusedDay=parseInt(o,10))}))}async intersect(e){const t=await this.yearDropdownButtonRef.current.getDropdownReference();e.forEach((e=>{e.isIntersecting&&("top"===e.target.dataset.sentinel?(this.startYear-=5,this.skipFirstScrollOffset||u((()=>{const e=h(t,"ix-dropdown-item")[0];t.scrollTo(0,e.offsetTop)})),this.skipFirstScrollOffset=!1):this.endYear+=5)}))}skipFirstScrollOffset=!0;intersectStart=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});intersectEnd=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});render(){return r(o,{key:"3a758d5378cce782272d54ed210f854e1be9bee4",onKeyDown:e=>this.onKeyDown(e),onFocusin:()=>{m()&&this.changeFocusedDay()}},r("ix-date-time-card",{key:"fcdc8c2d76a536bd25328bae925cfbff49dd5e0f",corners:this.corners,embedded:this.embedded},r("div",{key:"93a206ed565efbce5401e10a8f23aa6ac3a61f69",class:"header",slot:"header"},r("ix-icon-button",{key:"f05099c413c1c0c9537aec0bcd8aaddbdd6cad51",onClick:()=>this.changeCalendarView(-1),icon:s,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelPreviousMonthButton}),r("div",{key:"f1b99b9ac1efc8048caab32a1d47873e04075f57",class:"selector"},r("ix-dropdown-button",{key:"260c713c94550e0e0b61abf9920d20f61881342c",class:"month-selector",focusCheckedItem:!0,"aria-label":this.ariaLabelMonthSelection,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation()}},r("ix-typography",{key:"793f53297fe36421acfddfa5a863eacdfe6d9cfb",bold:!0,class:"capitalize",slot:"button-label"},this.monthNames[this.selectedMonth]),this.renderMonths()),r("ix-dropdown-button",{key:"110d9b7237d5a99e30fd740f2d5113a80b5662e8",class:"year-selector",focusCheckedItem:!0,"aria-label":this.ariaLabelYearSelection,ref:this.yearDropdownButtonRef,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation(),e.detail?u((()=>{this.intersectStart.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="top"]')),this.intersectEnd.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="bottom"]'));const e=this.yearDropdownButtonRef.current.querySelector("ix-dropdown-item[checked]");e&&u((()=>{e.scrollIntoView({block:"center"})}))})):(this.intersectStart.disconnect(),this.intersectEnd.disconnect())}},r("div",{key:"1ef79a11c880ceda187e4275af1921cb230f1716",class:"infinite-scrolling-spacer"},r("div",{key:"2d9fc10794f8efe1a8aef837008fb3a0ebe2ca29",class:"sentinel","data-sentinel":"top"})),r("ix-typography",{key:"152c681624d375241d55c641b8013a2ce8b9874d",bold:!0,class:"capitalize",slot:"button-label"},this.selectedYear),this.renderYears(),r("div",{key:"a8770b507077d201df514f35a46d71f3771289df",class:"infinite-scrolling-spacer"},r("div",{key:"e14c2e5bec16bab3d08268ae6bc61303e26355da",class:"sentinel","data-sentinel":"bottom"})))),r("ix-icon-button",{key:"16b7fd43d4d514b628a4ac90f54c0dcd54380fd3",onClick:()=>this.changeCalendarView(1),icon:d,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelNextMonthButton})),r("div",{key:"869b001d286f35e721e31afa4546865f3ed02d1c",role:"grid",class:{grid:!0,"grid--show-week-numbers":this.showWeekNumbers}},r("div",{key:"b95a4e9f19c16ae42ac8e1396f43cedcc829893d",role:"row"},this.showWeekNumbers&&r("div",{key:"5552fb1ecbfb5f71c07b29e838f146662edf9e9e",class:"calendar-item week-day",role:"columnheader"}),this.dayNames.map((e=>r("div",{key:e,class:"calendar-item week-day",role:"columnheader"},r("div",{class:"overflow"},e.slice(0,3)))))),this.calendar.map((e=>r("div",{role:"row"},this.showWeekNumbers&&r("div",{class:"calendar-item week-number",role:"rowheader"},e.weekNumber),e.dayNumbers.map((t=>t?r("div",{role:"gridcell","aria-selected":this.getUtilitiesBasedOnDay(t).isSelected()?"true":"false",key:t,id:`day-cell-${t}`,"data-calendar-day":t,"data-date-value":`${e.weekNumber}-${t}`,class:this.getDayClasses(t),onClick:e=>{this.selectDay(t,e.currentTarget)},onKeyDown:e=>{const a=e.currentTarget;"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.selectDay(t,a))},tabIndex:t===this.focusedDay?0:-1,autofocus:this.getUtilitiesBasedOnDay(t).isToday(),onFocus:()=>this.onDayFocus(),onBlur:()=>this.onDayBlur(),"aria-label":`${t} ${c.months()[this.selectedMonth]} ${this.selectedYear}`},t):r("div",{role:"gridcell"}))))))),r("div",{key:"fddd1c1fc28e5f285551bc7a197c3ddc022e7bcb",class:{button:!0,hidden:this.singleSelection||this.embedded}},r("ix-button",{key:"636a74b44e1e626b618d2c86bb1c5093c82e82e3",hidden:this.singleSelection||this.embedded,onClick:()=>this.onDone()},this.i18nDone))))}static get delegatesFocus(){return!0}static get watchers(){return{from:[{watchFromPropHandler:0}],to:[{watchToPropHandler:0}],locale:[{onLocaleChange:0}]}}static get style(){return":host{display:block;position:relative;max-width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid [role=row]{display:grid;grid-column:1/-1;grid-template-columns:subgrid}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected);font-weight:var(--theme-font-weight-bold)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:var(--theme-ms-0);line-height:143%;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}:host .infinite-scrolling-spacer:first-of-type{position:relative;padding-bottom:4rem}:host .infinite-scrolling-spacer:first-of-type .sentinel{position:absolute;bottom:0;height:1px;width:50px}:host .infinite-scrolling-spacer:last-of-type{position:relative;padding-top:4rem}:host .infinite-scrolling-spacer:last-of-type .sentinel{position:absolute;top:0;height:1px;width:50px}:host .month-selector,:host .year-selector{--ix-button-padding:0 0.25rem}"}},[529,"ix-date-picker",{format:[1],singleSelection:[4,"single-selection"],corners:[1],from:[1],to:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],i18nDone:[1,"i18n-done"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],ariaLabelMonthSelection:[1,"aria-label-month-selection"],ariaLabelYearSelection:[1,"aria-label-year-selection"],weekStartIndex:[2,"week-start-index"],locale:[1],showWeekNumbers:[4,"show-week-numbers"],embedded:[4],today:[1],enableTopLayer:[4,"enable-top-layer"],currFromDate:[32],currToDate:[32],selectedYear:[32],tempYear:[32],startYear:[32],endYear:[32],selectedMonth:[32],tempMonth:[32],dayNames:[32],monthNames:[32],focusedDay:[32],getCurrentDate:[64],updateSelectedYearMonth:[64],navigateCalendar:[64],focusFirstDayOfCurrentWeek:[64],focusLastDayOfCurrentWeek:[64],isCalendarDayFocused:[64],focusActiveDay:[64]},void 0,{from:[{watchFromPropHandler:0}],to:[{watchToPropHandler:0}],locale:[{onLocaleChange:0}]}]);function C(){"undefined"!=typeof customElements&&["ix-date-picker","ix-button","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-date-picker":customElements.get(i(e))||customElements.define(i(e),D);break;case"ix-button":customElements.get(i(e))||p();break;case"ix-date-time-card":customElements.get(i(e))||g();break;case"ix-dropdown":customElements.get(i(e))||k();break;case"ix-dropdown-button":customElements.get(i(e))||y();break;case"ix-dropdown-item":customElements.get(i(e))||v();break;case"ix-icon-button":customElements.get(i(e))||f();break;case"ix-spinner":customElements.get(i(e))||w();break;case"ix-typography":customElements.get(i(e))||x()}}))}export{D,C as d}
|
|
1
|
+
import{p as e,M as t,e as a,h as r,d as o,t as i}from"./p-CtDOTMOT.js";import{r as s,j as d}from"./p-BtSt9tC5.js";import{D as n,I as c}from"./p-D1WplX1z.js";import{q as h}from"./p-C5UTTqsv.js";import{D as l,h as m}from"./p-CApDAYIa.js";import{m as b}from"./p-Djkc69iv.js";import{r as u}from"./p-BEuV0Xpe.js";import{d as p}from"./p-B_MBGj0b.js";import{d as g}from"./p-DKH7tPDu.js";import{d as k}from"./p-olkZUb1j.js";import{d as y}from"./p-LbnItC1h.js";import{d as v}from"./p-BIcWFids.js";import{d as f}from"./p-3VG6z9c3.js";import{d as w}from"./p-Dwe6tWhq.js";import{d as x}from"./p-1KOHyx-1.js";const D=e(class extends(t(...l)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dateChange=a(this,"dateChange",7),this.dateRangeChange=a(this,"dateRangeChange",7),this.dateSelect=a(this,"dateSelect",7)}get hostElement(){return this}format="yyyy/LL/dd";singleSelection=!1;corners="rounded";from;watchFromPropHandler(e){if(!e)return void(this.currFromDate=void 0);const t=this.parseDateString(e);t&&(this.currFromDate=t,this.updateSelectedYearMonth(t))}to;watchToPropHandler(e){if(!e)return void(this.currToDate=void 0);const t=this.parseDateString(e);t&&(this.currToDate=t,this.updateSelectedYearMonth(t))}minDate="";maxDate="";i18nDone="Done";ariaLabelPreviousMonthButton="Change calendar view to previous month";ariaLabelNextMonthButton="Change calendar view to next month";ariaLabelMonthSelection="Select month";ariaLabelYearSelection="Select year";weekStartIndex=0;locale;onLocaleChange(){this.setTranslations()}showWeekNumbers=!1;embedded=!1;today=n.now().toISO();enableTopLayer=!1;dateChange;dateRangeChange;dateSelect;async getCurrentDate(){const e=this.currFromDate?.isValid?this.currFromDate?.toFormat(this.format):void 0,t=this.currToDate?.isValid?this.currToDate?.toFormat(this.format):void 0;return this.singleSelection?{from:e,to:void 0}:{from:e,to:t}}currFromDate;currToDate;selectedYear=0;tempYear=0;startYear=0;endYear=0;selectedMonth=0;tempMonth=0;yearDropdownButtonRef=b();yearMonthSelectionDropdownRef=b();dayNames;monthNames;focusedDay=1;isDayFocus=!1;monthChangedFromFocus=!1;DAYS_IN_WEEK=7;calendar=[];onKeyDown(e){if(!this.isDayFocus)return;if(this.yearMonthSelectionDropdownRef.current?.show)return;if(["PageUp","PageDown","Home","End"].includes(e.key)){switch(e.key){case"PageUp":this.navigateCalendar(-1,e.shiftKey);break;case"PageDown":this.navigateCalendar(1,e.shiftKey);break;case"Home":this.focusFirstDayOfCurrentWeek();break;case"End":this.focusLastDayOfCurrentWeek()}return}let t=this.focusedDay;switch(e.key){case"ArrowLeft":t--;break;case"ArrowRight":t++;break;case"ArrowUp":t-=7;break;case"ArrowDown":t+=7;break;default:return}e.preventDefault(),this.setFocusedDay(t)}setFocusedDay(e=0){e>this.getDaysInCurrentMonth()?(e-=this.getDaysInCurrentMonth(),this.changeCalendarView(1),this.monthChangedFromFocus=!0):e<1&&(this.changeCalendarView(-1),e+=this.getDaysInCurrentMonth(),this.monthChangedFromFocus=!0),this.focusedDay=e}getDaysInCurrentMonth(){return n.utc(this.selectedYear,this.selectedMonth+1).daysInMonth||0}getFirstDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?t.dayNumbers.find((e=>void 0!==e))??e:e}getLastDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?[...t.dayNumbers].reverse().find((e=>void 0!==e))??e:e}getDateTimeNow(){return n.fromISO(this.today)}parseDateString(e){const t=n.fromFormat(e,this.format);if(t.isValid)return t;console.error(t.invalidExplanation)}async updateSelectedYearMonth(e){this.selectedYear=e.year,this.selectedMonth=e.month-1}onDayBlur(){this.isDayFocus=!1}onDayFocus(){this.isDayFocus=!0}componentWillLoad(){this.setTranslations(),this.currFromDate=this.from?n.fromFormat(this.from,this.format):void 0,this.currToDate=this.to?n.fromFormat(this.to,this.format):void 0;const e=this.currFromDate?.year??this.getDateTimeNow().year;this.startYear=e-101,this.endYear=e+101,this.selectedMonth=(this.currFromDate?.month??this.getDateTimeNow().month)-1,this.selectedYear=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}keyboardNavigationYearSelection;keyboardNavigationMonthSelection;disconnectedCallback(){this.keyboardNavigationYearSelection?.(),this.keyboardNavigationMonthSelection?.()}componentDidLoad(){super.componentDidLoad?.()}componentWillRender(){this.calculateCalendar()}componentDidRender(){if(!this.monthChangedFromFocus&&!this.isDayFocus)return;const e=this.hostElement.shadowRoot.querySelector(`[id=day-cell-${this.focusedDay}]`);e?.focus(),this.monthChangedFromFocus=!1}async navigateCalendar(e,t){this.navigateByMonthOrYear(t?"year":"month",e)}async focusFirstDayOfCurrentWeek(){this.focusedDay=this.getFirstDayOfWeek(this.focusedDay)}async focusLastDayOfCurrentWeek(){this.focusedDay=this.getLastDayOfWeek(this.focusedDay)}async isCalendarDayFocused(){return this.isDayFocus&&!this.yearMonthSelectionDropdownRef.current?.show}async focusActiveDay(){const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected")??e.querySelector(".calendar-item.today")??e.querySelector(".calendar-item.first-day");if(!t)return;const a=t.dataset.calendarDay;a&&(this.focusedDay=parseInt(a,10)),t.focus()}setTranslations(){this.dayNames=this.rotateWeekDayNames(c.weekdays("long",{locale:this.locale}),this.weekStartIndex),this.monthNames=c.months("long",{locale:this.locale})}rotateWeekDayNames(e,t){const a=[...e];if(0===t)return a;const r=e.length;return a.push(...a.splice(0,(-(t=-t)%r+r)%r)),a}async onDone(){const e=await this.getCurrentDate();this.dateSelect.emit(e)}calculateCalendar(){const e=[],t=n.utc(this.selectedYear,this.selectedMonth+1),a=t.startOf("month"),r=t.endOf("month");let o=a.weekNumber,i=r.weekNumber,s=a.weekday-1,d=r.weekday-1;if(0!==this.weekStartIndex){const e=c.weekdays(),t=e[a.weekday];s=this.dayNames.findIndex((e=>e===t));const o=e[r.weekday];d=this.dayNames.findIndex((e=>e===o))}let h=!1;1===i&&(i=r.weeksInWeekYear+1,h=!0);let l=!1;o===a.weeksInWeekYear&&(o=1,i++,l=!0);let m=1;for(let t=o;t<=i&&m<=31;t++){const n=[];for(let e=0;e<this.DAYS_IN_WEEK&&m<=31;e++)n.push(t===o&&e<s||t===i&&e>d?void 0:m++);e.push(l||h?1===t?{weekNumber:a.weeksInWeekYear,dayNumbers:n}:t===r.weekNumber?{weekNumber:1,dayNumbers:n}:{weekNumber:t-1,dayNumbers:n}:{weekNumber:t,dayNumbers:n})}this.calendar=e}selectMonth(e){this.selectedMonth=e,this.selectedYear=this.tempYear,this.tempMonth=e}changeCalendarView(e){this.selectedMonth+e<0?(this.selectedYear--,this.selectedMonth=11):this.selectedMonth+e>11?(this.selectedYear++,this.selectedMonth=0):this.selectedMonth+=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}navigateByMonthOrYear(e,t){let a=this.selectedYear,r=this.selectedMonth;"year"===e?a+=t:(r+=t,r<0?(r=11,a--):r>11&&(r=0,a++));const o=n.utc(a,r+1).daysInMonth||0;this.focusedDay=Math.min(this.focusedDay,o),this.selectedYear=a,this.selectedMonth=r,this.tempYear=a,this.tempMonth=r,this.monthChangedFromFocus=!0}selectDay(e,t){if(t.classList.contains("disabled"))return;const a=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return this.singleSelection||void 0===this.currFromDate?(this.currFromDate=a,void this.onDateChange()):void 0!==this.currToDate?(this.currFromDate=a,this.currToDate=void 0,void this.onDateChange()):a<this.currFromDate?(this.currToDate=this.currFromDate,this.currFromDate=a,void this.onDateChange()):(this.currToDate=a,void this.onDateChange())}onDateChange(){this.getCurrentDate().then((e=>{this.dateChange.emit(e),this.singleSelection||this.dateRangeChange.emit(e)}))}getUtilitiesBasedOnDay(e){const t=this.getDateTimeNow(),a=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return{isFirstDay:()=>1===e,isToday:()=>t.hasSame(a,"day"),isSelected:()=>!(!this.currFromDate?.hasSame(a,"day")&&!this.currToDate?.hasSame(a,"day")),isRange:()=>!!(this.currFromDate&&a.startOf("day")>this.currFromDate.startOf("day")&&void 0!==this.currToDate&&a.startOf("day")<this.currToDate?.startOf("day"))}}getDayClasses(e){const t=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e)),a=this.getUtilitiesBasedOnDay(e);return{"calendar-item":!0,"empty-day":void 0===e,"first-day":a.isFirstDay(),today:a.isToday(),selected:a.isSelected(),range:a.isRange(),disabled:!this.isWithinMinMaxDate(t)}}isWithinMinMaxYear(e){const t=this.minDate?n.fromFormat(this.minDate,this.format).year:void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format).year:void 0;return!(t&&e<t||a&&e>a)}isWithinMinMaxMonth(e){const t=this.minDate?n.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format):void 0,r=t?.month,o=a?.month;return!(r&&this.tempYear===t.year&&e<r||o&&this.tempYear===a.year&&e>o)}isWithinMinMaxDate(e){const t=this.minDate?n.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format):void 0,r=!!t&&e.startOf("day")<t.startOf("day"),o=!!a&&e.startOf("day")>a.startOf("day");return!r&&!o}renderMonths(){return this.monthNames.map(((e,t)=>r("ix-dropdown-item",{checked:this.tempYear===this.selectedYear&&this.tempMonth===t,key:e,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxMonth(t)},onClick:()=>{this.selectMonth(t)}},r("span",{class:"capitalize monthMargin"},`${e}`))))}renderYears(){const e=[];for(let t=this.startYear;t<=this.endYear;t++)e.push(r("ix-dropdown-item",{key:t,checked:this.tempYear===t,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxYear(t)},onClick:()=>{this.tempYear=t,this.selectedYear=this.tempYear}},r("div",{style:{"min-width":"max-content"}},`${t}`)));return e}changeFocusedDay(){this.monthChangedFromFocus||u((()=>{const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected"),a=e.querySelector(".calendar-item.today");let r=t??a;if(r||(r=e.querySelector(".calendar-item.first-day")),!r)return;const o=r.dataset.calendarDay;o&&(this.focusedDay=parseInt(o,10))}))}async intersect(e){const t=await this.yearDropdownButtonRef.current.getDropdownReference();e.forEach((e=>{e.isIntersecting&&("top"===e.target.dataset.sentinel?(this.startYear-=5,this.skipFirstScrollOffset||u((()=>{const e=h(t,"ix-dropdown-item")[0];t.scrollTo(0,e.offsetTop)})),this.skipFirstScrollOffset=!1):this.endYear+=5)}))}skipFirstScrollOffset=!0;intersectStart=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});intersectEnd=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});render(){return r(o,{key:"3a758d5378cce782272d54ed210f854e1be9bee4",onKeyDown:e=>this.onKeyDown(e),onFocusin:()=>{m()&&this.changeFocusedDay()}},r("ix-date-time-card",{key:"fcdc8c2d76a536bd25328bae925cfbff49dd5e0f",corners:this.corners,embedded:this.embedded},r("div",{key:"93a206ed565efbce5401e10a8f23aa6ac3a61f69",class:"header",slot:"header"},r("ix-icon-button",{key:"f05099c413c1c0c9537aec0bcd8aaddbdd6cad51",onClick:()=>this.changeCalendarView(-1),icon:s,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelPreviousMonthButton}),r("div",{key:"f1b99b9ac1efc8048caab32a1d47873e04075f57",class:"selector"},r("ix-dropdown-button",{key:"260c713c94550e0e0b61abf9920d20f61881342c",class:"month-selector",focusCheckedItem:!0,"aria-label":this.ariaLabelMonthSelection,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation()}},r("ix-typography",{key:"793f53297fe36421acfddfa5a863eacdfe6d9cfb",bold:!0,class:"capitalize",slot:"button-label"},this.monthNames[this.selectedMonth]),this.renderMonths()),r("ix-dropdown-button",{key:"110d9b7237d5a99e30fd740f2d5113a80b5662e8",class:"year-selector",focusCheckedItem:!0,"aria-label":this.ariaLabelYearSelection,ref:this.yearDropdownButtonRef,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation(),e.detail?u((()=>{this.intersectStart.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="top"]')),this.intersectEnd.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="bottom"]'));const e=this.yearDropdownButtonRef.current.querySelector("ix-dropdown-item[checked]");e&&u((()=>{e.scrollIntoView({block:"center"})}))})):(this.intersectStart.disconnect(),this.intersectEnd.disconnect())}},r("div",{key:"1ef79a11c880ceda187e4275af1921cb230f1716",class:"infinite-scrolling-spacer"},r("div",{key:"2d9fc10794f8efe1a8aef837008fb3a0ebe2ca29",class:"sentinel","data-sentinel":"top"})),r("ix-typography",{key:"152c681624d375241d55c641b8013a2ce8b9874d",bold:!0,class:"capitalize",slot:"button-label"},this.selectedYear),this.renderYears(),r("div",{key:"a8770b507077d201df514f35a46d71f3771289df",class:"infinite-scrolling-spacer"},r("div",{key:"e14c2e5bec16bab3d08268ae6bc61303e26355da",class:"sentinel","data-sentinel":"bottom"})))),r("ix-icon-button",{key:"16b7fd43d4d514b628a4ac90f54c0dcd54380fd3",onClick:()=>this.changeCalendarView(1),icon:d,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelNextMonthButton})),r("div",{key:"869b001d286f35e721e31afa4546865f3ed02d1c",role:"grid",class:{grid:!0,"grid--show-week-numbers":this.showWeekNumbers}},r("div",{key:"b95a4e9f19c16ae42ac8e1396f43cedcc829893d",role:"row"},this.showWeekNumbers&&r("div",{key:"5552fb1ecbfb5f71c07b29e838f146662edf9e9e",class:"calendar-item week-day",role:"columnheader"}),this.dayNames.map((e=>r("div",{key:e,class:"calendar-item week-day",role:"columnheader"},r("div",{class:"overflow"},e.slice(0,3)))))),this.calendar.map((e=>r("div",{role:"row"},this.showWeekNumbers&&r("div",{class:"calendar-item week-number",role:"rowheader"},e.weekNumber),e.dayNumbers.map((t=>t?r("div",{role:"gridcell","aria-selected":this.getUtilitiesBasedOnDay(t).isSelected()?"true":"false",key:t,id:`day-cell-${t}`,"data-calendar-day":t,"data-date-value":`${e.weekNumber}-${t}`,class:this.getDayClasses(t),onClick:e=>{this.selectDay(t,e.currentTarget)},onKeyDown:e=>{const a=e.currentTarget;"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.selectDay(t,a))},tabIndex:t===this.focusedDay?0:-1,autofocus:this.getUtilitiesBasedOnDay(t).isToday(),onFocus:()=>this.onDayFocus(),onBlur:()=>this.onDayBlur(),"aria-label":`${t} ${c.months()[this.selectedMonth]} ${this.selectedYear}`},t):r("div",{role:"gridcell"}))))))),r("div",{key:"fddd1c1fc28e5f285551bc7a197c3ddc022e7bcb",class:{button:!0,hidden:this.singleSelection||this.embedded}},r("ix-button",{key:"636a74b44e1e626b618d2c86bb1c5093c82e82e3",hidden:this.singleSelection||this.embedded,onClick:()=>this.onDone()},this.i18nDone))))}static get delegatesFocus(){return!0}static get watchers(){return{from:[{watchFromPropHandler:0}],to:[{watchToPropHandler:0}],locale:[{onLocaleChange:0}]}}static get style(){return":host{display:block;position:relative;max-width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid [role=row]{display:grid;grid-column:1/-1;grid-template-columns:subgrid}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected);font-weight:var(--theme-font-weight-bold)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:var(--theme-ms-0);line-height:143%;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}:host .infinite-scrolling-spacer:first-of-type{position:relative;padding-bottom:4rem}:host .infinite-scrolling-spacer:first-of-type .sentinel{position:absolute;bottom:0;height:1px;width:50px}:host .infinite-scrolling-spacer:last-of-type{position:relative;padding-top:4rem}:host .infinite-scrolling-spacer:last-of-type .sentinel{position:absolute;top:0;height:1px;width:50px}:host .month-selector,:host .year-selector{--ix-button-padding:0 0.25rem}"}},[529,"ix-date-picker",{format:[1],singleSelection:[4,"single-selection"],corners:[1],from:[1],to:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],i18nDone:[1,"i18n-done"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],ariaLabelMonthSelection:[1,"aria-label-month-selection"],ariaLabelYearSelection:[1,"aria-label-year-selection"],weekStartIndex:[2,"week-start-index"],locale:[1],showWeekNumbers:[4,"show-week-numbers"],embedded:[4],today:[1],enableTopLayer:[4,"enable-top-layer"],currFromDate:[32],currToDate:[32],selectedYear:[32],tempYear:[32],startYear:[32],endYear:[32],selectedMonth:[32],tempMonth:[32],dayNames:[32],monthNames:[32],focusedDay:[32],getCurrentDate:[64],updateSelectedYearMonth:[64],navigateCalendar:[64],focusFirstDayOfCurrentWeek:[64],focusLastDayOfCurrentWeek:[64],isCalendarDayFocused:[64],focusActiveDay:[64]},void 0,{from:[{watchFromPropHandler:0}],to:[{watchToPropHandler:0}],locale:[{onLocaleChange:0}]}]);function C(){"undefined"!=typeof customElements&&["ix-date-picker","ix-button","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-date-picker":customElements.get(i(e))||customElements.define(i(e),D);break;case"ix-button":customElements.get(i(e))||p();break;case"ix-date-time-card":customElements.get(i(e))||g();break;case"ix-dropdown":customElements.get(i(e))||k();break;case"ix-dropdown-button":customElements.get(i(e))||y();break;case"ix-dropdown-item":customElements.get(i(e))||v();break;case"ix-icon-button":customElements.get(i(e))||f();break;case"ix-spinner":customElements.get(i(e))||w();break;case"ix-typography":customElements.get(i(e))||x()}}))}export{D,C as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as o,H as t,e,h as r,d as a,t as s}from"./p-CtDOTMOT.js";import{c as i}from"./p-Dw_A3HUC.js";import{u as c}from"./p-BtSt9tC5.js";import{d as l}from"./p-3VG6z9c3.js";import{d as n}from"./p-Dwe6tWhq.js";import{d as h}from"./p-1KOHyx-1.js";const b=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.closeClick=e(this,"closeClick",7)}get hostElement(){return this}hideClose=!1;icon;ariaLabelIcon;ariaLabelCloseIconButton="Close modal";onIconChange(o){this.parentDialog&&(o?this.parentDialog.classList.add("with-icon"):this.parentDialog.classList.remove("with-icon"))}iconColor;closeClick;parentDialog;componentDidLoad(){this.parentDialog=i(this.hostElement,"ix-modal"),this.onIconChange(this.icon)}onCloseClick(o){this.closeClick.emit(o).defaultPrevented||o.defaultPrevented||this.parentDialog.dismissModal()}render(){return r(a,{key:"9be78d439e0240e95098199371f8c17a5c64cb49"},this.icon?r("ix-icon",{name:this.icon,color:this.iconColor,size:"32","aria-label":this.ariaLabelIcon}):null,r("div",{key:"7fb5bb78edaf86f7b26a7a6868e761f07870e1e0",class:"modal-title"},r("ix-typography",{key:"d350c239268ef025e5d99a84bd58f662518b2d85",format:"h5"},r("slot",{key:"f48e9917464a73998b49a799a792cf0eacc43ecc"}))),this.hideClose?null:r("ix-icon-button",{class:"modal-close",onClick:o=>this.onCloseClick(o),variant:"tertiary",icon:c,iconColor:"color-soft-text","aria-label":this.ariaLabelCloseIconButton}))}static get delegatesFocus(){return!0}static get watchers(){return{icon:[{onIconChange:0}]}}static get style(){return":host{display:flex;padding:0.5rem 0 0.5rem 0.5rem;align-items:center;gap:1rem}: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 .modal-title{flex-grow:1;overflow-wrap:anywhere}:host .modal-close{align-self:flex-start}"}},[785,"ix-modal-header",{hideClose:[4,"hide-close"],icon:[1],ariaLabelIcon:[1,"aria-label-icon"],ariaLabelCloseIconButton:[1,"aria-label-close-icon-button"],iconColor:[1,"icon-color"]},void 0,{icon:[{onIconChange:0}]}]);function d(){"undefined"!=typeof customElements&&["ix-modal-header","ix-icon-button","ix-spinner","ix-typography"].forEach((o=>{switch(o){case"ix-modal-header":customElements.get(s(o))||customElements.define(s(o),b);break;case"ix-icon-button":customElements.get(s(o))||l();break;case"ix-spinner":customElements.get(s(o))||n();break;case"ix-typography":customElements.get(s(o))||h()}}))}export{b as M,d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as r,i as e,h as s,d as o,t as i}from"./p-CtDOTMOT.js";import{m as a}from"./p-D_Hmobxf.js";const l=t(class t extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}static Breakpoints=["","sm","md","lg"];size;sizeSm;sizeMd;sizeLg;onResize(){e(this)}getSize(t){return""===t?this.size:"sm"===t?this.sizeSm:"md"===t?this.sizeMd:"lg"===t?this.sizeLg:void 0}getColumnSize(){let r;return t.Breakpoints.forEach((t=>{if(""!==t&&!a(t))return;const e=this.getSize(t);e&&(r=e)})),r}getColumnSizeStyling(){const t=this.getColumnSize();if(!t)return;if("auto"===t)return{flex:"0 0 auto",width:"auto","max-width":"auto"};const r=`calc(calc(${t} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${r}`,width:`${r}`,"max-width":`${r}`}}render(){return s(o,{key:"
|
|
1
|
+
import{p as t,H as r,i as e,h as s,d as o,t as i}from"./p-CtDOTMOT.js";import{m as a}from"./p-D_Hmobxf.js";const l=t(class t extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}static Breakpoints=["","sm","md","lg"];size;sizeSm;sizeMd;sizeLg;onResize(){e(this)}getSize(t){return""===t?this.size:"sm"===t?this.sizeSm:"md"===t?this.sizeMd:"lg"===t?this.sizeLg:void 0}getColumnSize(){let r;return t.Breakpoints.forEach((t=>{if(""!==t&&!a(t))return;const e=this.getSize(t);e&&(r=e)})),r}getColumnSizeStyling(){const t=this.getColumnSize();if(!t)return;if("auto"===t)return{flex:"0 0 auto",width:"auto","max-width":"auto"};const r=`calc(calc(${t} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${r}`,width:`${r}`,"max-width":`${r}`}}render(){return s(o,{key:"6cb1bfd2e52e79b9904cbed20b2e6f8ba09b5945",style:{...this.getColumnSizeStyling()}},s("slot",{key:"d3bcb1164a364e62f23200fc06d49e8f2a5c72ae"}))}static get style(){return":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}"}},[769,"ix-col",{size:[1],sizeSm:[1,"size-sm"],sizeMd:[1,"size-md"],sizeLg:[1,"size-lg"]},[[9,"resize","onResize"]]]);function c(){"undefined"!=typeof customElements&&["ix-col"].forEach((t=>{"ix-col"===t&&(customElements.get(i(t))||customElements.define(i(t),l))}))}export{l as C,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as s,d as o,t as i}from"./p-CtDOTMOT.js";import{d as n}from"./p-Dw_A3HUC.js";import{z as r}from"./p-BtSt9tC5.js";import{d as
|
|
1
|
+
import{p as t,H as e,h as s,d as o,t as i}from"./p-CtDOTMOT.js";import{d as n}from"./p-Dw_A3HUC.js";import{z as r}from"./p-BtSt9tC5.js";import{d as a}from"./p-3VG6z9c3.js";import{d as c}from"./p-Dwe6tWhq.js";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}showContextMenu=!1;getTrigger(){return this.hostElement}configureDropdown(t,e){t.positioningStrategy="fixed",t.trigger=e}onSlotChange(){const t=this.hostElement.shadowRoot.querySelector("slot");if(!t)return;const e=n(t);this.showContextMenu=0!==e.length;const s=e.find((t=>"IX-DROPDOWN"===t.tagName)),o=this.getTrigger();o&&s&&this.configureDropdown(s,o)}render(){return s(o,{key:"7a75df2f66b25774f2161d9b8a8253f1c77d74b3"},s("ix-icon-button",{key:"c50905c961529535450ad54cf3fb28be0145ea98",class:{hide:!this.showContextMenu},size:"24",variant:"subtle-tertiary",icon:r}),s("slot",{key:"3b19aca1490c3e15a3630f53ff2081054acd0313",onSlotchange:()=>this.onSlotChange()}))}static get style(){return":host{display:block;position:relative;height:2rem;width:2rem;margin-block-start:0.3125rem;margin-inline-end:0.3125rem;margin-inline-start:auto}:host .hide{visibility:collapse}:host ::slotted(ix-dropdown){cursor:default}"}},[769,"ix-group-context-menu",{showContextMenu:[32]}]);function u(){"undefined"!=typeof customElements&&["ix-group-context-menu","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-group-context-menu":customElements.get(i(t))||customElements.define(i(t),m);break;case"ix-icon-button":customElements.get(i(t))||a();break;case"ix-spinner":customElements.get(i(t))||c()}}))}export{m as G,u as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,M as t,e,f as i,h as r,d as o,t as n}from"./p-CtDOTMOT.js";import{e as s}from"./p-BtSt9tC5.js";import{m as b}from"./p-Djkc69iv.js";import{D as d,h}from"./p-CApDAYIa.js";import{I as c}from"./p-BST8QY5w.js";import{r as l}from"./p-BEuV0Xpe.js";import{d as u}from"./p-Wr4Qf8LA.js";import{d as g}from"./p-B-O0ylt_.js";import{d as m}from"./p-BDlGgfYh.js";import{d as C}from"./p-CrDBjFhu.js";import{d as A}from"./p-3VG6z9c3.js";import{d as p}from"./p-Dwe6tWhq.js";const v=a(class extends(t(...d,c)){constructor(a){super(!1),!1!==a&&this.__registerHost(),this.__attachShadow(),this.tabChange=e(this,"tabChange",7),this.tabClose=e(this,"tabClose",7)}get hostElement(){return this}small=!1;rounded=!1;layout="auto";placement="bottom";ariaLabelMoreTabs="Show all tabs";activeTabKey;keyboardNavigation="automatic";tabChange;tabClose;isTabsOverflow=!1;overflowMenuItems=[];resizeObserver;itemsObserver;tabsContainerRef=b();tabsRef=b();get tabs(){return Array.from(this.hostElement.querySelectorAll("ix-tab-item"))}componentDidLoad(){this.itemsObserver=new MutationObserver((()=>{this.onComponentChildrenChange(),l((()=>this.onComponentResize()))})),this.itemsObserver.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.resizeObserver=new ResizeObserver((()=>this.onComponentResize())),this.resizeObserver.observe(this.hostElement),this.onComponentResize()}componentWillLoad(){this.onComponentChildrenChange(),this.activeTabKey&&this.setTabActive(this.activeTabKey)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.itemsObserver&&this.itemsObserver.disconnect()}onActiveTabChange(a,t){const e=this.tabs.find((a=>a.selected));e?.tabKey!==a&&this.emitTabChangeEvent(a,t)}setTabActive(a){const t=this.tabs;if(void 0===a)return t.forEach((a=>a.selected=!1)),this.onComponentChildrenChange(),void(this.activeTabKey=void 0);const e=t.find((t=>t.tabKey===a));return e&&!e.disabled?(t.forEach((a=>a.selected=!1)),e.selected=!0,this.onComponentChildrenChange(),this.activeTabKey=e.tabKey,e.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),this.activeTabKey):void 0}onComponentChildrenChange(){const a=this.tabs;a.forEach((t=>{const e={layout:this.layout,small:this.small,rounded:this.rounded,placement:this.placement,iconOnly:a.every((a=>!a.label&&!!a.icon))};Object.assign(t,e)})),this.overflowMenuItems=Array.from(a).map((a=>({tabKey:a.tabKey,label:a.label||a.textContent||"",icon:a.icon,disabled:a.disabled}))),!a.some((a=>a.selected))&&a.length>0&&h()&&(a[0].focus(),this.emitTabChangeEvent(a[0].tabKey))}onComponentResize(){const a=this.tabsRef.current;a&&i((()=>{this.isTabsOverflow=a.scrollWidth>a.clientWidth}))}onTabClick(a){a.defaultPrevented||void 0!==a.detail.tabKey&&this.emitTabChangeEvent(a.detail.tabKey)}emitTabChangeEvent(a,t=this.activeTabKey){!function(a,t,e){const i=a(),{defaultPrevented:r}=t.emit(i.new);r&&e(i.old)}((()=>({new:this.setTabActive(a),old:t})),this.tabChange,(a=>this.setTabActive(a)))}onTabsNavigate(a){if(a.target instanceof HTMLElement&&"tablist"===a.target.getAttribute("role"))return;const t=this.tabs.filter((a=>!a.disabled));let e=t.findIndex((a=>a.selected));"manual"===this.keyboardNavigation&&(e=t.findIndex((a=>a===document.activeElement)));const i=a=>{a.focus(),"automatic"===this.keyboardNavigation&&this.emitTabChangeEvent(a.tabKey)};if("ArrowRight"===a.key||"ArrowLeft"===a.key){if(a.preventDefault(),-1===e)return;i(t[(e+("ArrowRight"===a.key?1:-1)+t.length)%t.length])}"Home"===a.key&&(a.preventDefault(),i(t[0])),"End"===a.key&&(a.preventDefault(),i(t[t.length-1]))}render(){return r(o,{key:"2e8b5f9f4d3658bd219e6ca5d5a829d16f0c1977",onTabClick:a=>this.onTabClick(a),class:{small:this.small}},r("div",{key:"8e45e2d46485c6e3147b2237f6109d63cd02758c",ref:this.tabsContainerRef,class:{"tabs-container":!0,top:"top"===this.placement,bottom:"bottom"===this.placement}},r("div",{key:"69b6177b0c8c7c20d039a434866f93135e168155",class:{"overflow-shadow-container":!0,"overflow-shadow":this.isTabsOverflow}},r("div",{key:"97d6ccbe5e623cbedf6be21de05005599b9a2bcd",role:"tablist",...this.inheritAriaAttributes,ref:this.tabsRef,class:{tabs:!0,"tabs-stretched":"stretched"===this.layout},tabIndex:this.isTabsOverflow?0:-1,onKeyDown:a=>this.onTabsNavigate(a)},r("slot",{key:"2ceb8d8dc886c9784e244172750192297f077360"}))),this.isTabsOverflow&&"stretched"!==this.layout&&r("ix-dropdown-button",{key:"a7041a35c2dcac4f86eefbfbae5ac36ba9c45436",ariaLabel:this.ariaLabelMoreTabs,icon:s,class:{"tabs-context-menu":!0},variant:"subtle-tertiary"},this.overflowMenuItems.map((a=>r("ix-dropdown-item",{key:a.tabKey,checked:a.tabKey===this.activeTabKey,icon:a.icon,label:a.label,disabled:a.disabled,onClick:()=>this.activeTabKey=a.tabKey}))))))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],activeTabKey:[{onActiveTabChange:0}]}}static get style(){return':host{width:auto;display:flex;align-items:center;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tabs-container{display:flex;flex-direction:row;position:relative;width:100%;justify-content:space-between;align-items:center}:host .tabs-container.top::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.top::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.top::before,:host .tabs-container.top::after{top:0;bottom:auto}:host .tabs-container.bottom::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.bottom::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.bottom::before,:host .tabs-container.bottom::after{top:auto;bottom:0}:host .tabs{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;scroll-behavior:smooth;width:100%;touch-action:pan-y;padding-right:2.75rem;scrollbar-width:none}:host .tabs::-webkit-scrollbar{display:none}:host .tabs.tabs-stretched{padding-right:0px}:host .tabs:focus-visible{outline-offset:-1px;outline:1px solid var(--theme-color-focus-bdr)}:host .tabs-context-menu{margin-right:0.5rem}:host .overflow-shadow-container{display:block;position:relative;height:100%;width:100%;pointer-events:all;overflow:auto}:host .overflow-shadow{-webkit-mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%);mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%)}'}},[785,"ix-tabs",{small:[4],rounded:[4],layout:[1],placement:[1],ariaLabelMoreTabs:[1,"aria-label-more-tabs"],activeTabKey:[1537,"active-tab-key"],keyboardNavigation:[1,"keyboard-navigation"],inheritAriaAttributes:[32],isTabsOverflow:[32],overflowMenuItems:[32]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],activeTabKey:[{onActiveTabChange:0}]}]);function f(){"undefined"!=typeof customElements&&["ix-tabs","ix-button","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner"].forEach((a=>{switch(a){case"ix-tabs":customElements.get(n(a))||customElements.define(n(a),v);break;case"ix-button":customElements.get(n(a))||u();break;case"ix-dropdown":customElements.get(n(a))||g();break;case"ix-dropdown-button":customElements.get(n(a))||m();break;case"ix-dropdown-item":customElements.get(n(a))||C();break;case"ix-icon-button":customElements.get(n(a))||A();break;case"ix-spinner":customElements.get(n(a))||p()}}))}export{v as T,f as d}
|
|
1
|
+
import{p as a,M as t,e,f as i,h as r,d as o,t as n}from"./p-CtDOTMOT.js";import{e as s}from"./p-BtSt9tC5.js";import{m as b}from"./p-Djkc69iv.js";import{D as d,h}from"./p-CApDAYIa.js";import{I as l}from"./p-BST8QY5w.js";import{r as c}from"./p-BEuV0Xpe.js";import{d as u}from"./p-B_MBGj0b.js";import{d as g}from"./p-olkZUb1j.js";import{d as m}from"./p-LbnItC1h.js";import{d as C}from"./p-BIcWFids.js";import{d as A}from"./p-3VG6z9c3.js";import{d as p}from"./p-Dwe6tWhq.js";const v=a(class extends(t(...d,l)){constructor(a){super(!1),!1!==a&&this.__registerHost(),this.__attachShadow(),this.tabChange=e(this,"tabChange",7),this.tabClose=e(this,"tabClose",7)}get hostElement(){return this}small=!1;rounded=!1;layout="auto";placement="bottom";ariaLabelMoreTabs="Show all tabs";activeTabKey;keyboardNavigation="automatic";tabChange;tabClose;isTabsOverflow=!1;overflowMenuItems=[];resizeObserver;itemsObserver;tabsContainerRef=b();tabsRef=b();get tabs(){return Array.from(this.hostElement.querySelectorAll("ix-tab-item"))}componentDidLoad(){this.itemsObserver=new MutationObserver((()=>{this.onComponentChildrenChange(),c((()=>this.onComponentResize()))})),this.itemsObserver.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.resizeObserver=new ResizeObserver((()=>this.onComponentResize())),this.resizeObserver.observe(this.hostElement),this.onComponentResize()}componentWillLoad(){this.onComponentChildrenChange(),this.activeTabKey&&this.setTabActive(this.activeTabKey)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.itemsObserver&&this.itemsObserver.disconnect()}onActiveTabChange(a,t){const e=this.tabs.find((a=>a.selected));e?.tabKey!==a&&this.emitTabChangeEvent(a,t)}setTabActive(a){const t=this.tabs;if(void 0===a)return t.forEach((a=>a.selected=!1)),this.onComponentChildrenChange(),void(this.activeTabKey=void 0);const e=t.find((t=>t.tabKey===a));return e&&!e.disabled?(t.forEach((a=>a.selected=!1)),e.selected=!0,this.onComponentChildrenChange(),this.activeTabKey=e.tabKey,e.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),this.activeTabKey):void 0}onComponentChildrenChange(){const a=this.tabs;a.forEach((t=>{const e={layout:this.layout,small:this.small,rounded:this.rounded,placement:this.placement,iconOnly:a.every((a=>!a.label&&!!a.icon))};Object.assign(t,e)})),this.overflowMenuItems=Array.from(a).map((a=>({tabKey:a.tabKey,label:a.label||a.textContent||"",icon:a.icon,disabled:a.disabled}))),!a.some((a=>a.selected))&&a.length>0&&h()&&(a[0].focus(),this.emitTabChangeEvent(a[0].tabKey))}onComponentResize(){const a=this.tabsRef.current;a&&i((()=>{this.isTabsOverflow=a.scrollWidth>a.clientWidth}))}onTabClick(a){a.defaultPrevented||void 0!==a.detail.tabKey&&this.emitTabChangeEvent(a.detail.tabKey)}emitTabChangeEvent(a,t=this.activeTabKey){!function(a,t,e){const i=a(),{defaultPrevented:r}=t.emit(i.new);r&&e(i.old)}((()=>({new:this.setTabActive(a),old:t})),this.tabChange,(a=>this.setTabActive(a)))}onTabsNavigate(a){if(a.target instanceof HTMLElement&&"tablist"===a.target.getAttribute("role"))return;const t=this.tabs.filter((a=>!a.disabled));let e=t.findIndex((a=>a.selected));"manual"===this.keyboardNavigation&&(e=t.findIndex((a=>a===document.activeElement)));const i=a=>{a.focus(),"automatic"===this.keyboardNavigation&&this.emitTabChangeEvent(a.tabKey)};if("ArrowRight"===a.key||"ArrowLeft"===a.key){if(a.preventDefault(),-1===e)return;i(t[(e+("ArrowRight"===a.key?1:-1)+t.length)%t.length])}"Home"===a.key&&(a.preventDefault(),i(t[0])),"End"===a.key&&(a.preventDefault(),i(t[t.length-1]))}render(){return r(o,{key:"e9e5ca8f1b7452ae44ea8f53f21153198b6b8111",onTabClick:a=>this.onTabClick(a),class:{small:this.small}},r("div",{key:"d9d5d3e0c58df201b0a5c2dd0bcc674c38569cd7",ref:this.tabsContainerRef,class:{"tabs-container":!0,top:"top"===this.placement,bottom:"bottom"===this.placement}},r("div",{key:"23433718ad5b18cda24a8d007617043ee7864e2f",class:{"overflow-shadow-container":!0,"overflow-shadow":this.isTabsOverflow}},r("div",{key:"745b6a2145d1d5e51f32870a704af18204cf5809",role:"tablist",...this.inheritAriaAttributes,ref:this.tabsRef,class:{tabs:!0,"tabs-stretched":"stretched"===this.layout},tabIndex:this.isTabsOverflow?0:-1,onKeyDown:a=>this.onTabsNavigate(a)},r("slot",{key:"3518fe1d37ca84c24b75a49dc047473daa1a5e28"}))),this.isTabsOverflow&&"stretched"!==this.layout&&r("ix-dropdown-button",{key:"626d85cf76445fa4921268de9b489fa762af86ce",ariaLabel:this.ariaLabelMoreTabs,icon:s,class:{"tabs-context-menu":!0},variant:"subtle-tertiary"},this.overflowMenuItems.map((a=>r("ix-dropdown-item",{key:a.tabKey,checked:a.tabKey===this.activeTabKey,icon:a.icon,label:a.label,disabled:a.disabled,onClick:()=>this.activeTabKey=a.tabKey}))))))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],activeTabKey:[{onActiveTabChange:0}]}}static get style(){return':host{width:auto;display:flex;align-items:center;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tabs-container{display:flex;flex-direction:row;position:relative;width:100%;justify-content:space-between;align-items:center}:host .tabs-container.top::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.top::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.top::before,:host .tabs-container.top::after{top:0;bottom:auto}:host .tabs-container.bottom::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.bottom::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.bottom::before,:host .tabs-container.bottom::after{top:auto;bottom:0}:host .tabs{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;scroll-behavior:smooth;width:100%;touch-action:pan-y;padding-right:2.75rem;scrollbar-width:none}:host .tabs::-webkit-scrollbar{display:none}:host .tabs.tabs-stretched{padding-right:0px}:host .tabs:focus-visible{outline-offset:-1px;outline:1px solid var(--theme-color-focus-bdr)}:host .tabs-context-menu{margin-right:0.5rem}:host .overflow-shadow-container{display:block;position:relative;height:100%;width:100%;pointer-events:all;overflow:auto}:host .overflow-shadow{-webkit-mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%);mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%)}'}},[785,"ix-tabs",{small:[4],rounded:[4],layout:[1],placement:[1],ariaLabelMoreTabs:[1,"aria-label-more-tabs"],activeTabKey:[1537,"active-tab-key"],keyboardNavigation:[1,"keyboard-navigation"],inheritAriaAttributes:[32],isTabsOverflow:[32],overflowMenuItems:[32]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],activeTabKey:[{onActiveTabChange:0}]}]);function f(){"undefined"!=typeof customElements&&["ix-tabs","ix-button","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner"].forEach((a=>{switch(a){case"ix-tabs":customElements.get(n(a))||customElements.define(n(a),v);break;case"ix-button":customElements.get(n(a))||u();break;case"ix-dropdown":customElements.get(n(a))||g();break;case"ix-dropdown-button":customElements.get(n(a))||m();break;case"ix-dropdown-item":customElements.get(n(a))||C();break;case"ix-icon-button":customElements.get(n(a))||A();break;case"ix-spinner":customElements.get(n(a))||p()}}))}export{v as T,f as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as i,h as a,d as s,t as e}from"./p-CtDOTMOT.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}noMargin=!1;gap="24";columns=12;render(){return a(s,{key:"e6f61e2437dcf9815db4f5c1d2f2a13f8e579572",class:{"no-margin":this.noMargin},style:{"--ix-layout-grid-columns":`${this.columns}`,"--ix-layout-grid-gutter":`${this.gap}px`}},a("slot",{key:"485b027cb1717fe267b919d9f6b822a18db66a4f"}))}static get style(){return":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}"}},[769,"ix-layout-grid",{noMargin:[4,"no-margin"],gap:[1],columns:[2]}]);function o(){"undefined"!=typeof customElements&&["ix-layout-grid"].forEach((t=>{"ix-layout-grid"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}export{r as L,o as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,H as e,e as t,h as r,d as
|
|
1
|
+
import{p as o,H as e,e as t,h as r,d as a,t as s}from"./p-CtDOTMOT.js";import{n as i}from"./p-BtSt9tC5.js";import{d as l}from"./p-3VG6z9c3.js";import{d as c}from"./p-Dwe6tWhq.js";const n=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.closeClick=t(this,"closeClick",7)}get hostElement(){return this}disabled=!1;readonly=!1;hideCloseButton=!1;ariaLabelCloseIconButton;closeClick;onCloseClick(o){o.preventDefault(),o.stopPropagation(),this.closeClick.emit()}render(){return r(a,{key:"7b1d7b5eaa69878f972a32ae012dd3e9a96c4dca",class:{disabled:this.disabled,readonly:this.readonly,"hide-close-button":this.hideCloseButton},title:this.hostElement.textContent},r("div",{key:"c678ad613f23f633a38d002f8d9aa74e67473384",class:"slot-container"},r("slot",{key:"4a91b222a51991df3baaaa328b7e991ad80732ae"})),this.disabled||this.readonly||this.hideCloseButton?null:r("ix-icon-button",{variant:"tertiary",oval:!0,icon:i,size:"16",disabled:this.disabled,onClick:o=>{this.onCloseClick(o)},onKeyDown:o=>{switch(o.key){case"Enter":case" ":this.onCloseClick(o);break;case"Tab":break;default:o.preventDefault(),o.stopPropagation()}},"aria-label":this.ariaLabelCloseIconButton}))}static get style(){return":host{display:inline-flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;min-width:0}:host .slot-container :host-context(.disabled){background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}:host ix-icon-button{height:1.5rem;margin-left:0.25rem}:host ix-icon-button:not(.disabled):not(:disabled):focus-visible{outline:none}:host(.disabled){border:var(--theme-focus--border-thickness) solid var(--theme-color-component-4);color:var(--theme-color-weak-text);padding-right:0.5rem;cursor:default}:host(.readonly),:host(.hide-close-button){padding-right:0.5rem}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}"}},[769,"ix-filter-chip",{disabled:[4],readonly:[4],hideCloseButton:[4,"hide-close-button"],ariaLabelCloseIconButton:[1,"aria-label-close-icon-button"]}]);function h(){"undefined"!=typeof customElements&&["ix-filter-chip","ix-icon-button","ix-spinner"].forEach((o=>{switch(o){case"ix-filter-chip":customElements.get(s(o))||customElements.define(s(o),n);break;case"ix-icon-button":customElements.get(s(o))||l();break;case"ix-spinner":customElements.get(s(o))||c()}}))}export{n as F,h as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as t,h as i,d as s,t as a}from"./p-CtDOTMOT.js";import{m as o}from"./p-Djkc69iv.js";import{r,h as l,H as n}from"./p-Czy7a3I4.js";import{D as d}from"./p-CApDAYIa.js";import{C as h}from"./p-Dpk_WgCl.js";import{d as c}from"./p-
|
|
1
|
+
import{p as e,M as t,h as i,d as s,t as a}from"./p-CtDOTMOT.js";import{m as o}from"./p-Djkc69iv.js";import{r,h as l,H as n}from"./p-Czy7a3I4.js";import{D as d}from"./p-CApDAYIa.js";import{C as h}from"./p-Dpk_WgCl.js";import{d as c}from"./p-baqpOH0g.js";import{d as m}from"./p-Dl_YKIKl.js";import{d as p}from"./p-1KOHyx-1.js";const f=e(class extends(t(...d,h)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}helperText;label;invalidText;validText;infoText;warningText;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;showTextAsTooltip=!1;required=!1;controlRef;slotRef=o();hasExplicitAriaLabel=!1;componentDidLoad(){this.syncAriaLabel(!0)}syncAriaLabel(e=!1){this.controlRef&&!this.hasExplicitAriaLabel&&this.controlRef.waitForCurrent().then((t=>{e&&(t.hasAttribute("aria-label")||t.hasAttribute("aria-labelledby"))?this.hasExplicitAriaLabel=!0:this.label?t.setAttribute("aria-label",this.label):t.removeAttribute("aria-label")}))}componentWillLoad(){if(!this.hostElement.querySelector(".error-message-container")){const e=document.createElement("span");e.classList.add("error-message-container"),e.id=`${this.getHostElementId()}-errormessage`,e.hidden=!0,this.hostElement.appendChild(e)}if(!this.hostElement.querySelector(".helper-message-container")){const e=document.createElement("span");e.classList.add("helper-message-container"),e.id=`${this.getHostElementId()}-helpermessage`,e.hidden=!0,this.hostElement.appendChild(e)}}componentWillRender(){const e=this.hostElement.querySelector(`#${this.getHostElementId()}-errormessage`),t=this.hostElement.querySelector(`#${this.getHostElementId()}-helpermessage`);this.isInvalid&&this.invalidText&&e&&(e.textContent=this.invalidText),t&&(t.textContent=r({isInvalid:this.isInvalid,invalidText:this.invalidText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,isValid:this.isValid,validText:this.validText,helperText:this.helperText}))}getAriaErrorMessageElement(){return Promise.resolve(this.hostElement.querySelector(`#${this.getHostElementId()}-errormessage`))}getAriaHelperMessageElement(){return Promise.resolve(this.hostElement.querySelector(`#${this.getHostElementId()}-helpermessage`))}render(){const e={invalidText:this.invalidText,isInvalid:this.isInvalid,isValid:this.isValid,validText:this.validText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,helperText:this.helperText};let t={};return this.isInvalid&&this.invalidText&&(t={role:"alert","aria-live":"polite"}),i(s,{key:"25255aed5f9b7fb77fdeb61473bf2b75a262ffba",...t},this.label&&i("div",{key:"bb885771ecfcf509a62bbe6f7ba1a7d518f17c78",class:"field-top"},i("ix-field-label",{key:"916a96ca521dd4e9dd7f55e9f3bd19cc947ba123",required:this.required,controlRef:this.controlRef,isInvalid:this.isInvalid,ariaHidden:!0},this.label)),i("div",{key:"ce2d746aea87f49611ef413f49fbb52c59ab468a",class:{"slot-wrapper":!0},ref:this.slotRef},i("slot",{key:"2bb54f35cc1ff930918dc211e2018875ce105d7b"})),i("div",{key:"c427f40269dd19c40c413d0794cbf0096a7f8cd1",class:"field-bottom"},!this.showTextAsTooltip&&i(n,{key:"76100d6cd0e6c22eeca8de06b7aa7ae59ab9ea33",...e}),i("div",{key:"b9d5688b85687792c491d8cecd9411dbb5bddb0e",class:"bottom-right"},i("slot",{key:"95102f11d6b5c82d67be1c7c104eadf56bcb8112",name:"bottom-right"}))),!0===this.showTextAsTooltip&&l(e)&&i("ix-tooltip",{key:"c484b0edcd735b2d9155819ad9eb8d98c45e2633",for:this.slotRef.waitForCurrent(),showDelay:500,placement:"bottom"},i(n,{key:"7d0ea7c1cd80af012492984d7ad2b5399ee50c4d",...e})))}static get watchers(){return{label:[{syncAriaLabel:0}]}}static get style(){return":host{display:flex;position:relative;flex-direction:column}:host .slot-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:0.25rem}:host .field-bottom,:host .field-top{display:flex;flex-direction:row;position:relative;justify-content:space-between;gap:1rem;width:100%;min-width:100%}:host .field-bottom .bottom-right{margin-left:auto;margin-right:0px}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}"}},[769,"ix-field-wrapper",{helperText:[1,"helper-text"],label:[1],invalidText:[1,"invalid-text"],validText:[1,"valid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],isInvalid:[4,"is-invalid"],isValid:[4,"is-valid"],isInfo:[4,"is-info"],isWarning:[4,"is-warning"],showTextAsTooltip:[4,"show-text-as-tooltip"],required:[4],controlRef:[16],getAriaErrorMessageElement:[64],getAriaHelperMessageElement:[64]},void 0,{label:[{syncAriaLabel:0}]}]);function b(){"undefined"!=typeof customElements&&["ix-field-wrapper","ix-field-label","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-field-wrapper":customElements.get(a(e))||customElements.define(a(e),f);break;case"ix-field-label":customElements.get(a(e))||c();break;case"ix-tooltip":customElements.get(a(e))||m();break;case"ix-typography":customElements.get(a(e))||p()}}))}export{f as F,b as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,M as a,h as e,d as i,t as r}from"./p-CtDOTMOT.js";import{E as o}from"./p-BtSt9tC5.js";import{D as n}from"./p-CApDAYIa.js";import{I as s}from"./p-BST8QY5w.js";import{m as h}from"./p-Djkc69iv.js";import{m as d}from"./p-DT02jDB7.js";import{c as b}from"./p-CX81WQtk.js";import{a as l}from"./p-C21npbUc.js";import{d as c}from"./p-Dfd_ifAu.js";import{d as u}from"./p-DhWkcMmR.js";const m=(t,a)=>`${t}-${a++}`;let g=0;const C=t(class extends(a(...n,s)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow()}label;home=!1;bottom=!1;icon;notifications;active=!1;disabled=!1;tooltipText;href;target="_self";rel;isCategory=!1;menuCategoryLabel;get hostElement(){return this}tooltip;menuExpanded=!1;isInMenuContext=!1;hostTabIndex=-1;async setTabIndex(t){this.hostTabIndex=t}internalItemId=m("ix-menu-item-",g++);buttonRef=h();isHostedInsideCategory=!1;menuExpandedDisposer;observer=b((()=>{this.setTooltip()}));componentWillLoad(){super.componentWillLoad(),this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");const t=this.hostElement.getRootNode(),a=t instanceof ShadowRoot&&"ix-menu"===t.host?.tagName?.toLowerCase(),e=this.hostElement.parentElement,i=!this.isHostedInsideCategory&&("ix-menu"===e?.tagName?.toLowerCase()||"a"===e?.tagName?.toLowerCase()&&"ix-menu"===e?.parentElement?.tagName?.toLowerCase());this.isInMenuContext=a||i,this.onIconChange(),this.menuExpanded=d.nativeElement?.expand||!1,this.menuExpandedDisposer=d.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){this.tooltip=this.tooltipText??this.label??this.hostElement.textContent??void 0}connectedCallback(){this.observer.observe(this.hostElement,{subtree:!0,childList:!0,characterData:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.observer.disconnect(),this.menuExpandedDisposer&&this.menuExpandedDisposer.dispose()}onIconChange(){this.isHostedInsideCategory||this.hostElement.icon||(this.icon=o)}handleCategoryKeyDown(t){"Enter"!==t.key&&" "!==t.key||!this.isHostedInsideCategory||this.returnFocusToParentCategoryMenuItem()}getAriaLabel(){return"aria-label"in this.inheritAriaAttributes?this.inheritAriaAttributes["aria-label"]:this.tooltipText&&this.tooltipText!==this.label&&this.tooltipText!==this.hostElement.textContent?`${this.label??this.menuCategoryLabel??this.hostElement.textContent??""} ${this.tooltipText}`:void 0}getEffectiveRole(t){return t??(this.isHostedInsideCategory||this.isCategory||this.isInMenuContext?"menuitem":void 0)}returnFocusToParentCategoryMenuItem(){const t=this.hostElement.closest("ix-menu-category"),a=t?.shadowRoot?.querySelector("ix-menu-item.category-parent");t?.dispatchEvent(new CustomEvent("ixMenuCategoryItemSelect",{bubbles:!0,composed:!0})),a?.focus()}render(){let t={};this.home&&(t={slot:"home"}),this.bottom&&(t={slot:"bottom"});const{role:a,...r}=this.inheritAriaAttributes,o=this.getEffectiveRole(a),n={class:"tab",...r},s=[this.icon&&e("ix-icon",{key:"64307467f954284272278cca78a80ae4f9c3b95a",class:"tab-icon",name:this.icon,"aria-hidden":"true"}),this.notifications?e("div",{class:"notification"},e("div",{class:"pill"},this.notifications)):null,e("span",{key:"1fd2d64f4f8487cb81ad7b981d4f8a0c5ebfb312",id:this.internalItemId,class:"tab-text text-default"},this.label,e("slot",{key:"571294f967aae798c6a63f3fbcd46aa4453e1263"}))],h=this.getAriaLabel();return e(i,{key:"b3583fa356cc996792724ff03627f1a2fc6f9abd",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory,"ix-focusable":!this.disabled},...t},this.href?e("a",{...n,role:o,href:this.disabled?void 0:this.href,target:this.target,rel:this.rel,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),onClick:t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())},"aria-disabled":l(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},s):e("button",{...n,role:o,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),"aria-disabled":l(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},s),e("ix-tooltip",{key:"94f61e508c2c4653a40462f0a3e86ee86356e687",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3,interactive:!1,"aria-hidden":"true","aria-labelledby":this.internalItemId},this.tooltip))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],icon:[{onIconChange:0}]}}static get style(){return':host{position:relative;display:block;cursor:pointer;height:var(--ix-menu-item-height, 3rem);min-height:var(--ix-menu-item-height, 3rem);max-height:var(--ix-menu-item-height, 3rem)}:host .tab{all:unset;box-sizing:border-box;display:flex;position:relative;align-items:center;height:var(--ix-menu-item-height, 3rem);width:100%;z-index:500;padding-left:0.875rem}:host .tab:not(.disabled):not(:disabled).hover,:host .tab:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .tab:not(.disabled):not(:disabled).active,:host .tab:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .tab-icon{color:var(--theme-nav-item-primary-icon--color);position:relative;pointer-events:none}:host .tab:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .notification{display:inline-flex;position:absolute;top:0.25rem;left:1.5rem}:host .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:0.5rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}:host .tab-text{display:block;color:var(--theme-nav-item-primary--color);margin:0 1rem 0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.active) .tab,:host(.selected) .tab{background-color:var(--theme-nav-item-primary--background--selected)}:host(.active) .tab::before,:host(.selected) .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:var(--ix-menu-item-height, 3rem);width:0.25rem;left:0;position:absolute}:host(.active) .tab>.glyph,:host(.selected) .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}:host(.disabled){color:var(--theme-color-weak-text);pointer-events:none;cursor:default}:host(.disabled) .tab>.tab-icon{color:var(--theme-color-weak-text)}:host(.disabled) .tab-text{color:var(--theme-color-weak-text)}:host(.bottom-tab),:host([slot=bottom]){min-height:2.25rem;height:2.25rem;max-height:2.25rem}:host(.bottom-tab) .tab,:host([slot=bottom]) .tab{height:2.25rem}:host(.bottom-tab) .tab::before,:host([slot=bottom]) .tab::before{height:2.25rem;background-color:transparent}:host(.bottom-tab).active:hover,:host(.bottom-tab).selected:hover,:host([slot=bottom]).active:hover,:host([slot=bottom]).selected:hover{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab).active:active,:host(.bottom-tab).selected:active,:host([slot=bottom]).active:active,:host([slot=bottom]).selected:active{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab.active) .tab,:host(.bottom-tab.selected) .tab,:host(.active[slot=bottom]) .tab,:host(.selected[slot=bottom]) .tab{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.tab-nested) .tab{flex-direction:row;padding-left:1.375rem}:host(.tab-nested) .tab .notification{position:relative;top:0;left:0;padding-left:0.5rem}:host(.tab-nested) .tab .tab-icon{padding-left:0.5rem;padding-right:0.5rem}:host(.tab-nested) .tab .tab-text{margin-left:0.5rem}:host(.tab-nested) .tab::before{display:none}'}},[785,"ix-menu-item",{label:[1],home:[4],bottom:[4],icon:[1025],notifications:[2],active:[4],disabled:[4],tooltipText:[1,"tooltip-text"],href:[1],target:[1],rel:[1],isCategory:[4,"is-category"],menuCategoryLabel:[1,"menu-category-label"],inheritAriaAttributes:[32],tooltip:[32],menuExpanded:[32],isInMenuContext:[32],hostTabIndex:[32],setTabIndex:[64]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],icon:[{onIconChange:0}]}]);function p(){"undefined"!=typeof customElements&&["ix-menu-item","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-item":customElements.get(r(t))||customElements.define(r(t),C);break;case"ix-tooltip":customElements.get(r(t))||c();break;case"ix-typography":customElements.get(r(t))||u()}}))}export{C as M,m as c,p as d}
|
|
1
|
+
import{p as t,M as a,h as e,d as i,t as r}from"./p-CtDOTMOT.js";import{E as o}from"./p-BtSt9tC5.js";import{D as n}from"./p-CApDAYIa.js";import{I as s}from"./p-BST8QY5w.js";import{m as h}from"./p-Djkc69iv.js";import{m as d}from"./p-DT02jDB7.js";import{c as b}from"./p-CX81WQtk.js";import{a as l}from"./p-C21npbUc.js";import{d as c}from"./p-Dl_YKIKl.js";import{d as u}from"./p-1KOHyx-1.js";const g=(t,a)=>`${t}-${a++}`;let m=0;const C=t(class extends(a(...n,s)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow()}label;home=!1;bottom=!1;icon;notifications;active=!1;disabled=!1;tooltipText;href;target="_self";rel;isCategory=!1;menuCategoryLabel;get hostElement(){return this}tooltip;menuExpanded=!1;isInMenuContext=!1;hostTabIndex=-1;async setTabIndex(t){this.hostTabIndex=t}internalItemId=g("ix-menu-item-",m++);buttonRef=h();isHostedInsideCategory=!1;menuExpandedDisposer;observer=b((()=>{this.setTooltip()}));componentWillLoad(){super.componentWillLoad(),this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");const t=this.hostElement.getRootNode(),a=t instanceof ShadowRoot&&"ix-menu"===t.host?.tagName?.toLowerCase(),e=this.hostElement.parentElement,i=!this.isHostedInsideCategory&&("ix-menu"===e?.tagName?.toLowerCase()||"a"===e?.tagName?.toLowerCase()&&"ix-menu"===e?.parentElement?.tagName?.toLowerCase());this.isInMenuContext=a||i,this.onIconChange(),this.menuExpanded=d.nativeElement?.expand||!1,this.menuExpandedDisposer=d.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){this.tooltip=this.tooltipText??this.label??this.hostElement.textContent??void 0}connectedCallback(){this.observer.observe(this.hostElement,{subtree:!0,childList:!0,characterData:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.observer.disconnect(),this.menuExpandedDisposer&&this.menuExpandedDisposer.dispose()}onIconChange(){this.isHostedInsideCategory||this.hostElement.icon||(this.icon=o)}handleCategoryKeyDown(t){"Enter"!==t.key&&" "!==t.key||!this.isHostedInsideCategory||this.returnFocusToParentCategoryMenuItem()}getAriaLabel(){return"aria-label"in this.inheritAriaAttributes?this.inheritAriaAttributes["aria-label"]:this.tooltipText&&this.tooltipText!==this.label&&this.tooltipText!==this.hostElement.textContent?`${this.label??this.menuCategoryLabel??this.hostElement.textContent??""} ${this.tooltipText}`:void 0}getEffectiveRole(t){return t??(this.isHostedInsideCategory||this.isCategory||this.isInMenuContext?"menuitem":void 0)}returnFocusToParentCategoryMenuItem(){const t=this.hostElement.closest("ix-menu-category"),a=t?.shadowRoot?.querySelector("ix-menu-item.category-parent");t?.dispatchEvent(new CustomEvent("ixMenuCategoryItemSelect",{bubbles:!0,composed:!0})),a?.focus()}render(){let t={};this.home&&(t={slot:"home"}),this.bottom&&(t={slot:"bottom"});const{role:a,...r}=this.inheritAriaAttributes,o=this.getEffectiveRole(a),n={class:"tab",...r},s=[this.icon&&e("ix-icon",{key:"ba48d5b4a4fa45012b05c0c48f93b95406fcf668",class:"tab-icon",name:this.icon,"aria-hidden":"true"}),this.notifications?e("div",{class:"notification"},e("div",{class:"pill"},this.notifications)):null,e("span",{key:"7d851e398086593b8a950004fa309aa8e85ab293",id:this.internalItemId,class:"tab-text text-default"},this.label,e("slot",{key:"f57c890242be1a0ea5bdd52b807ff17a54e01dae"}))],h=this.getAriaLabel();return e(i,{key:"52c4274a785714911f6c55be30aef4e32d83eac6",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory,"ix-focusable":!this.disabled},...t},this.href?e("a",{...n,role:o,href:this.disabled?void 0:this.href,target:this.target,rel:this.rel,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),onClick:t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())},"aria-disabled":l(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},s):e("button",{...n,role:o,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),"aria-disabled":l(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},s),e("ix-tooltip",{key:"20b8f84afa73ab32c01a1afb65b74eab640f1b36",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3,interactive:!1,"aria-hidden":"true","aria-labelledby":this.internalItemId},this.tooltip))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],icon:[{onIconChange:0}]}}static get style(){return':host{position:relative;display:block;cursor:pointer;height:var(--ix-menu-item-height, 3rem);min-height:var(--ix-menu-item-height, 3rem);max-height:var(--ix-menu-item-height, 3rem)}:host .tab{all:unset;box-sizing:border-box;display:flex;position:relative;align-items:center;height:var(--ix-menu-item-height, 3rem);width:100%;z-index:500;padding-left:0.875rem}:host .tab:not(.disabled):not(:disabled).hover,:host .tab:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .tab:not(.disabled):not(:disabled).active,:host .tab:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .tab-icon{color:var(--theme-nav-item-primary-icon--color);position:relative;pointer-events:none}:host .tab:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .notification{display:inline-flex;position:absolute;top:0.25rem;left:1.5rem}:host .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:0.5rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}:host .tab-text{display:block;color:var(--theme-nav-item-primary--color);margin:0 1rem 0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.active) .tab,:host(.selected) .tab{background-color:var(--theme-nav-item-primary--background--selected)}:host(.active) .tab::before,:host(.selected) .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:var(--ix-menu-item-height, 3rem);width:0.25rem;left:0;position:absolute}:host(.active) .tab>.glyph,:host(.selected) .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}:host(.disabled){color:var(--theme-color-weak-text);pointer-events:none;cursor:default}:host(.disabled) .tab>.tab-icon{color:var(--theme-color-weak-text)}:host(.disabled) .tab-text{color:var(--theme-color-weak-text)}:host(.bottom-tab),:host([slot=bottom]){min-height:2.25rem;height:2.25rem;max-height:2.25rem}:host(.bottom-tab) .tab,:host([slot=bottom]) .tab{height:2.25rem}:host(.bottom-tab) .tab::before,:host([slot=bottom]) .tab::before{height:2.25rem;background-color:transparent}:host(.bottom-tab).active:hover,:host(.bottom-tab).selected:hover,:host([slot=bottom]).active:hover,:host([slot=bottom]).selected:hover{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab).active:active,:host(.bottom-tab).selected:active,:host([slot=bottom]).active:active,:host([slot=bottom]).selected:active{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab.active) .tab,:host(.bottom-tab.selected) .tab,:host(.active[slot=bottom]) .tab,:host(.selected[slot=bottom]) .tab{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.tab-nested) .tab{flex-direction:row;padding-left:1.375rem}:host(.tab-nested) .tab .notification{position:relative;top:0;left:0;padding-left:0.5rem}:host(.tab-nested) .tab .tab-icon{padding-left:0.5rem;padding-right:0.5rem}:host(.tab-nested) .tab .tab-text{margin-left:0.5rem}:host(.tab-nested) .tab::before{display:none}'}},[785,"ix-menu-item",{label:[1],home:[4],bottom:[4],icon:[1025],notifications:[2],active:[4],disabled:[4],tooltipText:[1,"tooltip-text"],href:[1],target:[1],rel:[1],isCategory:[4,"is-category"],menuCategoryLabel:[1,"menu-category-label"],inheritAriaAttributes:[32],tooltip:[32],menuExpanded:[32],isInMenuContext:[32],hostTabIndex:[32],setTabIndex:[64]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],icon:[{onIconChange:0}]}]);function p(){"undefined"!=typeof customElements&&["ix-menu-item","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-item":customElements.get(r(t))||customElements.define(r(t),C);break;case"ix-tooltip":customElements.get(r(t))||c();break;case"ix-typography":customElements.get(r(t))||u()}}))}export{C as M,g as c,p as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as r,e,h as o,t as s}from"./p-CtDOTMOT.js";import{m as a}from"./p-Djkc69iv.js";import{d as c}from"./p-
|
|
1
|
+
import{p as t,H as r,e,h as o,t as s}from"./p-CtDOTMOT.js";import{m as a}from"./p-Djkc69iv.js";import{d as c}from"./p-BIcWFids.js";const i=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=e(this,"itemClick",7)}get hostElement(){return this}icon;label;itemClick;dropdownItemRef=a();async getDropdownItemElement(){return this.dropdownItemRef.waitForCurrent()}render(){return o("ix-dropdown-item",{key:"437aead7832603097e4f814abef0108dcb0ad386",ref:this.dropdownItemRef,icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}static get style(){return":host{display:block;color:var(--theme-color-std-text)}: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}"}},[513,"ix-menu-avatar-item",{icon:[1],label:[1],getDropdownItemElement:[64]}]);function l(){"undefined"!=typeof customElements&&["ix-menu-avatar-item","ix-dropdown-item"].forEach((t=>{switch(t){case"ix-menu-avatar-item":customElements.get(s(t))||customElements.define(s(t),i);break;case"ix-dropdown-item":customElements.get(s(t))||c()}}))}export{i as M,l as d}
|