@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{M as e,r as o,c as t,g as r,h as i,H as n}from"./p-EBgS4zhE.js";import{N as a}from"./p-DgUGsIlh.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,j as s,h,a as c,b,S as p,o as u,d as m,e as v}from"./p-wfVRhTWc.js";import{g as y,i as f}from"./p-BFUINhFM.js";import{I as g,h as x,o as k,c as w,a as T}from"./p-cYKY6sUE.js";import{D as z}from"./p-BWgttsqY.js";import{m as C}from"./p-Djkc69iv.js";import{r as I}from"./p-BEuV0Xpe.js";import{f as S}from"./p-C21npbUc.js";import{c as j,g as H,H as E}from"./p-yZFaEeBW.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-BbwShqw_.js";import"./p-CNLoALIl.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-XBTykBKS.js";const V=class extends(e(...z,g)){constructor(e){super(),o(this,e),this.valueChange=t(this,"valueChange",6),this.validityStateChange=t(this,"validityStateChange",7),this.ixFocus=t(this,"ixFocus",7),this.ixBlur=t(this,"ixBlur",7),this.ixChange=t(this,"ixChange",7),e.$hostElement$["s-ei"]?this.formInternals=e.$hostElement$["s-ei"]:(this.formInternals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return r(this)}formInternals;name;placeholder;value="";watchValuePropHandler(e){this.onInput(e)}format="TT";minTime;maxTime;watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}required;helperText;label;invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorTimeUnparsable="Time is not valid";hourInterval=1;minuteInterval=1;secondInterval=1;millisecondInterval=100;i18nSelectTime="Confirm";i18nTime="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";suppressSubmitOnEnter=!1;hideHeader=!1;textAlignment="start";enableTopLayer=!1;ariaLabelTimeToggleButton="Toggle time picker";valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;time=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=C();slotEndRef=C();timePickerRef=C();inputElementRef=C();dropdownElementRef=C();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;handleInputKeyDown(e){"ArrowDown"===e.key&&(this.show=!0,I((()=>{const e=this.timePickerRef.current?.shadowRoot?.querySelector('button[tabindex="0"]');e?.focus()}))),s(e,this,this.value),h(e,this.suppressSubmitOnEnter,this.formInternals.form)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e}connectedCallback(){this.classObserver=j(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){if(!this.value){const e=l.now();e.isValid&&(this.value=e.toFormat(this.format))}this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isWithinConfiguredBounds(e){const o=e.startOf("day"),{min:t,max:r}=y(this.minTime,this.maxTime,this.format,o);return f(e,t,r)}syncPickerTimeFromValue(){const e=this.value?.trim()??"";this.time=e&&l.fromFormat(e,this.format).isValid?e:null}validateNonEmptyValue(e){if(!this.format)return null;const o=l.fromFormat(e,this.format);return o.isValid&&this.isWithinConfiguredBounds(o)?{isInputInvalid:!1,invalidReason:void 0}:{isInputInvalid:!0,invalidReason:o.isValid?"customError":o.invalidReason??void 0}}revalidateCurrentValue(){if(!this.value)return;const e=this.validateNonEmptyValue(this.value);e&&(this.isInputInvalid=e.isInputInvalid,this.invalidReason=e.invalidReason,this.emitValidityStateChangeIfChanged(),this.syncPickerTimeFromValue())}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),void this.syncPickerTimeFromValue();const o=this.validateNonEmptyValue(e);o?(this.isInputInvalid=o.isInputInvalid,this.invalidReason=o.invalidReason,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),this.syncPickerTimeFromValue()):this.syncPickerTimeFromValue()}onTimeIconClick(e){x(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.syncPickerTimeFromValue(),k(this.dropdownElementRef)}async closeDropdown(){return w(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}renderInput(){return i("div",{class:"input-wrapper"},i(m,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),i("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},style:{textAlign:this.textAlignment},disabled:this.disabled,readOnly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value,placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.initialValue=this.value,this.ixFocus.emit()},onBlur:()=>{u(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e)}),i(p,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},i("ix-icon-button",{tabindex:-1,ref:e=>S(e,-1),"data-testid":"open-time-picker",class:{"time-icon-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:a,onClick:e=>this.onTimeIconClick(e),"aria-label":this.ariaLabelTimeToggleButton,"aria-expanded":this.show})))}hookValidationLifecycle({isInfo:e,isInvalid:o,isInvalidByRequired:t,isValid:r,isWarning:i}){this.isInvalid=o||t||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=i}emitValidityStateChangeIfChanged(){return v(this)}getValidityState(){return Promise.resolve(T(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const e=H(this.isInputInvalid,this.invalidText,this.i18nErrorTimeUnparsable);return i(n,{key:"ad852f1bdf16618d065d1fbab17420c11b3e5915",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:()=>{this.closeDropdown()}},i("ix-field-wrapper",{key:"cf0d1f5e6fef2a1391ca1fb9b748eb7c75af3d18",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),i("ix-dropdown",{key:"51ba0327ea62439e121ffbc1f6aa8a6a69564481","data-testid":"time-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:e=>{this.show=e.detail},focusTrapOptions:{targetElement:this.timePickerRef,trapFocusInShadowDom:!0}},i("ix-time-picker",{key:"9d994dfdd9b7d58ba305dcff031397a3486a5d64",ref:this.timePickerRef,format:this.format,time:this.time??"",minTime:this.minTime,maxTime:this.maxTime,hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval,embedded:!0,hideHeader:this.hideHeader,i18nConfirmTime:this.i18nSelectTime,i18nHeader:this.i18nTime,i18nHourColumnHeader:this.i18nHourColumnHeader,i18nSecondColumnHeader:this.i18nSecondColumnHeader,i18nMinuteColumnHeader:this.i18nMinuteColumnHeader,i18nMillisecondColumnHeader:this.i18nMillisecondColumnHeader,onTimeSelect:e=>{this.onInput(e.detail),this.initialValue!==e.detail&&(this.ixChange.emit(e.detail),this.initialValue=e.detail),this.show=!1}})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}}};(function(e,o,t,r){var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(o,t,a):i(o,t))||a);n>3&&a&&Object.defineProperty(o,t,a)})([E()],V.prototype,"hookValidationLifecycle",null),V.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{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .time-icon-hidden{display:none}:host(.readonly) input{pointer-events:none}.input-wrapper{position:relative}';export{V as ix_time_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as e,r as t,c as a,g as r,h as i,H as o}from"./p-EBgS4zhE.js";import{F as s,j as d}from"./p-DgUGsIlh.js";import{D as c,I as n}from"./p-D1WplX1z.js";import{q as h}from"./p-6ZxKp7Jn.js";import{D as l,h as b}from"./p-BWgttsqY.js";import{m}from"./p-Djkc69iv.js";import{r as g}from"./p-BEuV0Xpe.js";import"./p-BClJdFQP.js";const u=class extends(e(...l)){constructor(e){super(),t(this,e),this.dateChange=a(this,"dateChange",7),this.dateRangeChange=a(this,"dateRangeChange",7),this.dateSelect=a(this,"dateSelect",7)}get hostElement(){return r(this)}format="yyyy/LL/dd";singleSelection=!1;corners="rounded";from;watchFromPropHandler(e){if(!e)return void(this.currFromDate=void 0);const t=this.parseDateString(e);t&&(this.currFromDate=t,this.updateSelectedYearMonth(t))}to;watchToPropHandler(e){if(!e)return void(this.currToDate=void 0);const t=this.parseDateString(e);t&&(this.currToDate=t,this.updateSelectedYearMonth(t))}minDate="";maxDate="";i18nDone="Done";ariaLabelPreviousMonthButton="Change calendar view to previous month";ariaLabelNextMonthButton="Change calendar view to next month";ariaLabelMonthSelection="Select month";ariaLabelYearSelection="Select year";weekStartIndex=0;locale;onLocaleChange(){this.setTranslations()}showWeekNumbers=!1;embedded=!1;today=c.now().toISO();enableTopLayer=!1;dateChange;dateRangeChange;dateSelect;async getCurrentDate(){const e=this.currFromDate?.isValid?this.currFromDate?.toFormat(this.format):void 0,t=this.currToDate?.isValid?this.currToDate?.toFormat(this.format):void 0;return this.singleSelection?{from:e,to:void 0}:{from:e,to:t}}currFromDate;currToDate;selectedYear=0;tempYear=0;startYear=0;endYear=0;selectedMonth=0;tempMonth=0;yearDropdownButtonRef=m();yearMonthSelectionDropdownRef=m();dayNames;monthNames;focusedDay=1;isDayFocus=!1;monthChangedFromFocus=!1;DAYS_IN_WEEK=7;calendar=[];onKeyDown(e){if(!this.isDayFocus)return;if(this.yearMonthSelectionDropdownRef.current?.show)return;if(["PageUp","PageDown","Home","End"].includes(e.key)){switch(e.key){case"PageUp":this.navigateCalendar(-1,e.shiftKey);break;case"PageDown":this.navigateCalendar(1,e.shiftKey);break;case"Home":this.focusFirstDayOfCurrentWeek();break;case"End":this.focusLastDayOfCurrentWeek()}return}let t=this.focusedDay;switch(e.key){case"ArrowLeft":t--;break;case"ArrowRight":t++;break;case"ArrowUp":t-=7;break;case"ArrowDown":t+=7;break;default:return}e.preventDefault(),this.setFocusedDay(t)}setFocusedDay(e=0){e>this.getDaysInCurrentMonth()?(e-=this.getDaysInCurrentMonth(),this.changeCalendarView(1),this.monthChangedFromFocus=!0):e<1&&(this.changeCalendarView(-1),e+=this.getDaysInCurrentMonth(),this.monthChangedFromFocus=!0),this.focusedDay=e}getDaysInCurrentMonth(){return c.utc(this.selectedYear,this.selectedMonth+1).daysInMonth||0}getFirstDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?t.dayNumbers.find((e=>void 0!==e))??e:e}getLastDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?[...t.dayNumbers].reverse().find((e=>void 0!==e))??e:e}getDateTimeNow(){return c.fromISO(this.today)}parseDateString(e){const t=c.fromFormat(e,this.format);if(t.isValid)return t;console.error(t.invalidExplanation)}async updateSelectedYearMonth(e){this.selectedYear=e.year,this.selectedMonth=e.month-1}onDayBlur(){this.isDayFocus=!1}onDayFocus(){this.isDayFocus=!0}componentWillLoad(){this.setTranslations(),this.currFromDate=this.from?c.fromFormat(this.from,this.format):void 0,this.currToDate=this.to?c.fromFormat(this.to,this.format):void 0;const e=this.currFromDate?.year??this.getDateTimeNow().year;this.startYear=e-101,this.endYear=e+101,this.selectedMonth=(this.currFromDate?.month??this.getDateTimeNow().month)-1,this.selectedYear=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}keyboardNavigationYearSelection;keyboardNavigationMonthSelection;disconnectedCallback(){this.keyboardNavigationYearSelection?.(),this.keyboardNavigationMonthSelection?.()}componentDidLoad(){super.componentDidLoad?.()}componentWillRender(){this.calculateCalendar()}componentDidRender(){if(!this.monthChangedFromFocus&&!this.isDayFocus)return;const e=this.hostElement.shadowRoot.querySelector(`[id=day-cell-${this.focusedDay}]`);e?.focus(),this.monthChangedFromFocus=!1}async navigateCalendar(e,t){this.navigateByMonthOrYear(t?"year":"month",e)}async focusFirstDayOfCurrentWeek(){this.focusedDay=this.getFirstDayOfWeek(this.focusedDay)}async focusLastDayOfCurrentWeek(){this.focusedDay=this.getLastDayOfWeek(this.focusedDay)}async isCalendarDayFocused(){return this.isDayFocus&&!this.yearMonthSelectionDropdownRef.current?.show}async focusActiveDay(){const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected")??e.querySelector(".calendar-item.today")??e.querySelector(".calendar-item.first-day");if(!t)return;const a=t.dataset.calendarDay;a&&(this.focusedDay=parseInt(a,10)),t.focus()}setTranslations(){this.dayNames=this.rotateWeekDayNames(n.weekdays("long",{locale:this.locale}),this.weekStartIndex),this.monthNames=n.months("long",{locale:this.locale})}rotateWeekDayNames(e,t){const a=[...e];if(0===t)return a;const r=e.length;return a.push(...a.splice(0,(-(t=-t)%r+r)%r)),a}async onDone(){const e=await this.getCurrentDate();this.dateSelect.emit(e)}calculateCalendar(){const e=[],t=c.utc(this.selectedYear,this.selectedMonth+1),a=t.startOf("month"),r=t.endOf("month");let i=a.weekNumber,o=r.weekNumber,s=a.weekday-1,d=r.weekday-1;if(0!==this.weekStartIndex){const e=n.weekdays(),t=e[a.weekday];s=this.dayNames.findIndex((e=>e===t));const i=e[r.weekday];d=this.dayNames.findIndex((e=>e===i))}let h=!1;1===o&&(o=r.weeksInWeekYear+1,h=!0);let l=!1;i===a.weeksInWeekYear&&(i=1,o++,l=!0);let b=1;for(let t=i;t<=o&&b<=31;t++){const c=[];for(let e=0;e<this.DAYS_IN_WEEK&&b<=31;e++)c.push(t===i&&e<s||t===o&&e>d?void 0:b++);e.push(l||h?1===t?{weekNumber:a.weeksInWeekYear,dayNumbers:c}:t===r.weekNumber?{weekNumber:1,dayNumbers:c}:{weekNumber:t-1,dayNumbers:c}:{weekNumber:t,dayNumbers:c})}this.calendar=e}selectMonth(e){this.selectedMonth=e,this.selectedYear=this.tempYear,this.tempMonth=e}changeCalendarView(e){this.selectedMonth+e<0?(this.selectedYear--,this.selectedMonth=11):this.selectedMonth+e>11?(this.selectedYear++,this.selectedMonth=0):this.selectedMonth+=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}navigateByMonthOrYear(e,t){let a=this.selectedYear,r=this.selectedMonth;"year"===e?a+=t:(r+=t,r<0?(r=11,a--):r>11&&(r=0,a++));const i=c.utc(a,r+1).daysInMonth||0;this.focusedDay=Math.min(this.focusedDay,i),this.selectedYear=a,this.selectedMonth=r,this.tempYear=a,this.tempMonth=r,this.monthChangedFromFocus=!0}selectDay(e,t){if(t.classList.contains("disabled"))return;const a=c.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return this.singleSelection||void 0===this.currFromDate?(this.currFromDate=a,void this.onDateChange()):void 0!==this.currToDate?(this.currFromDate=a,this.currToDate=void 0,void this.onDateChange()):a<this.currFromDate?(this.currToDate=this.currFromDate,this.currFromDate=a,void this.onDateChange()):(this.currToDate=a,void this.onDateChange())}onDateChange(){this.getCurrentDate().then((e=>{this.dateChange.emit(e),this.singleSelection||this.dateRangeChange.emit(e)}))}getUtilitiesBasedOnDay(e){const t=this.getDateTimeNow(),a=c.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return{isFirstDay:()=>1===e,isToday:()=>t.hasSame(a,"day"),isSelected:()=>!(!this.currFromDate?.hasSame(a,"day")&&!this.currToDate?.hasSame(a,"day")),isRange:()=>!!(this.currFromDate&&a.startOf("day")>this.currFromDate.startOf("day")&&void 0!==this.currToDate&&a.startOf("day")<this.currToDate?.startOf("day"))}}getDayClasses(e){const t=c.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e)),a=this.getUtilitiesBasedOnDay(e);return{"calendar-item":!0,"empty-day":void 0===e,"first-day":a.isFirstDay(),today:a.isToday(),selected:a.isSelected(),range:a.isRange(),disabled:!this.isWithinMinMaxDate(t)}}isWithinMinMaxYear(e){const t=this.minDate?c.fromFormat(this.minDate,this.format).year:void 0,a=this.maxDate?c.fromFormat(this.maxDate,this.format).year:void 0;return!(t&&e<t||a&&e>a)}isWithinMinMaxMonth(e){const t=this.minDate?c.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?c.fromFormat(this.maxDate,this.format):void 0,r=t?.month,i=a?.month;return!(r&&this.tempYear===t.year&&e<r||i&&this.tempYear===a.year&&e>i)}isWithinMinMaxDate(e){const t=this.minDate?c.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?c.fromFormat(this.maxDate,this.format):void 0,r=!!t&&e.startOf("day")<t.startOf("day"),i=!!a&&e.startOf("day")>a.startOf("day");return!r&&!i}renderMonths(){return this.monthNames.map(((e,t)=>i("ix-dropdown-item",{checked:this.tempYear===this.selectedYear&&this.tempMonth===t,key:e,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxMonth(t)},onClick:()=>{this.selectMonth(t)}},i("span",{class:"capitalize monthMargin"},`${e}`))))}renderYears(){const e=[];for(let t=this.startYear;t<=this.endYear;t++)e.push(i("ix-dropdown-item",{key:t,checked:this.tempYear===t,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxYear(t)},onClick:()=>{this.tempYear=t,this.selectedYear=this.tempYear}},i("div",{style:{"min-width":"max-content"}},`${t}`)));return e}changeFocusedDay(){this.monthChangedFromFocus||g((()=>{const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected"),a=e.querySelector(".calendar-item.today");let r=t??a;if(r||(r=e.querySelector(".calendar-item.first-day")),!r)return;const i=r.dataset.calendarDay;i&&(this.focusedDay=parseInt(i,10))}))}async intersect(e){const t=await this.yearDropdownButtonRef.current.getDropdownReference();e.forEach((e=>{e.isIntersecting&&("top"===e.target.dataset.sentinel?(this.startYear-=5,this.skipFirstScrollOffset||g((()=>{const e=h(t,"ix-dropdown-item")[0];t.scrollTo(0,e.offsetTop)})),this.skipFirstScrollOffset=!1):this.endYear+=5)}))}skipFirstScrollOffset=!0;intersectStart=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});intersectEnd=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});render(){return i(o,{key:"3a758d5378cce782272d54ed210f854e1be9bee4",onKeyDown:e=>this.onKeyDown(e),onFocusin:()=>{b()&&this.changeFocusedDay()}},i("ix-date-time-card",{key:"fcdc8c2d76a536bd25328bae925cfbff49dd5e0f",corners:this.corners,embedded:this.embedded},i("div",{key:"93a206ed565efbce5401e10a8f23aa6ac3a61f69",class:"header",slot:"header"},i("ix-icon-button",{key:"f05099c413c1c0c9537aec0bcd8aaddbdd6cad51",onClick:()=>this.changeCalendarView(-1),icon:s,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelPreviousMonthButton}),i("div",{key:"f1b99b9ac1efc8048caab32a1d47873e04075f57",class:"selector"},i("ix-dropdown-button",{key:"260c713c94550e0e0b61abf9920d20f61881342c",class:"month-selector",focusCheckedItem:!0,"aria-label":this.ariaLabelMonthSelection,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation()}},i("ix-typography",{key:"793f53297fe36421acfddfa5a863eacdfe6d9cfb",bold:!0,class:"capitalize",slot:"button-label"},this.monthNames[this.selectedMonth]),this.renderMonths()),i("ix-dropdown-button",{key:"110d9b7237d5a99e30fd740f2d5113a80b5662e8",class:"year-selector",focusCheckedItem:!0,"aria-label":this.ariaLabelYearSelection,ref:this.yearDropdownButtonRef,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation(),e.detail?g((()=>{this.intersectStart.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="top"]')),this.intersectEnd.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="bottom"]'));const e=this.yearDropdownButtonRef.current.querySelector("ix-dropdown-item[checked]");e&&g((()=>{e.scrollIntoView({block:"center"})}))})):(this.intersectStart.disconnect(),this.intersectEnd.disconnect())}},i("div",{key:"1ef79a11c880ceda187e4275af1921cb230f1716",class:"infinite-scrolling-spacer"},i("div",{key:"2d9fc10794f8efe1a8aef837008fb3a0ebe2ca29",class:"sentinel","data-sentinel":"top"})),i("ix-typography",{key:"152c681624d375241d55c641b8013a2ce8b9874d",bold:!0,class:"capitalize",slot:"button-label"},this.selectedYear),this.renderYears(),i("div",{key:"a8770b507077d201df514f35a46d71f3771289df",class:"infinite-scrolling-spacer"},i("div",{key:"e14c2e5bec16bab3d08268ae6bc61303e26355da",class:"sentinel","data-sentinel":"bottom"})))),i("ix-icon-button",{key:"16b7fd43d4d514b628a4ac90f54c0dcd54380fd3",onClick:()=>this.changeCalendarView(1),icon:d,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelNextMonthButton})),i("div",{key:"869b001d286f35e721e31afa4546865f3ed02d1c",role:"grid",class:{grid:!0,"grid--show-week-numbers":this.showWeekNumbers}},i("div",{key:"b95a4e9f19c16ae42ac8e1396f43cedcc829893d",role:"row"},this.showWeekNumbers&&i("div",{key:"5552fb1ecbfb5f71c07b29e838f146662edf9e9e",class:"calendar-item week-day",role:"columnheader"}),this.dayNames.map((e=>i("div",{key:e,class:"calendar-item week-day",role:"columnheader"},i("div",{class:"overflow"},e.slice(0,3)))))),this.calendar.map((e=>i("div",{role:"row"},this.showWeekNumbers&&i("div",{class:"calendar-item week-number",role:"rowheader"},e.weekNumber),e.dayNumbers.map((t=>t?i("div",{role:"gridcell","aria-selected":this.getUtilitiesBasedOnDay(t).isSelected()?"true":"false",key:t,id:`day-cell-${t}`,"data-calendar-day":t,"data-date-value":`${e.weekNumber}-${t}`,class:this.getDayClasses(t),onClick:e=>{this.selectDay(t,e.currentTarget)},onKeyDown:e=>{const a=e.currentTarget;"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.selectDay(t,a))},tabIndex:t===this.focusedDay?0:-1,autofocus:this.getUtilitiesBasedOnDay(t).isToday(),onFocus:()=>this.onDayFocus(),onBlur:()=>this.onDayBlur(),"aria-label":`${t} ${n.months()[this.selectedMonth]} ${this.selectedYear}`},t):i("div",{role:"gridcell"}))))))),i("div",{key:"fddd1c1fc28e5f285551bc7a197c3ddc022e7bcb",class:{button:!0,hidden:this.singleSelection||this.embedded}},i("ix-button",{key:"636a74b44e1e626b618d2c86bb1c5093c82e82e3",hidden:this.singleSelection||this.embedded,onClick:()=>this.onDone()},this.i18nDone))))}static get delegatesFocus(){return!0}static get watchers(){return{from:[{watchFromPropHandler:0}],to:[{watchToPropHandler:0}],locale:[{onLocaleChange:0}]}}};u.style=":host{display:block;position:relative;max-width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid [role=row]{display:grid;grid-column:1/-1;grid-template-columns:subgrid}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected);font-weight:var(--theme-font-weight-bold)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:var(--theme-ms-0);line-height:143%;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}:host .infinite-scrolling-spacer:first-of-type{position:relative;padding-bottom:4rem}:host .infinite-scrolling-spacer:first-of-type .sentinel{position:absolute;bottom:0;height:1px;width:50px}:host .infinite-scrolling-spacer:last-of-type{position:relative;padding-top:4rem}:host .infinite-scrolling-spacer:last-of-type .sentinel{position:absolute;top:0;height:1px;width:50px}:host .month-selector,:host .year-selector{--ix-button-padding:0 0.25rem}";export{u as ix_date_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,g as r,h as a,H as i}from"./p-Ca5WUunf.js";import{b as o}from"./p-B5k8YVR0.js";import{O as s}from"./p-BZApVtkF.js";import{m as n}from"./p-Djkc69iv.js";import{H as c}from"./p-D148LCh1.js";import"./p-XBTykBKS.js";var h=function(t,e,r,a){var i,o=arguments.length,s=o<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,r,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(e,r,s):i(e,r))||s);return o>3&&s&&Object.defineProperty(e,r,s),s};function l(t,e,r){return e<t?t:e>r?r:e}const d=class{constructor(r){t(this,r),this.valueChange=e(this,"valueChange",7),r.$hostElement$["s-ei"]?this.formInternals=r.$hostElement$["s-ei"]:(this.formInternals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.formInternals)}formInternals;get hostElement(){return r(this)}helperText;label;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;step=1;min=0;max=100;value=0;marker;trace=!1;traceReference=0;disabled=!1;valueChange;rangeInput=0;rangeMin=0;rangeMax=100;rangeTraceReference=0;showTooltip=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;a11yAttributes;lastFormValue;touched=!1;controlRef=n();thumbRef=n();tooltipRef=n();get hasLabels(){return!!this.hostElement.querySelector('[slot="label-start"], [slot="label-end"]')}get tooltip(){return this.tooltipRef.current}get pseudoThumb(){return this.thumbRef.current}get slider(){return this.hostElement.shadowRoot?.getElementById("slider")}onShowTooltipChange(){this.showTooltip&&this.pseudoThumb?this.tooltip?.showTooltip(this.pseudoThumb):this.tooltip?.hideTooltip()}onClassField({isInvalid:t,isInfo:e,isValid:r,isWarning:a,isInvalidByRequired:i}){this.isInvalid=t||i,this.isInfo=e,this.isValid=r,this.isWarning=a}componentWillLoad(){this.a11yAttributes=o(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]),this.updateRangeVariables(),this.setFormValueIfChanged(this.value)}updateRangeVariables(){this.rangeInput=l(this.min,this.value,this.max),this.rangeTraceReference=l(this.min,this.traceReference,this.max),this.rangeMin=Math.min(this.min,this.max),this.rangeMax=Math.max(this.min,this.max),void 0!==this.value&&this.setFormValueIfChanged(this.value)}updateFormInternalValue(t){this.setFormValueIfChanged(t),this.valueChange.emit(t)}setFormValueIfChanged(t){const e=t.toString();this.lastFormValue!==e&&(this.formInternals.setFormValue(e),this.lastFormValue=e)}onInput(t){t.stopPropagation();const e=parseFloat(this.slider.value);if(!isNaN(e)){const t=this.rangeInput;this.rangeInput=e;const{defaultPrevented:r}=this.emitInputEvent();r?(this.rangeInput=t,this.slider.value=t.toString()):this.updateFormInternalValue(e)}}emitInputEvent(){return this.valueChange.emit(this.rangeInput)}isMarkerActive(t){const e=Math.min(this.traceReference,this.rangeInput),r=Math.max(this.traceReference,this.rangeInput);return t>=e&&t<=r}onPointerUp(){this.showTooltip=!1}hasValidValue(){return Promise.resolve(!0)}isTouched(){return Promise.resolve(this.touched)}render(){const t=this.rangeMax-this.rangeMin;let e=(this.rangeTraceReference-this.rangeMin)/t,r=(this.rangeInput-this.rangeMin)/t,o=e,s=r;return r-e<=0&&(o=r,s=e),a(i,{key:"4e158f7b4af6a8786274b094fcbdc26a00ec19ed",class:{disabled:this.disabled,invalid:this.isInvalid,info:this.isInfo,valid:this.isValid,warning:this.isWarning},onPointerDown:()=>setTimeout((()=>this.showTooltip=!0))},a("ix-field-wrapper",{key:"a18bd3265b8f50d1a3383b59e70efe0bfb829f39",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.controlRef},a("div",{key:"e01718c2e79b41df00aff2cafd6c8e5becdba85d",class:"slider-container"},a("div",{key:"8b83be7e28cac0484b54768c6283d1d37a74e857",class:"slider"},a("div",{key:"9fa8db2173cd87de771d6a0d5a2ace01820fe128",class:"track"},a("div",{key:"46b3b6487f23f4a9219420642587813906c53ce8",ref:this.thumbRef,class:"thumb",style:{left:`calc(${r} * (100% - 1rem))`}}),a("svg",{key:"53a69bb9f7e79558323d7558d60655293a467012",class:"ticks",xmlns:"http://www.w3.org/2000/svg"},this.marker?.filter((t=>t>=this.min&&t<=this.max)).map((e=>{const r=(e-this.rangeMin)/t;return a("circle",{class:{tick:!0,"tick-active":this.isMarkerActive(e)&&this.trace,"tick-at-min":0===r,"tick-at-max":1===r},cx:"0",cy:"0",style:{"--tick-value":`${r}`}})})))),a("input",{key:"e92242dc3fa7207e1d86071369e76178c9ae6ddf",id:"slider",ref:this.controlRef,type:"range",list:this.marker?"markers":void 0,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:t=>this.onInput(t),onFocus:()=>{this.showTooltip=!0,this.touched=!0},onBlur:()=>{this.showTooltip=!1},style:{"--value":`${r}`,"--trace-reference":`${e}`,"--trace-start":`${o}`,"--trace-end":`${s}`},class:{trace:this.trace&&e!==r,"hide-trace-reference":this.trace&&(this.traceReference<=this.min||this.traceReference>=this.max)},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max,...this.a11yAttributes}),a("ix-tooltip",{key:"aff89362b88b37ec1d9b6bd9f6ba59646dd538a0",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:!0,for:this.thumbRef.waitForCurrent()},this.rangeInput)),this.hasLabels&&a("div",{key:"34feab8797c1338f3063e17e145811ea33518f4e",class:"label"},a("div",{key:"c95ca806e153beab2c91451859b12c82f2e89a65"},a("slot",{key:"e49498aba11ed8f8711db171308f4979a942a93c",name:"label-start"})),a("div",{key:"ac2e3855bc845f00f3ac8f79022c767befa2c7ea"},a("slot",{key:"a21bc3e1329c8467762e5b44801fc8db0868ec13",name:"label-end"}))))))}static get formAssociated(){return!0}static get watchers(){return{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}}};h([c()],d.prototype,"onClassField",null),h([s("pointerup",(t=>t.showTooltip))],d.prototype,"onPointerUp",null),d.style=':host{display:flex;flex-direction:column;min-height:2rem;justify-content:center;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-slider-track-marker--background);--trace-color:var(--theme-slider-trace--background);--tick-color:var(--theme-slider-track-marker--background);--tick-color--active:var(--theme-slider-trace-marker--background);--track-color:var(--theme-slider-track--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 input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1.5rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc((var(--trace-end) - var(--trace-start)) * 100%);left:calc(var(--trace-start) * 100%);height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%);border-radius:clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem)}:host .slider-container{width:100%}:host .slider-container .slider{width:100%}:host .slider-container .slider input[type=range]{width:100%}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(100% * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host{}:host .ticks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}:host .ticks circle.tick{--tick-size:6px;--tick-radius:calc(var(--tick-size) / 2);r:var(--tick-radius);fill:var(--tick-color);transform:translate(calc(var(--tick-value) * (100% - var(--thumb-size)) + var(--thumb-size) / 2), 50%)}:host .ticks .tick.tick-at-min{transform:translate(var(--tick-radius), 50%)}:host .ticks .tick.tick-at-max{transform:translate(calc(100% - var(--tick-radius)), 50%)}:host .ticks .tick.tick-active{fill:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:100%;top:50%;transform:translateY(-50%);left:0px;border-radius:2px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host(.invalid){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.invalid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.invalid) input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.disabled){pointer-events:none;--track-color:var(--theme-slider-track--background--disabled);--trace-color:var(--theme-slider-trace--background--disabled);--tick-color:var(--theme-slider-track-marker--background--disabled);--tick-color--active:var(--theme-slider-trace-marker--background--disabled)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.warning){--trace-color:var(--theme-color-warning-40);--tick-color--active:var(--theme-color-warning)}:host(.warning) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-warning)}:host(.warning) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-warning)}:host(.info){--trace-color:var(--theme-color-info-40);--tick-color--active:var(--theme-color-info)}:host(.info) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-info)}:host(.info) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-info)}:host(.valid){--trace-color:var(--theme-color-success-40);--tick-color--active:var(--theme-color-success)}:host(.valid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-success)}:host(.valid) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-success)}';export{d as ix_slider}
|
|
1
|
+
import{r as t,c as e,g as r,h as a,H as i}from"./p-EBgS4zhE.js";import{b as o}from"./p-C21npbUc.js";import{O as s}from"./p-DVJeDueL.js";import{m as n}from"./p-Djkc69iv.js";import{H as c}from"./p-yZFaEeBW.js";import"./p-XBTykBKS.js";var h=function(t,e,r,a){var i,o=arguments.length,s=o<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,r,a);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(o<3?i(s):o>3?i(e,r,s):i(e,r))||s);return o>3&&s&&Object.defineProperty(e,r,s),s};function l(t,e,r){return e<t?t:e>r?r:e}const d=class{constructor(r){t(this,r),this.valueChange=e(this,"valueChange",7),r.$hostElement$["s-ei"]?this.formInternals=r.$hostElement$["s-ei"]:(this.formInternals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.formInternals)}formInternals;get hostElement(){return r(this)}helperText;label;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;step=1;min=0;max=100;value=0;marker;trace=!1;traceReference=0;disabled=!1;valueChange;rangeInput=0;rangeMin=0;rangeMax=100;rangeTraceReference=0;showTooltip=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;a11yAttributes;lastFormValue;touched=!1;controlRef=n();thumbRef=n();tooltipRef=n();get hasLabels(){return!!this.hostElement.querySelector('[slot="label-start"], [slot="label-end"]')}get tooltip(){return this.tooltipRef.current}get pseudoThumb(){return this.thumbRef.current}get slider(){return this.hostElement.shadowRoot?.getElementById("slider")}onShowTooltipChange(){this.showTooltip&&this.pseudoThumb?this.tooltip?.showTooltip(this.pseudoThumb):this.tooltip?.hideTooltip()}onClassField({isInvalid:t,isInfo:e,isValid:r,isWarning:a,isInvalidByRequired:i}){this.isInvalid=t||i,this.isInfo=e,this.isValid=r,this.isWarning=a}componentWillLoad(){this.a11yAttributes=o(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]),this.updateRangeVariables(),this.setFormValueIfChanged(this.value)}updateRangeVariables(){this.rangeInput=l(this.min,this.value,this.max),this.rangeTraceReference=l(this.min,this.traceReference,this.max),this.rangeMin=Math.min(this.min,this.max),this.rangeMax=Math.max(this.min,this.max),void 0!==this.value&&this.setFormValueIfChanged(this.value)}updateFormInternalValue(t){this.setFormValueIfChanged(t),this.valueChange.emit(t)}setFormValueIfChanged(t){const e=t.toString();this.lastFormValue!==e&&(this.formInternals.setFormValue(e),this.lastFormValue=e)}onInput(t){t.stopPropagation();const e=parseFloat(this.slider.value);if(!isNaN(e)){const t=this.rangeInput;this.rangeInput=e;const{defaultPrevented:r}=this.emitInputEvent();r?(this.rangeInput=t,this.slider.value=t.toString()):this.updateFormInternalValue(e)}}emitInputEvent(){return this.valueChange.emit(this.rangeInput)}isMarkerActive(t){const e=Math.min(this.traceReference,this.rangeInput),r=Math.max(this.traceReference,this.rangeInput);return t>=e&&t<=r}onPointerUp(){this.showTooltip=!1}hasValidValue(){return Promise.resolve(!0)}isTouched(){return Promise.resolve(this.touched)}render(){const t=this.rangeMax-this.rangeMin;let e=(this.rangeTraceReference-this.rangeMin)/t,r=(this.rangeInput-this.rangeMin)/t,o=e,s=r;return r-e<=0&&(o=r,s=e),a(i,{key:"5eed909b2857b9bfbea41402736fe01d7ad9a434",class:{disabled:this.disabled,invalid:this.isInvalid,info:this.isInfo,valid:this.isValid,warning:this.isWarning},onPointerDown:()=>setTimeout((()=>this.showTooltip=!0))},a("ix-field-wrapper",{key:"6f5ef62c132260787b91ea5b5f08faf21153735f",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.controlRef},a("div",{key:"c67536334750605b342859dbf6c38abcc730c6a6",class:"slider-container"},a("div",{key:"33649db602e05ea4f2496c6b7b5a3620eca81a49",class:"slider"},a("div",{key:"f282b195ad420d036e90b4cc45c59fe9232b5919",class:"track"},a("div",{key:"f68211f2d377f2741eaedcdc4ca7fcbcd0f1bbfb",ref:this.thumbRef,class:"thumb",style:{left:`calc(${r} * (100% - 1rem))`}}),a("svg",{key:"50576c072bbd33c8689017d7f67b83694d73516c",class:"ticks",xmlns:"http://www.w3.org/2000/svg"},this.marker?.filter((t=>t>=this.min&&t<=this.max)).map((e=>{const r=(e-this.rangeMin)/t;return a("circle",{class:{tick:!0,"tick-active":this.isMarkerActive(e)&&this.trace,"tick-at-min":0===r,"tick-at-max":1===r},cx:"0",cy:"0",style:{"--tick-value":`${r}`}})})))),a("input",{key:"3ee47514d9a51488410c2b0984f05f39e74153a7",id:"slider",ref:this.controlRef,type:"range",list:this.marker?"markers":void 0,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:t=>this.onInput(t),onFocus:()=>{this.showTooltip=!0,this.touched=!0},onBlur:()=>{this.showTooltip=!1},style:{"--value":`${r}`,"--trace-reference":`${e}`,"--trace-start":`${o}`,"--trace-end":`${s}`},class:{trace:this.trace&&e!==r,"hide-trace-reference":this.trace&&(this.traceReference<=this.min||this.traceReference>=this.max)},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max,...this.a11yAttributes}),a("ix-tooltip",{key:"740ea0d7cf7a200c7db7ea8ac70fd2537b84b4a5",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:!0,for:this.thumbRef.waitForCurrent()},this.rangeInput)),this.hasLabels&&a("div",{key:"d5264eaabacd9f667600df1f0cdf8e89b24d7730",class:"label"},a("div",{key:"4ac2ebda49543e04e619452bd59c3f30a0404879"},a("slot",{key:"dcc9ecd173f1d49133e1070b72b34b8485cc9860",name:"label-start"})),a("div",{key:"022869a430a0644e24932553a321da5fa8dd4df2"},a("slot",{key:"4da9fdcb1d570657a3796a32d0925025e16dc4b7",name:"label-end"}))))))}static get formAssociated(){return!0}static get watchers(){return{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}}};h([c()],d.prototype,"onClassField",null),h([s("pointerup",(t=>t.showTooltip))],d.prototype,"onPointerUp",null),d.style=':host{display:flex;flex-direction:column;min-height:2rem;justify-content:center;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-slider-track-marker--background);--trace-color:var(--theme-slider-trace--background);--tick-color:var(--theme-slider-track-marker--background);--tick-color--active:var(--theme-slider-trace-marker--background);--track-color:var(--theme-slider-track--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 input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1.5rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc((var(--trace-end) - var(--trace-start)) * 100%);left:calc(var(--trace-start) * 100%);height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%);border-radius:clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem)}:host .slider-container{width:100%}:host .slider-container .slider{width:100%}:host .slider-container .slider input[type=range]{width:100%}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(100% * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host{}:host .ticks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}:host .ticks circle.tick{--tick-size:6px;--tick-radius:calc(var(--tick-size) / 2);r:var(--tick-radius);fill:var(--tick-color);transform:translate(calc(var(--tick-value) * (100% - var(--thumb-size)) + var(--thumb-size) / 2), 50%)}:host .ticks .tick.tick-at-min{transform:translate(var(--tick-radius), 50%)}:host .ticks .tick.tick-at-max{transform:translate(calc(100% - var(--tick-radius)), 50%)}:host .ticks .tick.tick-active{fill:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:100%;top:50%;transform:translateY(-50%);left:0px;border-radius:2px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host(.invalid){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.invalid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.invalid) input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.disabled){pointer-events:none;--track-color:var(--theme-slider-track--background--disabled);--trace-color:var(--theme-slider-trace--background--disabled);--tick-color:var(--theme-slider-track-marker--background--disabled);--tick-color--active:var(--theme-slider-trace-marker--background--disabled)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.warning){--trace-color:var(--theme-color-warning-40);--tick-color--active:var(--theme-color-warning)}:host(.warning) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-warning)}:host(.warning) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-warning)}:host(.info){--trace-color:var(--theme-color-info-40);--tick-color--active:var(--theme-color-info)}:host(.info) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-info)}:host(.info) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-info)}:host(.valid){--trace-color:var(--theme-color-success-40);--tick-color--active:var(--theme-color-success)}:host(.valid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-success)}:host(.valid) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-success)}';export{d as ix_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,g as o,f as s,h as i,H as a}from"./p-
|
|
1
|
+
import{r as t,c as e,g as o,f as s,h as i,H as a}from"./p-EBgS4zhE.js";import{y as n}from"./p-DgUGsIlh.js";const r=class{constructor(o){t(this,o),this.tabChange=e(this,"tabChange",7),this.close=e(this,"close",7)}get hostElement(){return o(this)}suppressLegacyTabs=!1;activeTabKey;label="Settings";ariaLabelCloseButton="Close Settings";show=!1;tabChange;close;itemsObserver;get items(){return Array.from(this.hostElement.querySelectorAll("ix-menu-settings-item"))}componentWillLoad(){this.itemsObserver=new MutationObserver((()=>this.onItemsChange())),this.itemsObserver.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.onItemsChange()}disconnectedCallback(){this.itemsObserver?.disconnect()}onItemsChange(){this.suppressLegacyTabs||void 0===this.activeTabKey&&this.items.length>0&&(this.activeTabKey=this.items[0].tabKey)}handleLabelChange(){this.suppressLegacyTabs||s(this)}render(){return i(a,{key:"64e54666ce3cbe2673deb203de0a1ca5cd79a784",slot:"ix-menu-settings",class:{show:this.show,"legacy-tabs":!this.suppressLegacyTabs}},i("div",{key:"11b48733718704c04e86ba7c5ffcf62122a8a0f7",class:"settings-header"},i("h2",{key:"356d053dcc9d393bb9eb5d369778347f4042d7f6",class:"text-h2"},this.label),i("ix-icon-button",{key:"29755f5ecc2ff8539985662e4a6d3143984b5618",variant:"tertiary",size:"24",icon:n,iconColor:"color-soft-text","aria-label":this.ariaLabelCloseButton,onClick:t=>this.close.emit({name:"ix-menu-settings",nativeEvent:t})})),this.suppressLegacyTabs?i("slot",null):i("ix-tab-set",null,i("ix-tabs",{activeTabKey:this.activeTabKey},this.items.map((({label:t,tabKey:e})=>i("ix-tab-item",{tabKey:e,selected:e===this.activeTabKey,label:t})))),i("slot",null)))}};r.style=".text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{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}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}: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 .settings-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .settings-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}";export{r as ix_menu_settings}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,g as i,h as a,H as o}from"./p-
|
|
1
|
+
import{r as e,c as t,g as i,h as a,H as o}from"./p-EBgS4zhE.js";import{D as r}from"./p-D1WplX1z.js";import{b as n}from"./p-3pidUFd-.js";import{g as s}from"./p-CoQiziG8.js";import"./p-Djkc69iv.js";import"./p-6ZxKp7Jn.js";const h=class{constructor(i){e(this,i),this.timeChange=t(this,"timeChange",7),this.dateChange=t(this,"dateChange",7),this.dateSelect=t(this,"dateSelect",7)}get hostElement(){return i(this)}singleSelection=!1;minDate;maxDate;dateFormat="yyyy/LL/dd";timeFormat="HH:mm:ss";minTime;maxTime;from;to;time;showTimeReference=!1;timeReference;i18nDone="Done";i18nTime="Time";ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";weekStartIndex=0;locale;showWeekNumbers=!1;embedded=!1;timeChange;dateChange;dateSelect;datePickerElement;timePickerElement;selectedFromDate;hasTimeConstraintsConfigured(){return!(!this.minTime?.trim()&&!this.maxTime?.trim())}warnIfRangeModeIgnoresTimeConstraints(){!this.singleSelection&&this.hasTimeConstraintsConfigured()&&console.warn("[ix-datetime-picker] `minTime`/`maxTime` are ignored when range selection is enabled (`singleSelection=false`).")}watchFromPropHandler(e){this.selectedFromDate=e}watchSingleSelectionPropHandler(){this.warnIfRangeModeIgnoresTimeConstraints()}watchMinTimePropHandler(){this.warnIfRangeModeIgnoresTimeConstraints()}watchMaxTimePropHandler(){this.warnIfRangeModeIgnoresTimeConstraints()}componentWillLoad(){this.selectedFromDate=this.from,this.warnIfRangeModeIgnoresTimeConstraints()}get dateOnlyFormat(){return s(this.dateFormat)}parseDateValue(e){if(!e)return null;let t=r.fromFormat(e,this.dateFormat,{locale:this.locale});return t.isValid||(t=r.fromFormat(e,this.dateOnlyFormat,{locale:this.locale})),t.isValid?t:null}parseDateConstraint(e,t){const i=this.parseDateValue(e);return i?"start"===t?i.startOf("day"):i.endOf("day"):null}getSelectedFromDateTime(){const e=this.parseDateValue(this.selectedFromDate);return e?e.startOf("day"):null}getEffectiveTimeConstraints(){if(!this.singleSelection)return{minTime:void 0,maxTime:void 0};if(!this.minDate&&!this.maxDate)return{minTime:this.minTime,maxTime:this.maxTime};const e=this.getSelectedFromDateTime();if(!e?.isValid)return{minTime:void 0,maxTime:void 0};const t=this.parseDateConstraint(this.minDate,"start"),i=this.parseDateConstraint(this.maxDate,"end"),a=!!t?.isValid&&!!e?.isValid&&e.hasSame(t,"day"),o=!!i?.isValid&&e.hasSame(i,"day");return{minTime:a?this.minTime:void 0,maxTime:o?this.maxTime:void 0}}async onDone(){const e=await(this.datePickerElement?.getCurrentDate()),t=await(this.timePickerElement?.getCurrentTime());this.dateSelect.emit({from:e?.from??"",to:e?.to??"",time:t??""})}async onDateChange(e){e.preventDefault(),e.stopPropagation();const{detail:t}=e;this.selectedFromDate="string"==typeof t?t:t?.from,this.dateChange.emit(t)}async onTimeChange(e){e.preventDefault(),e.stopPropagation();const{detail:t}=e;this.timeChange.emit(t)}async getDatepickerElement(){return this.datePickerElement}async getTimepickerElement(){return this.timePickerElement}render(){const{minTime:e,maxTime:t}=this.getEffectiveTimeConstraints();return a(o,{key:"0eb6ec0e18a9794f023b8dd6dee89640b9a0a948"},a("ix-date-time-card",{key:"e45f91528b04c803324da4af217ebf7eda31dba0",hideHeader:!0,hasFooter:!0,embedded:this.embedded,corners:"rounded",noPadding:!0},a("ix-layout-grid",{key:"4cade86af3e6a77563e528d92d52c1d86079d0f9",class:"no-padding"},a("ix-row",{key:"657adbd57b8334398f171b5aebf6e63cbc03b2af",class:"row-separator"},a("ix-col",{key:"02d019f2a71c6c1c8cfa716a486acd7ed844c622",class:"col-separator"},a("ix-date-picker",{key:"efb6483f6528cec9660913bca6b51d907c59dd3f",ref:e=>this.datePickerElement=e,corners:"left",singleSelection:this.singleSelection,onDateChange:e=>this.onDateChange(e),from:this.from,to:this.to,format:this.dateFormat,minDate:this.minDate,maxDate:this.maxDate,weekStartIndex:this.weekStartIndex,embedded:!0,locale:this.locale,showWeekNumbers:this.showWeekNumbers,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,tabIndex:this.embedded?-1:0,[n]:this.embedded})),a("ix-col",{key:"e0884bbeabca263427ed98d26febb94b9d90cf91"},a("ix-time-picker",{key:"9b9088f1ed6568028ab41a7f9732e537a1438359",class:"min-width",ref:e=>this.timePickerElement=e,embedded:!0,dateTimePickerAppearance:!0,onTimeChange:e=>this.onTimeChange(e),format:this.timeFormat,time:this.time,minTime:e,maxTime:t,tabIndex:this.embedded?-1:0,[n]:this.embedded})))),a("div",{key:"ad8dacb09da1525749481373191078dc1b85ba60",slot:"footer",class:"btn-select-date-container"},a("ix-button",{key:"1124f92c6f59f14c74385f587f665537bd6cb9e2",class:"btn-select-date",onClick:()=>this.onDone()},this.i18nDone))))}static get watchers(){return{from:[{watchFromPropHandler:0}],singleSelection:[{watchSingleSelectionPropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}}};h.style=":host{display:block;position:relative;width:-moz-min-content;width:min-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-time-picker{width:100%}:host .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}:host .col-separator{border-bottom:0.0625rem solid var(--theme-datepicker-separator--background);border-right:none}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}:host ix-time-picker{width:initial}:host .col-separator{border-right:0.0625rem solid var(--theme-datepicker-separator--background);border-bottom:none}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{display:flex;justify-content:flex-end}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";export{h as ix_datetime_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as o,H as r}from"./p-
|
|
1
|
+
import{r as e,c as t,h as o,H as r}from"./p-EBgS4zhE.js";import{j as s}from"./p-DgUGsIlh.js";const c=class{constructor(o){e(this,o),this.toggle=t(this,"toggle",7),this.itemClick=t(this,"itemClick",7)}text;hasChildren=!1;context;disabled=!1;ariaLabelChevronIcon;toggle;itemClick;render(){const e=this.disabled||this.context?.isDisabled;return o(r,{key:"ac797ebd4ea5c58ef304f89f2c9dd2652e718467",class:{selected:!!this.context?.isSelected,disabled:!!e}},o("div",{key:"065f2f10272bcc61c56455f52ed3c9d2653f16d4",class:"icon-toggle-container"},this.hasChildren?o("ix-icon",{name:s,size:"24",class:{"icon-toggle-down":!!this.context?.isExpanded},color:"color-std-text",onClick:t=>{e||(t.preventDefault(),t.stopPropagation(),this.toggle.emit())},"aria-label":this.ariaLabelChevronIcon??(this.context?.isExpanded?"Collapse tree item":"Expand tree item")}):null),o("div",{key:"915c6b8ac6b26b1696bb2f181cd5b3c99301c22d",class:"tree-node-container",onClick:()=>{e||this.itemClick.emit()}},o("div",{key:"7e138f1ce37dbad892e93d4434fbde49b1552c73",class:"tree-node-text"},this.text),o("slot",{key:"ac6ea5f2b4e396f022dfe6270c7d195ed70fd1cb"})))}};c.style=":host{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tree-node-container{display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .tree-node-container .tree-node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .icon-toggle-container{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem}:host .icon-toggle-container ix-icon{transition:transform var(--theme-default-time) ease-in-out}:host .icon-toggle-container ix-icon.icon-toggle-down{transform:rotate(90deg)}:host(:not(.disabled):not(.selected).hover),:host(:not(.disabled):not(.selected):hover){background-color:var(--theme-tree-item--background--hover)}:host(:not(.disabled):not(.selected).active),:host(:not(.disabled):not(.selected):active){background-color:var(--theme-tree-item--background--active)}:host(.selected){background-color:var(--theme-tree-item--background--selected)}:host(.selected.hover),:host(.selected:hover){background-color:var(--theme-tree-item--background--selected-hover)}:host(.selected.active),:host(.selected:active){background-color:var(--theme-tree-item--background--selected-active)}:host(.disabled){opacity:0.5;pointer-events:none}";export{c as ix_tree_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as o,H as
|
|
1
|
+
import{r as e,h as o,H as a}from"./p-EBgS4zhE.js";import{c as r,v as t}from"./p-DgUGsIlh.js";const i=class{constructor(o){e(this,o)}label;ariaLabelAlarmIcon;ariaLabelWarningIcon;value;unit;state="neutral";orientation="horizontal";getStateIcon(){switch(this.state){case"alarm":return o("ix-icon",{color:"kpi-display-icon--color",name:t,size:"16","aria-label":this.ariaLabelAlarmIcon});case"warning":return o("ix-icon",{color:"kpi-display-icon--color",name:r,size:"16","aria-label":this.ariaLabelWarningIcon});default:return""}}getTooltipText(){let e=`${this.label}: ${this.value}`;return this.unit&&(e=e.concat(` ${this.unit}`)),e}render(){return o(a,{key:"5efa239dd8c91b6661566c235f020900d0df9357",title:this.getTooltipText(),tabindex:"1",class:{stacked:"vertical"===this.orientation}},o("div",{key:"fc4d4c1ec7aa129aaf064809052e45e953bee223",class:{"kpi-container":!0,alarm:"alarm"===this.state,warning:"warning"===this.state}},o("span",{key:"82fe2894efb51fa9ca753745fd1dc3a82b1c04d0",class:"kpi-label"},this.getStateIcon(),o("span",{key:"c1d4de1f9945afacc737141c461c95e132a89141",class:"kpi-label-text"},this.label)),o("span",{key:"60ef2f9d9d6cff9d19e9adc677eacd5a2f625854",class:"kpi-value-container"},o("span",{key:"cbf79bcf59f8614be4c1c540d33f4853943ea88d",class:"kpi-value"},this.value),this.unit?o("span",{class:"kpi-unit"},this.unit):"")))}};i.style=":host{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;min-width:0}: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 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .kpi-container{display:flex;height:100%;width:100%;border-block-end:2px solid grey}:host .kpi-container.alarm{border-block-end-color:var(--theme-color-alarm)}:host .kpi-container.warning{border-block-end-color:var(--theme-color-warning)}:host .kpi-container .kpi-label{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}:host .kpi-container .kpi-label ix-icon{margin-inline-end:0.25rem}:host .kpi-container .kpi-value-container{display:flex;align-items:flex-end}:host .kpi-container .kpi-value{color:var(--theme-kpi-display-value--color);font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .kpi-container .kpi-unit{margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}:host .kpi-container .kpi-label,:host .kpi-container .kpi-unit{margin-block-start:0.125rem}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):hover,:host:not(.disabled):not(:disabled).hover{background-color:var(--theme-kpi-display--background--hover)}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):active,:host:not(.disabled):not(:disabled).active{background-color:var(--theme-kpi-display--background--active)}:host:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}:host(.stacked){height:3.75rem}:host(.stacked) .kpi-container{justify-content:center;flex-wrap:wrap}:host(.stacked) .kpi-container .kpi-label{width:100%;justify-content:center}";export{i as ix_kpi}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as o,H as t}from"./p-EBgS4zhE.js";const s=class{constructor(o){r(this,o)}image;imageAlt="";render(){return this.image?o(t,null,o("img",{src:this.image,alt:this.imageAlt})):null}};s.style=":host{display:block}: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 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}";export{s as ix_popover_image}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as o,r as t,c as e,g as r,h as a,H as n}from"./p-EBgS4zhE.js";import{q as i}from"./p-DgUGsIlh.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,a as s,b as h,h as c,S as b,o as p,d as u,e as m}from"./p-wfVRhTWc.js";import{I as v,h as y,o as f,c as g,a as x}from"./p-cYKY6sUE.js";import{m as k}from"./p-Djkc69iv.js";import{D as w,h as z}from"./p-BWgttsqY.js";import{f as C}from"./p-C21npbUc.js";import{c as S,g as I,H as j}from"./p-yZFaEeBW.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-BbwShqw_.js";import"./p-CNLoALIl.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-XBTykBKS.js";const T=class extends(o(...w,v)){constructor(o){super(),t(this,o),this.valueChange=e(this,"valueChange",6),this.validityStateChange=e(this,"validityStateChange",7),this.ixFocus=e(this,"ixFocus",7),this.ixBlur=e(this,"ixBlur",7),this.ixChange=e(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 r(this)}formInternals;name;placeholder;value="";watchValuePropHandler(o){this.onInput(o)}minDate="";maxDate="";locale;format="yyyy/LL/dd";required;helperText;label;ariaLabelCalendarButton="Open calendar";invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorDateUnparsable="Date is not valid";showWeekNumbers=!1;weekStartIndex=0;ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;from=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=k();slotEndRef=k();datepickerRef=k();inputElementRef=k();dropdownElementRef=k();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;updateFormInternalValue(o){this.formInternals.setFormValue(o||null),this.value=o}connectedCallback(){this.classObserver=S(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.isInputInvalid?this.from=null:this.watchValue(),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}watchValue(){this.from=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(o){if(this.value=o,!o)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(o),void this.valueChange.emit(o);if(!this.format)return;const t=l.fromFormat(o,this.format),e=l.fromFormat(this.minDate,this.format),r=l.fromFormat(this.maxDate,this.format);this.isInputInvalid=!t.isValid||t<e||t>r,this.isInputInvalid?(this.invalidReason=t.invalidReason??void 0,this.from=void 0):(this.updateFormInternalValue(o),this.closeDropdown(),z()&&this.inputElementRef.current?.focus()),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(o)}onCalenderClick(o){y(o,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return f(this.dropdownElementRef)}async closeDropdown(){return g(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleInputKeyDown(o){c(o,this.suppressSubmitOnEnter,this.formInternals.form)}renderInput(){return a("div",{class:"input-wrapper"},a(u,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),a("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,readonly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value??"",placeholder:this.placeholder,name:this.name,onInput:o=>{this.onInput(o.target.value)},onClick:o=>{this.show&&(o.stopPropagation(),o.preventDefault())},onFocus:async()=>{this.ixFocus.emit()},onBlur:()=>{this.touched=!0,p(this,this.inputElementRef.current,this.value),this.emitValidityStateChangeIfChanged()},onKeyDown:o=>this.handleInputKeyDown(o),style:{textAlign:this.textAlignment}}),a(b,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},a("ix-icon-button",{tabindex:-1,ref:o=>C(o,-1),"aria-label":this.ariaLabelCalendarButton,"data-testid":"open-calendar",class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:i,onClick:o=>this.onCalenderClick(o)})))}hookValidationLifecycle({isInfo:o,isInvalid:t,isInvalidByRequired:e,isValid:r,isWarning:a}){this.isInvalid=t||e||this.isInputInvalid,this.isInfo=o,this.isValid=r,this.isWarning=a}emitValidityStateChangeIfChanged(){return m(this)}getValidityState(){return Promise.resolve(x(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const o=I(this.isInputInvalid,this.invalidText,this.i18nErrorDateUnparsable);return a(n,{key:"cd25d18346e36dce13464172417c605bb4883275",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:o=>{o.relatedTarget&&this.closeDropdown()}},a("ix-field-wrapper",{key:"e594e88d3f5629dfe9701eea33fffb714a402252",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:o,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),a("ix-dropdown",{key:"06f1a86337a9f3b03c7d06011b27375ff619a72f","data-testid":"date-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:o=>{this.show=o.detail},focusTrapOptions:{targetElement:this.datepickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>(this.datepickerRef.current?.focusActiveDay(),!0),keyboardActivationKeys:["ArrowUp","ArrowDown"]},a("ix-date-picker",{key:"dc2237c371745ce1734af52ae8497f8f5276d9c7",ref:this.datepickerRef,format:this.format,locale:this.locale,singleSelection:!0,from:this.from??"",minDate:this.minDate,maxDate:this.maxDate,onDateChange:o=>{const{from:t}=o.detail;this.onInput(t),this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)},showWeekNumbers:this.showWeekNumbers,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,embedded:!0})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0},{watchValue:0}]}}};(function(o,t,e,r){var a,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(o,t,e,r);else for(var l=o.length-1;l>=0;l--)(a=o[l])&&(i=(n<3?a(i):n>3?a(t,e,i):a(t,e))||i);n>3&&i&&Object.defineProperty(t,e,i)})([j()],T.prototype,"hookValidationLifecycle",null),T.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{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}';export{T as ix_date_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as o,g as r,h as t,H as e}from"./p-Ca5WUunf.js";import{h as n}from"./p-Cl7fhG1I.js";let c=0;const d=(a="expand-content")=>[a,c++].join("-"),i=class{constructor(r){a(this,r),this.accordionExpand=o(this,"accordionExpand",7)}ariaLabelExpandButton;collapse=!1;variant="outline";get hostElement(){return r(this)}accordionExpand;expandContent=!1;onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(a){a.preventDefault(),a.stopPropagation(),this.expandContent=!this.expandContent,this.accordionExpand.emit({expand:this.expandContent,nativeEvent:a}),this.expandContent&&this.scrollExpandedContentIntoView()}scrollExpandedContentIntoView(){setTimeout((()=>{this.expandedContent.getBoundingClientRect().bottom>window.innerHeight&&this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(!1)}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return t(e,{key:"99d74bce00deda78eec3e658c6315074bcc6f838",slot:"card-accordion",class:{[`variant-${this.variant}`]:!0}},t("button",{key:"0388734d427625db6a28c89cd3f854258060924b",tabIndex:0,class:{"expand-action":!0,show:this.expandContent},onClick:a=>this.onExpandActionClick(a),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":d(),"aria-label":this.ariaLabelExpandButton},t("ix-icon",{key:"30cfd29665e01c6f717546b498a093dfd505c18a",name:n,class:{"expand-icon":!0,show:this.expandContent}})),t("div",{key:"55d278b4ff6fff66a0d1daee213c558bc5fa95cc",class:{"expand-content":!0,show:this.expandContent}},t("div",{key:"580b4d462ddab11dabc62222d88b9af585e9ae2e",class:"expand-content-inner"},t("div",{key:"d5b05b3b7fa03a773d8c6c8256e100a723700be4",class:"expand-content-body"},t("slot",{key:"baf8f14174f1a79e626ce3e9dc8cb149f6f0cc59"})),t("div",{key:"1be55e44df3a61bf32942fabcdd738d0738f091a",class:"expand-content-footer"}))))}static get watchers(){return{collapse:[{onInitialExpandChange:0}]}}};i.style=':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;align-items:center;justify-content:flex-start}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(180deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host(.variant-outline) .expand-action{background-color:var(--theme-push-card-outline-accordion--background)}:host(.variant-outline) .expand-action:hover{background:var(--theme-push-card-outline-accordion--background--hover)}:host(.variant-outline) .expand-action:active{background:var(--theme-push-card-outline-accordion--background--active)}:host(.variant-outline) .expand-content{background-color:var(--theme-push-card-outline-accordion-frame--background)}:host(.variant-outline) .expand-content.show{border:var(--theme-push-card-outline-accordion-frame--border-width, 0px) solid var(--theme-push-card-outline-accordion-frame--border-color)}:host(.variant-outline) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-outline) .expand-content-footer{background-color:var(--theme-push-card-outline-accordion-footer--background)}:host(.variant-filled) .expand-action{background-color:var(--theme-push-card-filled-accordion--background)}:host(.variant-filled) .expand-action:hover{background:var(--theme-push-card-filled-accordion--background--hover)}:host(.variant-filled) .expand-action:active{background:var(--theme-push-card-filled-accordion--background--active)}:host(.variant-filled) .expand-content{background-color:var(--theme-push-card-filled-accordion-frame--background)}:host(.variant-filled) .expand-content.show{border:var(--theme-push-card-filled-accordion-frame--border-width, 0px) solid var(--theme-push-card-filled-accordion-frame--border-color)}:host(.variant-filled) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-filled) .expand-content-footer{background-color:var(--theme-push-card-filled-accordion-footer--background)}:host(.variant-alarm) .expand-action{background-color:var(--theme-push-card-alarm-accordion--background)}:host(.variant-alarm) .expand-action:hover{background:var(--theme-push-card-alarm-accordion--background--hover)}:host(.variant-alarm) .expand-action:active{background:var(--theme-push-card-alarm-accordion--background--active)}:host(.variant-alarm) .expand-content{background-color:var(--theme-push-card-alarm-accordion-frame--background)}:host(.variant-alarm) .expand-content.show{border:var(--theme-push-card-alarm-accordion-frame--border-width, 0px) solid var(--theme-push-card-alarm-accordion-frame--border-color)}:host(.variant-alarm) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-alarm) .expand-content-footer{background-color:var(--theme-push-card-alarm-accordion-footer--background)}:host(.variant-critical) .expand-action{background-color:var(--theme-push-card-critical-accordion--background)}:host(.variant-critical) .expand-action:hover{background:var(--theme-push-card-critical-accordion--background--hover)}:host(.variant-critical) .expand-action:active{background:var(--theme-push-card-critical-accordion--background--active)}:host(.variant-critical) .expand-content{background-color:var(--theme-push-card-critical-accordion-frame--background)}:host(.variant-critical) .expand-content.show{border:var(--theme-push-card-critical-accordion-frame--border-width, 0px) solid var(--theme-push-card-critical-accordion-frame--border-color)}:host(.variant-critical) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-critical) .expand-content-footer{background-color:var(--theme-push-card-critical-accordion-footer--background)}:host(.variant-warning) .expand-action{background-color:var(--theme-push-card-warning-accordion--background)}:host(.variant-warning) .expand-action:hover{background:var(--theme-push-card-warning-accordion--background--hover)}:host(.variant-warning) .expand-action:active{background:var(--theme-push-card-warning-accordion--background--active)}:host(.variant-warning) .expand-content{background-color:var(--theme-push-card-warning-accordion-frame--background)}:host(.variant-warning) .expand-content.show{border:var(--theme-push-card-warning-accordion-frame--border-width, 0px) solid var(--theme-push-card-warning-accordion-frame--border-color)}:host(.variant-warning) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-warning) .expand-content-footer{background-color:var(--theme-push-card-warning-accordion-footer--background)}:host(.variant-success) .expand-action{background-color:var(--theme-push-card-success-accordion--background)}:host(.variant-success) .expand-action:hover{background:var(--theme-push-card-success-accordion--background--hover)}:host(.variant-success) .expand-action:active{background:var(--theme-push-card-success-accordion--background--active)}:host(.variant-success) .expand-content{background-color:var(--theme-push-card-success-accordion-frame--background)}:host(.variant-success) .expand-content.show{border:var(--theme-push-card-success-accordion-frame--border-width, 0px) solid var(--theme-push-card-success-accordion-frame--border-color)}:host(.variant-success) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-success) .expand-content-footer{background-color:var(--theme-push-card-success-accordion-footer--background)}:host(.variant-info) .expand-action{background-color:var(--theme-push-card-info-accordion--background)}:host(.variant-info) .expand-action:hover{background:var(--theme-push-card-info-accordion--background--hover)}:host(.variant-info) .expand-action:active{background:var(--theme-push-card-info-accordion--background--active)}:host(.variant-info) .expand-content{background-color:var(--theme-push-card-info-accordion-frame--background)}:host(.variant-info) .expand-content.show{border:var(--theme-push-card-info-accordion-frame--border-width, 0px) solid var(--theme-push-card-info-accordion-frame--border-color)}:host(.variant-info) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-info) .expand-content-footer{background-color:var(--theme-push-card-info-accordion-footer--background)}:host(.variant-neutral) .expand-action{background-color:var(--theme-push-card-neutral-accordion--background)}:host(.variant-neutral) .expand-action:hover{background:var(--theme-push-card-neutral-accordion--background--hover)}:host(.variant-neutral) .expand-action:active{background:var(--theme-push-card-neutral-accordion--background--active)}:host(.variant-neutral) .expand-content{background-color:var(--theme-push-card-neutral-accordion-frame--background)}:host(.variant-neutral) .expand-content.show{border:var(--theme-push-card-neutral-accordion-frame--border-width, 0px) solid var(--theme-push-card-neutral-accordion-frame--border-color)}:host(.variant-neutral) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-neutral) .expand-content-footer{background-color:var(--theme-push-card-neutral-accordion-footer--background)}:host(.variant-primary) .expand-action{background-color:var(--theme-push-card-primary-accordion--background)}:host(.variant-primary) .expand-action:hover{background:var(--theme-push-card-primary-accordion--background--hover)}:host(.variant-primary) .expand-action:active{background:var(--theme-push-card-primary-accordion--background--active)}:host(.variant-primary) .expand-content{background-color:var(--theme-push-card-primary-accordion-frame--background)}:host(.variant-primary) .expand-content.show{border:var(--theme-push-card-primary-accordion-frame--border-width, 0px) solid var(--theme-push-card-primary-accordion-frame--border-color)}:host(.variant-primary) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-primary) .expand-content-footer{background-color:var(--theme-push-card-primary-accordion-footer--background)}';const s=class{constructor(o){a(this,o)}render(){return t(e,{key:"118fc1fabc92827855d151206ee45226d23cd269"},t("slot",{key:"0b2536768b4509e294d98d117c9a28f3cc5b7a12"}),t("div",{key:"5611dca0fe3debc9c0fbe5ae96e4c221187cc12a",class:"title-actions"},t("slot",{key:"ffa0ad8bd01bc19cd39ccaf08b67d2d6a7cb5a1c",name:"title-actions"})))}};s.style=":host{display:flex;position:relative;flex-direction:row;align-items:center;margin-top:0.25rem;margin-bottom:0.25rem;gap:1rem;width:100%}:host .title-actions{display:flex;position:relative;flex-direction:row;gap:0.25rem;margin-left:auto;margin-right:0}";export{i as ix_card_accordion,s as ix_card_title}
|
|
1
|
+
import{r as a,c as o,g as r,h as t,H as e}from"./p-EBgS4zhE.js";import{h as n}from"./p-DgUGsIlh.js";let c=0;const d=(a="expand-content")=>[a,c++].join("-"),i=class{constructor(r){a(this,r),this.accordionExpand=o(this,"accordionExpand",7)}ariaLabelExpandButton;collapse=!1;variant="outline";get hostElement(){return r(this)}accordionExpand;expandContent=!1;onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(a){a.preventDefault(),a.stopPropagation(),this.expandContent=!this.expandContent,this.accordionExpand.emit({expand:this.expandContent,nativeEvent:a}),this.expandContent&&this.scrollExpandedContentIntoView()}scrollExpandedContentIntoView(){setTimeout((()=>{this.expandedContent.getBoundingClientRect().bottom>window.innerHeight&&this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(!1)}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return t(e,{key:"5895eac0bfacb903c7c0d4b8119fa1c5740d0a38",slot:"card-accordion",class:{[`variant-${this.variant}`]:!0}},t("button",{key:"269999da5591350946e1f2cf9f767617f0afbeec",tabIndex:0,class:{"expand-action":!0,show:this.expandContent},onClick:a=>this.onExpandActionClick(a),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":d(),"aria-label":this.ariaLabelExpandButton},t("ix-icon",{key:"566dd098a706b8a6f3e6d92d00f05d768fe429c3",name:n,class:{"expand-icon":!0,show:this.expandContent}})),t("div",{key:"38259672ff7307ab14d1f90216950aace14bfe1b",class:{"expand-content":!0,show:this.expandContent}},t("div",{key:"a9c79af5f2beea7bc3cc5f9f5c182438c363e220",class:"expand-content-inner"},t("div",{key:"a460bd87f4f7e1eb40072a756f9f1ffcd23451eb",class:"expand-content-body"},t("slot",{key:"916a58024ec98a54b9e348de6544d48981824e5f"})),t("div",{key:"9f45502dfb26f863e4a010e237bc7db3de534f45",class:"expand-content-footer"}))))}static get watchers(){return{collapse:[{onInitialExpandChange:0}]}}};i.style=':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;align-items:center;justify-content:flex-start}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(180deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host(.variant-outline) .expand-action{background-color:var(--theme-push-card-outline-accordion--background)}:host(.variant-outline) .expand-action:hover{background:var(--theme-push-card-outline-accordion--background--hover)}:host(.variant-outline) .expand-action:active{background:var(--theme-push-card-outline-accordion--background--active)}:host(.variant-outline) .expand-content{background-color:var(--theme-push-card-outline-accordion-frame--background)}:host(.variant-outline) .expand-content.show{border:var(--theme-push-card-outline-accordion-frame--border-width, 0px) solid var(--theme-push-card-outline-accordion-frame--border-color)}:host(.variant-outline) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-outline) .expand-content-footer{background-color:var(--theme-push-card-outline-accordion-footer--background)}:host(.variant-filled) .expand-action{background-color:var(--theme-push-card-filled-accordion--background)}:host(.variant-filled) .expand-action:hover{background:var(--theme-push-card-filled-accordion--background--hover)}:host(.variant-filled) .expand-action:active{background:var(--theme-push-card-filled-accordion--background--active)}:host(.variant-filled) .expand-content{background-color:var(--theme-push-card-filled-accordion-frame--background)}:host(.variant-filled) .expand-content.show{border:var(--theme-push-card-filled-accordion-frame--border-width, 0px) solid var(--theme-push-card-filled-accordion-frame--border-color)}:host(.variant-filled) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-filled) .expand-content-footer{background-color:var(--theme-push-card-filled-accordion-footer--background)}:host(.variant-alarm) .expand-action{background-color:var(--theme-push-card-alarm-accordion--background)}:host(.variant-alarm) .expand-action:hover{background:var(--theme-push-card-alarm-accordion--background--hover)}:host(.variant-alarm) .expand-action:active{background:var(--theme-push-card-alarm-accordion--background--active)}:host(.variant-alarm) .expand-content{background-color:var(--theme-push-card-alarm-accordion-frame--background)}:host(.variant-alarm) .expand-content.show{border:var(--theme-push-card-alarm-accordion-frame--border-width, 0px) solid var(--theme-push-card-alarm-accordion-frame--border-color)}:host(.variant-alarm) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-alarm) .expand-content-footer{background-color:var(--theme-push-card-alarm-accordion-footer--background)}:host(.variant-critical) .expand-action{background-color:var(--theme-push-card-critical-accordion--background)}:host(.variant-critical) .expand-action:hover{background:var(--theme-push-card-critical-accordion--background--hover)}:host(.variant-critical) .expand-action:active{background:var(--theme-push-card-critical-accordion--background--active)}:host(.variant-critical) .expand-content{background-color:var(--theme-push-card-critical-accordion-frame--background)}:host(.variant-critical) .expand-content.show{border:var(--theme-push-card-critical-accordion-frame--border-width, 0px) solid var(--theme-push-card-critical-accordion-frame--border-color)}:host(.variant-critical) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-critical) .expand-content-footer{background-color:var(--theme-push-card-critical-accordion-footer--background)}:host(.variant-warning) .expand-action{background-color:var(--theme-push-card-warning-accordion--background)}:host(.variant-warning) .expand-action:hover{background:var(--theme-push-card-warning-accordion--background--hover)}:host(.variant-warning) .expand-action:active{background:var(--theme-push-card-warning-accordion--background--active)}:host(.variant-warning) .expand-content{background-color:var(--theme-push-card-warning-accordion-frame--background)}:host(.variant-warning) .expand-content.show{border:var(--theme-push-card-warning-accordion-frame--border-width, 0px) solid var(--theme-push-card-warning-accordion-frame--border-color)}:host(.variant-warning) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-warning) .expand-content-footer{background-color:var(--theme-push-card-warning-accordion-footer--background)}:host(.variant-success) .expand-action{background-color:var(--theme-push-card-success-accordion--background)}:host(.variant-success) .expand-action:hover{background:var(--theme-push-card-success-accordion--background--hover)}:host(.variant-success) .expand-action:active{background:var(--theme-push-card-success-accordion--background--active)}:host(.variant-success) .expand-content{background-color:var(--theme-push-card-success-accordion-frame--background)}:host(.variant-success) .expand-content.show{border:var(--theme-push-card-success-accordion-frame--border-width, 0px) solid var(--theme-push-card-success-accordion-frame--border-color)}:host(.variant-success) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-success) .expand-content-footer{background-color:var(--theme-push-card-success-accordion-footer--background)}:host(.variant-info) .expand-action{background-color:var(--theme-push-card-info-accordion--background)}:host(.variant-info) .expand-action:hover{background:var(--theme-push-card-info-accordion--background--hover)}:host(.variant-info) .expand-action:active{background:var(--theme-push-card-info-accordion--background--active)}:host(.variant-info) .expand-content{background-color:var(--theme-push-card-info-accordion-frame--background)}:host(.variant-info) .expand-content.show{border:var(--theme-push-card-info-accordion-frame--border-width, 0px) solid var(--theme-push-card-info-accordion-frame--border-color)}:host(.variant-info) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-info) .expand-content-footer{background-color:var(--theme-push-card-info-accordion-footer--background)}:host(.variant-neutral) .expand-action{background-color:var(--theme-push-card-neutral-accordion--background)}:host(.variant-neutral) .expand-action:hover{background:var(--theme-push-card-neutral-accordion--background--hover)}:host(.variant-neutral) .expand-action:active{background:var(--theme-push-card-neutral-accordion--background--active)}:host(.variant-neutral) .expand-content{background-color:var(--theme-push-card-neutral-accordion-frame--background)}:host(.variant-neutral) .expand-content.show{border:var(--theme-push-card-neutral-accordion-frame--border-width, 0px) solid var(--theme-push-card-neutral-accordion-frame--border-color)}:host(.variant-neutral) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-neutral) .expand-content-footer{background-color:var(--theme-push-card-neutral-accordion-footer--background)}:host(.variant-primary) .expand-action{background-color:var(--theme-push-card-primary-accordion--background)}:host(.variant-primary) .expand-action:hover{background:var(--theme-push-card-primary-accordion--background--hover)}:host(.variant-primary) .expand-action:active{background:var(--theme-push-card-primary-accordion--background--active)}:host(.variant-primary) .expand-content{background-color:var(--theme-push-card-primary-accordion-frame--background)}:host(.variant-primary) .expand-content.show{border:var(--theme-push-card-primary-accordion-frame--border-width, 0px) solid var(--theme-push-card-primary-accordion-frame--border-color)}:host(.variant-primary) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-primary) .expand-content-footer{background-color:var(--theme-push-card-primary-accordion-footer--background)}';const s=class{constructor(o){a(this,o)}render(){return t(e,{key:"c50fb67ce42087c697968348b95fb02101b15b86"},t("slot",{key:"0c245caa0f0e71ba88966b1e11eac12d598b2d9d"}),t("div",{key:"90ff563a14756a276e6188ebee294fb484c18a77",class:"title-actions"},t("slot",{key:"1da997f39903021f1edb96508982fb699cc8b3a6",name:"title-actions"})))}};s.style=":host{display:flex;position:relative;flex-direction:row;align-items:center;margin-top:0.25rem;margin-bottom:0.25rem;gap:1rem;width:100%}:host .title-actions{display:flex;position:relative;flex-direction:row;gap:0.25rem;margin-left:auto;margin-right:0}";export{i as ix_card_accordion,s as ix_card_title}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as r,H as a}from"./p-EBgS4zhE.js";import{g as o,a as e}from"./p-C21npbUc.js";const i=class{constructor(r){t(this,r)}variant="outline";icon=void 0;ariaLabelIcon;heading;subheading;selected=!1;ariaLabelCard;passive=!1;getSubheadingTextColor(){return"outline"===this.variant||"filled"===this.variant?"soft":void 0}render(){const t=!this.ariaLabelCard&&this.heading?"ix-action-card-heading":void 0;return r(a,{key:"13c017461553dde76509473679c2c0942f0536ef"},r("button",{key:"b0a154fff6809c67e595a90137ba46eaab2654ed",type:"button",disabled:this.passive,"aria-label":this.ariaLabelCard,"aria-labelledby":t},r("ix-card",{key:"1718627fa2718bf42b19d8b967ea556fa0b7bc09",selected:this.selected,variant:this.variant,passive:this.passive,class:this.passive?void 0:"pointer"},r("ix-card-content",{key:"fa854f2be562cd938122504d2f531f4f9bac52e9"},this.icon?r("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon||o(this.icon)}):null,r("div",{key:"bcf7099102118877945d25a908b988e6bfccf00f"},this.heading?r("ix-typography",{id:"ix-action-card-heading","aria-hidden":e(!t),format:"h4"},this.heading):null,this.subheading?r("ix-typography",{format:"h5","text-color":this.getSubheadingTextColor()},this.subheading):null,r("slot",{key:"d77220fa34088b62378d3c095c50f87e4442a002"}))))))}};i.style=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{width:100%;height:100%;display:block;background:transparent;text-align:start;padding:0;border:0;border-radius:var(--theme-btn--border-radius);box-shadow:initial}:host button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host button[disabled]{cursor:default}:host ix-card{width:100%;height:100%}";export{i as ix_action_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{M as
|
|
1
|
+
import{M as o,r as e,c as r,g as t,h as a,H as s}from"./p-EBgS4zhE.js";import{y as i,z as n}from"./p-DgUGsIlh.js";import{D as c}from"./p-BWgttsqY.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const l=class extends(o(...c)){constructor(o){super(),e(this,o),this.showMore=r(this,"showMore",7),this.closePopover=r(this,"closePopover",7)}get hostElement(){return t(this)}show=!1;label;i18nShowMore="Show more";aboutItemLabel;activeAboutTabKey;showMore;closePopover;expanded=!1;render(){return a(s,{key:"2140402346af0c9c6b35c32cd001d41fac408f66",class:{expanded:this.expanded,show:!this.show}},a("div",{key:"655926df0b24c2edbb2c5e8e504a7f2072ed16dd",class:"banner-container"},a("ix-icon",{key:"d7d86dd91e2d6d09ba16f48548f044520e36f893",color:"color-inv-contrast-text",name:n,size:"32"}),a("svg",{key:"8b2bbf35bf826f8aeed01df8cf81aef3185a0fff",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},a("polygon",{key:"0ff0926642c10c1662aa7055ba18db6f5b7b8a1d",points:"0 0 48 0 48 56 24 48 0 56"}))),a("div",{key:"c392b9b890d85e241f6f88d20c1307ce23030352",class:"cui-popover-news-header"},a("ix-typography",{key:"546560dd3afdb47034e86e3ff2a6290824cc02c1",format:"label",bold:!0},this.label)),a("ix-icon-button",{key:"e6343c6409f25403e870054a23c47c7b849c837c",size:"24",icon:i,iconColor:"color-soft-text",variant:"tertiary",onClick:()=>{this.show=!1,this.closePopover.emit()}}),a("div",{key:"73b723ebd03bdf5f5592f8da68bfe481d5e5995c",class:"slot-container"},a("slot",{key:"ef993e0dcaf820e2e89eeb017bc15f32026c9127"})),this.activeAboutTabKey?a("div",{class:"cui-popover-news-footer"},a("ix-button",{variant:"primary",onClick:o=>{this.show=!1,this.showMore.emit(o)}},this.i18nShowMore)):null,a("div",{key:"90c790cac92119aa825bfd075e8c280894eb7141",id:"arrow"}))}};l.style=":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}: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 .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}";export{l as ix_menu_about_news}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as t}from"./p-BbwShqw_.js";import{r as n}from"./p-EBgS4zhE.js";async function o(n){const o=(await n.waitForCurrent()).getAttribute("data-ix-dropdown");if(t.dismissAll(),!o)return;const a=t.getDropdownById(o);a&&t.present(a)}async function a(n){const o=(await n.waitForCurrent()).getAttribute("data-ix-dropdown");if(!o)return;const a=t.getDropdownById(o);a&&t.dismiss(a)}function s(t,n,o,a){n||(t.stopPropagation(),t.preventDefault(),o()),a.current&&a.current.focus()}function r(t,n,o){return{badInput:!1,customError:!1,patternMismatch:t,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!t,valueMissing:!!n&&!o}}const i=o=>class extends o{constructor(t){super(),n(this,t)}async openPicker(){const n=this.getPickerElement(),o=await(n?.waitForCurrent());o&&(t.dismissAll(),requestAnimationFrame((()=>{o.show=!0})))}};export{i as I,r as a,a as c,s as h,o}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as o,H as t}from"./p-EBgS4zhE.js";import{b as a}from"./p-3pidUFd-.js";import"./p-Djkc69iv.js";import"./p-6ZxKp7Jn.js";const s=class{constructor(o){r(this,o)}noPadding=!1;render(){return o(t,{key:"4905ed4b5a260f7e700c05a4a5525a8fdc14c8e9",class:{"no-padding":this.noPadding},[a]:!0},o("slot",{key:"03f85fc0aaea7387b08019f8ed7c4e80378d0c3a"}))}};s.style=":host{display:block;position:relative;overflow:auto;padding:0.75rem}: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(.no-padding){padding:0}";export{s as ix_popover_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{M as t,r as e,c as r,g as o,h as s,H as i}from"./p-
|
|
1
|
+
import{M as t,r as e,c as r,g as o,h as s,H as i}from"./p-EBgS4zhE.js";import{j as a}from"./p-DgUGsIlh.js";import{b as n}from"./p-C21npbUc.js";import{D as c}from"./p-BWgttsqY.js";import{c as h}from"./p-CX81WQtk.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const l=class extends(t(...c)){constructor(t){super(),e(this,t),this.itemClick=r(this,"itemClick",7),this.nextClick=r(this,"nextClick",7)}get hostElement(){return o(this)}visibleItemCount=9;nextItems=[];onNextItemsChange(){this.onChildMutation()}subtle=!1;ariaLabelPreviousButton="Show previous breadcrumb items";enableTopLayer=!1;itemClick;nextClick;items=[];isNextDropdownExpanded=!1;shouldRenderNextDropdown=!1;mutationObserver;inheritAriaAttributes={};onItemClick(t){this.itemClick.emit(t)}componentDidLoad(){this.mutationObserver=h((()=>this.onChildMutation())),this.mutationObserver.observe(this.hostElement,{subtree:!0,childList:!0})}componentWillLoad(){this.inheritAriaAttributes=n(this.hostElement),this.onChildMutation()}disconnectedCallback(){this.mutationObserver?.disconnect()}async onChildMutation(){const t=this.getItems();t.forEach(((e,r)=>{const o=t.length-1===r,s=0!==this.nextItems.length&&o;e.subtle=this.subtle,e.hideChevron=o&&!s,e.isDropdownTrigger=s,e.isCurrentPage=o,e.invisible=!!s||r<t.length-this.visibleItemCount})),this.shouldRenderNextDropdown=0!==this.nextItems.length,this.items=t}getItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}onNextDropdownExpandedChange(){this.onChildMutation()}render(){const t=this.items?.[this.items.length-1];return this.inheritAriaAttributes["aria-label"]=this.inheritAriaAttributes["aria-label"]??"Breadcrumbs",s(i,{key:"c63417821c2568df84e4baac933ae48adebb9eaa",...this.inheritAriaAttributes,role:"navigation"},this.items?.length>this.visibleItemCount&&s("ix-dropdown-button",{key:"48cb02774fdb31022f0937c21e4bedf0b05d355c","aria-label":this.ariaLabelPreviousButton,label:"...",variant:"tertiary",class:"previous-button",enableTopLayer:this.enableTopLayer},s("ix-icon",{key:"b71d928673dcd5e2499bc053df3778f0ef479f74",slot:"button-label",name:a,size:"16",class:"chevron"}),this.items.slice(0,this.items.length-this.visibleItemCount).map((t=>{const e=t.label??t.innerText;return s("ix-dropdown-item",{label:e,onClick:()=>{this.onItemClick({breadcrumbKey:t.breadcrumbKey,label:e})},onItemClick:t=>t.stopPropagation()})}))),s("div",{key:"28b88b7ea6fd07b602029e84d5ffb25fcc1a9c9d",class:"crumb-items"},s("slot",{key:"377355ec37213169ce75c9a9114ed5111624890c"})),this.shouldRenderNextDropdown&&s("ix-dropdown-button",{key:"911d84229dce59da156efa9ea9878e86bd9849aa",label:t.label??t.innerText,class:"next-button",variant:"tertiary",enableTopLayer:this.enableTopLayer,"aria-current":"page"},s("ix-icon",{key:"20982db434ac5647b57b29e9287ac9bcfa5ccf7b",slot:"button-label",name:a,size:"16",class:"chevron"}),this.nextItems?.map((t=>s("ix-dropdown-item",{label:t.label,onClick:e=>{this.nextClick.emit({event:e,item:t})},onItemClick:t=>t.stopPropagation()})))))}static get delegatesFocus(){return!0}static get watchers(){return{nextItems:[{onNextItemsChange:0}],isNextDropdownExpanded:[{onNextDropdownExpandedChange:0}]}}};l.style=":host{display:flex;justify-content:flex-start;height:2.5rem;align-items:center;background-color:transparent}: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 .previous-button{width:auto;min-width:0px;margin-right:0.25rem}:host .crumb-dropdown{overflow:visible}:host .remove-anchor::after{display:none}:host .more-text{display:flex}:host .more-text .more-text-ellipsis{width:1rem;display:inline-block;font-weight:700}:host .more-text ix-icon{padding-top:2px}:host nav,:host ol,:host .crumb-items{display:contents}:host .chevron{margin-left:0.5rem;margin-right:0rem;color:var(--theme-color-soft-text)}";export{l as ix_breadcrumb}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as o,H as t}from"./p-
|
|
1
|
+
import{r,h as o,H as t}from"./p-EBgS4zhE.js";const e=class{constructor(o){r(this,o)}label;render(){return o(t,{key:"44755533997a737c2767b5cf5b849ec5c18c0efa"},o("ix-typography",{key:"f94459f4fc66fc47d7fa22c88477d5041b7c6fb7",class:"category-text",format:"h5"},this.label))}};e.style=":host{display:flex;align-items:center;position:relative;height:2.5rem;width:auto;padding:0.25rem 1rem;overflow:hidden;cursor:default;color:var(--theme-color-soft-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";export{e as ix_dropdown_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as o,f as s,h as e,H as i}from"./p-
|
|
1
|
+
import{r as t,g as o,f as s,h as e,H as i}from"./p-EBgS4zhE.js";import{m as l}from"./p-D_Hmobxf.js";import{a as n}from"./p-4pTtJwcY.js";import"./p-CWshStHZ.js";const a=class{constructor(o){t(this,o)}get hostElement(){return o(this)}layout="full-vertical";variant="inline";borderless=!1;isMobile=!1;paneElements=0;panes=[];observer;get currentPanes(){return this.hostElement.querySelectorAll("ix-pane")}componentWillLoad(){this.paneElements=this.currentPanes.length,this.observer=new MutationObserver((t=>{"IX-PANE"===t[0].addedNodes.item(0)?.nodeName?this.paneElements+=1:"IX-PANE"===t[0].removedNodes.item(0)?.nodeName&&(this.paneElements-=1)})),this.observer.observe(this.hostElement,{childList:!0}),this.isMobile=l("sm"),n.onChange.on((()=>{this.isMobile=l("sm"),this.configurePanes()}))}componentDidLoad(){this.setPanes(this.currentPanes)}disconnectedCallback(){this.observer?.disconnect()}setPaneVariant(t){t.ignoreLayoutSettings||(t.variant=this.variant)}setPaneBorder(t){if(!t.ignoreLayoutSettings)if(this.borderless)t.borderless=!0;else{const o=!!this.panes.find((t=>"left"===t.slot&&!t.hideOnCollapse));t.borderless=!("floating"!==t.variant||"full-vertical"!==this.layout||!o||"top"!==t.composition&&"bottom"!==t.composition)}}setPaneZIndex(t){const o="top"===t.slot,s="bottom"===t.slot;let e=1;this.isMobile?(s||o)&&(e=3):"full-vertical"===this.layout?("left"===t.slot||"right"===t.slot)&&(e=3):(s||o)&&(e=3),t.style.zIndex=e.toString()}setPanes(t){this.panes=[],t.forEach((t=>{this.panes.push({slot:t.slot,hideOnCollapse:t.hideOnCollapse,floating:"floating"===t.variant})}))}closeFloatingPanes(){this.currentPanes.forEach((t=>{t.expanded&&"floating"===t.variant&&(t.expanded=!1)}))}configurePanes(){let t=0,o=0,e=0,i=0;this.currentPanes.forEach((s=>{const l="top"===s.slot,n="bottom"===s.slot,a="right"===s.slot;if("left"===s.slot){if(e)return void(s.slot="");e++}else if(a){if(i)return void(s.slot="");i++}else if(l){if(t)return void(s.slot="");t++}else{if(!n)return void(s.slot="");if(o)return void(s.slot="");o++}this.setPaneVariant(s),this.setPaneBorder(s),this.setPaneZIndex(s)})),this.setPanes(this.currentPanes),s(this.hostElement)}onSlotChanged(){this.configurePanes()}onCollapsibleChanged(t){const{slot:o,hideOnCollapse:e}=t.detail;this.panes.forEach((t=>{t.slot===o&&(t.hideOnCollapse=e)})),s(this.hostElement)}onVariantChanged(t){const{slot:o,variant:e}=t.detail;this.panes.forEach((t=>{t.slot===o&&(t.floating="floating"===e)})),s(this.hostElement)}onPaneElementsChange(){this.configurePanes()}onVariableChange(){this.currentPanes.forEach((t=>{this.setPaneVariant(t),this.setPaneBorder(t)})),this.setPanes(this.currentPanes),s(this.hostElement)}onBorderChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t)}))}onLayoutChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t),this.setPaneZIndex(t)}))}onMobileChange(){this.currentPanes.forEach((t=>{this.setPaneZIndex(t)}))}hasPadding(t){const o=this.panes.find((o=>o.slot===t));return!!o&&!o.hideOnCollapse&&o.floating}hasPaddingMobile(t){const o=this.panes.find((o=>o.slot===t));return o&&!o.hideOnCollapse}slotExists(t){return!!this.panes.find((o=>o.slot===t))}isFloating(t){const o=this.panes.find((o=>o.slot===t));return!!o&&o.floating}render(){return e(i,{key:"59257c3e7c7b3b309f151706e51a1730c36ebec0"},this.isMobile?e("div",{class:"col"},e("div",{key:"top",style:{minHeight:this.hasPaddingMobile("top")?"48px":"0",display:this.slotExists("top")?"block":"none"}},e("slot",{name:"top"})),e("div",{key:"left",style:{minHeight:this.hasPaddingMobile("left")?"48px":"0",display:this.slotExists("left")?"block":"none"}},e("slot",{name:"left"})),e("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},e("slot",{name:"content"}),e("slot",null)),e("div",{key:"right",style:{minHeight:this.hasPaddingMobile("right")?"48px":"0",display:this.slotExists("right")?"block":"none"}},e("slot",{name:"right"})),e("div",{key:"bottom",style:{minHeight:this.hasPaddingMobile("bottom")?"48px":"0",display:this.slotExists("bottom")?"block":"none"}},e("slot",{name:"bottom"}))):e("div",{class:"side-panes-wrapper"},"full-vertical"==this.layout?e("div",{class:{row:!0,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},e("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},e("slot",{name:"left"})),e("div",{class:{col:!0,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},e("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},e("slot",{name:"top"})),e("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},e("slot",{name:"content"}),e("slot",null)),e("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},e("slot",{name:"bottom"}))),e("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},e("slot",{name:"right"}))):e("div",{class:{col:!0,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},e("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},e("slot",{name:"top"})),e("div",{class:{row:!0,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},e("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},e("slot",{name:"left"})),e("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},e("slot",{name:"content"}),e("slot",null)),e("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},e("slot",{name:"right"}))),e("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},e("slot",{name:"bottom"})))))}static get watchers(){return{paneElements:[{onPaneElementsChange:0}],variant:[{onVariableChange:0}],borderless:[{onBorderChange:0}],layout:[{onLayoutChange:0}],isMobile:[{onMobileChange:0}]}}};a.style=":host{display:flex;position:relative;width:100%;height:100%}: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 .side-panes-wrapper{height:100%;width:100%}:host .row{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;position:relative}:host .col{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;position:relative}:host .content{width:100%;height:100%;overflow:auto}:host .absolute-top{width:100%;position:absolute;top:0}:host .absolute-bottom{width:100%;position:absolute;bottom:0}:host .absolute-left{height:100%;position:absolute;left:0}:host .absolute-right{height:100%;position:absolute;right:0}:host .padding-top{padding-top:2.5rem}:host .padding-bottom{padding-bottom:2.5rem}:host .padding-left{padding-left:2.5rem}:host .padding-right{padding-right:2.5rem}";export{a as ix_pane_layout}
|