@siemens/ix 5.0.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 +10 -10
- package/components/index.js +1 -1
- package/components/ix-action-card.js +1 -1
- package/components/ix-application-header.js +1 -1
- package/components/ix-application-switch-modal.js +1 -1
- package/components/ix-application.js +1 -1
- package/components/ix-avatar.js +1 -1
- package/components/ix-blind.js +1 -1
- package/components/ix-breadcrumb-item.js +1 -1
- package/components/ix-breadcrumb.js +1 -1
- package/components/ix-button.js +1 -1
- package/components/ix-card-accordion.js +1 -1
- package/components/ix-card-content.js +1 -1
- package/components/ix-card-list.js +1 -1
- package/components/ix-card-title.js +1 -1
- package/components/ix-card.js +1 -1
- package/components/ix-category-filter.js +1 -1
- package/components/ix-checkbox-group.js +1 -1
- package/components/ix-checkbox.js +1 -1
- package/components/ix-chip.js +1 -1
- package/components/ix-col.js +1 -1
- package/components/ix-content-header.js +1 -1
- package/components/ix-content.js +1 -1
- package/components/ix-css-grid-item.js +1 -1
- package/components/ix-css-grid.js +1 -1
- package/components/ix-custom-field.js +1 -1
- package/components/ix-date-dropdown.js +1 -1
- package/components/ix-date-input.js +1 -1
- package/components/ix-date-picker.js +1 -1
- package/components/ix-date-time-card.js +1 -1
- package/components/ix-datetime-input.js +1 -1
- package/components/ix-datetime-picker.js +1 -1
- package/components/ix-divider.js +1 -1
- package/components/ix-dropdown-button.js +1 -1
- package/components/ix-dropdown-header.js +1 -1
- package/components/ix-dropdown-item.js +1 -1
- package/components/ix-dropdown-quick-actions.js +1 -1
- package/components/ix-dropdown.js +1 -1
- package/components/ix-empty-state.js +1 -1
- package/components/ix-event-list-item.js +1 -1
- package/components/ix-event-list.js +1 -1
- package/components/ix-expanding-search.js +1 -1
- package/components/ix-field-label.js +1 -1
- package/components/ix-field-wrapper.js +1 -1
- package/components/ix-filter-chip.js +1 -1
- package/components/ix-flip-tile-content.js +1 -1
- package/components/ix-flip-tile.js +1 -1
- package/components/ix-group-context-menu.js +1 -1
- package/components/ix-group-item.js +1 -1
- package/components/ix-group.js +1 -1
- package/components/ix-helper-text.js +1 -1
- package/components/ix-icon-button.js +1 -1
- package/components/ix-icon-toggle-button.js +1 -1
- package/components/ix-input.js +1 -1
- package/components/ix-key-value-list.js +1 -1
- package/components/ix-key-value.js +1 -1
- package/components/ix-kpi.js +1 -1
- package/components/ix-layout-auto.js +1 -1
- package/components/ix-layout-grid.js +1 -1
- package/components/ix-link-button.js +1 -1
- package/components/ix-menu-about-item.js +1 -1
- package/components/ix-menu-about-news.js +1 -1
- package/components/ix-menu-about.js +1 -1
- package/components/ix-menu-avatar-item.js +1 -1
- package/components/ix-menu-avatar.js +1 -1
- package/components/ix-menu-category.js +1 -1
- package/components/ix-menu-expand-icon.js +1 -1
- package/components/ix-menu-item.js +1 -1
- package/components/ix-menu-settings-item.js +1 -1
- package/components/ix-menu-settings.js +1 -1
- package/components/ix-menu.js +1 -1
- package/components/ix-message-bar.js +1 -1
- package/components/ix-modal-content.js +1 -1
- package/components/ix-modal-footer.js +1 -1
- package/components/ix-modal-header.js +1 -1
- package/components/ix-modal-loading.js +1 -1
- package/components/ix-modal.js +1 -1
- package/components/ix-number-input.js +1 -1
- package/components/ix-pagination.js +1 -1
- package/components/ix-pane-layout.js +1 -1
- package/components/ix-pane.js +1 -1
- package/components/ix-pill.js +1 -1
- package/components/ix-popover-content.d.ts +11 -0
- package/components/ix-popover-content.js +1 -0
- package/components/ix-popover-footer.d.ts +11 -0
- package/components/ix-popover-footer.js +1 -0
- package/components/ix-popover-header.d.ts +11 -0
- package/components/ix-popover-header.js +1 -0
- package/components/ix-popover-image.d.ts +11 -0
- package/components/ix-popover-image.js +1 -0
- package/components/ix-popover.d.ts +11 -0
- package/components/ix-popover.js +1 -0
- package/components/ix-progress-indicator.js +1 -1
- package/components/ix-push-card.js +1 -1
- package/components/ix-radio-group.js +1 -1
- package/components/ix-radio.js +1 -1
- package/components/ix-range-field.js +1 -1
- package/components/ix-row.js +1 -1
- package/components/ix-select-item.js +1 -1
- package/components/ix-select.js +1 -1
- package/components/ix-slider.js +1 -1
- package/components/ix-spinner.js +1 -1
- package/components/ix-split-button.js +1 -1
- package/components/ix-tab-item.js +1 -1
- package/components/ix-tab-panel.js +1 -1
- package/components/ix-tab-set.js +1 -1
- package/components/ix-tabs.js +1 -1
- package/components/ix-textarea.js +1 -1
- package/components/ix-tile.js +1 -1
- package/components/ix-time-input.js +1 -1
- package/components/ix-time-picker.js +1 -1
- package/components/ix-toast-container.js +1 -1
- package/components/ix-toast.js +1 -1
- package/components/ix-toggle-button.js +1 -1
- package/components/ix-toggle.js +1 -1
- package/components/ix-tooltip.js +1 -1
- package/components/ix-tree-item.js +1 -1
- package/components/ix-tree.js +1 -1
- package/components/ix-typography.js +1 -1
- package/components/ix-upload.js +1 -1
- package/components/ix-workflow-step.js +1 -1
- package/components/ix-workflow-steps.js +1 -1
- package/components/{p-MZOpritx.js → p-1KOHyx-1.js} +1 -1
- package/{dist/siemens-ix/p-c350c5d0.entry.js → components/p-3VG6z9c3.js} +1 -1
- package/components/p-7HGOhDMX.js +1 -0
- package/components/p-BBCsPlPH.js +1 -0
- package/components/{p-_Uc7YwjU.js → p-BH2Yhp3V.js} +1 -1
- package/components/{p-uIG84RqI.js → p-BIcWFids.js} +1 -1
- package/components/p-BRoFUwzJ.js +1 -0
- package/components/{p-BE4QI9tD.js → p-BST8QY5w.js} +1 -1
- package/components/{p-B4Yxzuow.js → p-BWH03B1n.js} +1 -1
- package/components/{p-C-wf4kbs.js → p-BWknDysp.js} +1 -1
- package/components/{p-BcxPyyrm.js → p-BZgc6bzH.js} +1 -1
- package/components/p-B_MBGj0b.js +1 -0
- package/components/p-BbwShqw_.js +1 -0
- package/components/p-Bj_6nynP.js +1 -0
- package/components/p-BtSt9tC5.js +1 -0
- package/components/{p-DQql_9wo.js → p-BzFLbXmT.js} +1 -1
- package/components/{p-B5k8YVR0.js → p-C21npbUc.js} +1 -1
- package/components/p-C5UTTqsv.js +1 -0
- package/components/{p-VEcjhpT4.js → p-C7MRPZvZ.js} +1 -1
- package/components/{p-BwC_Hmai.js → p-CAH3dF6j.js} +1 -1
- package/{dist/siemens-ix/p-Dl_bUxb7.js → components/p-CApDAYIa.js} +1 -1
- package/components/{p-DTcUamMt.js → p-CHV-_J6i.js} +1 -1
- package/components/p-CNLoALIl.js +1 -0
- package/components/{p-DN2Mr91y.js → p-CTbTAb9U.js} +1 -1
- package/components/{p-JevOq-9X.js → p-CUvmGsh_.js} +1 -1
- package/components/{p-DUkuP1OH.js → p-Ca8JFa1v.js} +1 -1
- package/components/{p-wEbi9beJ.js → p-CbbabcAR.js} +1 -1
- package/components/p-CgHioxG-.js +1 -0
- package/components/{p-CuswfnZ5.js → p-CkIELF-1.js} +1 -1
- package/components/{p-CsP_r-y6.js → p-CuFZ7CXu.js} +1 -1
- package/components/p-Cvpz1Ji5.js +1 -0
- package/components/{p-DSpVcflZ.js → p-Czy7a3I4.js} +1 -1
- package/components/{p-DdMuwGlF.js → p-D1sONqtj.js} +1 -1
- package/components/p-D69Mojvn.js +1 -0
- package/components/{p-546lBshK.js → p-DKH7tPDu.js} +1 -1
- package/components/p-DLe8Pp58.js +1 -0
- package/components/{p-qsIASuyM.js → p-DM7ma3Eh.js} +1 -1
- package/components/{p-CVmLf9WY.js → p-DO3HtUke.js} +1 -1
- package/components/p-DT02jDB7.js +1 -0
- package/components/{p-CJ3dR7zd.js → p-DfdjJL6W.js} +1 -1
- package/components/{p-CcllZcv2.js → p-DjIyhGBC.js} +1 -1
- package/components/p-DkAUNod9.js +1 -0
- package/components/p-Dl_YKIKl.js +1 -0
- package/components/p-DtmgZu-S.js +1 -0
- package/components/p-DuMiVxY1.js +1 -0
- package/components/p-Dw_A3HUC.js +1 -0
- package/components/{p-By6x--zJ.js → p-Dwe6tWhq.js} +1 -1
- package/components/{p-W0q0WVKl.js → p-DwmHytZi.js} +1 -1
- package/components/p-DziPiOL3.js +1 -0
- package/components/{p-DfnCSsMy.js → p-GGleop6j.js} +1 -1
- package/components/p-GmOVROeD.js +1 -0
- package/components/p-LbnItC1h.js +1 -0
- package/components/p-R1AQtGdV.js +1 -0
- package/components/{p-zs7a2E3b.js → p-_f_q2Etu.js} +1 -1
- package/components/{p-Cf71L4Ol.js → p-baqpOH0g.js} +1 -1
- package/components/{p-C95SE6lT.js → p-f1jZqaUz.js} +1 -1
- package/components/p-olkZUb1j.js +1 -0
- package/components/{p-B1q6Xh9M.js → p-z19mjzlp.js} +1 -1
- package/dist/cjs/{a11y-C_6YiIMa.js → a11y-_XjpTo2w.js} +10 -0
- package/dist/cjs/{base-button-C-1izOSS.js → base-button-BP6iIMR7.js} +3 -3
- package/dist/cjs/{base-icon-button-BeXf6v9s.js → base-icon-button-BmiGQb9v.js} +2 -2
- package/dist/cjs/{component-CYtonfpw.js → component-DgA9FH-W.js} +2 -2
- package/dist/cjs/dropdown-controller-kBwdbfGD.js +99 -0
- package/dist/cjs/{focus-proxy-BCuVbpDb.js → focus-proxy-CjxFZupW.js} +6 -5
- package/dist/cjs/focus-trap-Be3N4ytz.js +310 -0
- package/dist/cjs/{focus-utilities-yx7wWjEO.js → focus-utilities-5SZMxJg4.js} +65 -23
- package/dist/cjs/{focus-visible.mixin-BU5Ql7d1.js → focus-visible.mixin-1V7Eldn_.js} +2 -2
- package/dist/cjs/{helper-text-util-CvfY1JxE.js → helper-text-util-BkHm7ofh.js} +3 -3
- package/dist/cjs/{index-Dw-NwUuT.js → index-CwJ-mkQd.js} +2 -2
- package/dist/cjs/{index-BKQkUbyE.js → index-DnclGKUw.js} +21 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/{inherit-aria-attributes.mixin-Sl7J-OlO.js → inherit-aria-attributes.mixin-EyRU0cDO.js} +2 -2
- package/dist/cjs/{input-picker.mixin-EoIayQV9.js → input-picker.mixin-Cf82jV-C.js} +2 -2
- package/dist/cjs/{input.fc-CsACCdp7.js → input.fc-DM-hX3xb.js} +3 -3
- package/dist/cjs/ix-action-card.cjs.entry.js +5 -4
- package/dist/cjs/ix-application-header.cjs.entry.js +14 -14
- package/dist/cjs/ix-application-switch-modal.cjs.entry.js +5 -5
- package/dist/cjs/ix-application.cjs.entry.js +28 -13
- package/dist/cjs/ix-avatar_2.cjs.entry.js +9 -9
- package/dist/cjs/ix-blind.cjs.entry.js +9 -9
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +10 -10
- package/dist/cjs/ix-breadcrumb.cjs.entry.js +8 -8
- package/dist/cjs/ix-button.cjs.entry.js +10 -10
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js +7 -7
- package/dist/cjs/ix-card-list.cjs.entry.js +8 -8
- package/dist/cjs/ix-card_2.cjs.entry.js +4 -4
- package/dist/cjs/ix-category-filter.cjs.entry.js +8 -8
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +4 -4
- package/dist/cjs/ix-checkbox.cjs.entry.js +20 -7
- package/dist/cjs/ix-chip.cjs.entry.js +11 -11
- package/dist/cjs/ix-col_4.cjs.entry.js +21 -23
- package/dist/cjs/ix-content-header.cjs.entry.js +5 -5
- package/dist/cjs/ix-content.cjs.entry.js +6 -6
- package/dist/cjs/ix-css-grid-item.cjs.entry.js +2 -2
- package/dist/cjs/ix-css-grid.cjs.entry.js +2 -2
- package/dist/cjs/ix-custom-field.cjs.entry.js +3 -3
- package/dist/cjs/ix-date-dropdown.cjs.entry.js +14 -14
- package/dist/cjs/ix-date-input.cjs.entry.js +16 -15
- package/dist/cjs/ix-date-picker.cjs.entry.js +13 -13
- package/dist/cjs/ix-date-time-card.cjs.entry.js +3 -3
- package/dist/cjs/ix-datetime-input.cjs.entry.js +15 -14
- package/dist/cjs/ix-datetime-picker.cjs.entry.js +6 -6
- package/dist/cjs/ix-divider.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +11 -11
- package/dist/cjs/ix-dropdown-header.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +14 -13
- package/dist/cjs/ix-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/ix-event-list-item.cjs.entry.js +7 -7
- package/dist/cjs/ix-event-list.cjs.entry.js +3 -3
- package/dist/cjs/ix-expanding-search.cjs.entry.js +6 -6
- package/dist/cjs/ix-field-label_2.cjs.entry.js +12 -12
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +30 -13
- package/dist/cjs/ix-flip-tile-content.cjs.entry.js +2 -2
- package/dist/cjs/ix-flip-tile.cjs.entry.js +6 -6
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +4 -4
- package/dist/cjs/ix-group.cjs.entry.js +11 -11
- package/dist/cjs/ix-helper-text.cjs.entry.js +6 -6
- package/dist/cjs/ix-icon-button_2.cjs.entry.js +12 -12
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +11 -11
- package/dist/cjs/ix-input.cjs.entry.js +11 -13
- package/dist/cjs/ix-key-value-list.cjs.entry.js +2 -2
- package/dist/cjs/ix-key-value.cjs.entry.js +2 -2
- package/dist/cjs/ix-kpi.cjs.entry.js +5 -5
- package/dist/cjs/ix-layout-auto.cjs.entry.js +2 -2
- package/dist/cjs/ix-link-button.cjs.entry.js +5 -5
- package/dist/cjs/ix-menu-about-item.cjs.entry.js +3 -3
- package/dist/cjs/ix-menu-about-news.cjs.entry.js +9 -9
- package/dist/cjs/ix-menu-about.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-avatar.cjs.entry.js +6 -6
- package/dist/cjs/ix-menu-category.cjs.entry.js +255 -38
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +8 -8
- package/dist/cjs/ix-menu-item.cjs.entry.js +221 -32
- package/dist/cjs/ix-menu-settings-item.cjs.entry.js +3 -3
- package/dist/cjs/ix-menu-settings.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu.cjs.entry.js +195 -18
- package/dist/cjs/ix-message-bar.cjs.entry.js +3 -3
- package/dist/cjs/ix-modal-content_2.cjs.entry.js +6 -6
- package/dist/cjs/ix-modal-footer.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal-loading.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal.cjs.entry.js +6 -6
- package/dist/cjs/ix-number-input.cjs.entry.js +11 -11
- package/dist/cjs/ix-pagination.cjs.entry.js +7 -7
- package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -2
- package/dist/cjs/ix-pane.cjs.entry.js +102 -25
- package/dist/cjs/ix-pill_4.cjs.entry.js +23 -23
- package/dist/cjs/ix-popover-content.cjs.entry.js +26 -0
- package/dist/cjs/ix-popover-footer.cjs.entry.js +26 -0
- package/dist/cjs/ix-popover-header.cjs.entry.js +70 -0
- package/dist/cjs/ix-popover-image.cjs.entry.js +33 -0
- package/dist/cjs/ix-popover.cjs.entry.js +996 -0
- package/dist/cjs/ix-progress-indicator.cjs.entry.js +5 -5
- package/dist/cjs/ix-push-card.cjs.entry.js +2 -2
- package/dist/cjs/ix-radio-group.cjs.entry.js +4 -4
- package/dist/cjs/ix-radio.cjs.entry.js +6 -6
- package/dist/cjs/ix-range-field.cjs.entry.js +7 -7
- package/dist/cjs/ix-select.cjs.entry.js +399 -26
- package/dist/cjs/ix-slider.cjs.entry.js +10 -10
- package/dist/cjs/ix-split-button.cjs.entry.js +7 -7
- package/dist/cjs/ix-tab-panel.cjs.entry.js +5 -5
- package/dist/cjs/ix-textarea.cjs.entry.js +7 -7
- package/dist/cjs/ix-tile.cjs.entry.js +5 -5
- package/dist/cjs/ix-time-input.cjs.entry.js +16 -15
- package/dist/cjs/ix-toast-container.cjs.entry.js +3 -3
- package/dist/cjs/ix-toast.cjs.entry.js +4 -4
- package/dist/cjs/ix-toggle-button.cjs.entry.js +10 -10
- package/dist/cjs/ix-toggle.cjs.entry.js +10 -10
- package/dist/cjs/ix-tooltip.cjs.entry.js +12 -3
- package/dist/cjs/ix-tree-item.cjs.entry.js +6 -6
- package/dist/cjs/ix-tree.cjs.entry.js +4 -3
- package/dist/cjs/ix-typography.cjs.entry.js +2 -2
- package/dist/cjs/ix-upload.cjs.entry.js +6 -6
- package/dist/cjs/ix-workflow-step.cjs.entry.js +5 -5
- package/dist/cjs/ix-workflow-steps.cjs.entry.js +2 -2
- package/dist/cjs/{listener-BafrcTaM.js → listener-ClEsCfX0.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{menu-service-D_QsHUgR.js → menu-service-DBg-0e5W.js} +13 -2
- package/dist/cjs/path-utils-CQKWhbQW.js +169 -0
- package/dist/cjs/{shadow-dom-BG8VqeIu.js → shadow-dom-BL5F7RFW.js} +13 -0
- package/dist/cjs/siemens-ix.cjs.js +3 -3
- package/dist/cjs/{tab.mixin-DObUK6A4.js → tab.mixin-C1KwKb64.js} +1 -1
- package/dist/cjs/uuid-Bo2QzEg9.js +15 -0
- package/dist/cjs/{validation-Dier-uPA.js → validation-DJaUH-UR.js} +1 -1
- package/dist/collection/collection-manifest.json +6 -1
- package/dist/collection/components/action-card/action-card.css +18 -0
- package/dist/collection/components/action-card/action-card.js +5 -1
- package/dist/collection/components/application/application.js +32 -10
- package/dist/collection/components/application-header/application-header.js +10 -9
- package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.css +2 -2
- package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js +2 -2
- package/dist/collection/components/avatar/avatar.css +1 -1
- package/dist/collection/components/avatar/avatar.js +3 -0
- package/dist/collection/components/blind/blind.css +27 -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.css +3 -3
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +4 -1
- package/dist/collection/components/button/base-button.js +1 -1
- package/dist/collection/components/button/button.css +2 -2
- 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.css +1 -1
- package/dist/collection/components/card-list/card-list.js +9 -6
- package/dist/collection/components/card-title/card-title.js +2 -1
- package/dist/collection/components/category-filter/category-filter.css +2 -2
- package/dist/collection/components/category-filter/category-filter.js +3 -3
- package/dist/collection/components/checkbox/checkbox.css +13 -4
- package/dist/collection/components/checkbox/checkbox.js +22 -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.css +2 -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-dropdown/date-dropdown.css +1 -1
- package/dist/collection/components/date-dropdown/date-dropdown.js +5 -5
- package/dist/collection/components/date-input/date-input.css +1 -0
- package/dist/collection/components/date-input/date-input.js +5 -4
- package/dist/collection/components/date-picker/date-picker.css +4 -0
- package/dist/collection/components/date-picker/date-picker.js +7 -7
- package/dist/collection/components/date-time-card/date-time-card.js +2 -2
- package/dist/collection/components/datetime-input/datetime-input.css +1 -0
- package/dist/collection/components/datetime-input/datetime-input.js +3 -3
- package/dist/collection/components/datetime-picker/datetime-picker.js +3 -3
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/dropdown/dropdown-controller.js +20 -82
- package/dist/collection/components/dropdown/dropdown.js +5 -2
- package/dist/collection/components/dropdown-button/dropdown-button.js +10 -6
- package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
- 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/empty-state/empty-state.js +1 -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/expanding-search/expanding-search.js +4 -4
- package/dist/collection/components/field-label/field-label.js +5 -2
- package/dist/collection/components/field-wrapper/field-wrapper.js +2 -2
- package/dist/collection/components/filter-chip/filter-chip.css +3 -1
- package/dist/collection/components/filter-chip/filter-chip.js +34 -1
- 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/helper-text/helper-text.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +2 -2
- package/dist/collection/components/icon-button/icon-button.js +2 -2
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +2 -2
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +2 -2
- package/dist/collection/components/input/input.css +3 -2
- package/dist/collection/components/input/input.js +5 -7
- package/dist/collection/components/input/number-input.css +1 -0
- package/dist/collection/components/input/number-input.js +5 -5
- package/dist/collection/components/input/textarea.css +1 -0
- package/dist/collection/components/input/textarea.js +2 -2
- package/dist/collection/components/ix-playground/ix-playground.js +1 -1
- package/dist/collection/components/key-value/key-value.js +1 -1
- package/dist/collection/components/key-value-list/key-value-list.js +4 -1
- package/dist/collection/components/kpi/kpi.js +3 -3
- 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-expand-icon.css +1 -1
- package/dist/collection/components/menu/menu-expand-icon.js +3 -3
- package/dist/collection/components/menu/menu.css +21 -3
- package/dist/collection/components/menu/menu.js +246 -14
- 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-avatar-item/menu-avatar-item.js +1 -1
- package/dist/collection/components/menu-category/menu-category.js +125 -32
- package/dist/collection/components/menu-item/menu-item.js +118 -20
- 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.css +1 -0
- package/dist/collection/components/modal-header/modal-header.js +4 -1
- package/dist/collection/components/modal-loading/modal-loading.js +1 -1
- package/dist/collection/components/pagination/pagination.css +2 -2
- package/dist/collection/components/pagination/pagination.js +2 -2
- package/dist/collection/components/pane/pane.css +4 -0
- package/dist/collection/components/pane/pane.js +120 -21
- 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-controller.js +161 -0
- package/dist/collection/components/popover/popover.css +75 -0
- package/dist/collection/components/popover/popover.js +940 -0
- package/dist/collection/components/popover/test/popover.constants.js +19 -0
- package/dist/collection/components/popover/test/popover.fixtures.js +111 -0
- package/dist/collection/components/popover/test/popover.page.js +318 -0
- package/dist/collection/components/popover-content/popover-content.css +81 -0
- package/dist/collection/components/popover-content/popover-content.js +67 -0
- package/dist/collection/components/popover-footer/popover-footer.css +91 -0
- package/dist/collection/components/popover-footer/popover-footer.js +68 -0
- package/dist/collection/components/popover-header/popover-header.css +105 -0
- package/dist/collection/components/popover-header/popover-header.js +205 -0
- package/dist/collection/components/popover-image/popover-image.css +80 -0
- package/dist/collection/components/popover-image/popover-image.js +96 -0
- package/dist/collection/components/progress-indicator/progress-indicator.js +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.css +25 -3
- package/dist/collection/components/select/select.js +426 -18
- package/dist/collection/components/select-item/select-item.css +5 -0
- package/dist/collection/components/select-item/select-item.js +33 -3
- package/dist/collection/components/slider/slider.js +6 -6
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-button/split-button.js +4 -1
- package/dist/collection/components/tab-item/tab-item.js +8 -5
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/tab-set/tab-set.js +1 -1
- package/dist/collection/components/tabs/tabs.js +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/time-input/time-input.js +5 -4
- package/dist/collection/components/time-picker/time-picker.js +17 -19
- package/dist/collection/components/toast/toast-container.js +5 -2
- package/dist/collection/components/toast/toast.js +6 -2
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toggle-button/toggle-button.css +2 -2
- package/dist/collection/components/toggle-button/toggle-button.js +5 -2
- package/dist/collection/components/tooltip/tooltip.js +12 -2
- 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/upload/upload.js +3 -3
- package/dist/collection/components/utils/a11y.js +9 -0
- package/dist/collection/components/utils/focus/focus-proxy.js +5 -4
- package/dist/collection/components/utils/focus/focus-trap.js +286 -69
- package/dist/collection/components/utils/focus/focus-utilities.js +65 -23
- package/dist/collection/components/utils/menu-service/menu-service.js +13 -2
- package/dist/collection/components/utils/nested-overlay/hierarchy.js +44 -0
- package/dist/collection/components/utils/nested-overlay/index.js +11 -0
- package/dist/collection/components/utils/nested-overlay/nested-overlay-stack.js +101 -0
- package/dist/collection/components/utils/nested-overlay/path-utils.js +17 -0
- package/dist/collection/components/utils/nested-overlay/types.js +1 -0
- package/dist/collection/components/utils/shadow-dom.js +12 -0
- package/dist/collection/components/workflow-step/workflow-step.js +7 -3
- package/dist/collection/components/workflow-steps/workflow-steps.js +4 -1
- package/dist/esm/{a11y-B5k8YVR0.js → a11y-C21npbUc.js} +10 -1
- package/dist/esm/{base-button-hppF0uUM.js → base-button-DZdtpLxn.js} +3 -3
- package/dist/esm/{base-icon-button-_xVULsPr.js → base-icon-button-DufFLJC-.js} +2 -2
- package/dist/esm/{component-Chfbghog.js → component-DqJSHc3A.js} +2 -2
- package/dist/esm/dropdown-controller-Jfg3ZWk6.js +96 -0
- package/dist/esm/{focus-proxy-BgLEsVE2.js → focus-proxy-BQyoX-Kl.js} +6 -5
- package/dist/esm/focus-trap-IK9ialav.js +304 -0
- package/dist/esm/{focus-utilities-DnaItyVQ.js → focus-utilities-6ZxKp7Jn.js} +66 -24
- package/dist/esm/{focus-visible.mixin-CoMZ6z5Z.js → focus-visible.mixin-CaRK3Ex_.js} +2 -2
- package/dist/esm/{helper-text-util-AEl-1QU6.js → helper-text-util-D0LEFZuB.js} +3 -3
- package/dist/esm/{index-Cl7fhG1I.js → index-DgUGsIlh.js} +2 -2
- package/dist/esm/{index-Ca5WUunf.js → index-EBgS4zhE.js} +21 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/{inherit-aria-attributes.mixin-CBuZQFB-.js → inherit-aria-attributes.mixin-nCmPujqf.js} +2 -2
- package/dist/esm/{input-picker.mixin-Bo_sZpC4.js → input-picker.mixin-DudWFH-e.js} +2 -2
- package/dist/esm/{input.fc-DjE-oOZc.js → input.fc-CE3kP-L_.js} +3 -3
- package/dist/esm/ix-action-card.entry.js +5 -4
- package/dist/esm/ix-application-header.entry.js +14 -14
- package/dist/esm/ix-application-switch-modal.entry.js +5 -5
- package/dist/esm/ix-application.entry.js +28 -13
- package/dist/esm/ix-avatar_2.entry.js +9 -9
- package/dist/esm/ix-blind.entry.js +9 -9
- package/dist/esm/ix-breadcrumb-item.entry.js +10 -10
- package/dist/esm/ix-breadcrumb.entry.js +8 -8
- package/dist/esm/ix-button.entry.js +10 -10
- package/dist/esm/ix-card-accordion_2.entry.js +7 -7
- package/dist/esm/ix-card-list.entry.js +8 -8
- package/dist/esm/ix-card_2.entry.js +4 -4
- package/dist/esm/ix-category-filter.entry.js +8 -8
- package/dist/esm/ix-checkbox-group.entry.js +4 -4
- package/dist/esm/ix-checkbox.entry.js +20 -7
- package/dist/esm/ix-chip.entry.js +11 -11
- package/dist/esm/ix-col_4.entry.js +21 -23
- package/dist/esm/ix-content-header.entry.js +5 -5
- package/dist/esm/ix-content.entry.js +6 -6
- package/dist/esm/ix-css-grid-item.entry.js +2 -2
- package/dist/esm/ix-css-grid.entry.js +2 -2
- package/dist/esm/ix-custom-field.entry.js +3 -3
- package/dist/esm/ix-date-dropdown.entry.js +14 -14
- package/dist/esm/ix-date-input.entry.js +16 -15
- package/dist/esm/ix-date-picker.entry.js +13 -13
- package/dist/esm/ix-date-time-card.entry.js +3 -3
- package/dist/esm/ix-datetime-input.entry.js +15 -14
- package/dist/esm/ix-datetime-picker.entry.js +6 -6
- package/dist/esm/ix-divider.entry.js +2 -2
- package/dist/esm/ix-dropdown-button.entry.js +11 -11
- package/dist/esm/ix-dropdown-header.entry.js +2 -2
- package/dist/esm/ix-dropdown-quick-actions.entry.js +2 -2
- package/dist/esm/ix-dropdown_2.entry.js +14 -13
- package/dist/esm/ix-empty-state.entry.js +2 -2
- package/dist/esm/ix-event-list-item.entry.js +7 -7
- package/dist/esm/ix-event-list.entry.js +3 -3
- package/dist/esm/ix-expanding-search.entry.js +6 -6
- package/dist/esm/ix-field-label_2.entry.js +12 -12
- package/dist/esm/ix-filter-chip_2.entry.js +30 -13
- package/dist/esm/ix-flip-tile-content.entry.js +2 -2
- package/dist/esm/ix-flip-tile.entry.js +6 -6
- package/dist/esm/ix-group-context-menu_2.entry.js +4 -4
- package/dist/esm/ix-group.entry.js +11 -11
- package/dist/esm/ix-helper-text.entry.js +6 -6
- package/dist/esm/ix-icon-button_2.entry.js +12 -12
- package/dist/esm/ix-icon-toggle-button.entry.js +11 -11
- package/dist/esm/ix-input.entry.js +11 -13
- package/dist/esm/ix-key-value-list.entry.js +2 -2
- package/dist/esm/ix-key-value.entry.js +2 -2
- package/dist/esm/ix-kpi.entry.js +5 -5
- package/dist/esm/ix-layout-auto.entry.js +2 -2
- package/dist/esm/ix-link-button.entry.js +5 -5
- package/dist/esm/ix-menu-about-item.entry.js +3 -3
- package/dist/esm/ix-menu-about-news.entry.js +9 -9
- package/dist/esm/ix-menu-about.entry.js +4 -4
- package/dist/esm/ix-menu-avatar.entry.js +6 -6
- package/dist/esm/ix-menu-category.entry.js +255 -38
- package/dist/esm/ix-menu-expand-icon.entry.js +8 -8
- package/dist/esm/ix-menu-item.entry.js +220 -31
- package/dist/esm/ix-menu-settings-item.entry.js +3 -3
- package/dist/esm/ix-menu-settings.entry.js +4 -4
- package/dist/esm/ix-menu.entry.js +195 -18
- package/dist/esm/ix-message-bar.entry.js +3 -3
- package/dist/esm/ix-modal-content_2.entry.js +6 -6
- package/dist/esm/ix-modal-footer.entry.js +2 -2
- package/dist/esm/ix-modal-loading.entry.js +2 -2
- package/dist/esm/ix-modal.entry.js +6 -6
- package/dist/esm/ix-number-input.entry.js +11 -11
- package/dist/esm/ix-pagination.entry.js +7 -7
- package/dist/esm/ix-pane-layout.entry.js +2 -2
- package/dist/esm/ix-pane.entry.js +102 -25
- package/dist/esm/ix-pill_4.entry.js +23 -23
- package/dist/esm/ix-popover-content.entry.js +24 -0
- package/dist/esm/ix-popover-footer.entry.js +24 -0
- package/dist/esm/ix-popover-header.entry.js +68 -0
- package/dist/esm/ix-popover-image.entry.js +31 -0
- package/dist/esm/ix-popover.entry.js +994 -0
- package/dist/esm/ix-progress-indicator.entry.js +5 -5
- package/dist/esm/ix-push-card.entry.js +2 -2
- package/dist/esm/ix-radio-group.entry.js +4 -4
- package/dist/esm/ix-radio.entry.js +6 -6
- package/dist/esm/ix-range-field.entry.js +7 -7
- package/dist/esm/ix-select.entry.js +399 -26
- package/dist/esm/ix-slider.entry.js +10 -10
- package/dist/esm/ix-split-button.entry.js +7 -7
- package/dist/esm/ix-tab-panel.entry.js +5 -5
- package/dist/esm/ix-textarea.entry.js +7 -7
- package/dist/esm/ix-tile.entry.js +5 -5
- package/dist/esm/ix-time-input.entry.js +16 -15
- package/dist/esm/ix-toast-container.entry.js +3 -3
- package/dist/esm/ix-toast.entry.js +4 -4
- package/dist/esm/ix-toggle-button.entry.js +10 -10
- package/dist/esm/ix-toggle.entry.js +10 -10
- package/dist/esm/ix-tooltip.entry.js +12 -3
- package/dist/esm/ix-tree-item.entry.js +6 -6
- package/dist/esm/ix-tree.entry.js +4 -3
- package/dist/esm/ix-typography.entry.js +2 -2
- package/dist/esm/ix-upload.entry.js +6 -6
- package/dist/esm/ix-workflow-step.entry.js +5 -5
- package/dist/esm/ix-workflow-steps.entry.js +2 -2
- package/dist/esm/{listener-Dk6XGheN.js → listener-BjluJgvO.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{menu-service-DTIYRV47.js → menu-service-DYOa8RGJ.js} +13 -2
- package/dist/esm/path-utils-CNLoALIl.js +165 -0
- package/dist/esm/{shadow-dom-BIe8Nw9M.js → shadow-dom-BClJdFQP.js} +13 -1
- package/dist/esm/siemens-ix.js +4 -4
- package/dist/esm/{tab.mixin-2hU1i4Yk.js → tab.mixin-BjAM99yM.js} +1 -1
- package/dist/esm/uuid-D3T7Lr4G.js +13 -0
- package/dist/esm/{validation-BT5aAuSO.js → validation-VVt5EFy0.js} +1 -1
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/p-03215d55.entry.js +1 -0
- package/dist/siemens-ix/{p-3f752a9c.entry.js → p-04a42013.entry.js} +1 -1
- package/dist/siemens-ix/p-0b24f8d0.entry.js +1 -0
- package/dist/siemens-ix/{p-222881a1.entry.js → p-0e74e65c.entry.js} +1 -1
- package/dist/siemens-ix/{p-dedd5fc0.entry.js → p-0fd5baf1.entry.js} +1 -1
- package/dist/siemens-ix/p-18cae4df.entry.js +1 -0
- package/dist/siemens-ix/p-1a6b7e92.entry.js +1 -0
- package/dist/siemens-ix/p-1cd9a45a.entry.js +1 -0
- package/dist/siemens-ix/{p-f847a799.entry.js → p-1ea183fb.entry.js} +1 -1
- package/dist/siemens-ix/{p-65b8ad90.entry.js → p-21b09017.entry.js} +1 -1
- package/dist/siemens-ix/{p-782fb465.entry.js → p-227ba1b8.entry.js} +1 -1
- package/dist/siemens-ix/{p-d440cd94.entry.js → p-2753ed4e.entry.js} +1 -1
- package/dist/siemens-ix/{p-04bbcd53.entry.js → p-2eb094c0.entry.js} +1 -1
- package/dist/siemens-ix/{p-21c0d22c.entry.js → p-34eaf010.entry.js} +1 -1
- package/dist/siemens-ix/p-39fb1c9e.entry.js +1 -0
- package/dist/siemens-ix/p-3bb5600a.entry.js +1 -0
- package/dist/siemens-ix/p-3bfa4bbc.entry.js +1 -0
- package/dist/siemens-ix/p-3f5ac9f7.entry.js +1 -0
- package/dist/siemens-ix/p-3pidUFd-.js +1 -0
- package/dist/siemens-ix/{p-7a83e693.entry.js → p-4154d18a.entry.js} +1 -1
- package/dist/siemens-ix/{p-232da11d.entry.js → p-427f85c3.entry.js} +1 -1
- package/dist/siemens-ix/{p-8493e35e.entry.js → p-45106215.entry.js} +1 -1
- package/dist/siemens-ix/{p-c56497da.entry.js → p-4ceb3543.entry.js} +1 -1
- package/dist/siemens-ix/p-4d179abe.entry.js +1 -0
- package/dist/siemens-ix/p-4faa3c03.entry.js +1 -0
- package/dist/siemens-ix/{p-85ce0a9f.entry.js → p-50a44cb9.entry.js} +1 -1
- package/dist/siemens-ix/{p-986142f0.entry.js → p-52096875.entry.js} +1 -1
- package/dist/siemens-ix/p-54a22a58.entry.js +1 -0
- package/dist/siemens-ix/p-57678563.entry.js +1 -0
- package/dist/siemens-ix/p-5d7ede96.entry.js +1 -0
- package/dist/siemens-ix/p-5ff289c7.entry.js +1 -0
- package/dist/siemens-ix/p-601224bd.entry.js +1 -0
- package/dist/siemens-ix/p-6ZxKp7Jn.js +1 -0
- package/dist/siemens-ix/p-6aa5adb4.entry.js +1 -0
- package/dist/siemens-ix/p-703c7e7c.entry.js +1 -0
- package/dist/siemens-ix/{p-756c8779.entry.js → p-71a31d92.entry.js} +1 -1
- package/dist/siemens-ix/{p-0de68f63.entry.js → p-71a5fae5.entry.js} +1 -1
- package/dist/siemens-ix/{p-edb738d9.entry.js → p-71feb871.entry.js} +1 -1
- package/dist/siemens-ix/p-747d14a2.entry.js +1 -0
- package/dist/siemens-ix/{p-2bef3c58.entry.js → p-7655c4c2.entry.js} +1 -1
- package/dist/siemens-ix/p-7899597f.entry.js +1 -0
- package/dist/siemens-ix/p-7c120d09.entry.js +1 -0
- package/dist/siemens-ix/p-8164a98b.entry.js +1 -0
- package/dist/siemens-ix/p-83f4cd88.entry.js +1 -0
- package/dist/siemens-ix/p-8658717f.entry.js +1 -0
- package/dist/siemens-ix/{p-38cb18b4.entry.js → p-8900e229.entry.js} +1 -1
- package/dist/siemens-ix/{p-d798773f.entry.js → p-8b839f30.entry.js} +1 -1
- package/dist/siemens-ix/p-8cea823b.entry.js +1 -0
- package/dist/siemens-ix/{p-f107a580.entry.js → p-8d535dc9.entry.js} +1 -1
- package/dist/siemens-ix/p-8f72a218.entry.js +1 -0
- package/dist/siemens-ix/{p-68eb9150.entry.js → p-95e8951f.entry.js} +1 -1
- package/dist/siemens-ix/p-96a3b3df.entry.js +1 -0
- package/dist/siemens-ix/p-9f2905df.entry.js +1 -0
- package/dist/siemens-ix/p-B0y5hnj5.js +1 -0
- package/dist/siemens-ix/p-B4oiZyZC.js +1 -0
- package/dist/siemens-ix/p-BClJdFQP.js +1 -0
- package/dist/siemens-ix/p-BKuq0po2.js +1 -0
- package/{components/p-Dx8kFukG.js → dist/siemens-ix/p-BWgttsqY.js} +1 -1
- package/dist/siemens-ix/p-BbwShqw_.js +1 -0
- package/dist/siemens-ix/{p-B5k8YVR0.js → p-C21npbUc.js} +1 -1
- package/dist/siemens-ix/{p-DnCbHs-d.js → p-C518yBiI.js} +1 -1
- package/dist/siemens-ix/p-CNLoALIl.js +1 -0
- package/dist/siemens-ix/{p-BgL7Z4IG.js → p-CXbob2Ew.js} +1 -1
- package/dist/siemens-ix/p-D3T7Lr4G.js +1 -0
- package/dist/siemens-ix/p-DT02jDB7.js +1 -0
- package/dist/siemens-ix/p-DVJeDueL.js +1 -0
- package/dist/siemens-ix/p-DgUGsIlh.js +1 -0
- package/dist/siemens-ix/p-HpQs38Y0.js +1 -0
- package/dist/siemens-ix/p-a25f267b.entry.js +1 -0
- package/dist/siemens-ix/p-a2aa806e.entry.js +1 -0
- package/dist/siemens-ix/{p-6fb379fb.entry.js → p-a44b1452.entry.js} +1 -1
- package/dist/siemens-ix/p-a7f5e11e.entry.js +1 -0
- package/dist/siemens-ix/{p-40a26154.entry.js → p-a8911648.entry.js} +1 -1
- 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-ac804eb2.entry.js +1 -0
- package/dist/siemens-ix/p-af808244.entry.js +1 -0
- package/dist/siemens-ix/{p-a5d60068.entry.js → p-b004e845.entry.js} +1 -1
- package/dist/siemens-ix/p-b2fe56c7.entry.js +1 -0
- package/dist/siemens-ix/p-b534dadd.entry.js +1 -0
- package/dist/siemens-ix/{p-5b3f7baa.entry.js → p-b63d7f36.entry.js} +1 -1
- package/dist/siemens-ix/{p-ed2aea43.entry.js → p-b7570885.entry.js} +1 -1
- package/dist/siemens-ix/{p-fcac86a5.entry.js → p-bc0f5cbe.entry.js} +1 -1
- package/dist/siemens-ix/{p-12750b7b.entry.js → p-bddd1cca.entry.js} +1 -1
- package/dist/siemens-ix/{p-2d7e415f.entry.js → p-bfb758cb.entry.js} +1 -1
- package/dist/siemens-ix/p-c0c6d772.entry.js +1 -0
- package/dist/siemens-ix/p-c0d56b86.entry.js +1 -0
- package/dist/siemens-ix/{p-bd60b9fe.entry.js → p-c1c209f6.entry.js} +1 -1
- package/dist/siemens-ix/p-c69036b1.entry.js +1 -0
- package/dist/siemens-ix/{p-84fbdef9.entry.js → p-c9718f0d.entry.js} +1 -1
- package/dist/siemens-ix/p-cYKY6sUE.js +1 -0
- package/dist/siemens-ix/p-cd42c4e6.entry.js +1 -0
- package/dist/siemens-ix/{p-da8840cc.entry.js → p-d02d2e49.entry.js} +1 -1
- package/dist/siemens-ix/{p-44a3f1f0.entry.js → p-d13c0b78.entry.js} +1 -1
- package/dist/siemens-ix/{p-b17053bc.entry.js → p-d16ee3bd.entry.js} +1 -1
- package/dist/siemens-ix/p-d1cd3cb9.entry.js +1 -0
- package/dist/siemens-ix/{p-5024bd91.entry.js → p-d45ff0a0.entry.js} +1 -1
- package/dist/siemens-ix/{p-280d8b68.entry.js → p-d5761950.entry.js} +1 -1
- package/dist/siemens-ix/{p-a44e8a8f.entry.js → p-d699bb26.entry.js} +1 -1
- package/dist/siemens-ix/{p-d8c99656.entry.js → p-d770d8ba.entry.js} +1 -1
- package/dist/siemens-ix/{p-ae5569aa.entry.js → p-da2e0f0e.entry.js} +1 -1
- package/dist/siemens-ix/p-daf43138.entry.js +1 -0
- package/dist/siemens-ix/{p-1fa6a663.entry.js → p-dc16a32d.entry.js} +1 -1
- package/dist/siemens-ix/{p-48386b43.entry.js → p-ddcc8627.entry.js} +1 -1
- package/dist/siemens-ix/p-e3da7c67.entry.js +1 -0
- package/dist/siemens-ix/p-e58ae892.entry.js +1 -0
- package/dist/siemens-ix/p-e5e220c7.entry.js +1 -0
- package/dist/siemens-ix/p-e6046255.entry.js +1 -0
- package/dist/siemens-ix/{p-c921c01b.entry.js → p-e9b37020.entry.js} +1 -1
- package/dist/siemens-ix/{p-df13643b.entry.js → p-ea9691c1.entry.js} +1 -1
- package/dist/siemens-ix/{p-6e63af65.entry.js → p-eac237a1.entry.js} +1 -1
- package/dist/siemens-ix/p-eff190ad.entry.js +1 -0
- package/dist/siemens-ix/p-f1cd82bd.entry.js +1 -0
- package/dist/siemens-ix/{p-5ae844d7.entry.js → p-f43c97cf.entry.js} +1 -1
- package/dist/siemens-ix/{p-ba0eaaf5.entry.js → p-f507157f.entry.js} +1 -1
- package/dist/siemens-ix/{p-2afcdc78.entry.js → p-fa5c236f.entry.js} +1 -1
- package/dist/siemens-ix/p-fbd006be.entry.js +1 -0
- package/dist/siemens-ix/p-fdec73d4.entry.js +1 -0
- package/dist/siemens-ix/{p-yAf8WIcn.js → p-vphIrWGB.js} +1 -1
- package/dist/siemens-ix/p-wfVRhTWc.js +1 -0
- package/dist/siemens-ix/{p-D148LCh1.js → p-yZFaEeBW.js} +1 -1
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/action-card/action-card.d.ts +3 -0
- package/dist/types/components/application/application.d.ts +9 -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 +6 -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-controller.d.ts +1 -3
- 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 +9 -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/input/input.d.ts +1 -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 +39 -1
- 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 +31 -2
- package/dist/types/components/menu-item/menu-item.d.ts +40 -3
- 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 +15 -1
- 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-controller.d.ts +52 -0
- package/dist/types/components/popover/popover.d.ts +190 -0
- package/dist/types/components/popover/test/popover.constants.d.ts +11 -0
- package/dist/types/components/popover/test/popover.fixtures.d.ts +29 -0
- package/dist/types/components/popover/test/popover.page.d.ts +118 -0
- package/dist/types/components/popover-content/popover-content.d.ts +16 -0
- package/dist/types/components/popover-footer/popover-footer.d.ts +17 -0
- package/dist/types/components/popover-header/popover-header.d.ts +49 -0
- package/dist/types/components/popover-image/popover-image.d.ts +21 -0
- package/dist/types/components/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 +50 -0
- package/dist/types/components/select-item/select-item.d.ts +7 -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 +3 -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/utils/a11y.d.ts +5 -0
- package/dist/types/components/utils/focus/focus-proxy.d.ts +6 -4
- package/dist/types/components/utils/focus/focus-trap.d.ts +16 -1
- package/dist/types/components/utils/focus/focus-utilities.d.ts +2 -2
- package/dist/types/components/utils/menu-service/menu-service.d.ts +1 -0
- package/dist/types/components/utils/nested-overlay/hierarchy.d.ts +6 -0
- package/dist/types/components/utils/nested-overlay/index.d.ts +6 -0
- package/dist/types/components/utils/nested-overlay/nested-overlay-stack.d.ts +28 -0
- package/dist/types/components/utils/nested-overlay/path-utils.d.ts +1 -0
- package/dist/types/components/utils/nested-overlay/types.d.ts +13 -0
- package/dist/types/components/utils/shadow-dom.d.ts +1 -0
- package/dist/types/components/workflow-step/workflow-step.d.ts +4 -0
- package/dist/types/components/workflow-steps/workflow-steps.d.ts +3 -0
- package/dist/types/components.d.ts +486 -12
- package/dist/types/stencil-public-runtime.d.ts +1 -0
- package/hydrate/index.js +3595 -697
- package/hydrate/index.mjs +3595 -697
- package/package.json +4 -4
- package/components/p-5jph302v.js +0 -1
- package/components/p-B1ZcjHve.js +0 -1
- package/components/p-B8RlWbEh.js +0 -1
- package/components/p-BP8g-yqY.js +0 -1
- package/components/p-B_czElDE.js +0 -1
- package/components/p-BooU9e46.js +0 -1
- package/components/p-Btv5ReUJ.js +0 -1
- package/components/p-BtvsjuLo.js +0 -1
- package/components/p-CDKHgTB8.js +0 -1
- package/components/p-CKYjdhXo.js +0 -1
- package/components/p-CQj_gEvY.js +0 -1
- package/components/p-CYgb41KQ.js +0 -1
- package/components/p-C_95k0nq.js +0 -1
- package/components/p-CgOv_MV_.js +0 -1
- package/components/p-D4RWuUBi.js +0 -1
- package/components/p-D4T7_gkf.js +0 -1
- package/components/p-D5gbubPJ.js +0 -1
- package/components/p-D6Wm2E-0.js +0 -1
- package/components/p-D8Wb4thH.js +0 -1
- package/components/p-DOCAISxs.js +0 -1
- package/components/p-JXbYOM9q.js +0 -1
- package/components/p-NLlCSNeG.js +0 -1
- package/components/p-XBJqkmoc.js +0 -1
- package/dist/cjs/dropdown-controller-DeBeUVhj.js +0 -160
- package/dist/cjs/focus-trap-_cyPFvFq.js +0 -106
- package/dist/esm/dropdown-controller-D6Wm2E-0.js +0 -157
- package/dist/esm/focus-trap-DDLHqzV2.js +0 -102
- package/dist/siemens-ix/p-077cb0a7.entry.js +0 -1
- package/dist/siemens-ix/p-12647d5d.entry.js +0 -1
- package/dist/siemens-ix/p-15aefb52.entry.js +0 -1
- package/dist/siemens-ix/p-1629de03.entry.js +0 -1
- package/dist/siemens-ix/p-1ce32501.entry.js +0 -1
- package/dist/siemens-ix/p-2142fab0.entry.js +0 -1
- package/dist/siemens-ix/p-23aaf08e.entry.js +0 -1
- package/dist/siemens-ix/p-25c784e4.entry.js +0 -1
- package/dist/siemens-ix/p-2a735134.entry.js +0 -1
- package/dist/siemens-ix/p-2d8f3ea3.entry.js +0 -1
- package/dist/siemens-ix/p-2e5e7ccf.entry.js +0 -1
- package/dist/siemens-ix/p-45552c4c.entry.js +0 -1
- package/dist/siemens-ix/p-50b75fdf.entry.js +0 -1
- package/dist/siemens-ix/p-58d349a2.entry.js +0 -1
- package/dist/siemens-ix/p-5a44cb29.entry.js +0 -1
- package/dist/siemens-ix/p-5c478e3e.entry.js +0 -1
- package/dist/siemens-ix/p-61a481f3.entry.js +0 -1
- package/dist/siemens-ix/p-65bc8a0d.entry.js +0 -1
- package/dist/siemens-ix/p-69459b73.entry.js +0 -1
- package/dist/siemens-ix/p-6df3d9e4.entry.js +0 -1
- package/dist/siemens-ix/p-82f44b05.entry.js +0 -1
- package/dist/siemens-ix/p-834330b3.entry.js +0 -1
- package/dist/siemens-ix/p-8937e9b1.entry.js +0 -1
- package/dist/siemens-ix/p-8cfddec2.entry.js +0 -1
- package/dist/siemens-ix/p-8d76c0b0.entry.js +0 -1
- package/dist/siemens-ix/p-9015a4c5.entry.js +0 -1
- package/dist/siemens-ix/p-91b02cb7.entry.js +0 -1
- package/dist/siemens-ix/p-9362c304.entry.js +0 -1
- package/dist/siemens-ix/p-9586a886.entry.js +0 -1
- package/dist/siemens-ix/p-9907d408.entry.js +0 -1
- package/dist/siemens-ix/p-9b8f1bc7.entry.js +0 -1
- package/dist/siemens-ix/p-BIe8Nw9M.js +0 -1
- package/dist/siemens-ix/p-BZApVtkF.js +0 -1
- package/dist/siemens-ix/p-CgOv_MV_.js +0 -1
- package/dist/siemens-ix/p-Cl7fhG1I.js +0 -1
- package/dist/siemens-ix/p-CxGywkh5.js +0 -1
- package/dist/siemens-ix/p-D6Wm2E-0.js +0 -1
- package/dist/siemens-ix/p-DIWED8Ls.js +0 -1
- package/dist/siemens-ix/p-DnaItyVQ.js +0 -1
- package/dist/siemens-ix/p-DzWThpzp.js +0 -1
- package/dist/siemens-ix/p-GLcPX9PU.js +0 -1
- package/dist/siemens-ix/p-Z4IKO1Dx.js +0 -1
- package/dist/siemens-ix/p-afa900f7.entry.js +0 -1
- package/dist/siemens-ix/p-b1930204.entry.js +0 -1
- package/dist/siemens-ix/p-b517c2e1.entry.js +0 -1
- package/dist/siemens-ix/p-b96eabf7.entry.js +0 -1
- package/dist/siemens-ix/p-bef76eac.entry.js +0 -1
- package/dist/siemens-ix/p-c78a5414.entry.js +0 -1
- package/dist/siemens-ix/p-cb9f8b47.entry.js +0 -1
- package/dist/siemens-ix/p-d34c0c51.entry.js +0 -1
- package/dist/siemens-ix/p-dd2b271e.entry.js +0 -1
- package/dist/siemens-ix/p-de79c9cf.entry.js +0 -1
- package/dist/siemens-ix/p-df32a25c.entry.js +0 -1
- package/dist/siemens-ix/p-e09fcd95.entry.js +0 -1
- package/dist/siemens-ix/p-e316d8a5.entry.js +0 -1
- package/dist/siemens-ix/p-ea440d84.entry.js +0 -1
- package/dist/siemens-ix/p-fpBGwEVT.js +0 -1
- package/dist/siemens-ix/p-jBB3q9qq.js +0 -1
- /package/components/{p-Bxdy-8CE.js → p-CtDOTMOT.js} +0 -0
- /package/dist/siemens-ix/{p-Ca5WUunf.js → p-EBgS4zhE.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as o,h as t,d as e,t as a}from"./p-Bxdy-8CE.js";import{b as i}from"./p-B5k8YVR0.js";const l=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}variant="secondary";size="medium";hideTrack=!1;render(){const r=i(this.hostElement);return void 0===r["aria-label"]&&(r["aria-label"]="Loading"),r.role="status",r["aria-busy"]="true",t(e,{key:"835ff861b90c96a284b144cd4b7df3bd19c547be",...r},t("div",{key:"0fd777eaca9341e38e0e19bd73b03af5bd188eb8",class:{primary:"primary"===this.variant,[this.size]:!0,"hide-track":this.hideTrack}}))}static get style(){return':host{display:block;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}.xx-small{width:0.75rem;height:0.75rem;min-width:0.75rem;min-height:0.75rem;max-width:0.75rem;max-height:0.75rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.xx-small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.xx-small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.x-small{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;max-height:1.25rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.x-small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.x-small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.small{width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;max-width:1.5rem;max-height:1.5rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.medium{width:2rem;height:2rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.medium::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.medium:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.large{width:6rem;height:6rem;min-width:6rem;min-height:6rem;max-width:6rem;max-height:6rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.large::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.large:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}'}},[513,"ix-spinner",{variant:[1],size:[1],hideTrack:[4,"hide-track"]}]);function s(){"undefined"!=typeof customElements&&["ix-spinner"].forEach((r=>{"ix-spinner"===r&&(customElements.get(a(r))||customElements.define(a(r),l))}))}export{l as S,s as d}
|
|
1
|
+
import{p as r,H as o,h as t,d as e,t as a}from"./p-CtDOTMOT.js";import{b as i}from"./p-C21npbUc.js";const l=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}variant="secondary";size="medium";hideTrack=!1;render(){const r=i(this.hostElement);return void 0===r["aria-label"]&&(r["aria-label"]="Loading"),r.role="status",r["aria-busy"]="true",t(e,{key:"236bf23ec447ee60e3d328f3b90c8fc53a2a249b",...r},t("div",{key:"7d6c7fdd2167cf509ef6bb1dfec369b4bedeee14",class:{primary:"primary"===this.variant,[this.size]:!0,"hide-track":this.hideTrack}}))}static get style(){return':host{display:block;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}.xx-small{width:0.75rem;height:0.75rem;min-width:0.75rem;min-height:0.75rem;max-width:0.75rem;max-height:0.75rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.xx-small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.xx-small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.x-small{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;max-height:1.25rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.x-small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.x-small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.small{width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;max-width:1.5rem;max-height:1.5rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.medium{width:2rem;height:2rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.medium::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.medium:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.large{width:6rem;height:6rem;min-width:6rem;min-height:6rem;max-width:6rem;max-height:6rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.large::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.large:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}'}},[513,"ix-spinner",{variant:[1],size:[1],hideTrack:[4,"hide-track"]}]);function s(){"undefined"!=typeof customElements&&["ix-spinner"].forEach((r=>{"ix-spinner"===r&&(customElements.get(a(r))||customElements.define(a(r),l))}))}export{l as S,s as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,e as o,h as r,d as s,t as
|
|
1
|
+
import{p as e,H as t,e as o,h as r,d as s,t as c}from"./p-CtDOTMOT.js";import{j as i}from"./p-BtSt9tC5.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.toggle=o(this,"toggle",7),this.itemClick=o(this,"itemClick",7)}text;hasChildren=!1;context;disabled=!1;ariaLabelChevronIcon;toggle;itemClick;render(){const e=this.disabled||this.context?.isDisabled;return r(s,{key:"ac797ebd4ea5c58ef304f89f2c9dd2652e718467",class:{selected:!!this.context?.isSelected,disabled:!!e}},r("div",{key:"065f2f10272bcc61c56455f52ed3c9d2653f16d4",class:"icon-toggle-container"},this.hasChildren?r("ix-icon",{name:i,size:"24",class:{"icon-toggle-down":!!this.context?.isExpanded},color:"color-std-text",onClick:t=>{e||(t.preventDefault(),t.stopPropagation(),this.toggle.emit())},"aria-label":this.ariaLabelChevronIcon??(this.context?.isExpanded?"Collapse tree item":"Expand tree item")}):null),r("div",{key:"915c6b8ac6b26b1696bb2f181cd5b3c99301c22d",class:"tree-node-container",onClick:()=>{e||this.itemClick.emit()}},r("div",{key:"7e138f1ce37dbad892e93d4434fbde49b1552c73",class:"tree-node-text"},this.text),r("slot",{key:"ac6ea5f2b4e396f022dfe6270c7d195ed70fd1cb"})))}static get style(){return":host{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tree-node-container{display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .tree-node-container .tree-node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .icon-toggle-container{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem}:host .icon-toggle-container ix-icon{transition:transform var(--theme-default-time) ease-in-out}:host .icon-toggle-container ix-icon.icon-toggle-down{transform:rotate(90deg)}:host(:not(.disabled):not(.selected).hover),:host(:not(.disabled):not(.selected):hover){background-color:var(--theme-tree-item--background--hover)}:host(:not(.disabled):not(.selected).active),:host(:not(.disabled):not(.selected):active){background-color:var(--theme-tree-item--background--active)}:host(.selected){background-color:var(--theme-tree-item--background--selected)}:host(.selected.hover),:host(.selected:hover){background-color:var(--theme-tree-item--background--selected-hover)}:host(.selected.active),:host(.selected:active){background-color:var(--theme-tree-item--background--selected-active)}:host(.disabled){opacity:0.5;pointer-events:none}"}},[769,"ix-tree-item",{text:[1],hasChildren:[4,"has-children"],context:[16],disabled:[4],ariaLabelChevronIcon:[1,"aria-label-chevron-icon"]}]);function n(){"undefined"!=typeof customElements&&["ix-tree-item"].forEach((e=>{"ix-tree-item"===e&&(customElements.get(c(e))||customElements.define(c(e),a))}))}export{a as T,n as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as e,h as r,d as o,t as s}from"./p-CtDOTMOT.js";import{s as a,t as i}from"./p-BtSt9tC5.js";import{g as n}from"./p-DM7ma3Eh.js";import{a as b}from"./p-C21npbUc.js";import{d as l}from"./p-3VG6z9c3.js";import{d}from"./p-Dwe6tWhq.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}i18nExpand="Expand";i18nCollapse="Collapse";expanded=!1;breakpoint;pinned=!1;getSmallScreenIcon(){return r("button",{"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,"aria-expanded":b(this.expanded),class:{...n("subtle-tertiary",!0,!1,!1,!1),"menu-expand-button":!0}},r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},r("rect",{class:"line line-1",x:"2",y:"5",width:"20",height:"2"}),r("rect",{class:"line line-2",x:"2",y:"11",width:"13",height:"2"}),r("rect",{class:"line line-3",x:"2",y:"17",width:"20",height:"2"})))}getLargeScreenIcon(){return r("ix-icon-button",{"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,"aria-expanded":b(this.expanded),icon:this.expanded?a:i,variant:"subtle-tertiary"})}getMenuIcon(){return this.pinned||"lg"===this.breakpoint||"md"===this.breakpoint?this.getLargeScreenIcon():this.getSmallScreenIcon()}render(){return r(o,{key:"60d58cfa658802593452a3f96a38686e0fab4039",class:{expanded:this.expanded,"ix-focusable":!0}},this.getMenuIcon())}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0px !important;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}"}},[513,"ix-menu-expand-icon",{i18nExpand:[1,"i18n-expand"],i18nCollapse:[1,"i18n-collapse"],expanded:[516],breakpoint:[513],pinned:[4]}]);function h(){"undefined"!=typeof customElements&&["ix-menu-expand-icon","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-menu-expand-icon":customElements.get(s(t))||customElements.define(s(t),c);break;case"ix-icon-button":customElements.get(s(t))||l();break;case"ix-spinner":customElements.get(s(t))||d()}}))}export{c as M,h as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as r,h as s,d as e,t as o}from"./p-
|
|
1
|
+
import{p as t,H as r,h as s,d as e,t as o}from"./p-CtDOTMOT.js";import{q as a}from"./p-C5UTTqsv.js";const i=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}get tabPanels(){return Array.from(a(this.hostElement,"ix-tab-panel"))}get tabList(){return this.hostElement?.querySelector("ix-tabs")}get tabListItems(){return this.tabList?Array.from(this.tabList.querySelectorAll("ix-tab-item")):[]}panelsObserver;componentWillLoad(){this.panelsObserver=new MutationObserver((()=>this.onPanelComponentsChange())),this.panelsObserver.observe(this.hostElement,{childList:!0,subtree:!0}),this.onPanelComponentsChange()}componentDidLoad(){this.onPanelComponentsChange()}disconnectedCallback(){this.panelsObserver?.disconnect()}onPanelComponentsChange(){const t=this.tabList,r=this.tabListItems,s=this.tabPanels;if(!t||!r||!s)return;const e=t.activeTabKey;if(!e)return;const o=r.find((t=>t.tabKey===e)),a=s.find((t=>t.tabKey===e));if(!o||!a)return;const i=o.getAttribute("id");a.setAttribute("aria-labelledby",i??"");const b=a.getAttribute("id");o.setAttribute("aria-controls",b??""),this.checkPanelsVisibility()}checkPanelsVisibility(){const t=this.tabList?.querySelectorAll("ix-tab-item"),r=this.tabPanels;t&&r&&r.forEach((t=>{t.hidden=t.tabKey!==this.tabList?.activeTabKey}))}render(){return s(e,{key:"90be74d89acb43edb6eec575f07a3877ec90ac45",onTabChange:()=>this.checkPanelsVisibility()},s("slot",{key:"047c26c15f8b43312a25a35dddadd364a5b9f839"}))}static get style(){return":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}"}},[257,"ix-tab-set"]);function b(){"undefined"!=typeof customElements&&["ix-tab-set"].forEach((t=>{"ix-tab-set"===t&&(customElements.get(o(t))||customElements.define(o(t),i))}))}export{i as T,b as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t}from"./p-CtDOTMOT.js";import{B as o}from"./p-DM7ma3Eh.js";function r(r){return t(o,{...r,type:"button"})}export{r as B}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,M as r,e as o,h as e,d as a,t as i}from"./p-CtDOTMOT.js";import{v as s,h as n}from"./p-BtSt9tC5.js";import{b as d,f as l,a as b}from"./p-C21npbUc.js";import{m as h}from"./p-Djkc69iv.js";import{D as c}from"./p-CApDAYIa.js";import{A as u}from"./p-Byed_Z2G.js";import{C as p}from"./p-Dpk_WgCl.js";import{c as m}from"./p-Dw_A3HUC.js";import{d as g}from"./p-B_MBGj0b.js";import{d as w}from"./p-olkZUb1j.js";import{d as v}from"./p-3VG6z9c3.js";import{d as x}from"./p-Dwe6tWhq.js";const f=t(class extends(r(...c,p,u)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showChange=o(this,"showChange",7),this.showChanged=o(this,"showChanged",7)}get hostElement(){return this}variant="primary";disabled=!1;label;icon;closeBehavior="both";placement;ariaLabelDropdownButton;focusCheckedItem=!1;enableTopLayer=!1;suppressAriaActiveDescendant=!1;showChange;showChanged;dropdownShow=!1;inheritAriaAttributes={};dropdownButtonId=this.getHostElementId();dropdownAnchor=h();dropdownRef=h();hostContext;getTriangle(){return e("div",{class:{triangle:!0,[this.variant]:!0,hide:!!this.label,disabled:this.disabled}})}onDropdownShowChanged=t=>{this.disabled&&t.detail||(this.dropdownShow=t.detail)};componentDidLoad(){this.inheritAriaAttributes=d(this.hostElement,["aria-label","aria-activedescendant","aria-haspopup","aria-controls","aria-disabled","aria-expanded","aria-current","role"])}componentWillRender(){this.hostContext={breadcrumb:!!m(this.hostElement,"ix-breadcrumb"),datePicker:!!m(this.hostElement,"ix-date-picker"),splitButton:!!m(this.hostElement,"ix-split-button"),tabs:!!m(this.hostElement,"ix-tabs")}}getControllingAriaElement(){return this.hostElement}isAriaActiveDescendantActive(){return!this.suppressAriaActiveDescendant&&this.dropdownShow}getAriaActiveDescendantProxyItemId(){return!1}async getDropdownReference(){return this.dropdownRef.waitForCurrent()}render(){const t={...this.inheritAriaAttributes,"aria-haspopup":"true","aria-disabled":b(this.disabled),"aria-expanded":b(this.dropdownShow),role:"button"};this.inheritAriaAttributes["aria-controls"]||(t["aria-controls"]=`dropdown-button-menu-${this.dropdownButtonId}`);const r={id:`dropdown-button-${this.dropdownButtonId}`,disabled:this.disabled,variant:this.variant},o=this.hostContext?.breadcrumb||this.hostContext?.datePicker||this.hostContext?.splitButton||this.hostContext?.tabs;return e(a,{key:"e25fa295fcfc662bcbd510ef9fa831d505901eb1",class:{disabled:this.disabled,"host-context-breadcrumb":!!this.hostContext?.breadcrumb,"host-context-date-picker":!!this.hostContext?.datePicker,"host-context-tabs":!!this.hostContext?.tabs},ref:this.dropdownAnchor,tabIndex:this.disabled?-1:0,...t},e("div",{key:"72aa176d5558297cbfd2bebd09a8f9826860e4e9",class:"dropdown-button"},this.label||null===this.label?e("ix-button",{...r,class:"internal-button",alignment:"start",ref:t=>l(t,-1),ariaLabelButton:this.ariaLabelDropdownButton??(this.dropdownShow?"Close dropdown":"Open dropdown")},e("div",{class:"content"},this.icon?e("ix-icon",{name:this.icon,size:"24",class:"dropdown-icon"}):null,e("div",{class:"button-label"},this.label),e("slot",{name:"button-label"}),!o&&e("ix-icon",{"aria-hidden":"true",name:this.dropdownShow?s:n,size:"24"}))):e("div",null,e("ix-icon-button",{...r,icon:this.icon,ref:t=>l(t,-1),"aria-label":this.ariaLabelDropdownButton??(this.dropdownShow?"Close dropdown":"Open dropdown")}),!o&&this.getTriangle())),e("ix-dropdown",{key:"bbb10a374801f0800f5386700957646072d01fb3",role:"menu",ref:this.dropdownRef,id:`dropdown-button-menu-${this.dropdownButtonId}`,"aria-labelledby":`dropdown-button-${this.dropdownButtonId}`,trigger:this.dropdownAnchor.waitForCurrent(),placement:this.placement,closeBehavior:this.closeBehavior,enableTopLayer:this.enableTopLayer,disableFocusTrap:!0,focusCheckedItem:this.focusCheckedItem,onShowChanged:t=>this.onDropdownShowChanged(t),onScroll:t=>{const r=new CustomEvent("scroll",{bubbles:t.bubbles,cancelable:t.cancelable,detail:t.detail});this.hostElement.dispatchEvent(r)}},e("slot",{key:"a41e74d2a2db2b1255485923390d4fbf14504504"})))}static get style(){return":host{display:inline-block;position:relative;height:2rem;width:auto;--ix-dropdown-button-border-radius-left:var(--theme-btn--border-radius);--ix-dropdown-button-border-radius-right:var(--theme-btn--border-radius);border-top-left-radius:var(--ix-dropdown-button-border-radius-left);border-bottom-left-radius:var(--ix-dropdown-button-border-radius-left);border-top-right-radius:var(--ix-dropdown-button-border-radius-right);border-bottom-right-radius:var(--ix-dropdown-button-border-radius-right)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .hide{display:none}:host ix-button,:host ix-icon-button{--ix-button-border-radius-left:var( --ix-dropdown-button-border-radius-left );--ix-button-border-radius-right:var( --ix-dropdown-button-border-radius-right )}:host .dropdown-button{display:block;position:relative;width:100%;height:100%}:host .dropdown-button>ix-button{width:100%;height:100%}:host .dropdown-button .button-label{margin-right:auto;min-width:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .dropdown-button .dropdown-icon{margin-right:0.25rem}:host .triangle{position:absolute;margin-inline-start:1.5625rem;margin-block-start:-0.4375rem;border-right:0 solid transparent;border-left:4px solid transparent;border-top:0 solid transparent;border-bottom:4px solid;color:var(--theme-btn-primary--color)}:host .triangle.primary{color:var(--theme-btn-primary--color)}:host .triangle.secondary{color:var(--theme-btn-secondary--color)}:host .triangle.tertiary{color:var(--theme-btn-tertiary--color)}:host .triangle.primary.disabled{color:var(--theme-btn-primary--color--disabled)}:host .triangle.secondary.disabled{color:var(--theme-btn-secondary--color--disabled)}:host .triangle.tertiary.disabled{color:var(--theme-btn-tertiary--color--disabled)}:host .triangle.subtle-primary{color:var(--theme-btn-subtle-primary--color)}:host .triangle.subtle-secondary{color:var(--theme-btn-subtle-secondary--color)}:host .triangle.subtle-tertiary{color:var(--theme-btn-subtle-tertiary--color)}:host .triangle.subtle-primary.disabled{color:var(--theme-btn-subtle-primary--color--disabled)}:host .triangle.subtle-secondary.disabled{color:var(--theme-btn-subtle-secondary--color--disabled)}:host .triangle.subtle-tertiary.disabled{color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .triangle.danger-primary{color:var(--theme-btn-danger-primary--color)}:host .triangle.danger-secondary{color:var(--theme-btn-danger-secondary--color)}:host .triangle.danger-tertiary{color:var(--theme-btn-danger-tertiary--color)}:host .triangle.danger-primary.disabled{color:var(--theme-btn-danger-primary--color--disabled)}:host .triangle.danger-secondary.disabled{color:var(--theme-btn-danger-secondary--color--disabled)}:host .triangle.danger-tertiary.disabled{color:var(--theme-btn-danger-tertiary--color--disabled)}:host .content{display:flex;align-items:center}:host .remove-button-min-width{min-width:0px}:host(.host-context-date-picker) .internal-button,:host(.host-context-breadcrumb) .internal-button{min-width:0px;padding:0}:host(.host-context-date-picker) ix-dropdown{max-height:15.625rem;overflow-y:scroll}:host(:focus-visible){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host([aria-expanded=true]:focus-visible){outline:none}:host(.disabled){pointer-events:none}"}},[769,"ix-dropdown-button",{variant:[1],disabled:[516],label:[1],icon:[1],closeBehavior:[8,"close-behavior"],placement:[1],ariaLabelDropdownButton:[1,"aria-label-dropdown-button"],focusCheckedItem:[4,"focus-checked-item"],enableTopLayer:[4,"enable-top-layer"],suppressAriaActiveDescendant:[4,"suppress-aria-active-descendant"],dropdownShow:[32],getDropdownReference:[64]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]);function y(){"undefined"!=typeof customElements&&["ix-dropdown-button","ix-button","ix-dropdown","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-dropdown-button":customElements.get(i(t))||customElements.define(i(t),f);break;case"ix-button":customElements.get(i(t))||g();break;case"ix-dropdown":customElements.get(i(t))||w();break;case"ix-icon-button":customElements.get(i(t))||v();break;case"ix-spinner":customElements.get(i(t))||x()}}))}export{f as D,y as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,M as e,e as i,h as s,i as o,d as r,t as n}from"./p-CtDOTMOT.js";import{m as a,v as l,h,K as d}from"./p-BtSt9tC5.js";import{a as c}from"./p-C21npbUc.js";import{P as u,a as p,u as b,F as m}from"./p-BBCsPlPH.js";import{q as f,I as v}from"./p-C5UTTqsv.js";import{D as w}from"./p-CApDAYIa.js";import{A as x}from"./p-Byed_Z2G.js";import{C as y}from"./p-Dpk_WgCl.js";import{m as g}from"./p-Djkc69iv.js";import{r as k}from"./p-BEuV0Xpe.js";import{d as C}from"./p-olkZUb1j.js";import{d as I}from"./p-BIcWFids.js";import{d as A}from"./p-baqpOH0g.js";import{d as E}from"./p-CkIELF-1.js";import{d as T}from"./p-CgHioxG-.js";import{d as D}from"./p-3VG6z9c3.js";import{d as S}from"./p-BRoFUwzJ.js";import{d as V}from"./p-Dwe6tWhq.js";import{d as R}from"./p-Dl_YKIKl.js";import{d as L}from"./p-1KOHyx-1.js";import{H as O}from"./p-BWknDysp.js";let F=0;const j=t(class extends(e(...w,y,x)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7),this.inputChange=i(this,"inputChange",7),this.addItem=i(this,"addItem",7),this.ixBlur=i(this,"ixBlur",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;required=!1;label;ariaLabelClearIconButton="Clear selection";ariaLabelAddItem="Add item";i18nMoreItems="{count} more";warningText;infoText;invalidText;validText;helperText;showTextAsTooltip;value="";allowClear=!1;mode="single";editable=!1;disabled=!1;readonly=!1;i18nPlaceholder="Select an option";i18nPlaceholderEditable="Type of select option";i18nSelectListHeader="Select an option";i18nNoMatches="No matches";i18nAllSelected="All";i18nRemoveSelectedItem="Remove";hideListHeader=!1;dropdownWidth;dropdownMaxWidth;collapseMultipleSelection=!1;enableTopLayer=!1;valueChange;inputChange;addItem;ixBlur;dropdownShow=!1;selectedLabels=[];isDropdownEmpty=!1;inputFilterText="";inputValue="";visibleChipValues=null;hiddenChipValues=[];overflowDropdownShow=!1;hasInputFocus=!1;dropdownItemsVisualFocused=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;hostId="ix-select-"+F++;dropdownWrapperRef=g();dropdownAnchorRef=g();inputRef=g();dropdownRef=g();chipElementRefs=new Map;chipWidths=new Map;overflowChipRef=g();chipsContainerRef=g();clearButtonRef=g();chipHorizontalMargin=4;triggerMinWidth=78;overflowChipFallbackWidth=52;overflowChipWidth=0;chipsResizeObserver;overflowDropdownOpenedByKeyboard=!1;proxyListObserver=null;inputElement;touched=!1;get nonShadowItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item"))}get shadowItems(){return Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-select-item"))}get focusableItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item:not([disabled]):not([hidden]), ix-dropdown-item:not([disabled]):not([hidden])"))}get allFocusableItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item, ix-dropdown-item"))}get items(){return[...this.nonShadowItems,...this.shadowItems]}get selectedItems(){return this.items.filter((t=>t.selected))}get addItemElement(){return this.hostElement.querySelector("ix-dropdown-item.add-item")}get isSingleMode(){return"single"===this.mode}get isMultipleMode(){return"multiple"===this.mode}get isEveryDropdownItemHidden(){return this.items.every((t=>!0===t.hidden))}watchValue(t){this.value=t,this.updateSelection()}watchDisabledReadonly(){this.chipWidths.clear(),this.overflowChipWidth=0}updateFormInternalValue(t){Array.isArray(t)?this.formInternals.setFormValue(t.join(",")):this.formInternals.setFormValue(t)}async hasValidValue(){return this.required&&!!this.hasValue()}hasValue(){return Array.isArray(this.value)?!!this.value.length:!!this.value}itemClick(t){const e=this.value,i=this.toggleValue(t);this.value=i,this.emitValueChange(i)?this.value=e:(this.updateSelection(),this.isMultipleMode&&this.inputFilterText&&(this.clearInput(),this.removeHiddenAttributeFromItems()))}emitAddItem(t){if(void 0===t||""===t.trim())return!1;const{defaultPrevented:e}=this.addItem.emit(t);if(e)return!0;const i=document.createElement("ix-select-item");return i.value=t,i.label=t,this.addItemElement?.before(i),k((()=>{this.clearInput(),this.itemClick(t)})),!1}toggleValue(t){if(!this.isMultipleMode)return t;if(!this.value)return[t];let e=this.value;return Array.isArray(e)||(e=[e]),e.includes(t)?e.filter((e=>e!==t)):[...e,t]}updateSelection(){let t=[];this.value&&(t=Array.isArray(this.value)?[...this.value]:[this.value]),this.items.forEach((e=>{e.selected=t.some((t=>typeof t!=typeof e.value?t.toString()===e.value.toString():t===e.value))})),this.selectedLabels=this.selectedItems.map((t=>t.label??t.value)),this.pruneChipWidthCache(),this.dropdownShow&&this.inputFilterText||(this.inputValue=this.selectedLabels?.length&&this.isSingleMode?this.selectedLabels[0]??"":"",this.inputElement&&(this.inputElement.value=this.inputValue))}emitValueChange(t){const{defaultPrevented:e}=this.valueChange.emit(t);return!!e||(this.updateFormInternalValue(t),!1)}createAddItemElement(){const t=()=>{this.emitAddItem(this.inputFilterText)};this.hostElement.querySelector(".add-item")||this.hostElement.appendChild((()=>{const e=document.createElement("ix-dropdown-item");return e.hidden=!0,e.setAttribute("data-testid","add-item"),e.icon=d,e.classList.add("add-item"),e.addEventListener("click",t),e.style.order=Number.MAX_SAFE_INTEGER.toString(),e.ariaHidden="true",e.role="presentation",e})())}componentDidLoad(){this.inputElement?.addEventListener("input",(()=>{this.dropdownShow=!0,this.inputChange.emit(this.inputElement?.value)})),this.createAddItemElement(),this.proxyListObserver=new MutationObserver((()=>{this.updateAriaProxyListbox()})),this.proxyListObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["aria-selected"],subtree:!0,childList:!0});const t=this.chipsContainerRef.current;t&&(this.chipsResizeObserver=new ResizeObserver((()=>{this.handleChipsContainerResize()})),this.chipsResizeObserver.observe(t))}componentWillLoad(){this.updateSelection(),this.updateFormInternalValue(this.value)}disconnectedCallback(){super.disconnectedCallback(),this.proxyListObserver?.disconnect(),this.chipsResizeObserver?.disconnect()}onLabelChange(t){t.preventDefault(),t.stopImmediatePropagation(),this.chipWidths.clear(),this.updateSelection()}itemExists(t){return this.items.find((e=>e.label===t))}getActiveVisualFocusedItem(){const t=f(this.hostElement,`.${v}`);return t.length>0?t[0]:null}dropdownVisibilityChanged(t){this.dropdownShow=t.detail,t.detail?(this.inputElement?.focus(),this.hasValue()&&this.inputElement?.select(),this.inputFilterText||this.removeHiddenAttributeFromItems(),this.isDropdownEmpty=this.isEveryDropdownItemHidden,this.checkVisibilityOfProxyList()):(this.updateSelection(),this.inputFilterText="",this.dropdownItemsVisualFocused=!1,this.inputElement?.setAttribute("aria-activedescendant",""))}setItemFilter(){this.inputFilterText=this.inputElement?.value.trim()??"",this.inputFilterText?this.items.forEach((t=>{const e=this.hostElement.shadowRoot?.getElementById(`${t.id}-${u}`);t.hidden=!1,e&&(e.hidden=!1,e.setAttribute("aria-hidden","false")),t.label?.toLowerCase().includes(this.inputFilterText.toLowerCase())||(t.hidden=!0,e&&(e.hidden=!0,e.setAttribute("aria-hidden","true")))})):this.removeHiddenAttributeFromItems(),this.isDropdownEmpty=this.isEveryDropdownItemHidden,this.checkVisibilityOfProxyList()}checkVisibilityOfProxyList(){const t=this.hostElement?.shadowRoot?.getElementById(`${this.hostId}-${p}`);t&&(t.hidden=this.isDropdownEmpty)}removeHiddenAttributeFromItems(){this.items.forEach((t=>{t.hidden=!1;const e=this.hostElement.shadowRoot?.getElementById(`${t.id}-${u}`);e&&(e.hidden=!1,e.setAttribute("aria-hidden","false"))}))}clearInput(){this.inputElement&&(this.inputElement.value=""),this.inputFilterText=""}clear(){this.clearInput(),this.selectedLabels=[];const t=this.isSingleMode?"":[];this.value=t,this.emitValueChange(t),this.dropdownShow=!1}onInputBlur(t){this.ixBlur.emit(),this.touched=!0,this.hasInputFocus=!1,this.editable||this.isSingleMode||this.dropdownShow||"multiple"===this.mode||(t.target.value=this.selectedLabels.toString())}onInputFocus(){this.hasInputFocus=!0}placeholderValue(){return this.disabled||this.readonly?"":this.editable?this.i18nPlaceholderEditable:this.i18nPlaceholder}isAddItemVisible(){return!this.itemExists(this.inputFilterText)&&this.editable&&this.inputFilterText}shouldDisplayAllChip(){return this.selectedItems.length===this.items.length&&this.collapseMultipleSelection}getRemoveChipAriaLabel(t){const e=(t.label??t.value)?.toString().trim();return e?`${this.i18nRemoveSelectedItem} ${e}`:this.i18nRemoveSelectedItem}renderAllChip(){return s("ix-filter-chip",{disabled:this.disabled||this.readonly,ariaLabelCloseIconButton:`${this.i18nRemoveSelectedItem} ${this.i18nAllSelected}`,onCloseClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()}},`${this.i18nAllSelected} (${this.selectedItems.length})`)}renderChip(t,e){const i=t.value.toString();return s("ix-filter-chip",{class:{"chip-measuring":e},disabled:this.disabled||this.readonly,key:i,ariaLabelCloseIconButton:this.getRemoveChipAriaLabel(t),ref:t=>{t?this.chipElementRefs.set(i,t):this.chipElementRefs.delete(i)},onCloseClick:()=>{this.itemClick(t.value),this.inputElement?.focus()}},t.label)}renderHiddenChip(t){return s("ix-filter-chip",{class:"chip-hidden-item",disabled:this.disabled||this.readonly,key:`hidden-${t.value}`,ariaLabelCloseIconButton:this.getRemoveChipAriaLabel(t),onCloseClick:()=>{this.overflowDropdownShow=!1,this.itemClick(t.value),this.inputElement?.focus()}},t.label)}renderOverflowChip(){const t=this.hiddenChipValues.length,e=this.i18nMoreItems.replace("{count}",t.toString());return s("ix-filter-chip",{key:"overflow-chip",class:"chip-overflow",hideCloseButton:!0,disabled:this.disabled||this.readonly,tabindex:this.disabled||this.readonly?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":c(this.overflowDropdownShow),"aria-label":e,ref:this.overflowChipRef,onClick:t=>{t.preventDefault(),t.stopPropagation(),this.toggleOverflowDropdown()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),t.stopImmediatePropagation(),this.overflowDropdownOpenedByKeyboard=!0,this.overflowDropdownShow=!0)}},`+${t}`)}renderMultipleModeChips(){if(0===this.items.length)return null;if(this.shouldDisplayAllChip())return this.renderAllChip();const t=this.selectedItems;if(0===t.length)return null;const e=t.filter((t=>{const e=t.value.toString();return!!this.chipWidths.has(e)&&(null===this.visibleChipValues||this.visibleChipValues.includes(e))})),i=t.filter((t=>!this.chipWidths.has(t.value.toString())));return[...e.map((t=>this.renderChip(t,!1))),this.hiddenChipValues.length>0?this.renderOverflowChip():null,...i.map((t=>this.renderChip(t,!0)))]}renderOverflowDropdown(){return s("ix-dropdown",{class:"overflow-dropdown",show:this.overflowDropdownShow,anchor:this.overflowChipRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",onShowChanged:t=>{this.overflowDropdownShow=t.detail,t.detail&&this.overflowDropdownOpenedByKeyboard&&(this.overflowDropdownOpenedByKeyboard=!1,this.focusOverflowRemoveButton(0))}},s("div",{class:"overflow-dropdown-content"},this.hiddenChipValues.map((t=>{const e=this.selectedItems.find((e=>e.value.toString()===t));return e?this.renderHiddenChip(e):null}))))}toggleOverflowDropdown(){this.disabled||this.readonly||(this.overflowDropdownShow=!this.overflowDropdownShow)}getOverflowRemoveButtons(){const t=this.hostElement.shadowRoot?.querySelector("ix-dropdown.overflow-dropdown");return t?Array.from(t.querySelectorAll("ix-filter-chip.chip-hidden-item")).flatMap((t=>{const e=t.shadowRoot?.querySelector("ix-icon-button"),i=e?.shadowRoot?.querySelector("button");return i?[i]:[]})):[]}focusOverflowRemoveButton(t){k((()=>{const e=this.getOverflowRemoveButtons()[t];e&&(e.focus({preventScroll:!0}),e.scrollIntoView({block:"nearest"}))}))}onOverflowRemoveButtonKeyDown(t){if(!this.overflowDropdownShow)return;const e=this.getOverflowRemoveButtons(),i=e.findIndex((e=>t.composedPath().includes(e)));if(-1!==i)switch(t.key){case"ArrowDown":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton((i+1)%e.length);break;case"ArrowUp":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton((i-1+e.length)%e.length);break;case"Tab":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton(t.shiftKey?(i-1+e.length)%e.length:(i+1)%e.length);break;case"Escape":t.preventDefault(),t.stopImmediatePropagation(),this.overflowDropdownShow=!1,this.focusOverflowChip()}}focusOverflowChip(){k((()=>{this.overflowChipRef.current?.focus({preventScroll:!0})}))}pruneChipWidthCache(){const t=new Set(this.selectedItems.map((t=>t.value.toString())));for(const e of this.chipWidths.keys())t.has(e)||this.chipWidths.delete(e)}sameChipValues(t,e){return t===e||null!==t&&null!==e&&t.length===e.length&&t.every(((t,i)=>t===e[i]))}applyOverflowState(t,e){this.sameChipValues(this.visibleChipValues,t)||(this.visibleChipValues=t),this.sameChipValues(this.hiddenChipValues,e)||(this.hiddenChipValues=e),0===e.length&&this.overflowDropdownShow&&(this.overflowDropdownShow=!1)}getChipWidthWithMargin(t){return(this.chipWidths.get(t)??0)+this.chipHorizontalMargin}getOverflowChipWidthWithMargin(){return(this.overflowChipWidth||this.overflowChipFallbackWidth)+this.chipHorizontalMargin}canShowAllChips(t,e){return t.reduce(((t,e)=>t+this.getChipWidthWithMargin(e)),0)<=e}getOverflowChipValues(t,e){const[i,...s]=t;if(void 0===i)return{visible:[],hidden:[]};const o=[i],r=[];let n=this.getChipWidthWithMargin(i);const a=this.getOverflowChipWidthWithMargin();for(const[t,i]of s.entries()){const l=this.getChipWidthWithMargin(i);if(!(n+l+a<=e)){r.push(...s.slice(t));break}o.push(i),n+=l}return{visible:o,hidden:r}}hasUnmeasuredSelectedChips(t){return t.some((t=>!this.chipWidths.has(t)))}getChipOverflowContext(){if(!this.isMultipleMode||this.shouldDisplayAllChip())return this.applyOverflowState(null,[]),null;const t=this.chipsContainerRef.current;if(!t)return null;const e=this.selectedItems.map((t=>t.value.toString()));return 0===e.length?(this.applyOverflowState(null,[]),null):{container:t,values:e}}handleChipsContainerResize(){const t=this.getChipOverflowContext();t&&(this.hasUnmeasuredSelectedChips(t.values)?o(this):this.calculateChipOverflow(t))}calculateChipOverflow(t=this.getChipOverflowContext()){if(!t)return;const{container:e,values:i}=t;if(!i.every((t=>this.chipWidths.has(t))))return;const s=e.clientWidth-this.triggerMinWidth-(this.allowClear&&this.clearButtonRef.current?this.clearButtonRef.current.offsetWidth:0);if(this.canShowAllChips(i,s))return void this.applyOverflowState(null,[]);const{visible:o,hidden:r}=this.getOverflowChipValues(i,s);this.applyOverflowState(o,r)}async waitForComponentReady(t){const e=t;"function"==typeof e?.componentOnReady&&await e.componentOnReady()}waitForNextFrame(){return new Promise((t=>k((()=>t()))))}async waitForChipLayout(t){await Promise.all(t.map((t=>this.waitForComponentReady(t)))),await this.waitForNextFrame()}async measureSelectedChipWidths(t){const e=t.map((t=>this.chipElementRefs.get(t.value.toString())));await this.waitForChipLayout(e);let i=!1;for(const e of t){const t=e.value.toString(),s=this.chipElementRefs.get(t);s&&s.offsetWidth>0&&(this.chipWidths.set(t,s.offsetWidth),i=!0)}return i}async measureOverflowChipWidth(){if(0===this.hiddenChipValues.length||this.overflowChipWidth>0)return;const t=await this.overflowChipRef.waitForCurrent();await this.waitForChipLayout([t]),t.offsetWidth>0&&(this.overflowChipWidth=t.offsetWidth)}async componentDidRender(){if(!this.isMultipleMode||this.shouldDisplayAllChip())return void this.applyOverflowState(null,[]);const t=this.selectedItems;if(0===t.length)return void this.applyOverflowState(null,[]);const e=t.filter((t=>!this.chipWidths.has(t.value.toString())));e.length>0?await this.measureSelectedChipWidths(e)&&(this.calculateChipOverflow(),o(this)):(await this.measureOverflowChipWidth(),this.calculateChipOverflow())}onValidationChange({isInvalid:t,isInvalidByRequired:e,isValid:i,isInfo:s,isWarning:o}){this.isInvalid=t||e,this.isValid=i,this.isWarning=o,this.isInfo=s}async getAssociatedFormElement(){return this.formInternals.form}getNativeInputElement(){return this.inputElement?Promise.resolve(this.inputElement):Promise.reject(new Error("Input element not found"))}async focusInput(){const t=await this.getNativeInputElement();t&&t.focus()}isTouched(){return Promise.resolve(this.touched)}getControllingAriaElement(){return this.inputRef.waitForCurrent()}isAriaActiveDescendantActive(){return this.dropdownShow}getAriaActiveDescendantProxyItemId(){return"proxy-listbox-item"}componentWillRender(){if(this.addItemElement&&(this.addItemElement.hidden=!this.isAddItemVisible(),this.addItemElement.label=this.inputFilterText),this.updateAriaProxyListbox(),this.isMultipleMode&&!this.shouldDisplayAllChip()){const t=this.selectedItems;t.length>0&&t.every((t=>this.chipWidths.has(t.value.toString())))&&this.calculateChipOverflow()}}updateAriaProxyListbox(){const t=this.hostElement.shadowRoot?.getElementById(`${this.hostId}-proxy-listbox`);0!==this.focusableItems.length&&b(t,this.focusableItems,((t,e)=>{const i="IX-SELECT-ITEM"===t.tagName,s=t.getAttribute("aria-label")||t.label||(i?t.value:"")||"",o=i?t.selected:t.checked;e.role="option",e.innerText=t.label??"",e.ariaLabel=s,e.ariaSelected=c(!!o),e.addEventListener("click",(e=>{e.stopPropagation(),e.preventDefault(),t.click()})),this.addItemElement===t&&(e.ariaLabel=`${this.ariaLabelAddItem}: ${t.label}`),t.ariaHidden="true"}))}render(){return s(r,{key:"9415e1e8af83d128ad9214824c182a9c03a70180",id:this.getHostElementId(),class:{readonly:this.readonly,disabled:this.disabled,"show-focus-outline":this.hasInputFocus&&!this.dropdownItemsVisualFocused},tabIndex:this.disabled?-1:0},s("ix-field-wrapper",{key:"36b59b412aab4e527f2e09c7b800344d4831436e",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},s("div",{key:"353d3300511ab5311f1359d8591d58ffa862c8d1",class:{select:!0,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchorRef(t),this.dropdownWrapperRef(t)}},s("div",{key:"66708c6629d362e2187de9620b6a1386863c0fdf",class:"input-container"},s("div",{key:"b5c607cd3766f624d8c608a4eaeb31bea7d3d387",class:"chips",ref:this.chipsContainerRef},this.isMultipleMode&&this.renderMultipleModeChips(),s("div",{key:"84084dbaa7e87c16acd3ca2b487a60eb130f6cc7",class:"trigger"},s("input",{key:"f1f7203f87901eca257935c2a4729fd6e2e3db00",id:`${this.hostId}-input`,role:"combobox","aria-controls":`${this.hostId}-proxy-listbox`,"aria-expanded":c(this.dropdownShow),"aria-autocomplete":"list","aria-disabled":c(this.disabled),autocomplete:"off","data-testid":"input",disabled:this.disabled,readOnly:this.readonly,required:this.required,type:"text",class:{"allow-clear":this.allowClear&&!!this.selectedLabels?.length},placeholder:this.placeholderValue(),value:this.inputValue??"",ref:t=>{this.inputElement=t,this.inputRef(t)},onFocus:()=>this.onInputFocus(),onBlur:t=>this.onInputBlur(t),onInput:()=>this.setItemFilter()}),!this.allowClear||this.disabled||this.readonly||!this.selectedLabels?.length&&!this.inputFilterText?null:s("ix-icon-button",{key:"clear",class:"clear",icon:a,variant:"subtle-tertiary",oval:!0,size:"16",ref:this.clearButtonRef,onClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()},"aria-label":this.ariaLabelClearIconButton}),this.disabled||this.readonly?null:s("ix-icon-button",{"aria-label":this.dropdownShow?"Close select dropdown":"Open select dropdown","aria-hidden":"true",tabindex:-1,ref:t=>{if(!t)return;const e=t;e.tabIndex=-1,e.ariaHidden="true"},"data-select-dropdown":!0,key:"dropdown",class:{"dropdown-visible":this.dropdownShow},icon:this.dropdownShow?l:h,variant:"subtle-tertiary"})))))),s("ix-dropdown",{key:"1339c822f5fe72b80e0080f9bdc0a157f74fe7ad",id:`${this.hostId}-listbox`,keyboardActivationKeys:["ArrowUp","ArrowDown"],keyboardItemTriggerKeys:["Enter"],disableFocusTrap:!0,focusHost:this.hostElement,ref:this.dropdownRef,show:this.dropdownShow,closeBehavior:this.isMultipleMode?"outside":"both",hidden:this.disabled||this.readonly,anchor:this.dropdownAnchorRef.waitForCurrent(),trigger:this.dropdownWrapperRef.waitForCurrent(),onShowChange:t=>{(this.disabled||this.readonly)&&t.detail&&t.preventDefault()},onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom-start",enableTopLayer:this.enableTopLayer,overwriteDropdownStyle:async()=>{const t={},e=this.hostElement.shadowRoot?.querySelector(".select")?.getBoundingClientRect().width;return e&&(t.minWidth=`${e}px`),this.dropdownWidth&&(t.width=`min(${this.dropdownWidth}, 100%)`),this.dropdownMaxWidth&&(t.maxWidth=`min(${this.dropdownMaxWidth}, 100%)`),t},onClick:t=>{const e=t.target;if("IX-DROPDOWN-ITEM"!==e.tagName&&"IX-SELECT-ITEM"!==e.tagName)return;const i=this.getActiveVisualFocusedItem()??e;i&&(t.stopPropagation(),i.classList.contains("add-item")||(this.itemClick(i.value),this.setItemFilter()),this.isSingleMode&&(this.dropdownShow=!1))}},s("div",{key:"df5024089e37d2a0416dd42d3e5c8c5c07ac5f4c","aria-hidden":"true",class:{"select-list-header":!0,hidden:this.hideListHeader||this.isDropdownEmpty},title:this.i18nSelectListHeader,onClick:t=>t.preventDefault()},this.i18nSelectListHeader),s("slot",{key:"b9d758bf0a6c7452ab9e626f37c9fbb5b0a74dfc",onSlotchange:()=>{this.updateSelection()}}),s(m,{key:"a4bb5eed7ee4ab735ecf0141fc32c69df8c8d57c",hostId:this.hostId,otherProps:{"aria-hidden":c(!this.dropdownShow),"aria-multiselectable":c(this.isMultipleMode),hidden:this.disabled||this.readonly}}),this.isDropdownEmpty&&!this.editable&&s("div",{key:"926fa88d0788351f0f2e865fe4ced2bb8422a43d",class:"select-list-header"},this.i18nNoMatches)),this.isMultipleMode&&!this.shouldDisplayAllChip()&&this.hiddenChipValues.length>0&&this.renderOverflowDropdown())}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],disabled:[{watchDisabledReadonly:0}],readonly:[{watchDisabledReadonly:0}]}}static get style(){return":host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .select{position:relative;display:flex;align-items:center;width:100%;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:hover:not(.readonly):not(.disabled){background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select.readonly,:host .select.disabled{box-shadow:none !important}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active,:host .select.disabled,:host .select.disabled:hover,:host .select.disabled:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible,:host .select.disabled:focus,:host .select.disabled:focus-within,:host .select.disabled:focus-visible{outline:none}:host .select.readonly input:focus,:host .select.readonly input:focus-visible,:host .select.disabled input:focus,:host .select.disabled input:focus-visible{outline:none}:host .select.disabled{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .select.disabled input{color:var(--theme-input--color--disabled)}:host .select.readonly{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .select.readonly input{color:var(--theme-input--color--readonly)}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:nowrap;height:100%;flex-grow:1;overflow:hidden}:host .input-container .chips>ix-filter-chip{margin:0.1rem;flex-shrink:0;max-width:min(40%, 14rem)}:host .input-container .chips>ix-filter-chip.chip-measuring{position:absolute;visibility:hidden;pointer-events:none}:host .input-container .chips>ix-filter-chip.chip-overflow{cursor:pointer}:host .input-container .chips>ix-filter-chip.chip-overflow:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .input-container ix-icon-button{height:1.875rem;width:1.875rem;min-height:1.875rem;min-width:1.875rem}:host .input-container input{background:transparent;height:1.75rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host ix-dropdown{display:flex;flex-direction:column;max-width:100%}:host .overflow-dropdown-content{display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;max-height:16rem;overflow-y:auto;padding:0.5rem}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-std-text--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .hidden{display:none !important}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}:host(.ix-focused) .select,:host(.show-focus-outline) .select{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--warning);background-color:var(--theme-input--background--warning)}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--invalid);background-color:var(--theme-input--background--invalid)}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--invalid--active) !important}"}},[849,"ix-select",{name:[513],required:[516],label:[1],ariaLabelClearIconButton:[1,"aria-label-clear-icon-button"],ariaLabelAddItem:[1,"aria-label-add-item"],i18nMoreItems:[1,"i18n-more-items"],warningText:[1,"warning-text"],infoText:[1,"info-text"],invalidText:[1,"invalid-text"],validText:[1,"valid-text"],helperText:[1,"helper-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],value:[1025],allowClear:[4,"allow-clear"],mode:[1],editable:[4],disabled:[4],readonly:[4],i18nPlaceholder:[1,"i18n-placeholder"],i18nPlaceholderEditable:[1,"i18n-placeholder-editable"],i18nSelectListHeader:[1,"i18n-select-list-header"],i18nNoMatches:[1,"i18n-no-matches"],i18nAllSelected:[1,"i18n-all-selected"],i18nRemoveSelectedItem:[1,"i18n-remove-selected-item"],hideListHeader:[4,"hide-list-header"],dropdownWidth:[1,"dropdown-width"],dropdownMaxWidth:[1,"dropdown-max-width"],collapseMultipleSelection:[4,"collapse-multiple-selection"],enableTopLayer:[4,"enable-top-layer"],dropdownShow:[32],selectedLabels:[32],isDropdownEmpty:[32],inputFilterText:[32],inputValue:[32],visibleChipValues:[32],hiddenChipValues:[32],overflowDropdownShow:[32],hasInputFocus:[32],dropdownItemsVisualFocused:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],getAssociatedFormElement:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"],[0,"ix-select-item:valueChange","onLabelChange"],[0,"ix-select-item:labelChange","onLabelChange"],[2,"keydown","onOverflowRemoveButtonKeyDown"]],{value:[{watchValue:0}],disabled:[{watchDisabledReadonly:0}],readonly:[{watchDisabledReadonly:0}]}]);function B(){"undefined"!=typeof customElements&&["ix-select","ix-dropdown","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-filter-chip","ix-icon-button","ix-select-item","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-select":customElements.get(n(t))||customElements.define(n(t),j);break;case"ix-dropdown":customElements.get(n(t))||C();break;case"ix-dropdown-item":customElements.get(n(t))||I();break;case"ix-field-label":customElements.get(n(t))||A();break;case"ix-field-wrapper":customElements.get(n(t))||E();break;case"ix-filter-chip":customElements.get(n(t))||T();break;case"ix-icon-button":customElements.get(n(t))||D();break;case"ix-select-item":customElements.get(n(t))||S();break;case"ix-spinner":customElements.get(n(t))||V();break;case"ix-tooltip":customElements.get(n(t))||R();break;case"ix-typography":customElements.get(n(t))||L()}}))}!function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);r>3&&n&&Object.defineProperty(e,i,n)}([O()],j.prototype,"onValidationChange",null);export{j as S,B as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,H as o,e as r,h as t,d as e,t as n}from"./p-Bxdy-8CE.js";import{h as c}from"./p-CQj_gEvY.js";let d=0;const i=(a="expand-content")=>[a,d++].join("-"),s=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.accordionExpand=r(this,"accordionExpand",7)}ariaLabelExpandButton;collapse=!1;variant="outline";get hostElement(){return this}accordionExpand;expandContent=!1;onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(a){a.preventDefault(),a.stopPropagation(),this.expandContent=!this.expandContent,this.accordionExpand.emit({expand:this.expandContent,nativeEvent:a}),this.expandContent&&this.scrollExpandedContentIntoView()}scrollExpandedContentIntoView(){setTimeout((()=>{this.expandedContent.getBoundingClientRect().bottom>window.innerHeight&&this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(!1)}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return t(e,{key:"99d74bce00deda78eec3e658c6315074bcc6f838",slot:"card-accordion",class:{[`variant-${this.variant}`]:!0}},t("button",{key:"0388734d427625db6a28c89cd3f854258060924b",tabIndex:0,class:{"expand-action":!0,show:this.expandContent},onClick:a=>this.onExpandActionClick(a),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":i(),"aria-label":this.ariaLabelExpandButton},t("ix-icon",{key:"30cfd29665e01c6f717546b498a093dfd505c18a",name:c,class:{"expand-icon":!0,show:this.expandContent}})),t("div",{key:"55d278b4ff6fff66a0d1daee213c558bc5fa95cc",class:{"expand-content":!0,show:this.expandContent}},t("div",{key:"580b4d462ddab11dabc62222d88b9af585e9ae2e",class:"expand-content-inner"},t("div",{key:"d5b05b3b7fa03a773d8c6c8256e100a723700be4",class:"expand-content-body"},t("slot",{key:"baf8f14174f1a79e626ce3e9dc8cb149f6f0cc59"})),t("div",{key:"1be55e44df3a61bf32942fabcdd738d0738f091a",class:"expand-content-footer"}))))}static get watchers(){return{collapse:[{onInitialExpandChange:0}]}}static get style(){return':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}: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 .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;align-items:center;justify-content:flex-start}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(180deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host(.variant-outline) .expand-action{background-color:var(--theme-push-card-outline-accordion--background)}:host(.variant-outline) .expand-action:hover{background:var(--theme-push-card-outline-accordion--background--hover)}:host(.variant-outline) .expand-action:active{background:var(--theme-push-card-outline-accordion--background--active)}:host(.variant-outline) .expand-content{background-color:var(--theme-push-card-outline-accordion-frame--background)}:host(.variant-outline) .expand-content.show{border:var(--theme-push-card-outline-accordion-frame--border-width, 0px) solid var(--theme-push-card-outline-accordion-frame--border-color)}:host(.variant-outline) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-outline) .expand-content-footer{background-color:var(--theme-push-card-outline-accordion-footer--background)}:host(.variant-filled) .expand-action{background-color:var(--theme-push-card-filled-accordion--background)}:host(.variant-filled) .expand-action:hover{background:var(--theme-push-card-filled-accordion--background--hover)}:host(.variant-filled) .expand-action:active{background:var(--theme-push-card-filled-accordion--background--active)}:host(.variant-filled) .expand-content{background-color:var(--theme-push-card-filled-accordion-frame--background)}:host(.variant-filled) .expand-content.show{border:var(--theme-push-card-filled-accordion-frame--border-width, 0px) solid var(--theme-push-card-filled-accordion-frame--border-color)}:host(.variant-filled) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-filled) .expand-content-footer{background-color:var(--theme-push-card-filled-accordion-footer--background)}:host(.variant-alarm) .expand-action{background-color:var(--theme-push-card-alarm-accordion--background)}:host(.variant-alarm) .expand-action:hover{background:var(--theme-push-card-alarm-accordion--background--hover)}:host(.variant-alarm) .expand-action:active{background:var(--theme-push-card-alarm-accordion--background--active)}:host(.variant-alarm) .expand-content{background-color:var(--theme-push-card-alarm-accordion-frame--background)}:host(.variant-alarm) .expand-content.show{border:var(--theme-push-card-alarm-accordion-frame--border-width, 0px) solid var(--theme-push-card-alarm-accordion-frame--border-color)}:host(.variant-alarm) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-alarm) .expand-content-footer{background-color:var(--theme-push-card-alarm-accordion-footer--background)}:host(.variant-critical) .expand-action{background-color:var(--theme-push-card-critical-accordion--background)}:host(.variant-critical) .expand-action:hover{background:var(--theme-push-card-critical-accordion--background--hover)}:host(.variant-critical) .expand-action:active{background:var(--theme-push-card-critical-accordion--background--active)}:host(.variant-critical) .expand-content{background-color:var(--theme-push-card-critical-accordion-frame--background)}:host(.variant-critical) .expand-content.show{border:var(--theme-push-card-critical-accordion-frame--border-width, 0px) solid var(--theme-push-card-critical-accordion-frame--border-color)}:host(.variant-critical) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-critical) .expand-content-footer{background-color:var(--theme-push-card-critical-accordion-footer--background)}:host(.variant-warning) .expand-action{background-color:var(--theme-push-card-warning-accordion--background)}:host(.variant-warning) .expand-action:hover{background:var(--theme-push-card-warning-accordion--background--hover)}:host(.variant-warning) .expand-action:active{background:var(--theme-push-card-warning-accordion--background--active)}:host(.variant-warning) .expand-content{background-color:var(--theme-push-card-warning-accordion-frame--background)}:host(.variant-warning) .expand-content.show{border:var(--theme-push-card-warning-accordion-frame--border-width, 0px) solid var(--theme-push-card-warning-accordion-frame--border-color)}:host(.variant-warning) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-warning) .expand-content-footer{background-color:var(--theme-push-card-warning-accordion-footer--background)}:host(.variant-success) .expand-action{background-color:var(--theme-push-card-success-accordion--background)}:host(.variant-success) .expand-action:hover{background:var(--theme-push-card-success-accordion--background--hover)}:host(.variant-success) .expand-action:active{background:var(--theme-push-card-success-accordion--background--active)}:host(.variant-success) .expand-content{background-color:var(--theme-push-card-success-accordion-frame--background)}:host(.variant-success) .expand-content.show{border:var(--theme-push-card-success-accordion-frame--border-width, 0px) solid var(--theme-push-card-success-accordion-frame--border-color)}:host(.variant-success) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-success) .expand-content-footer{background-color:var(--theme-push-card-success-accordion-footer--background)}:host(.variant-info) .expand-action{background-color:var(--theme-push-card-info-accordion--background)}:host(.variant-info) .expand-action:hover{background:var(--theme-push-card-info-accordion--background--hover)}:host(.variant-info) .expand-action:active{background:var(--theme-push-card-info-accordion--background--active)}:host(.variant-info) .expand-content{background-color:var(--theme-push-card-info-accordion-frame--background)}:host(.variant-info) .expand-content.show{border:var(--theme-push-card-info-accordion-frame--border-width, 0px) solid var(--theme-push-card-info-accordion-frame--border-color)}:host(.variant-info) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-info) .expand-content-footer{background-color:var(--theme-push-card-info-accordion-footer--background)}:host(.variant-neutral) .expand-action{background-color:var(--theme-push-card-neutral-accordion--background)}:host(.variant-neutral) .expand-action:hover{background:var(--theme-push-card-neutral-accordion--background--hover)}:host(.variant-neutral) .expand-action:active{background:var(--theme-push-card-neutral-accordion--background--active)}:host(.variant-neutral) .expand-content{background-color:var(--theme-push-card-neutral-accordion-frame--background)}:host(.variant-neutral) .expand-content.show{border:var(--theme-push-card-neutral-accordion-frame--border-width, 0px) solid var(--theme-push-card-neutral-accordion-frame--border-color)}:host(.variant-neutral) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-neutral) .expand-content-footer{background-color:var(--theme-push-card-neutral-accordion-footer--background)}:host(.variant-primary) .expand-action{background-color:var(--theme-push-card-primary-accordion--background)}:host(.variant-primary) .expand-action:hover{background:var(--theme-push-card-primary-accordion--background--hover)}:host(.variant-primary) .expand-action:active{background:var(--theme-push-card-primary-accordion--background--active)}:host(.variant-primary) .expand-content{background-color:var(--theme-push-card-primary-accordion-frame--background)}:host(.variant-primary) .expand-content.show{border:var(--theme-push-card-primary-accordion-frame--border-width, 0px) solid var(--theme-push-card-primary-accordion-frame--border-color)}:host(.variant-primary) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-primary) .expand-content-footer{background-color:var(--theme-push-card-primary-accordion-footer--background)}'}},[769,"ix-card-accordion",{ariaLabelExpandButton:[1,"aria-label-expand-button"],collapse:[4],variant:[1],expandContent:[32]},void 0,{collapse:[{onInitialExpandChange:0}]}]);function h(){"undefined"!=typeof customElements&&["ix-card-accordion"].forEach((a=>{"ix-card-accordion"===a&&(customElements.get(n(a))||customElements.define(n(a),s))}))}export{s as C,h as d}
|
|
1
|
+
import{p as a,H as o,e as r,h as t,d as e,t as n}from"./p-CtDOTMOT.js";import{h as c}from"./p-BtSt9tC5.js";let d=0;const i=(a="expand-content")=>[a,d++].join("-"),s=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.accordionExpand=r(this,"accordionExpand",7)}ariaLabelExpandButton;collapse=!1;variant="outline";get hostElement(){return this}accordionExpand;expandContent=!1;onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(a){a.preventDefault(),a.stopPropagation(),this.expandContent=!this.expandContent,this.accordionExpand.emit({expand:this.expandContent,nativeEvent:a}),this.expandContent&&this.scrollExpandedContentIntoView()}scrollExpandedContentIntoView(){setTimeout((()=>{this.expandedContent.getBoundingClientRect().bottom>window.innerHeight&&this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(!1)}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return t(e,{key:"5895eac0bfacb903c7c0d4b8119fa1c5740d0a38",slot:"card-accordion",class:{[`variant-${this.variant}`]:!0}},t("button",{key:"269999da5591350946e1f2cf9f767617f0afbeec",tabIndex:0,class:{"expand-action":!0,show:this.expandContent},onClick:a=>this.onExpandActionClick(a),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":i(),"aria-label":this.ariaLabelExpandButton},t("ix-icon",{key:"566dd098a706b8a6f3e6d92d00f05d768fe429c3",name:c,class:{"expand-icon":!0,show:this.expandContent}})),t("div",{key:"38259672ff7307ab14d1f90216950aace14bfe1b",class:{"expand-content":!0,show:this.expandContent}},t("div",{key:"a9c79af5f2beea7bc3cc5f9f5c182438c363e220",class:"expand-content-inner"},t("div",{key:"a460bd87f4f7e1eb40072a756f9f1ffcd23451eb",class:"expand-content-body"},t("slot",{key:"916a58024ec98a54b9e348de6544d48981824e5f"})),t("div",{key:"9f45502dfb26f863e4a010e237bc7db3de534f45",class:"expand-content-footer"}))))}static get watchers(){return{collapse:[{onInitialExpandChange:0}]}}static get style(){return':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}: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 .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;align-items:center;justify-content:flex-start}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(180deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host(.variant-outline) .expand-action{background-color:var(--theme-push-card-outline-accordion--background)}:host(.variant-outline) .expand-action:hover{background:var(--theme-push-card-outline-accordion--background--hover)}:host(.variant-outline) .expand-action:active{background:var(--theme-push-card-outline-accordion--background--active)}:host(.variant-outline) .expand-content{background-color:var(--theme-push-card-outline-accordion-frame--background)}:host(.variant-outline) .expand-content.show{border:var(--theme-push-card-outline-accordion-frame--border-width, 0px) solid var(--theme-push-card-outline-accordion-frame--border-color)}:host(.variant-outline) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-outline) .expand-content-footer{background-color:var(--theme-push-card-outline-accordion-footer--background)}:host(.variant-filled) .expand-action{background-color:var(--theme-push-card-filled-accordion--background)}:host(.variant-filled) .expand-action:hover{background:var(--theme-push-card-filled-accordion--background--hover)}:host(.variant-filled) .expand-action:active{background:var(--theme-push-card-filled-accordion--background--active)}:host(.variant-filled) .expand-content{background-color:var(--theme-push-card-filled-accordion-frame--background)}:host(.variant-filled) .expand-content.show{border:var(--theme-push-card-filled-accordion-frame--border-width, 0px) solid var(--theme-push-card-filled-accordion-frame--border-color)}:host(.variant-filled) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-filled) .expand-content-footer{background-color:var(--theme-push-card-filled-accordion-footer--background)}:host(.variant-alarm) .expand-action{background-color:var(--theme-push-card-alarm-accordion--background)}:host(.variant-alarm) .expand-action:hover{background:var(--theme-push-card-alarm-accordion--background--hover)}:host(.variant-alarm) .expand-action:active{background:var(--theme-push-card-alarm-accordion--background--active)}:host(.variant-alarm) .expand-content{background-color:var(--theme-push-card-alarm-accordion-frame--background)}:host(.variant-alarm) .expand-content.show{border:var(--theme-push-card-alarm-accordion-frame--border-width, 0px) solid var(--theme-push-card-alarm-accordion-frame--border-color)}:host(.variant-alarm) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-alarm) .expand-content-footer{background-color:var(--theme-push-card-alarm-accordion-footer--background)}:host(.variant-critical) .expand-action{background-color:var(--theme-push-card-critical-accordion--background)}:host(.variant-critical) .expand-action:hover{background:var(--theme-push-card-critical-accordion--background--hover)}:host(.variant-critical) .expand-action:active{background:var(--theme-push-card-critical-accordion--background--active)}:host(.variant-critical) .expand-content{background-color:var(--theme-push-card-critical-accordion-frame--background)}:host(.variant-critical) .expand-content.show{border:var(--theme-push-card-critical-accordion-frame--border-width, 0px) solid var(--theme-push-card-critical-accordion-frame--border-color)}:host(.variant-critical) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-critical) .expand-content-footer{background-color:var(--theme-push-card-critical-accordion-footer--background)}:host(.variant-warning) .expand-action{background-color:var(--theme-push-card-warning-accordion--background)}:host(.variant-warning) .expand-action:hover{background:var(--theme-push-card-warning-accordion--background--hover)}:host(.variant-warning) .expand-action:active{background:var(--theme-push-card-warning-accordion--background--active)}:host(.variant-warning) .expand-content{background-color:var(--theme-push-card-warning-accordion-frame--background)}:host(.variant-warning) .expand-content.show{border:var(--theme-push-card-warning-accordion-frame--border-width, 0px) solid var(--theme-push-card-warning-accordion-frame--border-color)}:host(.variant-warning) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-warning) .expand-content-footer{background-color:var(--theme-push-card-warning-accordion-footer--background)}:host(.variant-success) .expand-action{background-color:var(--theme-push-card-success-accordion--background)}:host(.variant-success) .expand-action:hover{background:var(--theme-push-card-success-accordion--background--hover)}:host(.variant-success) .expand-action:active{background:var(--theme-push-card-success-accordion--background--active)}:host(.variant-success) .expand-content{background-color:var(--theme-push-card-success-accordion-frame--background)}:host(.variant-success) .expand-content.show{border:var(--theme-push-card-success-accordion-frame--border-width, 0px) solid var(--theme-push-card-success-accordion-frame--border-color)}:host(.variant-success) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-success) .expand-content-footer{background-color:var(--theme-push-card-success-accordion-footer--background)}:host(.variant-info) .expand-action{background-color:var(--theme-push-card-info-accordion--background)}:host(.variant-info) .expand-action:hover{background:var(--theme-push-card-info-accordion--background--hover)}:host(.variant-info) .expand-action:active{background:var(--theme-push-card-info-accordion--background--active)}:host(.variant-info) .expand-content{background-color:var(--theme-push-card-info-accordion-frame--background)}:host(.variant-info) .expand-content.show{border:var(--theme-push-card-info-accordion-frame--border-width, 0px) solid var(--theme-push-card-info-accordion-frame--border-color)}:host(.variant-info) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-info) .expand-content-footer{background-color:var(--theme-push-card-info-accordion-footer--background)}:host(.variant-neutral) .expand-action{background-color:var(--theme-push-card-neutral-accordion--background)}:host(.variant-neutral) .expand-action:hover{background:var(--theme-push-card-neutral-accordion--background--hover)}:host(.variant-neutral) .expand-action:active{background:var(--theme-push-card-neutral-accordion--background--active)}:host(.variant-neutral) .expand-content{background-color:var(--theme-push-card-neutral-accordion-frame--background)}:host(.variant-neutral) .expand-content.show{border:var(--theme-push-card-neutral-accordion-frame--border-width, 0px) solid var(--theme-push-card-neutral-accordion-frame--border-color)}:host(.variant-neutral) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-neutral) .expand-content-footer{background-color:var(--theme-push-card-neutral-accordion-footer--background)}:host(.variant-primary) .expand-action{background-color:var(--theme-push-card-primary-accordion--background)}:host(.variant-primary) .expand-action:hover{background:var(--theme-push-card-primary-accordion--background--hover)}:host(.variant-primary) .expand-action:active{background:var(--theme-push-card-primary-accordion--background--active)}:host(.variant-primary) .expand-content{background-color:var(--theme-push-card-primary-accordion-frame--background)}:host(.variant-primary) .expand-content.show{border:var(--theme-push-card-primary-accordion-frame--border-width, 0px) solid var(--theme-push-card-primary-accordion-frame--border-color)}:host(.variant-primary) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-primary) .expand-content-footer{background-color:var(--theme-push-card-primary-accordion-footer--background)}'}},[769,"ix-card-accordion",{ariaLabelExpandButton:[1,"aria-label-expand-button"],collapse:[4],variant:[1],expandContent:[32]},void 0,{collapse:[{onInitialExpandChange:0}]}]);function h(){"undefined"!=typeof customElements&&["ix-card-accordion"].forEach((a=>{"ix-card-accordion"===a&&(customElements.get(n(a))||customElements.define(n(a),s))}))}export{s as C,h as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as i,d as s,t as r}from"./p-
|
|
1
|
+
import{p as t,H as e,h as i,d as s,t as r}from"./p-CtDOTMOT.js";import{b as o}from"./p-C21npbUc.js";import{i as a}from"./p-XBTykBKS.js";import{m as l}from"./p-Djkc69iv.js";import{c as n}from"./p-Dw_A3HUC.js";import{d as h}from"./p-1KOHyx-1.js";import{c as d}from"./p-BWknDysp.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}required;htmlFor;controlRef;isInvalid=!1;textOverflow="wrap";explicitIsInvalid=void 0;isInvalidChanged(t){this.explicitIsInvalid=t}htmlForObserver=new MutationObserver((()=>this.checkForInternalState()));htmlForClassObserver;controlRefClassObserver;a11yAttributes={};labelRef=l();connectedCallback(){this.registerHtmlForObserver(),this.registerControlRefObserver()}disconnectedCallback(){this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.controlRefClassObserver&&this.controlRefClassObserver.destroy()}componentWillRender(){this.checkForInternalState(),n(this.hostElement,"ix-range-field")&&(this.textOverflow="no-wrap")}componentWillLoad(){this.a11yAttributes=o(this.hostElement)}registerHtmlForObserver(){"undefined"!=typeof window&&(this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlFor&&this.htmlForObserver.observe(window.document,{childList:!0,subtree:!0}))}async registerControlRefObserver(){if("undefined"!=typeof window&&(this.controlRefClassObserver&&this.controlRefClassObserver.destroy(),this.controlRef&&!this.htmlFor)){const t=await this.controlRef.waitForCurrent();this.controlRefClassObserver=d(t,(()=>this.checkForInvalidState(t)))}}registerHtmlForClassObserver(t){this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.htmlForClassObserver=d(t,(()=>this.checkForInvalidState(t)))}checkForInvalidState(t){const e=t.classList.contains("is-invalid")||t.classList.contains("ix-invalid");this.isInvalid=this.explicitIsInvalid??e}async checkForInternalState(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t)return"boolean"==typeof t.required&&(this.required=t.required),this.registerHtmlForClassObserver(t),void this.checkForInvalidState(t)}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.required=t.required}}async focusOnClick(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){let e=null;e=a(t)?await t.getNativeInputElement():t,"function"==typeof e.focus&&e.focus()}}this.controlRef&&(await this.controlRef.waitForCurrent()).focus()}render(){return i(s,{key:"0fdcf56a50a448dd0d58e70d4389105d79ace1d3",onClick:()=>this.focusOnClick(),class:{"text-overflow-wrap":"wrap"===this.textOverflow,"text-overflow-no-wrap":"no-wrap"===this.textOverflow}},i("label",{key:"985b6494c3ecc3cbe3071a352dd375a785366ea7",htmlFor:this.htmlFor,...this.a11yAttributes,ref:this.labelRef},i("ix-typography",{key:"1fae47aef80983c02272b73b5d2de4969aa87daf",textColor:this.isInvalid?"alarm":"soft",format:"label"},i("slot",{key:"706a5c9687ac5fea48d9efda67b660ed78b999df"}),this.required&&i("span",{key:"fa1da16ab40a270019534c26b17e8771f478eb4e"},"*"))))}static get watchers(){return{isInvalid:[{isInvalidChanged:0}],htmlFor:[{registerHtmlForObserver:0}],controlRef:[{registerControlRefObserver:0}]}}static get style(){return":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}:host(.text-overflow-no-wrap){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.text-overflow-no-wrap) ix-typography{text-overflow:ellipsis;overflow:hidden}"}},[769,"ix-field-label",{required:[1540],htmlFor:[513,"html-for"],controlRef:[16],isInvalid:[1028,"is-invalid"],textOverflow:[32]},void 0,{isInvalid:[{isInvalidChanged:0}],htmlFor:[{registerHtmlForObserver:0}],controlRef:[{registerControlRefObserver:0}]}]);function f(){"undefined"!=typeof customElements&&["ix-field-label","ix-typography"].forEach((t=>{switch(t){case"ix-field-label":customElements.get(r(t))||customElements.define(r(t),c);break;case"ix-typography":customElements.get(r(t))||h()}}))}export{c as F,f as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as o,e,h as a,d as s,t as r}from"./p-
|
|
1
|
+
import{p as t,H as o,e,h as a,d as s,t as r}from"./p-CtDOTMOT.js";import{u as i,c as n,a as c,b as l,d}from"./p-BtSt9tC5.js";import{d as h}from"./p-3VG6z9c3.js";import{d as b}from"./p-Dwe6tWhq.js";import{d as m}from"./p-1KOHyx-1.js";const u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closeToast=e(this,"closeToast",7)}type="info";toastTitle;autoCloseDelay=5e3;preventAutoClose=!1;icon;iconColor;hideIcon=!1;ariaLabelCloseIconButton="Close toast";closeToast;progress=0;touched=!1;paused=!1;get hostElement(){return this}getIcon(){if(this.icon)return a("ix-icon",{"data-testid":"toast-icon",name:this.icon,color:this.iconColor,size:"24"});switch(this.type){case"info":return a("ix-icon",{"data-testid":"toast-icon",name:d,size:"24",color:"color-std-text"});case"error":return a("ix-icon",{"data-testid":"toast-icon",name:l,size:"24",color:"color-alarm"});case"success":return a("ix-icon",{"data-testid":"toast-icon",name:c,size:"24",color:"color-success"});case"warning":return a("ix-icon",{"data-testid":"toast-icon",name:n,size:"24",color:"color-warning-text"});default:return""}}close(){this.hostElement&&this.hostElement.classList.add("animate__fadeOut"),setTimeout((()=>{this.closeToast.emit()}),250)}async pause(){this.paused=!0}async resume(){this.paused=!1}async isPaused(){return this.paused||this.touched}render(){let t={};const o=["toast-progress-bar"];return t={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.touched||this.paused?"paused":"running"},o.push("toast-progress-bar--animated"),a(s,{key:"f786bd46ed3cf18e869aa03c1af675f69bdcf75d",role:"alert","aria-live":"polite","aria-atomic":"true",class:"animate__animated animate__fadeIn"},a("div",{key:"512ed44cc950fc819045c62478ba0ea42f1b58ae",class:"toast-body",onPointerLeave:()=>{this.touched=!1},onPointerEnter:()=>{this.touched=!0}},!this.type&&!this.icon||this.hideIcon?null:a("div",{class:"toast-icon"},this.getIcon()),a("div",{key:"195dd2bf1980e05fb91b119d06ab50397fbbdc9e",class:"toast-content"},this.toastTitle?a("ix-typography",{class:"toast-title",format:"h5"},this.toastTitle):null,a("div",{key:"c4b1b4f0e2325706656302ce0cdb0de56255d8e6",class:"toast-message"},a("slot",{key:"778be19bb15122ed4cfc2bf9e362036aec8d366e"})),a("div",{key:"e370c4935d412c442f804e65c4528fb6981e6c83",class:"toast-action"},a("slot",{key:"6f6f6a7a2598bb42970d7a0abbea3e882d9d32b7",name:"action"}))),a("div",{key:"5021c6330fbe47a620a5b405e4e191a0d10ff047",class:"toast-close"},a("ix-icon-button",{key:"f8b2e9ca0f4cfadc1686f243ac3487e9ff029b81",icon:i,iconColor:"color-soft-text",size:"24",variant:"tertiary",onClick:()=>this.closeToast.emit(),"aria-label":this.ariaLabelCloseIconButton}))),!this.preventAutoClose&&a("div",{key:"f85b6f0863ccb35af38895e12a7c53bfcb2d6571",class:o.join(" "),style:t,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{0===this.progress&&this.close()}}))}static get style(){return":host{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius, var(--theme-toast--border-radus));box-shadow:var(--theme-toast--box-shadow);--animate-duration:var(--theme-medium-time)}: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 .toast-body{display:flex;position:relative;min-height:3.5rem;width:100%;flex-grow:1;padding:0.75rem 0.75rem 0.25rem}:host .toast-body .toast-icon{display:flex;align-items:flex-start;padding:0.25rem}:host .toast-body .toast-content{overflow:hidden;min-width:0;width:100%;padding:0.25rem}:host .toast-body .toast-content .toast-title{min-width:0;margin:0.25rem 0px;overflow-wrap:break-word;word-break:break-word}:host .toast-body .toast-content .toast-message{min-width:0;overflow-wrap:break-word;word-break:break-word;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .toast-body .toast-content .toast-action{margin-top:0.5rem}:host .toast-close{display:flex;position:relative;pointer-events:all;margin-left:auto;margin-right:0px;opacity:0.6}:host .toast-close:hover{opacity:1}:host .toast-progress-bar{position:absolute;bottom:0;height:0.125rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}:host .toast-progress-bar--animated{animation:trackProgress linear 1 forwards}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}"}},[769,"ix-toast",{type:[513],toastTitle:[1,"toast-title"],autoCloseDelay:[2,"auto-close-delay"],preventAutoClose:[4,"prevent-auto-close"],icon:[1],iconColor:[1,"icon-color"],hideIcon:[4,"hide-icon"],ariaLabelCloseIconButton:[1,"aria-label-close-icon-button"],progress:[32],touched:[32],paused:[32],pause:[64],resume:[64],isPaused:[64]}]);function f(){"undefined"!=typeof customElements&&["ix-toast","ix-icon-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-toast":customElements.get(r(t))||customElements.define(r(t),u);break;case"ix-icon-button":customElements.get(r(t))||h();break;case"ix-spinner":customElements.get(r(t))||b();break;case"ix-typography":customElements.get(r(t))||m()}}))}export{u as T,f as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,M as e,e as s,h as i,d as o,t as r}from"./p-CtDOTMOT.js";import{f as a,i as n,s as h,o as d,a as l,b as c,c as u}from"./p-Bxrgt3H_.js";import{a as m}from"./p-CKoABG1h.js";import{b}from"./p-DtmgZu-S.js";import{q as p,f as g,I as w,a as v,b as f,c as y}from"./p-C5UTTqsv.js";import{D as x,r as k,h as E}from"./p-CApDAYIa.js";import{m as A}from"./p-Djkc69iv.js";import{r as T}from"./p-BEuV0Xpe.js";import{d as C,h as S}from"./p-BbwShqw_.js";const D=["ix-dropdown-item","ix-select-item","ix-menu-item","ix-menu-category"],I=D.map((t=>`${t}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),O=D.map((t=>`${t}.${w}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),P=(t,e,s=I)=>e&&e.matches(s)?t.findIndex((t=>t===e)):-1;let R=0;const F=t(class extends(e(...x)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showChange=s(this,"showChange",7),this.showChanged=s(this,"showChanged",7),this.experimentalRequestFocus=s(this,"experimentalRequestFocus",7),this.experimentalFocusNextElement=s(this,"experimentalFocusNextElement",7)}get hostElement(){return this}suppressAutomaticPlacement=!1;show=!1;trigger;anchor;closeBehavior="both";placement="bottom-start";positioningStrategy="fixed";header;suppressTriggerVisibilityCheck=!1;disableFocusHandling=!1;disableFocusTrap=!1;enableTopLayer=!1;focusCheckedItem=!1;keyboardActivationKeys=["Home","End","ArrowDown","ArrowUp","Enter"," "];keyboardItemTriggerKeys=["Enter"," "];offset;overwriteDropdownStyle;discoverAllSubmenus=!1;ignoreRelatedSubmenu=!1;suppressOverflowBehavior=!1;focusHost;focusTrapOptions;hostRole;callbackFocusElement;showChange;showChanged;fallbackPlacement;experimentalRequestFocus;experimentalFocusNextElement;autoUpdateCleanup;dialogRef=A();intersectObserverTrigger;triggerElement;anchorElement;forwardQueryElement=null;dropdownElementId="dropdown-"+R++;assignedSubmenu=[];keyboardNavigationCleanup;focusUtilities;connectedCallback(){C.connected(this),null!=this.trigger&&this.registerListener(this.trigger)}cacheSubmenuId(t){t.stopImmediatePropagation(),t.preventDefault();const{detail:e}=t;-1===this.assignedSubmenu.indexOf(e)&&this.assignedSubmenu.push(e)}disconnectedCallback(){C.dismiss(this),C.disconnected(this),this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}getAssignedSubmenuIds(){return this.assignedSubmenu}isPresent(){return this.show}present(){this.show=!0}dismiss(){this.show=!1}getId(){return this.dropdownElementId}willDismiss(){const{defaultPrevented:t}=this.showChange.emit(!1);return!t}willPresent(){const{defaultPrevented:t}=this.showChange.emit(!0);return!t}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}get slotElement(){return this.hostElement.shadowRoot.querySelector("slot")}disposeClickListener;disposeKeyListener;toggleController(){this.isPresent()?C.dismiss(this):C.present(this),C.dismissOthers(this.getId())}onTriggerClick=t=>this.handleTriggerClick(t);handleTriggerClick(t){t.defaultPrevented||this.toggleController()}onTriggerKeydown=t=>this.handleTriggerKeydown(t);handleTriggerKeydown(t){const e=e=>T((async()=>{let s=!1;this.callbackFocusElement&&(s=await this.callbackFocusElement(t)??!1),s||v(e,void 0,{focusCheckedItem:this.focusCheckedItem})})),s=e=>T((async()=>{let s=!1;this.callbackFocusElement&&(s=await this.callbackFocusElement(t)??!1),s||f(e)}));if(("Escape"===t.key||!0===this.disableFocusTrap&&"Tab"===t.key)&&this.show)C.dismiss(this);else if(!this.show&&(this.keyboardActivationKeys??["Home","End","ArrowUp","ArrowDown"," ","Enter"]).includes(t.key)){if(this.isAnchorSubmenu())this.disableFocusHandling||(this.callbackFocusElement?this.callbackFocusElement(t):"ArrowUp"===t.key||"End"===t.key?s(this.hostElement):e(this.hostElement));else if(t.defaultPrevented||this.toggleController(),this.disableFocusHandling)t.stopImmediatePropagation(),t.preventDefault();else{if(t.altKey)return;"ArrowUp"===t.key||"End"===t.key?s(this.hostElement):e(this.hostElement)}this.experimentalRequestFocus.emit({keyEvent:t}),t.preventDefault()}}addEventListenersFor(){this.triggerElement&&(this.disposeClickListener||(this.disposeClickListener=m(this.triggerElement,"click",this.onTriggerClick)),this.disposeKeyListener||(this.disposeKeyListener=m(this.triggerElement,"keydown",this.onTriggerKeydown)),this.triggerElement?.setAttribute("data-ix-dropdown-trigger",this.dropdownElementId))}async discoverSubmenu(){this.triggerElement?.dispatchEvent(new CustomEvent("ix-assign-sub-menu",{bubbles:!0,composed:!0,cancelable:!0,detail:this.dropdownElementId}))}registerKeyListener(){}async registerListener(t){this.triggerElement=await this.resolveElement(t),this.triggerElement&&(this.addEventListenersFor(),this.discoverSubmenu())}addObserverForTriggerVisibility(){this.intersectObserverTrigger&&this.intersectObserverTrigger.disconnect(),this.suppressTriggerVisibilityCheck||this.triggerElement&&(this.intersectObserverTrigger=new IntersectionObserver((t=>{t.forEach((t=>{if(!t.isIntersecting)return void C.dismiss(this);const e=t.intersectionRect.top>t.boundingClientRect.top,s=t.intersectionRect.bottom<t.boundingClientRect.bottom,i=t.intersectionRect.left>t.boundingClientRect.left,o=t.intersectionRect.right<t.boundingClientRect.right;this.fallbackPlacement=void 0,e&&(this.fallbackPlacement=this.createFallbackPlacement("bottom")),s&&(this.fallbackPlacement=this.createFallbackPlacement("top")),i&&(this.fallbackPlacement=this.createFallbackPlacement("right")),o&&(this.fallbackPlacement=this.createFallbackPlacement("left"))}))}),{threshold:[0,.5,1]}),this.intersectObserverTrigger.observe(this.anchorElement))}createFallbackPlacement(t){return`${t}-${this.placement.endsWith("-end")?"end":"start"}`}async resolveElement(t){const e=await a(t);return this.checkForSubmenuAnchor(e)}async checkForSubmenuAnchor(t){if(t)return S(t)&&((await t.getDropdownItemElement()).isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),"IX-DROPDOWN-ITEM"===t.tagName&&(t.isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),t}async resolveAnchorElement(){this.anchor?this.anchorElement=await this.resolveElement(this.anchor):this.trigger&&(this.anchorElement=await this.resolveElement(this.trigger))}async changedShow(t){if(!t)return this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="false"),this.cleanupOnHide(),void(this.enableTopLayer&&await this.hideDialog());if(await this.resolveAnchorElement(),this.registerKeyListener(),this.disableFocusHandling||this.callbackFocusElement||(this.keyboardNavigationCleanup=((t,e={})=>{const s=e.querySelector??I,i=e.activeQuerySelector??O,o=e.itemTriggerKeys??["ArrowRight","Enter"," "],r=e.getActiveElement??(()=>p(t(),i)[0]),a=e.setItemActive??(t=>(t=>{T((async()=>{let e=t;t.matches("ix-menu-category")&&(e=t.shadowRoot.querySelector(".category-parent")),e&&(g(e),T((()=>e.scrollIntoView({block:"nearest"}))))}))})(t)),n=async n=>{const h=r();let d=[];try{t().querySelectorAll("slot").length>0&&(d=Array.from(t().querySelectorAll("slot")).flatMap((t=>Array.from(t.assignedElements({flatten:!0})).flatMap((t=>t?.matches(s)?[t]:Array.from(t.querySelectorAll(s))))))),d=[...d,...Array.from(t().querySelectorAll(s))]}catch(t){}switch(e.beforeKeydown&&e.beforeKeydown(n),n.key){case"ArrowLeft":t().dispatchEvent(new CustomEvent("ix-close-submenu",{bubbles:!0,cancelable:!0}));break;case"ArrowDown":{if(n.altKey)return;n.preventDefault();const t=((t,e,s=O)=>{const i=P(t,e,s)+1;return t[i>=t.length?0:i]})(d,h,i);void 0!==t&&a(t);break}case"ArrowUp":{if(n.altKey)return;n.preventDefault();const t=((t,e,s=O)=>{const i=P(t,e,s)-1;return t[i<0?t.length-1:i]})(d,h,i);void 0!==t&&a(t);break}case"Home":{n.preventDefault();const t=d[0];void 0!==t&&a(t);break}case"End":{n.preventDefault();const t=d[d.length-1];void 0!==t&&a(t);break}case"ArrowRight":case" ":case"Enter":if(h&&h.hasAttribute("data-ix-dropdown-trigger")){const t=new CustomEvent("ix-open-submenu",{bubbles:!0,cancelable:!0,detail:{activeElement:h}});return void h.dispatchEvent(t)}}o.includes(n.key)&&e.onItemActivation?.(n,h)},h=(e.getEventListenerTarget??(()=>t()))();return h.addEventListener("keydown",n),()=>h.removeEventListener("keydown",n)})((()=>this.forwardQueryElement??this.focusHost??this.hostElement),{getEventListenerTarget:()=>this.triggerElement??this.anchorElement,onItemActivation:(t,e)=>{t.preventDefault(),e?.click()},itemTriggerKeys:this.keyboardItemTriggerKeys})),this.disableFocusTrap||b(this.focusHost??this.hostElement,this.focusTrapOptions).then((t=>{this.focusUtilities=t})),this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="true"),this.enableTopLayer){const t=await this.dialogRef.waitForCurrent();if(!t)return;t.showPopover()}this.addObserverForTriggerVisibility(),this.applyDropdownPosition()}async emitShowChanged(t){T((()=>this.showChanged.emit(t)))}changedTrigger(t,e){t&&t!==e&&(this.disposeClickListener?.(),this.disposeClickListener=void 0,this.disposeKeyListener?.(),this.disposeKeyListener=void 0),this.registerListener(t)}applyFallbackPosition(t){T((()=>{const e=(this.hostElement.parentElement||this.hostElement).getBoundingClientRect(),s=`translate(${Math.round(e.left)}px, ${Math.round(e.top)}px)`;Object.assign(t.style,{top:"0",left:"0",transform:s})}))}async hideDialog(){const t=await this.dialogRef.waitForCurrent();t?.matches(":popover-open")&&t.hidePopover()}cleanupOnHide(){this.intersectObserverTrigger?.disconnect(),this.destroyAutoUpdate(),this.keyboardNavigationCleanup?.(),this.focusUtilities?.destroy(),this.resetForwardQueryElement(),k(),!this.disableFocusTrap&&E()&&T((()=>{this.triggerElement?.focus()}))}destroyAutoUpdate(){this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}isAnchorSubmenu(){return!!S(this.anchorElement)||!!this.anchorElement?.closest("ix-dropdown-item")}async applyDropdownPosition(){const t=this.enableTopLayer?await this.dialogRef.waitForCurrent():this.hostElement;if(!this.show)return;if(!t)return;if(!this.anchorElement)return void this.applyFallbackPosition(t);const e=this.anchorElement,s=this.isAnchorSubmenu();let i=this.positioningStrategy;this.enableTopLayer&&(i="fixed");let o={strategy:i,middleware:[]};this.suppressAutomaticPlacement||o.middleware?.push(c({fallbackStrategy:"initialPlacement"}));let r=this.placement;!1===this.suppressTriggerVisibilityCheck&&this.fallbackPlacement&&(r=this.fallbackPlacement),o.placement=s?"right-start":r,o.middleware=[...o.middleware?.filter(Boolean)||[],n(),h()],this.offset&&o.middleware.push(d(this.offset)),this.destroyAutoUpdate(),this.autoUpdateCleanup=l(e,t,(async()=>{const s=await u(e,t,o);if(this.hostElement.dataset.ixDropdownPlacement=s.placement,Object.assign(t.style,{top:"0",left:"0",transform:`translate(${Math.round(s.x)}px,${Math.round(s.y)}px)`}),this.overwriteDropdownStyle){const e=await this.overwriteDropdownStyle({dropdownRef:t,triggerRef:this.triggerElement});Object.assign(t.style,e)}}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0})}async componentDidLoad(){this.trigger&&this.changedTrigger(this.trigger,void 0)}async componentDidRender(){await this.applyDropdownPosition(),await this.resolveAnchorElement()}isTriggerElement(t){return!!t.hasAttribute("data-ix-dropdown-trigger")}onDropdownClick(t){const e=C.pathIncludesTrigger(t.composedPath());e&&(e!==this.triggerElement&&t.preventDefault(),this.isTriggerElement(e))?"outside"===this.closeBehavior&&t.preventDefault():t.defaultPrevented||"inside"!==this.closeBehavior&&"both"!==this.closeBehavior?C.dismissOthers(this.getId()):C.dismissAll([this.getId()],this.ignoreRelatedSubmenu)}async updatePosition(){this.applyDropdownPosition()}openSubmenu(t){const e=this.getAssignedSubmenuIds();0!==e.length&&(t.detail.activeElement.classList.add("ix-dropdown-submenu-trigger-active"),C.present(C.getDropdownById(e[0])),this.forwardQueryElement=C.getDropdownById(e[0]).hostElement,T((()=>{v(C.getDropdownById(e[0]).hostElement)})))}closeSubmenu(){const t=C.getParentDropdownId(this.getId());if(t){const e=C.getDropdownById(t),s=p(e?.hostElement,".ix-dropdown-submenu-trigger-active");if(C.dismissChildren(t),e&&s.length>0){const t=s[0];t.classList.remove("ix-dropdown-submenu-trigger-active"),e.hostElement.resetForwardQueryElement(),T((()=>{y(t,e.hostElement)}))}}}async resetForwardQueryElement(){this.forwardQueryElement=null}render(){const t={};return this.triggerElement&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName?(t["aria-labelledby"]=this.triggerElement.id,t["aria-owns"]=this.triggerElement.id,t.role="menu"):this.hostRole&&(t.role=this.hostRole),i(o,{key:"316324b74a3654414f8ae385cec8a0fb7b5d2906",...t,"aria-modal":"true","data-ix-dropdown":this.dropdownElementId,"data-ix-focus-trap":!0,class:{"dropdown-menu":!0,show:this.show,overflow:!this.suppressOverflowBehavior&&!this.enableTopLayer},style:this.enableTopLayer?{}:{margin:"0",minWidth:"0px",position:this.positioningStrategy},onClick:t=>this.onDropdownClick(t)},this.enableTopLayer?i("dialog",{role:"presentation",ref:this.dialogRef,class:{dialog:!0,overflow:!this.suppressOverflowBehavior},popover:"manual",tabindex:-1,onClick:t=>this.onDropdownClick(t)},i("div",{class:"dropdown-container"},this.header&&i("div",{class:"dropdown-header"},this.header),this.show&&i("slot",null))):i("div",{style:{display:"contents"},role:"presentation"},this.header&&i("div",{class:"dropdown-header"},this.header),this.show&&i("slot",null)))}static get watchers(){return{show:[{changedShow:0},{emitShowChanged:0}],trigger:[{changedTrigger:0}]}}static get style(){return":host{background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);min-width:0px;z-index:var(--theme-z-index-dropdown);box-shadow:var(--theme-shadow-4);padding:0.25rem 0px}: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 .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}:host(.overflow){max-height:calc(50vh - 3rem);overflow-y:auto}:host(:not(.show)){display:none !important}.dialog{margin:0;border:none;outline:none;padding:0.25rem 0px;min-width:0;max-width:100vw;width:-moz-max-content;width:max-content;height:-moz-fit-content;height:fit-content;background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);box-shadow:var(--theme-shadow-4);overflow-x:visible;overflow-y:visible;inset:unset;color-scheme:inherit;color:var(--theme-color-std-text);box-sizing:border-box}.dialog *,.dialog *::after,.dialog *::before{box-sizing:border-box}.dialog .dropdown-container{display:block;position:relative}.dialog .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dialog.overflow{max-height:calc(50vh - 3rem);overflow-y:auto}"}},[769,"ix-dropdown",{suppressAutomaticPlacement:[4,"suppress-automatic-placement"],show:[1540],trigger:[1],anchor:[1],closeBehavior:[8,"close-behavior"],placement:[1],positioningStrategy:[1,"positioning-strategy"],header:[1],suppressTriggerVisibilityCheck:[4,"suppress-trigger-visibility-check"],disableFocusHandling:[4,"disable-focus-handling"],disableFocusTrap:[4,"disable-focus-trap"],enableTopLayer:[4,"enable-top-layer"],focusCheckedItem:[4,"focus-checked-item"],keyboardActivationKeys:[16],keyboardItemTriggerKeys:[16],offset:[16],overwriteDropdownStyle:[16],discoverAllSubmenus:[4,"discover-all-submenus"],ignoreRelatedSubmenu:[4,"ignore-related-submenu"],suppressOverflowBehavior:[4,"suppress-overflow-behavior"],focusHost:[16],focusTrapOptions:[16],hostRole:[1,"host-role"],callbackFocusElement:[16],fallbackPlacement:[32],discoverSubmenu:[64],updatePosition:[64],resetForwardQueryElement:[64]},[[0,"ix-assign-sub-menu","cacheSubmenuId"],[0,"ix-open-submenu","openSubmenu"],[0,"ix-close-submenu","closeSubmenu"]],{show:[{changedShow:0},{emitShowChanged:0}],trigger:[{changedTrigger:0}]}]);function j(){"undefined"!=typeof customElements&&["ix-dropdown"].forEach((t=>{"ix-dropdown"===t&&(customElements.get(r(t))||customElements.define(r(t),F))}))}export{F as D,j as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as o,h as t,d as e,t as a}from"./p-
|
|
1
|
+
import{p as r,H as o,h as t,d as e,t as a}from"./p-CtDOTMOT.js";const s=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}render(){return t(e,{key:"090635e20ba7a130412a560db4329a045f13a8dd"},t("slot",{key:"71a6820650c0997dc09f309fdf70188b936f7434"}))}static get style(){return":host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}"}},[257,"ix-modal-content"]);function b(){"undefined"!=typeof customElements&&["ix-modal-content"].forEach((r=>{"ix-modal-content"===r&&(customElements.get(a(r))||customElements.define(a(r),s))}))}export{s as M,b as d}
|
|
@@ -142,7 +142,17 @@ const a11yAttributes = [
|
|
|
142
142
|
'aria-valuenow',
|
|
143
143
|
'aria-valuetext',
|
|
144
144
|
];
|
|
145
|
+
/**
|
|
146
|
+
* Usually called by ref={(ref) => forceTabIndex(ref, -1)} to workaround an issue
|
|
147
|
+
* where the tabIndex is not applied to the element after re-render.
|
|
148
|
+
*/
|
|
149
|
+
const forceTabIndex = (element, tabIndex) => {
|
|
150
|
+
if (element) {
|
|
151
|
+
element.tabIndex = tabIndex;
|
|
152
|
+
}
|
|
153
|
+
};
|
|
145
154
|
|
|
146
155
|
exports.a11yBoolean = a11yBoolean;
|
|
147
156
|
exports.a11yHostAttributes = a11yHostAttributes;
|
|
157
|
+
exports.forceTabIndex = forceTabIndex;
|
|
148
158
|
exports.getFallbackLabelFromIconName = getFallbackLabelFromIconName;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var a11y = require('./a11y-
|
|
3
|
+
var index = require('./index-DnclGKUw.js');
|
|
4
|
+
var a11y = require('./a11y-_XjpTo2w.js');
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* SPDX-FileCopyrightText: 2023 Siemens AG
|
|
@@ -76,7 +76,7 @@ const BaseButton = (props, children) => {
|
|
|
76
76
|
return (index.h("a", { ...commonAttributes, "aria-disabled": a11y.a11yBoolean(props.disabled), href: props.disabled ? undefined : props.href, target: props.target, role: "button", rel: props.rel, onClick: (e) => handleOnClick(e, props) }, buttonContent));
|
|
77
77
|
}
|
|
78
78
|
// Otherwise, render as a button
|
|
79
|
-
return (index.h("button", { ...commonAttributes, "aria-disabled": a11y.a11yBoolean(props.disabled), onClick: (e) => handleOnClick(e, props), type: props.type }, buttonContent));
|
|
79
|
+
return (index.h("button", { ...commonAttributes, "aria-disabled": a11y.a11yBoolean(props.disabled), disabled: props.disabled || props.loading, onClick: (e) => handleOnClick(e, props), type: props.type }, buttonContent));
|
|
80
80
|
};
|
|
81
81
|
|
|
82
82
|
exports.BaseButton = BaseButton;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var baseButton = require('./base-button-
|
|
3
|
+
var index = require('./index-DnclGKUw.js');
|
|
4
|
+
var baseButton = require('./base-button-BP6iIMR7.js');
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* SPDX-FileCopyrightText: 2023 Siemens AG
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var focusUtilities = require('./focus-utilities-
|
|
4
|
-
var shadowDom = require('./shadow-dom-
|
|
3
|
+
var focusUtilities = require('./focus-utilities-5SZMxJg4.js');
|
|
4
|
+
var shadowDom = require('./shadow-dom-BL5F7RFW.js');
|
|
5
5
|
|
|
6
6
|
function detectKeyboardMode(element) {
|
|
7
7
|
let keyboardMode = false;
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var pathUtils = require('./path-utils-CQKWhbQW.js');
|
|
4
|
+
|
|
5
|
+
/*
|
|
6
|
+
* SPDX-FileCopyrightText: 2024 Siemens AG
|
|
7
|
+
*
|
|
8
|
+
* SPDX-License-Identifier: MIT
|
|
9
|
+
*
|
|
10
|
+
* This source code is licensed under the MIT license found in the
|
|
11
|
+
* LICENSE file in the root directory of this source tree.
|
|
12
|
+
*/
|
|
13
|
+
function hasDropdownItemWrapperImplemented(item) {
|
|
14
|
+
return (item !== null &&
|
|
15
|
+
item.getDropdownItemElement !== undefined &&
|
|
16
|
+
typeof item.getDropdownItemElement === 'function');
|
|
17
|
+
}
|
|
18
|
+
class DropdownController {
|
|
19
|
+
stack = new pathUtils.NestedOverlayStack({
|
|
20
|
+
blocksOutsideDismiss: (dropdown) => dropdown.closeBehavior === 'inside' || dropdown.closeBehavior === false,
|
|
21
|
+
}, (dropdown) => this.dismiss(dropdown));
|
|
22
|
+
isWindowListenerActive = false;
|
|
23
|
+
connected(dropdown) {
|
|
24
|
+
if (!this.isWindowListenerActive) {
|
|
25
|
+
this.addOverlayListeners();
|
|
26
|
+
}
|
|
27
|
+
this.stack.connect(dropdown);
|
|
28
|
+
if (dropdown.discoverAllSubmenus) {
|
|
29
|
+
this.discoverSubmenus();
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
disconnected(dropdown) {
|
|
33
|
+
this.stack.disconnect(dropdown);
|
|
34
|
+
}
|
|
35
|
+
removeFromSubmenuIds(id) {
|
|
36
|
+
this.stack.removeFromHierarchy(id);
|
|
37
|
+
}
|
|
38
|
+
getDropdownById(id) {
|
|
39
|
+
return this.stack.get(id);
|
|
40
|
+
}
|
|
41
|
+
discoverSubmenus() {
|
|
42
|
+
this.stack.forEach((dropdown) => {
|
|
43
|
+
dropdown.discoverSubmenu();
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
present(dropdown) {
|
|
47
|
+
if (!dropdown.isPresent() && dropdown.willPresent?.()) {
|
|
48
|
+
this.stack.setChildIds(dropdown.getId(), dropdown.getAssignedSubmenuIds());
|
|
49
|
+
dropdown.present();
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
dismissChildren(uid) {
|
|
53
|
+
this.stack.dismissChildren(uid);
|
|
54
|
+
}
|
|
55
|
+
dismiss(dropdown) {
|
|
56
|
+
if (dropdown.isPresent() && dropdown.willDismiss?.()) {
|
|
57
|
+
this.stack.dismissChildren(dropdown.getId());
|
|
58
|
+
dropdown.dismiss();
|
|
59
|
+
this.stack.deleteChildIdsEntry(dropdown.getId());
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
dismissAll(ignoreBehaviorForIds = [], ignoreRelatedDropdowns = false) {
|
|
63
|
+
this.stack.dismissAll({
|
|
64
|
+
ignorePolicyForIds: ignoreBehaviorForIds,
|
|
65
|
+
ignoreRelatedInHierarchy: ignoreRelatedDropdowns,
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
dismissOthers(uid) {
|
|
69
|
+
this.stack.dismissOthers(uid);
|
|
70
|
+
}
|
|
71
|
+
pathIncludesTrigger(eventTargets) {
|
|
72
|
+
return pathUtils.pathIncludesTrigger(eventTargets, 'data-ix-dropdown-trigger');
|
|
73
|
+
}
|
|
74
|
+
getParentDropdownId(dropdownId) {
|
|
75
|
+
return pathUtils.getParentId(dropdownId, this.stack.getChildIdsByParent());
|
|
76
|
+
}
|
|
77
|
+
pathIncludesDropdown(eventTargets) {
|
|
78
|
+
return !!eventTargets.find((element) => element.tagName === 'IX-DROPDOWN');
|
|
79
|
+
}
|
|
80
|
+
addOverlayListeners() {
|
|
81
|
+
this.isWindowListenerActive = true;
|
|
82
|
+
window.addEventListener('click', (event) => {
|
|
83
|
+
const hasTrigger = this.pathIncludesTrigger(event.composedPath());
|
|
84
|
+
const hasDropdown = this.pathIncludesDropdown(event.composedPath());
|
|
85
|
+
if (!hasTrigger && !hasDropdown) {
|
|
86
|
+
this.dismissAll();
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
window.addEventListener('keydown', (event) => {
|
|
90
|
+
if (event.key === 'Escape') {
|
|
91
|
+
this.dismissAll(this.stack.keys());
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
const dropdownController = new DropdownController();
|
|
97
|
+
|
|
98
|
+
exports.dropdownController = dropdownController;
|
|
99
|
+
exports.hasDropdownItemWrapperImplemented = hasDropdownItemWrapperImplemented;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DnclGKUw.js');
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
6
|
* SPDX-FileCopyrightText: 2026 Siemens AG
|
|
@@ -22,14 +22,15 @@ const PROXY_LIST_ID_SUFFIX = 'proxy-listbox';
|
|
|
22
22
|
const PROXY_LISTITEM_ID_SUFFIX = 'proxy-listbox-item';
|
|
23
23
|
const updateFocusProxyList = (proxyListElement, items, modifyProxyElement) => {
|
|
24
24
|
if (proxyListElement && items.length > 0) {
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
const itemRect = items[0].getBoundingClientRect();
|
|
26
|
+
const containerRect = (proxyListElement.offsetParent ?? proxyListElement.parentElement)?.getBoundingClientRect();
|
|
27
|
+
const top = containerRect
|
|
28
|
+
? Math.max(0, itemRect.top - containerRect.top - itemRect.height + 8)
|
|
29
|
+
: 0;
|
|
28
30
|
proxyListElement.innerHTML = '';
|
|
29
31
|
proxyListElement.style.top = top + 'px';
|
|
30
32
|
proxyListElement.style.padding = '0px';
|
|
31
33
|
proxyListElement.style.margin = '0px';
|
|
32
|
-
proxyListElement.innerHTML = '';
|
|
33
34
|
items.forEach((item) => {
|
|
34
35
|
const li = document.createElement('li');
|
|
35
36
|
li.id = item.id + '-' + PROXY_LISTITEM_ID_SUFFIX;
|