@siemens/ix 4.4.0 → 5.1.0
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 +24 -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-validation-tooltip.d.ts → ix-datetime-input.d.ts} +4 -4
- package/components/ix-datetime-input.js +1 -0
- 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-application-sidebar.d.ts → ix-popover-content.d.ts} +4 -4
- 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-input-group.d.ts → ix-range-field.d.ts} +4 -4
- package/components/ix-range-field.js +1 -0
- 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.d.ts +11 -0
- package/components/ix-tab-panel.js +1 -0
- package/components/{ix-drawer.d.ts → ix-tab-set.d.ts} +4 -4
- package/components/ix-tab-set.js +1 -0
- 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-3VG6z9c3.js +1 -0
- package/components/p-4pTtJwcY.js +1 -0
- package/components/p-5ntkLbuJ.js +1 -0
- package/components/{p-BWRJteYa.js → p-7HGOhDMX.js} +1 -1
- package/components/p-B-O0ylt_.js +1 -0
- package/components/p-BBCsPlPH.js +1 -0
- package/components/p-BDlGgfYh.js +1 -0
- package/components/p-BL9SR36X.js +1 -0
- package/components/p-BNAvpXSk.js +1 -0
- package/components/p-BST8QY5w.js +1 -0
- package/components/p-BWH03B1n.js +1 -0
- package/components/p-BWknDysp.js +1 -0
- package/components/p-BbW5EIKF.js +1 -0
- package/components/p-BbwShqw_.js +1 -0
- package/components/p-BtSt9tC5.js +1 -0
- package/components/p-BuBQiemL.js +1 -0
- package/components/p-Bxrgt3H_.js +1 -0
- package/components/p-Byed_Z2G.js +1 -0
- package/components/p-BzFLbXmT.js +1 -0
- package/components/p-C-sZLWci.js +1 -0
- package/components/p-C0WZnIxc.js +1 -0
- package/components/p-C21npbUc.js +1 -0
- package/components/p-C2jvmCOl.js +1 -0
- package/components/p-C5UTTqsv.js +1 -0
- package/components/p-C9HBQRMb.js +1 -0
- package/components/p-CAH3dF6j.js +1 -0
- package/components/p-CApDAYIa.js +1 -0
- package/components/{p-CRcg3Wl9.js → p-CDf5TQum.js} +1 -1
- package/components/p-CG9cQxRO.js +1 -0
- package/components/p-CGHbrmJg.js +1 -0
- package/components/p-CIA8i4dm.js +1 -0
- package/components/p-CJoOEoc-.js +1 -0
- package/components/p-CMtwWb3-.js +1 -0
- package/components/p-CNLoALIl.js +1 -0
- package/components/p-CT5pAQCz.js +1 -0
- package/components/p-CTbTAb9U.js +1 -0
- package/components/p-CWlPNXA-.js +1 -0
- package/components/p-CWshStHZ.js +1 -0
- package/components/p-CpOGS2e_.js +1 -0
- package/components/p-CrDBjFhu.js +1 -0
- package/components/p-CrLxhwo2.js +1 -0
- package/components/p-CtDOTMOT.js +1 -0
- package/components/p-CuFZ7CXu.js +1 -0
- package/components/p-Cy2KAdml.js +1 -0
- package/components/p-Czy7a3I4.js +1 -0
- package/components/{p-DSTYytot.js → p-D5rshXh5.js} +1 -1
- package/components/p-DDvuSQX3.js +1 -0
- package/components/p-DHydRnvu.js +1 -0
- package/components/p-DKH7tPDu.js +1 -0
- package/components/p-DM7ma3Eh.js +1 -0
- package/components/p-DNIQ2C1K.js +1 -0
- package/components/p-DRw2l8Az.js +1 -0
- package/components/p-DT02jDB7.js +1 -0
- package/components/p-Dfd_ifAu.js +1 -0
- package/components/p-DhWkcMmR.js +1 -0
- package/components/p-DiLKm3tq.js +1 -0
- package/components/p-Djkc69iv.js +1 -0
- package/components/p-Dpk_WgCl.js +1 -0
- package/components/p-DtOqKp7K.js +1 -0
- package/components/p-DtmgZu-S.js +1 -0
- package/components/p-DuTDx0c-.js +1 -0
- package/components/p-Dw_A3HUC.js +1 -0
- package/components/p-Dwe6tWhq.js +1 -0
- package/components/p-Dx6rQdpk.js +1 -0
- package/components/p-DziPiOL3.js +1 -0
- package/components/p-GGleop6j.js +1 -0
- package/components/p-GmOVROeD.js +1 -0
- package/components/p-ImMb0joA.js +1 -0
- package/components/p-Wr4Qf8LA.js +1 -0
- package/components/p-XBTykBKS.js +1 -0
- package/components/p-aUZgVnx5.js +1 -0
- package/components/p-wFiL3dN1.js +1 -0
- package/components/{p-BJxTLVYT.js → p-zqHenwXl.js} +1 -1
- package/components/p-zyYHTdEN.js +1 -0
- package/components/package.json +1 -1
- package/dist/cjs/{a11y-DldCLr8D.js → a11y-_XjpTo2w.js} +11 -2
- package/dist/cjs/animation-hxDbANsw.js +81 -0
- package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
- package/dist/cjs/aria-activedescendant.mixin-_lb0Xz2S.js +85 -0
- package/dist/cjs/{base-button-BvWcXXIH.js → base-button-BP6iIMR7.js} +14 -10
- package/dist/cjs/{base-icon-button-DgnV_-qM.js → base-icon-button-BmiGQb9v.js} +3 -3
- package/dist/cjs/component-DgA9FH-W.js +143 -0
- package/dist/cjs/{context-CmNuiaNz.js → context-DqdXbKw_.js} +5 -2
- package/dist/cjs/dropdown-controller-kBwdbfGD.js +99 -0
- package/dist/cjs/{floating-ui.dom-CMzYsRR7.js → find-element-DPxOAdgO.js} +101 -0
- package/dist/cjs/focus-proxy-CjxFZupW.js +49 -0
- package/dist/cjs/focus-trap-Be3N4ytz.js +310 -0
- package/dist/cjs/focus-utilities-5SZMxJg4.js +161 -0
- package/dist/cjs/focus-visible.mixin-1V7Eldn_.js +42 -0
- package/dist/cjs/{helper-text-util-CX9jWl8m.js → helper-text-util-BkHm7ofh.js} +26 -8
- package/dist/cjs/id.mixin-DINDQztK.js +21 -0
- package/dist/cjs/index-B4J4JK0P.js +17 -0
- package/dist/cjs/{index-DIYO-Liy.js → index-CwJ-mkQd.js} +4 -6
- package/dist/cjs/{index-Dxeom0qd.js → index-DnclGKUw.js} +549 -126
- package/dist/cjs/{index-BxmN3RtX.js → index-SVeYVn-h.js} +1 -2
- package/dist/cjs/index.cjs.js +266 -47
- package/dist/cjs/inherit-aria-attributes.mixin-EyRU0cDO.js +36 -0
- package/dist/cjs/{picker-input.util-DJNAVluZ.js → input-picker.mixin-Cf82jV-C.js} +25 -1
- package/dist/cjs/{input.fc-BIQRswZt.js → input.fc-DM-hX3xb.js} +15 -17
- package/dist/cjs/ix-action-card.cjs.entry.js +41 -20
- package/dist/cjs/ix-application-header.cjs.entry.js +126 -69
- package/dist/cjs/ix-application-switch-modal.cjs.entry.js +11 -15
- package/dist/cjs/ix-application.cjs.entry.js +68 -41
- package/dist/cjs/ix-avatar_2.cjs.entry.js +125 -21
- package/dist/cjs/ix-blind.cjs.entry.js +38 -24
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +235 -44
- package/dist/cjs/ix-breadcrumb.cjs.entry.js +85 -68
- package/dist/cjs/ix-button.cjs.entry.js +227 -40
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js +30 -19
- package/dist/cjs/ix-card-list.cjs.entry.js +106 -56
- package/dist/cjs/ix-card_2.cjs.entry.js +17 -17
- package/dist/cjs/ix-category-filter.cjs.entry.js +180 -111
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +52 -27
- package/dist/cjs/ix-checkbox.cjs.entry.js +71 -37
- package/dist/cjs/ix-chip.cjs.entry.js +317 -81
- package/dist/cjs/ix-col_4.cjs.entry.js +1107 -495
- package/dist/cjs/ix-content-header.cjs.entry.js +25 -17
- package/dist/cjs/ix-content.cjs.entry.js +8 -8
- package/dist/cjs/ix-css-grid-item.cjs.entry.js +6 -2
- package/dist/cjs/ix-css-grid.cjs.entry.js +13 -5
- package/dist/cjs/ix-custom-field.cjs.entry.js +41 -12
- package/dist/cjs/ix-date-dropdown.cjs.entry.js +170 -145
- package/dist/cjs/ix-date-input.cjs.entry.js +213 -125
- package/dist/cjs/ix-date-picker.cjs.entry.js +752 -0
- package/dist/cjs/ix-date-time-card.cjs.entry.js +25 -18
- package/dist/cjs/ix-datetime-input.cjs.entry.js +549 -0
- package/dist/cjs/ix-datetime-picker.cjs.entry.js +242 -58
- package/dist/cjs/ix-divider.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +155 -38
- package/dist/cjs/ix-dropdown-header.cjs.entry.js +6 -2
- package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +993 -0
- package/dist/cjs/ix-empty-state.cjs.entry.js +32 -6
- package/dist/cjs/ix-event-list-item.cjs.entry.js +38 -27
- package/dist/cjs/ix-event-list.cjs.entry.js +26 -26
- package/dist/cjs/ix-expanding-search.cjs.entry.js +58 -44
- package/dist/cjs/ix-field-label_2.cjs.entry.js +178 -56
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +103 -38
- package/dist/cjs/ix-flip-tile-content.cjs.entry.js +8 -8
- package/dist/cjs/ix-flip-tile.cjs.entry.js +43 -30
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +51 -27
- package/dist/cjs/ix-group.cjs.entry.js +63 -40
- package/dist/cjs/ix-helper-text.cjs.entry.js +43 -16
- package/dist/cjs/ix-icon-button_2.cjs.entry.js +232 -52
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +221 -45
- package/dist/cjs/ix-input.cjs.entry.js +129 -59
- package/dist/cjs/ix-key-value-list.cjs.entry.js +6 -6
- package/dist/cjs/ix-key-value.cjs.entry.js +24 -6
- package/dist/cjs/ix-kpi.cjs.entry.js +37 -13
- package/dist/cjs/ix-layout-auto.cjs.entry.js +15 -15
- package/dist/cjs/ix-link-button.cjs.entry.js +19 -15
- package/dist/cjs/ix-menu-about-item.cjs.entry.js +13 -6
- package/dist/cjs/ix-menu-about-news.cjs.entry.js +45 -18
- package/dist/cjs/ix-menu-about.cjs.entry.js +72 -28
- package/dist/cjs/ix-menu-avatar.cjs.entry.js +60 -29
- package/dist/cjs/ix-menu-category.cjs.entry.js +377 -77
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +24 -24
- package/dist/cjs/ix-menu-item.cjs.entry.js +306 -68
- package/dist/cjs/ix-menu-settings-item.cjs.entry.js +13 -6
- package/dist/cjs/ix-menu-settings.cjs.entry.js +87 -4
- package/dist/cjs/ix-menu.cjs.entry.js +302 -138
- package/dist/cjs/ix-message-bar.cjs.entry.js +33 -22
- package/dist/cjs/ix-modal-content_2.cjs.entry.js +37 -18
- 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 +98 -61
- package/dist/cjs/ix-number-input.cjs.entry.js +211 -131
- package/dist/cjs/ix-pagination.cjs.entry.js +108 -89
- package/dist/cjs/ix-pane-layout.cjs.entry.js +26 -27
- package/dist/cjs/ix-pane.cjs.entry.js +206 -97
- package/dist/cjs/ix-pill_4.cjs.entry.js +746 -0
- 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 +48 -40
- package/dist/cjs/ix-push-card.cjs.entry.js +36 -15
- package/dist/cjs/ix-radio-group.cjs.entry.js +63 -26
- package/dist/cjs/ix-radio.cjs.entry.js +51 -25
- package/dist/cjs/ix-range-field.cjs.entry.js +122 -0
- package/dist/cjs/ix-select.cjs.entry.js +770 -375
- package/dist/cjs/ix-slider.cjs.entry.js +108 -68
- package/dist/cjs/ix-split-button.cjs.entry.js +118 -48
- package/dist/cjs/ix-tab-panel.cjs.entry.js +30 -0
- package/dist/cjs/ix-textarea.cjs.entry.js +135 -48
- package/dist/cjs/ix-tile.cjs.entry.js +12 -12
- package/dist/cjs/ix-time-input.cjs.entry.js +299 -152
- package/dist/cjs/ix-toast-container.cjs.entry.js +14 -54
- package/dist/cjs/ix-toast.cjs.entry.js +47 -31
- package/dist/cjs/ix-toggle-button.cjs.entry.js +200 -27
- package/dist/cjs/ix-toggle.cjs.entry.js +244 -48
- package/dist/cjs/ix-tooltip.cjs.entry.js +85 -52
- package/dist/cjs/ix-tree-item.cjs.entry.js +50 -16
- package/dist/cjs/ix-tree.cjs.entry.js +102 -45
- package/dist/cjs/ix-typography.cjs.entry.js +19 -12
- package/dist/cjs/ix-upload.cjs.entry.js +80 -76
- package/dist/cjs/ix-workflow-step.cjs.entry.js +39 -34
- package/dist/cjs/ix-workflow-steps.cjs.entry.js +20 -15
- package/dist/cjs/{listener-BShKJBRB.js → listener-ClEsCfX0.js} +7 -6
- package/dist/cjs/loader.cjs.js +3 -4
- package/dist/cjs/{logical-filter-operator-q-2KOPJs.js → logical-filter-operator-Dv9-d8FB.js} +2 -0
- package/dist/cjs/luxon-datetime-format-masks-DQVILoY7.js +43 -0
- package/dist/cjs/{make-ref-BaH6_YJk.js → make-ref-CHsa3FY7.js} +6 -2
- package/dist/cjs/menu-service-DBg-0e5W.js +74 -0
- package/dist/cjs/modal-_AhJoT78.js +190 -0
- package/dist/cjs/path-utils-CQKWhbQW.js +169 -0
- package/dist/cjs/service-CRjXhKel.js +94 -0
- package/dist/cjs/shadow-dom-BL5F7RFW.js +104 -0
- package/dist/cjs/siemens-ix.cjs.js +4 -5
- package/dist/cjs/tab.mixin-C1KwKb64.js +21 -0
- package/dist/cjs/theme-switcher-sbkXOvhB.js +127 -0
- package/dist/cjs/time-picker-constraints-CxGhm1qV.js +79 -0
- package/dist/cjs/{tree.types-BygtRFW3.js → tree.types-Cs9O1Wtf.js} +2 -0
- package/dist/cjs/typed-event-Bw4IfJC0.js +44 -0
- package/dist/cjs/uuid-Bo2QzEg9.js +15 -0
- package/dist/cjs/{validation-DF9UXqHB.js → validation-DJaUH-UR.js} +32 -9
- package/dist/collection/collection-manifest.json +21 -9
- package/dist/collection/components/action-card/action-card.css +18 -0
- package/dist/collection/components/action-card/action-card.js +41 -19
- package/dist/collection/components/application/application.js +83 -54
- package/dist/collection/components/application-header/application-header.js +116 -84
- 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 +6 -8
- package/dist/collection/components/avatar/avatar.css +31 -6
- package/dist/collection/components/avatar/avatar.js +108 -35
- package/dist/collection/components/blind/blind.css +27 -0
- package/dist/collection/components/blind/blind.js +33 -16
- package/dist/collection/components/breadcrumb/breadcrumb.css +7 -2
- package/dist/collection/components/breadcrumb/breadcrumb.js +125 -79
- package/dist/collection/components/breadcrumb/breadcrumb.types.js +1 -0
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +69 -93
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +132 -70
- package/dist/collection/components/button/base-button.js +13 -9
- package/dist/collection/components/button/button.css +40 -47
- package/dist/collection/components/button/button.js +69 -59
- package/dist/collection/components/card/card.js +15 -16
- package/dist/collection/components/card-accordion/card-accordion.js +27 -17
- package/dist/collection/components/card-content/card-content.js +1 -1
- package/dist/collection/components/card-list/card-list.css +1 -1
- package/dist/collection/components/card-list/card-list.js +129 -56
- package/dist/collection/components/card-title/card-title.js +1 -1
- package/dist/collection/components/category-filter/category-filter.css +40 -47
- package/dist/collection/components/category-filter/category-filter.js +173 -105
- package/dist/collection/components/category-filter/filter-state.js +2 -4
- package/dist/collection/components/category-filter/input-state.js +2 -0
- package/dist/collection/components/checkbox/checkbox.css +14 -4
- package/dist/collection/components/checkbox/checkbox.js +70 -33
- package/dist/collection/components/checkbox-group/checkbox-group.js +48 -25
- package/dist/collection/components/chip/chip.css +369 -346
- package/dist/collection/components/chip/chip.js +171 -80
- package/dist/collection/components/chip/chip.types.js +18 -0
- package/dist/collection/components/col/col.js +20 -2
- package/dist/collection/components/content/content.css +2 -2
- package/dist/collection/components/content/content.js +5 -6
- package/dist/collection/components/content-header/content-header.js +23 -17
- package/dist/collection/components/css-grid/css-grid-item.js +5 -1
- package/dist/collection/components/css-grid/css-grid.js +12 -6
- package/dist/collection/components/custom-field/custom-field.js +38 -11
- package/dist/collection/components/date-dropdown/date-dropdown.css +202 -18
- package/dist/collection/components/date-dropdown/date-dropdown.js +168 -201
- package/dist/collection/components/date-input/date-input.css +4 -4
- package/dist/collection/components/date-input/date-input.js +200 -112
- package/dist/collection/components/date-picker/date-picker.css +70 -25
- package/dist/collection/components/date-picker/date-picker.js +582 -193
- package/dist/collection/components/date-time-card/date-time-card.css +3 -0
- package/dist/collection/components/date-time-card/date-time-card.js +43 -18
- package/dist/collection/components/datetime-input/datetime-input.css +621 -0
- package/dist/collection/components/datetime-input/datetime-input.js +1372 -0
- package/dist/collection/components/datetime-input/datetime-input.types.js +1 -0
- package/dist/collection/components/datetime-picker/datetime-picker.css +2 -10
- package/dist/collection/components/datetime-picker/datetime-picker.js +364 -58
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/dropdown/dropdown-controller.js +25 -84
- package/dist/collection/components/dropdown/dropdown-focus.js +178 -0
- package/dist/collection/components/dropdown/dropdown.css +1 -1
- package/dist/collection/components/dropdown/dropdown.js +809 -201
- package/dist/collection/components/dropdown-button/dropdown-button.css +38 -0
- package/dist/collection/components/dropdown-button/dropdown-button.js +258 -36
- package/dist/collection/components/dropdown-header/dropdown-header.js +5 -1
- package/dist/collection/components/dropdown-item/dropdown-item.css +23 -3
- package/dist/collection/components/dropdown-item/dropdown-item.js +129 -26
- package/dist/collection/components/dropdown-item/dropdown-item.types.js +1 -0
- package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
- package/dist/collection/components/empty-state/empty-state.js +31 -7
- package/dist/collection/components/event-list/event-list.js +25 -26
- package/dist/collection/components/event-list-item/event-list-item.js +35 -26
- package/dist/collection/components/expanding-search/expanding-search.js +56 -42
- package/dist/collection/components/field-label/field-label.css +10 -0
- package/dist/collection/components/field-label/field-label.js +34 -11
- package/dist/collection/components/field-wrapper/field-wrapper.css +1 -2
- package/dist/collection/components/field-wrapper/field-wrapper.js +193 -49
- package/dist/collection/components/field-wrapper/helper-text-util.js +22 -5
- package/dist/collection/components/filter-chip/filter-chip.css +3 -6
- package/dist/collection/components/filter-chip/filter-chip.js +63 -11
- package/dist/collection/components/flip-tile/flip-tile.js +39 -27
- package/dist/collection/components/flip-tile-content/flip-tile-content.js +7 -9
- package/dist/collection/components/group/group-context-menu.js +3 -4
- package/dist/collection/components/group/group.js +60 -38
- package/dist/collection/components/group-item/group-item.js +45 -22
- package/dist/collection/components/helper-text/helper-text.js +37 -12
- package/dist/collection/components/icon-button/base-icon-button.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +40 -47
- package/dist/collection/components/icon-button/icon-button.js +58 -56
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +40 -47
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +61 -63
- package/dist/collection/components/input/input.css +4 -8
- package/dist/collection/components/input/input.fc.js +10 -11
- package/dist/collection/components/input/input.js +120 -52
- package/dist/collection/components/input/input.util.js +1 -2
- package/dist/collection/components/input/number-input.css +4 -4
- package/dist/collection/components/input/number-input.js +202 -124
- package/dist/collection/components/input/textarea.css +4 -4
- package/dist/collection/components/input/textarea.js +127 -42
- package/dist/collection/components/ix-playground/ix-playground.js +25 -0
- package/dist/collection/components/key-value/key-value.js +23 -7
- package/dist/collection/components/key-value-list/key-value-list.js +5 -7
- package/dist/collection/components/kpi/kpi.js +35 -13
- package/dist/collection/components/layout-auto/layout-auto.js +14 -15
- package/dist/collection/components/layout-grid/layout-grid.js +14 -16
- package/dist/collection/components/link-button/link-button.js +17 -15
- package/dist/collection/components/menu/menu-expand-icon.css +13 -6
- package/dist/collection/components/menu/menu-expand-icon.js +60 -45
- package/dist/collection/components/menu/menu.css +21 -3
- package/dist/collection/components/menu/menu.js +339 -161
- package/dist/collection/components/menu-about/menu-about.css +63 -3
- package/dist/collection/components/menu-about/menu-about.js +111 -36
- package/dist/collection/components/menu-about-item/menu-about-item.js +18 -14
- package/dist/collection/components/menu-about-news/menu-about-news.js +65 -17
- package/dist/collection/components/menu-avatar/menu-avatar.js +55 -25
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +14 -3
- package/dist/collection/components/menu-category/menu-category.js +249 -45
- package/dist/collection/components/menu-item/menu-item.js +199 -53
- package/dist/collection/components/menu-settings/menu-settings.css +0 -3
- package/dist/collection/components/menu-settings/menu-settings.js +111 -36
- package/dist/collection/components/menu-settings-item/menu-settings-item.js +23 -16
- package/dist/collection/components/message-bar/message-bar.js +31 -22
- package/dist/collection/components/modal/modal.css +2 -1
- package/dist/collection/components/modal/modal.js +98 -63
- package/dist/collection/components/modal-content/modal-content.js +1 -1
- package/dist/collection/components/modal-footer/modal-footer.js +1 -1
- package/dist/collection/components/modal-header/modal-header.css +1 -0
- package/dist/collection/components/modal-header/modal-header.js +34 -16
- package/dist/collection/components/modal-loading/modal-loading.js +1 -1
- package/dist/collection/components/pagination/pagination.css +40 -47
- package/dist/collection/components/pagination/pagination.js +103 -85
- package/dist/collection/components/pane/pane.css +4 -0
- package/dist/collection/components/pane/pane.js +220 -91
- package/dist/collection/components/pane-layout/pane-layout.js +23 -25
- package/dist/collection/components/pill/pill.css +8 -24
- package/dist/collection/components/pill/pill.js +60 -29
- 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/{application-sidebar/application-sidebar.css → popover-content/popover-content.css} +5 -7
- package/dist/collection/components/popover-content/popover-content.js +67 -0
- package/dist/collection/components/{input-group/input-group.css → popover-footer/popover-footer.css} +13 -37
- package/dist/collection/components/popover-footer/popover-footer.js +68 -0
- package/dist/collection/components/{drawer/drawer.css → popover-header/popover-header.css} +28 -55
- 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 +46 -39
- package/dist/collection/components/push-card/push-card.js +35 -16
- package/dist/collection/components/radio/radio.js +47 -23
- package/dist/collection/components/radio-group/radio-group.js +59 -24
- package/dist/collection/components/range-field/range-field.css +102 -0
- package/dist/collection/components/range-field/range-field.js +193 -0
- package/dist/collection/components/row/row.js +1 -1
- package/dist/collection/components/select/select.css +61 -16
- package/dist/collection/components/select/select.js +833 -385
- package/dist/collection/components/select/test/select-controller.js +89 -0
- package/dist/collection/components/select-item/select-item.css +5 -0
- package/dist/collection/components/select-item/select-item.js +76 -59
- package/dist/collection/components/slider/slider.css +0 -7
- package/dist/collection/components/slider/slider.js +101 -85
- package/dist/collection/components/spinner/spinner.js +14 -15
- package/dist/collection/components/split-button/split-button.css +36 -19
- package/dist/collection/components/split-button/split-button.js +116 -77
- package/dist/collection/components/tab-item/tab-item.css +73 -81
- package/dist/collection/components/tab-item/tab-item.js +279 -93
- package/dist/collection/components/tab-item/tab.mixin.js +40 -0
- package/dist/collection/components/tab-panel/tab-panel.css +75 -0
- package/dist/collection/components/tab-panel/tab-panel.js +67 -0
- package/dist/collection/components/tab-set/tab-set.css +71 -0
- package/dist/collection/components/tab-set/tab-set.js +92 -0
- package/dist/collection/components/tabs/tabs.css +71 -39
- package/dist/collection/components/tabs/tabs.js +261 -416
- package/dist/collection/components/tile/tile.js +11 -12
- package/dist/collection/components/time-input/time-input.css +4 -4
- package/dist/collection/components/time-input/time-input.js +350 -138
- package/dist/collection/components/time-picker/time-picker-column-values.js +25 -0
- package/dist/collection/components/time-picker/time-picker-compute-time.js +64 -0
- package/dist/collection/components/time-picker/time-picker-constraints.js +71 -0
- package/dist/collection/components/time-picker/time-picker-display.js +21 -0
- package/dist/collection/components/time-picker/time-picker-format.js +40 -0
- package/dist/collection/components/time-picker/time-picker-range.js +50 -0
- package/dist/collection/components/time-picker/time-picker-step-focus.js +32 -0
- package/dist/collection/components/time-picker/time-picker.css +17 -4
- package/dist/collection/components/time-picker/time-picker.js +550 -272
- package/dist/collection/components/toast/{styles/toast-container.css → toast-container.css} +6 -8
- package/dist/collection/components/toast/toast-container.js +15 -97
- package/dist/collection/components/toast/toast-utils.js +16 -4
- package/dist/collection/components/toast/toast.js +45 -30
- package/dist/collection/components/toggle/toggle.css +7 -4
- package/dist/collection/components/toggle/toggle.js +85 -44
- package/dist/collection/components/toggle-button/toggle-button.css +40 -47
- package/dist/collection/components/toggle-button/toggle-button.js +41 -46
- package/dist/collection/components/tooltip/tooltip.js +77 -44
- package/dist/collection/components/tree/tree.js +74 -34
- package/dist/collection/components/tree-item/default-tree-item.js +2 -0
- package/dist/collection/components/tree-item/tree-item.css +9 -4
- package/dist/collection/components/tree-item/tree-item.js +70 -15
- package/dist/collection/components/typography/typography.js +18 -13
- package/dist/collection/components/upload/upload.js +110 -75
- package/dist/collection/components/utils/a11y.js +10 -2
- package/dist/collection/components/utils/animation.js +24 -44
- package/dist/collection/components/utils/application-layout/service.js +22 -40
- package/dist/collection/components/utils/context.js +4 -1
- package/dist/collection/components/utils/delegate.js +1 -2
- package/dist/collection/components/utils/dependency-function.js +55 -0
- package/dist/collection/components/utils/event.js +16 -0
- package/dist/collection/components/utils/find-element.js +1 -1
- package/dist/collection/components/utils/focus/detect-keyboard-mode.js +28 -0
- package/dist/collection/components/utils/focus/focus-proxy.js +41 -0
- package/dist/collection/components/utils/focus/focus-trap.js +316 -0
- package/dist/collection/components/utils/focus/focus-utilities.js +159 -0
- package/dist/collection/components/utils/focus.js +9 -6
- package/dist/collection/components/utils/input/index.js +5 -0
- package/dist/collection/components/utils/input/validation.js +31 -8
- package/dist/collection/components/utils/internal/component.js +2 -1
- package/dist/collection/components/utils/internal/index.js +1 -1
- package/dist/collection/components/utils/internal/mixins/accessibility/aria-activedescendant.mixin.js +84 -0
- package/dist/collection/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.js +190 -0
- package/dist/collection/components/utils/internal/mixins/focus-visible.mixin.js +91 -0
- package/dist/collection/components/utils/internal/mixins/id.mixin.js +17 -0
- package/dist/collection/components/utils/internal/mixins/input/input-picker.mixin.js +45 -0
- package/dist/collection/components/utils/internal/mixins/setup.mixin.js +118 -0
- package/dist/collection/components/utils/lazy-list/lazy.js +24 -9
- package/dist/collection/components/utils/listener.js +6 -5
- package/dist/collection/components/utils/luxon-datetime-format-masks.js +38 -0
- package/dist/collection/components/utils/make-ref.js +5 -2
- package/dist/collection/components/utils/menu-service/menu-service.js +29 -38
- package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js +1 -49
- package/dist/collection/components/utils/modal/index.js +2 -2
- package/dist/collection/components/utils/modal/loading.js +34 -29
- package/dist/collection/components/utils/modal/message.js +133 -106
- package/dist/collection/components/utils/modal/modal.js +11 -8
- 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/overlay.js +1 -3
- package/dist/collection/components/utils/shadow-dom.js +54 -0
- package/dist/collection/components/{drawer → utils}/test/animejs.mock.js +8 -8
- package/dist/collection/components/utils/theme-switcher.js +85 -133
- package/dist/collection/components/utils/typed-event.js +29 -31
- package/dist/collection/components/workflow-step/workflow-step.js +37 -33
- package/dist/collection/components/workflow-steps/workflow-steps.js +19 -15
- package/dist/collection/public-api.js +4 -0
- package/dist/collection/tests/utils/test/page.js +34 -9
- package/dist/esm/{a11y-DAzBNVe7.js → a11y-C21npbUc.js} +11 -3
- package/dist/esm/animation-DNIQ2C1K.js +79 -0
- package/dist/esm/app-globals-DQuL1Twl.js +3 -0
- package/dist/esm/aria-activedescendant.mixin-CM-NUHTW.js +83 -0
- package/dist/esm/{base-button-CV0w47z9.js → base-button-DZdtpLxn.js} +14 -10
- package/dist/esm/{base-icon-button-BuHd34qo.js → base-icon-button-DufFLJC-.js} +3 -3
- package/dist/esm/component-DqJSHc3A.js +139 -0
- package/dist/esm/{context-BniHpAE1.js → context-zqk3Dkv-.js} +5 -2
- package/dist/esm/dropdown-controller-Jfg3ZWk6.js +96 -0
- package/dist/esm/{floating-ui.dom-CAqtPJ4-.js → find-element-Bxrgt3H_.js} +100 -1
- package/dist/esm/focus-proxy-BQyoX-Kl.js +44 -0
- package/dist/esm/focus-trap-IK9ialav.js +304 -0
- package/dist/esm/focus-utilities-6ZxKp7Jn.js +150 -0
- package/dist/esm/focus-visible.mixin-CaRK3Ex_.js +40 -0
- package/dist/esm/{helper-text-util-C9sLzo0k.js → helper-text-util-D0LEFZuB.js} +26 -9
- package/dist/esm/id.mixin-CUbYLenp.js +19 -0
- package/dist/esm/{index-BBzEV-f4.js → index-DgUGsIlh.js} +3 -4
- package/dist/esm/{index-BEPo7U1W.js → index-EBgS4zhE.js} +549 -127
- package/dist/esm/index-XBTykBKS.js +14 -0
- package/dist/esm/{index-BG5XMoOy.js → index-nCVTBc9Y.js} +1 -2
- package/dist/esm/index.js +262 -45
- package/dist/esm/inherit-aria-attributes.mixin-nCmPujqf.js +34 -0
- package/dist/esm/{picker-input.util-D1uMJUKN.js → input-picker.mixin-DudWFH-e.js} +25 -2
- package/dist/esm/{input.fc-C1ytwpkt.js → input.fc-CE3kP-L_.js} +17 -19
- package/dist/esm/ix-action-card.entry.js +41 -20
- package/dist/esm/ix-application-header.entry.js +126 -69
- package/dist/esm/ix-application-switch-modal.entry.js +11 -15
- package/dist/esm/ix-application.entry.js +68 -41
- package/dist/esm/ix-avatar_2.entry.js +125 -21
- package/dist/esm/ix-blind.entry.js +38 -24
- package/dist/esm/ix-breadcrumb-item.entry.js +235 -44
- package/dist/esm/ix-breadcrumb.entry.js +85 -68
- package/dist/esm/ix-button.entry.js +227 -40
- package/dist/esm/ix-card-accordion_2.entry.js +30 -19
- package/dist/esm/ix-card-list.entry.js +106 -56
- package/dist/esm/ix-card_2.entry.js +17 -17
- package/dist/esm/ix-category-filter.entry.js +180 -111
- package/dist/esm/ix-checkbox-group.entry.js +52 -27
- package/dist/esm/ix-checkbox.entry.js +71 -37
- package/dist/esm/ix-chip.entry.js +317 -81
- package/dist/esm/ix-col_4.entry.js +1108 -496
- package/dist/esm/ix-content-header.entry.js +25 -17
- package/dist/esm/ix-content.entry.js +8 -8
- package/dist/esm/ix-css-grid-item.entry.js +6 -2
- package/dist/esm/ix-css-grid.entry.js +13 -5
- package/dist/esm/ix-custom-field.entry.js +41 -12
- package/dist/esm/ix-date-dropdown.entry.js +170 -145
- package/dist/esm/ix-date-input.entry.js +210 -122
- package/dist/esm/ix-date-picker.entry.js +750 -0
- package/dist/esm/ix-date-time-card.entry.js +25 -18
- package/dist/esm/ix-datetime-input.entry.js +547 -0
- package/dist/esm/ix-datetime-picker.entry.js +242 -58
- package/dist/esm/ix-divider.entry.js +2 -2
- package/dist/esm/ix-dropdown-button.entry.js +155 -38
- package/dist/esm/ix-dropdown-header.entry.js +6 -2
- package/dist/esm/ix-dropdown-quick-actions.entry.js +2 -2
- package/dist/esm/ix-dropdown_2.entry.js +990 -0
- package/dist/esm/ix-empty-state.entry.js +32 -6
- package/dist/esm/ix-event-list-item.entry.js +38 -27
- package/dist/esm/ix-event-list.entry.js +27 -27
- package/dist/esm/ix-expanding-search.entry.js +58 -44
- package/dist/esm/ix-field-label_2.entry.js +177 -55
- package/dist/esm/ix-filter-chip_2.entry.js +103 -38
- package/dist/esm/ix-flip-tile-content.entry.js +8 -8
- package/dist/esm/ix-flip-tile.entry.js +43 -30
- package/dist/esm/ix-group-context-menu_2.entry.js +51 -27
- package/dist/esm/ix-group.entry.js +63 -40
- package/dist/esm/ix-helper-text.entry.js +43 -16
- package/dist/esm/ix-icon-button_2.entry.js +232 -52
- package/dist/esm/ix-icon-toggle-button.entry.js +221 -45
- package/dist/esm/ix-input.entry.js +130 -60
- package/dist/esm/ix-key-value-list.entry.js +6 -6
- package/dist/esm/ix-key-value.entry.js +24 -6
- package/dist/esm/ix-kpi.entry.js +37 -13
- package/dist/esm/ix-layout-auto.entry.js +15 -15
- package/dist/esm/ix-link-button.entry.js +19 -15
- package/dist/esm/ix-menu-about-item.entry.js +13 -6
- package/dist/esm/ix-menu-about-news.entry.js +45 -18
- package/dist/esm/ix-menu-about.entry.js +72 -28
- package/dist/esm/ix-menu-avatar.entry.js +60 -29
- package/dist/esm/ix-menu-category.entry.js +377 -77
- package/dist/esm/ix-menu-expand-icon.entry.js +24 -24
- package/dist/esm/ix-menu-item.entry.js +306 -68
- package/dist/esm/ix-menu-settings-item.entry.js +13 -6
- package/dist/esm/ix-menu-settings.entry.js +90 -3
- package/dist/esm/ix-menu.entry.js +302 -138
- package/dist/esm/ix-message-bar.entry.js +33 -22
- package/dist/esm/ix-modal-content_2.entry.js +37 -18
- 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 +98 -61
- package/dist/esm/ix-number-input.entry.js +212 -132
- package/dist/esm/ix-pagination.entry.js +108 -89
- package/dist/esm/ix-pane-layout.entry.js +26 -27
- package/dist/esm/ix-pane.entry.js +206 -97
- package/dist/esm/ix-pill_4.entry.js +741 -0
- 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 +48 -40
- package/dist/esm/ix-push-card.entry.js +36 -15
- package/dist/esm/ix-radio-group.entry.js +63 -26
- package/dist/esm/ix-radio.entry.js +51 -25
- package/dist/esm/ix-range-field.entry.js +120 -0
- package/dist/esm/ix-select.entry.js +770 -375
- package/dist/esm/ix-slider.entry.js +108 -68
- package/dist/esm/ix-split-button.entry.js +118 -48
- package/dist/esm/ix-tab-panel.entry.js +28 -0
- package/dist/esm/ix-textarea.entry.js +136 -49
- package/dist/esm/ix-tile.entry.js +12 -12
- package/dist/esm/ix-time-input.entry.js +296 -149
- package/dist/esm/ix-toast-container.entry.js +14 -54
- package/dist/esm/ix-toast.entry.js +47 -31
- package/dist/esm/ix-toggle-button.entry.js +200 -27
- package/dist/esm/ix-toggle.entry.js +244 -48
- package/dist/esm/ix-tooltip.entry.js +78 -45
- package/dist/esm/ix-tree-item.entry.js +50 -16
- package/dist/esm/ix-tree.entry.js +102 -45
- package/dist/esm/ix-typography.entry.js +19 -12
- package/dist/esm/ix-upload.entry.js +80 -76
- package/dist/esm/ix-workflow-step.entry.js +39 -34
- package/dist/esm/ix-workflow-steps.entry.js +20 -15
- package/dist/esm/{listener-DcAn-vyA.js → listener-BjluJgvO.js} +7 -6
- package/dist/esm/loader.js +4 -5
- package/dist/esm/{logical-filter-operator-BH3f5fa3.js → logical-filter-operator-C9HBQRMb.js} +2 -0
- package/dist/esm/luxon-datetime-format-masks-CoQiziG8.js +40 -0
- package/dist/esm/{make-ref-bcj7UEIC.js → make-ref-Djkc69iv.js} +6 -3
- package/dist/esm/menu-service-DYOa8RGJ.js +72 -0
- package/dist/esm/modal-DaGSr1j4.js +181 -0
- package/dist/esm/path-utils-CNLoALIl.js +165 -0
- package/dist/esm/{rwd.util-pXYAoEyc.js → rwd.util-JJddxCCh.js} +1 -1
- package/dist/esm/service-CEglFEKY.js +92 -0
- package/dist/esm/shadow-dom-BClJdFQP.js +97 -0
- package/dist/esm/siemens-ix.js +5 -6
- package/dist/esm/tab.mixin-BjAM99yM.js +19 -0
- package/dist/esm/theme-switcher-CRVG13AN.js +124 -0
- package/dist/esm/time-picker-constraints-Bsg2RskF.js +74 -0
- package/dist/esm/{tree.types-DSTYytot.js → tree.types-D5rshXh5.js} +2 -0
- package/dist/esm/typed-event-CWshStHZ.js +42 -0
- package/dist/esm/uuid-D3T7Lr4G.js +13 -0
- package/dist/esm/{validation-CTBekLDe.js → validation-VVt5EFy0.js} +32 -9
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/p-074c8b24.entry.js +1 -0
- package/dist/siemens-ix/p-080147bd.entry.js +1 -0
- package/dist/siemens-ix/p-0d60bd71.entry.js +1 -0
- package/dist/siemens-ix/p-0eb3a12a.entry.js +1 -0
- package/dist/siemens-ix/p-12930fcd.entry.js +1 -0
- 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-2072682b.entry.js +1 -0
- package/dist/siemens-ix/p-21b09017.entry.js +1 -0
- package/dist/siemens-ix/p-21e8ccb6.entry.js +1 -0
- package/dist/siemens-ix/p-2202ae94.entry.js +1 -0
- package/dist/siemens-ix/p-247d2e7a.entry.js +1 -0
- package/dist/siemens-ix/p-24c54468.entry.js +1 -0
- package/dist/siemens-ix/p-264e971c.entry.js +1 -0
- package/dist/siemens-ix/p-2b9f7512.entry.js +1 -0
- package/dist/siemens-ix/p-2f7b1e1e.entry.js +1 -0
- package/dist/siemens-ix/p-321a10b6.entry.js +1 -0
- package/dist/siemens-ix/p-34f61a28.entry.js +1 -0
- package/dist/siemens-ix/p-35bfaa91.entry.js +1 -0
- package/dist/siemens-ix/p-3854287c.entry.js +1 -0
- package/dist/siemens-ix/p-3bb5600a.entry.js +1 -0
- package/dist/siemens-ix/p-3bc384b7.entry.js +1 -0
- package/dist/siemens-ix/p-3pidUFd-.js +1 -0
- package/dist/siemens-ix/p-46768472.entry.js +1 -0
- package/dist/siemens-ix/p-46b2b660.entry.js +1 -0
- package/dist/siemens-ix/p-4bc4a175.entry.js +1 -0
- package/dist/siemens-ix/p-4f0f97dd.entry.js +1 -0
- package/dist/siemens-ix/p-4pTtJwcY.js +1 -0
- package/dist/siemens-ix/p-52dc064a.entry.js +1 -0
- package/dist/siemens-ix/p-54a22a58.entry.js +1 -0
- package/dist/siemens-ix/p-5685a2e6.entry.js +1 -0
- package/dist/siemens-ix/p-56d2d54c.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-2b559d4b.entry.js → p-62a7ae9c.entry.js} +1 -1
- package/dist/siemens-ix/p-63491f83.entry.js +1 -0
- package/dist/siemens-ix/p-641bc66c.entry.js +1 -0
- package/dist/siemens-ix/p-646d5219.entry.js +1 -0
- package/dist/siemens-ix/p-66b4875e.entry.js +1 -0
- package/dist/siemens-ix/p-6ZxKp7Jn.js +1 -0
- package/dist/siemens-ix/p-6f78e0f1.entry.js +1 -0
- package/dist/siemens-ix/p-705eded9.entry.js +1 -0
- package/dist/siemens-ix/p-710d32a6.entry.js +1 -0
- package/dist/siemens-ix/p-71feb871.entry.js +1 -0
- package/dist/siemens-ix/p-7c120d09.entry.js +1 -0
- package/dist/siemens-ix/p-7e6a5c38.entry.js +1 -0
- package/dist/siemens-ix/p-7fc7c67f.entry.js +1 -0
- package/dist/siemens-ix/p-81248fd2.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-8900e229.entry.js +1 -0
- package/dist/siemens-ix/p-8969b2f9.entry.js +1 -0
- package/dist/siemens-ix/p-8c2365cc.entry.js +1 -0
- package/dist/siemens-ix/p-8cea823b.entry.js +1 -0
- package/dist/siemens-ix/p-8d05ae35.entry.js +1 -0
- package/dist/siemens-ix/p-8d73ddac.entry.js +1 -0
- package/dist/siemens-ix/p-90a5cda7.entry.js +1 -0
- package/dist/siemens-ix/p-957b77ec.entry.js +1 -0
- package/dist/siemens-ix/p-9a88ff9c.entry.js +1 -0
- package/dist/siemens-ix/p-9d9fec8c.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-BFUINhFM.js +1 -0
- package/dist/siemens-ix/p-BKuq0po2.js +1 -0
- package/dist/siemens-ix/p-BL9SR36X.js +1 -0
- package/dist/siemens-ix/p-BWgttsqY.js +1 -0
- package/dist/siemens-ix/p-BbwShqw_.js +1 -0
- package/dist/siemens-ix/p-Bxrgt3H_.js +1 -0
- package/dist/siemens-ix/p-C21npbUc.js +1 -0
- package/dist/siemens-ix/p-C518yBiI.js +1 -0
- package/dist/siemens-ix/p-C9HBQRMb.js +1 -0
- package/dist/siemens-ix/p-CM-NUHTW.js +1 -0
- package/dist/siemens-ix/p-CNLoALIl.js +1 -0
- package/dist/siemens-ix/p-CUbYLenp.js +1 -0
- package/dist/siemens-ix/p-CWlPNXA-.js +1 -0
- package/dist/siemens-ix/p-CWshStHZ.js +1 -0
- package/dist/siemens-ix/p-CXbob2Ew.js +1 -0
- package/dist/siemens-ix/p-CoQiziG8.js +1 -0
- package/dist/siemens-ix/p-D3T7Lr4G.js +1 -0
- package/dist/siemens-ix/{p-DSTYytot.js → p-D5rshXh5.js} +1 -1
- package/dist/siemens-ix/p-DNIQ2C1K.js +1 -0
- package/dist/siemens-ix/p-DQuL1Twl.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-Djkc69iv.js +1 -0
- package/dist/siemens-ix/p-DuTDx0c-.js +1 -0
- package/dist/siemens-ix/p-Dx6rQdpk.js +1 -0
- package/dist/siemens-ix/p-EBgS4zhE.js +2 -0
- package/dist/siemens-ix/p-HpQs38Y0.js +1 -0
- package/dist/siemens-ix/{p-pXYAoEyc.js → p-JJddxCCh.js} +1 -1
- package/dist/siemens-ix/p-XBTykBKS.js +1 -0
- package/dist/siemens-ix/p-a6a0b240.entry.js +1 -0
- package/dist/siemens-ix/p-ae07f671.entry.js +1 -0
- package/dist/siemens-ix/p-aec23f79.entry.js +1 -0
- package/dist/siemens-ix/p-b13f34d1.entry.js +1 -0
- package/dist/siemens-ix/p-b181bf0b.entry.js +1 -0
- package/dist/siemens-ix/p-b534dadd.entry.js +1 -0
- package/dist/siemens-ix/p-b63d7f36.entry.js +1 -0
- package/dist/siemens-ix/p-b75db823.entry.js +1 -0
- package/dist/siemens-ix/p-b7f2f229.entry.js +1 -0
- package/dist/siemens-ix/p-b8beb613.entry.js +1 -0
- package/dist/siemens-ix/p-ba9dcd79.entry.js +1 -0
- package/dist/siemens-ix/p-bc0f5cbe.entry.js +1 -0
- package/dist/siemens-ix/p-bc11adcd.entry.js +1 -0
- package/dist/siemens-ix/p-bfb758cb.entry.js +1 -0
- package/dist/siemens-ix/p-c0c6d772.entry.js +1 -0
- package/dist/siemens-ix/p-c0dc5a8e.entry.js +1 -0
- package/dist/siemens-ix/p-c6d63b3c.entry.js +1 -0
- package/dist/siemens-ix/p-c97c218d.entry.js +1 -0
- package/dist/siemens-ix/p-cYKY6sUE.js +1 -0
- package/dist/siemens-ix/p-d13c0b78.entry.js +1 -0
- package/dist/siemens-ix/p-d1ab68b3.entry.js +1 -0
- package/dist/siemens-ix/p-d253dadb.entry.js +1 -0
- package/dist/siemens-ix/p-d6c906b7.entry.js +1 -0
- package/dist/siemens-ix/p-d74baa8a.entry.js +1 -0
- package/dist/siemens-ix/p-d770d8ba.entry.js +1 -0
- package/dist/siemens-ix/p-d80e7d50.entry.js +1 -0
- package/dist/siemens-ix/p-d830e3d6.entry.js +1 -0
- package/dist/siemens-ix/p-da2e0f0e.entry.js +1 -0
- package/dist/siemens-ix/p-db105778.entry.js +1 -0
- package/dist/siemens-ix/p-dc16a32d.entry.js +1 -0
- package/dist/siemens-ix/p-de58069d.entry.js +1 -0
- package/dist/siemens-ix/p-e283d7d1.entry.js +1 -0
- package/dist/siemens-ix/p-e5d2a048.entry.js +1 -0
- package/dist/siemens-ix/p-e698e193.entry.js +1 -0
- package/dist/siemens-ix/p-e9b37020.entry.js +1 -0
- package/dist/siemens-ix/p-ee1617da.entry.js +1 -0
- package/dist/siemens-ix/p-f0d97723.entry.js +1 -0
- package/dist/siemens-ix/p-f1257e08.entry.js +1 -0
- package/dist/siemens-ix/p-f8561834.entry.js +1 -0
- package/dist/siemens-ix/p-f9628912.entry.js +1 -0
- package/dist/siemens-ix/p-fa5c236f.entry.js +1 -0
- package/dist/siemens-ix/p-fb1e66a7.entry.js +1 -0
- package/dist/siemens-ix/p-fdec73d4.entry.js +1 -0
- package/dist/siemens-ix/p-ff1967de.entry.js +1 -0
- package/dist/siemens-ix/p-vphIrWGB.js +1 -0
- package/dist/siemens-ix/p-wfVRhTWc.js +1 -0
- package/dist/siemens-ix/p-yZFaEeBW.js +1 -0
- package/dist/siemens-ix/siemens-ix-core.css +1 -1
- package/dist/siemens-ix/siemens-ix-standalone.css +1 -0
- package/dist/siemens-ix/siemens-ix.css +285 -988
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/siemens-ix/theme/classic-dark.css +1 -1
- package/dist/siemens-ix/theme/classic-light.css +1 -1
- package/dist/types/components/action-card/action-card.d.ts +3 -0
- package/dist/types/components/application/application.d.ts +10 -5
- package/dist/types/components/application-header/application-header.d.ts +0 -7
- package/dist/types/components/avatar/avatar.d.ts +60 -8
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +29 -9
- package/dist/types/components/breadcrumb/breadcrumb.types.d.ts +9 -0
- package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +42 -12
- package/dist/types/components/button/button.d.ts +31 -8
- package/dist/types/components/card-list/card-list.d.ts +8 -0
- package/dist/types/components/checkbox/checkbox.d.ts +5 -0
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +2 -2
- package/dist/types/components/chip/chip.d.ts +48 -4
- package/dist/types/components/chip/chip.types.d.ts +2 -0
- package/dist/types/components/custom-field/custom-field.d.ts +2 -2
- package/dist/types/components/date-dropdown/date-dropdown.d.ts +18 -17
- package/dist/types/components/date-input/date-input.d.ts +18 -5
- package/dist/types/components/date-picker/date-picker.d.ts +62 -10
- package/dist/types/components/date-time-card/date-time-card.d.ts +4 -0
- package/dist/types/components/datetime-input/datetime-input.d.ts +210 -0
- package/dist/types/components/datetime-input/datetime-input.types.d.ts +3 -0
- package/dist/types/components/datetime-picker/datetime-picker.d.ts +32 -0
- package/dist/types/components/dropdown/dropdown-controller.d.ts +4 -5
- package/dist/types/components/dropdown/dropdown-focus.d.ts +20 -0
- package/dist/types/components/dropdown/dropdown.d.ts +109 -14
- package/dist/types/components/dropdown-button/dropdown-button.d.ts +82 -2
- package/dist/types/components/dropdown-item/dropdown-item.d.ts +55 -1
- package/dist/types/components/dropdown-item/dropdown-item.types.d.ts +1 -0
- package/dist/types/components/field-label/field-label.d.ts +3 -2
- package/dist/types/components/field-wrapper/field-wrapper.d.ts +39 -5
- package/dist/types/components/field-wrapper/helper-text-util.d.ts +11 -0
- package/dist/types/components/filter-chip/filter-chip.d.ts +6 -0
- package/dist/types/components/helper-text/helper-text.d.ts +2 -2
- package/dist/types/components/icon-button/icon-button.d.ts +31 -8
- package/dist/types/components/icon-toggle-button/icon-toggle-button.d.ts +31 -8
- package/dist/types/components/input/input.d.ts +1 -0
- package/dist/types/components/layout-auto/layout-auto.d.ts +2 -2
- package/dist/types/components/menu/menu-expand-icon.d.ts +4 -5
- package/dist/types/components/menu/menu.d.ts +31 -12
- package/dist/types/components/menu-about/menu-about.d.ts +19 -6
- package/dist/types/components/menu-about-item/menu-about-item.d.ts +20 -1
- package/dist/types/components/menu-about-news/menu-about-news.d.ts +22 -1
- package/dist/types/components/menu-category/menu-category.d.ts +49 -4
- package/dist/types/components/menu-item/menu-item.d.ts +41 -2
- package/dist/types/components/menu-settings/menu-settings.d.ts +19 -6
- package/dist/types/components/menu-settings-item/menu-settings-item.d.ts +21 -2
- package/dist/types/components/modal/modal.d.ts +6 -4
- package/dist/types/components/modal-header/modal-header.d.ts +2 -2
- package/dist/types/components/pane/pane.d.ts +14 -1
- package/dist/types/components/pill/pill.d.ts +16 -2
- 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/range-field/range-field.d.ts +34 -0
- package/dist/types/components/select/select.d.ts +131 -32
- package/dist/types/components/select/test/select-controller.d.ts +15 -0
- package/dist/types/components/select-item/select-item.d.ts +54 -7
- package/dist/types/components/slider/slider.d.ts +0 -6
- package/dist/types/components/split-button/split-button.d.ts +43 -8
- package/dist/types/components/tab-item/tab-item.d.ts +77 -15
- package/dist/types/components/tab-item/tab-item.types.d.ts +2 -1
- package/dist/types/components/tab-item/tab.mixin.d.ts +26 -0
- package/dist/types/components/tab-panel/tab-panel.d.ts +42 -0
- package/dist/types/components/tab-set/tab-set.d.ts +17 -0
- package/dist/types/components/tabs/tabs.d.ts +68 -58
- package/dist/types/components/time-input/time-input.d.ts +43 -6
- package/dist/types/components/time-picker/time-picker-column-values.d.ts +15 -0
- package/dist/types/components/time-picker/time-picker-compute-time.d.ts +6 -0
- package/dist/types/components/time-picker/time-picker-constraints.d.ts +16 -0
- package/dist/types/components/time-picker/time-picker-display.d.ts +6 -0
- package/dist/types/components/time-picker/time-picker-format.d.ts +13 -0
- package/dist/types/components/time-picker/time-picker-range.d.ts +11 -0
- package/dist/types/components/time-picker/time-picker-step-focus.d.ts +7 -0
- package/dist/types/components/time-picker/time-picker.d.ts +51 -9
- package/dist/types/components/time-picker/time-picker.types.d.ts +1 -0
- package/dist/types/components/toast/toast-container.d.ts +3 -11
- package/dist/types/components/toggle/toggle.d.ts +32 -1
- package/dist/types/components/toggle-button/toggle-button.d.ts +31 -6
- package/dist/types/components/tooltip/tooltip.d.ts +3 -1
- package/dist/types/components/tree/tree-model.d.ts +4 -0
- package/dist/types/components/tree-item/tree-item.d.ts +6 -0
- package/dist/types/components/upload/upload.d.ts +10 -4
- package/dist/types/components/utils/a11y.d.ts +5 -0
- package/dist/types/components/utils/dependency-function.d.ts +16 -0
- package/dist/types/components/utils/event.d.ts +8 -0
- package/dist/types/components/utils/focus/detect-keyboard-mode.d.ts +5 -0
- package/dist/types/components/utils/focus/focus-proxy.d.ts +14 -0
- package/dist/types/components/utils/focus/focus-trap.d.ts +27 -0
- package/dist/types/components/utils/focus/focus-utilities.d.ts +32 -0
- package/dist/types/components/utils/input/index.d.ts +6 -2
- package/dist/types/components/utils/input/validation.d.ts +2 -2
- package/dist/types/components/utils/internal/component.d.ts +107 -2
- package/dist/types/components/utils/internal/index.d.ts +2 -1
- package/dist/types/components/utils/internal/mixins/accessibility/aria-activedescendant.mixin.d.ts +30 -0
- package/dist/types/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.d.ts +25 -0
- package/dist/types/components/utils/internal/mixins/focus-visible.mixin.d.ts +33 -0
- package/dist/types/components/utils/internal/mixins/id.mixin.d.ts +22 -0
- package/dist/types/components/utils/internal/mixins/input/input-picker.mixin.d.ts +24 -0
- package/dist/types/components/utils/internal/mixins/setup.mixin.d.ts +31 -0
- package/dist/types/components/utils/luxon-datetime-format-masks.d.ts +13 -0
- package/dist/types/components/utils/make-ref.d.ts +1 -0
- package/dist/types/components/utils/menu-service/menu-service.d.ts +1 -0
- package/dist/types/components/utils/menu-tabs/menu-tabs-utils.d.ts +0 -5
- package/dist/types/components/utils/modal/index.d.ts +2 -2
- package/dist/types/components/utils/modal/loading.d.ts +8 -7
- package/dist/types/components/utils/modal/message.d.ts +27 -27
- package/dist/types/components/utils/modal/modal.d.ts +9 -18
- 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/overlay.d.ts +2 -2
- package/dist/types/components/utils/shadow-dom.d.ts +17 -0
- package/dist/types/components/utils/test/animejs.mock.d.ts +1 -0
- package/dist/types/components/utils/theme-switcher.d.ts +24 -22
- package/dist/types/components.d.ts +1744 -691
- package/dist/types/public-api.d.ts +5 -0
- package/dist/types/stencil-public-runtime.d.ts +1 -0
- package/dist/types/tests/utils/test/page.d.ts +7 -1
- package/hydrate/index.js +15692 -6765
- package/hydrate/index.mjs +15692 -6765
- package/package.json +14 -8
- package/scss/_core.scss +3 -45
- package/scss/_standalone.scss +45 -0
- package/scss/components/_table.scss +5 -1
- package/scss/ix-core.scss +0 -2
- package/{dist/collection/components/menu-settings-item/menu-settings-item.css → scss/ix-standalone.scss} +2 -5
- package/scss/legacy/components/_checkboxes.scss +1 -1
- package/scss/legacy/components/_dropdown.scss +1 -1
- package/scss/legacy/components/_forms.scss +1 -1
- package/scss/legacy/components/_modal.scss +1 -1
- package/scss/legacy/components/_radiobuttons.scss +1 -1
- package/scss/legacy/mixins/_fonts.scss +1 -1
- package/scss/mixins/shadow-dom/_focus-visible.scss +12 -0
- package/scss/theme/classic/dark/_index.scss +0 -1
- package/scss/theme/classic/dark/_variables.scss +40 -40
- package/scss/theme/classic/light/_index.scss +0 -1
- package/scss/theme/classic/light/_variables.scss +40 -40
- package/scss/theme/classic/theme.scss +22 -28
- package/scss/theme/core/components/button.scss +29 -29
- package/scss/theme/core/components/chip.scss +4 -4
- package/scss/theme/core/components/link.scss +2 -2
- package/scss/theme/core/components/tab.scss +4 -4
- package/components/ix-application-sidebar.js +0 -1
- package/components/ix-drawer.js +0 -1
- package/components/ix-input-group.js +0 -1
- package/components/ix-validation-tooltip.js +0 -1
- package/components/p-0oJ9dyRQ.js +0 -1
- package/components/p-9tuDiQEH.js +0 -1
- package/components/p-AHG5KaOt.js +0 -1
- package/components/p-B0gQmZW3.js +0 -1
- package/components/p-B81cFxT_.js +0 -1
- package/components/p-BAIdCBnK.js +0 -1
- package/components/p-BH3f5fa3.js +0 -1
- package/components/p-BKNhBo9h.js +0 -1
- package/components/p-BLaucX4x.js +0 -1
- package/components/p-BM_otpzy.js +0 -1
- package/components/p-BWHIcA46.js +0 -1
- package/components/p-BYACnsyo.js +0 -1
- package/components/p-BbN-BCaw.js +0 -1
- package/components/p-BdCnOrqW.js +0 -1
- package/components/p-BhgW5qDm.js +0 -1
- package/components/p-Bi1VyG64.js +0 -1
- package/components/p-BncjKdXL.js +0 -1
- package/components/p-Bo9ALIy0.js +0 -1
- package/components/p-BvFOMxgl.js +0 -1
- package/components/p-C9SfsAWb.js +0 -1
- package/components/p-CAqtPJ4-.js +0 -1
- package/components/p-CFRrPFxi.js +0 -1
- package/components/p-CMi1hdQj.js +0 -1
- package/components/p-CPz6ThvB.js +0 -1
- package/components/p-CS1HnwQr.js +0 -1
- package/components/p-CYMB75De.js +0 -1
- package/components/p-CZsAGuDS.js +0 -1
- package/components/p-C_3dz2Xl.js +0 -1
- package/components/p-C_6_Rh7K.js +0 -1
- package/components/p-Cce1kE8J.js +0 -1
- package/components/p-CdT1qV2I.js +0 -1
- package/components/p-Cgi0rnuQ.js +0 -1
- package/components/p-ChDWY0o5.js +0 -1
- package/components/p-CjFgf9s9.js +0 -1
- package/components/p-CkBQGLbj.js +0 -1
- package/components/p-ClVzB9MP.js +0 -1
- package/components/p-CsGkJrm6.js +0 -1
- package/components/p-CxWzccPV.js +0 -1
- package/components/p-D3K9vmFp.js +0 -1
- package/components/p-DAzBNVe7.js +0 -1
- package/components/p-DNJriU2G.js +0 -1
- package/components/p-DQgVT_uh.js +0 -1
- package/components/p-DaVdylP8.js +0 -1
- package/components/p-DnKEXwdz.js +0 -1
- package/components/p-DrsekPHj.js +0 -1
- package/components/p-IsTvRVoY.js +0 -1
- package/components/p-LoRL-toz.js +0 -1
- package/components/p-MJm14Xlr.js +0 -1
- package/components/p-VHuL40oZ.js +0 -1
- package/components/p-WUp_O0u4.js +0 -1
- package/components/p-bcj7UEIC.js +0 -1
- package/components/p-gkooEHol.js +0 -1
- package/components/p-mraQmnXA.js +0 -1
- package/components/p-rBthI1EV.js +0 -1
- package/components/p-t0v_1-tY.js +0 -1
- package/components/p-unwtt2da.js +0 -1
- package/components/p-xCBXKXNq.js +0 -1
- package/components/p-xrAJuWDf.js +0 -1
- package/dist/cjs/animation-D5wGQwTg.js +0 -100
- package/dist/cjs/app-globals-Cu3bQGoC.js +0 -8
- package/dist/cjs/dropdown-controller-BLOjtc6w.js +0 -157
- package/dist/cjs/find-element-D7yD1Ukn.js +0 -103
- package/dist/cjs/focus-Cl8_98b5.js +0 -67
- package/dist/cjs/ix-application-sidebar.cjs.entry.js +0 -42
- package/dist/cjs/ix-drawer.cjs.entry.js +0 -166
- package/dist/cjs/ix-dropdown-item.cjs.entry.js +0 -63
- package/dist/cjs/ix-dropdown.cjs.entry.js +0 -436
- package/dist/cjs/ix-input-group.cjs.entry.js +0 -129
- package/dist/cjs/ix-menu-settings-B3zMjM3D.js +0 -128
- package/dist/cjs/ix-pill.cjs.entry.js +0 -87
- package/dist/cjs/ix-tab-item_2.cjs.entry.js +0 -495
- package/dist/cjs/ix-time-picker.cjs.entry.js +0 -689
- package/dist/cjs/ix-validation-tooltip.cjs.entry.js +0 -156
- package/dist/cjs/menu-service-CW0vT80Q.js +0 -83
- package/dist/cjs/modal-BPMUkqrW.js +0 -289
- package/dist/cjs/service-DuiJmf7R.js +0 -104
- package/dist/cjs/setup-icNDj1cf.js +0 -31
- package/dist/cjs/shadow-dom-DT01VwcB.js +0 -48
- package/dist/cjs/theme-switcher-BfjZ3MX8.js +0 -175
- package/dist/cjs/typed-event-DxWATHPL.js +0 -46
- package/dist/collection/components/application-sidebar/application-sidebar.js +0 -68
- package/dist/collection/components/application-sidebar/events.js +0 -14
- package/dist/collection/components/drawer/drawer.js +0 -392
- package/dist/collection/components/input-group/input-group.js +0 -152
- package/dist/collection/components/menu-about-item/menu-about-item.css +0 -12
- package/dist/collection/components/menu-category/enter-leave.js +0 -29
- package/dist/collection/components/utils/menu-tabs/menu-tabs-fc.js +0 -32
- package/dist/collection/components/validation-tooltip/validation-tooltip.css +0 -225
- package/dist/collection/components/validation-tooltip/validation-tooltip.js +0 -251
- package/dist/esm/animation-BLaucX4x.js +0 -98
- package/dist/esm/app-globals-Ciii0tIL.js +0 -6
- package/dist/esm/dropdown-controller-D3K9vmFp.js +0 -154
- package/dist/esm/find-element-CFRrPFxi.js +0 -100
- package/dist/esm/focus-BAKpVknt.js +0 -65
- package/dist/esm/ix-application-sidebar.entry.js +0 -40
- package/dist/esm/ix-drawer.entry.js +0 -164
- package/dist/esm/ix-dropdown-item.entry.js +0 -61
- package/dist/esm/ix-dropdown.entry.js +0 -434
- package/dist/esm/ix-input-group.entry.js +0 -127
- package/dist/esm/ix-menu-settings-BrtDbSQ1.js +0 -123
- package/dist/esm/ix-pill.entry.js +0 -85
- package/dist/esm/ix-tab-item_2.entry.js +0 -492
- package/dist/esm/ix-time-picker.entry.js +0 -687
- package/dist/esm/ix-validation-tooltip.entry.js +0 -154
- package/dist/esm/menu-service-BMvtckRa.js +0 -81
- package/dist/esm/modal-BJAcx3Qd.js +0 -281
- package/dist/esm/service-Da0kv8hS.js +0 -102
- package/dist/esm/setup-eUHKNfBC.js +0 -28
- package/dist/esm/shadow-dom-i60z1FJC.js +0 -43
- package/dist/esm/theme-switcher-CpQ8JvHL.js +0 -172
- package/dist/esm/typed-event-BdCnOrqW.js +0 -44
- package/dist/siemens-ix/p-01283ae6.entry.js +0 -1
- package/dist/siemens-ix/p-048bcd80.entry.js +0 -1
- package/dist/siemens-ix/p-05d31b79.entry.js +0 -1
- package/dist/siemens-ix/p-086cadf8.entry.js +0 -1
- package/dist/siemens-ix/p-18c9b87e.entry.js +0 -1
- package/dist/siemens-ix/p-1b119c78.entry.js +0 -1
- package/dist/siemens-ix/p-1cdd52bc.entry.js +0 -1
- package/dist/siemens-ix/p-23df8fd9.entry.js +0 -1
- package/dist/siemens-ix/p-2441d048.entry.js +0 -1
- package/dist/siemens-ix/p-24947da1.entry.js +0 -1
- package/dist/siemens-ix/p-2b155e81.entry.js +0 -1
- package/dist/siemens-ix/p-2d817735.entry.js +0 -1
- package/dist/siemens-ix/p-3190954f.entry.js +0 -1
- package/dist/siemens-ix/p-359fd705.entry.js +0 -1
- package/dist/siemens-ix/p-3950fb46.entry.js +0 -1
- package/dist/siemens-ix/p-39bab003.entry.js +0 -1
- package/dist/siemens-ix/p-41e6c15a.entry.js +0 -1
- package/dist/siemens-ix/p-44ceb2c5.entry.js +0 -1
- package/dist/siemens-ix/p-46992171.entry.js +0 -1
- package/dist/siemens-ix/p-48f612e5.entry.js +0 -1
- package/dist/siemens-ix/p-49394ea8.entry.js +0 -1
- package/dist/siemens-ix/p-526f3a49.entry.js +0 -1
- package/dist/siemens-ix/p-52edd3f5.entry.js +0 -1
- package/dist/siemens-ix/p-555ee3b3.entry.js +0 -1
- package/dist/siemens-ix/p-57c72eda.entry.js +0 -1
- package/dist/siemens-ix/p-599176fb.entry.js +0 -1
- package/dist/siemens-ix/p-5a69c9e8.entry.js +0 -1
- package/dist/siemens-ix/p-5d1b7333.entry.js +0 -1
- package/dist/siemens-ix/p-5dca1d52.entry.js +0 -1
- package/dist/siemens-ix/p-5f471e1f.entry.js +0 -1
- package/dist/siemens-ix/p-60f84e32.entry.js +0 -1
- package/dist/siemens-ix/p-62156528.entry.js +0 -1
- package/dist/siemens-ix/p-6525aed2.entry.js +0 -1
- package/dist/siemens-ix/p-67eacb9b.entry.js +0 -1
- package/dist/siemens-ix/p-6aadd69d.entry.js +0 -1
- package/dist/siemens-ix/p-6e6dd3b2.entry.js +0 -1
- package/dist/siemens-ix/p-772b82bc.entry.js +0 -1
- package/dist/siemens-ix/p-77940c84.entry.js +0 -1
- package/dist/siemens-ix/p-7a50b7bc.entry.js +0 -1
- package/dist/siemens-ix/p-7bd3643e.entry.js +0 -1
- package/dist/siemens-ix/p-7c83069f.entry.js +0 -1
- package/dist/siemens-ix/p-7c9f479c.entry.js +0 -1
- package/dist/siemens-ix/p-80d52f41.entry.js +0 -1
- package/dist/siemens-ix/p-83ebc68a.entry.js +0 -1
- package/dist/siemens-ix/p-87ddae31.entry.js +0 -1
- package/dist/siemens-ix/p-8a49d412.entry.js +0 -1
- package/dist/siemens-ix/p-90afea9d.entry.js +0 -1
- package/dist/siemens-ix/p-91b62848.entry.js +0 -1
- package/dist/siemens-ix/p-9432d8bc.entry.js +0 -1
- package/dist/siemens-ix/p-9502ad09.entry.js +0 -1
- package/dist/siemens-ix/p-957439fa.entry.js +0 -1
- package/dist/siemens-ix/p-963a2b1c.entry.js +0 -1
- package/dist/siemens-ix/p-9987b6aa.entry.js +0 -1
- package/dist/siemens-ix/p-9ab70f63.entry.js +0 -1
- package/dist/siemens-ix/p-9b042e1e.entry.js +0 -1
- package/dist/siemens-ix/p-9cc7b831.entry.js +0 -1
- package/dist/siemens-ix/p-9cd5c8fd.entry.js +0 -1
- package/dist/siemens-ix/p-9d26ab4c.entry.js +0 -1
- package/dist/siemens-ix/p-9f22ba26.entry.js +0 -1
- package/dist/siemens-ix/p-BBzEV-f4.js +0 -1
- package/dist/siemens-ix/p-BEPo7U1W.js +0 -2
- package/dist/siemens-ix/p-BH3f5fa3.js +0 -1
- package/dist/siemens-ix/p-BLaucX4x.js +0 -1
- package/dist/siemens-ix/p-BUNsXW03.js +0 -1
- package/dist/siemens-ix/p-BXpulp6I.js +0 -1
- package/dist/siemens-ix/p-BayAOLV_.js +0 -1
- package/dist/siemens-ix/p-BdCnOrqW.js +0 -1
- package/dist/siemens-ix/p-BhgW5qDm.js +0 -1
- package/dist/siemens-ix/p-BncjKdXL.js +0 -1
- package/dist/siemens-ix/p-BtTxCH_z.js +0 -1
- package/dist/siemens-ix/p-BvFOMxgl.js +0 -1
- package/dist/siemens-ix/p-C6fzB3UQ.js +0 -1
- package/dist/siemens-ix/p-CAqtPJ4-.js +0 -1
- package/dist/siemens-ix/p-CFRrPFxi.js +0 -1
- package/dist/siemens-ix/p-CUWFODSd.js +0 -1
- package/dist/siemens-ix/p-CZsAGuDS.js +0 -1
- package/dist/siemens-ix/p-Cv_GwYyx.js +0 -1
- package/dist/siemens-ix/p-D3K9vmFp.js +0 -1
- package/dist/siemens-ix/p-DAzBNVe7.js +0 -1
- package/dist/siemens-ix/p-DKTq7BLY.js +0 -1
- package/dist/siemens-ix/p-EA1w1TTe.js +0 -1
- package/dist/siemens-ix/p-GJWUiWDT.js +0 -1
- package/dist/siemens-ix/p-Tgy1PBFv.js +0 -1
- package/dist/siemens-ix/p-W85AQR46.js +0 -1
- package/dist/siemens-ix/p-a2651024.entry.js +0 -1
- package/dist/siemens-ix/p-a37cd269.entry.js +0 -1
- package/dist/siemens-ix/p-a41f8be4.entry.js +0 -1
- package/dist/siemens-ix/p-a91f7f14.entry.js +0 -1
- package/dist/siemens-ix/p-aa36835f.entry.js +0 -1
- package/dist/siemens-ix/p-ab9cbf10.entry.js +0 -1
- package/dist/siemens-ix/p-ada8618e.entry.js +0 -1
- package/dist/siemens-ix/p-ae55e8e6.entry.js +0 -1
- package/dist/siemens-ix/p-b2bd816c.entry.js +0 -1
- package/dist/siemens-ix/p-b41a3733.entry.js +0 -1
- package/dist/siemens-ix/p-b6ae81a9.entry.js +0 -1
- package/dist/siemens-ix/p-bafa90ed.entry.js +0 -1
- package/dist/siemens-ix/p-bbcef047.entry.js +0 -1
- package/dist/siemens-ix/p-bcj7UEIC.js +0 -1
- package/dist/siemens-ix/p-c187909f.entry.js +0 -1
- package/dist/siemens-ix/p-c94c1d45.entry.js +0 -1
- package/dist/siemens-ix/p-ced4c721.entry.js +0 -1
- package/dist/siemens-ix/p-d3ad73e1.entry.js +0 -1
- package/dist/siemens-ix/p-d3afd82f.entry.js +0 -1
- package/dist/siemens-ix/p-d458b450.entry.js +0 -1
- package/dist/siemens-ix/p-d7086b5a.entry.js +0 -1
- package/dist/siemens-ix/p-d8bc930c.entry.js +0 -1
- package/dist/siemens-ix/p-daadd1ae.entry.js +0 -1
- package/dist/siemens-ix/p-dd3bb443.entry.js +0 -1
- package/dist/siemens-ix/p-df0fc6d4.entry.js +0 -1
- package/dist/siemens-ix/p-e09125fd.entry.js +0 -1
- package/dist/siemens-ix/p-e1978224.entry.js +0 -1
- package/dist/siemens-ix/p-e1c15a19.entry.js +0 -1
- package/dist/siemens-ix/p-e91b7758.entry.js +0 -1
- package/dist/siemens-ix/p-f75eab15.entry.js +0 -1
- package/dist/siemens-ix/p-f7b73fa9.entry.js +0 -1
- package/dist/siemens-ix/p-f8a078e5.entry.js +0 -1
- package/dist/siemens-ix/p-faa0599d.entry.js +0 -1
- package/dist/siemens-ix/p-fb077c75.entry.js +0 -1
- package/dist/siemens-ix/p-fb52d56c.entry.js +0 -1
- package/dist/siemens-ix/p-fb75665a.entry.js +0 -1
- package/dist/siemens-ix/p-fce55dc2.entry.js +0 -1
- package/dist/siemens-ix/p-fe1c3443.entry.js +0 -1
- package/dist/siemens-ix/p-fe5f2f38.entry.js +0 -1
- package/dist/siemens-ix/p-gkooEHol.js +0 -1
- package/dist/siemens-ix/p-i60z1FJC.js +0 -1
- package/dist/types/components/application-sidebar/application-sidebar.d.ts +0 -7
- package/dist/types/components/application-sidebar/events.d.ts +0 -4
- package/dist/types/components/drawer/drawer.d.ts +0 -62
- package/dist/types/components/drawer/test/animejs.mock.d.ts +0 -0
- package/dist/types/components/input-group/input-group.d.ts +0 -25
- package/dist/types/components/menu-category/enter-leave.d.ts +0 -7
- package/dist/types/components/utils/menu-tabs/menu-tabs-fc.d.ts +0 -8
- package/dist/types/components/validation-tooltip/validation-tooltip.d.ts +0 -46
- /package/scss/{_common-variables.scss → misc/_common-variables.scss} +0 -0
- /package/scss/{_normalize.scss → misc/_normalize.scss} +0 -0
- /package/scss/{_z-index.scss → misc/_z-index.scss} +0 -0
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host
|
|
2
|
-
import {
|
|
3
|
-
import { B as BaseButton } from './base-button-
|
|
4
|
-
import { b as a11yHostAttributes } from './a11y-
|
|
1
|
+
import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-EBgS4zhE.js';
|
|
2
|
+
import { l as iconClear, m as iconSearch } from './index-DgUGsIlh.js';
|
|
3
|
+
import { B as BaseButton } from './base-button-DZdtpLxn.js';
|
|
4
|
+
import { b as a11yHostAttributes } from './a11y-C21npbUc.js';
|
|
5
5
|
import { a as addDisposableEventListener } from './disposable-event-listener-CKoABG1h.js';
|
|
6
|
-
import { m as makeRef } from './make-ref-
|
|
7
|
-
import { L as LogicalFilterOperator, I as InputState } from './logical-filter-operator-
|
|
6
|
+
import { m as makeRef } from './make-ref-Djkc69iv.js';
|
|
7
|
+
import { L as LogicalFilterOperator, I as InputState } from './logical-filter-operator-C9HBQRMb.js';
|
|
8
|
+
import { r as requestAnimationFrameNoNgZone } from './requestAnimationFrame-BEuV0Xpe.js';
|
|
8
9
|
|
|
9
|
-
const categoryFilterCss = () => `:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host .btn-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary,:host .btn-tertiary.focus,:host .btn-tertiary:focus-visible{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary,:host .btn-subtle-primary.focus,:host .btn-subtle-primary:focus-visible{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary,:host .btn-subtle-secondary.focus,:host .btn-subtle-secondary:focus-visible{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary,:host .btn-subtle-tertiary.focus,:host .btn-subtle-tertiary:focus-visible{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary,:host .btn-danger-primary.focus,:host .btn-danger-primary:focus-visible{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary,:host .btn-danger-secondary.focus,:host .btn-danger-secondary:focus-visible{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary,:host .btn-danger-tertiary.focus,:host .btn-danger-tertiary:focus-visible{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}.dropdown-group{margin:0.687rem;display:block;position:relative;width:21.562rem;border-radius:0.25rem;background-color:#f8f9fa;border:solid 0.062rem rgba(0, 0, 0, 0.25)}.dropdown-group .dropdown-group-title{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}.dropdown-group .dropdown-group-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:11.562rem;margin:0.937rem 0 0.937rem 0.937rem}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}.dropdown-menu{position:absolute;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);max-width:100vw;padding:0.25rem 0;transition:background-color var(--theme-default-time);box-shadow:var(--theme-menu--box-shadow);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}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dropdown-buttons{display:flex;padding:0.25rem 0.5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:0.5rem}.dropdown-item{display:flex;height:2.5rem;position:relative;align-items:center;cursor:pointer;padding:0 2rem;border:1px solid transparent;color:var(--theme-menu-item--color);background-color:transparent}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{outline:none;background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):hover,.dropdown-item:not(.disabled):not(:disabled).hover{color:var(--theme-menu-item--color--hover);background-color:var(--theme-menu-item--background--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):active,.dropdown-item:not(.disabled):not(:disabled).active{color:var(--theme-menu-item--color--active);background-color:var(--theme-menu-item--background--active)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}.dropdown-item>a,.dropdown-item a:hover,.dropdown-item a:active{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color)}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>.glyph{margin-inline-end:0.5rem}.dropdown-item>input[type=checkbox]+label{margin-bottom:0px}.dropdown-item>input[type=checkbox]+label::before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}button.dropdown-toggle{position:relative;padding-right:1.5rem}button.dropdown-toggle::after{position:absolute;top:45%;right:0.5rem}:host{display:block;position:relative;height: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 .reset-button{position:absolute;top:0.25rem;right:0.25rem}:host .reset-button.hide-reset-button{display:none}:host .input-container:not(.readonly):not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;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}:host .input-container:not(.readonly):not(.no-icon)[type=number]{text-align:right}:host .input-container:not(.readonly):not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly):not(.no-icon):-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}:host .input-container:not(.readonly):not(.no-icon):-webkit-autofill,:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):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)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):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)}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon):disabled,:host .input-container:not(.readonly):not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container:not(.readonly):not(.no-icon):disabled::-moz-placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly):not(.no-icon):disabled::placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::placeholder{color:transparent}:host .input-container:not(.readonly).no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;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}:host .input-container:not(.readonly).no-icon[type=number]{text-align:right}:host .input-container:not(.readonly).no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly).no-icon:-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}:host .input-container:not(.readonly).no-icon:-webkit-autofill,:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon: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)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon: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)}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon:disabled,:host .input-container:not(.readonly).no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container:not(.readonly).no-icon:disabled::-moz-placeholder,:host .input-container:not(.readonly).no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly).no-icon:disabled::placeholder,:host .input-container:not(.readonly).no-icon.disabled::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;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}:host .input-container.readonly:not(.no-icon)[type=number]{text-align:right}:host .input-container.readonly:not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly:not(.no-icon):-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}:host .input-container.readonly:not(.no-icon):-webkit-autofill,:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):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)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):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)}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon):-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly:not(.no-icon).read-only,:host .input-container.readonly:not(.no-icon):read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly:not(.no-icon).read-only::-moz-placeholder,:host .input-container.readonly:not(.no-icon):read-only::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):-moz-read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon).read-only::placeholder,:host .input-container.readonly:not(.no-icon):read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled,:host .input-container.readonly:not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container.readonly:not(.no-icon):disabled::-moz-placeholder,:host .input-container.readonly:not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled::placeholder,:host .input-container.readonly:not(.no-icon).disabled::placeholder{color:transparent}:host .input-container.readonly.no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;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}:host .input-container.readonly.no-icon[type=number]{text-align:right}:host .input-container.readonly.no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly.no-icon:-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}:host .input-container.readonly.no-icon:-webkit-autofill,:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon: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)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon: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)}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly.no-icon.read-only,:host .input-container.readonly.no-icon:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly.no-icon.read-only::-moz-placeholder,:host .input-container.readonly.no-icon:read-only::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:-moz-read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon.read-only::placeholder,:host .input-container.readonly.no-icon:read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled,:host .input-container.readonly.no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container.readonly.no-icon:disabled::-moz-placeholder,:host .input-container.readonly.no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled::placeholder,:host .input-container.readonly.no-icon.disabled::placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus{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}:host .input-container.disabled{color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container{display:flex;height:auto;max-height:3.75rem}:host .token-container{flex-grow:1;overflow:hidden}:host .text-input{width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .text-input::-moz-placeholder{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-sm);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;color:var(--theme-color-soft-text)}:host .text-input::placeholder{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-sm);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;color:var(--theme-color-soft-text)}:host .text-input,:host .text-input:hover,:host .text-input:focus,:host .text-input:focus-visible{border:none !important;outline:none !important}:host .text-input.hide-placeholder::-moz-placeholder{opacity:0}:host .text-input.hide-placeholder::placeholder{opacity:0}:host .list-unstyled{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}:host ix-icon{position:absolute;top:0.5rem;left:0.5rem}:host ix-filter-chip{margin-right:0.25rem}:host .category-preview{display:flex;align-items:center;height:1.5rem;background-color:var(--theme-bg-3);border-top-left-radius:1rem;border-bottom-left-radius:1rem;padding:0.5rem;margin:2px 0}:host ul{height:100%}:host .list-unstyled>span:not(.category-preview),:host input{padding-inline-start:0;padding-top:2px;padding-bottom:2px}:host ix-dropdown{min-width:10rem !important}:host ix-dropdown .dropdown-item-container{display:flex;flex-direction:column}:host ix-dropdown .dropdown-item-container .dropdown-item{height:2.5rem;margin:0.25rem 0.5rem;padding-inline:0.5rem;border:1px solid transparent;border-radius:100rem;width:auto;justify-content:flex-start;flex-grow:1;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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}:host ix-dropdown .dropdown-item-container .category-item{border-end-end-radius:0;border-start-end-radius:0}:host ix-dropdown .dropdown-item-container .category-item-value{border-start-start-radius:0;border-end-start-radius:0}:host ix-dropdown .btn-toggle-operator{width:2rem;height:2rem;margin-inline:0.5rem}:host .display-none{display:none}`;
|
|
10
|
+
const categoryFilterCss = () => `:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}.dropdown-group{margin:0.687rem;display:block;position:relative;width:21.562rem;border-radius:0.25rem;background-color:#f8f9fa;border:solid 0.062rem rgba(0, 0, 0, 0.25)}.dropdown-group .dropdown-group-title{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}.dropdown-group .dropdown-group-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:11.562rem;margin:0.937rem 0 0.937rem 0.937rem}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}.dropdown-menu{position:absolute;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);max-width:100vw;padding:0.25rem 0;transition:background-color var(--theme-default-time);box-shadow:var(--theme-menu--box-shadow);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}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dropdown-buttons{display:flex;padding:0.25rem 0.5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:0.5rem}.dropdown-item{display:flex;height:2.5rem;position:relative;align-items:center;cursor:pointer;padding:0 2rem;border:1px solid transparent;color:var(--theme-menu-item--color);background-color:transparent}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{outline:none;background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):hover,.dropdown-item:not(.disabled):not(:disabled).hover{color:var(--theme-menu-item--color--hover);background-color:var(--theme-menu-item--background--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):active,.dropdown-item:not(.disabled):not(:disabled).active{color:var(--theme-menu-item--color--active);background-color:var(--theme-menu-item--background--active)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}.dropdown-item>a,.dropdown-item a:hover,.dropdown-item a:active{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color)}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>.glyph{margin-inline-end:0.5rem}.dropdown-item>input[type=checkbox]+label{margin-bottom:0px}.dropdown-item>input[type=checkbox]+label::before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}button.dropdown-toggle{position:relative;padding-right:1.5rem}button.dropdown-toggle::after{position:absolute;top:45%;right:0.5rem}:host{display:block;position:relative;height: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 .reset-button{position:absolute;top:0.25rem;right:0.25rem}:host .reset-button.hide-reset-button{display:none}:host .input-container:not(.readonly):not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;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}:host .input-container:not(.readonly):not(.no-icon)[type=number]{text-align:right}:host .input-container:not(.readonly):not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly):not(.no-icon):-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}:host .input-container:not(.readonly):not(.no-icon):-webkit-autofill,:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):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)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):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)}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon):disabled,:host .input-container:not(.readonly):not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container:not(.readonly):not(.no-icon):disabled::-moz-placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly):not(.no-icon):disabled::placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::placeholder{color:transparent}:host .input-container:not(.readonly).no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;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}:host .input-container:not(.readonly).no-icon[type=number]{text-align:right}:host .input-container:not(.readonly).no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly).no-icon:-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}:host .input-container:not(.readonly).no-icon:-webkit-autofill,:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon: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)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon: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)}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon:disabled,:host .input-container:not(.readonly).no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container:not(.readonly).no-icon:disabled::-moz-placeholder,:host .input-container:not(.readonly).no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly).no-icon:disabled::placeholder,:host .input-container:not(.readonly).no-icon.disabled::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;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}:host .input-container.readonly:not(.no-icon)[type=number]{text-align:right}:host .input-container.readonly:not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly:not(.no-icon):-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}:host .input-container.readonly:not(.no-icon):-webkit-autofill,:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):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)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):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)}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon):-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly:not(.no-icon).read-only,:host .input-container.readonly:not(.no-icon):read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly:not(.no-icon).read-only::-moz-placeholder,:host .input-container.readonly:not(.no-icon):read-only::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):-moz-read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon).read-only::placeholder,:host .input-container.readonly:not(.no-icon):read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled,:host .input-container.readonly:not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container.readonly:not(.no-icon):disabled::-moz-placeholder,:host .input-container.readonly:not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled::placeholder,:host .input-container.readonly:not(.no-icon).disabled::placeholder{color:transparent}:host .input-container.readonly.no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;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}:host .input-container.readonly.no-icon[type=number]{text-align:right}:host .input-container.readonly.no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly.no-icon:-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}:host .input-container.readonly.no-icon:-webkit-autofill,:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon: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)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon: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)}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly.no-icon.read-only,:host .input-container.readonly.no-icon:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly.no-icon.read-only::-moz-placeholder,:host .input-container.readonly.no-icon:read-only::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:-moz-read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon.read-only::placeholder,:host .input-container.readonly.no-icon:read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled,:host .input-container.readonly.no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container.readonly.no-icon:disabled::-moz-placeholder,:host .input-container.readonly.no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled::placeholder,:host .input-container.readonly.no-icon.disabled::placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus{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}:host .input-container.disabled{color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container{display:flex;height:auto;max-height:3.75rem}:host .token-container{flex-grow:1;overflow:hidden}:host .text-input{width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .text-input::-moz-placeholder{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-sm);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;color:var(--theme-color-soft-text)}:host .text-input::placeholder{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-sm);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;color:var(--theme-color-soft-text)}:host .text-input,:host .text-input:hover,:host .text-input:focus,:host .text-input:focus-visible{border:none !important;outline:none !important}:host .text-input.hide-placeholder::-moz-placeholder{opacity:0}:host .text-input.hide-placeholder::placeholder{opacity:0}:host .list-unstyled{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}:host ix-icon{position:absolute;top:0.5rem;left:0.5rem}:host ix-filter-chip{margin-right:0.25rem}:host .category-preview{display:flex;align-items:center;height:1.5rem;background-color:var(--theme-bg-3);border-top-left-radius:1rem;border-bottom-left-radius:1rem;padding:0.5rem;margin:2px 0}:host ul{height:100%}:host .list-unstyled>span:not(.category-preview),:host input{padding-inline-start:0;padding-top:2px;padding-bottom:2px}:host ix-dropdown{min-width:10rem !important}:host ix-dropdown .dropdown-item-container{display:flex;flex-direction:column}:host ix-dropdown .dropdown-item-container .dropdown-item{height:2.5rem;margin:0.25rem 0.5rem;padding-inline:0.5rem;border:1px solid transparent;border-radius:100rem;width:auto;justify-content:flex-start;flex-grow:1;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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}:host ix-dropdown .dropdown-item-container .category-item{border-end-end-radius:0;border-start-end-radius:0}:host ix-dropdown .dropdown-item-container .category-item-value{border-start-start-radius:0;border-end-start-radius:0}:host ix-dropdown .btn-toggle-operator{width:2rem;height:2rem;margin-inline:0.5rem}:host .display-none{display:none}`;
|
|
10
11
|
|
|
11
12
|
const CategoryFilter = class {
|
|
12
13
|
constructor(hostRef) {
|
|
@@ -15,56 +16,130 @@ const CategoryFilter = class {
|
|
|
15
16
|
this.inputChanged = createEvent(this, "inputChanged", 7);
|
|
16
17
|
this.filterChanged = createEvent(this, "filterChanged", 7);
|
|
17
18
|
this.filterCleared = createEvent(this, "filterCleared", 7);
|
|
18
|
-
this.ID_CUSTOM_FILTER_VALUE = 'CW_CUSTOM_FILTER_VALUE';
|
|
19
|
-
this.textInput = makeRef();
|
|
20
|
-
this.showDropdown = false;
|
|
21
|
-
this.hasFocus = false;
|
|
22
|
-
this.categoryLogicalOperator = LogicalFilterOperator.EQUAL;
|
|
23
|
-
this.inputValue = '';
|
|
24
|
-
this.category = '';
|
|
25
|
-
this.filterTokens = [];
|
|
26
|
-
/**
|
|
27
|
-
* If true the filter will be in disabled state
|
|
28
|
-
*/
|
|
29
|
-
this.disabled = false;
|
|
30
|
-
/**
|
|
31
|
-
* If true the filter will be in readonly mode
|
|
32
|
-
*/
|
|
33
|
-
this.readonly = false;
|
|
34
|
-
/**
|
|
35
|
-
* In certain use cases some categories may not be available for selection anymore.
|
|
36
|
-
* To allow proper display of set filters with these categories this ID to label mapping can be populated.
|
|
37
|
-
*
|
|
38
|
-
* Configuration object hash used to supply labels to the filter chips in the input field.
|
|
39
|
-
* Each ID maps to a string representing the label to display.
|
|
40
|
-
*/
|
|
41
|
-
this.nonSelectableCategories = {};
|
|
42
|
-
/**
|
|
43
|
-
* Allows to hide the icon inside the text input.
|
|
44
|
-
* Defaults to false
|
|
45
|
-
*/
|
|
46
|
-
this.hideIcon = false;
|
|
47
|
-
/**
|
|
48
|
-
* If set to true, prevents that a single category can be set more than once.
|
|
49
|
-
* An already set category will not appear in the category dropdown if set to true.
|
|
50
|
-
*/
|
|
51
|
-
this.uniqueCategories = false;
|
|
52
|
-
/**
|
|
53
|
-
* i18n
|
|
54
|
-
*/
|
|
55
|
-
this.labelCategories = 'Categories';
|
|
56
|
-
/**
|
|
57
|
-
* i18n label for 'Filter by text'
|
|
58
|
-
*/
|
|
59
|
-
this.i18nPlainText = 'Filter by text';
|
|
60
|
-
/**
|
|
61
|
-
* Enable Popover API rendering for dropdown.
|
|
62
|
-
*
|
|
63
|
-
* @default false
|
|
64
|
-
* @since 4.3.0
|
|
65
|
-
*/
|
|
66
|
-
this.enableTopLayer = false;
|
|
67
19
|
}
|
|
20
|
+
ID_CUSTOM_FILTER_VALUE = 'CW_CUSTOM_FILTER_VALUE';
|
|
21
|
+
formKeyDownListener;
|
|
22
|
+
preventDefaultListener;
|
|
23
|
+
inputKeyDownListener;
|
|
24
|
+
focusInListener;
|
|
25
|
+
focusOutListener;
|
|
26
|
+
inputListener;
|
|
27
|
+
textInput = makeRef();
|
|
28
|
+
formElement;
|
|
29
|
+
isScrollStateDirty;
|
|
30
|
+
a11yAttributes;
|
|
31
|
+
get hostElement() { return getElement(this); }
|
|
32
|
+
showDropdown = false;
|
|
33
|
+
hasFocus = false;
|
|
34
|
+
categoryLogicalOperator = LogicalFilterOperator.EQUAL;
|
|
35
|
+
inputValue = '';
|
|
36
|
+
category = '';
|
|
37
|
+
filterTokens = [];
|
|
38
|
+
/**
|
|
39
|
+
* If true the filter will be in disabled state
|
|
40
|
+
*/
|
|
41
|
+
disabled = false;
|
|
42
|
+
/**
|
|
43
|
+
* If true the filter will be in readonly mode
|
|
44
|
+
*/
|
|
45
|
+
readonly = false;
|
|
46
|
+
/**
|
|
47
|
+
* A set of search criteria to populate the component with.
|
|
48
|
+
*/
|
|
49
|
+
filterState;
|
|
50
|
+
/**
|
|
51
|
+
* Placeholder text to be displayed in an empty input field.
|
|
52
|
+
*/
|
|
53
|
+
placeholder;
|
|
54
|
+
/**
|
|
55
|
+
* Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality.
|
|
56
|
+
* Each ID maps to an object with a label and an array of options to select from.
|
|
57
|
+
*/
|
|
58
|
+
categories;
|
|
59
|
+
/**
|
|
60
|
+
* In certain use cases some categories may not be available for selection anymore.
|
|
61
|
+
* To allow proper display of set filters with these categories this ID to label mapping can be populated.
|
|
62
|
+
*
|
|
63
|
+
* Configuration object hash used to supply labels to the filter chips in the input field.
|
|
64
|
+
* Each ID maps to a string representing the label to display.
|
|
65
|
+
*/
|
|
66
|
+
nonSelectableCategories = {};
|
|
67
|
+
/**
|
|
68
|
+
* A list of strings that will be supplied as type-ahead suggestions not tied to any categories.
|
|
69
|
+
*/
|
|
70
|
+
suggestions;
|
|
71
|
+
/**
|
|
72
|
+
* The icon next to the actual text input
|
|
73
|
+
* Defaults to 'search'
|
|
74
|
+
*/
|
|
75
|
+
icon;
|
|
76
|
+
/**
|
|
77
|
+
* Allows to hide the icon inside the text input.
|
|
78
|
+
* Defaults to false
|
|
79
|
+
*/
|
|
80
|
+
hideIcon = false;
|
|
81
|
+
/**
|
|
82
|
+
* If set categories will always be filtered via the respective logical operator.
|
|
83
|
+
* Toggling of the operator will not be available to the user.
|
|
84
|
+
*/
|
|
85
|
+
staticOperator;
|
|
86
|
+
/**
|
|
87
|
+
* If set to true, prevents that a single category can be set more than once.
|
|
88
|
+
* An already set category will not appear in the category dropdown if set to true.
|
|
89
|
+
*/
|
|
90
|
+
uniqueCategories = false;
|
|
91
|
+
/**
|
|
92
|
+
* i18n
|
|
93
|
+
*/
|
|
94
|
+
labelCategories = 'Categories';
|
|
95
|
+
/**
|
|
96
|
+
* i18n label for 'Filter by text'
|
|
97
|
+
*/
|
|
98
|
+
i18nPlainText = 'Filter by text';
|
|
99
|
+
/**
|
|
100
|
+
* ARIA label for the reset button
|
|
101
|
+
* Will be set as aria-label on the nested HTML button element
|
|
102
|
+
*
|
|
103
|
+
* @since 3.2.0
|
|
104
|
+
*/
|
|
105
|
+
ariaLabelResetButton;
|
|
106
|
+
/**
|
|
107
|
+
* ARIA label for the operator button
|
|
108
|
+
* Will be set as aria-label on the nested HTML button element
|
|
109
|
+
*
|
|
110
|
+
* @since 3.2.0
|
|
111
|
+
*/
|
|
112
|
+
ariaLabelOperatorButton;
|
|
113
|
+
/**
|
|
114
|
+
* ARIA label for the filter input
|
|
115
|
+
* Will be set as aria-label on the nested HTML input element
|
|
116
|
+
*
|
|
117
|
+
* @since 3.2.0
|
|
118
|
+
*/
|
|
119
|
+
ariaLabelFilterInput;
|
|
120
|
+
/**
|
|
121
|
+
* Enable Popover API rendering for dropdown.
|
|
122
|
+
*
|
|
123
|
+
* @default false
|
|
124
|
+
* @since 4.3.0
|
|
125
|
+
*/
|
|
126
|
+
enableTopLayer = false;
|
|
127
|
+
/**
|
|
128
|
+
* Event dispatched whenever a category gets selected in the dropdown
|
|
129
|
+
*/
|
|
130
|
+
categoryChanged;
|
|
131
|
+
/**
|
|
132
|
+
* Event dispatched whenever the text input changes.
|
|
133
|
+
*/
|
|
134
|
+
inputChanged;
|
|
135
|
+
/**
|
|
136
|
+
* Event dispatched whenever the filter state changes.
|
|
137
|
+
*/
|
|
138
|
+
filterChanged;
|
|
139
|
+
/**
|
|
140
|
+
* Event dispatched whenever the filter gets cleared.
|
|
141
|
+
*/
|
|
142
|
+
filterCleared;
|
|
68
143
|
get dropdown() {
|
|
69
144
|
return this.hostElement.shadowRoot.querySelector('ix-dropdown');
|
|
70
145
|
}
|
|
@@ -81,11 +156,10 @@ const CategoryFilter = class {
|
|
|
81
156
|
this.hasFocus = false;
|
|
82
157
|
}
|
|
83
158
|
onInput() {
|
|
84
|
-
|
|
85
|
-
this.inputValue = (_c = (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '';
|
|
159
|
+
this.inputValue = this.textInput?.current?.value ?? '';
|
|
86
160
|
const inputState = new InputState(this.inputValue, this.category);
|
|
87
161
|
this.inputChanged.emit(inputState);
|
|
88
|
-
if (!
|
|
162
|
+
if (!this.dropdown?.show) {
|
|
89
163
|
this.openDropdown();
|
|
90
164
|
}
|
|
91
165
|
}
|
|
@@ -93,7 +167,6 @@ const CategoryFilter = class {
|
|
|
93
167
|
this.a11yAttributes = a11yHostAttributes(this.hostElement);
|
|
94
168
|
}
|
|
95
169
|
componentDidLoad() {
|
|
96
|
-
var _a;
|
|
97
170
|
setTimeout(() => {
|
|
98
171
|
if (this.filterState !== undefined) {
|
|
99
172
|
this.setFilterState(this.filterState);
|
|
@@ -103,7 +176,7 @@ const CategoryFilter = class {
|
|
|
103
176
|
this.formKeyDownListener = addDisposableEventListener(this.formElement, 'keydown', ((e) => this.handleFormElementKeyDown(e)));
|
|
104
177
|
this.preventDefaultListener = addDisposableEventListener(this.formElement, 'submit', this.preventDefault);
|
|
105
178
|
}
|
|
106
|
-
if (
|
|
179
|
+
if (this.textInput?.current == null) {
|
|
107
180
|
console.warn('ix-category-filter - unable to add event listeners to native input element');
|
|
108
181
|
return;
|
|
109
182
|
}
|
|
@@ -139,11 +212,10 @@ const CategoryFilter = class {
|
|
|
139
212
|
}
|
|
140
213
|
}
|
|
141
214
|
handleFormElementKeyDown(e) {
|
|
142
|
-
var _a, _b, _c;
|
|
143
215
|
switch (e.code) {
|
|
144
216
|
case 'Enter':
|
|
145
217
|
case 'NumpadEnter':
|
|
146
|
-
if (!
|
|
218
|
+
if (!document.activeElement?.classList.contains('dropdown-item')) {
|
|
147
219
|
return;
|
|
148
220
|
}
|
|
149
221
|
const token = document.activeElement.getAttribute('data-id');
|
|
@@ -153,7 +225,7 @@ const CategoryFilter = class {
|
|
|
153
225
|
if (this.hasCategorySelection()) {
|
|
154
226
|
if (this.category !== '') {
|
|
155
227
|
this.addToken(token, this.category);
|
|
156
|
-
|
|
228
|
+
this.textInput?.current?.focus();
|
|
157
229
|
}
|
|
158
230
|
else if (document.activeElement.classList.contains('category-item-id')) {
|
|
159
231
|
this.selectCategory(token);
|
|
@@ -179,15 +251,13 @@ const CategoryFilter = class {
|
|
|
179
251
|
}
|
|
180
252
|
}
|
|
181
253
|
focusPreviousItem() {
|
|
182
|
-
|
|
183
|
-
const sibling = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.previousSibling;
|
|
254
|
+
const sibling = document.activeElement?.previousSibling;
|
|
184
255
|
if (sibling instanceof HTMLElement) {
|
|
185
256
|
sibling.focus();
|
|
186
257
|
}
|
|
187
258
|
}
|
|
188
259
|
focusNextItem() {
|
|
189
|
-
|
|
190
|
-
const sibling = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.nextSibling;
|
|
260
|
+
const sibling = document.activeElement?.nextSibling;
|
|
191
261
|
if (sibling instanceof HTMLElement) {
|
|
192
262
|
sibling.focus();
|
|
193
263
|
}
|
|
@@ -201,26 +271,31 @@ const CategoryFilter = class {
|
|
|
201
271
|
return false;
|
|
202
272
|
}
|
|
203
273
|
onArrowDown(e) {
|
|
204
|
-
var _a;
|
|
205
274
|
const baseSelector = `.category-item-${this.category !== '' ? 'value' : 'id'}`;
|
|
206
275
|
const fallbackSelector = '.category-item';
|
|
276
|
+
if (!this.dropdown?.show) {
|
|
277
|
+
this.openDropdown();
|
|
278
|
+
requestAnimationFrameNoNgZone(() => this.focusElement('.dropdown-item'));
|
|
279
|
+
e.stopPropagation();
|
|
280
|
+
e.preventDefault();
|
|
281
|
+
return;
|
|
282
|
+
}
|
|
207
283
|
if (this.focusElement(baseSelector)) {
|
|
208
284
|
e.stopPropagation();
|
|
209
285
|
return;
|
|
210
286
|
}
|
|
211
|
-
if (
|
|
287
|
+
if (this.suggestions?.length && this.focusElement(fallbackSelector)) {
|
|
212
288
|
e.stopPropagation();
|
|
213
289
|
}
|
|
214
290
|
}
|
|
215
291
|
handleInputElementKeyDown(e) {
|
|
216
|
-
var _a, _b;
|
|
217
292
|
switch (e.code) {
|
|
218
293
|
case 'ArrowDown': {
|
|
219
294
|
this.onArrowDown(e);
|
|
220
295
|
break;
|
|
221
296
|
}
|
|
222
297
|
case 'Backspace':
|
|
223
|
-
if (
|
|
298
|
+
if (this.textInput?.current?.value !== '') {
|
|
224
299
|
return;
|
|
225
300
|
}
|
|
226
301
|
if (this.category !== '') {
|
|
@@ -251,7 +326,6 @@ const CategoryFilter = class {
|
|
|
251
326
|
this.filterChanged.emit(filterState);
|
|
252
327
|
}
|
|
253
328
|
addToken(token, category = this.ID_CUSTOM_FILTER_VALUE, operator = this.categoryLogicalOperator, emitEvent = true) {
|
|
254
|
-
var _a;
|
|
255
329
|
if (token === undefined || token === null) {
|
|
256
330
|
return;
|
|
257
331
|
}
|
|
@@ -264,7 +338,7 @@ const CategoryFilter = class {
|
|
|
264
338
|
}
|
|
265
339
|
const pair = { id: category, value: newToken, operator };
|
|
266
340
|
this.filterTokens = [...this.filterTokens, pair];
|
|
267
|
-
if (
|
|
341
|
+
if (this.textInput?.current) {
|
|
268
342
|
this.textInput.current.value = '';
|
|
269
343
|
}
|
|
270
344
|
this.inputValue = '';
|
|
@@ -291,13 +365,12 @@ const CategoryFilter = class {
|
|
|
291
365
|
return ids;
|
|
292
366
|
}
|
|
293
367
|
selectCategory(category) {
|
|
294
|
-
var _a, _b, _c;
|
|
295
368
|
this.category = category;
|
|
296
|
-
if (
|
|
369
|
+
if (this.textInput?.current) {
|
|
297
370
|
this.textInput.current.value = '';
|
|
298
371
|
}
|
|
299
372
|
this.inputValue = '';
|
|
300
|
-
|
|
373
|
+
this.textInput?.current?.focus();
|
|
301
374
|
this.categoryChanged.emit(category);
|
|
302
375
|
}
|
|
303
376
|
resetFilter(e) {
|
|
@@ -356,29 +429,30 @@ const CategoryFilter = class {
|
|
|
356
429
|
}
|
|
357
430
|
}
|
|
358
431
|
getFilterChipLabel(value) {
|
|
359
|
-
var _a, _b, _c, _d, _e;
|
|
360
432
|
if (value.id === this.ID_CUSTOM_FILTER_VALUE) {
|
|
361
433
|
return value.value;
|
|
362
434
|
}
|
|
363
435
|
const operatorString = value.operator === LogicalFilterOperator.EQUAL ? '=' : '!=';
|
|
364
|
-
const label =
|
|
436
|
+
const label = this.categories?.[value.id]?.label ??
|
|
437
|
+
this.nonSelectableCategories?.[value.id] ??
|
|
438
|
+
value.id;
|
|
365
439
|
return `${label} ${operatorString} ${value.value}`;
|
|
366
440
|
}
|
|
367
441
|
getFilteredSuggestions() {
|
|
368
|
-
|
|
369
|
-
if (!((_a = this.suggestions) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
442
|
+
if (!this.suggestions?.length) {
|
|
370
443
|
return [];
|
|
371
444
|
}
|
|
372
|
-
return
|
|
445
|
+
return this.suggestions
|
|
446
|
+
?.filter((value) => this.filterByInput(value))
|
|
447
|
+
.filter((value) => this.filterDuplicateTokens(value));
|
|
373
448
|
}
|
|
374
449
|
hasCategorySelection() {
|
|
375
450
|
return this.categories !== undefined;
|
|
376
451
|
}
|
|
377
452
|
renderPlainSuggestions() {
|
|
378
453
|
return (h("div", { class: "dropdown-item-container" }, this.getFilteredSuggestions().map((suggestion) => (h("button", { class: "dropdown-item", "data-id": suggestion, onClick: () => {
|
|
379
|
-
var _a, _b;
|
|
380
454
|
this.addToken(suggestion);
|
|
381
|
-
|
|
455
|
+
this.textInput?.current?.focus();
|
|
382
456
|
}, key: suggestion, title: suggestion }, suggestion)))));
|
|
383
457
|
}
|
|
384
458
|
renderOperatorButton() {
|
|
@@ -404,7 +478,7 @@ const CategoryFilter = class {
|
|
|
404
478
|
},
|
|
405
479
|
ariaAttributes: { 'aria-label': this.ariaLabelOperatorButton },
|
|
406
480
|
};
|
|
407
|
-
return (h(BaseButton,
|
|
481
|
+
return (h(BaseButton, { ...params }, this.categoryLogicalOperator === LogicalFilterOperator.NOT_EQUAL
|
|
408
482
|
? '='
|
|
409
483
|
: '!='));
|
|
410
484
|
}
|
|
@@ -419,17 +493,17 @@ const CategoryFilter = class {
|
|
|
419
493
|
return `${operator === LogicalFilterOperator.EQUAL ? '=' : '!='} `;
|
|
420
494
|
}
|
|
421
495
|
renderCategoryValues() {
|
|
422
|
-
var _a, _b;
|
|
423
496
|
if (this.categories === undefined) {
|
|
424
497
|
return;
|
|
425
498
|
}
|
|
426
|
-
return (h("div", { class: "dropdown-item-container" }, this.renderOperatorButton(), h("div", { class: "dropdown-header" },
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
499
|
+
return (h("div", { class: "dropdown-item-container" }, this.renderOperatorButton(), h("div", { class: "dropdown-header" }, this.categories[this.category]?.label), this.categories[this.category]?.options
|
|
500
|
+
.filter((value) => this.filterByInput(value))
|
|
501
|
+
.filter((value) => this.filterDuplicateTokens(value))
|
|
502
|
+
.map((id) => (h("button", { class: "dropdown-item category-item-value", "data-id": id, title: id, key: id, onClick: (e) => {
|
|
503
|
+
e.preventDefault();
|
|
504
|
+
this.addToken(id, this.category);
|
|
505
|
+
this.textInput?.current?.focus();
|
|
506
|
+
} }, `${this.getFilterOperatorString()} ${id}`)))));
|
|
433
507
|
}
|
|
434
508
|
renderDropdownContent() {
|
|
435
509
|
if (this.hasCategorySelection()) {
|
|
@@ -444,14 +518,13 @@ const CategoryFilter = class {
|
|
|
444
518
|
return this.renderPlainSuggestions();
|
|
445
519
|
}
|
|
446
520
|
renderCategorySelection() {
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
})));
|
|
521
|
+
return (h("div", { class: "dropdown-item-container" }, this.getCategoryIds()
|
|
522
|
+
?.filter((id) => this.categories && this.filterByInput(this.categories[id].label))
|
|
523
|
+
.filter((id) => this.filterMultiples(id))
|
|
524
|
+
.map((id) => (h("button", { class: "dropdown-item category-item category-item-id", "data-id": id, title: this.categories?.[id]?.label, key: id, onClick: (e) => {
|
|
525
|
+
e.preventDefault();
|
|
526
|
+
this.selectCategory(id);
|
|
527
|
+
}, tabindex: "0" }, this.categories?.[id]?.label)))));
|
|
455
528
|
}
|
|
456
529
|
getDropdownHeader() {
|
|
457
530
|
if (this.categories !== undefined) {
|
|
@@ -465,14 +538,12 @@ const CategoryFilter = class {
|
|
|
465
538
|
return this.i18nPlainText;
|
|
466
539
|
}
|
|
467
540
|
componentDidRender() {
|
|
468
|
-
var _a, _b;
|
|
469
541
|
if (this.isScrollStateDirty) {
|
|
470
|
-
|
|
542
|
+
this.textInput?.current?.scrollIntoView();
|
|
471
543
|
this.isScrollStateDirty = false;
|
|
472
544
|
}
|
|
473
545
|
}
|
|
474
546
|
disconnectedCallback() {
|
|
475
|
-
var _a;
|
|
476
547
|
if (this.preventDefaultListener) {
|
|
477
548
|
this.preventDefaultListener();
|
|
478
549
|
}
|
|
@@ -480,7 +551,7 @@ const CategoryFilter = class {
|
|
|
480
551
|
this.formKeyDownListener();
|
|
481
552
|
}
|
|
482
553
|
if (this.inputKeyDownListener) {
|
|
483
|
-
|
|
554
|
+
this.inputKeyDownListener?.();
|
|
484
555
|
}
|
|
485
556
|
if (this.focusInListener) {
|
|
486
557
|
this.focusInListener();
|
|
@@ -508,25 +579,23 @@ const CategoryFilter = class {
|
|
|
508
579
|
return 'color-primary';
|
|
509
580
|
}
|
|
510
581
|
render() {
|
|
511
|
-
|
|
512
|
-
return (h(Host, { key: 'c9e7bdba1b9a6c9c368ff11d40ccf41883cc7d6d' }, h("form", { key: '1201a3a234a4c1c49f7897f1461dc9dcc7974c08', ref: (el) => (this.formElement = el) }, h("div", { key: 'f6330fac3e425656ec2e3c1511edd822c091829e', "read-only": this.readonly, class: {
|
|
582
|
+
return (h(Host, { key: '85dbdb78b8e91f24bd024a7f807981c1be021949' }, h("form", { key: 'c7bbb49d432f280a07decbe120f73d6c797d8cc7', ref: (el) => (this.formElement = el) }, h("div", { key: '0564d4922c264f58cdbd27da56913b09fc7ab9a5', "read-only": this.readonly, class: {
|
|
513
583
|
'input-container': true,
|
|
514
584
|
disabled: this.disabled,
|
|
515
585
|
focus: this.hasFocus,
|
|
516
586
|
readonly: this.readonly,
|
|
517
587
|
'no-icon': this.hideIcon,
|
|
518
|
-
} }, h("ix-icon", { key: '
|
|
588
|
+
} }, h("ix-icon", { key: '3807f9bee30d44bcca3a8aefda6889958f5fa781', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: this.icon ?? iconSearch, size: "16" }), h("div", { key: 'eee8f5b467efe653a186361cd6db76a6a92bdb15', class: "token-container" }, h("div", { key: 'd82c1963974f8213fab1b90473d8f0c883306281', class: "list-unstyled" }, this.filterTokens.map((value, index) => (h("span", { key: value.toString(), class: {
|
|
519
589
|
animate__animated: true,
|
|
520
590
|
animate__fadein: true,
|
|
521
591
|
} }, h("ix-filter-chip", { disabled: this.disabled, readonly: this.readonly, onClick: (e) => e.stopPropagation(), onCloseClick: () => this.removeToken(index) }, this.getFilterChipLabel(value))))), this.categories === undefined ? ('') : (h("span", { class: {
|
|
522
592
|
'category-preview': true,
|
|
523
593
|
'display-none': this.category === '',
|
|
524
|
-
} },
|
|
594
|
+
} }, this.categories[this.category]?.label)), h("input", { key: 'bb6d42b5691fa761ed9f8196edce521e5e5e04aa', class: {
|
|
525
595
|
'text-input': true,
|
|
526
596
|
'hide-placeholder': this.readonly || this.disabled || this.category !== '',
|
|
527
|
-
}, autocomplete: "off", name: "category-filter-input", disabled: this.disabled, readonly: this.readonly, ref: this.textInput, type: "text", placeholder: this.placeholder
|
|
597
|
+
}, autocomplete: "off", name: "category-filter-input", disabled: this.disabled, readonly: this.readonly, ref: this.textInput, type: "text", placeholder: this.placeholder, ...this.a11yAttributes, "aria-label": this.ariaLabelFilterInput }))), !this.readonly && !this.disabled && this.getResetButton())), this.disabled || this.readonly ? ('') : (h("ix-dropdown", { show: this.showDropdown, closeBehavior: "outside", offset: { mainAxis: 2 }, anchor: this.textInput?.waitForCurrent(), trigger: this.hostElement, header: this.getDropdownHeader(), enableTopLayer: this.enableTopLayer }, this.renderDropdownContent()))));
|
|
528
598
|
}
|
|
529
|
-
get hostElement() { return getElement(this); }
|
|
530
599
|
static get watchers() { return {
|
|
531
600
|
"filterState": [{
|
|
532
601
|
"watchFilterState": 0
|