@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,g as i,h as s,H as o}from"./p-EBgS4zhE.js";import{y as a,G as h,H as r,I as n,J as d}from"./p-DgUGsIlh.js";import{a as l}from"./p-DhE1t8Qh.js";import{A as p}from"./p-DNIQ2C1K.js";import{m as c}from"./p-D_Hmobxf.js";import{a as b}from"./p-CKoABG1h.js";import{r as m}from"./p-BEuV0Xpe.js";import{a as g}from"./p-3pidUFd-.js";import{a as f}from"./p-C21npbUc.js";import{a as x}from"./p-4pTtJwcY.js";import"./p-Djkc69iv.js";import"./p-6ZxKp7Jn.js";import"./p-CWshStHZ.js";const v=class{constructor(i){t(this,i),this.expandedChanged=e(this,"expandedChanged",7),this.variantChanged=e(this,"variantChanged",7),this.borderlessChanged=e(this,"borderlessChanged",7),this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7),this.slotChanged=e(this,"slotChanged",7)}get hostElement(){return i(this)}heading;variant="inline";hideOnCollapse=!1;size="240px";borderless=!1;noPadding=!1;expanded=!1;composition="top";icon;closeOnClickOutside=!1;ariaLabelIcon;ariaLabelCollapseCloseButton;ignoreLayoutSettings=!1;isMobile=!1;expandedChanged;variantChanged;borderlessChanged;hideOnCollapseChanged;slotChanged;expandIcon="";showContent=!1;minimizeIcon="";floating=!1;parentWidthPx=0;parentHeightPx=0;static validPositions=["top","left","bottom","right"];static collapsedPane="40px";static collapsedPaneMobile="48px";animations=new Map;animationCounter=0;mutationObserver;resizeObserver;disposableWindowClick;disposableKeydown;focusTrap;focusReturnElement;get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return"bottom"===this.composition||"top"===this.composition}get isLeftRightPane(){return"left"===this.composition||"right"===this.composition}get isMobileTop(){return"top"===this.composition||"left"===this.composition}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),this.disposableWindowClick?.(),this.disposableKeydown?.(),this.focusTrap?.destroy()}async onExpandedChange(){if(this.closeOnClickOutside&&this.expanded?this.disposableWindowClick=b(window,"click",(t=>{(t.composedPath?.()||[]).includes(this.hostElement)||this.dispatchExpandedChangedEvent()})):this.disposableWindowClick?.(),this.registerEscapeListener(),this.floating)if(this.expanded){const t=document.activeElement;this.focusReturnElement=t instanceof HTMLElement?t:void 0,this.focusTrap=await g(this.hostElement,{trapFocusInShadowDom:"both"})}else this.focusTrap?.destroy(),this.focusTrap=void 0,m((()=>{const t=this.focusReturnElement;this.focusReturnElement=void 0,t&&"function"==typeof t.focus&&t.focus()}))}componentWillLoad(){this.onExpandedChange(),this.floating="floating"===this.variant,this.expanded&&this.onParentSizeChange(),this.isMobile=c("sm"),x.onChange.on((()=>{this.isMobile=c("sm")})),this.currentSlot&&this.setPosition(this.currentSlot),this.setIcons(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type&&"slot"===t.attributeName){const e=this.currentSlot,i=t.oldValue;e!==i&&(this.slotChanged.emit({slot:i??"",newSlot:e??""}),e&&this.setPosition(e))}}))})),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeOldValue:!0});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize,this.parentHeightPx=t[0].borderBoxSize[0].blockSize})),t&&this.resizeObserver.observe(t)}setPosition(t){v.validPositions.includes(t)&&(this.composition=t)}getExpandPaneSize(){let t;if(this.isBottomTopPane)if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentHeightPx/2)}px`:`${Math.round(this.parentHeightPx/3)}px`;else if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentWidthPx/2)}px`:`${Math.round(this.parentWidthPx/3)}px`;return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t,this.minimizeIcon=e}getIconNames(){let t="",e="";switch(this.composition){case"left":t=this.isMobile?h:d,e=this.isMobile?r:n;break;case"right":t=this.isMobile?r:n,e=this.isMobile?h:d;break;case"bottom":t=r,e=h;break;case"top":t=h,e=r}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey(),i=l(this.hostElement,{duration:p.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{this.expanded?this.animateVerticalPadding("8px"):(this.showContent=!1,this.animateVerticalPadding("0px"))},complete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey(),i=l(this.hostElement,{duration:p.mediumTime,height:t,easing:"easeInOutSine",delay:0,onBegin:()=>{this.expanded?this.isMobile||this.animateHorizontalPadding("8px"):(this.showContent=!1,this.isMobile||this.animateHorizontalPadding("0px"))},onComplete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}onAnimationComplete(t){this.expanded&&(this.showContent=!0,this.floating&&m((()=>{this.focusFirstSlottedElement()}))),this.animations.delete(t)}removePadding(){l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=p.mediumTime){let i=this.getKey(),s=l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=p.mediumTime){let i=this.getKey(),s=l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause())),this.animations.clear(),this.animationCounter=0}onMobileChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.hostElement.style.removeProperty("min-height"),this.onParentSizeChange()}onPositionChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.onParentSizeChange()}onHideOnCollapseChange(t){this.onParentSizeChange(),this.hideOnCollapseChanged.emit({slot:this.currentSlot??"",hideOnCollapse:t})}onVariantChange(t){this.floating="floating"===t,this.variantChanged.emit({slot:this.currentSlot??"",variant:t}),"floating"!==t&&(this.focusTrap?.destroy(),this.focusTrap=void 0),this.registerEscapeListener()}onBorderlessChange(t){this.borderlessChanged.emit({slot:this.currentSlot??"",borderless:t})}focusFirstSlottedElement(){const t=this.hostElement.querySelector("[autofocus]");if(t)return void t.focus();const e=this.hostElement.shadowRoot?.querySelector(".title-icon");e&&e.focus()}registerEscapeListener(){this.disposableKeydown?.(),this.disposableKeydown=void 0,this.floating&&this.expanded&&(this.disposableKeydown=b(this.hostElement,"keydown",(t=>{"Escape"===t.key&&this.dispatchExpandedChangedEvent()})))}dispatchExpandedChangedEvent(){const t=!this.expanded;this.expandedChanged.emit({slot:this.currentSlot??"",expanded:t}).defaultPrevented||(this.expanded=t)}onParentSizeChange(){if(this.clearAnimations(),this.removePadding(),this.expanded){if(this.isMobile)this.hostElement.style.height="100%";else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=t,this.animateHorizontalPadding("8px",0)):(this.hostElement.style.width=t,this.animateVerticalPadding("8px",0))}this.showContent=!0}else this.showContent=!1,this.isMobile?this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPaneMobile:this.isBottomTopPane?this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane:this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane}onSizeChange(){if(this.expanded)if(this.isMobile)this.hostElement.style.minHeight=this.hideOnCollapse?"0":v.collapsedPaneMobile,this.animateHorizontalFadeIn("100%");else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane,this.animateHorizontalFadeIn(t)):(this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane,this.animateVerticalFadeIn(t))}else this.showContent=!1,this.isMobile?this.hostElement.style.height=v.collapsedPaneMobile:this.isBottomTopPane?this.animateHorizontalFadeIn(v.collapsedPane):this.animateVerticalFadeIn(v.collapsedPane)}render(){const t=!this.expanded&&!this.isMobile&&this.isLeftRightPane;let e;return e=this.ariaLabelCollapseCloseButton?this.ariaLabelCollapseCloseButton:this.expanded?this.isMobile||this.hideOnCollapse?"Close pane":"Collapse pane":"Expand pane",s(o,{key:"e543d6f177c9b347c72abb1d821ea08fa642b031",class:{"floating-pane":this.floating,"inline-pane":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&"right"!==this.composition&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"not-visible":this.hideOnCollapse&&!this.expanded},"aria-expanded":f(this.expanded)},s("aside",{key:"44156892e41a24920288669e3c096cea0eb0e244",id:`pane-${this.composition}`,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},s("div",{key:"18c22984a1970f326e33467a0a3fd2e2f8fc7e15",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},s("ix-icon-button",{key:"9b92a577dd81c283415dd194448804a9f128fdc0",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?a:this.expandIcon:this.minimizeIcon,iconColor:this.expanded&&(this.isMobile||this.hideOnCollapse)?"color-soft-text":void 0,variant:"subtle-tertiary",onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":`pane-${this.composition}`,"aria-label":e}),s("div",{key:"fb67a0886d65c841bd22a5fa5cfd2a47bf376ff8",class:{"title-text":!0,rotate:t}},this.icon&&s("ix-icon",{key:"c9f7393d0f7b0712892355baa70fdc000708a352",class:"pane-icon",size:"24",name:this.icon,"aria-label":this.ariaLabelIcon}),s("div",{key:"268953ae5e48eff0ad3b9e7425798380ab6cad04",class:"title-text-overflow"},s("ix-typography",{key:"fcebf6929e62dd90bd040631041d9bb92150f238",format:"h4"},this.heading)),this.expanded&&s("div",{key:"db4bc449c3d174136cc4415c7fc15f82a8f33421",class:"slot-header"},s("slot",{key:"cbbdd70092367dd800b946b6d864cbfc5e9b5ac6",name:"header"})))),s("div",{key:"61388536eb66883d710fe1adf662f3a7d1dd2abf",class:{"side-pane-content":!0,"no-padding":this.noPadding},hidden:!this.showContent},s("slot",{key:"1b1435619e3a22b84908eb2789ab3de0484264f9"}))))}static get watchers(){return{expanded:[{onExpandedChange:0},{onSizeChange:0}],isMobile:[{onMobileChange:0}],composition:[{onPositionChange:0}],hideOnCollapse:[{onHideOnCollapseChange:0}],variant:[{onVariantChange:0}],borderless:[{onBorderlessChange:0}],parentHeightPx:[{onParentSizeChange:0}],parentWidthPx:[{onParentSizeChange:0}],size:[{onSizeChange:0}]}}};v.style=":host(.floating-pane){--ix-pane--background:var(--theme-pane-floating--background);--ix-pane--border-color:var(--theme-pane-floating--border-color);--ix-pane--color:var(--theme-pane-floating--color);--ix-pane--box-shadow:var(--theme-pane-floating--box-shadow)}:host(.inline-pane){--ix-pane--background:var(--theme-pane-inline--background);--ix-pane--border-color:var(--theme-pane-inline--border-color);--ix-pane--color:var(--theme-pane-inline--color);--ix-pane--box-shadow:var(--theme-pane-inline--box-shadow)}:host{display:flex;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:var(--ix-pane--box-shadow);background-color:var(--ix-pane--background)}: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 aside{width:100%;height:100%}:host .pane-icon{color:var(--ix-pane--color)}:host .slot-header-content{display:inline-block;position:relative;max-height:2rem}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2) var(--theme-space-3) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host .side-pane-content.no-padding{padding-inline:0;padding-block-end:0}:host .slot-header{max-height:2rem;max-width:unset}:host .slot-header.rotate{max-height:unset;max-width:2rem}:host(.not-visible){display:none}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";export{v as ix_pane}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,g as o,h as r,H as n}from"./p-Ca5WUunf.js";import{D as a,E as i}from"./p-Cl7fhG1I.js";import{m as d}from"./p-Djkc69iv.js";import{m as l,a as s,b as h,g as c,o as b,d as p,I as u,j as m,f as v,k as y,S as f}from"./p-Z4IKO1Dx.js";import{H as x}from"./p-D148LCh1.js";import"./p-B5k8YVR0.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-XBTykBKS.js";let g=0;const k=/[^\dEe+\-.,]/,w=class{constructor(o){e(this,o),this.valueChange=t(this,"valueChange",7),this.validityStateChange=t(this,"validityStateChange",7),this.ixBlur=t(this,"ixBlur",7),this.ixChange=t(this,"ixChange",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;placeholder;value=0;required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;pattern;min;max;allowedCharactersPattern;showStepperButtons;step=1;suppressSubmitOnEnter=!1;textAlignment="end";allowEmptyValueChange=!1;valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;inputRef=d();slotEndRef=d();slotStartRef=d();numberInputId="number-input-"+g++;touched=!1;initialValue;disposableChangesAndVisibilityObservers;onValueChange(e){this.updateFormInternalValue(e)}updateClassMappings(e){l(this,e)}componentWillLoad(){this.updateFormInternalValue(this.value)}connectedCallback(){this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}disconnectedCallback(){this.disposableChangesAndVisibilityObservers?.()}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}convertNumberStringToFloat(e){if(!e||""===e.trim())return;const t=Number.parseFloat(e);return Number.isNaN(t)?void 0:t}isScientificNotation(e){const t=Number.parseFloat(e);return!Number.isNaN(t)&&Number.isFinite(t)&&/[eE]/.test(e)}formatValue(e){return null==e?"":e.toString()}handleValueChangeEvent(e){this.valueChange.emit(this.allowEmptyValueChange?e:e??0)}updateFormInternalValue(e){const t=null!=e?e.toString():"";this.formInternals.setFormValue(t),this.value=e,this.inputRef.current&&this.touched&&c(this,this.inputRef.current)}handleInputChange=e=>{const t=this.convertNumberStringToFloat(e);this.isScientificNotation(e.trim())&&this.formInternals.setFormValue(e),this.handleValueChangeEvent(t)};handleBlur=()=>{if(!this.inputRef.current)return;const e=this.convertNumberStringToFloat(this.inputRef.current.value);this.updateFormInternalValue(e),void 0!==e&&this.inputRef.current&&(this.inputRef.current.value=this.formatValue(e)),this.updateFormInternalValue(e),b(this,this.inputRef.current,e),this.touched=!0};handleKeyDown=e=>{if(!this.disabled&&!this.readonly)switch(e.key){case"ArrowUp":e.preventDefault(),this.handleStepOperation("up");break;case"ArrowDown":e.preventDefault(),this.handleStepOperation("down")}};handleBeforeInput=e=>{if(!this.disabled&&!this.readonly){if("insertText"===e.inputType){const t=e.data;t&&k.test(t)&&e.preventDefault()}if("insertFromPaste"===e.inputType){const t=e.dataTransfer||e.clipboardData,o=t?.getData?.("text")??"";k.test(o)&&e.preventDefault()}}};handlePaste=e=>{const t=e.clipboardData?.getData("text")??"";k.test(t)&&e.preventDefault()};getDecimalPlaces(e){const t=/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/.exec(""+e);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}handleStepOperation(e){if(!this.inputRef.current)return;const t=this.convertNumberStringToFloat(this.inputRef.current.value)??0,o="string"==typeof this.step?Number.parseFloat(this.step):this.step??1;let r;r="up"===e?t+o:t-o;const n=Math.max(this.getDecimalPlaces(t),this.getDecimalPlaces(o));if(r=Number(r.toFixed(n)),void 0!==this.min){const e="string"==typeof this.min?Number.parseFloat(this.min):this.min;r=Math.max(r,e)}if(void 0!==this.max){const e="string"==typeof this.max?Number.parseFloat(this.max):this.max;r=Math.min(r,e)}this.inputRef.current.value=r.toString(),this.updateFormInternalValue(r),c(this,this.inputRef.current),this.handleValueChangeEvent(r)}async getAssociatedFormElement(){return this.formInternals.form}async hasValidValue(){const e=await this.getNativeInputElement();return""===e.value?!this.required:void 0!==this.convertNumberStringToFloat(e.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=this.showStepperButtons&&!1===(this.disabled||this.readonly);return r(n,{key:"33890aa9ea0b965a4b78d45fc0ae357ae30daee6",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"eeb301066981e6a0cc6f91c5607948171275f871",id:this.numberInputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},r("div",{key:"b72ca95246672d90b96db8ecad0be82f3fe8d28d",class:{"input-wrapper":!0,"show-stepper-buttons":!!this.showStepperButtons}},r(p,{key:"804bfc9ceb55804d55aeb8dec9928ec91af8b574",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r(u,{key:"1ce26e202f7bf9d86eacb1d29fb00765c3df8ce6",id:this.numberInputId,readonly:this.readonly,disabled:this.disabled,step:this.step,min:this.min,max:this.max,pattern:this.pattern,type:"number",isInvalid:this.isInvalid,required:this.required,value:this.formatValue(this.value),placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>y(this,e),onKeyDown:e=>this.handleKeyDown(e),onBeforeInput:e=>this.handleBeforeInput(e),onPaste:e=>this.handlePaste(e),onFocus:()=>v(this,this.value),onEnterKeyChange:e=>m(e,this,this.value),valueChange:this.handleInputChange,updateFormInternalValue:e=>{const t=this.convertNumberStringToFloat(e);this.isScientificNotation(e.trim())?(this.formInternals.setFormValue(e),this.value=t):this.updateFormInternalValue(t)},onBlur:this.handleBlur,form:this.formInternals.form??void 0,suppressSubmitOnEnter:this.suppressSubmitOnEnter,textAlignment:this.textAlignment}),r(f,{key:"c0a582046240d94de487cc139d37ac83a511c2bb",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("div",{key:"aa9d15adc8f79e39fbc334d446427f4350f04584",class:{"number-stepper-container":!0,"container-hidden":!e}},r("ix-icon-button",{key:"01fec50d28065398e09d1916c6d46950d76f6376",variant:"subtle-tertiary",icon:a,size:"16",class:"number-stepper-button step-minus","aria-label":"decrement number",onClick:()=>this.handleStepOperation("down")}),r("ix-icon-button",{key:"bf4ec84bc355505671c9d6938f2d94b4ed2b5cf0",variant:"subtle-tertiary",icon:i,size:"16",class:"number-stepper-button step-plus","aria-label":"increment number",onClick:()=>this.handleStepOperation("up")}))))))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}]}}};(function(e,t,o,r){var n,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(i=(a<3?n(i):a>3?n(t,o,i):n(t,o))||i);a>3&&i&&Object.defineProperty(t,o,i)})([x()],w.prototype,"updateClassMappings",null),w.style='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}: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 .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap}:host .number-stepper-container.container-hidden{display:none}';export{w as ix_number_input}
|
|
1
|
+
import{r as e,c as t,g as o,h as r,H as n}from"./p-EBgS4zhE.js";import{D as a,E as i}from"./p-DgUGsIlh.js";import{m as d}from"./p-Djkc69iv.js";import{m as l,a as s,b as h,g as b,o as c,d as p,I as u,j as m,f as v,k as y,S as f}from"./p-wfVRhTWc.js";import{H as x}from"./p-yZFaEeBW.js";import"./p-C21npbUc.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-XBTykBKS.js";let g=0;const k=/[^\dEe+\-.,]/,w=class{constructor(o){e(this,o),this.valueChange=t(this,"valueChange",7),this.validityStateChange=t(this,"validityStateChange",7),this.ixBlur=t(this,"ixBlur",7),this.ixChange=t(this,"ixChange",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;placeholder;value=0;required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;pattern;min;max;allowedCharactersPattern;showStepperButtons;step=1;suppressSubmitOnEnter=!1;textAlignment="end";allowEmptyValueChange=!1;valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;inputRef=d();slotEndRef=d();slotStartRef=d();numberInputId="number-input-"+g++;touched=!1;initialValue;disposableChangesAndVisibilityObservers;onValueChange(e){this.updateFormInternalValue(e)}updateClassMappings(e){l(this,e)}componentWillLoad(){this.updateFormInternalValue(this.value)}connectedCallback(){this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}disconnectedCallback(){this.disposableChangesAndVisibilityObservers?.()}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}convertNumberStringToFloat(e){if(!e||""===e.trim())return;const t=Number.parseFloat(e);return Number.isNaN(t)?void 0:t}isScientificNotation(e){const t=Number.parseFloat(e);return!Number.isNaN(t)&&Number.isFinite(t)&&/[eE]/.test(e)}formatValue(e){return null==e?"":e.toString()}handleValueChangeEvent(e){this.valueChange.emit(this.allowEmptyValueChange?e:e??0)}updateFormInternalValue(e){const t=null!=e?e.toString():"";this.formInternals.setFormValue(t),this.value=e,this.inputRef.current&&this.touched&&b(this,this.inputRef.current)}handleInputChange=e=>{const t=this.convertNumberStringToFloat(e);this.isScientificNotation(e.trim())&&this.formInternals.setFormValue(e),this.handleValueChangeEvent(t)};handleBlur=()=>{if(!this.inputRef.current)return;const e=this.convertNumberStringToFloat(this.inputRef.current.value);this.updateFormInternalValue(e),void 0!==e&&this.inputRef.current&&(this.inputRef.current.value=this.formatValue(e)),this.updateFormInternalValue(e),c(this,this.inputRef.current,e),this.touched=!0};handleKeyDown=e=>{if(!this.disabled&&!this.readonly)switch(e.key){case"ArrowUp":e.preventDefault(),this.handleStepOperation("up");break;case"ArrowDown":e.preventDefault(),this.handleStepOperation("down")}};handleBeforeInput=e=>{if(!this.disabled&&!this.readonly){if("insertText"===e.inputType){const t=e.data;t&&k.test(t)&&e.preventDefault()}if("insertFromPaste"===e.inputType){const t=e.dataTransfer||e.clipboardData,o=t?.getData?.("text")??"";k.test(o)&&e.preventDefault()}}};handlePaste=e=>{const t=e.clipboardData?.getData("text")??"";k.test(t)&&e.preventDefault()};getDecimalPlaces(e){const t=/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/.exec(""+e);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}handleStepOperation(e){if(!this.inputRef.current)return;const t=this.convertNumberStringToFloat(this.inputRef.current.value)??0,o="string"==typeof this.step?Number.parseFloat(this.step):this.step??1;let r;r="up"===e?t+o:t-o;const n=Math.max(this.getDecimalPlaces(t),this.getDecimalPlaces(o));if(r=Number(r.toFixed(n)),void 0!==this.min){const e="string"==typeof this.min?Number.parseFloat(this.min):this.min;r=Math.max(r,e)}if(void 0!==this.max){const e="string"==typeof this.max?Number.parseFloat(this.max):this.max;r=Math.min(r,e)}this.inputRef.current.value=r.toString(),this.updateFormInternalValue(r),b(this,this.inputRef.current),this.handleValueChangeEvent(r)}async getAssociatedFormElement(){return this.formInternals.form}async hasValidValue(){const e=await this.getNativeInputElement();return""===e.value?!this.required:void 0!==this.convertNumberStringToFloat(e.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=this.showStepperButtons&&!1===(this.disabled||this.readonly);return r(n,{key:"43ec1c05fcf210e5ac04af411fffb2164eb5bde0",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"22b64f834e3d16fd6cf26397d8ea2bd52d68c6c8",id:this.numberInputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},r("div",{key:"5146fe06cb0e90ee45074775228f64b85f7994e6",class:{"input-wrapper":!0,"show-stepper-buttons":!!this.showStepperButtons}},r(p,{key:"dcaab71a50b5b5dbda94936d0c58abfc0b44d134",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r(u,{key:"2abe03ee9a881ce3aedd011ef8e6e2477fc6019a",id:this.numberInputId,readonly:this.readonly,disabled:this.disabled,step:this.step,min:this.min,max:this.max,pattern:this.pattern,type:"number",isInvalid:this.isInvalid,required:this.required,value:this.formatValue(this.value),placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>y(this,e),onKeyDown:e=>this.handleKeyDown(e),onBeforeInput:e=>this.handleBeforeInput(e),onPaste:e=>this.handlePaste(e),onFocus:()=>v(this,this.value),onEnterKeyChange:e=>m(e,this,this.value),valueChange:this.handleInputChange,updateFormInternalValue:e=>{const t=this.convertNumberStringToFloat(e);this.isScientificNotation(e.trim())?(this.formInternals.setFormValue(e),this.value=t):this.updateFormInternalValue(t)},onBlur:this.handleBlur,form:this.formInternals.form??void 0,suppressSubmitOnEnter:this.suppressSubmitOnEnter,textAlignment:this.textAlignment}),r(f,{key:"5b16f4b47e29031a8ded31507713e5bf7f8bb47c",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("div",{key:"8ad0ee470be89f02fe4586fde3e8b043558ad06d",class:{"number-stepper-container":!0,"container-hidden":!e}},r("ix-icon-button",{key:"5de2a6a690e0e53708ac5f61dde101e2e036f83c",variant:"subtle-tertiary",icon:a,size:"16",class:"number-stepper-button step-minus","aria-label":"decrement number",onClick:()=>this.handleStepOperation("down")}),r("ix-icon-button",{key:"6a6f63e4a160495e4d1ddd93a5657e0f2210982d",variant:"subtle-tertiary",icon:i,size:"16",class:"number-stepper-button step-plus","aria-label":"increment number",onClick:()=>this.handleStepOperation("up")}))))))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}]}}};(function(e,t,o,r){var n,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(i=(a<3?n(i):a>3?n(t,o,i):n(t,o))||i);a>3&&i&&Object.defineProperty(t,o,i)})([x()],w.prototype,"updateClassMappings",null),w.style='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}: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 .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap}:host .number-stepper-container.container-hidden{display:none}';export{w as ix_number_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{M as r,r as o,c as i,g as a,h as e,H as c}from"./p-Ca5WUunf.js";import{n as t}from"./p-Cl7fhG1I.js";import{a as n}from"./p-B5k8YVR0.js";import{D as l}from"./p-Dl_bUxb7.js";import{I as h}from"./p-yAf8WIcn.js";import{m as p}from"./p-Djkc69iv.js";import"./p-DnaItyVQ.js";import"./p-BIe8Nw9M.js";const u=["primary","alarm","critical","warning","info","neutral","success","custom"],s=class extends(r(...l,h)){constructor(r){super(),o(this,r),this.closeChip=i(this,"closeChip",7)}get hostElement(){return a(this)}variant="primary";inactive=!1;closable=!1;icon;ariaLabelIcon;background;chipColor;outline=!1;tooltipText=!1;centerContent=!1;ariaLabelCloseButton="Close chip";closeChip;containerElementRef=p();getIgnoredAriaAttributes(){return["role"]}componentWillLoad(){super.componentWillLoad()}getTooltip(){if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text"))return null;const r="string"==typeof this.tooltipText&&this.tooltipText.trim()?this.tooltipText:this.hostElement.textContent?.trim();return e("ix-tooltip",{for:this.containerElementRef.waitForCurrent(),"aria-label":r||void 0},r)}getCustomStyles(r){const o={},i={};return"custom"!==r||(i.color=this.chipColor,this.chipColor&&(o.color=this.chipColor),this.outline&&this.background?o.borderColor=this.background:!this.outline&&this.background&&(i.backgroundColor=this.background)),{wrap:o,main:i}}getIconStyle(r){if("custom"===r)return{color:this.outline?this.background:this.chipColor}}getHostRole(r){return this.hostElement.hasAttribute("role")?this.hostElement.getAttribute("role")??void 0:r?"group":void 0}render(){const r=u.includes(this.variant)?this.variant:"primary",{wrap:o,main:i}=this.getCustomStyles(r),a=!this.inactive&&this.closable,l={"chip-wrap":!0,outline:this.outline,inactive:this.inactive,alarm:"alarm"===r,critical:"critical"===r,info:"info"===r,neutral:"neutral"===r,primary:"primary"===r,success:"success"===r,warning:"warning"===r,custom:"custom"===r,closable:this.closable,icon:!!this.icon,centerContent:this.centerContent},h=!this.ariaLabelIcon?.trim(),p=!!this.inheritAriaAttributes["aria-label"]?.trim()||!!this.inheritAriaAttributes["aria-labelledby"]?.trim(),s=!!this.tooltipText||this.hostElement.hasAttribute("tooltip-text");return e(c,{key:"ce26e0d24d71d552acdd962c5b277319a9ad8440",role:this.getHostRole(p&&(a||s)),class:{inactive:this.inactive}},e("div",{key:"e0d71bc62636c5d592260b8b0db1ecae4692f451",ref:this.containerElementRef,class:l,style:o},e("button",{key:"e04d0c14e50d73655c0caf406373e3d678abfa69",type:"button",class:"chip-main",...this.inheritAriaAttributes,disabled:this.inactive,style:i},e("div",{key:"73704c677c0d29106d9a17ed72713d35a73fca33",class:"content-wrapper"},this.icon&&e("ix-icon",{key:"1758dc64e728902d6c2fbf82913a66afb3a103e5",class:{"with-icon":!0},name:this.icon,size:"24","aria-label":this.ariaLabelIcon,"aria-hidden":n(h),style:this.getIconStyle(r)}),e("span",{key:"fa4ad21840fab8b2d3a041c08a269f0311c20392",class:"slot-container"},e("slot",{key:"c68dfc344ea985bc18dc29f4c3face2bd0238fc7"})))),a&&e("button",{key:"3f084d56ec7b791aa89418dfe00efe66e4c673aa",type:"button",class:"chip-close","aria-label":this.ariaLabelCloseButton,onClick:r=>{this.closeChip.emit(r),r.stopPropagation()}},e("ix-icon",{key:"f5a87d2fbc9bfb907b746219e65ec8d4e75f645c",class:"chip-close__icon",name:t,size:"16","aria-hidden":"true"}))),this.getTooltip())}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}]}}};s.style=':host{display:inline-block;position:relative;height:2rem;max-height:2rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.inactive){pointer-events:none}.chip-wrap{display:inline-flex;width:inherit;max-width:100%;box-sizing:border-box;position:relative;align-items:stretch;border-radius:100px;vertical-align:top;min-height:2rem;max-height:2rem}.chip-wrap .chip-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;box-sizing:border-box;display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;width:100%;border-radius:inherit;padding-block:0.5rem;padding-inline:0.75rem;font:inherit;text-align:inherit;color:inherit;cursor:pointer;background:transparent}.chip-wrap .chip-main:disabled{cursor:default}.chip-wrap .chip-main:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.chip-wrap .chip-main .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.chip-wrap .chip-main .with-icon{margin-right:0.25rem}.chip-wrap .chip-main .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-wrap.centerContent .chip-main .content-wrapper{justify-content:center;text-align:center}.chip-wrap.outline .chip-main{padding-left:calc(0.75rem - 0.0625rem)}.chip-wrap.outline:not(.closable) .chip-main,.chip-wrap.outline.closable.inactive .chip-main{padding-right:calc(0.75rem - 0.0625rem)}.chip-wrap.outline.closable:not(.inactive) .chip-main{padding-right:calc(0.25rem + 1.5rem + 0.375rem - 0.0625rem)}.chip-wrap:not(.outline) .chip-main{padding-left:0.75rem}.chip-wrap:not(.outline):not(.closable) .chip-main,.chip-wrap:not(.outline).closable.inactive .chip-main{padding-right:0.75rem}.chip-wrap:not(.outline).closable:not(.inactive) .chip-main{padding-right:calc(0.25rem + 1.5rem + 0.375rem)}.chip-wrap .chip-close{position:absolute;right:0.25rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;box-sizing:border-box;border:0;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:var(--theme-color-std-text);border-radius:50%;flex-shrink:0;z-index:1}.chip-wrap .chip-close:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.chip-wrap .chip-close__icon{display:block;pointer-events:none}.chip-wrap.outline{border-width:0.0625rem;border-style:solid}.chip-wrap.primary:not(.outline){color:var(--theme-chip-primary--color)}.chip-wrap.primary:not(.outline) .chip-main{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.chip-wrap.primary:not(.outline) .chip-main:hover{background-color:var(--theme-chip-primary--background--hover)}.chip-wrap.primary:not(.outline) .chip-main:active{background-color:var(--theme-chip-primary--background--active)}.chip-wrap.primary:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.primary:not(.outline) .chip-close:hover{background-color:var(--theme-chip-primary--background--hover)}.chip-wrap.primary:not(.outline) .chip-close:active{background-color:var(--theme-chip-primary--background--active)}.chip-wrap.primary.outline{color:var(--theme-chip-primary-outline--color--display);background-color:var(--theme-chip-primary-outline--background);border:solid 0.0625rem var(--theme-chip-primary-outline--border-color)}.chip-wrap.primary.outline:hover:not(.inactive){border-color:var(--theme-chip-primary-outline--border-color--hover)}.chip-wrap.primary.outline:active:not(.inactive){border-color:var(--theme-chip-primary-outline--border-color--active)}.chip-wrap.primary.outline .chip-main{background-color:transparent;color:var(--theme-chip-primary-outline--color--display)}.chip-wrap.primary.outline .chip-main:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.chip-wrap.primary.outline .chip-main:active{background-color:var(--theme-chip-primary-outline--background--active)}.chip-wrap.primary.outline.icon .with-icon{color:var(--theme-color-primary)}.chip-wrap.primary.outline:hover:not(.inactive).icon .with-icon{color:var(--theme-chip-primary-outline--color--hover)}.chip-wrap.primary.outline:active:not(.inactive).icon .with-icon{color:var(--theme-chip-primary-outline--color--active)}.chip-wrap.primary.outline .chip-close{color:inherit}.chip-wrap.primary.outline .chip-close:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.chip-wrap.primary.outline .chip-close:active{background-color:var(--theme-chip-primary-outline--background--active)}.chip-wrap.alarm:not(.outline){color:var(--theme-color-alarm--contrast)}.chip-wrap.alarm:not(.outline) .chip-main{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}.chip-wrap.alarm:not(.outline) .chip-main:hover{background-color:var(--theme-color-alarm--hover)}.chip-wrap.alarm:not(.outline) .chip-main:active{background-color:var(--theme-color-alarm--active)}.chip-wrap.alarm:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.alarm:not(.outline) .chip-close:hover{background-color:var(--theme-color-alarm--hover)}.chip-wrap.alarm:not(.outline) .chip-close:active{background-color:var(--theme-color-alarm--active)}.chip-wrap.alarm.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-alarm)}.chip-wrap.alarm.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.alarm.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.alarm.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.alarm.outline.icon .with-icon{color:var(--theme-color-alarm)}.chip-wrap.alarm.outline .chip-close{color:inherit}.chip-wrap.alarm.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.alarm.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.critical:not(.outline){color:var(--theme-color-critical--contrast)}.chip-wrap.critical:not(.outline) .chip-main{background-color:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}.chip-wrap.critical:not(.outline) .chip-main:hover{background-color:var(--theme-color-critical--hover)}.chip-wrap.critical:not(.outline) .chip-main:active{background-color:var(--theme-color-critical--active)}.chip-wrap.critical:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.critical:not(.outline) .chip-close:hover{background-color:var(--theme-color-critical--hover)}.chip-wrap.critical:not(.outline) .chip-close:active{background-color:var(--theme-color-critical--active)}.chip-wrap.critical.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-critical)}.chip-wrap.critical.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.critical.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.critical.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.critical.outline.icon .with-icon{color:var(--theme-color-critical)}.chip-wrap.critical.outline .chip-close{color:inherit}.chip-wrap.critical.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.critical.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.warning:not(.outline){color:var(--theme-color-warning--contrast)}.chip-wrap.warning:not(.outline) .chip-main{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}.chip-wrap.warning:not(.outline) .chip-main:hover{background-color:var(--theme-color-warning--hover)}.chip-wrap.warning:not(.outline) .chip-main:active{background-color:var(--theme-color-warning--active)}.chip-wrap.warning:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.warning:not(.outline) .chip-close:hover{background-color:var(--theme-color-warning--hover)}.chip-wrap.warning:not(.outline) .chip-close:active{background-color:var(--theme-color-warning--active)}.chip-wrap.warning.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-warning)}.chip-wrap.warning.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.warning.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.warning.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.warning.outline.icon .with-icon{color:var(--theme-color-warning-text)}.chip-wrap.warning.outline .chip-close{color:inherit}.chip-wrap.warning.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.warning.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.info:not(.outline){color:var(--theme-color-info--contrast)}.chip-wrap.info:not(.outline) .chip-main{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}.chip-wrap.info:not(.outline) .chip-main:hover{background-color:var(--theme-color-info--hover)}.chip-wrap.info:not(.outline) .chip-main:active{background-color:var(--theme-color-info--active)}.chip-wrap.info:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.info:not(.outline) .chip-close:hover{background-color:var(--theme-color-info--hover)}.chip-wrap.info:not(.outline) .chip-close:active{background-color:var(--theme-color-info--active)}.chip-wrap.info.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-info)}.chip-wrap.info.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.info.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.info.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.info.outline.icon .with-icon{color:var(--theme-color-info)}.chip-wrap.info.outline .chip-close{color:inherit}.chip-wrap.info.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.info.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.neutral:not(.outline){color:var(--theme-color-neutral--contrast)}.chip-wrap.neutral:not(.outline) .chip-main{background-color:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}.chip-wrap.neutral:not(.outline) .chip-main:hover{background-color:var(--theme-color-neutral--hover)}.chip-wrap.neutral:not(.outline) .chip-main:active{background-color:var(--theme-color-neutral--active)}.chip-wrap.neutral:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.neutral:not(.outline) .chip-close:hover{background-color:var(--theme-color-neutral--hover)}.chip-wrap.neutral:not(.outline) .chip-close:active{background-color:var(--theme-color-neutral--active)}.chip-wrap.neutral.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-neutral)}.chip-wrap.neutral.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.neutral.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.neutral.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.neutral.outline.icon .with-icon{color:var(--theme-color-neutral)}.chip-wrap.neutral.outline .chip-close{color:inherit}.chip-wrap.neutral.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.neutral.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.success:not(.outline){color:var(--theme-color-success--contrast)}.chip-wrap.success:not(.outline) .chip-main{background-color:var(--theme-color-success);color:var(--theme-color-success--contrast)}.chip-wrap.success:not(.outline) .chip-main:hover{background-color:var(--theme-color-success--hover)}.chip-wrap.success:not(.outline) .chip-main:active{background-color:var(--theme-color-success--active)}.chip-wrap.success:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.success:not(.outline) .chip-close:hover{background-color:var(--theme-color-success--hover)}.chip-wrap.success:not(.outline) .chip-close:active{background-color:var(--theme-color-success--active)}.chip-wrap.success.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}.chip-wrap.success.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.success.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.success.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.success.outline.icon .with-icon{color:var(--theme-color-success)}.chip-wrap.success.outline .chip-close{color:inherit}.chip-wrap.success.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.success.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.outline .chip-close{background-color:var(--theme-chip-close-btn--background)}.chip-wrap.outline .chip-close:hover{background-color:var(--theme-chip-close-btn--background--hover)}.chip-wrap.outline .chip-close:active{background-color:var(--theme-chip-close-btn--background--active)}.chip-wrap.custom.outline{background-color:var(--theme-chip-outline--background)}.chip-wrap.custom.outline .chip-main{background-color:transparent}.chip-wrap.custom.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.custom.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.custom.outline .chip-close{color:inherit}.chip-wrap.custom.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.custom.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.custom:not(.outline) .chip-main{position:relative}.chip-wrap.custom:not(.outline) .chip-main:hover::after,.chip-wrap.custom:not(.outline) .chip-main:active::after{content:"";display:block;position:absolute;inset:0;border-radius:100px;pointer-events:none}.chip-wrap.custom:not(.outline) .chip-main:hover::after{background-color:color-mix(in srgb, currentColor 10%, transparent)}.chip-wrap.custom:not(.outline) .chip-main:active::after{background-color:color-mix(in srgb, currentColor 20%, transparent)}.chip-wrap.custom:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.custom:not(.outline) .chip-close:hover{background-color:color-mix(in srgb, currentColor 10%, transparent)}.chip-wrap.custom:not(.outline) .chip-close:active{background-color:color-mix(in srgb, currentColor 20%, transparent)}';export{s as ix_chip}
|
|
1
|
+
import{M as r,r as o,c as i,g as a,h as e,H as c}from"./p-EBgS4zhE.js";import{n as t}from"./p-DgUGsIlh.js";import{a as n}from"./p-C21npbUc.js";import{D as l}from"./p-BWgttsqY.js";import{I as h}from"./p-vphIrWGB.js";import{m as p}from"./p-Djkc69iv.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const u=["primary","alarm","critical","warning","info","neutral","success","custom"],s=class extends(r(...l,h)){constructor(r){super(),o(this,r),this.closeChip=i(this,"closeChip",7)}get hostElement(){return a(this)}variant="primary";inactive=!1;closable=!1;icon;ariaLabelIcon;background;chipColor;outline=!1;tooltipText=!1;centerContent=!1;ariaLabelCloseButton="Close chip";closeChip;containerElementRef=p();getIgnoredAriaAttributes(){return["role"]}componentWillLoad(){super.componentWillLoad()}getTooltip(){if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text"))return null;const r="string"==typeof this.tooltipText&&this.tooltipText.trim()?this.tooltipText:this.hostElement.textContent?.trim();return e("ix-tooltip",{for:this.containerElementRef.waitForCurrent(),"aria-label":r||void 0},r)}getCustomStyles(r){const o={},i={};return"custom"!==r||(i.color=this.chipColor,this.chipColor&&(o.color=this.chipColor),this.outline&&this.background?o.borderColor=this.background:!this.outline&&this.background&&(i.backgroundColor=this.background)),{wrap:o,main:i}}getIconStyle(r){if("custom"===r)return{color:this.outline?this.background:this.chipColor}}getHostRole(r){return this.hostElement.hasAttribute("role")?this.hostElement.getAttribute("role")??void 0:r?"group":void 0}render(){const r=u.includes(this.variant)?this.variant:"primary",{wrap:o,main:i}=this.getCustomStyles(r),a=!this.inactive&&this.closable,l={"chip-wrap":!0,outline:this.outline,inactive:this.inactive,alarm:"alarm"===r,critical:"critical"===r,info:"info"===r,neutral:"neutral"===r,primary:"primary"===r,success:"success"===r,warning:"warning"===r,custom:"custom"===r,closable:this.closable,icon:!!this.icon,centerContent:this.centerContent},h=!this.ariaLabelIcon?.trim(),p=!!this.inheritAriaAttributes["aria-label"]?.trim()||!!this.inheritAriaAttributes["aria-labelledby"]?.trim(),s=!!this.tooltipText||this.hostElement.hasAttribute("tooltip-text");return e(c,{key:"074e1b8df0edfe5db620b313070c952d94fb6764",role:this.getHostRole(p&&(a||s)),class:{inactive:this.inactive}},e("div",{key:"4f3be99387f137357324a14e4b66c60c61e95c36",ref:this.containerElementRef,class:l,style:o},e("button",{key:"37c9d95256b2d0b1567cb6d9679cfedc319ae32a",type:"button",class:"chip-main",...this.inheritAriaAttributes,disabled:this.inactive,style:i},e("div",{key:"44b27264ee46a492016c92085f2ca13370ba311f",class:"content-wrapper"},this.icon&&e("ix-icon",{key:"05c6d7f19b9132c120e99110c76181557cb82c64",class:{"with-icon":!0},name:this.icon,size:"24","aria-label":this.ariaLabelIcon,"aria-hidden":n(h),style:this.getIconStyle(r)}),e("span",{key:"303f4abb9ae0bff1d823d9a8960767df237282a6",class:"slot-container"},e("slot",{key:"8918f352f8e7e73e8b9c1276025b9a440058173f"})))),a&&e("button",{key:"56f34dccef82fc49349dd0b323cd84f25ab3c401",type:"button",class:"chip-close","aria-label":this.ariaLabelCloseButton,onClick:r=>{this.closeChip.emit(r),r.stopPropagation()}},e("ix-icon",{key:"6bc6e05f59525c5819b95805fd95be372af1ec65",class:"chip-close__icon",name:t,size:"16","aria-hidden":"true"}))),this.getTooltip())}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}]}}};s.style=':host{display:inline-block;position:relative;height:2rem;max-height:2rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.inactive){pointer-events:none}.chip-wrap{display:inline-flex;width:inherit;max-width:100%;box-sizing:border-box;position:relative;align-items:stretch;border-radius:100px;vertical-align:top;min-height:2rem;max-height:2rem}.chip-wrap .chip-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;box-sizing:border-box;display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;width:100%;border-radius:inherit;padding-block:0.5rem;padding-inline:0.75rem;font:inherit;text-align:inherit;color:inherit;cursor:pointer;background:transparent}.chip-wrap .chip-main:disabled{cursor:default}.chip-wrap .chip-main:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.chip-wrap .chip-main .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.chip-wrap .chip-main .with-icon{margin-right:0.25rem}.chip-wrap .chip-main .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-wrap.centerContent .chip-main .content-wrapper{justify-content:center;text-align:center}.chip-wrap.outline .chip-main{padding-left:calc(0.75rem - 0.0625rem)}.chip-wrap.outline:not(.closable) .chip-main,.chip-wrap.outline.closable.inactive .chip-main{padding-right:calc(0.75rem - 0.0625rem)}.chip-wrap.outline.closable:not(.inactive) .chip-main{padding-right:calc(0.25rem + 1.5rem + 0.375rem - 0.0625rem)}.chip-wrap:not(.outline) .chip-main{padding-left:0.75rem}.chip-wrap:not(.outline):not(.closable) .chip-main,.chip-wrap:not(.outline).closable.inactive .chip-main{padding-right:0.75rem}.chip-wrap:not(.outline).closable:not(.inactive) .chip-main{padding-right:calc(0.25rem + 1.5rem + 0.375rem)}.chip-wrap .chip-close{position:absolute;right:0.25rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;box-sizing:border-box;border:0;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:var(--theme-color-std-text);border-radius:50%;flex-shrink:0;z-index:1}.chip-wrap .chip-close:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.chip-wrap .chip-close__icon{display:block;pointer-events:none}.chip-wrap.outline{border-width:0.0625rem;border-style:solid}.chip-wrap.primary:not(.outline){color:var(--theme-chip-primary--color)}.chip-wrap.primary:not(.outline) .chip-main{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.chip-wrap.primary:not(.outline) .chip-main:hover{background-color:var(--theme-chip-primary--background--hover)}.chip-wrap.primary:not(.outline) .chip-main:active{background-color:var(--theme-chip-primary--background--active)}.chip-wrap.primary:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.primary:not(.outline) .chip-close:hover{background-color:var(--theme-chip-primary--background--hover)}.chip-wrap.primary:not(.outline) .chip-close:active{background-color:var(--theme-chip-primary--background--active)}.chip-wrap.primary.outline{color:var(--theme-chip-primary-outline--color--display);background-color:var(--theme-chip-primary-outline--background);border:solid 0.0625rem var(--theme-chip-primary-outline--border-color)}.chip-wrap.primary.outline:hover:not(.inactive){border-color:var(--theme-chip-primary-outline--border-color--hover)}.chip-wrap.primary.outline:active:not(.inactive){border-color:var(--theme-chip-primary-outline--border-color--active)}.chip-wrap.primary.outline .chip-main{background-color:transparent;color:var(--theme-chip-primary-outline--color--display)}.chip-wrap.primary.outline .chip-main:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.chip-wrap.primary.outline .chip-main:active{background-color:var(--theme-chip-primary-outline--background--active)}.chip-wrap.primary.outline.icon .with-icon{color:var(--theme-color-primary)}.chip-wrap.primary.outline:hover:not(.inactive).icon .with-icon{color:var(--theme-chip-primary-outline--color--hover)}.chip-wrap.primary.outline:active:not(.inactive).icon .with-icon{color:var(--theme-chip-primary-outline--color--active)}.chip-wrap.primary.outline .chip-close{color:inherit}.chip-wrap.primary.outline .chip-close:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.chip-wrap.primary.outline .chip-close:active{background-color:var(--theme-chip-primary-outline--background--active)}.chip-wrap.alarm:not(.outline){color:var(--theme-color-alarm--contrast)}.chip-wrap.alarm:not(.outline) .chip-main{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}.chip-wrap.alarm:not(.outline) .chip-main:hover{background-color:var(--theme-color-alarm--hover)}.chip-wrap.alarm:not(.outline) .chip-main:active{background-color:var(--theme-color-alarm--active)}.chip-wrap.alarm:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.alarm:not(.outline) .chip-close:hover{background-color:var(--theme-color-alarm--hover)}.chip-wrap.alarm:not(.outline) .chip-close:active{background-color:var(--theme-color-alarm--active)}.chip-wrap.alarm.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-alarm)}.chip-wrap.alarm.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.alarm.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.alarm.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.alarm.outline.icon .with-icon{color:var(--theme-color-alarm)}.chip-wrap.alarm.outline .chip-close{color:inherit}.chip-wrap.alarm.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.alarm.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.critical:not(.outline){color:var(--theme-color-critical--contrast)}.chip-wrap.critical:not(.outline) .chip-main{background-color:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}.chip-wrap.critical:not(.outline) .chip-main:hover{background-color:var(--theme-color-critical--hover)}.chip-wrap.critical:not(.outline) .chip-main:active{background-color:var(--theme-color-critical--active)}.chip-wrap.critical:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.critical:not(.outline) .chip-close:hover{background-color:var(--theme-color-critical--hover)}.chip-wrap.critical:not(.outline) .chip-close:active{background-color:var(--theme-color-critical--active)}.chip-wrap.critical.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-critical)}.chip-wrap.critical.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.critical.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.critical.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.critical.outline.icon .with-icon{color:var(--theme-color-critical)}.chip-wrap.critical.outline .chip-close{color:inherit}.chip-wrap.critical.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.critical.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.warning:not(.outline){color:var(--theme-color-warning--contrast)}.chip-wrap.warning:not(.outline) .chip-main{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}.chip-wrap.warning:not(.outline) .chip-main:hover{background-color:var(--theme-color-warning--hover)}.chip-wrap.warning:not(.outline) .chip-main:active{background-color:var(--theme-color-warning--active)}.chip-wrap.warning:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.warning:not(.outline) .chip-close:hover{background-color:var(--theme-color-warning--hover)}.chip-wrap.warning:not(.outline) .chip-close:active{background-color:var(--theme-color-warning--active)}.chip-wrap.warning.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-warning)}.chip-wrap.warning.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.warning.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.warning.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.warning.outline.icon .with-icon{color:var(--theme-color-warning-text)}.chip-wrap.warning.outline .chip-close{color:inherit}.chip-wrap.warning.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.warning.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.info:not(.outline){color:var(--theme-color-info--contrast)}.chip-wrap.info:not(.outline) .chip-main{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}.chip-wrap.info:not(.outline) .chip-main:hover{background-color:var(--theme-color-info--hover)}.chip-wrap.info:not(.outline) .chip-main:active{background-color:var(--theme-color-info--active)}.chip-wrap.info:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.info:not(.outline) .chip-close:hover{background-color:var(--theme-color-info--hover)}.chip-wrap.info:not(.outline) .chip-close:active{background-color:var(--theme-color-info--active)}.chip-wrap.info.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-info)}.chip-wrap.info.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.info.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.info.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.info.outline.icon .with-icon{color:var(--theme-color-info)}.chip-wrap.info.outline .chip-close{color:inherit}.chip-wrap.info.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.info.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.neutral:not(.outline){color:var(--theme-color-neutral--contrast)}.chip-wrap.neutral:not(.outline) .chip-main{background-color:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}.chip-wrap.neutral:not(.outline) .chip-main:hover{background-color:var(--theme-color-neutral--hover)}.chip-wrap.neutral:not(.outline) .chip-main:active{background-color:var(--theme-color-neutral--active)}.chip-wrap.neutral:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.neutral:not(.outline) .chip-close:hover{background-color:var(--theme-color-neutral--hover)}.chip-wrap.neutral:not(.outline) .chip-close:active{background-color:var(--theme-color-neutral--active)}.chip-wrap.neutral.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-neutral)}.chip-wrap.neutral.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.neutral.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.neutral.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.neutral.outline.icon .with-icon{color:var(--theme-color-neutral)}.chip-wrap.neutral.outline .chip-close{color:inherit}.chip-wrap.neutral.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.neutral.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.success:not(.outline){color:var(--theme-color-success--contrast)}.chip-wrap.success:not(.outline) .chip-main{background-color:var(--theme-color-success);color:var(--theme-color-success--contrast)}.chip-wrap.success:not(.outline) .chip-main:hover{background-color:var(--theme-color-success--hover)}.chip-wrap.success:not(.outline) .chip-main:active{background-color:var(--theme-color-success--active)}.chip-wrap.success:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.success:not(.outline) .chip-close:hover{background-color:var(--theme-color-success--hover)}.chip-wrap.success:not(.outline) .chip-close:active{background-color:var(--theme-color-success--active)}.chip-wrap.success.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}.chip-wrap.success.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.success.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.success.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.success.outline.icon .with-icon{color:var(--theme-color-success)}.chip-wrap.success.outline .chip-close{color:inherit}.chip-wrap.success.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.success.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.outline .chip-close{background-color:var(--theme-chip-close-btn--background)}.chip-wrap.outline .chip-close:hover{background-color:var(--theme-chip-close-btn--background--hover)}.chip-wrap.outline .chip-close:active{background-color:var(--theme-chip-close-btn--background--active)}.chip-wrap.custom.outline{background-color:var(--theme-chip-outline--background)}.chip-wrap.custom.outline .chip-main{background-color:transparent}.chip-wrap.custom.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.custom.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.custom.outline .chip-close{color:inherit}.chip-wrap.custom.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.custom.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.custom:not(.outline) .chip-main{position:relative}.chip-wrap.custom:not(.outline) .chip-main:hover::after,.chip-wrap.custom:not(.outline) .chip-main:active::after{content:"";display:block;position:absolute;inset:0;border-radius:100px;pointer-events:none}.chip-wrap.custom:not(.outline) .chip-main:hover::after{background-color:color-mix(in srgb, currentColor 10%, transparent)}.chip-wrap.custom:not(.outline) .chip-main:active::after{background-color:color-mix(in srgb, currentColor 20%, transparent)}.chip-wrap.custom:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.custom:not(.outline) .chip-close:hover{background-color:color-mix(in srgb, currentColor 10%, transparent)}.chip-wrap.custom:not(.outline) .chip-close:active{background-color:color-mix(in srgb, currentColor 20%, transparent)}';export{s as ix_chip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as e,h as
|
|
1
|
+
import{r as t,g as e,h as a,H as s}from"./p-EBgS4zhE.js";const i=class{constructor(e){t(this,e)}get hostElement(){return e(this)}layout=[{minWidth:"0",columns:1},{minWidth:"48em",columns:2}];mediaQueryList=[];observer=new MutationObserver((()=>this.calculateGridTemplateColumns()));resizeObserver=new ResizeObserver((()=>{this.calculateGridTemplateColumns()}));connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-colspan"]}),this.resizeObserver.observe(this.hostElement),this.calculateGridTemplateColumns()}componentWillLoad(){this.calculateGridTemplateColumns()}disconnectedCallback(){this.observer&&this.observer.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect()}updateMediaQueryList(){this.mediaQueryList=[],this.layout.forEach((t=>{const e=window.matchMedia(`(min-width: ${t.minWidth})`);this.mediaQueryList.push({mediaQuery:e,layout:t})}))}parseNumber(t){if(!t)return 1;const e=parseInt(t);return isNaN(e)?1:e}calculateGridTemplateColumns(){this.updateMediaQueryList();let t=1;this.mediaQueryList.forEach((e=>{e.mediaQuery.matches&&(t=e.layout.columns)})),Array.from(this.hostElement.children).forEach((e=>{let a=this.parseNumber(e.getAttribute("data-colspan"));a=Math.min(a,t);const s=a/t;e.style.width=`calc(${99.9*s}% - ${1-s} * var(--ix-layout-grid-gap))`}))}render(){return a(s,{key:"21efd579460a164571a802fe0bb80acf6f52c6dc"},a("div",{key:"ea241e9bb64871303076772e40eb0699ba358f3b",class:"container"},a("slot",{key:"a58d52f738522c46482a0dab84dc7fc8ca9ae6cb"})))}static get watchers(){return{layout:[{updateMediaQueryList:0}]}}};i.style=":host{display:block;position:relative;margin:0 0.75rem;--ix-layout-grid-gap:1.5rem}:host .container{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--ix-layout-grid-gap)}:host ::slotted(*){flex-grow:0;flex-shrink:0}";export{i as ix_layout_auto}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{M as e,r,c as t,g as o,h,H as i}from"./p-Ca5WUunf.js";import{a}from"./p-B5k8YVR0.js";import{D as c}from"./p-Dl_bUxb7.js";import{I as d}from"./p-yAf8WIcn.js";import{H as m}from"./p-D148LCh1.js";import"./p-DnaItyVQ.js";import"./p-BIe8Nw9M.js";import"./p-XBTykBKS.js";const b=class extends(e(...c,d)){constructor(e){super(),r(this,e),this.checkedChange=t(this,"checkedChange",7),this.valueChange=t(this,"valueChange",7),this.ixBlur=t(this,"ixBlur",7),e.$hostElement$["s-ei"]?this.formInternals=e.$hostElement$["s-ei"]:(this.formInternals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.formInternals)}formInternals;get hostElement(){return o(this)}name;value="on";checked=!1;disabled=!1;indeterminate=!1;textOn="On";textOff="Off";textIndeterminate="Mixed";hideText=!1;required=!1;checkedChange;valueChange;ixBlur;touched=!1;onCheckedChange(e){if(this.disabled)return;const r=this.indeterminate,t=this.checked;this.indeterminate&&(this.indeterminate=!1),this.checked=e;const{defaultPrevented:o}=this.checkedChange.emit(this.checked);o&&(this.indeterminate=r,this.checked=t)}componentWillLoad(){super.componentWillLoad(),this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value:null)}watchCheckedChange(){this.touched=!0,this.updateFormInternalValue()}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}resolveAriaLabel(){if(!this.inheritAriaAttributes["aria-labelledby"])return this.inheritAriaAttributes["aria-label"]}render(){let e=this.textOff;this.checked&&(e=this.textOn),this.indeterminate&&(e=this.textIndeterminate);const r=this.resolveAriaLabel(),t=this.indeterminate?"mixed":a(this.checked);return h(i,{key:"f04221cc34cc579df99e90487157323b582ffa88",...this.inheritAriaAttributes,role:"switch",tabindex:this.disabled?-1:0,"aria-label":r,"aria-checked":t,"aria-disabled":a(this.disabled),"aria-required":a(this.required),class:{disabled:this.disabled},onBlur:()=>this.ixBlur.emit(),onFocus:()=>this.touched=!0,onKeyDown:e=>{this.disabled||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.onCheckedChange(!this.checked))},onClick:()=>{this.disabled||this.onCheckedChange(!this.checked)}},h("div",{key:"4245387d288d1fe68551ab59ac12af32c977ee96",class:"wrapper"},h("div",{key:"53fb838a752b34fd73947aaee99abbe6700a9654",class:{switch:!0,checked:this.checked,indeterminate:this.indeterminate},"aria-hidden":"true"},h("div",{key:"dc000096dd4bccc837b70861b113727b2fa8511e",class:"slider"})),!this.hideText&&h("ix-typography",{key:"c869cdc3cc704a35f82146c69e08f2fce7c50149",class:"label","aria-hidden":"true"},e)))}static get formAssociated(){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}],checked:[{watchCheckedChange:0}]}}};(function(e,r,t,o){var h,i=arguments.length,a=i<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,r,t,o);else for(var c=e.length-1;c>=0;c--)(h=e[c])&&(a=(i<3?h(a):i>3?h(r,t,a):h(r,t))||a);i>3&&a&&Object.defineProperty(r,t,a)})([m()],b.prototype,"updateClassMappings",null),b.style=':host{display:inline-flex;flex-direction:row;position:relative;min-height:1.5rem;max-height:calc(100% - 0.5rem);margin-block-start:0.25rem;margin-block-end:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;max-height:100%}:host .label{word-break:break-word;display:block;white-space:normal;overflow:hidden;margin-block-start:0.125rem;margin-inline-start:0.5rem;min-height:1rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color)}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover);border:1px solid var(--theme-switch-thumb-off--border-color--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active);border:1px solid var(--theme-switch-thumb-off--border-color--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked>.slider:before{border:1px solid var(--theme-switch-thumb-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover);border:1px solid var(--theme-switch-thumb-on--border-color--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active);border:1px solid var(--theme-switch-thumb-on--border-color--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:focus),:host(:focus-visible){outline:none}:host(:not(.disabled):focus-visible) .switch>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-valid:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--valid );--theme-switch-off--background--hover:var( --theme-switch-off--background--valid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--valid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--valid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--valid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--valid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--valid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--valid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--valid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--valid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--valid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--valid--active );--theme-switch-on--background:var( --theme-switch-on--background--valid );--theme-switch-on--background--hover:var( --theme-switch-on--background--valid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--valid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--valid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--valid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--valid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--valid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--valid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--valid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--valid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--valid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--valid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--valid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--valid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--valid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--valid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--valid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--valid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--valid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--valid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--valid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--valid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--valid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--valid--active )}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--info );--theme-switch-off--background--hover:var( --theme-switch-off--background--info--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--info--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--info );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--info--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--info--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--info );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--info--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--info--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--info );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--info--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--info--active );--theme-switch-on--background:var( --theme-switch-on--background--info );--theme-switch-on--background--hover:var( --theme-switch-on--background--info--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--info--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--info );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--info--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--info--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--info );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--info--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--info--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--info );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--info--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--info--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--info );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--info--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--info--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--info );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--info--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--info--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--info );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--info--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--info--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--info );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--info--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--info--active )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--warning );--theme-switch-off--background--hover:var( --theme-switch-off--background--warning--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--warning--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--warning );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--warning--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--warning--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--warning );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--warning--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--warning--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--warning );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--warning--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--warning--active );--theme-switch-on--background:var( --theme-switch-on--background--warning );--theme-switch-on--background--hover:var( --theme-switch-on--background--warning--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--warning--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--warning );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--warning--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--warning--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--warning );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--warning--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--warning--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--warning );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--warning--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--warning--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--warning );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--warning--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--warning--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--warning );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--warning--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--warning--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--warning );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--warning--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--warning--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--warning );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--warning--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--warning--active )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--invalid );--theme-switch-off--background--hover:var( --theme-switch-off--background--invalid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--invalid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--invalid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--invalid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--invalid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--invalid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--invalid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--invalid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--invalid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--invalid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--invalid--active );--theme-switch-on--background:var( --theme-switch-on--background--invalid );--theme-switch-on--background--hover:var( --theme-switch-on--background--invalid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--invalid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--invalid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--invalid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--invalid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--invalid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--invalid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--invalid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--invalid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--invalid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--invalid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--invalid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--invalid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--invalid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--invalid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--invalid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--invalid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--invalid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--invalid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--invalid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--invalid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--invalid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--invalid--active )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--invalid );--theme-switch-off--background--hover:var( --theme-switch-off--background--invalid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--invalid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--invalid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--invalid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--invalid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--invalid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--invalid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--invalid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--invalid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--invalid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--invalid--active );--theme-switch-on--background:var( --theme-switch-on--background--invalid );--theme-switch-on--background--hover:var( --theme-switch-on--background--invalid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--invalid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--invalid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--invalid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--invalid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--invalid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--invalid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--invalid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--invalid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--invalid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--invalid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--invalid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--invalid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--invalid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--invalid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--invalid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--invalid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--invalid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--invalid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--invalid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--invalid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--invalid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--invalid--active )}';export{b as ix_toggle}
|
|
1
|
+
import{M as e,r,c as t,g as o,h,H as i}from"./p-EBgS4zhE.js";import{a}from"./p-C21npbUc.js";import{D as c}from"./p-BWgttsqY.js";import{I as d}from"./p-vphIrWGB.js";import{H as m}from"./p-yZFaEeBW.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-XBTykBKS.js";const b=class extends(e(...c,d)){constructor(e){super(),r(this,e),this.checkedChange=t(this,"checkedChange",7),this.valueChange=t(this,"valueChange",7),this.ixBlur=t(this,"ixBlur",7),e.$hostElement$["s-ei"]?this.formInternals=e.$hostElement$["s-ei"]:(this.formInternals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.formInternals)}formInternals;get hostElement(){return o(this)}name;value="on";checked=!1;disabled=!1;indeterminate=!1;textOn="On";textOff="Off";textIndeterminate="Mixed";hideText=!1;required=!1;checkedChange;valueChange;ixBlur;touched=!1;onCheckedChange(e){if(this.disabled)return;const r=this.indeterminate,t=this.checked;this.indeterminate&&(this.indeterminate=!1),this.checked=e;const{defaultPrevented:o}=this.checkedChange.emit(this.checked);o&&(this.indeterminate=r,this.checked=t)}componentWillLoad(){super.componentWillLoad(),this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value:null)}watchCheckedChange(){this.touched=!0,this.updateFormInternalValue()}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}resolveAriaLabel(){if(!this.inheritAriaAttributes["aria-labelledby"])return this.inheritAriaAttributes["aria-label"]}render(){let e=this.textOff;this.checked&&(e=this.textOn),this.indeterminate&&(e=this.textIndeterminate);const r=this.resolveAriaLabel(),t=this.indeterminate?"mixed":a(this.checked);return h(i,{key:"41d91ada6ad7f8f0000ff5c636274df99b5bcec3",...this.inheritAriaAttributes,role:"switch",tabindex:this.disabled?-1:0,"aria-label":r,"aria-checked":t,"aria-disabled":a(this.disabled),"aria-required":a(this.required),class:{disabled:this.disabled},onBlur:()=>this.ixBlur.emit(),onFocus:()=>this.touched=!0,onKeyDown:e=>{this.disabled||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.onCheckedChange(!this.checked))},onClick:()=>{this.disabled||this.onCheckedChange(!this.checked)}},h("div",{key:"d712114dae9e0316346e6fb20b3ae28678308788",class:"wrapper"},h("div",{key:"433f2624d9b2b619961a893c5ca4c13f628fa3a6",class:{switch:!0,checked:this.checked,indeterminate:this.indeterminate},"aria-hidden":"true"},h("div",{key:"02272dc7dad538380fe15e57835ac470e1327c4e",class:"slider"})),!this.hideText&&h("ix-typography",{key:"1917d18ba54dbcacb7995dafa45082d3ce7bc36d",class:"label","aria-hidden":"true"},e)))}static get formAssociated(){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}],checked:[{watchCheckedChange:0}]}}};(function(e,r,t,o){var h,i=arguments.length,a=i<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,r,t,o);else for(var c=e.length-1;c>=0;c--)(h=e[c])&&(a=(i<3?h(a):i>3?h(r,t,a):h(r,t))||a);i>3&&a&&Object.defineProperty(r,t,a)})([m()],b.prototype,"updateClassMappings",null),b.style=':host{display:inline-flex;flex-direction:row;position:relative;min-height:1.5rem;max-height:calc(100% - 0.5rem);margin-block-start:0.25rem;margin-block-end:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;max-height:100%}:host .label{word-break:break-word;display:block;white-space:normal;overflow:hidden;margin-block-start:0.125rem;margin-inline-start:0.5rem;min-height:1rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color)}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover);border:1px solid var(--theme-switch-thumb-off--border-color--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active);border:1px solid var(--theme-switch-thumb-off--border-color--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked>.slider:before{border:1px solid var(--theme-switch-thumb-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover);border:1px solid var(--theme-switch-thumb-on--border-color--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active);border:1px solid var(--theme-switch-thumb-on--border-color--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:focus),:host(:focus-visible){outline:none}:host(:not(.disabled):focus-visible) .switch>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-valid:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--valid );--theme-switch-off--background--hover:var( --theme-switch-off--background--valid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--valid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--valid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--valid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--valid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--valid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--valid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--valid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--valid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--valid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--valid--active );--theme-switch-on--background:var( --theme-switch-on--background--valid );--theme-switch-on--background--hover:var( --theme-switch-on--background--valid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--valid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--valid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--valid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--valid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--valid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--valid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--valid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--valid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--valid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--valid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--valid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--valid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--valid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--valid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--valid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--valid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--valid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--valid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--valid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--valid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--valid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--valid--active )}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--info );--theme-switch-off--background--hover:var( --theme-switch-off--background--info--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--info--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--info );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--info--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--info--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--info );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--info--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--info--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--info );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--info--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--info--active );--theme-switch-on--background:var( --theme-switch-on--background--info );--theme-switch-on--background--hover:var( --theme-switch-on--background--info--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--info--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--info );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--info--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--info--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--info );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--info--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--info--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--info );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--info--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--info--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--info );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--info--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--info--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--info );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--info--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--info--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--info );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--info--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--info--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--info );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--info--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--info--active )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--warning );--theme-switch-off--background--hover:var( --theme-switch-off--background--warning--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--warning--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--warning );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--warning--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--warning--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--warning );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--warning--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--warning--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--warning );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--warning--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--warning--active );--theme-switch-on--background:var( --theme-switch-on--background--warning );--theme-switch-on--background--hover:var( --theme-switch-on--background--warning--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--warning--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--warning );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--warning--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--warning--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--warning );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--warning--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--warning--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--warning );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--warning--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--warning--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--warning );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--warning--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--warning--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--warning );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--warning--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--warning--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--warning );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--warning--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--warning--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--warning );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--warning--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--warning--active )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--invalid );--theme-switch-off--background--hover:var( --theme-switch-off--background--invalid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--invalid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--invalid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--invalid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--invalid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--invalid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--invalid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--invalid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--invalid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--invalid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--invalid--active );--theme-switch-on--background:var( --theme-switch-on--background--invalid );--theme-switch-on--background--hover:var( --theme-switch-on--background--invalid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--invalid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--invalid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--invalid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--invalid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--invalid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--invalid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--invalid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--invalid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--invalid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--invalid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--invalid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--invalid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--invalid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--invalid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--invalid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--invalid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--invalid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--invalid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--invalid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--invalid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--invalid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--invalid--active )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--invalid );--theme-switch-off--background--hover:var( --theme-switch-off--background--invalid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--invalid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--invalid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--invalid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--invalid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--invalid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--invalid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--invalid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--invalid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--invalid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--invalid--active );--theme-switch-on--background:var( --theme-switch-on--background--invalid );--theme-switch-on--background--hover:var( --theme-switch-on--background--invalid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--invalid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--invalid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--invalid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--invalid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--invalid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--invalid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--invalid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--invalid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--invalid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--invalid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--invalid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--invalid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--invalid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--invalid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--invalid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--invalid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--invalid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--invalid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--invalid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--invalid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--invalid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--invalid--active )}';export{b as ix_toggle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as r,H as e}from"./p-Ca5WUunf.js";import{l as n,m as a}from"./p-Cl7fhG1I.js";const i=class{icon;placeholder="Enter text here";value="";fullWidth=!1;variant="tertiary";ariaLabelSearchIconButton;ariaLabelClearIconButton="Clear search";ariaLabelSearchInput="Search input";isFieldChanged=!1;expanded=!1;hasFocus=!1;valueChange;expandInput(){setTimeout(this.focusTextInput,300),this.expanded=!0}collapseInput(){!this.isFieldChanged&&this.expanded&&(this.expanded=!1)}clearInput(){this.value="",this.isFieldChanged=!1}onChange(o){this.value=o.target.value,this.isFieldChanged=!this.isFieldChanged||""!==this.value,this.valueChange.emit(this.value)}textInput;constructor(r){o(this,r),this.valueChange=t(this,"valueChange",7),this.focusTextInput=this.focusTextInput.bind(this)}focusTextInput(){this.textInput?.focus()}clearClicked(){this.clearInput(),this.textInput?.focus(),this.valueChange.emit(this.value)}render(){return r(e,{key:"5e12783359b85b420e571e3ed4ad32bd1af9a568",class:{expanded:this.expanded,"right-position":this.expanded,fullWidth:this.fullWidth}},r("ix-icon-button",{key:"1ede2abeb4ecb328196930ae921f7627a5981536",size:this.expanded?"16":"24",icon:this.icon??a,variant:this.expanded?"tertiary":this.variant,"data-testid":"button",onClick:()=>this.expandInput(),tabindex:this.expanded?-1:0,color:this.hasFocus?"input-search-icon--color--focus":void 0,class:{"btn-search":!0,"btn-search--expanded":this.expanded},"aria-label":this.ariaLabelSearchIconButton??(this.expanded?"Close search":"Open search")}),r("div",{key:"8ca9b3b24c7cbf12f236680626c7d7a3c21121a1",class:{expanded:this.expanded,fullWidth:this.fullWidth,collapsed:!this.expanded,"disable-pointer":!this.expanded,"input-container":!0},"data-testid":"input-wrapper"},r("input",{key:"eb0f9a2e596c1f045a865becd0dce3ac478ecd06",class:{"ix-form-control":!0,input:this.expanded,"disable-pointer":!this.expanded,"opacity-before":!this.expanded,"opacity-after":this.expanded},ref:o=>this.textInput=o,"data-testid":"input",placeholder:this.placeholder,type:"text",value:this.value,onBlur:()=>{this.collapseInput(),this.hasFocus=!1},onFocus:()=>this.hasFocus=!0,onInput:o=>this.onChange(o),tabindex:this.expanded?0:-1,"aria-label":this.ariaLabelSearchInput}),this.isFieldChanged?r("ix-icon-button",{class:"btn-clear",icon:n,variant:"subtle-tertiary",size:"16","data-testid":"clear-button",onClick:()=>this.clearClicked(),"aria-label":this.ariaLabelClearIconButton}):null))}};i.style=".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}:host{display:inline-flex;width:auto;height:2rem;align-items:center;justify-content:space-between;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 .input-container{transition:all var(--theme-medium-time) ease-in-out}:host input{box-shadow:var(--theme-input--box-shadow);cursor:auto !important;width:100%}:host .expanded{width:11.5625rem}:host .expanded.fullWidth{width:100%}:host .collapsed{width:1.5rem;border:none}:host{}:host .btn-search-icon{align-self:center;margin:auto;position:relative}:host .btn-search{display:flex;max-width:2rem;max-height:2rem;border-radius:var(--theme-input--border-radius);transition:all var(--theme-default-time) ease-in-out;z-index:1;align-items:center;position:relative;border:none}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):hover,:host .btn-search:not(.disabled):not(:disabled).hover{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):active,:host .btn-search:not(.disabled):not(:disabled).active{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:none}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:var(--focus--border-color);outline-width:1px;outline-style:solid}:host .btn-search.btn-search--expanded{margin-left:0.25rem;pointer-events:none}:host .btn-search:active{width:2rem;height:2rem;border-radius:var(--theme-input--border-radius);border:var(--theme-std-bdr-1) !important}:host{}:host .input-container{display:flex;position:absolute;align-items:center;flex-wrap:nowrap}:host .btn-clear{position:absolute;border-radius:var(--theme-input--border-radius);right:0px;margin-right:0.25rem}:host .input{padding-left:2rem !important;padding-right:2.5rem !important}:host .opacity-before{opacity:0}:host .opacity-after{opacity:1}:host(.right-position){width:11.5625rem !important}:host(.right-position.fullWidth){width:100% !important}:host(.right-position.fullWidth) .fullWidth{width:100% !important}";export{i as ix_expanding_search}
|
|
1
|
+
import{r as o,c as t,h as r,H as e}from"./p-EBgS4zhE.js";import{l as n,m as a}from"./p-DgUGsIlh.js";const i=class{icon;placeholder="Enter text here";value="";fullWidth=!1;variant="tertiary";ariaLabelSearchIconButton;ariaLabelClearIconButton="Clear search";ariaLabelSearchInput="Search input";isFieldChanged=!1;expanded=!1;hasFocus=!1;valueChange;expandInput(){setTimeout(this.focusTextInput,300),this.expanded=!0}collapseInput(){!this.isFieldChanged&&this.expanded&&(this.expanded=!1)}clearInput(){this.value="",this.isFieldChanged=!1}onChange(o){this.value=o.target.value,this.isFieldChanged=!this.isFieldChanged||""!==this.value,this.valueChange.emit(this.value)}textInput;constructor(r){o(this,r),this.valueChange=t(this,"valueChange",7),this.focusTextInput=this.focusTextInput.bind(this)}focusTextInput(){this.textInput?.focus()}clearClicked(){this.clearInput(),this.textInput?.focus(),this.valueChange.emit(this.value)}render(){return r(e,{key:"f954d610f8eee9f8864262567d501f7f53596b14",class:{expanded:this.expanded,"right-position":this.expanded,fullWidth:this.fullWidth}},r("ix-icon-button",{key:"760a79a6faced78eb06603357b83e460991926fa",size:this.expanded?"16":"24",icon:this.icon??a,variant:this.expanded?"tertiary":this.variant,"data-testid":"button",onClick:()=>this.expandInput(),tabindex:this.expanded?-1:0,color:this.hasFocus?"input-search-icon--color--focus":void 0,class:{"btn-search":!0,"btn-search--expanded":this.expanded},"aria-label":this.ariaLabelSearchIconButton??(this.expanded?"Close search":"Open search")}),r("div",{key:"2f29b9e24e4875fa907226a97fe2c20aedbf5b73",class:{expanded:this.expanded,fullWidth:this.fullWidth,collapsed:!this.expanded,"disable-pointer":!this.expanded,"input-container":!0},"data-testid":"input-wrapper"},r("input",{key:"ff934d36786c9f6be7b235773309c32ba6ed1842",class:{"ix-form-control":!0,input:this.expanded,"disable-pointer":!this.expanded,"opacity-before":!this.expanded,"opacity-after":this.expanded},ref:o=>this.textInput=o,"data-testid":"input",placeholder:this.placeholder,type:"text",value:this.value,onBlur:()=>{this.collapseInput(),this.hasFocus=!1},onFocus:()=>this.hasFocus=!0,onInput:o=>this.onChange(o),tabindex:this.expanded?0:-1,"aria-label":this.ariaLabelSearchInput}),this.isFieldChanged?r("ix-icon-button",{class:"btn-clear",icon:n,variant:"subtle-tertiary",size:"16","data-testid":"clear-button",onClick:()=>this.clearClicked(),"aria-label":this.ariaLabelClearIconButton}):null))}};i.style=".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}:host{display:inline-flex;width:auto;height:2rem;align-items:center;justify-content:space-between;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 .input-container{transition:all var(--theme-medium-time) ease-in-out}:host input{box-shadow:var(--theme-input--box-shadow);cursor:auto !important;width:100%}:host .expanded{width:11.5625rem}:host .expanded.fullWidth{width:100%}:host .collapsed{width:1.5rem;border:none}:host{}:host .btn-search-icon{align-self:center;margin:auto;position:relative}:host .btn-search{display:flex;max-width:2rem;max-height:2rem;border-radius:var(--theme-input--border-radius);transition:all var(--theme-default-time) ease-in-out;z-index:1;align-items:center;position:relative;border:none}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):hover,:host .btn-search:not(.disabled):not(:disabled).hover{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):active,:host .btn-search:not(.disabled):not(:disabled).active{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:none}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:var(--focus--border-color);outline-width:1px;outline-style:solid}:host .btn-search.btn-search--expanded{margin-left:0.25rem;pointer-events:none}:host .btn-search:active{width:2rem;height:2rem;border-radius:var(--theme-input--border-radius);border:var(--theme-std-bdr-1) !important}:host{}:host .input-container{display:flex;position:absolute;align-items:center;flex-wrap:nowrap}:host .btn-clear{position:absolute;border-radius:var(--theme-input--border-radius);right:0px;margin-right:0.25rem}:host .input{padding-left:2rem !important;padding-right:2.5rem !important}:host .opacity-before{opacity:0}:host .opacity-after{opacity:1}:host(.right-position){width:11.5625rem !important}:host(.right-position.fullWidth){width:100% !important}:host(.right-position.fullWidth) .fullWidth{width:100% !important}";export{i as ix_expanding_search}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,g as o,h as r,H as s,M as i}from"./p-EBgS4zhE.js";import{n as a}from"./p-DgUGsIlh.js";import{b as l}from"./p-C21npbUc.js";import{I as c,a as n}from"./p-6ZxKp7Jn.js";import{D as h}from"./p-BWgttsqY.js";import{F as d}from"./p-CXbob2Ew.js";import{C as b}from"./p-CUbYLenp.js";import{m}from"./p-Djkc69iv.js";import"./p-BClJdFQP.js";const u=class{constructor(o){e(this,o),this.closeClick=t(this,"closeClick",7)}get hostElement(){return o(this)}disabled=!1;readonly=!1;hideCloseButton=!1;ariaLabelCloseIconButton;closeClick;onCloseClick(e){e.preventDefault(),e.stopPropagation(),this.closeClick.emit()}render(){return r(s,{key:"7b1d7b5eaa69878f972a32ae012dd3e9a96c4dca",class:{disabled:this.disabled,readonly:this.readonly,"hide-close-button":this.hideCloseButton},title:this.hostElement.textContent},r("div",{key:"c678ad613f23f633a38d002f8d9aa74e67473384",class:"slot-container"},r("slot",{key:"4a91b222a51991df3baaaa328b7e991ad80732ae"})),this.disabled||this.readonly||this.hideCloseButton?null:r("ix-icon-button",{variant:"tertiary",oval:!0,icon:a,size:"16",disabled:this.disabled,onClick:e=>{this.onCloseClick(e)},onKeyDown:e=>{switch(e.key){case"Enter":case" ":this.onCloseClick(e);break;case"Tab":break;default:e.preventDefault(),e.stopPropagation()}},"aria-label":this.ariaLabelCloseIconButton}))}};u.style=":host{display:inline-flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;min-width:0}:host .slot-container :host-context(.disabled){background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}:host ix-icon-button{height:1.5rem;margin-left:0.25rem}:host ix-icon-button:not(.disabled):not(:disabled):focus-visible{outline:none}:host(.disabled){border:var(--theme-focus--border-thickness) solid var(--theme-color-component-4);color:var(--theme-color-weak-text);padding-right:0.5rem;cursor:default}:host(.readonly),:host(.hide-close-button){padding-right:0.5rem}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}";class p extends CustomEvent{constructor(e){super("ix-select-item:labelChange",{bubbles:!0,detail:e})}}class v extends CustomEvent{constructor(e){super("ix-select-item:valueChange",{bubbles:!0,detail:e})}}const k=class extends(i(...h,d,b)){constructor(o){super(),e(this,o),this.itemClick=t(this,"itemClick",7)}get hostElement(){return o(this)}label;value;selected=!1;disabled=!1;hover=!1;itemClick;componentLoaded=!1;dropdownItemRef=m();inheritAriaAttributes={};componentDidLoad(){this.inheritAriaAttributes=l(this.hostElement)}async getDropdownItemElement(){return this.dropdownItemRef.waitForCurrent()}componentDidRender(){null==this.value&&console.warn("ix-select-item must have a `value` property"),this.componentLoaded=!0}onValueChange(e,t){this.componentLoaded&&this.hostElement.dispatchEvent(new v({newValue:e,oldValue:t}))}labelChange(e,t){this.componentLoaded&&this.hostElement.dispatchEvent(new p({newValue:e,oldValue:t}))}render(){const e={...this.inheritAriaAttributes,"aria-label":this.inheritAriaAttributes["aria-label"]??this.label};return r(s,{key:"adb8da016414dafc839fff44acbe5dd7d254c188",...e,id:this.getHostElementId(),disableAriaSelectHandling:!0,class:{[n]:!0},"aria-hidden":"true",role:"presentation"},r("ix-dropdown-item",{key:"156824791385b920b04cb389553e020cf3f3183b","aria-hidden":"true",itemRole:"option",class:{"select-item-checked":this.selected,[c]:this.ixFocusVisible},checked:this.selected,disabled:this.disabled,label:this.label?this.label:this.value,ref:this.dropdownItemRef}))}static get watchers(){return{ixFocusVisible:[{$internal_checkAriaSelected:0}],value:[{onValueChange:0}],label:[{labelChange:0}]}}};k.style=":host{display:block;position:relative}:host>ix-dropdown-item{width:100%}:host ix-dropdown-item{color:var(--theme-color-std-text)}:host .select-item-checked{background-color:var(--theme-select-list-item--background--selected);--ix-dropdown-item-checked-color:var(--theme-color-std-text)}:host(.display-none){display:none}:host([disabled]){pointer-events:none;cursor:default}";export{u as ix_filter_chip,k as ix_select_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,H as r}from"./p-
|
|
1
|
+
import{r as t,c as e,h as a,H as r}from"./p-EBgS4zhE.js";const o=class{constructor(a){t(this,a),this.actionClick=e(this,"actionClick",7)}layout="large";icon;header;subHeader;action;ariaLabelEmptyStateIcon;actionClick;render(){return a(r,{key:"788853c0170edd6124ee95f6f37023c3de53f7b4",class:`emptyState emptyState--${this.layout}`},this.icon&&a("div",{key:"fa915d69e9ff30ad13f5edbb70136d16ea0766f4",class:"emptyState__icon"},a("ix-icon",{key:"f9b951b527e138dc58c4bf1b2abd46e3ebf570fa",name:this.icon,size:"32",color:"color-soft-text","aria-label":this.ariaLabelEmptyStateIcon})),a("div",{key:"4d531a294a9bcd8281c37ac497a576ab86e6192c",class:"emptyState__content"},a("div",{key:"1cc40c9096599b31580cea0edf449a146c8ff768",class:"content__label"},a("ix-typography",{key:"d708fc4fb0306b5ec54efb44f003c4792e4eb75f",format:"large"===this.layout?"h3":"body"},this.header),this.subHeader&&a("div",{key:"a08cf6802626709bba74186fd0e5f0056da20981",class:"label__subHeader"},this.subHeader)),this.action&&a("div",{key:"ff17b01d8fffe6ba98d5a5a0a91985972b8368e8",class:"content__action"},a("ix-button",{key:"c78f1ddb54915618c6e2783e025dd608e6c2152a",onClick:()=>this.actionClick.emit()},this.action))))}};o.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 .label__subHeader{color:var(--theme-color-soft-text)}:host(.emptyState.emptyState--large){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--large) .emptyState__icon{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center}:host(.emptyState.emptyState--large) .emptyState__icon ix-icon{transform:scale(1.75)}:host(.emptyState.emptyState--large) .emptyState__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}:host(.emptyState.emptyState--large) .emptyState__content .content__label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem}:host(.emptyState.emptyState--large) .label__subHeader,:host(.emptyState.emptyState--large) ix-typography{text-align:center}:host(.emptyState.emptyState--compact){display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compact) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compact) .emptyState__content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compactBreak){display:flex;flex-direction:row;align-items:flex-start;gap:1rem}:host(.emptyState.emptyState--compactBreak) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compactBreak) .emptyState__content{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem}";export{o as ix_empty_state}
|