@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{r as e,c as r,g as o,h as d,H as a}from"./p-Ca5WUunf.js";import{a as c}from"./p-B5k8YVR0.js";import{c as i}from"./p-D148LCh1.js";import"./p-XBTykBKS.js";const t=class{constructor(o){e(this,o),this.checkedChange=r(this,"checkedChange",7),this.valueChange=r(this,"valueChange",7),this.ixBlur=r(this,"ixBlur",7),o.$hostElement$["s-ei"]?this.formInternals=o.$hostElement$["s-ei"]:(this.formInternals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return o(this)}formInternals;name;value;label;disabled=!1;checked=!1;required=!1;checkedChange;valueChange;ixBlur;classMutationObserver;async setCheckedState(e){this.checked||this.checkedChange.emit(e).defaultPrevented||(this.checked=e)}async onCheckedChange(){this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}connectedCallback(){const e=this.hostElement.closest("ix-radio-group");e&&(this.classMutationObserver=i(e,(()=>{this.hostElement.classList.toggle("ix-invalid--required",e.classList.contains("ix-invalid--required"))})))}disconnectedCallback(){this.classMutationObserver&&this.classMutationObserver.destroy()}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}onKeyDown(e){if(this.disabled)return;let r=!1;"Space"===e.code&&(r=!0,this.setCheckedState(!0));const o=this.hostElement.closest("ix-radio-group");switch(e.code){case"ArrowUp":case"ArrowLeft":r=!0,o?.setCheckedToNextItem(this.hostElement,!1);break;case"ArrowDown":case"ArrowRight":r=!0,o?.setCheckedToNextItem(this.hostElement,!0)}r&&(e.stopPropagation(),e.preventDefault())}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){let e=0;return this.disabled&&(e=-1),d(a,{key:"5e76cfa3be05a7b0354e987f2ec3f3e5df152c4c","aria-checked":c(this.checked),"aria-disabled":c(this.disabled),role:"radio",tabindex:e,class:{disabled:this.disabled,checked:this.checked},onClick:()=>{this.disabled||this.setCheckedState(!0)},onKeyDown:e=>this.onKeyDown(e),onBlur:()=>this.ixBlur.emit()},d("label",{key:"78ed2a34ead25c7f1836be8e1588a2cb70c107c0"},d("div",{key:"a06de9d6645e89b86daa35ff7b495bdf77d72377",class:"radio-button"},d("div",{key:"bb4e8c6cea96503bc6211c43464ce0ea14923048","aria-hidden":"true",class:{"radio-checkmark":!0,checked:this.checked}},d("div",{key:"eca09b300d52b090f83e7e6bffa6b08b6bbad30d",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}}))),this.label&&d("ix-typography",{key:"e80c0237090a0b5069f6a33ea0aaa831f197da59",format:"label",textColor:this.disabled?"weak":"std"},this.label,d("slot",{key:"9a0db47b61423675b443a0e7bb5fa36f99f141ba"}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}}};t.style=":host{display:inline-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}:host .radio-checkmark{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--info );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--info--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--info--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--info );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--info--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--info--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--info );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--info--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--info--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--info );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--info--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--info--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--info );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--info--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--info--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--info );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--info--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--info--active )}:host(.ix-info) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--warning );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--warning--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--warning--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--warning );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--warning--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--warning--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--warning );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--warning--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--warning--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--warning );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--warning--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--warning--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--warning );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--warning--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--warning--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--warning );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--warning--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--warning--active )}:host(.ix-warning) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid--required) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}";export{t as ix_radio}
|
|
1
|
+
import{r as e,c as r,g as o,h as d,H as a}from"./p-EBgS4zhE.js";import{a as c}from"./p-C21npbUc.js";import{c as i}from"./p-yZFaEeBW.js";import"./p-XBTykBKS.js";const t=class{constructor(o){e(this,o),this.checkedChange=r(this,"checkedChange",7),this.valueChange=r(this,"valueChange",7),this.ixBlur=r(this,"ixBlur",7),o.$hostElement$["s-ei"]?this.formInternals=o.$hostElement$["s-ei"]:(this.formInternals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return o(this)}formInternals;name;value;label;disabled=!1;checked=!1;required=!1;checkedChange;valueChange;ixBlur;classMutationObserver;async setCheckedState(e){this.checked||this.checkedChange.emit(e).defaultPrevented||(this.checked=e)}async onCheckedChange(){this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}connectedCallback(){const e=this.hostElement.closest("ix-radio-group");e&&(this.classMutationObserver=i(e,(()=>{this.hostElement.classList.toggle("ix-invalid--required",e.classList.contains("ix-invalid--required"))})))}disconnectedCallback(){this.classMutationObserver&&this.classMutationObserver.destroy()}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}onKeyDown(e){if(this.disabled)return;let r=!1;"Space"===e.code&&(r=!0,this.setCheckedState(!0));const o=this.hostElement.closest("ix-radio-group");switch(e.code){case"ArrowUp":case"ArrowLeft":r=!0,o?.setCheckedToNextItem(this.hostElement,!1);break;case"ArrowDown":case"ArrowRight":r=!0,o?.setCheckedToNextItem(this.hostElement,!0)}r&&(e.stopPropagation(),e.preventDefault())}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){let e=0;return this.disabled&&(e=-1),d(a,{key:"d6533cba8c7db26ade65df95ed8d5b8633c053f2","aria-checked":c(this.checked),"aria-disabled":c(this.disabled),role:"radio",tabindex:e,class:{disabled:this.disabled,checked:this.checked},onClick:()=>{this.disabled||this.setCheckedState(!0)},onKeyDown:e=>this.onKeyDown(e),onBlur:()=>this.ixBlur.emit()},d("label",{key:"b458abc7f94dca6caf12c633953fe11307990b8e"},d("div",{key:"bad09b21c40286db89ee29757c66ed81b129b0d2",class:"radio-button"},d("div",{key:"2c528acbd6a05b9fb3ddd71b75d1a8682f6fafc3","aria-hidden":"true",class:{"radio-checkmark":!0,checked:this.checked}},d("div",{key:"de7e5a0d22a2f6b1b431e210bb73f9fed161530b",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}}))),this.label&&d("ix-typography",{key:"ba92e2c1e197e78e443b597261db32d44063d7d2",format:"label",textColor:this.disabled?"weak":"std"},this.label,d("slot",{key:"6699f5473812078a34278907c58919eab380907a"}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}}};t.style=":host{display:inline-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}:host .radio-checkmark{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--info );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--info--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--info--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--info );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--info--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--info--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--info );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--info--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--info--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--info );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--info--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--info--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--info );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--info--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--info--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--info );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--info--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--info--active )}:host(.ix-info) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--warning );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--warning--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--warning--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--warning );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--warning--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--warning--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--warning );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--warning--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--warning--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--warning );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--warning--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--warning--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--warning );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--warning--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--warning--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--warning );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--warning--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--warning--active )}:host(.ix-warning) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid--required) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}";export{t as ix_radio}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as t,r as e,c as i,g as s,h as r,H as a}from"./p-EBgS4zhE.js";import{f as o,c as h,a as n,o as d,b as c,s as l,d as p,h as u}from"./p-Bxrgt3H_.js";import{b as g}from"./p-CKoABG1h.js";import{a as b,g as m,f as v}from"./p-3pidUFd-.js";import{D as f,r as C}from"./p-BWgttsqY.js";import{I as w}from"./p-vphIrWGB.js";import{C as A}from"./p-CUbYLenp.js";import{m as k}from"./p-Djkc69iv.js";import{r as y}from"./p-BEuV0Xpe.js";import{N as x,p as T}from"./p-CNLoALIl.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-C21npbUc.js";const P=new class{stack=new x({blocksOutsideDismiss:t=>!t.closeOnClickOutside},(t=>this.dismiss(t)));presentationOrder=[];isWindowListenerActive=!1;connected(t){this.isWindowListenerActive||this.addOverlayListeners(),this.stack.connect(t)}disconnected(t){this.removeFromPresentationOrder(t.getId()),this.stack.disconnect(t)}removeFromNestedPopoverIds(t){this.stack.removeFromHierarchy(t)}syncNestedPopoverIds(t){this.stack.setChildIds(t.getId(),t.getNestedPopoverIds())}present(t){this.presentAndWait(t)}async presentAndWait(t){!t.isPresent()&&t.willPresent?.()&&(this.dismissOthers(t.getId()),this.syncNestedPopoverIds(t),await t.present(),this.recordPresented(t.getId()))}dismissChildren(t){this.dismissChildrenWithFocus(t)}dismiss(t,e="restore-trigger"){const i=t.isPresent(),s=t.willDismiss?.()??!0;i&&s&&(this.dismissChildrenWithFocus(t.getId(),e),t.dismiss(e),this.stack.deleteChildIdsEntry(t.getId()),this.removeFromPresentationOrder(t.getId()))}dismissChildrenWithFocus(t,e="restore-trigger"){for(const i of this.stack.getChildIds(t)){const t=this.stack.get(i);t&&this.dismiss(t,e)}}dismissAll(t=!1){this.stack.dismissAll(t?{ignorePolicyForIds:this.stack.keys()}:void 0)}dismissTopmost(){const t=this.getTopmostForEscape();t&&this.dismiss(t)}dismissOthers(t){this.stack.dismissOthers(t)}pathIncludesTrigger(t){return T(t,"data-ix-popover-trigger")}recordPresented(t){this.removeFromPresentationOrder(t),this.presentationOrder.push(t)}removeFromPresentationOrder(t){const e=this.presentationOrder.indexOf(t);e>-1&&this.presentationOrder.splice(e,1)}isTopmostPresentedHost(t){return this.getTopmostForEscape()?.hostElement===t}getTopmostForEscape(){for(let t=this.presentationOrder.length-1;t>=0;t--){const e=this.stack.get(this.presentationOrder[t]);if(e?.isPresent())return e}let t;return this.stack.forEach((e=>{e.isPresent()&&(t=e)})),t}getPopoverDialog(t){return t.shadowRoot?.querySelector("dialog")??null}pathIncludesPopover(t){for(const e of t)if(e instanceof HTMLElement){if("IX-POPOVER"===e.tagName)return!0;for(const t of this.stack.values()){if(e===t.hostElement)return!0;const i=this.getPopoverDialog(t.hostElement);if(i&&e===i)return!0}}return!1}dismissAllFromOutsideClick(){this.stack.forEach((t=>{t.closeOnClickOutside&&t.isPresent()&&this.dismiss(t,"release")}))}addOverlayListeners(){this.isWindowListenerActive=!0,window.addEventListener("click",(t=>{const e=this.pathIncludesTrigger(t.composedPath()),i=this.pathIncludesPopover(t.composedPath());e||i||this.dismissAllFromOutsideClick()})),window.addEventListener("keydown",(t=>{"Escape"===t.key&&this.dismissTopmost()}))}},F=t=>null==t?"":`${t}px`,I=class extends(t(...f,w,A)){constructor(t){super(),e(this,t),this.showChange=i(this,"showChange",7),this.showChanged=i(this,"showChanged",7)}get hostElement(){return s(this)}trigger;show=!1;placement="bottom";hasSpike=!1;triggerMode="click";closeOnClickOutside=!1;showChange;showChanged;dialogRef=k();triggerElement;disposeAutoUpdate;disposeTriggerListener;disposeDialogListener;focusTrap;hideTimeout;assignedNestedPopoverIds=[];hasFocusableContent=!1;suppressShowWatch=!1;isOpeningPopover=!1;closeFocus="restore-trigger";hasDisconnected=!1;triggerRegistryId=0;suppressFocusPresent=!1;get spikeElement(){return this.hostElement.shadowRoot.querySelector(".spike")}getFocusTrapOptions(){return{trapFocusInShadowDom:"both",listenOnDocument:!0,shouldDeferTabTrap:t=>!P.isTopmostPresentedHost(t)}}get popoverPanelId(){return`ix-component-ix-popover-${this.$internal_id}`}getId(){return this.getHostElementId()}getNestedPopoverIds(){return this.assignedNestedPopoverIds}cacheNestedPopoverId(t){const{detail:e}=t;e===this.getId()||this.assignedNestedPopoverIds.includes(e)||(this.assignedNestedPopoverIds.push(e),P.syncNestedPopoverIds(this),t.stopImmediatePropagation(),t.preventDefault())}isPresent(){return this.show}willPresent(){return!this.showChange.emit(!0).defaultPrevented}willDismiss(){return!this.showChange.emit(!1).defaultPrevented}present(){return this.openPopover()}dismiss(t="restore-trigger"){this.closeFocus=t,this.closePopover()}async showPopover(){await P.presentAndWait(this)}async hidePopover(){P.dismiss(this)}onTriggerChange(t,e){t!==e&&this.registerTriggerListener()}onTriggerModeChange(){this.registerTriggerListener()}onShowChange(t){this.suppressShowWatch||(t?this.openPopover({fromShowWatch:!0}):this.closePopover({fromShowWatch:!0}))}connectedCallback(){this.hasDisconnected&&(P.connected(this),this.initializePopover())}componentDidLoad(){P.connected(this),this.initializePopover()}async initializePopover(){await this.registerTriggerListener(),this.show&&await this.openPopover({fromShowWatch:!0})}componentDidRender(){this.trigger&&!this.triggerElement&&this.registerTriggerListener()}disconnectedCallback(){this.hasDisconnected=!0,this.clearHideTimeout(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeDialogListener?.(),this.focusTrap?.destroy(),P.disconnected(this),this.clearTriggerAria()}async openPopover(t){if(!this.isOpeningPopover&&(t?.fromShowWatch||!this.show)){this.isOpeningPopover=!0;try{const t=await this.dialogRef.waitForCurrent();if(!t||!this.hostElement.isConnected)return;if(this.suppressShowWatch=!0,this.show=!0,this.suppressShowWatch=!1,t.showPopover(),this.registerHoverDialogListener(t),this.detectFocusableContent(),!this.triggerElement&&this.trigger&&await this.registerTriggerListener(),this.triggerElement&&(await this.applyPopoverPosition(this.triggerElement,t),this.updateTriggerAria(!0)),this.hasFocusableContent){const t=await b(this.hostElement,this.getFocusTrapOptions());this.hostElement.isConnected&&this.show?(this.focusTrap=t,"hover"!==this.triggerMode&&this.focusFirstElement()):t.destroy()}y((()=>{this.showChanged.emit(!0)}))}finally{this.isOpeningPopover=!1}}}async closePopover(t){if(!t?.fromShowWatch&&!this.show)return;const e=await this.dialogRef.waitForCurrent();e&&this.hostElement.isConnected&&(this.disposeAutoUpdate?.(),this.disposeAutoUpdate=void 0,this.disposeDialogListener?.(),this.disposeDialogListener=void 0,this.focusTrap?.destroy(),this.focusTrap=void 0,this.applyCloseFocus(),e.hidePopover(),"release"===this.closeFocus&&this.blurTriggerElement(),this.schedulePostCloseFocus(),this.suppressShowWatch=!0,this.show=!1,this.suppressShowWatch=!1,this.closeFocus="restore-trigger",this.updateTriggerAria(!1),y((()=>{this.showChanged.emit(!1)})))}detectFocusableContent(){this.hasFocusableContent=m(this.hostElement,this.getFocusTrapOptions()).length>0}focusFirstElement(){const t=this.getFocusTrapOptions();y((()=>{v(this.hostElement,t)}))}applyCloseFocus(){this.hasFocusableContent&&this.triggerElement&&("hover"!==this.triggerMode||"release"!==this.closeFocus?C():this.releasePopoverFocus())}schedulePostCloseFocus(){if(!this.hasFocusableContent||!this.triggerElement)return;if("hover"===this.triggerMode&&"release"===this.closeFocus)return;const t="restore-trigger"===this.closeFocus;y((()=>{if(t)return"hover"===this.triggerMode&&(this.suppressFocusPresent=!0),this.triggerElement?.focus(),void y((()=>{this.suppressFocusPresent=!1}));this.releasePopoverFocus(),y((()=>{this.blurTriggerElement()}))}))}releasePopoverFocus(){const t=document.activeElement;t instanceof HTMLElement&&this.containsPopoverTarget(t)&&t.blur(),this.blurTriggerElement()}blurTriggerElement(){if(!this.triggerElement)return;const t=this.triggerElement.shadowRoot?.querySelector('button, a[role="button"]');t?.blur(),this.triggerElement!==t&&this.triggerElement.blur()}async registerTriggerListener(){if(this.disposeTriggerListener?.(),this.clearTriggerAria(),!this.trigger)return;const t=++this.triggerRegistryId,e=this.trigger,i=this.triggerMode;try{const s=await o(e,this.hostElement);if(t!==this.triggerRegistryId||this.trigger!==e||this.triggerMode!==i||!this.hostElement.isConnected)return;this.triggerElement=s,s.dataset.ixPopoverTrigger="",this.updateTriggerAria(this.show),this.discoverNestedPopover(),this.disposeTriggerListener=g("click"===this.triggerMode?[{element:s,eventType:"click",callback:()=>this.togglePopover()},{element:s,eventType:"keydown",callback:t=>{const e=t.key;"Enter"!==e&&" "!==e||(t.preventDefault(),this.togglePopover())}}]:[{element:s,eventType:"mouseenter",callback:()=>{this.clearHideTimeout(),this.show||P.present(this)}},{element:s,eventType:"mouseleave",callback:t=>this.scheduleHideFromTrigger(t)},{element:s,eventType:"focus",callback:()=>{if(this.clearHideTimeout(),!this.show){if(this.suppressFocusPresent)return;P.present(this)}}},{element:s,eventType:"focusout",callback:t=>this.scheduleHideFromTrigger(t)}])}catch{}}discoverNestedPopover(){this.triggerElement?.dispatchEvent(new CustomEvent("ix-assign-sub-popover",{bubbles:!0,composed:!0,cancelable:!0,detail:this.getId()}))}togglePopover(){this.show?P.dismiss(this):P.present(this)}containsPopoverTarget(t){if(!(t instanceof Node))return!1;if(t===this.hostElement)return!0;if(this.hostElement.contains(t))return!0;const e=this.hostElement.shadowRoot;return!!e?.contains(t)}scheduleHideFromTrigger(t){this.containsPopoverTarget(t.relatedTarget)||("focusout"!==t.type?this.scheduleHide():y((()=>{this.containsPopoverTarget(document.activeElement)||this.scheduleHide()})))}scheduleHide(){this.clearHideTimeout(),this.hideTimeout=setTimeout((()=>{this.show&&P.dismiss(this,"release")}),150)}clearHideTimeout(){void 0!==this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}getTriggerAriaTarget(){const t=this.triggerElement;if(t){if("IX-BUTTON"===t.tagName||"IX-ICON-BUTTON"===t.tagName){const e=t.shadowRoot?.querySelector('button, a[role="button"]');if(e)return e}return t}}clearTriggerAriaAttributes(t){t.removeAttribute("aria-expanded"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-haspopup")}updateTriggerAria(t){const e=this.triggerElement,i=this.getTriggerAriaTarget();e&&i&&(i.setAttribute("aria-haspopup","dialog"),i.setAttribute("aria-expanded",String(t)),i.setAttribute("aria-controls",this.popoverPanelId),i!==e&&this.clearTriggerAriaAttributes(e))}clearTriggerAria(){if(!this.triggerElement)return;this.clearTriggerAriaAttributes(this.triggerElement);const t=this.triggerElement.shadowRoot?.querySelector('button, a[role="button"]');t&&this.clearTriggerAriaAttributes(t),delete this.triggerElement.dataset.ixPopoverTrigger,this.triggerElement=void 0}computeSpikePosition({placement:t,middlewareData:e}){if(!e.arrow)return;const{x:i,y:s}=e.arrow,r={top:"unset",right:"unset",bottom:"unset",left:"unset"};return t.startsWith("top")?{...r,left:F(i),bottom:F(-6)}:t.startsWith("right")?{...r,left:F(-6),top:F(s)}:t.startsWith("bottom")?{...r,left:F(i),top:F(-6)}:t.startsWith("left")?{...r,right:F(-6),top:F(s)}:void 0}async computePopoverPosition(t,e){const i=[d(12),c({fallbackStrategy:"initialPlacement"}),l({padding:10})];return this.hasSpike&&this.spikeElement&&i.push(p({element:this.spikeElement})),i.push(u()),h(t,e,{strategy:"fixed",placement:this.placement,middleware:i})}async applyPopoverPosition(t,e){this.disposeAutoUpdate?.();const i=async()=>{if(!this.show)return;const i=await this.computePopoverPosition(t,e);if(!this.show)return;const s=i.middlewareData.hide?.referenceHidden;if(s)return P.dismiss(this,"release"),i;if(this.hasSpike&&i.middlewareData.arrow){const t=this.computeSpikePosition(i);t&&this.spikeElement&&Object.assign(this.spikeElement.style,t)}return Object.assign(e.style,{left:F(i.x),top:F(i.y)}),i};await i(),this.show&&this.hostElement.isConnected&&(this.disposeAutoUpdate=n(t,e,i,{ancestorResize:!0,ancestorScroll:!0,elementResize:!0}))}registerHoverDialogListener(t){this.disposeDialogListener?.(),"hover"===this.triggerMode&&(this.disposeDialogListener=g([{element:t,eventType:"click",callback:t=>{t.stopPropagation()}}]))}onDialogMouseEnter(){"hover"===this.triggerMode&&this.clearHideTimeout()}onDialogMouseLeave(){"hover"===this.triggerMode&&this.scheduleHide()}render(){return r(a,{key:"95dbf143e674bcb0cd976c114a892201c42af6f4",class:{visible:this.show},"data-ix-popover":this.popoverPanelId},r("dialog",{key:"d674675e90ef6288047117e5058c18dd8233378d",ref:this.dialogRef,id:this.popoverPanelId,class:"dialog",popover:"manual",inert:!this.show,...this.inheritAriaAttributes,role:this.inheritAriaAttributes.role??"dialog",onMouseEnter:()=>this.onDialogMouseEnter(),onMouseLeave:()=>this.onDialogMouseLeave()},r("div",{key:"b0a7901412a53cff56518a7776b58ba392ba7b21",class:"popover-container"},r("div",{key:"1226cfeb2110a8d628e50404d72d4ecd0c4f3a8b",class:"popover-body"},r("slot",{key:"6c5701b2a20896db8fccf4edd67d9c65c1a81d36"})),this.hasSpike?r("div",{class:"spike"}):null)))}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],trigger:[{onTriggerChange:0}],triggerMode:[{onTriggerModeChange:0}],show:[{onShowChange:0}]}}};I.style=':host{--theme-popover--background:var(--theme-color-2);--theme-popover--border-color:transparent;--theme-popover--color:var(--theme-color-std-text);--theme-popover--elevation-filter:drop-shadow(0 0 2px var(--theme-color-shadow-2)) drop-shadow(0 4px 8px var(--theme-color-shadow-3)) drop-shadow(0 12px 18px var(--theme-color-shadow-3));--theme-popover-close--color:var(--theme-color-soft-text);--theme-popover-close-btn--background:transparent;--theme-popover-close-btn--background--active:var(--theme-color-ghost--active);--theme-popover-close-btn--background--hover:var(--theme-color-ghost--hover)}:host dialog.dialog{margin:0;padding:0;border:none;background-color:transparent;box-shadow:none;overflow:visible;position:fixed;inset:unset;width:25rem;min-width:15rem;max-width:37.5rem;max-height:calc(100vh - 2rem)}:host .popover-container{display:flex;flex-direction:column;position:relative;width:100%;max-height:calc(100vh - 2rem);background:var(--theme-popover--background);color:var(--theme-popover--color);border:1px solid var(--theme-popover--border-color);box-shadow:var(--theme-shadow-4);border-radius:var(--theme-default-border-radius);overflow:visible}:host .popover-body{position:relative;z-index:1;display:block;width:100%}:host .popover-container:has(.spike){box-shadow:none;filter:var(--theme-popover--elevation-filter)}:host .spike,:host .spike::before{position:absolute;width:12px;height:12px;background:inherit}:host .spike{visibility:hidden;z-index:0;pointer-events:none}:host .spike::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-popover--background)}';export{I as ix_popover}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as r,r as e,g as t,h as o,H as a}from"./p-EBgS4zhE.js";import{B as d}from"./p-HpQs38Y0.js";import{D as n}from"./p-BWgttsqY.js";import{I as b}from"./p-vphIrWGB.js";import"./p-C21npbUc.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const s=class extends(r(...n,b)){constructor(r){super(),e(this,r)}variant="primary";disabled=!1;type="button";loading=!1;form;icon;iconRight;alignment="center";iconSize="24";href;target="_self";rel;get hostElement(){return t(this)}submitButtonElement;handleClick(r){(this.disabled||this.loading)&&(r.stopPropagation(),r.preventDefault())}componentDidLoad(){if("submit"!==this.type)return;const r=document.createElement("button");r.style.display="none",r.type="submit",r.tabIndex=-1,this.form&&r.setAttribute("form",this.form),this.hostElement.appendChild(r),this.submitButtonElement=r}handleFormChange(r){this.submitButtonElement&&(r?this.submitButtonElement.setAttribute("form",r):this.submitButtonElement.removeAttribute("form"))}componentDidRender(){this.submitButtonElement&&!this.hostElement.contains(this.submitButtonElement)&&this.hostElement.appendChild(this.submitButtonElement)}dispatchFormEvents(){"submit"!==this.type||!this.submitButtonElement||this.disabled||this.loading||this.submitButtonElement.click()}setFocus(){this.hostElement.shadowRoot.querySelector(this.href?"a":"button")?.focus()}render(){return o(a,{key:"0eb555f606e1fb774004c7ab8d950076baaa0284",class:{disabled:this.disabled||this.loading},tabIndex:this.disabled||this.loading?-1:0},o(d,{key:"a9ead157a199a3575627f4af70a0355687d4e990",variant:this.variant,iconOnly:!1,iconOval:!1,selected:!1,disabled:this.disabled||this.loading,icon:this.icon,iconRight:this.iconRight,iconSize:this.iconSize,loading:this.loading,onClick:()=>this.dispatchFormEvents(),type:this.type,alignment:this.alignment,ariaAttributes:this.inheritAriaAttributes,href:this.href,target:this.target,rel:this.rel},o("slot",{key:"de07260fc4785b2c30e6fdace31005435f273a93"})))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],form:[{handleFormChange:0}]}}};s.style=":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}";export{s as ix_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,g as e,h as a,H as o}from"./p-EBgS4zhE.js";import{u as i,A as r}from"./p-DuTDx0c-.js";import{a as s}from"./p-4pTtJwcY.js";import{m as n}from"./p-DT02jDB7.js";import{h as c}from"./p-BClJdFQP.js";import{t as l}from"./p-Dx6rQdpk.js";import"./p-CWshStHZ.js";import"./p-D_Hmobxf.js";const h=class{constructor(e){t(this,e)}get hostElement(){return e(this)}theme;colorSchema="system";forceBreakpoint;onForceBreakpointChange(t){this.setBreakpoints(this.breakpoints),this.forceLayoutChange(t)}forceLayoutChange(t){if(!t)return s.enableBreakpointDetection(),void s.debouncedOnResize();s.disableBreakpointDetection(),s.setBreakpoint(t)}breakpoints=["sm","md","lg"];onBreakpointsChange(t){this.setBreakpoints(t)}appSwitchConfig;breakpoint="lg";applicationSidebarSlotted=!1;contextProvider;get menu(){return this.hostElement.querySelector("ix-menu")}get applicationSidebarSlot(){return this.hostElement.shadowRoot.querySelector(".application-sidebar slot")}modeDisposable;onContentClick(){n.isPinned||this.menu?.toggleMenu(!1)}setBreakpoints(t){s.setBreakpoints(this.forceBreakpoint?[this.forceBreakpoint]:t)}componentWillLoad(){this.setBreakpoints(this.breakpoints),this.contextProvider=i(this.hostElement,r,{hideHeader:!1,sidebar:this.applicationSidebarSlotted,appSwitchConfig:this.appSwitchConfig}),this.modeDisposable=s.onChange.on((t=>{this.breakpoint=this.forceBreakpoint||t})),this.breakpoint=this.forceBreakpoint||s.breakpoint,this.forceLayoutChange(this.forceBreakpoint)}disconnectedCallback(){this.modeDisposable?.dispose()}changeTheme(){this.theme&&l.setTheme(this.theme)}changeColorSchema(){this.colorSchema&&l.setColorSchema(this.colorSchema)}onApplicationSidebarChange(){this.contextProvider?this.contextProvider.emit({hideHeader:!1,sidebar:this.applicationSidebarSlotted,appSwitchConfig:this.appSwitchConfig}):console.error("Context provider not available")}render(){return a(o,{key:"cf020f40f480159fd1949387d82bb4f9def90ec0","data-role":"",class:{[`breakpoint-${this.breakpoint}`]:!0}},a("slot",{key:"a2f00e2aeca45e27c775b3ff98bdc71a45b9462d",name:"application-header"}),a("div",{key:"24def38eb1881d5aa3204a9c0ebb4ac18a79cf52",class:"application"},a("slot",{key:"16fbf3b5ced61520056cfbf540bc2653b67e1b63",name:"menu"}),a("aside",{key:"8f7fca6b4c7ec5fd13af2c0aac292e32a0fd6744",class:{"application-sidebar":!0,slotted:this.applicationSidebarSlotted},onClick:()=>this.onContentClick()},a("slot",{key:"10ddd10b40d68daacae0766af6fd35970a2e6792",name:"application-sidebar",onSlotchange:()=>this.applicationSidebarSlotted=c(this.applicationSidebarSlot)})),a("div",{key:"9174218df39d64bf2259041e113f42ecdde223b5",class:"content-area"},a("main",{key:"38e2510f631cb1e65fa407c8a5d763baf085a49e",class:"content",onClick:()=>this.onContentClick()},a("slot",{key:"c6217838be3d5367c530e5a4301e9571ff823304"})),a("footer",{key:"c6b419361dddd826a03bb74563d7ce3ac0d1ec10",class:"footer"},a("slot",{key:"51674410bb529c5733d665ef99213d25fc000dd0",name:"bottom"})))))}static get watchers(){return{forceBreakpoint:[{onForceBreakpointChange:0}],breakpoints:[{onBreakpointsChange:0}],theme:[{changeTheme:0}],colorSchema:[{changeColorSchema:0}],appSwitchConfig:[{onApplicationSidebarChange:0}],applicationSidebarSlotted:[{onApplicationSidebarChange:0}]}}};h.style=":host{display:flex;position:relative;width:100vw;height:100vh;flex-direction:column}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .application{display:flex;position:relative;flex-direction:row;height:100%;width:100%;overflow:hidden}:host .content-area{display:flex;position:relative;flex-direction:column;flex-wrap:nowrap;height:calc(100% - var(--ix-safe-area-inset-bottom, 0px));width:100%;margin-left:var(--ix-application-menu-margin-left);min-width:0}:host main{display:block;position:relative;flex-grow:1;width:100%;padding-bottom:var(--ix-safe-area-inset-bottom);overflow:auto}:host footer{display:block;position:relative;width:100%}:host(.breakpoint-md){--ix-application-menu-margin-left:calc( 3.25rem + var(--ix-application-menu-safe-area-left, 0rem) )}:host(.breakpoint-md) aside.slotted{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-md) aside.slotted+.content-area{margin-left:0}:host(.breakpoint-md) aside:not(.slotted)+.content-area{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-lg){--ix-application-menu-margin-left:0}:host(.breakpoint-sm){--ix-application-menu-margin-left:var( --ix-application-menu-safe-area-left, 0rem )}";export{h as ix_application}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as o,H as t}from"./p-EBgS4zhE.js";import{b as e}from"./p-3pidUFd-.js";import"./p-Djkc69iv.js";import"./p-6ZxKp7Jn.js";const a=class{constructor(o){r(this,o)}alignment="horizontal";render(){return o(t,{key:"66ac122a1578b7645271c21515ab100447035640",class:{[`alignment-${this.alignment}`]:!0},[e]:!0},o("div",{key:"5f5a73150f77fb39f7ef3b704bbecbde88c6fd5c",class:"footer-start"},o("slot",{key:"84e99847b724a2acf40417513820e23c9dc95fed",name:"start"})),o("div",{key:"95cf2bbf6ce27684c37974d64b3d4c36b8e60bd6",class:"footer-end"},o("slot",{key:"bb9ea5b049a7d6716cfcad5fc6a25bc5b59443c1"})))}};a.style=":host{display:flex;padding:0.75rem;justify-content:space-between;align-items:center;gap:0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .footer-start,:host .footer-end{display:flex;gap:0.5rem}:host(.alignment-vertical) .footer-end{flex-direction:column;width:100%}:host(.alignment-vertical) .footer-end ::slotted(*){width:100%}";export{a as ix_popover_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as
|
|
1
|
+
import{r as t,g as i,h as e,H as s}from"./p-EBgS4zhE.js";import{H as o}from"./p-C518yBiI.js";import{c as r,a as n}from"./p-yZFaEeBW.js";import"./p-DgUGsIlh.js";import"./p-C21npbUc.js";import"./p-XBTykBKS.js";const a=class{constructor(i){t(this,i)}get hostElement(){return i(this)}htmlFor;helperText;invalidText;validText;infoText;warningText;validationResults={isInfo:!1,isInvalid:!1,isValid:!1,isWarning:!1,isInvalidByRequired:!1};observer=new MutationObserver((()=>this.checkForRequired()));classObserver;connectedCallback(){this.observer.observe(window.document,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}componentWillRender(){this.checkForRequired()}async checkForRequired(){if(!this.htmlFor)return;const t=document.getElementById(this.htmlFor);t&&(this.classObserver&&this.classObserver.destroy(),this.classObserver=r(t,(()=>{this.validationResults=n(t)})),this.validationResults=n(t))}render(){return e(s,{key:"a38073cf4f6da8c8e91927cc14e194243c9f8acf"},e(o,{key:"aad82c0c2704ac0b491c3f53e0faa52033706318",helperText:this.helperText,invalidText:this.invalidText,validText:this.validText,infoText:this.infoText,warningText:this.warningText,...this.validationResults}))}};a.style=":host{display:block}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}";export{a as ix_helper_text}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,g as i,h as t,H as s}from"./p-
|
|
1
|
+
import{r as e,g as i,h as t,H as s}from"./p-EBgS4zhE.js";import{m as o}from"./p-Djkc69iv.js";import{H as r}from"./p-yZFaEeBW.js";import"./p-XBTykBKS.js";const a=class{constructor(i){e(this,i)}get hostElement(){return i(this)}helperText;label;direction="column";invalidText;infoText;validText;warningText;showTextAsTooltip=!1;required=!1;isInvalid=!1;isInfo=!1;isValid=!1;isWarning=!1;touched=!1;groupRef=o();get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("ix-checkbox"))}observer=new MutationObserver((()=>{this.checkForRequiredCheckbox()}));checkForRequiredCheckbox(){this.required=this.checkboxElements.some((e=>e.required))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.checkForRequiredCheckbox()}disconnectedCallback(){this.observer&&this.observer.disconnect()}onClassFieldUpdate({isInvalid:e,isInvalidByRequired:i,isInfo:t,isValid:s,isWarning:o}){this.isInvalid=e||i,this.isInfo=t,this.isValid=s,this.isWarning=o}isTouched(){return Promise.resolve(this.touched)}hasValidValue(){return Promise.resolve(this.checkboxElements.some((e=>e.checked)))}render(){return t(s,{key:"d6718d48f2596083126ff7d697c1defea55d5a03",ref:this.groupRef,onIxBlur:()=>this.touched=!0},t("ix-field-wrapper",{key:"dc0cdf907e3aed04ba33dd10802af6cad2621d58",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,validText:this.validText,warningText:this.warningText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isInfo:this.isInfo,isValid:this.isValid,isWarning:this.isWarning,controlRef:this.groupRef},t("div",{key:"95782aa76994a8867fa31a7f4ba3a5c5fa8811bb",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},t("slot",{key:"f0c035b2293f104bdd57bcebb392c2d9fdca9c56"}))))}};(function(e,i,t,s){var o,r=arguments.length,a=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(r<3?o(a):r>3?o(i,t,a):o(i,t))||a);r>3&&a&&Object.defineProperty(i,t,a)})([r({includeChildren:!0})],a.prototype,"onClassFieldUpdate",null),a.style=":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";export{a as ix_checkbox_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,g as o,d as i,h as a,H as s}from"./p-Ca5WUunf.js";import{e as n,f as r}from"./p-Cl7fhG1I.js";import{a as h}from"./p-B5k8YVR0.js";import{s as c}from"./p-BL9SR36X.js";import{a as d,A as l}from"./p-DuTDx0c-.js";import{g as p}from"./p-D_Hmobxf.js";import{m}from"./p-CgOv_MV_.js";import{h as f}from"./p-BIe8Nw9M.js";import{a as b}from"./p-4pTtJwcY.js";import"./p-CWlPNXA-.js";import"./p-CWshStHZ.js";const g=class{constructor(o){e(this,o),this.menuToggle=t(this,"menuToggle",7),this.openAppSwitch=t(this,"openAppSwitch",7)}get hostElement(){return o(this)}name;nameSuffix;companyLogo;companyLogoAlt;appIcon;appIconAlt;appIconOutline=!1;hideBottomBorder=!1;showMenu=!1;ariaLabelAppSwitchIconButton;ariaLabelMoreMenuIconButton;enableTopLayer=!1;menuToggle;openAppSwitch;breakpoint="lg";menuExpanded=!1;suppressResponsive=!1;hasSlottedLogo=!1;hasOverflowContextMenu=!1;hasSecondarySlotElements=!1;hasDefaultSlotElements=!1;hasOverflowSlotElements=!1;applicationLayoutContext;menuDisposable;modeDisposable;callbackUpdateAppSwitchModal;get contentBackground(){return this.hostElement.shadowRoot.querySelector(".dropdown-content")}componentWillLoad(){this.breakpoint=p(),d(this.hostElement,l,(e=>{this.breakpoint=b.breakpoint,this.applicationLayoutContext=e,this.tryUpdateAppSwitch()}),!0),this.menuDisposable=m.expandChange.on((e=>{this.menuExpanded=e})),this.modeDisposable=b.onChange.on((e=>{this.suppressResponsive||(this.breakpoint=e)})),this.updateHasSlotAssignedElementsStates()}componentDidLoad(){this.attachSiemensLogoIfLoaded()}disconnectedCallback(){this.menuDisposable?.dispose(),this.modeDisposable?.dispose()}watchApplicationLayoutContext(){this.applicationLayoutContext&&(this.showMenu=!1)}watchSuppressResponsive(){this.breakpoint="md"}watchBreakpoint(){this.updateHasSlotAssignedElementsStates()}checkLogoSlot(){const e=this.hostElement.shadowRoot.querySelector('slot[name="logo"]');if(void 0!==window.customElements.get("ix-siemens-logo"))return f(e);let t=e?.assignedElements({flatten:!0});return t=t?.filter((e=>"IX-SIEMENS-LOGO"!==e.tagName)),0!==t?.length}attachSiemensLogoIfLoaded(){if(!this.companyLogo&&!this.checkLogoSlot()){const e=document.createElement("ix-siemens-logo");e.slot="logo",this.hostElement.appendChild(e)}}async onMenuClick(){this.applicationLayoutContext?m.toggle():this.menuExpanded=!this.menuExpanded,this.menuToggle.emit(this.menuExpanded)}resolveContextMenuButton(){return new Promise((e=>i((()=>e(this.hostElement.shadowRoot.querySelector("[data-context-menu]"))))))}tryUpdateAppSwitch(){this.callbackUpdateAppSwitchModal&&this.applicationLayoutContext?.appSwitchConfig&&this.callbackUpdateAppSwitchModal(this.applicationLayoutContext?.appSwitchConfig)}async showAppSwitch(){const{defaultPrevented:e}=this.openAppSwitch.emit();e||this.applicationLayoutContext?.appSwitchConfig&&(this.callbackUpdateAppSwitchModal=await c(this.applicationLayoutContext?.appSwitchConfig))}updateHasSlotAssignedElementsStates(){const e=this.hostElement.shadowRoot.querySelector(".content slot:not([name])"),t=this.hostElement.shadowRoot.querySelector('.content slot[name="secondary"]'),o=this.hostElement.shadowRoot.querySelector('.content slot[name="overflow"]');this.hasDefaultSlotElements=f(e),this.hasSecondarySlotElements=f(t),this.hasOverflowSlotElements=f(o),this.hasOverflowContextMenu=this.hasOverflowSlotElements||"sm"===this.breakpoint&&(this.hasDefaultSlotElements||this.hasSecondarySlotElements)}onContentBgClick(e){e.target===this.contentBackground&&e.preventDefault()}render(){const e="sm"===this.breakpoint&&!1===this.suppressResponsive&&!!this.applicationLayoutContext,t=this.applicationLayoutContext?.appSwitchConfig&&"sm"!==this.breakpoint&&!1===this.suppressResponsive,o="sm"!==this.breakpoint&&!!this.companyLogo;return a(s,{key:"8fed428b8e6079dff2a3c69ad5a97e7b1da48a7d",class:{[`breakpoint-${this.breakpoint}`]:!0,"hide-bottom-border":this.hideBottomBorder},slot:"application-header",role:"banner"},a("div",{key:"c9931f63a7ce2f8c06180fef6cd76564f5e84bc3",class:"left-side"},this.appIcon&&"sm"!==this.breakpoint&&a("div",{key:"e4e7f62ff603a160a74009edbe46d85da8b8df24",class:{"app-icon":!0,"app-icon-outline":this.appIconOutline}},a("img",{key:"a7b010a88ea8b93fbea38641f35e75214046b6a4",src:this.appIcon,alt:this.appIconAlt})),(this.showMenu||e)&&a("ix-menu-expand-icon",{key:"3e43c1b426241634fbcec29977cd5ba2c5c1cd22",onClick:()=>this.onMenuClick(),expanded:this.menuExpanded}),t&&a("ix-icon-button",{key:"f4eac3d8a42b9a23b5e5cff11a7f161d9e70f862",onClick:()=>this.showAppSwitch(),icon:r,variant:"subtle-tertiary",class:{"app-switch":!0,"without-app-icon":!this.appIcon},"aria-label":this.ariaLabelAppSwitchIconButton}),o&&a("div",{key:"0175e0f1262be29c5d5f65e183f9b0a9e21725e8",class:"logo"},a("img",{key:"9e129c84639dafc6cec3c793b5f48e4fb7b620b7",src:this.companyLogo,alt:this.companyLogoAlt})),a("div",{key:"b37ed29a5e8e377792398fb3ef0c3f125b119466",class:{logo:!0,"hide-logo":!this.hasSlottedLogo}},a("slot",{key:"1e7a3194f242698d72387b48d62ecb36bee69fb4",name:"logo",onSlotchange:()=>this.hasSlottedLogo=this.checkLogoSlot()})),a("div",{key:"3a1ae9c9d1a16cb9cc9e51769111bcd99aefcbfd",class:"name"},a("ix-typography",{key:"97b6a6ff93405c7a58fed3e2d394b5036195b436",format:"body-lg",class:"application-name"},this.name),this.nameSuffix&&"sm"!==this.breakpoint&&a("ix-typography",{key:"2107bc8e68ac9eca564a17751f1cd81bbb7a1ad7",format:"body-xs",class:"application-name-suffix"},this.nameSuffix))),a("div",{key:"f05c6406ac65df92028fe176d90d31009417208f",class:{"right-side":!0,sm:"sm"===this.breakpoint}},"sm"!==this.breakpoint&&a("div",{key:"6d8b477d4cb2fc869dd77feef82547ad7fca1d23",class:"secondary"},a("slot",{key:"73f83d5dfbe63846383b6dacccbf9c22df63e035",name:"secondary"})),a("div",{key:"8fa09abb2a3e3082c753735b1b3766299edf62f0",class:"content"},"sm"!==this.breakpoint&&a("slot",{key:"4283447039f8f2bc64aa6b6ede2d5cbed6b15dee"}),a("ix-icon-button",{key:"cf681acd5e2135ce899ee755346218157e69f27e",class:{"context-menu":!0,"context-menu-visible":this.hasOverflowContextMenu},"data-context-menu":!0,"data-testid":"show-more",icon:n,variant:"subtle-tertiary","aria-label":this.ariaLabelMoreMenuIconButton,"aria-hidden":h(!this.hasOverflowContextMenu)}),a("ix-dropdown",{key:"a0acad2315685ae3adb6b76e889976ff841c2590","data-overflow-dropdown":!0,class:"dropdown",discoverAllSubmenus:!0,trigger:this.resolveContextMenuButton(),"aria-hidden":h(!this.hasOverflowContextMenu),enableTopLayer:this.enableTopLayer},a("div",{key:"1c028bdf68db43d9001dba949852c25281938e48",class:"dropdown-content",onClick:e=>this.onContentBgClick(e)},"sm"===this.breakpoint&&a("div",{key:"7366d4bfa3d68280fa24fbeeed4ba21be1b598cc",class:{"slot-content":!0,"slot-content-active":this.hasSecondarySlotElements}},a("slot",{key:"19dfaf11bac37b1130122cfd7289b51112c7796d",name:"secondary",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})),"sm"===this.breakpoint&&a("div",{key:"70fc852947963fc76d28ff07737d95ecc2751474",class:{"slot-content":!0,"slot-content-active":this.hasDefaultSlotElements}},a("slot",{key:"607ce94ee9c05f07281b921ef9da3c3417b8c99b",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})),a("div",{key:"223851bee394e67075ad931e54980b0c2691c98e",class:{"slot-content":!0,"slot-content-active":this.hasOverflowSlotElements}},a("slot",{key:"88e925666de5a68e6fca694cc0682954de30cd79",name:"overflow",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})))),a("slot",{key:"2806aac9e05a0d3b7fa423db8d19048950a936c5",name:"ix-application-header-avatar"}))))}static get watchers(){return{applicationLayoutContext:[{watchApplicationLayoutContext:0}],suppressResponsive:[{watchSuppressResponsive:0}],breakpoint:[{watchBreakpoint:0}]}}};g.style=":host{display:flex;flex-wrap:nowrap;align-items:end;justify-content:space-between;position:relative;width:100%;min-height:3rem;padding-top:var(--ix-safe-area-inset-top, 0rem);padding-right:calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));padding-left:calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color);z-index:var(--theme-z-index-fixed)}: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 .left-side,:host .right-side{display:flex;flex-direction:row;flex-wrap:nowrap;position:relative;align-items:center;min-width:0;min-height:3rem;height:100%}:host .left-side{flex:0 1 auto}:host .left-side .app-icon{display:block;position:relative;width:2rem;min-width:2rem;max-width:2rem;height:2rem;min-height:2rem;max-height:2rem}:host .left-side .app-icon.app-icon-outline{outline:1px solid var(--theme-app-header-app-icon--outline-color);border-radius:0.125rem}:host .left-side .app-icon img{position:relative;display:block;width:100%;height:100%;border-radius:0.125rem}:host .left-side .app-switch{margin:0 0.625rem}:host .left-side .app-switch.without-app-icon{margin-left:0px}:host .left-side .name{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-left:0.75rem;margin-right:0.75rem;color:var(--theme-app-header--color);min-width:0;gap:0.75rem;overflow:hidden}:host .left-side .application-name,:host .left-side .application-name-suffix{overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:nowrap}:host .left-side .application-name{flex:0 1 auto;min-width:0;flex-shrink:0;max-width:100%}:host .left-side .application-name-suffix{flex:1 1 auto;margin-top:0.4rem;min-width:0;flex-shrink:1;color:var(--theme-app-header-name-suffix--color)}:host .left-side .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color);margin-right:1rem;margin-left:1rem;min-width:-moz-fit-content;min-width:fit-content}:host .left-side .logo.hide-logo{display:none}:host .right-side{flex:1 1 auto;overflow:hidden;justify-content:space-between}:host .right-side .content,:host .right-side .secondary{display:flex;position:relative;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;height:100%}:host .right-side .content{min-width:-moz-max-content;min-width:max-content}:host .right-side .secondary{overflow:hidden}:host .right-side .dropdown{overflow:visible}:host .right-side .dropdown-content>.slot-content-active{padding:0.5rem 1.5rem 0.5rem 1.5rem;border-top:none}:host .right-side .dropdown-content .slot-content-active~.slot-content-active{border-top:1px solid var(--theme-color-x-weak-bdr)}:host .right-side .context-menu{display:none}:host .right-side .context-menu.context-menu-visible{display:block;margin-left:0.5rem}:host .right-side ::slotted(ix-avatar){margin-left:0.5rem}:host .right-side .primary-navigation{align-self:end}:host .right-side.sm{justify-content:end}@media only screen and (max-width: 48em){:host .logo{margin-left:0.5rem;display:none !important}:host .content,:host .secondary,:host .app-icon{display:none}}:host(.hide-bottom-border){border-bottom:none}";export{g as ix_application_header}
|
|
1
|
+
import{r as e,c as t,g as o,d as i,h as a,H as s}from"./p-EBgS4zhE.js";import{e as n,f as r}from"./p-DgUGsIlh.js";import{a as h}from"./p-C21npbUc.js";import{s as d}from"./p-BL9SR36X.js";import{a as c,A as l}from"./p-DuTDx0c-.js";import{g as p}from"./p-D_Hmobxf.js";import{m}from"./p-DT02jDB7.js";import{h as b}from"./p-BClJdFQP.js";import{a as f}from"./p-4pTtJwcY.js";import"./p-CWlPNXA-.js";import"./p-CWshStHZ.js";const g=class{constructor(o){e(this,o),this.menuToggle=t(this,"menuToggle",7),this.openAppSwitch=t(this,"openAppSwitch",7)}get hostElement(){return o(this)}name;nameSuffix;companyLogo;companyLogoAlt;appIcon;appIconAlt;appIconOutline=!1;hideBottomBorder=!1;showMenu=!1;ariaLabelAppSwitchIconButton;ariaLabelMoreMenuIconButton;enableTopLayer=!1;menuToggle;openAppSwitch;breakpoint="lg";menuExpanded=!1;suppressResponsive=!1;hasSlottedLogo=!1;hasOverflowContextMenu=!1;hasSecondarySlotElements=!1;hasDefaultSlotElements=!1;hasOverflowSlotElements=!1;applicationLayoutContext;menuDisposable;modeDisposable;callbackUpdateAppSwitchModal;get contentBackground(){return this.hostElement.shadowRoot.querySelector(".dropdown-content")}componentWillLoad(){this.breakpoint=p(),c(this.hostElement,l,(e=>{this.breakpoint=f.breakpoint,this.applicationLayoutContext=e,this.tryUpdateAppSwitch()}),!0),this.menuDisposable=m.expandChange.on((e=>{this.menuExpanded=e})),this.modeDisposable=f.onChange.on((e=>{this.suppressResponsive||(this.breakpoint=e)})),this.updateHasSlotAssignedElementsStates()}componentDidLoad(){this.attachSiemensLogoIfLoaded()}disconnectedCallback(){this.menuDisposable?.dispose(),this.modeDisposable?.dispose()}watchApplicationLayoutContext(){this.applicationLayoutContext&&(this.showMenu=!1)}watchSuppressResponsive(){this.breakpoint="md"}watchBreakpoint(){this.updateHasSlotAssignedElementsStates()}checkLogoSlot(){const e=this.hostElement.shadowRoot.querySelector('slot[name="logo"]');if(void 0!==window.customElements.get("ix-siemens-logo"))return b(e);let t=e?.assignedElements({flatten:!0});return t=t?.filter((e=>"IX-SIEMENS-LOGO"!==e.tagName)),0!==t?.length}attachSiemensLogoIfLoaded(){if(!this.companyLogo&&!this.checkLogoSlot()){const e=document.createElement("ix-siemens-logo");e.slot="logo",this.hostElement.appendChild(e)}}async onMenuClick(){this.applicationLayoutContext?m.toggle():this.menuExpanded=!this.menuExpanded,this.menuToggle.emit(this.menuExpanded)}resolveContextMenuButton(){return new Promise((e=>i((()=>e(this.hostElement.shadowRoot.querySelector("[data-context-menu]"))))))}tryUpdateAppSwitch(){this.callbackUpdateAppSwitchModal&&this.applicationLayoutContext?.appSwitchConfig&&this.callbackUpdateAppSwitchModal(this.applicationLayoutContext?.appSwitchConfig)}async showAppSwitch(){const{defaultPrevented:e}=this.openAppSwitch.emit();e||this.applicationLayoutContext?.appSwitchConfig&&(this.callbackUpdateAppSwitchModal=await d(this.applicationLayoutContext?.appSwitchConfig))}updateHasSlotAssignedElementsStates(){const e=this.hostElement.shadowRoot.querySelector(".content slot:not([name])"),t=this.hostElement.shadowRoot.querySelector('.content slot[name="secondary"]'),o=this.hostElement.shadowRoot.querySelector('.content slot[name="overflow"]');this.hasDefaultSlotElements=b(e),this.hasSecondarySlotElements=b(t),this.hasOverflowSlotElements=b(o),this.hasOverflowContextMenu=this.hasOverflowSlotElements||"sm"===this.breakpoint&&(this.hasDefaultSlotElements||this.hasSecondarySlotElements)}onContentBgClick(e){e.target===this.contentBackground&&e.preventDefault()}render(){const e="sm"===this.breakpoint&&!1===this.suppressResponsive&&!!this.applicationLayoutContext,t=this.applicationLayoutContext?.appSwitchConfig&&"sm"!==this.breakpoint&&!1===this.suppressResponsive,o="sm"!==this.breakpoint&&!!this.companyLogo;return a(s,{key:"e748601f8379536c62fe20edf48634ec7373fdbe",class:{[`breakpoint-${this.breakpoint}`]:!0,"hide-bottom-border":this.hideBottomBorder},slot:"application-header",role:"banner"},a("div",{key:"0153872edf217449e8b7ac4eaad0b7304e44f171",class:"left-side"},this.appIcon&&"sm"!==this.breakpoint&&a("div",{key:"4934436922dca879c5ecbd8fd19379000fcea7be",class:{"app-icon":!0,"app-icon-outline":this.appIconOutline}},a("img",{key:"c253d49a3a37507daace6db886c33e899c3de9be",src:this.appIcon,alt:this.appIconAlt})),(this.showMenu||e)&&a("ix-menu-expand-icon",{key:"e4bcdb607e5f50873f0f90bc6a1bad167d8b6cbf",onClick:()=>this.onMenuClick(),expanded:this.menuExpanded}),t&&a("ix-icon-button",{key:"6de3d4401ecd71c97b0008bb8bf4142ee68aa3ac",onClick:()=>this.showAppSwitch(),icon:r,variant:"subtle-tertiary",class:{"app-switch":!0,"without-app-icon":!this.appIcon},"aria-label":this.ariaLabelAppSwitchIconButton}),o&&a("div",{key:"549e18052627c090a6ac795276cbb5ca3d44d3a4",class:"logo"},a("img",{key:"89a662b47ae47e1e2a59065bf67f9abae02aa337",src:this.companyLogo,alt:this.companyLogoAlt})),a("div",{key:"a1f5332a2abc48f3e33fff59d3b1d512b1babab7",class:{logo:!0,"hide-logo":!this.hasSlottedLogo}},a("slot",{key:"d7961a13bcd1939607fc164f38b8a037838c3546",name:"logo",onSlotchange:()=>this.hasSlottedLogo=this.checkLogoSlot()})),a("div",{key:"d8824ebba9f3e8c938581d8bc4e822383a014cd4",class:"name"},a("ix-typography",{key:"e9add4d68d6fb7748d3f660cafea9651512c06b0",format:"body-lg",class:"application-name"},this.name),this.nameSuffix&&"sm"!==this.breakpoint&&a("ix-typography",{key:"a4ff0de3510e4466b03818f4cf486e2cf6cf81fa",format:"body-xs",class:"application-name-suffix"},this.nameSuffix))),a("div",{key:"bace1c6516c55779fb03b24fa17f951d5fbd3380",class:{"right-side":!0,sm:"sm"===this.breakpoint}},"sm"!==this.breakpoint&&a("div",{key:"a16cd7e3894c90e3914f1914b4f01b755f86e8f2",class:"secondary"},a("slot",{key:"46dab9c71d01179bab155b26d74318f5aeac914d",name:"secondary"})),a("div",{key:"5bb2ff0dc16081eb95ad3d2261215b9c91c44591",class:"content"},"sm"!==this.breakpoint&&a("slot",{key:"652934ebe4966258b5574275f130c8ff3c108320"}),a("ix-icon-button",{key:"e43e93204884512375a5e3aa58f8942d5ffadabd",class:{"context-menu":!0,"context-menu-visible":this.hasOverflowContextMenu},"data-context-menu":!0,"data-testid":"show-more",icon:n,variant:"subtle-tertiary","aria-label":this.ariaLabelMoreMenuIconButton,"aria-hidden":h(!this.hasOverflowContextMenu)}),a("ix-dropdown",{key:"40504c3b1da650adfac72d3b599dc76826f87db3","data-overflow-dropdown":!0,class:"dropdown",discoverAllSubmenus:!0,trigger:this.resolveContextMenuButton(),"aria-hidden":h(!this.hasOverflowContextMenu),enableTopLayer:this.enableTopLayer},a("div",{key:"32354b88745e7d3abc82092508d7e239dc7cdd08",class:"dropdown-content",onClick:e=>this.onContentBgClick(e)},"sm"===this.breakpoint&&a("div",{key:"fbb40a8a3fc271d790e777e14bd0d761a2ffa9c2",class:{"slot-content":!0,"slot-content-active":this.hasSecondarySlotElements}},a("slot",{key:"8810899a0a8af80c84cbd9ea850571f851133dd1",name:"secondary",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})),"sm"===this.breakpoint&&a("div",{key:"29ab95c0abfae49bfcef966e8d886989c5913667",class:{"slot-content":!0,"slot-content-active":this.hasDefaultSlotElements}},a("slot",{key:"1ba46d784afe0ec5cdc13dee3a428b78c8d8ad45",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})),a("div",{key:"426357c44559b9f8e262d327f3f9e9293c3dfdee",class:{"slot-content":!0,"slot-content-active":this.hasOverflowSlotElements}},a("slot",{key:"caa7b3ba3108478d3b50c2a67d33f844f66b9891",name:"overflow",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})))),a("slot",{key:"3816f891d0c7980680d61acd9828e90e01b84e33",name:"ix-application-header-avatar"}))))}static get watchers(){return{applicationLayoutContext:[{watchApplicationLayoutContext:0}],suppressResponsive:[{watchSuppressResponsive:0}],breakpoint:[{watchBreakpoint:0}]}}};g.style=":host{display:flex;flex-wrap:nowrap;align-items:end;justify-content:space-between;position:relative;width:100%;min-height:3rem;padding-top:var(--ix-safe-area-inset-top, 0rem);padding-right:calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));padding-left:calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color);z-index:var(--theme-z-index-fixed)}: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 .left-side,:host .right-side{display:flex;flex-direction:row;flex-wrap:nowrap;position:relative;align-items:center;min-width:0;min-height:3rem;height:100%}:host .left-side{flex:0 1 auto}:host .left-side .app-icon{display:block;position:relative;width:2rem;min-width:2rem;max-width:2rem;height:2rem;min-height:2rem;max-height:2rem}:host .left-side .app-icon.app-icon-outline{outline:1px solid var(--theme-app-header-app-icon--outline-color);border-radius:0.125rem}:host .left-side .app-icon img{position:relative;display:block;width:100%;height:100%;border-radius:0.125rem}:host .left-side .app-switch{margin:0 0.625rem}:host .left-side .app-switch.without-app-icon{margin-left:0px}:host .left-side .name{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-left:0.75rem;margin-right:0.75rem;color:var(--theme-app-header--color);min-width:0;gap:0.75rem;overflow:hidden}:host .left-side .application-name,:host .left-side .application-name-suffix{overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:nowrap}:host .left-side .application-name{flex:0 1 auto;min-width:0;flex-shrink:0;max-width:100%}:host .left-side .application-name-suffix{flex:1 1 auto;margin-top:0.4rem;min-width:0;flex-shrink:1;color:var(--theme-app-header-name-suffix--color)}:host .left-side .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color);margin-right:1rem;margin-left:1rem;min-width:-moz-fit-content;min-width:fit-content}:host .left-side .logo.hide-logo{display:none}:host .right-side{flex:1 1 auto;overflow:hidden;justify-content:space-between}:host .right-side .content,:host .right-side .secondary{display:flex;position:relative;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;height:100%}:host .right-side .content{min-width:-moz-max-content;min-width:max-content}:host .right-side .secondary{overflow:hidden}:host .right-side .dropdown{overflow:visible}:host .right-side .dropdown-content>.slot-content-active{padding:0.5rem 1.5rem 0.5rem 1.5rem;border-top:none}:host .right-side .dropdown-content .slot-content-active~.slot-content-active{border-top:1px solid var(--theme-color-x-weak-bdr)}:host .right-side .context-menu{display:none}:host .right-side .context-menu.context-menu-visible{display:block;margin-left:0.5rem}:host .right-side ::slotted(ix-avatar){margin-left:0.5rem}:host .right-side .primary-navigation{align-self:end}:host .right-side.sm{justify-content:end}@media only screen and (max-width: 48em){:host .logo{margin-left:0.5rem;display:none !important}:host .content,:host .secondary,:host .app-icon{display:none}}:host(.hide-bottom-border){border-bottom:none}";export{g as ix_application_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,H as c}from"./p-EBgS4zhE.js";const e=class{constructor(s){t(this,s)}contentVisible=!1;render(){return s(c,{key:"2db68ac6c4947fe4f53b7764f0dcc3b6e990f668"},this.contentVisible?s("slot",null):null)}};e.style=":host{display:block}";export{e as ix_flip_tile_content}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as e,r as a,c as t,h as s,H as c}from"./p-EBgS4zhE.js";import{B as l}from"./p-B0y5hnj5.js";const n=class extends(e(l)){constructor(e){super(),a(this,e),this.labelChange=t(this,"labelChange",7)}label;labelChange;watchLabel(e,a){this.labelChange.emit({name:"ix-menu-settings-item",oldLabel:a,newLabel:e})}render(){return s(c,{key:"fa1bed6ac28c778764d18f1074f77aa172501927"},s("ix-tab-panel",{key:"7a2e3342ffb372598f84c7d11310c178dac6c455",tabKey:this.tabKey},s("slot",{key:"94818c886c66864c067b6ac3a079c6938c87d6f4"})))}static get watchers(){return{label:[{watchLabel:0}]}}};export{n as ix_menu_settings_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as r,r as e,g as t,F as o,H as i}from"./p-
|
|
1
|
+
import{h as r,r as e,g as t,F as o,H as i}from"./p-EBgS4zhE.js";import{K as s,a,c,d as n,b as l}from"./p-DgUGsIlh.js";function h({value:e,status:t}){return r("div",{class:`linear-progress-container ${t}`},r("div",{class:"progress",role:"progressbar","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100},r("div",{class:{"progress-bar":!0},style:{width:`${e}%`},"data-value":e})))}const g=(e,t)=>{const{value:o,size:i,alignment:s}=e,a=function(r){switch(r){case"xs":return 16;case"sm":return 24;case"md":default:return 32;case"lg":return 48;case"xl":return 64}}(i),c=a/2,n=2*Math.PI*c,l=Math.round(n*((100-o)/100)),h="lg"===i||"xl"===i;return r("div",{class:{"circular-progress-container":!0,[`align-${s}`]:!!s,[e.status]:!0}},r("svg",{width:a,height:a,viewBox:`-${.125*a} -${.125*a} ${1.25*a} ${1.25*a}`,version:"1.1",xmlns:"http://www.w3.org/2000/svg",style:{transform:"rotate(-90deg)"}},r("circle",{r:c,cx:c,cy:c,fill:"transparent",stroke:"var(--ix-progress-indicator-track-color)","stroke-width":"3px"}),l>0&&r("circle",{r:c,cx:c,cy:c,stroke:"var(--ix-progress-indicator-color)","stroke-width":"3px","stroke-dashoffset":`${l}px`,fill:"transparent","stroke-dasharray":`${n}px`}),r("foreignObject",{x:"0px",y:"0px",width:`${a}px`,height:`${a}px`,style:{transform:`rotate(90deg) translate(0px, -${a}px)`}},h&&r("div",{class:"slotted-container slotted-container-inside"},t))),!h&&r("div",{class:"slotted-container"},t))},p=class{constructor(r){e(this,r)}get hostElement(){return t(this)}type="linear";size="md";value=0;min=0;max=100;status="default";label;helperText;textAlignment="left";showTextAsTooltip=!1;getHelperText(){let e=null;switch(this.status){case"error":e=l;break;case"info":e=n;break;case"warning":e=c;break;case"success":e=a;break;case"paused":e=s;break;default:e=null}return this.helperText?r("div",{class:{"helper-text":!0,[this.status]:!0}},e&&r("ix-icon",{name:e,size:"16"}),r("div",{class:{text:!0,"align-left":"left"===this.textAlignment,"align-center":"center"===this.textAlignment,"align-right":"right"===this.textAlignment}},this.helperText),r("slot",{name:"helper-text"})):r("slot",{name:"helper-text"})}render(){const e=Math.max(0,Math.min((this.value-this.min)/(this.max-this.min)*100,100));return r(i,{key:"a0fda23f6a532303c9995fbf7815bfec062a14ab",class:{linear:"linear"===this.type,circular:"circular"===this.type},tabIndex:-1},r("div",{key:"e02e07ba370860bfe2be7ce663b78c4cf71f12c3",class:{"progress-indicator":!0,[this.size]:!0,[this.status]:!0,"text-center":"center"===this.textAlignment,"text-left":"left"===this.textAlignment,"text-right":"right"===this.textAlignment}},this.label&&r("ix-typography",{key:"d9789ab69c7879fcaf0142fc5751162c5b7b2106",format:"label",textColor:"error"===this.status?"alarm":"soft",class:"label"},this.label),r("div",{key:"7c10251bb3f06e02985df158da20d539ec23c4d2",class:"progress-container"},"linear"===this.type?r(o,null,r(h,{value:e,status:this.status}),r("div",{class:"linear-slot"},r("slot",null))):r(g,{status:this.status,alignment:this.textAlignment,value:e,size:this.size},r("slot",null))),!0===this.showTextAsTooltip&&this.helperText?r("ix-tooltip",{for:this.hostElement,showDelay:500,placement:"bottom"},this.getHelperText()):this.getHelperText()))}};p.style=":host{display:block;position:relative;width:24rem;height:-moz-fit-content;height:fit-content}:host .progress-container{display:flex;width:100%;align-items:center;gap:0.25rem;flex-wrap:nowrap}:host .label{margin:0.5rem 0 0.25rem 0}:host .helper-text{display:flex;align-items:center;margin:0.25rem 0px;gap:0.25rem;color:var(--theme-progress-indicator-helper--color)}:host .helper-text ix-icon{margin:0.125rem;color:var(--theme-progress-indicator-helper-icon--color)}:host .helper-text.success{color:var(--theme-progress-indicator-helper-success--color)}:host .helper-text.success ix-icon{color:var(--theme-progress-indicator-helper-icon-success--color)}:host .helper-text.error{color:var(--theme-progress-indicator-helper-error--color)}:host .helper-text.error ix-icon{color:var(--theme-progress-indicator-helper-icon-error--color)}:host .helper-text.info{color:var(--theme-progress-indicator-helper-info--color)}:host .helper-text.info ix-icon{color:var(--theme-progress-indicator-helper-icon-info--color)}:host .helper-text.warning{color:var(--theme-progress-indicator-helper-warning--color)}:host .helper-text.warning ix-icon{color:var(--theme-progress-indicator-helper-icon-warning--color)}:host .helper-text.paused{color:var(--theme-progress-indicator-helper-paused--color)}:host .helper-text.paused ix-icon{color:var(--theme-progress-indicator-helper-icon-paused--color)}:host .helper-text .text.align-left{text-align:start}:host .helper-text .text.align-right{text-align:end}:host .helper-text .text.align-center{text-align:center}:host .progress-indicator{display:flex;flex-direction:column}:host .progress-indicator.text-center{align-items:center}:host .progress-indicator.text-left{align-items:flex-start}:host .progress-indicator.text-right{align-items:flex-end}:host .progress-indicator{--ix-progress-indicator-margin:0.5rem 0;height:100%}:host .progress-indicator.xs{--ix-progress-indicator-height:0.125rem;--ix-progress-indicator-margin:0.25rem 0}:host .progress-indicator.sm{--ix-progress-indicator-height:0.25rem;--ix-progress-indicator-margin:0.375rem 0}:host .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host .progress-indicator{--ix-progress-indicator-color:var( --theme-progress-indicator-fill--background )}:host .progress-indicator.success{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-success--background )}:host .progress-indicator.error{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-error--background )}:host .progress-indicator.info{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-info--background )}:host .progress-indicator.warning{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-warning--background )}:host .progress-indicator.paused{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-paused--background )}:host(.linear) .progress-indicator.xs{--ix-progress-indicator-height:0.125rem}:host(.linear) .progress-indicator.sm{--ix-progress-indicator-height:0.25rem}:host(.linear) .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host(.linear) .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host(.linear) .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host(.linear) .linear-progress-container{width:100%;height:var(--ix-progress-indicator-height);background-color:var(--theme-progress-indicator-track--background);border-radius:2px;overflow:hidden;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.linear) .linear-progress-container.success{background-color:var(--theme-progress-indicator-track-success--background)}:host(.linear) .linear-progress-container.error{background-color:var(--theme-progress-indicator-track-error--background)}:host(.linear) .linear-progress-container.info{background-color:var(--theme-progress-indicator-track-info--background)}:host(.linear) .linear-progress-container.warning{background-color:var(--theme-progress-indicator-track-warning--background)}:host(.linear) .linear-progress-container.paused{background-color:var(--theme-progress-indicator-track-paused--background)}:host(.linear) .progress{width:100%;height:100%;position:relative}:host(.linear) .progress-bar{height:100%;background-color:var(--ix-progress-indicator-color);transition:width 0.3s ease}:host(.linear) .linear-slot{min-width:2.25rem}:host(.circular) .circular-progress-container{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track--background );display:flex;align-items:center;width:100%;gap:0.25rem;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.circular) .circular-progress-container.align-left{justify-content:flex-start}:host(.circular) .circular-progress-container.align-center{justify-content:center}:host(.circular) .circular-progress-container.align-right{justify-content:flex-end}:host(.circular) .circular-progress-container.success{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-success--background )}:host(.circular) .circular-progress-container.error{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-error--background )}:host(.circular) .circular-progress-container.info{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-info--background )}:host(.circular) .circular-progress-container.warning{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-warning--background )}:host(.circular) .circular-progress-container.paused{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-paused--background )}:host(.circular) .slotted-container{height:100%}:host(.circular) .slotted-container.slotted-container-inside{display:flex;align-items:center;justify-content:center;width:100%;height:100%}";export{p as ix_progress_indicator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{M as t,r as e,g as r,h as
|
|
1
|
+
import{M as t,r as e,g as r,h as s,H as i}from"./p-EBgS4zhE.js";import{L as o}from"./p-DgUGsIlh.js";import{i as a,a as n}from"./p-XBTykBKS.js";import{D as l,h}from"./p-BWgttsqY.js";import{r as c}from"./p-BEuV0Xpe.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const d=class extends(t(...l)){constructor(t){super(),e(this,t)}get hostElement(){return r(this)}type;hideArrow=!1;observeElements;hasLabel=!1;elements;warnInDev(t,e){}componentWillLoad(){this.observeElements=new MutationObserver((()=>{this.validateRangeElements()})),this.observeElements.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.validateRangeElements()}disconnectedCallback(){this.observeElements?.disconnect()}validateRangeElements(){if(!this.type)throw new Error("Input range type is not specified.");const t=this.hostElement?.children;if(!t)return;if(2!==t?.length)throw new Error("Input range must have exactly two child elements.");let e=!1;if("time-range"===this.type?e=Array.from(t).every((t=>"ix-time-input"===t.tagName.toLowerCase())):"date-range"===this.type?e=Array.from(t).every((t=>"ix-date-input"===t.tagName.toLowerCase())):"datetime-range"===this.type&&(e=Array.from(t).every((t=>"ix-datetime-input"===t.tagName.toLowerCase()))),!e)throw new Error(`Input range elements are not valid for the specified type (type=${this.type}). Current elements: ${Array.from(t).map((t=>t.tagName.toLowerCase())).join(", ")}`);this.elements=Array.from(t),this.hasLabel=this.elements.some((t=>!!t.label)),this.hasLabel&&this.elements.forEach((t=>{t.label?t.classList.remove("fallback-label-margin"):t.classList.add("fallback-label-margin")}))}async onValueChange(t){if(!this.elements)return;const[e,r]=this.elements;if(h())return;if(!t.detail||t.target!==e)return;if(!a(e))return void this.warnInDev("First element is not an input field component.",e);if(!a(r))return void this.warnInDev("Second element is not an input field component.",r);const s=await r.getNativeInputElement();s?.focus(),n(r)?c((()=>r.openPicker())):this.warnInDev("Second element is not an input field with picker component.",r)}render(){return s(i,{key:"b0f8679efb64c79cb0896f4f6da02360cb712fd0",class:{"hide-arrow":this.hideArrow},role:"group"},!this.hideArrow&&s("ix-icon",{key:"ca058c6a86cc66f47a558e96cc0119041b02e603","aria-hidden":"true",class:{"range-delimiter":!0,"has-label":this.hasLabel},name:o}),s("slot",{key:"18e92d8e65c9fd215734fe0702b4728070d9e3d9"}))}};d.style=":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{display:inline-flex;position:relative;gap:0.25rem}:host .range-delimiter{order:2;flex:0 0 auto;margin-top:0.25rem}:host .range-delimiter.has-label{margin-top:2rem}:host ::slotted(:first-child),:host ::slotted(:last-child){flex:1 1 0;min-width:0}:host ::slotted(:first-child){order:1}:host ::slotted(:last-child){order:3}:host ::slotted(.fallback-label-margin){margin-top:1.8rem}:host(.hide-arrow){gap:0.5rem}";export{d as ix_range_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{M as t,r as e,c as r,g as o,h as i,H as s}from"./p-Ca5WUunf.js";import{p as a}from"./p-Cl7fhG1I.js";import{D as n}from"./p-D1WplX1z.js";import{D as d,h as l}from"./p-Dl_bUxb7.js";import{m as c}from"./p-Djkc69iv.js";import{r as h}from"./p-BEuV0Xpe.js";import{B as b}from"./p-DzWThpzp.js";import{b as u,a as m}from"./p-B5k8YVR0.js";import{T as g}from"./p-GLcPX9PU.js";import"./p-DnaItyVQ.js";import"./p-BIe8Nw9M.js";const p=class extends(t(...d)){constructor(t){super(),e(this,t),this.dateRangeChange=r(this,"dateRangeChange",7)}get hostElement(){return o(this)}disabled=!1;format="yyyy/LL/dd";singleSelection=!1;from="";to="";minDate="";maxDate="";dateRangeId="custom";variant="primary";loading=!1;showWeekNumbers=!1;onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId),this.updateCurrentDate(),this.setDateRangeSelection(this.dateRangeId),this.currentRangeValue&&this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}dateRangeOptions=[];onDateRangeOptionsChange(){this.initialize(),this.onDateRangeIdChange()}locale;weekStartIndex=0;i18nDone="Done";i18nNoRange="No range set";today=n.now().toISO();enableTopLayer=!1;dateRangeChange;selectedDateRangeId="";currentRangeValue;show=!1;triggerRef=c();onDisabledChange(){this.disabled&&this.closeDropdown()}datePickerRef=c();inheritAriaAttributes={};componentWillLoad(){this.initialize(),this.setDateRangeSelection(this.dateRangeId),this.inheritAriaAttributes=u(this.hostElement)}async getDateRange(){return this.currentRangeValue||{id:"",from:"",to:""}}initialize(){const t="custom"===this.dateRangeId||!this.dateRangeId&&!!this.from&&!!this.to;return t?(this.selectedDateRangeId="custom",void this.updateCurrentDate()):t||this.from?(console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".'),this.selectedDateRangeId="custom",void this.updateCurrentDate()):void 0}updateCurrentDate(){this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to}}onDateSelect(t){this.dateRangeChange.emit(t)}onRangeListSelect(t){this.setDateRangeSelection(t)&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue)}setDateRangeSelection(t){this.selectedDateRangeId=t;const e=this.dateRangeOptions.find((e=>e.id===t));if(e)if(e.from&&e?.from===this.currentRangeValue?.from){const t=n.fromFormat(e.from,this.format);this.datePickerRef.current?.updateSelectedYearMonth(t)}else this.currentRangeValue=e;return e}closeDropdown(){const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");t&&(t.show=!1)}getButtonLabel(){if(this.currentRangeValue?.from){let t=this.currentRangeValue.from;return this.currentRangeValue.to===this.currentRangeValue.from||this.currentRangeValue.to&&(t+=` - ${this.currentRangeValue.to}`),t}return this.i18nNoRange}render(){const t=this.inheritAriaAttributes["aria-label"]||this.getButtonLabel();return i(s,{key:"04bd340613c20abbe3b836dab11637d7991fd295",onFocusout:t=>{t.relatedTarget&&this.closeDropdown()},role:"presentation"},i("ix-button",{key:"a95f89b7d276e96aebd318e2d8ca100d113d599a","data-testid":"date-dropdown-trigger","data-date-dropdown-trigger":!0,variant:this.variant,loading:this.loading,icon:a,ref:this.triggerRef,disabled:this.disabled,...this.inheritAriaAttributes,"aria-haspopup":"true","aria-expanded":m(this.show),"aria-controls":"date-dropdown","aria-label":t,[g]:!0},this.getButtonLabel()),i("ix-dropdown",{key:"45614c12ee610cda3ddf8cbc740a0df76ed33cc0",focusTrapOptions:{excludeElements:!0,trapFocusInShadowDom:!0},focusHost:this.hostElement,id:"date-dropdown","data-testid":"date-dropdown","data-date-dropdown":!0,class:"min-width max-height",trigger:this.triggerRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,onShowChanged:async({detail:t})=>{this.show=t,!t&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue),t&&l()&&h((()=>{const t=this.datePickerRef.current;t?.focus()}))}},i("div",{key:"074b28feb93dea7482763f380870b0755a752419",class:"container"},this.dateRangeOptions?.length>1&&i("div",{key:"25983a11b1ac61f12b4bbd140871bae70b3a813f",class:{"quick-selection":!0,"border-right":"custom"===this.selectedDateRangeId}},this.dateRangeOptions.map((t=>i(b,{disabled:!1,iconOnly:!1,iconOval:!1,selected:!1,loading:!1,type:"button",variant:"subtle-tertiary",onClick:()=>this.onRangeListSelect(t.id),ariaAttributes:{"aria-label":`${t.label}: ${t.from} to ${t.to}`}},t.label)))),i("div",{key:"1090e03e941d7a3914e3d4e3f3850bebe195f2ec",class:"picker-wrapper"},i("ix-date-picker",{key:"fd864d0454c857db7016e3d2ed9322617fbc79eb",ref:this.datePickerRef,embedded:!0,locale:this.locale,onDateChange:t=>{t.stopPropagation(),this.currentRangeValue={...t.detail,id:"custom"}},onDateRangeChange:t=>t.stopPropagation(),format:this.format,singleSelection:this.singleSelection,from:this.from||this.currentRangeValue?.from,to:this.to||this.currentRangeValue?.to,minDate:this.minDate,maxDate:this.maxDate,today:this.today,weekStartIndex:this.weekStartIndex,showWeekNumbers:this.showWeekNumbers}),i("div",{key:"bdd9ca166ed48d1e0599e5e9b0da38ac6f3c1b18",class:"pull-right"},i("ix-button",{key:"3fd556de5401f53c83804665669c0c9f42ce6821",onClick:()=>{this.currentRangeValue&&(this.onDateSelect(this.currentRangeValue),this.closeDropdown())}},this.i18nDone))))))}static get watchers(){return{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}}};p.style=":host{display:inline-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}:host .pull-right{position:relative;float:right;padding:1rem}:host .quick-selection{display:inline-flex;flex-direction:column;gap:0.25rem;border-right:var(--theme-x-weak-bdr-1);overflow:auto;padding:0.5rem}:host .quick-selection ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .quick-selection *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .quick-selection ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .quick-selection ::-webkit-scrollbar-corner{display:none}:host .quick-selection .btn{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:0 0.5rem;min-width:8rem;min-height:2rem;max-height:2rem;justify-content:flex-start}:host .quick-selection .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .quick-selection .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 .quick-selection .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 .quick-selection .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .quick-selection .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 .container{display:flex;flex-direction:row;height:25rem;max-height:25rem;flex-wrap:nowrap}:host .picker-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}:host .picker-wrapper ix-date-picker{height:21rem}:host ix-dropdown{padding:0px}@media only screen and (max-width: 48em){:host .container{flex-direction:column;max-height:unset;height:unset}:host .quick-selection{max-height:12rem}}";export{p as ix_date_dropdown}
|
|
1
|
+
import{M as t,r as e,c as r,g as o,h as i,H as s}from"./p-EBgS4zhE.js";import{p as a}from"./p-DgUGsIlh.js";import{D as n}from"./p-D1WplX1z.js";import{D as d,h as l}from"./p-BWgttsqY.js";import{m as c}from"./p-Djkc69iv.js";import{r as h}from"./p-BEuV0Xpe.js";import{B as b}from"./p-HpQs38Y0.js";import{b as u,a as m}from"./p-C21npbUc.js";import{T as g}from"./p-3pidUFd-.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const p=class extends(t(...d)){constructor(t){super(),e(this,t),this.dateRangeChange=r(this,"dateRangeChange",7)}get hostElement(){return o(this)}disabled=!1;format="yyyy/LL/dd";singleSelection=!1;from="";to="";minDate="";maxDate="";dateRangeId="custom";variant="primary";loading=!1;showWeekNumbers=!1;onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId),this.updateCurrentDate(),this.setDateRangeSelection(this.dateRangeId),this.currentRangeValue&&this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}dateRangeOptions=[];onDateRangeOptionsChange(){this.initialize(),this.onDateRangeIdChange()}locale;weekStartIndex=0;i18nDone="Done";i18nNoRange="No range set";today=n.now().toISO();enableTopLayer=!1;dateRangeChange;selectedDateRangeId="";currentRangeValue;show=!1;triggerRef=c();onDisabledChange(){this.disabled&&this.closeDropdown()}datePickerRef=c();inheritAriaAttributes={};componentWillLoad(){this.initialize(),this.setDateRangeSelection(this.dateRangeId),this.inheritAriaAttributes=u(this.hostElement)}async getDateRange(){return this.currentRangeValue||{id:"",from:"",to:""}}initialize(){const t="custom"===this.dateRangeId||!this.dateRangeId&&!!this.from&&!!this.to;return t?(this.selectedDateRangeId="custom",void this.updateCurrentDate()):t||this.from?(console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".'),this.selectedDateRangeId="custom",void this.updateCurrentDate()):void 0}updateCurrentDate(){this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to}}onDateSelect(t){this.dateRangeChange.emit(t)}onRangeListSelect(t){this.setDateRangeSelection(t)&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue)}setDateRangeSelection(t){this.selectedDateRangeId=t;const e=this.dateRangeOptions.find((e=>e.id===t));if(e)if(e.from&&e?.from===this.currentRangeValue?.from){const t=n.fromFormat(e.from,this.format);this.datePickerRef.current?.updateSelectedYearMonth(t)}else this.currentRangeValue=e;return e}closeDropdown(){const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");t&&(t.show=!1)}getButtonLabel(){if(this.currentRangeValue?.from){let t=this.currentRangeValue.from;return this.currentRangeValue.to===this.currentRangeValue.from||this.currentRangeValue.to&&(t+=` - ${this.currentRangeValue.to}`),t}return this.i18nNoRange}render(){const t=this.inheritAriaAttributes["aria-label"]||this.getButtonLabel();return i(s,{key:"22f023b7eebe6aeb1d1fb43e6fd9fca761fbb654",onFocusout:t=>{t.relatedTarget&&this.closeDropdown()},role:"presentation"},i("ix-button",{key:"79990d758b39d7f8438d7333f1c148f94665f157","data-testid":"date-dropdown-trigger","data-date-dropdown-trigger":!0,variant:this.variant,loading:this.loading,icon:a,ref:this.triggerRef,disabled:this.disabled,...this.inheritAriaAttributes,"aria-haspopup":"true","aria-expanded":m(this.show),"aria-controls":"date-dropdown","aria-label":t,[g]:!0},this.getButtonLabel()),i("ix-dropdown",{key:"04df9639b41dc3084e0a035e39441a64fb5398aa",focusTrapOptions:{excludeElements:!0,trapFocusInShadowDom:!0},focusHost:this.hostElement,id:"date-dropdown","data-testid":"date-dropdown","data-date-dropdown":!0,class:"min-width max-height",trigger:this.triggerRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,onShowChanged:async({detail:t})=>{this.show=t,!t&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue),t&&l()&&h((()=>{const t=this.datePickerRef.current;t?.focus()}))}},i("div",{key:"23f80678526a96c98c84130b820932ac449bfdb6",class:"container"},this.dateRangeOptions?.length>1&&i("div",{key:"e0ca957c06b3bf7ab910687958d9744e1bccba5e",class:{"quick-selection":!0,"border-right":"custom"===this.selectedDateRangeId}},this.dateRangeOptions.map((t=>i(b,{disabled:!1,iconOnly:!1,iconOval:!1,selected:!1,loading:!1,type:"button",variant:"subtle-tertiary",onClick:()=>this.onRangeListSelect(t.id),ariaAttributes:{"aria-label":`${t.label}: ${t.from} to ${t.to}`}},t.label)))),i("div",{key:"47498278df33744c548709315f7e4f88b946c1cb",class:"picker-wrapper"},i("ix-date-picker",{key:"7d2f12fcc2cd5018edfec3aa387f5ede6704bd04",ref:this.datePickerRef,embedded:!0,locale:this.locale,onDateChange:t=>{t.stopPropagation(),this.currentRangeValue={...t.detail,id:"custom"}},onDateRangeChange:t=>t.stopPropagation(),format:this.format,singleSelection:this.singleSelection,from:this.from||this.currentRangeValue?.from,to:this.to||this.currentRangeValue?.to,minDate:this.minDate,maxDate:this.maxDate,today:this.today,weekStartIndex:this.weekStartIndex,showWeekNumbers:this.showWeekNumbers}),i("div",{key:"b1b223d1116fdd455887e985aa8906c24de5b990",class:"pull-right"},i("ix-button",{key:"f788cee56c6aefaa3de91cabad89c01499d1b036",onClick:()=>{this.currentRangeValue&&(this.onDateSelect(this.currentRangeValue),this.closeDropdown())}},this.i18nDone))))))}static get watchers(){return{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}}};p.style=":host{display:inline-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}:host .pull-right{position:relative;float:right;padding:1rem}:host .quick-selection{display:inline-flex;flex-direction:column;gap:0.25rem;border-right:var(--theme-x-weak-bdr-1);overflow:auto;padding:0.5rem}:host .quick-selection ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .quick-selection *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .quick-selection ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .quick-selection ::-webkit-scrollbar-corner{display:none}:host .quick-selection .btn{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);min-width:8rem;min-height:2rem;max-height:2rem;justify-content:flex-start}:host .quick-selection .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .quick-selection .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 .quick-selection .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 .quick-selection .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .quick-selection .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 .container{display:flex;flex-direction:row;height:25rem;max-height:25rem;flex-wrap:nowrap}:host .picker-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}:host .picker-wrapper ix-date-picker{height:21rem}:host ix-dropdown{padding:0px}@media only screen and (max-width: 48em){:host .container{flex-direction:column;max-height:unset;height:unset}:host .quick-selection{max-height:12rem}}";export{p as ix_date_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,H as e}from"./p-EBgS4zhE.js";const o=class{constructor(s){t(this,s)}itemName;render(){const t={};return t["grid-area"]=this.itemName,s(e,{key:"0bc3ae81663d5b1993c95f06958bcd77e24180a7",style:t},s("slot",{key:"62c78222da5bfa19d981cb30394f6e1d093b322b"}))}};o.style=":host{display:block;position:relative}:host ::slotted(*){height:100%;width:100%}";export{o as ix_css_grid_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as t,r,g as a,d as e,h as o,F as i,H as s,c as n}from"./p-EBgS4zhE.js";import{B as l}from"./p-HpQs38Y0.js";import{b as h,a as d}from"./p-C21npbUc.js";import{m as b}from"./p-Djkc69iv.js";import{d as c,h as u}from"./p-BClJdFQP.js";import{P as v,u as m,F as p}from"./p-BKuq0po2.js";import{D as g}from"./p-BWgttsqY.js";import{C as x}from"./p-CUbYLenp.js";import{A as f}from"./p-CM-NUHTW.js";import"./p-6ZxKp7Jn.js";function k(t){const{initials:r}=t;return r?o("div",{class:"avatar-initials"},o("ix-typography",{format:"label-lg"},r)):o("svg",{class:"avatar-image",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32","aria-label":t.ariaLabel},o("g",{fill:"none","fill-rule":"evenodd"},o("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),o("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"})))}function w(t){return o("div",{class:"avatar"},t.image?o("img",{src:t.image,class:"avatar-image","aria-label":t.ariaLabel}):o(k,{initials:t.initials,ariaLabel:t.ariaLabel}))}function y(t){return o(i,null,o("div",{class:"user-info",onClick:t=>t.preventDefault()},o(w,{image:t.image,initials:t.initials,ariaLabel:t.ariaLabel}),o("div",{class:"user"},o("div",{class:"username"},t.userName),t.extra&&o("ix-typography",{class:"extra","text-color":"soft"},t.extra))))}const C=class extends(t(...g,x,f)){constructor(t){super(),r(this,t)}get hostElement(){return a(this)}image;initials;username;extra;tooltipText;ariaLabelTooltip;isClosestApplicationHeader=!1;dropdownShow=!1;hasSlottedElements=!1;slotElement;dropdownElement;observeChildrenChange;tooltipRef=b();a11yAttributes={};get items(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}componentWillLoad(){this.a11yAttributes=h(this.hostElement);const t=c("ix-application-header",this.hostElement);this.isClosestApplicationHeader=null!==t,this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0})}componentDidLoad(){this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}async slottedChanged(){this.hasSlottedElements=u(this.slotElement)}resolveAvatarTrigger(){return new Promise(((t,r)=>{e((()=>{const a=this.hostElement.shadowRoot.querySelector("button");a?t(a):r(new Error("ix-avatar - trigger element not found"))}))}))}resolveTooltipTrigger(){return this.resolveAvatarTrigger().catch((()=>this.hostElement))}onDropdownClick(t){t.target===this.dropdownElement&&t.preventDefault()}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(`[aria-controls="${this.getHostElementId()}-proxy-listbox"]`)}isAriaActiveDescendantActive(){return this.dropdownShow}getAriaActiveDescendantProxyItemId(){return v}updateProxyList(){const t=this.items,r=this.hostElement.shadowRoot.querySelector(".proxy-list");r&&m(r,t,((t,r)=>{r.role="menuitem",r.innerText=t.label??t.textContent??"",r.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.a11yAttributes["aria-label"],r=this.tooltipText||this.username,a=r===this.username,e=o(i,null,o(w,{image:this.image,initials:this.initials,ariaLabel:t}),!!r&&o("ix-tooltip",{ref:this.tooltipRef,for:this.resolveTooltipTrigger(),"aria-hidden":d(a),"aria-label":this.ariaLabelTooltip},r));return this.isClosestApplicationHeader?o(s,{slot:"ix-application-header-avatar",class:"avatar-button"},o(l,{disabled:!1,iconOval:!1,icon:void 0,iconOnly:!1,loading:!1,selected:!1,type:"button",variant:"tertiary",ariaAttributes:{role:"menu","aria-controls":`${this.getHostElementId()}-proxy-listbox`,"aria-expanded":d(this.dropdownShow),"aria-haspopup":"menu"}},e),o("ix-dropdown",{ref:t=>this.dropdownElement=t,trigger:this.resolveAvatarTrigger(),class:"avatar-dropdown",onClick:t=>this.onDropdownClick(t),onShowChanged:t=>{this.dropdownShow=t.detail,t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},disableFocusTrap:!0,focusHost:this.hostElement},o(p,{hostId:this.getHostElementId(),otherProps:{}}),this.username&&o(i,null,o(y,{extra:this.extra,image:this.image,initials:this.initials,userName:this.username,ariaLabel:t}),this.hasSlottedElements&&o("ix-divider",{onClick:t=>t.preventDefault()})),o("slot",{onSlotchange:()=>this.slottedChanged(),ref:t=>this.slotElement=t}))):o(s,null,e)}};C.style=":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host(.avatar-button) button{padding:0px}:host(.avatar-button) .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host(.avatar-button) .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.avatar-button) button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .avatar{transform:scale(0.8)}:host(.avatar-button) .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host(.avatar-button) .proxy-list li{height:2px;width:2px;pointer-events:all}";const j=class{constructor(t){r(this,t),this.itemClick=n(this,"itemClick",7)}get hostElement(){return a(this)}icon;label;itemClick;dropdownItemRef=b();async getDropdownItemElement(){return this.dropdownItemRef.waitForCurrent()}render(){return o("ix-dropdown-item",{key:"437aead7832603097e4f814abef0108dcb0ad386",ref:this.dropdownItemRef,icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}};j.style=":host{display:block;color:var(--theme-color-std-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";export{C as ix_avatar,j as ix_menu_avatar_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t}from"./p-
|
|
1
|
+
import{r as t}from"./p-EBgS4zhE.js";import{b as s}from"./p-C21npbUc.js";const i=i=>class extends i{inheritAriaAttributes={};constructor(s,...i){super(...i),t(this,s)}getIgnoredAriaAttributes(){return[]}componentWillLoad(){this.inheritAriaAttributes=s(this.hostElement,this.getIgnoredAriaAttributes?this.getIgnoredAriaAttributes():[])}ariaAttributeChanged(t,s,i){this.getIgnoredAriaAttributes().includes(i)||(this.inheritAriaAttributes={...this.inheritAriaAttributes,[i]:t})}};export{i as I}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as n}from"./p-EBgS4zhE.js";import{a as t}from"./p-C21npbUc.js";import{c as e}from"./p-CX81WQtk.js";import{a as i}from"./p-JJddxCCh.js";import{a}from"./p-DhE1t8Qh.js";import{A as s}from"./p-DNIQ2C1K.js";import{s as o}from"./p-yZFaEeBW.js";function r(n,t){n.isInvalid=t.isInvalid||t.isInvalidByRequired,n.isValid=t.isValid,n.isInfo=t.isInfo,n.isWarning=t.isWarning}function u(n,t){n.allowedCharactersPattern&&(new RegExp(n.allowedCharactersPattern).test(t.key)||(t.preventDefault(),a(n.inputRef.current,{duration:s.defaultTime,easing:"easeInOutSine",loop:2,translateX:[{value:-5},{value:5},{value:-2.5},{value:2.5},{value:0}]})))}async function l(n,t){const e=t.validity,i=!n.hostElement.classList.contains("ix-invalid--validity-invalid"),a=e.valid;if(i!==a){if(n.validityStateChange.emit(e).defaultPrevented)return;n.hostElement.classList.toggle("ix-invalid--validity-invalid",!a)}if(null==n.value)return;if(await o(n))return;const{valid:s}=e;n.hostElement.classList.toggle("ix-invalid--validity-invalid",!s)}function c(n,t,e){if(!n)return;const a=i(t+8);e.slotEnd?n.style.paddingRight=`calc(${a} + ${e.additionalPaddingRight??"0rem"})`:n.style.paddingLeft=a}function d(n,t,e){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(n){const t=n.getBoundingClientRect();t&&c(e,t.width,{slotEnd:!1})}if(t){const n=t.getBoundingClientRect();n&&c(e,n.width,{slotEnd:!0})}}))}))}function f(n){const e={"aria-invalid":`${t(n.isInvalid)}`,"aria-required":`${t(n.required)}`};return n.isInvalid&&n.invalidText&&(e["aria-errormessage"]=n.invalidText),e}const m=(n,t)=>{const i=function(n,t){const e=new IntersectionObserver((n=>{n.forEach((n=>{n.isIntersecting&&t()}))}));return e.observe(n),e}(n,t),a=e(t);return a.observe(n,{subtree:!0,attributes:!0}),()=>{i.disconnect(),a.disconnect()}};function p(n,t,e){if(t||"Enter"!==n.key||!e)return;n.preventDefault();const i=e.querySelector('button[type="submit"]');i?e.requestSubmit(i):1===e.length&&e.requestSubmit()}function v(n,t){n.initialValue=t}function h(n,t,e){!function(n,t){if(n.ixBlur.emit(),!t)throw new Error("Input element is not available");t.setAttribute("data-ix-touched","true"),l(n,t)}(n,t),n.initialValue!==e&&(n.ixChange.emit(e),n.initialValue=e)}function g(n,t,e){"Enter"===n.key&&t.initialValue!==e&&(t.ixChange.emit(e),t.initialValue=e)}function y(){return{lastEmittedPatternMismatch:!1,lastEmittedValueMissing:!1}}function b(n){return async function(n,t){if(!t.touched)return;const e=await t.getValidityState(),i=e.patternMismatch,a=e.valueMissing;n.lastEmittedPatternMismatch===i&&n.lastEmittedValueMissing===a||(n.lastEmittedPatternMismatch=i,n.lastEmittedValueMissing=a,t.emit({patternMismatch:i,valueMissing:a,invalidReason:t.invalidReason}))}(n.validityTracker,{touched:n.touched,invalidReason:n.invalidReason,getValidityState:()=>n.getValidityState(),emit:t=>n.validityStateChange.emit(t)})}function x(t){return n("textarea",{id:t.id,readOnly:t.readonly,disabled:t.disabled,maxLength:t.maxLength,minLength:t.minLength,cols:t.textareaCols,rows:t.textareaRows,ref:t.textAreaRef,class:{"is-invalid":t.isInvalid},required:t.required,value:t.value,placeholder:t.placeholder,onFocus:()=>t.onFocus?.(),onInput:n=>{const e=n.target;t.updateFormInternalValue(e.value),t.valueChange(e.value)},onBlur:()=>t.onBlur(),style:{resize:t.resizeBehavior,height:t.textareaHeight,width:t.textareaWidth},...t.ariaAttributes})}function E(t){return n("input",{id:t.id,autoComplete:"off",readOnly:t.readonly,disabled:t.disabled,step:t.step,min:t.min,max:t.max,maxLength:t.maxLength?Number(t.maxLength):void 0,minLength:t.minLength?Number(t.minLength):void 0,ref:t.inputRef,pattern:t.pattern,type:t.type,class:{"is-invalid":t.isInvalid},style:{textAlign:t.textAlignment},required:t.required,value:t.value,placeholder:t.placeholder,onKeyPress:n=>t.onKeyPress(n),onKeyDown:n=>{t.onKeyDown?.(n),t.onEnterKeyChange?.(n),p(n,!!t.suppressSubmitOnEnter,t.form)},onBeforeInput:n=>t.onBeforeInput?.(n),onPaste:n=>t.onPaste?.(n),onFocus:()=>t.onFocus?.(),onInput:n=>{const e=n.target;t.updateFormInternalValue(e.value),t.valueChange(e.value)},onBlur:()=>t.onBlur(),...t.ariaAttributes})}const w=(t,e)=>n("div",{class:"end-container",ref:t.slotEndRef},n("slot",{name:"end",onSlotchange:t.onSlotChange}),e),j=t=>n("div",{class:"start-container",ref:t.slotStartRef},n("slot",{name:"start",onSlotchange:t.onSlotChange}));export{E as I,w as S,x as T,m as a,d as b,y as c,j as d,b as e,v as f,l as g,p as h,f as i,g as j,u as k,r as m,h as o}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{g as i}from"./p-
|
|
1
|
+
import{g as i}from"./p-EBgS4zhE.js";import{i as n}from"./p-XBTykBKS.js";async function t(i){if("function"==typeof i.isTouched)return i.isTouched()}async function a(i){if(i.getAssociatedFormElement&&"function"==typeof i.getAssociatedFormElement){const n=await i.getAssociatedFormElement();return!!n&&n.noValidate}return!1}function e(i,n,t){const a=new MutationObserver(n);return a.observe(i,{subtree:t?.includeChildren,childList:t?.includeChildren,attributes:!0,attributeFilter:["class"]}),{destroy(){a.disconnect()}}}function r(i,n,t){return i.classList.contains(`${n}`)||!!t&&!!i.querySelector(`.${n}`)}function s(i,n=!1){return{isInvalid:r(i,"ix-invalid",n)||r(i,"ix-invalid--validity-invalid",n),isInvalidByRequired:r(i,"ix-invalid--required",n),isValid:r(i,"ix-valid",n),isInfo:r(i,"ix-info",n),isWarning:r(i,"ix-warning",n)}}function c(r){return(c,o)=>{let u,l;const{componentWillLoad:d,disconnectedCallback:f,connectedCallback:v}=c;c.connectedCallback=function(){const e=i(this);return u=async()=>{if(await a(e))return;if(!n(e))return;const i=await(e.getNativeInputElement?.());if(e.hasValidValue&&"function"==typeof e.hasValidValue){const i=await e.hasValidValue(),n=await t(e);e.required?e.classList.toggle("ix-invalid--required",!i&&n):e.classList.remove("ix-invalid--required")}if(e.getValidityState&&"function"==typeof e.getValidityState){const n=await e.getValidityState(),a=await t(e);e.classList.toggle("ix-invalid--validity-patternMismatch",n.patternMismatch),e.classList.toggle("ix-invalid--validity-invalid",!n.valid&&a);const r=e.shadowRoot?.querySelector("ix-field-wrapper");if(i&&r){const t=await r.getAriaErrorMessageElement(),a=await r.getAriaHelperMessageElement();a&&i.setAttribute("aria-describedby",`${a.id}`),n.valid?i?.removeAttribute("aria-invalid"):(i?.setAttribute("aria-invalid","true"),t&&!n.valid&&(i.setAttribute("aria-errormessage",`${t.id}`),i.setAttribute("aria-describedby",`${t.id}`)))}}},e.addEventListener("checkedChange",u),e.addEventListener("valueChange",u),e.addEventListener("ixBlur",u),setTimeout(u),v?.call(this)},c.componentWillLoad=function(){const n=i(this);l=e(n,(()=>{const i=s(n,r?.includeChildren);c[o].call(this,i)}),r);const t=s(n,r?.includeChildren);return c[o].call(this,t),d?.call(this)},c.disconnectedCallback=function(){const n=i(this);return n&&l&&(l.destroy(),l=null),n&&u&&(n.removeEventListener("checkedChange",u),n.removeEventListener("valueChange",u),n.removeEventListener("ixBlur",u),u=null),f?.call(this)}}}function o(i,n,t){return i?n??t:n}export{c as H,s as a,e as c,o as g,a as s}
|