@siemens/ix 2.6.1 → 2.7.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/components/a11y.js.map +1 -1
- package/components/application-header.js +20 -11
- package/components/application-header.js.map +1 -1
- package/components/avatar.js.map +1 -1
- package/components/breadcrumb-item.js.map +1 -1
- package/components/button.js +2 -2
- package/components/button.js.map +1 -1
- package/components/card-content.js +2 -2
- package/components/card-content.js.map +1 -1
- package/components/card-title.js +2 -2
- package/components/card-title.js.map +1 -1
- package/components/card.js +1 -1
- package/components/card.js.map +1 -1
- package/components/date-picker.js +4 -4
- package/components/date-picker.js.map +1 -1
- package/components/divider.js +1 -1
- package/components/dropdown-item.js +3 -3
- package/components/dropdown.js +2 -2
- package/components/field-label.js +1 -1
- package/components/field-wrapper.js +2 -2
- package/components/filter-chip.js +2 -2
- package/components/filter-chip.js.map +1 -1
- package/components/group-context-menu.js +1 -1
- package/components/group-context-menu.js.map +1 -1
- package/components/group-item.js +2 -2
- package/components/icon-button.js +4 -4
- package/components/icon-button.js.map +1 -1
- package/components/index.js +4 -0
- package/components/index.js.map +1 -1
- package/components/index2.js +4 -0
- package/components/index2.js.map +1 -1
- package/components/input.util.js +26 -2
- package/components/input.util.js.map +1 -1
- package/components/ix-application-switch-modal.js +1 -1
- package/components/ix-application-switch-modal.js.map +1 -1
- package/components/ix-application.js +7 -3
- package/components/ix-application.js.map +1 -1
- package/components/ix-basic-navigation.js +2 -2
- package/components/ix-basic-navigation.js.map +1 -1
- package/components/ix-card-list.js +6 -6
- package/components/ix-card-list.js.map +1 -1
- package/components/ix-category-filter.js +4 -4
- package/components/ix-category-filter.js.map +1 -1
- package/components/ix-checkbox-group.js +2 -2
- package/components/ix-checkbox.js +5 -4
- package/components/ix-checkbox.js.map +1 -1
- package/components/ix-chip.js +5 -5
- package/components/ix-chip.js.map +1 -1
- package/components/ix-content.js +3 -3
- package/components/ix-css-grid-item.js +1 -1
- package/components/ix-css-grid-item.js.map +1 -1
- package/components/ix-custom-field.js +1 -1
- package/components/ix-date-dropdown.js +13 -5
- package/components/ix-date-dropdown.js.map +1 -1
- package/components/ix-date-input.js +10 -11
- package/components/ix-date-input.js.map +1 -1
- package/components/ix-drawer.js +2 -2
- package/components/ix-dropdown-header.js +1 -1
- package/components/ix-dropdown-header.js.map +1 -1
- package/components/ix-dropdown-quick-actions.js +1 -1
- package/components/ix-empty-state.js +1 -1
- package/components/ix-empty-state.js.map +1 -1
- package/components/ix-event-list-item.js +4 -4
- package/components/ix-event-list.js +2 -2
- package/components/ix-expanding-search.js +10 -4
- package/components/ix-expanding-search.js.map +1 -1
- package/components/ix-flip-tile-content.js +1 -1
- package/components/ix-flip-tile.js +6 -5
- package/components/ix-flip-tile.js.map +1 -1
- package/components/ix-group.js +8 -8
- package/components/ix-group.js.map +1 -1
- package/components/ix-helper-text.js +1 -1
- package/components/ix-icon-toggle-button.js +1 -1
- package/components/ix-icon-toggle-button.js.map +1 -1
- package/components/ix-input-group.js +1 -1
- package/components/ix-input-group.js.map +1 -1
- package/components/ix-input.js +12 -7
- package/components/ix-input.js.map +1 -1
- package/components/ix-key-value-list.js +2 -2
- package/components/ix-key-value-list.js.map +1 -1
- package/components/ix-key-value.js +1 -1
- package/components/ix-key-value.js.map +1 -1
- package/components/ix-kpi.js +3 -3
- package/components/ix-kpi.js.map +1 -1
- package/components/ix-layout-auto.js +1 -1
- package/components/ix-link-button.js +3 -3
- package/components/ix-link-button.js.map +1 -1
- package/components/ix-map-navigation.js +4 -4
- package/components/ix-map-navigation.js.map +1 -1
- package/components/ix-menu-about-item.js +1 -1
- package/components/ix-menu-about-item.js.map +1 -1
- package/components/ix-menu-about-news.js +4 -4
- package/components/ix-menu-about-news.js.map +1 -1
- package/components/ix-menu-about.js +1 -1
- package/components/ix-menu-about.js.map +1 -1
- package/components/ix-menu-avatar.js +2 -2
- package/components/ix-menu-avatar.js.map +1 -1
- package/components/ix-menu-category.js +28 -13
- package/components/ix-menu-category.js.map +1 -1
- package/components/ix-menu-settings-item.js +1 -1
- package/components/ix-menu-settings-item.js.map +1 -1
- package/components/ix-menu.js +24 -16
- package/components/ix-menu.js.map +1 -1
- package/components/ix-message-bar.js +4 -2
- package/components/ix-message-bar.js.map +1 -1
- package/components/ix-modal-footer.js +1 -1
- package/components/ix-modal-loading.js +1 -1
- package/components/ix-modal.js +3 -3
- package/components/ix-modal.js.map +1 -1
- package/components/ix-number-input.js +14 -9
- package/components/ix-number-input.js.map +1 -1
- package/components/ix-pagination.js +8 -5
- package/components/ix-pagination.js.map +1 -1
- package/components/ix-pane-layout.js +1 -1
- package/components/ix-pill.js +19 -8
- package/components/ix-pill.js.map +1 -1
- package/components/ix-push-card.js +1 -1
- package/components/ix-push-card.js.map +1 -1
- package/components/ix-radio-group.js +2 -2
- package/components/ix-radio.js +6 -5
- package/components/ix-radio.js.map +1 -1
- package/components/ix-split-button-item.js +1 -1
- package/components/ix-split-button-item.js.map +1 -1
- package/components/ix-split-button.js +1 -1
- package/components/ix-split-button.js.map +1 -1
- package/components/ix-textarea.js +1 -1
- package/components/ix-textarea.js.map +1 -1
- package/components/ix-tile.js +4 -4
- package/components/ix-tile.js.map +1 -1
- package/components/ix-toast-container.js +10 -6
- package/components/ix-toast-container.js.map +1 -1
- package/components/ix-toggle-button.js +2 -2
- package/components/ix-toggle-button.js.map +1 -1
- package/components/ix-toggle.js +3 -3
- package/components/ix-tree.js +1 -1
- package/components/ix-tree.js.map +1 -1
- package/components/ix-upload.js +3 -3
- package/components/ix-validation-tooltip.js +5 -2
- package/components/ix-validation-tooltip.js.map +1 -1
- package/components/ix-workflow-step.js +4 -3
- package/components/ix-workflow-step.js.map +1 -1
- package/components/ix-workflow-steps.js +1 -1
- package/components/ix-workflow-steps.js.map +1 -1
- package/components/layout-grid.js +2 -2
- package/components/make-ref.js.map +1 -1
- package/components/map-navigation-overlay.js +2 -2
- package/components/map-navigation-overlay.js.map +1 -1
- package/components/menu-avatar-item.js +1 -1
- package/components/menu-avatar-item.js.map +1 -1
- package/components/menu-expand-icon.js +1 -1
- package/components/menu-expand-icon.js.map +1 -1
- package/components/menu-item.js +3 -3
- package/components/menu-tabs-fc.js +10 -3
- package/components/menu-tabs-fc.js.map +1 -1
- package/components/modal-content.js +1 -1
- package/components/modal-header.js +1 -1
- package/components/row.js +1 -1
- package/components/select-item.js +1 -1
- package/components/select.js +39 -17
- package/components/select.js.map +1 -1
- package/components/shadow-dom.js.map +1 -1
- package/components/spinner.js +1 -1
- package/components/tabs.js +2 -2
- package/components/time-picker.js +1 -1
- package/components/time-picker.js.map +1 -1
- package/components/toast.js +2 -2
- package/components/toast.js.map +1 -1
- package/components/tooltip.js +2 -2
- package/components/tree-item.js +4 -4
- package/components/validation.js +1 -7
- package/components/validation.js.map +1 -1
- package/dist/cjs/a11y-ae470f01.js.map +1 -1
- package/dist/cjs/{app-globals-4d8f1524.js → app-globals-ca59f3ec.js} +2 -2
- package/dist/cjs/{app-globals-4d8f1524.js.map → app-globals-ca59f3ec.js.map} +1 -1
- package/dist/cjs/{index-492e6488.js → index-12d386cf.js} +5 -1
- package/dist/cjs/index-12d386cf.js.map +1 -0
- package/dist/cjs/index.cjs.js +5 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/{input.util-54d161e6.js → input.util-dee6616a.js} +28 -3
- package/dist/cjs/input.util-dee6616a.js.map +1 -0
- package/dist/cjs/ix-application-header.cjs.entry.js +21 -12
- package/dist/cjs/ix-application-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-application-switch-modal.cjs.entry.js +1 -1
- package/dist/cjs/ix-application-switch-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-application.cjs.entry.js +7 -3
- package/dist/cjs/ix-application.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-avatar_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-avatar_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-basic-navigation.cjs.entry.js +2 -2
- package/dist/cjs/ix-basic-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-button.cjs.entry.js +2 -2
- package/dist/cjs/ix-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-card-list.cjs.entry.js +6 -6
- package/dist/cjs/ix-card-list.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-card_2.cjs.entry.js +3 -3
- package/dist/cjs/ix-card_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-category-filter.cjs.entry.js +4 -4
- package/dist/cjs/ix-category-filter.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +3 -3
- package/dist/cjs/ix-checkbox.cjs.entry.js +6 -5
- package/dist/cjs/ix-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-chip.cjs.entry.js +5 -5
- package/dist/cjs/ix-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-col_4.cjs.entry.js +7 -7
- package/dist/cjs/ix-col_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-content.cjs.entry.js +3 -3
- package/dist/cjs/ix-css-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-css-grid-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-custom-field.cjs.entry.js +2 -2
- package/dist/cjs/ix-date-dropdown.cjs.entry.js +9 -5
- package/dist/cjs/ix-date-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-date-input.cjs.entry.js +12 -12
- package/dist/cjs/ix-date-input.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-divider.cjs.entry.js +1 -1
- package/dist/cjs/ix-drawer.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown-header.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-dropdown-item.cjs.entry.js +3 -3
- package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/ix-empty-state.cjs.entry.js +1 -1
- package/dist/cjs/ix-empty-state.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-event-list-item.cjs.entry.js +4 -4
- package/dist/cjs/ix-event-list.cjs.entry.js +2 -2
- package/dist/cjs/ix-expanding-search.cjs.entry.js +7 -4
- package/dist/cjs/ix-expanding-search.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-field-label_3.cjs.entry.js +6 -6
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +3 -3
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-flip-tile-content.cjs.entry.js +1 -1
- package/dist/cjs/ix-flip-tile.cjs.entry.js +6 -5
- package/dist/cjs/ix-flip-tile.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +3 -3
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-group.cjs.entry.js +8 -8
- package/dist/cjs/ix-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-helper-text.cjs.entry.js +2 -2
- package/dist/cjs/ix-icon-button_2.cjs.entry.js +5 -5
- package/dist/cjs/ix-icon-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-input-group.cjs.entry.js +1 -1
- package/dist/cjs/ix-input-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-input.cjs.entry.js +14 -8
- package/dist/cjs/ix-input.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-key-value-list.cjs.entry.js +2 -2
- package/dist/cjs/ix-key-value-list.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-key-value.cjs.entry.js +1 -1
- package/dist/cjs/ix-key-value.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-kpi.cjs.entry.js +3 -3
- package/dist/cjs/ix-kpi.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-layout-auto.cjs.entry.js +1 -1
- package/dist/cjs/ix-link-button.cjs.entry.js +3 -3
- package/dist/cjs/ix-link-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-map-navigation-overlay.cjs.entry.js +2 -2
- package/dist/cjs/ix-map-navigation-overlay.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-map-navigation.cjs.entry.js +4 -4
- package/dist/cjs/ix-map-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-about-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-menu-about-news.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-about-news.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-menu-about.cjs.entry.js +2 -2
- package/dist/cjs/ix-menu-about.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-menu-avatar.cjs.entry.js +2 -2
- package/dist/cjs/ix-menu-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-menu-category.cjs.entry.js +28 -13
- package/dist/cjs/ix-menu-category.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-settings-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-menu-settings.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu.cjs.entry.js +25 -17
- package/dist/cjs/ix-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-message-bar.cjs.entry.js +4 -2
- package/dist/cjs/ix-message-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal-footer.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal-loading.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal.cjs.entry.js +3 -3
- package/dist/cjs/ix-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-number-input.cjs.entry.js +16 -10
- package/dist/cjs/ix-number-input.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-pagination.cjs.entry.js +8 -5
- package/dist/cjs/ix-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-pane-layout.cjs.entry.js +1 -1
- package/dist/cjs/ix-pill.cjs.entry.js +17 -7
- package/dist/cjs/ix-pill.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-push-card.cjs.entry.js +1 -1
- package/dist/cjs/ix-push-card.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/ix-radio.cjs.entry.js +6 -5
- package/dist/cjs/ix-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-select.cjs.entry.js +38 -18
- package/dist/cjs/ix-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-split-button-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-split-button-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-split-button.cjs.entry.js +1 -1
- package/dist/cjs/ix-split-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-tab-item_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-textarea.cjs.entry.js +4 -3
- package/dist/cjs/ix-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-tile.cjs.entry.js +4 -4
- package/dist/cjs/ix-tile.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/ix-time-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-toast-container.cjs.entry.js +10 -6
- package/dist/cjs/ix-toast-container.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-toast.cjs.entry.js +2 -2
- package/dist/cjs/ix-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-toggle-button.cjs.entry.js +2 -2
- package/dist/cjs/ix-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-toggle.cjs.entry.js +3 -3
- package/dist/cjs/ix-tree-item.cjs.entry.js +4 -4
- package/dist/cjs/ix-tree.cjs.entry.js +1 -1
- package/dist/cjs/ix-tree.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-upload.cjs.entry.js +3 -3
- package/dist/cjs/ix-validation-tooltip.cjs.entry.js +5 -2
- package/dist/cjs/ix-validation-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-workflow-step.cjs.entry.js +4 -3
- package/dist/cjs/ix-workflow-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-workflow-steps.cjs.entry.js +1 -1
- package/dist/cjs/ix-workflow-steps.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/make-ref-499e1e41.js.map +1 -1
- package/dist/cjs/{menu-tabs-fc-eb899b0d.js → menu-tabs-fc-a9f928f5.js} +11 -4
- package/dist/cjs/menu-tabs-fc-a9f928f5.js.map +1 -0
- package/dist/cjs/{setup-cc07fbfc.js → setup-49660b91.js} +12 -2
- package/dist/cjs/setup-49660b91.js.map +1 -0
- package/dist/cjs/shadow-dom-454acc38.js.map +1 -1
- package/dist/cjs/siemens-ix.cjs.js +3 -3
- package/dist/cjs/{validation-1e3dd5ee.js → validation-cb884b13.js} +2 -8
- package/dist/cjs/validation-cb884b13.js.map +1 -0
- package/dist/collection/components/action-card/action-card.js +3 -3
- package/dist/collection/components/application/application.js +12 -8
- package/dist/collection/components/application/application.js.map +1 -1
- package/dist/collection/components/application-header/application-header.js +39 -13
- package/dist/collection/components/application-header/application-header.js.map +1 -1
- package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js +3 -3
- package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js.map +1 -1
- package/dist/collection/components/application-header/test/application-header.ct.js +2 -2
- package/dist/collection/components/application-header/test/application-header.ct.js.map +1 -1
- package/dist/collection/components/avatar/avatar.js +4 -4
- package/dist/collection/components/avatar/avatar.js.map +1 -1
- package/dist/collection/components/basic-navigation/basic-navigation.js +5 -5
- package/dist/collection/components/basic-navigation/basic-navigation.js.map +1 -1
- package/dist/collection/components/blind/blind.js +3 -3
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +4 -4
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js.map +1 -1
- package/dist/collection/components/button/button-component.js +2 -0
- package/dist/collection/components/button/button-component.js.map +1 -0
- package/dist/collection/components/button/button.js +3 -3
- package/dist/collection/components/button/button.js.map +1 -1
- package/dist/collection/components/button/test/button.spec.js.map +1 -1
- package/dist/collection/components/card/card.css +7 -0
- package/dist/collection/components/card-content/card-content.css +13 -5
- package/dist/collection/components/card-content/card-content.js +1 -1
- package/dist/collection/components/card-content/card-content.js.map +1 -1
- package/dist/collection/components/card-list/card-list.css +1 -0
- package/dist/collection/components/card-list/card-list.js +7 -7
- package/dist/collection/components/card-list/card-list.js.map +1 -1
- package/dist/collection/components/card-title/card-title.css +2 -2
- package/dist/collection/components/card-title/card-title.js +1 -1
- package/dist/collection/components/category-filter/category-filter.css +3 -3
- package/dist/collection/components/category-filter/category-filter.js +9 -9
- package/dist/collection/components/category-filter/filter-state.js +4 -0
- package/dist/collection/components/category-filter/filter-state.js.map +1 -1
- package/dist/collection/components/checkbox/checkbox.css +216 -91
- package/dist/collection/components/checkbox/checkbox.js +7 -6
- package/dist/collection/components/checkbox/checkbox.js.map +1 -1
- package/dist/collection/components/checkbox/tests/checkbox.ct.js +20 -0
- package/dist/collection/components/checkbox/tests/checkbox.ct.js.map +1 -1
- package/dist/collection/components/checkbox-group/checkbox-group.js +8 -8
- package/dist/collection/components/chip/chip.js +10 -10
- package/dist/collection/components/chip/chip.js.map +1 -1
- package/dist/collection/components/chip/test/chip.ct.js +4 -2
- package/dist/collection/components/chip/test/chip.ct.js.map +1 -1
- package/dist/collection/components/col/col.js +4 -4
- package/dist/collection/components/content/content.js +3 -3
- package/dist/collection/components/content-header/content-header.js +2 -2
- package/dist/collection/components/css-grid/css-grid-item.js +2 -2
- package/dist/collection/components/css-grid/css-grid-item.js.map +1 -1
- package/dist/collection/components/css-grid/css-grid.js +1 -1
- package/dist/collection/components/custom-field/custom-field.js +8 -8
- package/dist/collection/components/date-dropdown/date-dropdown.js +88 -6
- package/dist/collection/components/date-dropdown/date-dropdown.js.map +1 -1
- package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js +1 -0
- package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js.map +1 -1
- package/dist/collection/components/date-input/date-input.css +6 -6
- package/dist/collection/components/date-input/date-input.js +22 -23
- package/dist/collection/components/date-input/date-input.js.map +1 -1
- package/dist/collection/components/date-picker/date-picker.js +9 -9
- package/dist/collection/components/date-picker/date-picker.js.map +1 -1
- package/dist/collection/components/date-time-card/date-time-card.js +1 -1
- package/dist/collection/components/datetime-picker/datetime-picker.js +8 -8
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/drawer/drawer.js +3 -3
- package/dist/collection/components/dropdown/dropdown.js +7 -7
- package/dist/collection/components/dropdown/test/dropdown.ct.js.map +1 -1
- package/dist/collection/components/dropdown-button/dropdown-button.js +3 -3
- package/dist/collection/components/dropdown-header/dropdown-header.js +3 -3
- package/dist/collection/components/dropdown-header/dropdown-header.js.map +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.js +5 -5
- package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
- package/dist/collection/components/empty-state/empty-state.js +7 -7
- package/dist/collection/components/empty-state/empty-state.js.map +1 -1
- package/dist/collection/components/event-list/event-list.js +2 -2
- package/dist/collection/components/event-list-item/event-list-item.js +6 -6
- package/dist/collection/components/expanding-search/expanding-search.js +67 -4
- package/dist/collection/components/expanding-search/expanding-search.js.map +1 -1
- package/dist/collection/components/expanding-search/test/expanding-search.spec.js +5 -4
- package/dist/collection/components/expanding-search/test/expanding-search.spec.js.map +1 -1
- package/dist/collection/components/field-label/field-label.js +4 -4
- package/dist/collection/components/field-label/tests/field-label.ct.js +2 -2
- package/dist/collection/components/field-label/tests/field-label.ct.js.map +1 -1
- package/dist/collection/components/field-wrapper/field-wrapper.js +10 -10
- package/dist/collection/components/filter-chip/filter-chip.js +2 -2
- package/dist/collection/components/filter-chip/filter-chip.js.map +1 -1
- package/dist/collection/components/flip-tile/flip-tile.js +8 -7
- package/dist/collection/components/flip-tile/flip-tile.js.map +1 -1
- package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
- package/dist/collection/components/group/group-context-menu.js +1 -1
- package/dist/collection/components/group/group-context-menu.js.map +1 -1
- package/dist/collection/components/group/group.js +11 -11
- package/dist/collection/components/group/group.js.map +1 -1
- package/dist/collection/components/group-item/group-item.js +6 -6
- package/dist/collection/components/helper-text/helper-text.js +7 -7
- package/dist/collection/components/icon-button/icon-button.js +18 -15
- package/dist/collection/components/icon-button/icon-button.js.map +1 -1
- package/dist/collection/components/icon-button/test/icon-button.spec.js +16 -33
- package/dist/collection/components/icon-button/test/icon-button.spec.js.map +1 -1
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +3 -3
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js.map +1 -1
- package/dist/collection/components/input/input.css +6 -6
- package/dist/collection/components/input/input.js +25 -20
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/input/input.util.js +25 -1
- package/dist/collection/components/input/input.util.js.map +1 -1
- package/dist/collection/components/input/number-input.css +3 -3
- package/dist/collection/components/input/number-input.js +29 -24
- package/dist/collection/components/input/number-input.js.map +1 -1
- package/dist/collection/components/input/tests/validation.ct.js +21 -0
- package/dist/collection/components/input/tests/validation.ct.js.map +1 -0
- package/dist/collection/components/input/textarea.css +3 -3
- package/dist/collection/components/input/textarea.js +16 -16
- package/dist/collection/components/input-group/input-group.js +1 -1
- package/dist/collection/components/input-group/input-group.js.map +1 -1
- package/dist/collection/components/key-value/key-value.js +5 -5
- package/dist/collection/components/key-value/key-value.js.map +1 -1
- package/dist/collection/components/key-value-list/key-value-list.js +4 -3
- package/dist/collection/components/key-value-list/key-value-list.js.map +1 -1
- package/dist/collection/components/kpi/kpi.js +9 -9
- package/dist/collection/components/kpi/kpi.js.map +1 -1
- package/dist/collection/components/layout-auto/layout-auto.js +1 -1
- package/dist/collection/components/layout-grid/layout-grid.js +2 -2
- package/dist/collection/components/link-button/link-button.js +5 -5
- package/dist/collection/components/link-button/link-button.js.map +1 -1
- package/dist/collection/components/map-navigation/map-navigation.js +11 -11
- package/dist/collection/components/map-navigation/map-navigation.js.map +1 -1
- package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +10 -10
- package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js.map +1 -1
- package/dist/collection/components/menu/menu-expand-icon.js +3 -3
- package/dist/collection/components/menu/menu-expand-icon.js.map +1 -1
- package/dist/collection/components/menu/menu.js +44 -19
- package/dist/collection/components/menu/menu.js.map +1 -1
- package/dist/collection/components/menu-about/menu-about.js +3 -3
- package/dist/collection/components/menu-about/menu-about.js.map +1 -1
- package/dist/collection/components/menu-about-item/menu-about-item.js +3 -3
- package/dist/collection/components/menu-about-item/menu-about-item.js.map +1 -1
- package/dist/collection/components/menu-about-news/menu-about-news.js +8 -8
- package/dist/collection/components/menu-about-news/menu-about-news.js.map +1 -1
- package/dist/collection/components/menu-avatar/menu-avatar.js +10 -10
- package/dist/collection/components/menu-avatar/menu-avatar.js.map +1 -1
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +5 -5
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js.map +1 -1
- package/dist/collection/components/menu-category/menu-category.js +34 -19
- package/dist/collection/components/menu-category/menu-category.js.map +1 -1
- package/dist/collection/components/menu-item/menu-item.js +7 -7
- package/dist/collection/components/menu-settings/menu-settings.js +3 -3
- package/dist/collection/components/menu-settings/menu-settings.js.map +1 -1
- package/dist/collection/components/menu-settings-item/menu-settings-item.js +3 -3
- package/dist/collection/components/menu-settings-item/menu-settings-item.js.map +1 -1
- package/dist/collection/components/message-bar/message-bar.js +4 -2
- package/dist/collection/components/message-bar/message-bar.js.map +1 -1
- package/dist/collection/components/message-bar/test/message-bar.spec.js.map +1 -1
- package/dist/collection/components/modal/modal.js +6 -6
- package/dist/collection/components/modal/modal.js.map +1 -1
- 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.js +3 -3
- package/dist/collection/components/modal-loading/modal-loading.js +1 -1
- package/dist/collection/components/pagination/pagination.js +10 -6
- package/dist/collection/components/pagination/pagination.js.map +1 -1
- package/dist/collection/components/pagination/test/pagination.ct.js +1 -1
- package/dist/collection/components/pagination/test/pagination.ct.js.map +1 -1
- package/dist/collection/components/pagination/test/pagination.spec.js.map +1 -1
- package/dist/collection/components/pane/pane.js +2 -2
- package/dist/collection/components/pane-layout/pane-layout.js +1 -1
- package/dist/collection/components/pill/pill.css +14 -1
- package/dist/collection/components/pill/pill.js +25 -10
- package/dist/collection/components/pill/pill.js.map +1 -1
- package/dist/collection/components/pill/tests/pill.ct.js +23 -0
- package/dist/collection/components/pill/tests/pill.ct.js.map +1 -0
- package/dist/collection/components/push-card/push-card.css +8 -1
- package/dist/collection/components/push-card/push-card.js +4 -4
- package/dist/collection/components/radio/radio.css +0 -16
- package/dist/collection/components/radio/radio.js +9 -8
- package/dist/collection/components/radio/radio.js.map +1 -1
- package/dist/collection/components/radio/test/radio.ct.js +19 -0
- package/dist/collection/components/radio/test/radio.ct.js.map +1 -1
- package/dist/collection/components/radio-group/radio-group.js +10 -10
- package/dist/collection/components/row/row.js +1 -1
- package/dist/collection/components/select/select.css +3 -0
- package/dist/collection/components/select/select.js +86 -26
- package/dist/collection/components/select/select.js.map +1 -1
- package/dist/collection/components/select/test/select-keyboard.ct.js +379 -0
- package/dist/collection/components/select/test/select-keyboard.ct.js.map +1 -0
- package/dist/collection/components/select/test/select.ct.js +106 -258
- package/dist/collection/components/select/test/select.ct.js.map +1 -1
- package/dist/collection/components/select-item/select-item.js +3 -3
- package/dist/collection/components/select-item/test/select-item.spec.js +3 -6
- package/dist/collection/components/select-item/test/select-item.spec.js.map +1 -1
- package/dist/collection/components/slider/slider.js +2 -2
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-button/split-button.js +3 -3
- package/dist/collection/components/split-button/split-button.js.map +1 -1
- package/dist/collection/components/split-button-item/split-button-item.js +5 -5
- package/dist/collection/components/split-button-item/split-button-item.js.map +1 -1
- package/dist/collection/components/tab-item/tab-item.js +1 -1
- package/dist/collection/components/tabs/tabs.js +2 -2
- package/dist/collection/components/tile/tile.js +4 -4
- package/dist/collection/components/tile/tile.js.map +1 -1
- package/dist/collection/components/time-picker/time-picker.css +3 -3
- package/dist/collection/components/time-picker/time-picker.js +4 -4
- package/dist/collection/components/toast/toast-container.js +10 -6
- package/dist/collection/components/toast/toast-container.js.map +1 -1
- package/dist/collection/components/toast/toast.js +8 -8
- package/dist/collection/components/toast/toast.js.map +1 -1
- package/dist/collection/components/toggle/toggle.js +5 -5
- package/dist/collection/components/toggle-button/toggle-button.js +4 -4
- package/dist/collection/components/toggle-button/toggle-button.js.map +1 -1
- package/dist/collection/components/tooltip/tooltip.js +4 -4
- package/dist/collection/components/tree/test/tree.ct.js.map +1 -1
- package/dist/collection/components/tree/tree.js +2 -2
- package/dist/collection/components/tree/tree.js.map +1 -1
- package/dist/collection/components/tree-item/tree-item.js +6 -6
- package/dist/collection/components/typography/typography.js +3 -3
- package/dist/collection/components/upload/upload.js +4 -4
- package/dist/collection/components/utils/a11y.js.map +1 -1
- package/dist/collection/components/utils/app-switch/index.js +4 -0
- package/dist/collection/components/utils/app-switch/index.js.map +1 -1
- package/dist/collection/components/utils/input/validation.js +1 -7
- package/dist/collection/components/utils/input/validation.js.map +1 -1
- package/dist/collection/components/utils/lazy-list/lazy.js.map +1 -1
- package/dist/collection/components/utils/make-ref.js.map +1 -1
- package/dist/collection/components/utils/menu-tabs/menu-tabs-fc.js +5 -1
- package/dist/collection/components/utils/menu-tabs/menu-tabs-fc.js.map +1 -1
- package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js +4 -1
- package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js.map +1 -1
- package/dist/collection/components/utils/shadow-dom.js.map +1 -1
- package/dist/collection/components/validation-tooltip/validation-tooltip.js +7 -4
- package/dist/collection/components/validation-tooltip/validation-tooltip.js.map +1 -1
- package/dist/collection/components/workflow-step/workflow-step.js +4 -3
- package/dist/collection/components/workflow-step/workflow-step.js.map +1 -1
- package/dist/collection/components/workflow-steps/test/workflow-steps.spec.js.map +1 -1
- package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
- package/dist/collection/components/workflow-steps/workflow-steps.js.map +1 -1
- package/dist/collection/setup.ct.js +18 -0
- package/dist/collection/setup.ct.js.map +1 -0
- package/dist/collection/setup.js +11 -1
- package/dist/collection/setup.js.map +1 -1
- package/dist/collection/tests/application-header/application-header.e2e.js.map +1 -1
- package/dist/collection/tests/button/button.e2e.js.map +1 -1
- package/dist/collection/tests/card/card.e2e.js +6 -0
- package/dist/collection/tests/card/card.e2e.js.map +1 -1
- package/dist/collection/tests/date-dropdown/date-dropdown.e2e.js +3 -3
- package/dist/collection/tests/date-dropdown/date-dropdown.e2e.js.map +1 -1
- package/dist/collection/tests/date-input/date-input.e2e.js +17 -0
- package/dist/collection/tests/date-input/date-input.e2e.js.map +1 -0
- package/dist/collection/tests/expanding-search/expanding-search.e2e.js +1 -1
- package/dist/collection/tests/expanding-search/expanding-search.e2e.js.map +1 -1
- package/dist/collection/tests/icon-toggle-button/toggle-button.e2e.js.map +1 -1
- package/dist/collection/tests/input-common/input-common.e2e.js +27 -0
- package/dist/collection/tests/input-common/input-common.e2e.js.map +1 -0
- package/dist/collection/tests/menu/menu.e2e.js +11 -0
- package/dist/collection/tests/menu/menu.e2e.js.map +1 -1
- package/dist/collection/tests/push-card/push-card.e2e.js +6 -0
- package/dist/collection/tests/push-card/push-card.e2e.js.map +1 -1
- package/dist/collection/tests/toggle-button/toggle-button.e2e.js.map +1 -1
- package/dist/collection/tests/upload/upload.e2e.js +1 -1
- package/dist/collection/tests/upload/upload.e2e.js.map +1 -1
- package/dist/collection/tests/utils/test/page.js +37 -5
- package/dist/collection/tests/utils/test/page.js.map +1 -1
- package/dist/collection/tests/workflow-steps/workflow-steps.e2e.js +4 -3
- package/dist/collection/tests/workflow-steps/workflow-steps.e2e.js.map +1 -1
- package/dist/esm/a11y-b10c12e0.js.map +1 -1
- package/dist/esm/app-globals-c85c7809.js +7 -0
- package/dist/esm/{app-globals-40082a83.js.map → app-globals-c85c7809.js.map} +1 -1
- package/dist/esm/{index-7421df0c.js → index-f8425403.js} +5 -1
- package/dist/esm/index-f8425403.js.map +1 -0
- package/dist/esm/index.js +5 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/{input.util-c855b2ed.js → input.util-deca1217.js} +28 -4
- package/dist/esm/input.util-deca1217.js.map +1 -0
- package/dist/esm/ix-application-header.entry.js +21 -12
- package/dist/esm/ix-application-header.entry.js.map +1 -1
- package/dist/esm/ix-application-switch-modal.entry.js +1 -1
- package/dist/esm/ix-application-switch-modal.entry.js.map +1 -1
- package/dist/esm/ix-application.entry.js +7 -3
- package/dist/esm/ix-application.entry.js.map +1 -1
- package/dist/esm/ix-avatar_2.entry.js +1 -1
- package/dist/esm/ix-avatar_2.entry.js.map +1 -1
- package/dist/esm/ix-basic-navigation.entry.js +2 -2
- package/dist/esm/ix-basic-navigation.entry.js.map +1 -1
- package/dist/esm/ix-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/ix-button.entry.js +2 -2
- package/dist/esm/ix-button.entry.js.map +1 -1
- package/dist/esm/ix-card-accordion_2.entry.js +2 -2
- package/dist/esm/ix-card-accordion_2.entry.js.map +1 -1
- package/dist/esm/ix-card-list.entry.js +6 -6
- package/dist/esm/ix-card-list.entry.js.map +1 -1
- package/dist/esm/ix-card_2.entry.js +3 -3
- package/dist/esm/ix-card_2.entry.js.map +1 -1
- package/dist/esm/ix-category-filter.entry.js +4 -4
- package/dist/esm/ix-category-filter.entry.js.map +1 -1
- package/dist/esm/ix-checkbox-group.entry.js +3 -3
- package/dist/esm/ix-checkbox.entry.js +6 -5
- package/dist/esm/ix-checkbox.entry.js.map +1 -1
- package/dist/esm/ix-chip.entry.js +5 -5
- package/dist/esm/ix-chip.entry.js.map +1 -1
- package/dist/esm/ix-col_4.entry.js +7 -7
- package/dist/esm/ix-col_4.entry.js.map +1 -1
- package/dist/esm/ix-content.entry.js +3 -3
- package/dist/esm/ix-css-grid-item.entry.js +1 -1
- package/dist/esm/ix-css-grid-item.entry.js.map +1 -1
- package/dist/esm/ix-custom-field.entry.js +2 -2
- package/dist/esm/ix-date-dropdown.entry.js +9 -5
- package/dist/esm/ix-date-dropdown.entry.js.map +1 -1
- package/dist/esm/ix-date-input.entry.js +12 -12
- package/dist/esm/ix-date-input.entry.js.map +1 -1
- package/dist/esm/ix-divider.entry.js +1 -1
- package/dist/esm/ix-drawer.entry.js +2 -2
- package/dist/esm/ix-dropdown-header.entry.js +1 -1
- package/dist/esm/ix-dropdown-header.entry.js.map +1 -1
- package/dist/esm/ix-dropdown-item.entry.js +3 -3
- package/dist/esm/ix-dropdown-quick-actions.entry.js +1 -1
- package/dist/esm/ix-dropdown.entry.js +2 -2
- package/dist/esm/ix-empty-state.entry.js +1 -1
- package/dist/esm/ix-empty-state.entry.js.map +1 -1
- package/dist/esm/ix-event-list-item.entry.js +4 -4
- package/dist/esm/ix-event-list.entry.js +2 -2
- package/dist/esm/ix-expanding-search.entry.js +7 -4
- package/dist/esm/ix-expanding-search.entry.js.map +1 -1
- package/dist/esm/ix-field-label_3.entry.js +6 -6
- package/dist/esm/ix-filter-chip_2.entry.js +3 -3
- package/dist/esm/ix-filter-chip_2.entry.js.map +1 -1
- package/dist/esm/ix-flip-tile-content.entry.js +1 -1
- package/dist/esm/ix-flip-tile.entry.js +6 -5
- package/dist/esm/ix-flip-tile.entry.js.map +1 -1
- package/dist/esm/ix-group-context-menu_2.entry.js +3 -3
- package/dist/esm/ix-group-context-menu_2.entry.js.map +1 -1
- package/dist/esm/ix-group.entry.js +8 -8
- package/dist/esm/ix-group.entry.js.map +1 -1
- package/dist/esm/ix-helper-text.entry.js +2 -2
- package/dist/esm/ix-icon-button_2.entry.js +5 -5
- package/dist/esm/ix-icon-button_2.entry.js.map +1 -1
- package/dist/esm/ix-icon-toggle-button.entry.js +1 -1
- package/dist/esm/ix-icon-toggle-button.entry.js.map +1 -1
- package/dist/esm/ix-input-group.entry.js +1 -1
- package/dist/esm/ix-input-group.entry.js.map +1 -1
- package/dist/esm/ix-input.entry.js +14 -8
- package/dist/esm/ix-input.entry.js.map +1 -1
- package/dist/esm/ix-key-value-list.entry.js +2 -2
- package/dist/esm/ix-key-value-list.entry.js.map +1 -1
- package/dist/esm/ix-key-value.entry.js +1 -1
- package/dist/esm/ix-key-value.entry.js.map +1 -1
- package/dist/esm/ix-kpi.entry.js +3 -3
- package/dist/esm/ix-kpi.entry.js.map +1 -1
- package/dist/esm/ix-layout-auto.entry.js +1 -1
- package/dist/esm/ix-link-button.entry.js +3 -3
- package/dist/esm/ix-link-button.entry.js.map +1 -1
- package/dist/esm/ix-map-navigation-overlay.entry.js +2 -2
- package/dist/esm/ix-map-navigation-overlay.entry.js.map +1 -1
- package/dist/esm/ix-map-navigation.entry.js +4 -4
- package/dist/esm/ix-map-navigation.entry.js.map +1 -1
- package/dist/esm/ix-menu-about-item.entry.js +1 -1
- package/dist/esm/ix-menu-about-item.entry.js.map +1 -1
- package/dist/esm/ix-menu-about-news.entry.js +4 -4
- package/dist/esm/ix-menu-about-news.entry.js.map +1 -1
- package/dist/esm/ix-menu-about.entry.js +2 -2
- package/dist/esm/ix-menu-about.entry.js.map +1 -1
- package/dist/esm/ix-menu-avatar.entry.js +2 -2
- package/dist/esm/ix-menu-avatar.entry.js.map +1 -1
- package/dist/esm/ix-menu-category.entry.js +28 -13
- package/dist/esm/ix-menu-category.entry.js.map +1 -1
- package/dist/esm/ix-menu-expand-icon.entry.js +1 -1
- package/dist/esm/ix-menu-expand-icon.entry.js.map +1 -1
- package/dist/esm/ix-menu-item.entry.js +3 -3
- package/dist/esm/ix-menu-settings-item.entry.js +1 -1
- package/dist/esm/ix-menu-settings-item.entry.js.map +1 -1
- package/dist/esm/ix-menu-settings.entry.js +1 -1
- package/dist/esm/ix-menu.entry.js +25 -17
- package/dist/esm/ix-menu.entry.js.map +1 -1
- package/dist/esm/ix-message-bar.entry.js +4 -2
- package/dist/esm/ix-message-bar.entry.js.map +1 -1
- package/dist/esm/ix-modal-content_2.entry.js +2 -2
- package/dist/esm/ix-modal-footer.entry.js +1 -1
- package/dist/esm/ix-modal-loading.entry.js +1 -1
- package/dist/esm/ix-modal.entry.js +3 -3
- package/dist/esm/ix-modal.entry.js.map +1 -1
- package/dist/esm/ix-number-input.entry.js +16 -10
- package/dist/esm/ix-number-input.entry.js.map +1 -1
- package/dist/esm/ix-pagination.entry.js +8 -5
- package/dist/esm/ix-pagination.entry.js.map +1 -1
- package/dist/esm/ix-pane-layout.entry.js +1 -1
- package/dist/esm/ix-pill.entry.js +17 -7
- package/dist/esm/ix-pill.entry.js.map +1 -1
- package/dist/esm/ix-push-card.entry.js +1 -1
- package/dist/esm/ix-push-card.entry.js.map +1 -1
- package/dist/esm/ix-radio-group.entry.js +3 -3
- package/dist/esm/ix-radio.entry.js +6 -5
- package/dist/esm/ix-radio.entry.js.map +1 -1
- package/dist/esm/ix-select.entry.js +38 -18
- package/dist/esm/ix-select.entry.js.map +1 -1
- package/dist/esm/ix-split-button-item.entry.js +1 -1
- package/dist/esm/ix-split-button-item.entry.js.map +1 -1
- package/dist/esm/ix-split-button.entry.js +1 -1
- package/dist/esm/ix-split-button.entry.js.map +1 -1
- package/dist/esm/ix-tab-item_2.entry.js +2 -2
- package/dist/esm/ix-textarea.entry.js +4 -3
- package/dist/esm/ix-textarea.entry.js.map +1 -1
- package/dist/esm/ix-tile.entry.js +4 -4
- package/dist/esm/ix-tile.entry.js.map +1 -1
- package/dist/esm/ix-time-picker.entry.js +1 -1
- package/dist/esm/ix-time-picker.entry.js.map +1 -1
- package/dist/esm/ix-toast-container.entry.js +10 -6
- package/dist/esm/ix-toast-container.entry.js.map +1 -1
- package/dist/esm/ix-toast.entry.js +2 -2
- package/dist/esm/ix-toast.entry.js.map +1 -1
- package/dist/esm/ix-toggle-button.entry.js +2 -2
- package/dist/esm/ix-toggle-button.entry.js.map +1 -1
- package/dist/esm/ix-toggle.entry.js +3 -3
- package/dist/esm/ix-tree-item.entry.js +4 -4
- package/dist/esm/ix-tree.entry.js +1 -1
- package/dist/esm/ix-tree.entry.js.map +1 -1
- package/dist/esm/ix-upload.entry.js +3 -3
- package/dist/esm/ix-validation-tooltip.entry.js +5 -2
- package/dist/esm/ix-validation-tooltip.entry.js.map +1 -1
- package/dist/esm/ix-workflow-step.entry.js +4 -3
- package/dist/esm/ix-workflow-step.entry.js.map +1 -1
- package/dist/esm/ix-workflow-steps.entry.js +1 -1
- package/dist/esm/ix-workflow-steps.entry.js.map +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/make-ref-4b76e9b5.js.map +1 -1
- package/dist/esm/{menu-tabs-fc-563a74d9.js → menu-tabs-fc-43b4155d.js} +11 -4
- package/dist/esm/menu-tabs-fc-43b4155d.js.map +1 -0
- package/dist/esm/{setup-9c5fe321.js → setup-3a3f57db.js} +12 -2
- package/dist/esm/setup-3a3f57db.js.map +1 -0
- package/dist/esm/shadow-dom-cc0bc152.js.map +1 -1
- package/dist/esm/siemens-ix.js +3 -3
- package/dist/esm/{validation-45aa490c.js → validation-54137eaa.js} +2 -8
- package/dist/esm/validation-54137eaa.js.map +1 -0
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/index.esm.js.map +1 -1
- package/dist/siemens-ix/{p-bd4c1a44.entry.js → p-03136fc0.entry.js} +2 -2
- package/dist/siemens-ix/p-03136fc0.entry.js.map +1 -0
- package/dist/siemens-ix/{p-22cba43a.entry.js → p-060d5c58.entry.js} +2 -2
- package/dist/siemens-ix/{p-475ac85f.entry.js → p-08168e53.entry.js} +2 -2
- package/dist/siemens-ix/{p-475ac85f.entry.js.map → p-08168e53.entry.js.map} +1 -1
- package/dist/siemens-ix/p-088ad2da.entry.js +2 -0
- package/dist/siemens-ix/p-088ad2da.entry.js.map +1 -0
- package/dist/siemens-ix/p-0c8a6f43.entry.js +2 -0
- package/dist/siemens-ix/{p-0be907d4.entry.js.map → p-0c8a6f43.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-8457d846.entry.js → p-0cb18eff.entry.js} +2 -2
- package/dist/siemens-ix/p-0cb18eff.entry.js.map +1 -0
- package/dist/siemens-ix/{p-2a34a0c2.entry.js → p-0f44ccd1.entry.js} +2 -2
- package/dist/siemens-ix/{p-2a34a0c2.entry.js.map → p-0f44ccd1.entry.js.map} +1 -1
- package/dist/siemens-ix/p-14d038c6.entry.js +2 -0
- package/dist/siemens-ix/p-14d038c6.entry.js.map +1 -0
- package/dist/siemens-ix/{p-6722bcff.entry.js → p-16055d56.entry.js} +2 -2
- package/dist/siemens-ix/{p-6722bcff.entry.js.map → p-16055d56.entry.js.map} +1 -1
- package/dist/siemens-ix/p-177268f7.entry.js +2 -0
- package/dist/siemens-ix/p-177268f7.entry.js.map +1 -0
- package/dist/siemens-ix/{p-f97a15c4.js → p-186a1f30.js} +2 -2
- package/dist/siemens-ix/p-186a1f30.js.map +1 -0
- package/dist/siemens-ix/{p-42320fb3.entry.js → p-19d1c463.entry.js} +2 -2
- package/dist/siemens-ix/{p-2d3a6d29.entry.js → p-1bff0a1f.entry.js} +2 -2
- package/dist/siemens-ix/{p-8da941cd.entry.js → p-1c74bd8b.entry.js} +2 -2
- package/dist/siemens-ix/{p-8da941cd.entry.js.map → p-1c74bd8b.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-a4dc6824.entry.js → p-1d545640.entry.js} +2 -2
- package/dist/siemens-ix/p-1d545640.entry.js.map +1 -0
- package/dist/siemens-ix/p-21a8aeaf.js +2 -0
- package/dist/siemens-ix/p-21a8aeaf.js.map +1 -0
- package/dist/siemens-ix/p-227b0ddd.entry.js +2 -0
- package/dist/siemens-ix/p-227b0ddd.entry.js.map +1 -0
- package/dist/siemens-ix/{p-63dd987f.entry.js → p-22fc61c9.entry.js} +2 -2
- package/dist/siemens-ix/p-22fc61c9.entry.js.map +1 -0
- package/dist/siemens-ix/{p-ede52531.entry.js → p-2396b68a.entry.js} +2 -2
- package/dist/siemens-ix/p-2396b68a.entry.js.map +1 -0
- package/dist/siemens-ix/{p-b2a06e46.entry.js → p-27befdd7.entry.js} +2 -2
- package/dist/siemens-ix/p-27befdd7.entry.js.map +1 -0
- package/dist/siemens-ix/{p-286feb7e.entry.js → p-297cd68a.entry.js} +2 -2
- package/dist/siemens-ix/{p-6bae4e9b.entry.js → p-2f29e208.entry.js} +2 -2
- package/dist/siemens-ix/{p-6bae4e9b.entry.js.map → p-2f29e208.entry.js.map} +1 -1
- package/dist/siemens-ix/p-309b82ec.entry.js +2 -0
- package/dist/siemens-ix/{p-4ec6ddfb.entry.js → p-30a24560.entry.js} +2 -2
- package/dist/siemens-ix/p-30a24560.entry.js.map +1 -0
- package/dist/siemens-ix/{p-37af7117.entry.js → p-327a1655.entry.js} +2 -2
- package/dist/siemens-ix/p-327a1655.entry.js.map +1 -0
- package/dist/siemens-ix/p-345e1c73.js.map +1 -1
- package/dist/siemens-ix/{p-6624076c.entry.js → p-353f081a.entry.js} +2 -2
- package/dist/siemens-ix/p-37eadb06.entry.js +2 -0
- package/dist/siemens-ix/{p-ffca56d6.entry.js.map → p-37eadb06.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-dfb181c1.entry.js → p-37f1d0ed.entry.js} +2 -2
- package/dist/siemens-ix/p-37f1d0ed.entry.js.map +1 -0
- package/dist/siemens-ix/{p-5c1b136c.entry.js → p-388b9368.entry.js} +2 -2
- package/dist/siemens-ix/{p-5c1b136c.entry.js.map → p-388b9368.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-d929f23d.entry.js → p-3fd2bacd.entry.js} +2 -2
- package/dist/siemens-ix/{p-d929f23d.entry.js.map → p-3fd2bacd.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-ee0645f8.entry.js → p-40da22b1.entry.js} +2 -2
- package/dist/siemens-ix/p-40da22b1.entry.js.map +1 -0
- package/dist/siemens-ix/{p-4cc79e8f.entry.js → p-44425604.entry.js} +2 -2
- package/dist/siemens-ix/{p-05839c77.entry.js → p-48d6554c.entry.js} +2 -2
- package/dist/siemens-ix/p-49ca9211.entry.js +2 -0
- package/dist/siemens-ix/{p-fe396297.entry.js.map → p-49ca9211.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-0b2f0536.entry.js → p-4cb35508.entry.js} +2 -2
- package/dist/siemens-ix/p-4e51d716.entry.js.map +1 -1
- package/dist/siemens-ix/p-559cdf73.js +2 -0
- package/dist/siemens-ix/p-559cdf73.js.map +1 -0
- package/dist/siemens-ix/p-5767345b.entry.js +2 -0
- package/dist/siemens-ix/p-5b86301e.js +2 -0
- package/dist/siemens-ix/p-5b86301e.js.map +1 -0
- package/dist/siemens-ix/p-5fe87e71.js.map +1 -1
- package/dist/siemens-ix/{p-cbfca958.entry.js → p-617b3d78.entry.js} +2 -2
- package/dist/siemens-ix/{p-654f91f2.entry.js → p-623297ef.entry.js} +2 -2
- package/dist/siemens-ix/p-623297ef.entry.js.map +1 -0
- package/dist/siemens-ix/p-637df471.entry.js +2 -0
- package/dist/siemens-ix/p-637df471.entry.js.map +1 -0
- package/dist/siemens-ix/p-6635972c.entry.js +2 -0
- package/dist/siemens-ix/p-6635972c.entry.js.map +1 -0
- package/dist/siemens-ix/{p-48718dc1.entry.js → p-67209151.entry.js} +2 -2
- package/dist/siemens-ix/p-67209151.entry.js.map +1 -0
- package/dist/siemens-ix/{p-1c5ebea3.entry.js → p-676a4bd0.entry.js} +2 -2
- package/dist/siemens-ix/{p-1c5ebea3.entry.js.map → p-676a4bd0.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-bfe469e4.entry.js → p-6af64cf4.entry.js} +2 -2
- package/dist/siemens-ix/{p-bfe469e4.entry.js.map → p-6af64cf4.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-392b4297.entry.js → p-6b84501c.entry.js} +2 -2
- package/dist/siemens-ix/{p-392b4297.entry.js.map → p-6b84501c.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-484aa96b.js → p-6ccf39dd.js} +2 -2
- package/dist/siemens-ix/p-6ccf39dd.js.map +1 -0
- package/dist/siemens-ix/{p-66178fe6.entry.js → p-6f3b0a66.entry.js} +2 -2
- package/dist/siemens-ix/{p-66178fe6.entry.js.map → p-6f3b0a66.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-edc1d44a.entry.js → p-6f970ba4.entry.js} +2 -2
- package/dist/siemens-ix/p-6f970ba4.entry.js.map +1 -0
- package/dist/siemens-ix/{p-af7c4b16.entry.js → p-71a4590c.entry.js} +2 -2
- package/dist/siemens-ix/{p-be860121.entry.js → p-790709c5.entry.js} +2 -2
- package/dist/siemens-ix/p-790709c5.entry.js.map +1 -0
- package/dist/siemens-ix/{p-d9b654af.entry.js → p-7b65535a.entry.js} +2 -2
- package/dist/siemens-ix/p-7b65535a.entry.js.map +1 -0
- package/dist/siemens-ix/{p-e7ac5657.entry.js → p-7e91e565.entry.js} +2 -2
- package/dist/siemens-ix/p-7e91e565.entry.js.map +1 -0
- package/dist/siemens-ix/p-8039ec6b.entry.js +2 -0
- package/dist/siemens-ix/p-8039ec6b.entry.js.map +1 -0
- package/dist/siemens-ix/p-8964b303.entry.js +2 -0
- package/dist/siemens-ix/p-8964b303.entry.js.map +1 -0
- package/dist/siemens-ix/p-89734934.js +2 -0
- package/dist/siemens-ix/{p-d2f21544.js.map → p-89734934.js.map} +1 -1
- package/dist/siemens-ix/{p-b74a8cdc.entry.js → p-8a6d403c.entry.js} +2 -2
- package/dist/siemens-ix/p-8a6d403c.entry.js.map +1 -0
- package/dist/siemens-ix/{p-afb4565c.entry.js → p-8df3318f.entry.js} +2 -2
- package/dist/siemens-ix/p-8df3318f.entry.js.map +1 -0
- package/dist/siemens-ix/p-8efd9181.entry.js +2 -0
- package/dist/siemens-ix/p-8efd9181.entry.js.map +1 -0
- package/dist/siemens-ix/{p-d0b38ae2.entry.js → p-9213afda.entry.js} +2 -2
- package/dist/siemens-ix/{p-d0b38ae2.entry.js.map → p-9213afda.entry.js.map} +1 -1
- package/dist/siemens-ix/p-93fab3c7.entry.js +2 -0
- package/dist/siemens-ix/{p-c236cf18.entry.js.map → p-93fab3c7.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-b62f8f62.entry.js → p-988ca463.entry.js} +2 -2
- package/dist/siemens-ix/{p-83da8f11.entry.js → p-9c63869a.entry.js} +2 -2
- package/dist/siemens-ix/p-9dd344d4.entry.js +2 -0
- package/dist/siemens-ix/{p-2643f32a.entry.js.map → p-9dd344d4.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-815699d1.entry.js → p-9df683f8.entry.js} +2 -2
- package/dist/siemens-ix/p-9df683f8.entry.js.map +1 -0
- package/dist/siemens-ix/{p-c530de51.entry.js → p-a36ee7b7.entry.js} +2 -2
- package/dist/siemens-ix/p-a36ee7b7.entry.js.map +1 -0
- package/dist/siemens-ix/p-aac089f0.entry.js +2 -0
- package/dist/siemens-ix/p-aac089f0.entry.js.map +1 -0
- package/dist/siemens-ix/p-ac9bb8be.entry.js +2 -0
- package/dist/siemens-ix/{p-9f960c0b.entry.js → p-af565741.entry.js} +2 -2
- package/dist/siemens-ix/p-af565741.entry.js.map +1 -0
- package/dist/siemens-ix/p-b00f255c.entry.js +2 -0
- package/dist/siemens-ix/{p-a36ad7c7.entry.js → p-b8b7aa8e.entry.js} +2 -2
- package/dist/siemens-ix/{p-97d4b3bd.entry.js → p-ba1aeecb.entry.js} +2 -2
- package/dist/siemens-ix/p-ba1aeecb.entry.js.map +1 -0
- package/dist/siemens-ix/{p-df7060ae.entry.js → p-ba60132f.entry.js} +2 -2
- package/dist/siemens-ix/{p-54efe56b.entry.js → p-bb33784f.entry.js} +2 -2
- package/dist/siemens-ix/{p-2d7ea063.entry.js → p-bb99415f.entry.js} +2 -2
- package/dist/siemens-ix/p-bb99415f.entry.js.map +1 -0
- package/dist/siemens-ix/{p-2db63240.entry.js → p-bc05aafe.entry.js} +2 -2
- package/dist/siemens-ix/p-bc05aafe.entry.js.map +1 -0
- package/dist/siemens-ix/{p-d19b52bd.entry.js → p-bf01468d.entry.js} +2 -2
- package/dist/siemens-ix/{p-8c2b62c3.entry.js → p-c272dbbd.entry.js} +2 -2
- package/dist/siemens-ix/p-c272dbbd.entry.js.map +1 -0
- package/dist/siemens-ix/p-c4b75f38.entry.js +2 -0
- package/dist/siemens-ix/{p-caf49e00.entry.js → p-c7c8e52b.entry.js} +2 -2
- package/dist/siemens-ix/{p-57e60a06.entry.js → p-ca95654f.entry.js} +2 -2
- package/dist/siemens-ix/{p-57e60a06.entry.js.map → p-ca95654f.entry.js.map} +1 -1
- package/dist/siemens-ix/p-ce563a48.js.map +1 -1
- package/dist/siemens-ix/{p-3f367d44.entry.js → p-d489e0b3.entry.js} +2 -2
- package/dist/siemens-ix/{p-3f367d44.entry.js.map → p-d489e0b3.entry.js.map} +1 -1
- package/dist/siemens-ix/p-d70eb520.entry.js +2 -0
- package/dist/siemens-ix/p-d70eb520.entry.js.map +1 -0
- package/dist/siemens-ix/p-d8c93983.entry.js +2 -0
- package/dist/siemens-ix/{p-243e8b32.entry.js.map → p-d8c93983.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-9d323232.entry.js → p-d9b3c267.entry.js} +2 -2
- package/dist/siemens-ix/{p-9d323232.entry.js.map → p-d9b3c267.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-5fbdff13.entry.js → p-dcc76d47.entry.js} +2 -2
- package/dist/siemens-ix/{p-0f2bf43d.entry.js → p-e09995d4.entry.js} +2 -2
- package/dist/siemens-ix/{p-0b5c9f33.entry.js → p-e1e48602.entry.js} +2 -2
- package/dist/siemens-ix/p-ebfaeb95.entry.js +2 -0
- package/dist/siemens-ix/{p-c6796e64.entry.js.map → p-ebfaeb95.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-bc272f75.entry.js → p-f023b24b.entry.js} +2 -2
- package/dist/siemens-ix/p-f023b24b.entry.js.map +1 -0
- package/dist/siemens-ix/p-f5ccceb6.entry.js +2 -0
- package/dist/siemens-ix/p-f5ccceb6.entry.js.map +1 -0
- package/dist/siemens-ix/p-f815f96e.entry.js +2 -0
- package/dist/siemens-ix/p-f815f96e.entry.js.map +1 -0
- package/dist/siemens-ix/siemens-ix-core.css +1 -1
- package/dist/siemens-ix/siemens-ix.css +3 -3
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/siemens-ix/siemens-ix.esm.js.map +1 -1
- package/dist/types/components/application/application.d.ts +4 -4
- package/dist/types/components/application-header/application-header.d.ts +8 -2
- package/dist/types/components/application-header/application-switch-modal/application-switch-modal.d.ts +1 -1
- package/dist/types/components/application-sidebar/events.d.ts +2 -2
- package/dist/types/components/basic-navigation/basic-navigation.d.ts +3 -3
- package/dist/types/components/blind/blind.d.ts +1 -1
- package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +2 -2
- package/dist/types/components/button/base-button.d.ts +1 -1
- package/dist/types/components/button/button-component.d.ts +31 -0
- package/dist/types/components/button/button.d.ts +2 -1
- package/dist/types/components/card-accordion/card-accordion.d.ts +1 -1
- package/dist/types/components/category-filter/category-filter.d.ts +1 -1
- package/dist/types/components/chip/chip.d.ts +2 -2
- package/dist/types/components/date-dropdown/date-dropdown.d.ts +19 -1
- package/dist/types/components/date-input/date-input.d.ts +1 -1
- package/dist/types/components/date-picker/date-picker.d.ts +2 -2
- package/dist/types/components/dropdown/dropdown-controller.d.ts +2 -2
- package/dist/types/components/dropdown/dropdown.d.ts +1 -1
- package/dist/types/components/dropdown-header/dropdown-header.d.ts +1 -1
- package/dist/types/components/empty-state/empty-state.d.ts +3 -3
- package/dist/types/components/expanding-search/expanding-search.d.ts +15 -1
- package/dist/types/components/field-wrapper/helper-text-util.d.ts +1 -1
- package/dist/types/components/filter-chip/filter-chip.d.ts +1 -1
- package/dist/types/components/flip-tile/flip-tile.d.ts +2 -2
- package/dist/types/components/group/group.d.ts +1 -1
- package/dist/types/components/icon-button/icon-button.d.ts +4 -4
- package/dist/types/components/icon-toggle-button/icon-toggle-button.d.ts +1 -1
- package/dist/types/components/input/input.d.ts +3 -1
- package/dist/types/components/input/input.util.d.ts +2 -0
- package/dist/types/components/input/number-input.d.ts +3 -1
- package/dist/types/components/input/tests/validation.ct.d.ts +1 -0
- package/dist/types/components/input-group/input-group.d.ts +1 -1
- package/dist/types/components/key-value/key-value.d.ts +2 -2
- package/dist/types/components/kpi/kpi.d.ts +3 -3
- package/dist/types/components/link-button/link-button.d.ts +1 -1
- package/dist/types/components/map-navigation/map-navigation.d.ts +2 -2
- package/dist/types/components/map-navigation-overlay/map-navigation-overlay.d.ts +4 -4
- package/dist/types/components/menu/menu-expand-icon.d.ts +1 -1
- package/dist/types/components/menu/menu.d.ts +12 -5
- package/dist/types/components/menu-about/menu-about.d.ts +1 -1
- package/dist/types/components/menu-about-item/menu-about-item.d.ts +1 -1
- package/dist/types/components/menu-about-news/menu-about-news.d.ts +2 -2
- package/dist/types/components/menu-avatar/menu-avatar.d.ts +4 -4
- package/dist/types/components/menu-avatar-item/menu-avatar-item.d.ts +3 -3
- package/dist/types/components/menu-category/menu-category.d.ts +6 -6
- package/dist/types/components/menu-settings/menu-settings.d.ts +1 -1
- package/dist/types/components/menu-settings-item/menu-settings-item.d.ts +1 -1
- package/dist/types/components/message-bar/message-bar.d.ts +2 -2
- package/dist/types/components/modal/modal.d.ts +2 -2
- package/dist/types/components/pane/pane.d.ts +1 -1
- package/dist/types/components/pill/pill.d.ts +6 -2
- package/dist/types/components/pill/tests/pill.ct.d.ts +1 -0
- package/dist/types/components/select/select.d.ts +16 -1
- package/dist/types/components/select/test/select-keyboard.ct.d.ts +1 -0
- package/dist/types/components/select-item/select-item.d.ts +1 -1
- package/dist/types/components/slider/slider.d.ts +1 -1
- package/dist/types/components/split-button/split-button.d.ts +3 -3
- package/dist/types/components/split-button-item/split-button-item.d.ts +2 -2
- package/dist/types/components/tabs/tabs.d.ts +1 -1
- package/dist/types/components/time-picker/time-picker.d.ts +1 -1
- package/dist/types/components/toast/toast.d.ts +3 -3
- package/dist/types/components/toggle-button/toggle-button.d.ts +1 -1
- package/dist/types/components/tree/tree.d.ts +1 -1
- package/dist/types/components/utils/a11y.d.ts +1 -1
- package/dist/types/components/utils/application-layout/context.d.ts +3 -3
- package/dist/types/components/utils/application-layout/service.d.ts +1 -1
- package/dist/types/components/utils/context.d.ts +2 -2
- package/dist/types/components/utils/find-element.d.ts +1 -1
- package/dist/types/components/utils/lazy-list/lazy.d.ts +1 -1
- package/dist/types/components/utils/make-ref.d.ts +1 -1
- package/dist/types/components/utils/menu-service/menu-service.d.ts +1 -1
- package/dist/types/components/utils/modal/message.d.ts +5 -5
- package/dist/types/components/utils/shadow-dom.d.ts +2 -2
- package/dist/types/components/validation-tooltip/validation-tooltip.d.ts +7 -7
- package/dist/types/components/workflow-steps/workflow-steps.d.ts +1 -1
- package/dist/types/components.d.ts +147 -59
- package/dist/types/setup.ct.d.ts +1 -0
- package/dist/types/setup.d.ts +1 -0
- package/dist/types/tests/utils/test/index.d.ts +1 -1
- package/dist/types/tests/utils/test/page.d.ts +12 -2
- package/hydrate/index.js +429 -295
- package/package.json +3 -4
- package/scss/components/form/_input.scss +4 -1
- package/dist/cjs/index-492e6488.js.map +0 -1
- package/dist/cjs/input.util-54d161e6.js.map +0 -1
- package/dist/cjs/menu-tabs-fc-eb899b0d.js.map +0 -1
- package/dist/cjs/setup-cc07fbfc.js.map +0 -1
- package/dist/cjs/validation-1e3dd5ee.js.map +0 -1
- package/dist/esm/app-globals-40082a83.js +0 -7
- package/dist/esm/index-7421df0c.js.map +0 -1
- package/dist/esm/input.util-c855b2ed.js.map +0 -1
- package/dist/esm/menu-tabs-fc-563a74d9.js.map +0 -1
- package/dist/esm/setup-9c5fe321.js.map +0 -1
- package/dist/esm/validation-45aa490c.js.map +0 -1
- package/dist/siemens-ix/p-08463669.entry.js +0 -2
- package/dist/siemens-ix/p-08463669.entry.js.map +0 -1
- package/dist/siemens-ix/p-0be907d4.entry.js +0 -2
- package/dist/siemens-ix/p-18542846.entry.js +0 -2
- package/dist/siemens-ix/p-18542846.entry.js.map +0 -1
- package/dist/siemens-ix/p-20938f73.entry.js +0 -2
- package/dist/siemens-ix/p-20938f73.entry.js.map +0 -1
- package/dist/siemens-ix/p-243e8b32.entry.js +0 -2
- package/dist/siemens-ix/p-2643f32a.entry.js +0 -2
- package/dist/siemens-ix/p-2b367b12.entry.js +0 -2
- package/dist/siemens-ix/p-2b367b12.entry.js.map +0 -1
- package/dist/siemens-ix/p-2b9c5f59.entry.js +0 -2
- package/dist/siemens-ix/p-2d7ea063.entry.js.map +0 -1
- package/dist/siemens-ix/p-2db63240.entry.js.map +0 -1
- package/dist/siemens-ix/p-37af7117.entry.js.map +0 -1
- package/dist/siemens-ix/p-3aaecbd9.js +0 -2
- package/dist/siemens-ix/p-3aaecbd9.js.map +0 -1
- package/dist/siemens-ix/p-40dc610f.entry.js +0 -2
- package/dist/siemens-ix/p-40dc610f.entry.js.map +0 -1
- package/dist/siemens-ix/p-451551d1.js +0 -2
- package/dist/siemens-ix/p-451551d1.js.map +0 -1
- package/dist/siemens-ix/p-484aa96b.js.map +0 -1
- package/dist/siemens-ix/p-48718dc1.entry.js.map +0 -1
- package/dist/siemens-ix/p-4a631d9c.entry.js +0 -2
- package/dist/siemens-ix/p-4a631d9c.entry.js.map +0 -1
- package/dist/siemens-ix/p-4a9330a5.entry.js +0 -2
- package/dist/siemens-ix/p-4a9330a5.entry.js.map +0 -1
- package/dist/siemens-ix/p-4ec6ddfb.entry.js.map +0 -1
- package/dist/siemens-ix/p-52928e21.entry.js +0 -2
- package/dist/siemens-ix/p-52928e21.entry.js.map +0 -1
- package/dist/siemens-ix/p-53fd545a.entry.js +0 -2
- package/dist/siemens-ix/p-53fd545a.entry.js.map +0 -1
- package/dist/siemens-ix/p-63dd987f.entry.js.map +0 -1
- package/dist/siemens-ix/p-654f91f2.entry.js.map +0 -1
- package/dist/siemens-ix/p-66559451.entry.js +0 -2
- package/dist/siemens-ix/p-6e3f1de3.entry.js +0 -2
- package/dist/siemens-ix/p-6e3f1de3.entry.js.map +0 -1
- package/dist/siemens-ix/p-7aa07d9b.entry.js +0 -2
- package/dist/siemens-ix/p-7af324e9.entry.js +0 -2
- package/dist/siemens-ix/p-7af324e9.entry.js.map +0 -1
- package/dist/siemens-ix/p-815699d1.entry.js.map +0 -1
- package/dist/siemens-ix/p-8457d846.entry.js.map +0 -1
- package/dist/siemens-ix/p-897c8e5b.entry.js +0 -2
- package/dist/siemens-ix/p-897c8e5b.entry.js.map +0 -1
- package/dist/siemens-ix/p-8c2b62c3.entry.js.map +0 -1
- package/dist/siemens-ix/p-97d4b3bd.entry.js.map +0 -1
- package/dist/siemens-ix/p-9f960c0b.entry.js.map +0 -1
- package/dist/siemens-ix/p-a4dc6824.entry.js.map +0 -1
- package/dist/siemens-ix/p-a61ed462.entry.js +0 -2
- package/dist/siemens-ix/p-afb4565c.entry.js.map +0 -1
- package/dist/siemens-ix/p-b2a06e46.entry.js.map +0 -1
- package/dist/siemens-ix/p-b74a8cdc.entry.js.map +0 -1
- package/dist/siemens-ix/p-bc272f75.entry.js.map +0 -1
- package/dist/siemens-ix/p-bd4c1a44.entry.js.map +0 -1
- package/dist/siemens-ix/p-be860121.entry.js.map +0 -1
- package/dist/siemens-ix/p-c07557b0.entry.js +0 -2
- package/dist/siemens-ix/p-c07557b0.entry.js.map +0 -1
- package/dist/siemens-ix/p-c236cf18.entry.js +0 -2
- package/dist/siemens-ix/p-c3ca17fc.js +0 -2
- package/dist/siemens-ix/p-c3ca17fc.js.map +0 -1
- package/dist/siemens-ix/p-c530de51.entry.js.map +0 -1
- package/dist/siemens-ix/p-c6796e64.entry.js +0 -2
- package/dist/siemens-ix/p-d01f05cf.entry.js +0 -2
- package/dist/siemens-ix/p-d2f21544.js +0 -2
- package/dist/siemens-ix/p-d9b654af.entry.js.map +0 -1
- package/dist/siemens-ix/p-dfb181c1.entry.js.map +0 -1
- package/dist/siemens-ix/p-e7ac5657.entry.js.map +0 -1
- package/dist/siemens-ix/p-edc1d44a.entry.js.map +0 -1
- package/dist/siemens-ix/p-ede52531.entry.js.map +0 -1
- package/dist/siemens-ix/p-ee0645f8.entry.js.map +0 -1
- package/dist/siemens-ix/p-f97a15c4.js.map +0 -1
- package/dist/siemens-ix/p-fe396297.entry.js +0 -2
- package/dist/siemens-ix/p-ffca56d6.entry.js +0 -2
- /package/dist/siemens-ix/{p-22cba43a.entry.js.map → p-060d5c58.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-42320fb3.entry.js.map → p-19d1c463.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-2d3a6d29.entry.js.map → p-1bff0a1f.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-286feb7e.entry.js.map → p-297cd68a.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-2b9c5f59.entry.js.map → p-309b82ec.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-6624076c.entry.js.map → p-353f081a.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-4cc79e8f.entry.js.map → p-44425604.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-05839c77.entry.js.map → p-48d6554c.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-0b2f0536.entry.js.map → p-4cb35508.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-a61ed462.entry.js.map → p-5767345b.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-cbfca958.entry.js.map → p-617b3d78.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-af7c4b16.entry.js.map → p-71a4590c.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-b62f8f62.entry.js.map → p-988ca463.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-83da8f11.entry.js.map → p-9c63869a.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-7aa07d9b.entry.js.map → p-ac9bb8be.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-d01f05cf.entry.js.map → p-b00f255c.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-a36ad7c7.entry.js.map → p-b8b7aa8e.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-df7060ae.entry.js.map → p-ba60132f.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-54efe56b.entry.js.map → p-bb33784f.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-d19b52bd.entry.js.map → p-bf01468d.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-66559451.entry.js.map → p-c4b75f38.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-caf49e00.entry.js.map → p-c7c8e52b.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-5fbdff13.entry.js.map → p-dcc76d47.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-0f2bf43d.entry.js.map → p-e09995d4.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-0b5c9f33.entry.js.map → p-e1e48602.entry.js.map} +0 -0
package/hydrate/index.js
CHANGED
|
@@ -2817,6 +2817,10 @@ class Application {
|
|
|
2817
2817
|
themeSwitcher.setTheme(`theme-${this.theme}-dark`, this.themeSystemAppearance);
|
|
2818
2818
|
}
|
|
2819
2819
|
onApplicationSidebarChange() {
|
|
2820
|
+
if (!this.contextProvider) {
|
|
2821
|
+
console.error('Context provider not available');
|
|
2822
|
+
return;
|
|
2823
|
+
}
|
|
2820
2824
|
this.contextProvider.emit({
|
|
2821
2825
|
hideHeader: false,
|
|
2822
2826
|
host: 'basic-navigation',
|
|
@@ -2825,12 +2829,12 @@ class Application {
|
|
|
2825
2829
|
});
|
|
2826
2830
|
}
|
|
2827
2831
|
render() {
|
|
2828
|
-
return (hAsync(Host, { key: '
|
|
2832
|
+
return (hAsync(Host, { key: '50ca923e8983045fce768740d5ed1e939f87ab5d', "data-role": "", class: {
|
|
2829
2833
|
[`breakpoint-${this.breakpoint}`]: true,
|
|
2830
|
-
} }, hAsync("slot", { key: '
|
|
2834
|
+
} }, hAsync("slot", { key: '25816ef9a2ca0755899f548d82422b36bdff0ea2', name: "application-header" }), hAsync("div", { key: 'b6decbb58f86e676b0f38f74d1a0b1cf06a0a047', class: "application" }, hAsync("slot", { key: 'ce9aa0dadca4c0fc457f46175accb2f2463b4f99', name: "menu" }), hAsync("aside", { key: '5bbed7f3373138a202c4ac5c5e53db200ae6c497', class: {
|
|
2831
2835
|
'application-sidebar': true,
|
|
2832
2836
|
slotted: this.applicationSidebarSlotted,
|
|
2833
|
-
}, onClick: () => this.onContentClick() }, hAsync("slot", { key: '
|
|
2837
|
+
}, onClick: () => this.onContentClick() }, hAsync("slot", { key: '0d7177030baeb9798a88b596a051e3189e0f48c7', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), hAsync("div", { key: 'fbadd8c31611153d09cb8923a45602ba87066f73', class: "content-area" }, hAsync("main", { key: '1800db092639a1cbcbbc3506a4fe911c3ad8f2df', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: 'b4f6e4327073f70991b6460a7b300721685e615f' })), hAsync("footer", { key: '83534298e878b0ef312ea138e475057d7a81166f', class: "footer" }, hAsync("slot", { key: 'bafee309d2384d9f358c6940f4e647ae267a866b', name: "bottom" }))))));
|
|
2834
2838
|
}
|
|
2835
2839
|
get hostElement() { return getElement(this); }
|
|
2836
2840
|
static get watchers() { return {
|
|
@@ -2992,6 +2996,10 @@ async function showAppSwitch(config) {
|
|
|
2992
2996
|
});
|
|
2993
2997
|
const appSwitchElement = result.htmlElement.querySelector('ix-application-switch-modal');
|
|
2994
2998
|
return (updateAppSwitchConfig) => {
|
|
2999
|
+
if (!appSwitchElement) {
|
|
3000
|
+
console.warn('ix-application-switch-modal element not found!');
|
|
3001
|
+
return;
|
|
3002
|
+
}
|
|
2995
3003
|
appSwitchElement.config = updateAppSwitchConfig;
|
|
2996
3004
|
};
|
|
2997
3005
|
}
|
|
@@ -3006,6 +3014,7 @@ class ApplicationHeader {
|
|
|
3006
3014
|
constructor(hostRef) {
|
|
3007
3015
|
registerInstance(this, hostRef);
|
|
3008
3016
|
this.menuToggle = createEvent(this, "menuToggle", 7);
|
|
3017
|
+
this.openAppSwitch = createEvent(this, "openAppSwitch", 7);
|
|
3009
3018
|
this.name = undefined;
|
|
3010
3019
|
this.showMenu = false;
|
|
3011
3020
|
this.breakpoint = 'lg';
|
|
@@ -3063,12 +3072,12 @@ class ApplicationHeader {
|
|
|
3063
3072
|
return nodes.length !== 0;
|
|
3064
3073
|
}
|
|
3065
3074
|
async attachSiemensLogoIfLoaded() {
|
|
3075
|
+
var _a;
|
|
3066
3076
|
await window.customElements.whenDefined('ix-siemens-logo');
|
|
3067
3077
|
const logoElement = document.createElement('ix-siemens-logo');
|
|
3068
3078
|
if (!this.isLogoSlotted()) {
|
|
3069
|
-
this.hostElement
|
|
3070
|
-
.querySelector('.logo')
|
|
3071
|
-
.appendChild(logoElement);
|
|
3079
|
+
(_a = this.hostElement
|
|
3080
|
+
.shadowRoot.querySelector('.logo')) === null || _a === void 0 ? void 0 : _a.appendChild(logoElement);
|
|
3072
3081
|
}
|
|
3073
3082
|
}
|
|
3074
3083
|
async onMenuClick() {
|
|
@@ -3084,15 +3093,23 @@ class ApplicationHeader {
|
|
|
3084
3093
|
return new Promise((resolve) => readTask(() => resolve(this.hostElement.shadowRoot.querySelector('[data-context-menu]'))));
|
|
3085
3094
|
}
|
|
3086
3095
|
tryUpdateAppSwitch() {
|
|
3087
|
-
var _a;
|
|
3088
|
-
if (!this.callbackUpdateAppSwitchModal
|
|
3096
|
+
var _a, _b;
|
|
3097
|
+
if (!this.callbackUpdateAppSwitchModal ||
|
|
3098
|
+
!((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig)) {
|
|
3089
3099
|
return;
|
|
3090
3100
|
}
|
|
3091
|
-
this.callbackUpdateAppSwitchModal((
|
|
3101
|
+
this.callbackUpdateAppSwitchModal((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.appSwitchConfig);
|
|
3092
3102
|
}
|
|
3093
3103
|
async showAppSwitch() {
|
|
3094
|
-
var _a;
|
|
3095
|
-
|
|
3104
|
+
var _a, _b;
|
|
3105
|
+
const { defaultPrevented } = this.openAppSwitch.emit();
|
|
3106
|
+
if (defaultPrevented) {
|
|
3107
|
+
return;
|
|
3108
|
+
}
|
|
3109
|
+
if (!((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig)) {
|
|
3110
|
+
return;
|
|
3111
|
+
}
|
|
3112
|
+
this.callbackUpdateAppSwitchModal = await showAppSwitch((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.appSwitchConfig);
|
|
3096
3113
|
}
|
|
3097
3114
|
updateIsSlottedContent() {
|
|
3098
3115
|
const slotElement = this.hostElement.shadowRoot.querySelector('.content slot');
|
|
@@ -3112,12 +3129,12 @@ class ApplicationHeader {
|
|
|
3112
3129
|
const showApplicationSwitch = ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) &&
|
|
3113
3130
|
this.breakpoint !== 'sm' &&
|
|
3114
3131
|
this.suppressResponsive === false;
|
|
3115
|
-
return (hAsync(Host, { key: '
|
|
3132
|
+
return (hAsync(Host, { key: '76dff918e8dc599560271809e8cd5db5fdf90c15', class: {
|
|
3116
3133
|
[`breakpoint-${this.breakpoint}`]: true,
|
|
3117
|
-
}, slot: "application-header" }, (this.showMenu || showMenuByApplicationFrame) && (hAsync("ix-menu-expand-icon", { key: '
|
|
3134
|
+
}, slot: "application-header" }, (this.showMenu || showMenuByApplicationFrame) && (hAsync("ix-menu-expand-icon", { key: '5e53c3df48d5eefaed2ddf00abab2b22d7966e47', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), showApplicationSwitch && (hAsync("ix-icon-button", { key: 'd1f5b59071a39cea07e451e53d68e7e0dc8dc7ae', onClick: () => this.showAppSwitch(), icon: "apps", ghost: true, class: "app-switch" })), hAsync("div", { key: '879c8d1037e0b86b7664ede60ba994d97033a4d8', class: { logo: true } }, hAsync("slot", { key: 'f03c1be22bbda6834b7ab8beb234585f79b1b206', name: "logo" })), hAsync("ix-typography", { key: '6b09e917dd66d0031d9cb2eb10400d880fca1a39', format: "body-lg", class: "name" }, this.name), hAsync("div", { key: '108d13c64aa6db52f7c4e3d313820890998b100c', class: "content" }, this.breakpoint === 'sm' ? (hAsync(Fragment, null, hAsync("ix-icon-button", { class: {
|
|
3118
3135
|
['context-menu']: true,
|
|
3119
3136
|
['context-menu-visible']: this.hasSlottedElements,
|
|
3120
|
-
}, "data-context-menu": true, icon: "more-menu", ghost: true }), hAsync("ix-dropdown", { "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton() }, hAsync("div", { class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() }))))) : (hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() })), hAsync("slot", { key: '
|
|
3137
|
+
}, "data-context-menu": true, icon: "more-menu", ghost: true }), hAsync("ix-dropdown", { "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton() }, hAsync("div", { class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() }))))) : (hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() })), hAsync("slot", { key: '0771683871b49c6c76816df10b64a0baa2cf60c9', name: "ix-application-header-avatar" }))));
|
|
3121
3138
|
}
|
|
3122
3139
|
get hostElement() { return getElement(this); }
|
|
3123
3140
|
static get watchers() { return {
|
|
@@ -4538,7 +4555,7 @@ class ApplicationSwitchModal {
|
|
|
4538
4555
|
}
|
|
4539
4556
|
render() {
|
|
4540
4557
|
var _a, _b, _c, _d;
|
|
4541
|
-
return (hAsync(Host, { key: '
|
|
4558
|
+
return (hAsync(Host, { key: 'dad36a353095fd4fefe76a6e30689c337a386ad9' }, hAsync("ix-modal-header", { key: 'aeecc9cceec3af4229c50f2485192e10b91f2b70', icon: "apps" }, ((_a = this.config) === null || _a === void 0 ? void 0 : _a.i18nAppSwitch) || 'Switch to application'), hAsync("ix-modal-content", { key: 'b61ec923a488f02bccff232c9da0f3e0f779b48c', class: "content" }, hAsync("div", { key: '12341ea0223935f515eee8809b4f941f1d5e19a7', class: "content-apps" }, (!this.config || ((_b = this.config) === null || _b === void 0 ? void 0 : _b.apps.length) === 0) && (hAsync("div", { key: 'bec8b7c136982629f6700202c2f4add9ae160f36', class: "loading" }, hAsync("ix-spinner", { key: 'd0fa62e5041053ada470731bbdf8a21aa2a08200', size: "medium", variant: "primary" }), hAsync("span", { key: '9fd6f8cbc36c4c74a52f192858d124bd85d481c0' }, ((_c = this.config) === null || _c === void 0 ? void 0 : _c.i18nLoadingApps) ||
|
|
4542
4559
|
'Loading available applications...'))), (_d = this.config) === null || _d === void 0 ? void 0 :
|
|
4543
4560
|
_d.apps.map((appEntry) => {
|
|
4544
4561
|
var _a;
|
|
@@ -4768,10 +4785,10 @@ class BasicNavigation {
|
|
|
4768
4785
|
(_a = this.modeDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
4769
4786
|
}
|
|
4770
4787
|
render() {
|
|
4771
|
-
return (hAsync(Host, { key: '
|
|
4788
|
+
return (hAsync(Host, { key: '9fc90b3779ab68ca24264543cac8229857da780b', "data-role": "", class: {
|
|
4772
4789
|
'hide-header': this.hideHeader,
|
|
4773
4790
|
[`breakpoint-${this.breakpoint}`]: true,
|
|
4774
|
-
} }, !this.hideHeader ? (hAsync("ix-application-header", { name: this.applicationName }, hAsync("slot", { name: "logo", slot: "logo" }))) : null, hAsync("div", { key: '
|
|
4791
|
+
} }, !this.hideHeader ? (hAsync("ix-application-header", { name: this.applicationName }, hAsync("slot", { name: "logo", slot: "logo" }))) : null, hAsync("div", { key: 'd95cb1125f5087059726bfa6d1f7762b2eed666d', class: "navigation-content" }, hAsync("slot", { key: '944934592f09029948d138b57b412261fc194b39', name: "menu" }), hAsync("div", { key: 'b7740bd510330201cd79f8ffa420ecd98fb65018', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '919a58fb4a835848a0ffec81ad215372fbc6a007' })))));
|
|
4775
4792
|
}
|
|
4776
4793
|
get hostElement() { return getElement(this); }
|
|
4777
4794
|
static get watchers() { return {
|
|
@@ -5315,9 +5332,9 @@ class Button {
|
|
|
5315
5332
|
alignment: this.alignment,
|
|
5316
5333
|
tabIndex: this.hostElement.tabIndex,
|
|
5317
5334
|
};
|
|
5318
|
-
return (hAsync(Host, { key: '
|
|
5335
|
+
return (hAsync(Host, { key: 'dce7bc83febc68f17b995b03bae8313bc984ded9', tabindex: this.disabled ? -1 : 0, class: {
|
|
5319
5336
|
disabled: this.disabled || this.loading,
|
|
5320
|
-
}, onFocus: () => this.setFocus() }, hAsync(BaseButton, Object.assign({ key: '
|
|
5337
|
+
}, onFocus: () => this.setFocus() }, hAsync(BaseButton, Object.assign({ key: 'd7a6db5c7cb1952abcbb2c5192eb22914ba0fe09' }, baseButtonProps), hAsync("slot", { key: '5fe5afdd6081641872b63d9a9a9a5909e72d6f0b' }))));
|
|
5321
5338
|
}
|
|
5322
5339
|
get hostElement() { return getElement(this); }
|
|
5323
5340
|
static get style() { return IxButtonStyle0; }
|
|
@@ -5341,7 +5358,7 @@ class Button {
|
|
|
5341
5358
|
}; }
|
|
5342
5359
|
}
|
|
5343
5360
|
|
|
5344
|
-
const cardCss = "/*!@:host*/.sc-ix-card-h{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;width:20rem;border:1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-default-border-radius)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-card-h *.sc-ix-card,.sc-ix-card-h *.sc-ix-card::after,.sc-ix-card-h *.sc-ix-card::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-card-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-corner{display:none}/*!@:host .card-content*/.sc-ix-card-h .card-content.sc-ix-card{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-default-border-radius);border-top-right-radius:var(--theme-default-border-radius)}/*!@:host .card-footer*/.sc-ix-card-h .card-footer.sc-ix-card{display:flex;position:relative;width:100%}/*!@:host(.card-insight),\n:host(.card-outline)*/.card-insight.sc-ix-card-h,.card-outline.sc-ix-card-h{--ix-card-background:var(--theme-color-ghost);--ix-card-border-color:var(--theme-color-soft-bdr)}/*!@:host(.card-insight) ::slotted(ix-card-accordion),\n:host(.card-outline) ::slotted(ix-card-accordion)*/.sc-ix-card-h.card-insight .sc-ix-card-s>ix-card-accordion,.sc-ix-card-h.card-outline.sc-ix-card-s>ix-card-accordion,.sc-ix-card-h.card-outline .sc-ix-card-s>ix-card-accordion{color:var(--theme-color-primary)}/*!@:host(.card-notification),\n:host(.card-filled)*/.card-notification.sc-ix-card-h,.card-filled.sc-ix-card-h{--ix-card-background:var(--theme-color-component-1)}/*!@:host(.card-notification) ::slotted(ix-card-accordion),\n:host(.card-filled) ::slotted(ix-card-accordion)*/.sc-ix-card-h.card-notification .sc-ix-card-s>ix-card-accordion,.sc-ix-card-h.card-filled.sc-ix-card-s>ix-card-accordion,.sc-ix-card-h.card-filled .sc-ix-card-s>ix-card-accordion{color:var(--theme-color-primary)}/*!@:host(.card-alarm)*/.card-alarm.sc-ix-card-h{--ix-card-background:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}/*!@:host(.card-critical)*/.card-critical.sc-ix-card-h{--ix-card-background:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}/*!@:host(.card-warning)*/.card-warning.sc-ix-card-h{--ix-card-background:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}/*!@:host(.card-success)*/.card-success.sc-ix-card-h{--ix-card-background:var(--theme-color-success);color:var(--theme-color-success--contrast)}/*!@:host(.card-info)*/.card-info.sc-ix-card-h{--ix-card-background:var(--theme-color-info);color:var(--theme-color-info--contrast)}/*!@:host(.card-neutral)*/.card-neutral.sc-ix-card-h{--ix-card-background:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}/*!@:host(.card-primary)*/.card-primary.sc-ix-card-h{--ix-card-background:var(--theme-color-primary);color:var(--theme-color-neutral--contrast)}/*!@:host(:not(.card-insight, .card-outline))*/.sc-ix-card-h:not(.card-insight,.card-outline).sc-ix-card-h{--ix-card-border-color:transparent}/*!@:host(.card-insight:hover),\n:host(.card-outline:hover)*/.card-insight.sc-ix-card-h:hover,.card-outline.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-ghost--hover)}/*!@:host(.card-notification:hover),\n:host(.card-filled:hover)*/.card-notification.sc-ix-card-h:hover,.card-filled.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-component-1--hover)}/*!@:host(.card-alarm:hover)*/.card-alarm.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-alarm--hover)}/*!@:host(.card-critical:hover)*/.card-critical.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-critical--hover)}/*!@:host(.card-warning:hover)*/.card-warning.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-warning--hover)}/*!@:host(.card-success:hover)*/.card-success.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-success--hover)}/*!@:host(.card-info:hover)*/.card-info.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-info--hover)}/*!@:host(.card-neutral:hover)*/.card-neutral.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-neutral--hover)}/*!@:host(.card-primary:hover)*/.card-primary.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-primary--hover)}/*!@:host(.card-insight:active),\n:host(.card-outline:active)*/.card-insight.sc-ix-card-h:active,.card-outline.sc-ix-card-h:active{--ix-card-background:var(--theme-color-ghost--active)}/*!@:host(.card-notification:active),\n:host(.card-filled:active)*/.card-notification.sc-ix-card-h:active,.card-filled.sc-ix-card-h:active{--ix-card-background:var(--theme-color-component-1--active)}/*!@:host(.card-alarm:active)*/.card-alarm.sc-ix-card-h:active{--ix-card-background:var(--theme-color-alarm--active)}/*!@:host(.card-critical:active)*/.card-critical.sc-ix-card-h:active{--ix-card-background:var(--theme-color-critical--active)}/*!@:host(.card-warning:active)*/.card-warning.sc-ix-card-h:active{--ix-card-background:var(--theme-color-warning--active)}/*!@:host(.card-success:active)*/.card-success.sc-ix-card-h:active{--ix-card-background:var(--theme-color-success--active)}/*!@:host(.card-info:active)*/.card-info.sc-ix-card-h:active{--ix-card-background:var(--theme-color-info--active)}/*!@:host(.card-neutral:active)*/.card-neutral.sc-ix-card-h:active{--ix-card-background:var(--theme-color-neutral--active)}/*!@:host(.card-primary:active)*/.card-primary.sc-ix-card-h:active{--ix-card-background:var(--theme-color-primary--active)}/*!@:host(.selected)*/.selected.sc-ix-card-h{--ix-card-border-color:var(--theme-color-dynamic)}/*!@:host(.selected.card-insight),\n:host(.selected.card-outline)*/.selected.card-insight.sc-ix-card-h,.selected.card-outline.sc-ix-card-h{--ix-card-background:var(--theme-color-ghost--selected)}/*!@:host(.selected.card-notification),\n:host(.selected.card-filled)*/.selected.card-notification.sc-ix-card-h,.selected.card-filled.sc-ix-card-h{--ix-card-background:var(--theme-color-ghost--selected)}/*!@:host(.selected.card-alarm)*/.selected.card-alarm.sc-ix-card-h{--ix-card-background:var(--theme-color-alarm--active)}/*!@:host(.selected.card-critical)*/.selected.card-critical.sc-ix-card-h{--ix-card-background:var(--theme-color-critical--active)}/*!@:host(.selected.card-warning)*/.selected.card-warning.sc-ix-card-h{--ix-card-background:var(--theme-color-warning--active)}/*!@:host(.selected.card-success)*/.selected.card-success.sc-ix-card-h{--ix-card-background:var(--theme-color-success--active)}/*!@:host(.selected.card-info)*/.selected.card-info.sc-ix-card-h{--ix-card-background:var(--theme-color-info--active)}/*!@:host(.selected.card-neutral)*/.selected.card-neutral.sc-ix-card-h{--ix-card-background:var(--theme-color-neutral--active)}/*!@:host(.selected.card-primary)*/.selected.card-primary.sc-ix-card-h{--ix-card-background:var(--theme-color-primary--active)}";
|
|
5361
|
+
const cardCss = "/*!@:host*/.sc-ix-card-h{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;cursor:pointer;width:20rem;border:1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-default-border-radius)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-card-h *.sc-ix-card,.sc-ix-card-h *.sc-ix-card::after,.sc-ix-card-h *.sc-ix-card::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-card-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-corner{display:none}/*!@:host .card-content*/.sc-ix-card-h .card-content.sc-ix-card{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-default-border-radius);border-top-right-radius:var(--theme-default-border-radius);overflow:hidden}/*!@:host .card-content-wrapper*/.sc-ix-card-h .card-content-wrapper.sc-ix-card{height:100%;width:100%;box-sizing:border-box}/*!@:host .card-footer*/.sc-ix-card-h .card-footer.sc-ix-card{display:flex;position:relative;width:100%}/*!@:host(.card-insight),\n:host(.card-outline)*/.card-insight.sc-ix-card-h,.card-outline.sc-ix-card-h{--ix-card-background:var(--theme-color-ghost);--ix-card-border-color:var(--theme-color-soft-bdr)}/*!@:host(.card-insight) ::slotted(ix-card-accordion),\n:host(.card-outline) ::slotted(ix-card-accordion)*/.sc-ix-card-h.card-insight .sc-ix-card-s>ix-card-accordion,.sc-ix-card-h.card-outline.sc-ix-card-s>ix-card-accordion,.sc-ix-card-h.card-outline .sc-ix-card-s>ix-card-accordion{color:var(--theme-color-primary)}/*!@:host(.card-notification),\n:host(.card-filled)*/.card-notification.sc-ix-card-h,.card-filled.sc-ix-card-h{--ix-card-background:var(--theme-color-component-1)}/*!@:host(.card-notification) ::slotted(ix-card-accordion),\n:host(.card-filled) ::slotted(ix-card-accordion)*/.sc-ix-card-h.card-notification .sc-ix-card-s>ix-card-accordion,.sc-ix-card-h.card-filled.sc-ix-card-s>ix-card-accordion,.sc-ix-card-h.card-filled .sc-ix-card-s>ix-card-accordion{color:var(--theme-color-primary)}/*!@:host(.card-alarm)*/.card-alarm.sc-ix-card-h{--ix-card-background:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}/*!@:host(.card-critical)*/.card-critical.sc-ix-card-h{--ix-card-background:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}/*!@:host(.card-warning)*/.card-warning.sc-ix-card-h{--ix-card-background:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}/*!@:host(.card-success)*/.card-success.sc-ix-card-h{--ix-card-background:var(--theme-color-success);color:var(--theme-color-success--contrast)}/*!@:host(.card-info)*/.card-info.sc-ix-card-h{--ix-card-background:var(--theme-color-info);color:var(--theme-color-info--contrast)}/*!@:host(.card-neutral)*/.card-neutral.sc-ix-card-h{--ix-card-background:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}/*!@:host(.card-primary)*/.card-primary.sc-ix-card-h{--ix-card-background:var(--theme-color-primary);color:var(--theme-color-neutral--contrast)}/*!@:host(:not(.card-insight, .card-outline))*/.sc-ix-card-h:not(.card-insight,.card-outline).sc-ix-card-h{--ix-card-border-color:transparent}/*!@:host(.card-insight:hover),\n:host(.card-outline:hover)*/.card-insight.sc-ix-card-h:hover,.card-outline.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-ghost--hover)}/*!@:host(.card-notification:hover),\n:host(.card-filled:hover)*/.card-notification.sc-ix-card-h:hover,.card-filled.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-component-1--hover)}/*!@:host(.card-alarm:hover)*/.card-alarm.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-alarm--hover)}/*!@:host(.card-critical:hover)*/.card-critical.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-critical--hover)}/*!@:host(.card-warning:hover)*/.card-warning.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-warning--hover)}/*!@:host(.card-success:hover)*/.card-success.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-success--hover)}/*!@:host(.card-info:hover)*/.card-info.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-info--hover)}/*!@:host(.card-neutral:hover)*/.card-neutral.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-neutral--hover)}/*!@:host(.card-primary:hover)*/.card-primary.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-primary--hover)}/*!@:host(.card-insight:active),\n:host(.card-outline:active)*/.card-insight.sc-ix-card-h:active,.card-outline.sc-ix-card-h:active{--ix-card-background:var(--theme-color-ghost--active)}/*!@:host(.card-notification:active),\n:host(.card-filled:active)*/.card-notification.sc-ix-card-h:active,.card-filled.sc-ix-card-h:active{--ix-card-background:var(--theme-color-component-1--active)}/*!@:host(.card-alarm:active)*/.card-alarm.sc-ix-card-h:active{--ix-card-background:var(--theme-color-alarm--active)}/*!@:host(.card-critical:active)*/.card-critical.sc-ix-card-h:active{--ix-card-background:var(--theme-color-critical--active)}/*!@:host(.card-warning:active)*/.card-warning.sc-ix-card-h:active{--ix-card-background:var(--theme-color-warning--active)}/*!@:host(.card-success:active)*/.card-success.sc-ix-card-h:active{--ix-card-background:var(--theme-color-success--active)}/*!@:host(.card-info:active)*/.card-info.sc-ix-card-h:active{--ix-card-background:var(--theme-color-info--active)}/*!@:host(.card-neutral:active)*/.card-neutral.sc-ix-card-h:active{--ix-card-background:var(--theme-color-neutral--active)}/*!@:host(.card-primary:active)*/.card-primary.sc-ix-card-h:active{--ix-card-background:var(--theme-color-primary--active)}/*!@:host(.selected)*/.selected.sc-ix-card-h{--ix-card-border-color:var(--theme-color-dynamic)}/*!@:host(.selected.card-insight),\n:host(.selected.card-outline)*/.selected.card-insight.sc-ix-card-h,.selected.card-outline.sc-ix-card-h{--ix-card-background:var(--theme-color-ghost--selected)}/*!@:host(.selected.card-notification),\n:host(.selected.card-filled)*/.selected.card-notification.sc-ix-card-h,.selected.card-filled.sc-ix-card-h{--ix-card-background:var(--theme-color-ghost--selected)}/*!@:host(.selected.card-alarm)*/.selected.card-alarm.sc-ix-card-h{--ix-card-background:var(--theme-color-alarm--active)}/*!@:host(.selected.card-critical)*/.selected.card-critical.sc-ix-card-h{--ix-card-background:var(--theme-color-critical--active)}/*!@:host(.selected.card-warning)*/.selected.card-warning.sc-ix-card-h{--ix-card-background:var(--theme-color-warning--active)}/*!@:host(.selected.card-success)*/.selected.card-success.sc-ix-card-h{--ix-card-background:var(--theme-color-success--active)}/*!@:host(.selected.card-info)*/.selected.card-info.sc-ix-card-h{--ix-card-background:var(--theme-color-info--active)}/*!@:host(.selected.card-neutral)*/.selected.card-neutral.sc-ix-card-h{--ix-card-background:var(--theme-color-neutral--active)}/*!@:host(.selected.card-primary)*/.selected.card-primary.sc-ix-card-h{--ix-card-background:var(--theme-color-primary--active)}";
|
|
5345
5362
|
var IxCardStyle0 = cardCss;
|
|
5346
5363
|
|
|
5347
5364
|
/**
|
|
@@ -5449,7 +5466,7 @@ class CardAccordion {
|
|
|
5449
5466
|
}; }
|
|
5450
5467
|
}
|
|
5451
5468
|
|
|
5452
|
-
const cardContentCss = "/*!@:host*/.sc-ix-card-content-h{display:flex;
|
|
5469
|
+
const cardContentCss = "/*!@:host*/.sc-ix-card-content-h{display:flex;padding:1rem;height:100%;overflow:hidden}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-card-content-h *.sc-ix-card-content,.sc-ix-card-content-h *.sc-ix-card-content::after,.sc-ix-card-content-h *.sc-ix-card-content::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-card-content-h .sc-ix-card-content::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-card-content-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-card-content-h .sc-ix-card-content::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-card-content-h .sc-ix-card-content::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-card-content-h .sc-ix-card-content::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-card-content-h .sc-ix-card-content::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-card-content-h .sc-ix-card-content::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-card-content-h .sc-ix-card-content::-webkit-scrollbar-corner{display:none}/*!@:host .content-wrapper*/.sc-ix-card-content-h .content-wrapper.sc-ix-card-content{box-sizing:border-box;height:100%;width:100%;overflow:hidden;gap:0.5rem;display:flex;flex-direction:column;align-items:flex-start}";
|
|
5453
5470
|
var IxCardContentStyle0 = cardContentCss;
|
|
5454
5471
|
|
|
5455
5472
|
/**
|
|
@@ -5460,7 +5477,7 @@ class CardContent {
|
|
|
5460
5477
|
registerInstance(this, hostRef);
|
|
5461
5478
|
}
|
|
5462
5479
|
render() {
|
|
5463
|
-
return (hAsync(Host, { key: 'b158a08d7ca4779af659d4fa143e047dba41088e' }, hAsync("slot", { key: '
|
|
5480
|
+
return (hAsync(Host, { key: 'b158a08d7ca4779af659d4fa143e047dba41088e' }, hAsync("div", { key: 'abd538339ad50ba6430c834eb1283c20788d78e2', class: "content-wrapper" }, hAsync("slot", { key: '86494d2878e0cb36e417a5d5868fff7f551b4de7' }))));
|
|
5464
5481
|
}
|
|
5465
5482
|
static get style() { return IxCardContentStyle0; }
|
|
5466
5483
|
static get cmpMeta() { return {
|
|
@@ -5473,7 +5490,7 @@ class CardContent {
|
|
|
5473
5490
|
}; }
|
|
5474
5491
|
}
|
|
5475
5492
|
|
|
5476
|
-
const cardTitleCss = "/*!@:host*/.sc-ix-card-title-h{display:flex;position:relative;flex-direction:row;align-items:center;margin-top:0.25rem;margin-bottom:0.
|
|
5493
|
+
const cardTitleCss = "/*!@:host*/.sc-ix-card-title-h{display:flex;position:relative;flex-direction:row;align-items:center;margin-top:0.25rem;margin-bottom:0.25rem;gap:1rem;width:100%}/*!@:host .title-actions*/.sc-ix-card-title-h .title-actions.sc-ix-card-title{display:flex;position:relative;flex-direction:row;gap:0.25rem;margin-left:auto;margin-right:0}";
|
|
5477
5494
|
var IxCardTitleStyle0 = cardTitleCss;
|
|
5478
5495
|
|
|
5479
5496
|
/**
|
|
@@ -5486,7 +5503,7 @@ class CardHeader {
|
|
|
5486
5503
|
registerInstance(this, hostRef);
|
|
5487
5504
|
}
|
|
5488
5505
|
render() {
|
|
5489
|
-
return (hAsync(Host, { key: '
|
|
5506
|
+
return (hAsync(Host, { key: '0f4e8785e6861fa9151cece5946a7b33e85bd7fd' }, hAsync("slot", { key: 'd8909ebe344940cda53d4076ccd1291eb1240f8b' }), hAsync("div", { key: 'f87b52b2b467664d6e9d886d358b1c6b5403aae8', class: "title-actions" }, hAsync("slot", { key: '9e45b897368e305f0ce1e66b47424360c44c148d', name: "title-actions" }))));
|
|
5490
5507
|
}
|
|
5491
5508
|
static get style() { return IxCardTitleStyle0; }
|
|
5492
5509
|
static get cmpMeta() { return {
|
|
@@ -5499,7 +5516,7 @@ class CardHeader {
|
|
|
5499
5516
|
}; }
|
|
5500
5517
|
}
|
|
5501
5518
|
|
|
5502
|
-
const cardListCss = "/*!@:host*/.sc-ix-card-list-h{display:flex;position:relative;flex-direction:column;align-items:flex-start;margin:0.5rem}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-card-list-h *.sc-ix-card-list,.sc-ix-card-list-h *.sc-ix-card-list::after,.sc-ix-card-list-h *.sc-ix-card-list::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-card-list-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-corner{display:none}/*!@:host .CardList_Title*/.sc-ix-card-list-h .CardList_Title.sc-ix-card-list{display:flex;position:relative;height:1.5rem;align-items:center;width:100%;margin-bottom:1rem}/*!@:host .CardList_Title__Label*/.sc-ix-card-list-h .CardList_Title__Label.sc-ix-card-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host .CardList__Title__Button*/.sc-ix-card-list-h .CardList__Title__Button.sc-ix-card-list{margin-right:1rem;transition:var(--theme-default-time) transform ease-in-out}/*!@:host .CardList__Title__Button__Collapsed*/.sc-ix-card-list-h .CardList__Title__Button__Collapsed.sc-ix-card-list{transform:rotate(-90deg)}/*!@:host .CardList__Title__Show__All*/.sc-ix-card-list-h .CardList__Title__Show__All.sc-ix-card-list{align-self:center;margin-left:auto;margin-right:0px;flex-shrink:0}/*!@:host .CardList__Content*/.sc-ix-card-list-h .CardList__Content.sc-ix-card-list{display:flex;position:relative;height:calc(100% - 1.5rem);width:100%;gap:1.5rem;transition:var(--theme-default-time) ease-in-out;overflow:auto}/*!@:host .CardList__Content__Collapsed*/.sc-ix-card-list-h .CardList__Content__Collapsed.sc-ix-card-list{min-height:0px;max-height:0px;overflow:hidden;opacity:0}/*!@:host .CardList__Style__Flexbox__Scroll*/.sc-ix-card-list-h .CardList__Style__Flexbox__Scroll.sc-ix-card-list{flex-wrap:wrap}/*!@:host .CardList__Style__Infinite__Scroll*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list{flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}/*!@:host .CardList__Style__Infinite__Scroll::-webkit-scrollbar*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list::-webkit-scrollbar{display:none}/*!@:host .CardList__Overflow*/.sc-ix-card-list-h .CardList__Overflow.sc-ix-card-list{display:block;position:relative;height:100%;width:100%;pointer-events:all;-webkit-mask-image:var(--ix-card-list-overflow, none);mask-image:var(--ix-card-list-overflow, none)}/*!@:host .Show__All__Card*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list{display:flex;position:relative;align-self:flex-start;justify-self:center;max-width:11.25rem;min-width:11.25rem;width:11.25rem;min-height:11.25rem;max-height:11.25rem;height:11.25rem;--ix-card-border-color:var(--theme-color-primary);color:var(--theme-color-primary)}/*!@:host .CardList__Style__Infinite__Scroll .Show__All__Card*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list .Show__All__Card.sc-ix-card-list{margin-top:2.375rem}/*!@:host .CardList__Style__Flexbox__Scroll .Show__All__Card*/.sc-ix-card-list-h .CardList__Style__Flexbox__Scroll.sc-ix-card-list .Show__All__Card.sc-ix-card-list{margin-bottom:2.375rem}/*!@:host .Show__All__Card:hover*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list:hover{background-color:var(--theme-color-ghost--hover)}/*!@:host .Show__All__Card:active*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list:active{background-color:var(--theme-color-ghost--active)}/*!@:host .Show__All__Card__Content*/.sc-ix-card-list-h .Show__All__Card__Content.sc-ix-card-list{display:flex;justify-content:center;align-items:center}/*!@:host .Show__All__Card__Icon*/.sc-ix-card-list-h .Show__All__Card__Icon.sc-ix-card-list{display:flex;position:absolute;height:4rem;width:4rem;justify-content:center;align-items:center}/*!@:host .Show__All__Card__Text*/.sc-ix-card-list-h .Show__All__Card__Text.sc-ix-card-list{margin-bottom:0px;margin-top:auto}";
|
|
5519
|
+
const cardListCss = "/*!@:host*/.sc-ix-card-list-h{display:flex;position:relative;flex-direction:column;align-items:flex-start;margin:0.5rem}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-card-list-h *.sc-ix-card-list,.sc-ix-card-list-h *.sc-ix-card-list::after,.sc-ix-card-list-h *.sc-ix-card-list::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-card-list-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-corner{display:none}/*!@:host .CardList_Title*/.sc-ix-card-list-h .CardList_Title.sc-ix-card-list{display:flex;position:relative;height:1.5rem;align-items:center;width:100%;margin-bottom:1rem}/*!@:host .CardList_Title__Label*/.sc-ix-card-list-h .CardList_Title__Label.sc-ix-card-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host .CardList__Title__Button*/.sc-ix-card-list-h .CardList__Title__Button.sc-ix-card-list{margin-right:1rem;transition:var(--theme-default-time) transform ease-in-out}/*!@:host .CardList__Title__Button__Collapsed*/.sc-ix-card-list-h .CardList__Title__Button__Collapsed.sc-ix-card-list{transform:rotate(-90deg)}/*!@:host .CardList__Title__Show__All*/.sc-ix-card-list-h .CardList__Title__Show__All.sc-ix-card-list{align-self:center;margin-left:auto;margin-right:0px;flex-shrink:0}/*!@:host .CardList__Content*/.sc-ix-card-list-h .CardList__Content.sc-ix-card-list{display:flex;position:relative;height:calc(100% - 1.5rem);width:100%;gap:1.5rem;transition:var(--theme-default-time) ease-in-out;overflow:auto}/*!@:host .CardList__Content__Collapsed*/.sc-ix-card-list-h .CardList__Content__Collapsed.sc-ix-card-list{min-height:0px;max-height:0px;overflow:hidden;opacity:0}/*!@:host .CardList__Style__Flexbox__Scroll*/.sc-ix-card-list-h .CardList__Style__Flexbox__Scroll.sc-ix-card-list{flex-wrap:wrap}/*!@:host .CardList__Style__Infinite__Scroll*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list{flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}/*!@:host .CardList__Style__Infinite__Scroll::-webkit-scrollbar*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list::-webkit-scrollbar{display:none}/*!@:host .CardList__Overflow*/.sc-ix-card-list-h .CardList__Overflow.sc-ix-card-list{display:block;position:relative;height:100%;width:100%;pointer-events:all;-webkit-mask-image:var(--ix-card-list-overflow, none);mask-image:var(--ix-card-list-overflow, none)}/*!@:host .Show__All__Card*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list{display:flex;position:relative;align-self:flex-start;justify-self:center;max-width:11.25rem;min-width:11.25rem;width:11.25rem;min-height:11.25rem;max-height:11.25rem;height:11.25rem;--ix-card-border-color:var(--theme-color-primary);color:var(--theme-color-primary)}/*!@:host .CardList__Style__Infinite__Scroll .Show__All__Card*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list .Show__All__Card.sc-ix-card-list{margin-top:2.375rem}/*!@:host .CardList__Style__Flexbox__Scroll .Show__All__Card*/.sc-ix-card-list-h .CardList__Style__Flexbox__Scroll.sc-ix-card-list .Show__All__Card.sc-ix-card-list{margin-bottom:2.375rem}/*!@:host .Show__All__Card:hover*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list:hover{background-color:var(--theme-color-ghost--hover)}/*!@:host .Show__All__Card:active*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list:active{background-color:var(--theme-color-ghost--active)}/*!@:host .Show__All__Card__Content*/.sc-ix-card-list-h .Show__All__Card__Content.sc-ix-card-list{display:flex;justify-content:center;align-items:center;height:100%}/*!@:host .Show__All__Card__Icon*/.sc-ix-card-list-h .Show__All__Card__Icon.sc-ix-card-list{display:flex;position:absolute;height:4rem;width:4rem;justify-content:center;align-items:center}/*!@:host .Show__All__Card__Text*/.sc-ix-card-list-h .Show__All__Card__Text.sc-ix-card-list{margin-bottom:0px;margin-top:auto}";
|
|
5503
5520
|
var IxCardListStyle0 = cardListCss;
|
|
5504
5521
|
|
|
5505
5522
|
function CardListTitle(props) {
|
|
@@ -5642,20 +5659,20 @@ class CardList {
|
|
|
5642
5659
|
}
|
|
5643
5660
|
}
|
|
5644
5661
|
render() {
|
|
5645
|
-
return (hAsync(Host, { key: '
|
|
5662
|
+
return (hAsync(Host, { key: '317a088e7cf0ac2ff01d46fabe293b6dafa55d49' }, hAsync(CardListTitle, { key: '1eb6e1e6c43432737bd9d1718c89539ae9dce42b', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
|
|
5646
5663
|
? this.numberOfAllChildElements
|
|
5647
|
-
: this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), hAsync("div", { key: '
|
|
5664
|
+
: this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), hAsync("div", { key: '0c47be401efa5bd5dec00ad948b15d9d46a1a29f', class: {
|
|
5648
5665
|
CardList__Overflow: true,
|
|
5649
|
-
}, style: this.computeMaskLayer() }, hAsync("div", { key: '
|
|
5666
|
+
}, style: this.computeMaskLayer() }, hAsync("div", { key: '32cd8526bf44cef7249b08c8fc68d446ff6962af', class: {
|
|
5650
5667
|
CardList__Content: true,
|
|
5651
5668
|
CardList__Content__Collapsed: this.collapse,
|
|
5652
5669
|
CardList__Style__Flexbox__Scroll: this.listStyle === 'stack',
|
|
5653
5670
|
CardList__Style__Infinite__Scroll: this.listStyle === 'scroll',
|
|
5654
|
-
}, onScroll: () => this.onCardListScroll() }, hAsync("slot", { key: '
|
|
5671
|
+
}, onScroll: () => this.onCardListScroll() }, hAsync("slot", { key: 'a75fd0e0d1a4abd96d00db8bbbe78cc4f9b1c100', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (hAsync("ix-card", { class: {
|
|
5655
5672
|
Show__All__Card: true,
|
|
5656
5673
|
}, onClick: (event) => this.showMoreCardClick.emit({
|
|
5657
5674
|
nativeEvent: event,
|
|
5658
|
-
}) }, hAsync("ix-card-content", { class: "Show__All__Card__Content" }, hAsync("ix-icon", { name: 'more-menu', size: '32', class: 'Show__All__Card__Icon' }), hAsync("span", { class: "Show__All__Card__Text" }, this.i18nMoreCards, " (", this.numberOfOverflowingElements, ")")))) : null))));
|
|
5675
|
+
}) }, hAsync("ix-card-content", null, hAsync("div", { class: "Show__All__Card__Content" }, hAsync("ix-icon", { name: 'more-menu', size: '32', class: 'Show__All__Card__Icon' }), hAsync("span", { class: "Show__All__Card__Text" }, this.i18nMoreCards, " (", this.numberOfOverflowingElements, ")"))))) : null))));
|
|
5659
5676
|
}
|
|
5660
5677
|
get hostElement() { return getElement(this); }
|
|
5661
5678
|
static get style() { return IxCardListStyle0; }
|
|
@@ -5732,7 +5749,7 @@ const addDisposableEventListener = (element, eventType, callback) => {
|
|
|
5732
5749
|
};
|
|
5733
5750
|
};
|
|
5734
5751
|
|
|
5735
|
-
const categoryFilterCss = "/*!@:host*/.sc-ix-category-filter-h{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-category-filter-h *.sc-ix-category-filter,.sc-ix-category-filter-h *.sc-ix-category-filter::after,.sc-ix-category-filter-h *.sc-ix-category-filter::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-category-filter-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-corner{display:none}/*!@:host button*/.sc-ix-category-filter-h button.sc-ix-category-filter{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*/.sc-ix-category-filter-h ix-spinner.sc-ix-category-filter{margin-right:0.25rem}/*!@:host ix-icon*/.sc-ix-category-filter-h ix-icon.sc-ix-category-filter{margin-right:0.25rem}/*!@:host .content*/.sc-ix-category-filter-h .content.sc-ix-category-filter{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}/*!@:host .content-start*/.sc-ix-category-filter-h .content-start.sc-ix-category-filter{width:100%}/*!@:host .icon*/.sc-ix-category-filter-h .icon.sc-ix-category-filter{pointer-events:none}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{cursor:default}/*!@:host .btn-danger*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-danger, :host .btn-danger.focus, :host .btn-danger:focus-visible*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter,.sc-ix-category-filter-h .btn-danger.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}/*!@:host .btn-danger:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter: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.selected*/.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-danger.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-danger.selected:not(.disabled):not(:disabled):active, :host .btn-danger.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-danger:not(.disabled):not(:disabled):hover, :host .btn-danger:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}/*!@:host .btn-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-danger:not(.disabled):not(:disabled):active, :host .btn-danger:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-danger.disabled, :host(.disabled) .btn-danger:disabled*/.disabled.sc-ix-category-filter-h .btn-danger.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}/*!@:host .btn-outline-danger*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-outline-danger, :host .btn-outline-danger.focus, :host .btn-outline-danger:focus-visible*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-danger.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}/*!@:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-outline-danger.selected*/.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active, :host .btn-outline-danger.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-danger:not(.disabled):not(:disabled):hover, :host .btn-outline-danger:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}/*!@:host .btn-outline-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-danger:not(.disabled):not(:disabled):active, :host .btn-outline-danger:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-outline-danger.disabled, :host(.disabled) .btn-outline-danger:disabled*/.disabled.sc-ix-category-filter-h .btn-outline-danger.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}/*!@:host .btn-invisible-danger*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-invisible-danger, :host .btn-invisible-danger.focus, :host .btn-invisible-danger:focus-visible*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-danger.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}/*!@:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-invisible-danger.selected*/.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active, :host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-danger:not(.disabled):not(:disabled):hover, :host .btn-invisible-danger:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}/*!@:host .btn-invisible-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-danger:not(.disabled):not(:disabled):active, :host .btn-invisible-danger:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-invisible-danger.disabled, :host(.disabled) .btn-invisible-danger:disabled*/.disabled.sc-ix-category-filter-h .btn-invisible-danger.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}/*!@:host .btn-primary*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-primary, :host .btn-primary.focus, :host .btn-primary:focus-visible*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-primary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter: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*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter: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*/.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-primary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-primary.selected:not(.disabled):not(:disabled):active, :host .btn-primary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-primary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-primary:not(.disabled):not(:disabled):hover, :host .btn-primary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter: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)*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-primary:not(.disabled):not(:disabled):active, :host .btn-primary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter: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)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-primary.disabled, :host(.disabled) .btn-primary:disabled*/.disabled.sc-ix-category-filter-h .btn-primary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter: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-outline-primary*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-outline-primary, :host .btn-outline-primary.focus, :host .btn-outline-primary:focus-visible*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-primary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}/*!@:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-outline-primary.selected*/.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active, :host .btn-outline-primary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-primary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-primary:not(.disabled):not(:disabled):hover, :host .btn-outline-primary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}/*!@:host .btn-outline-primary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-primary:not(.disabled):not(:disabled):active, :host .btn-outline-primary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-outline-primary.disabled, :host(.disabled) .btn-outline-primary:disabled*/.disabled.sc-ix-category-filter-h .btn-outline-primary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}/*!@:host .btn-invisible-primary*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-invisible-primary, :host .btn-invisible-primary.focus, :host .btn-invisible-primary:focus-visible*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-primary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}/*!@:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-invisible-primary.selected*/.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active, :host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-primary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-primary:not(.disabled):not(:disabled):hover, :host .btn-invisible-primary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}/*!@:host .btn-invisible-primary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-primary:not(.disabled):not(:disabled):active, :host .btn-invisible-primary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-invisible-primary.disabled, :host(.disabled) .btn-invisible-primary:disabled*/.disabled.sc-ix-category-filter-h .btn-invisible-primary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}/*!@:host .btn-secondary*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-secondary, :host .btn-secondary.focus, :host .btn-secondary:focus-visible*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-secondary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter: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*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter: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*/.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-secondary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-secondary.selected:not(.disabled):not(:disabled):active, :host .btn-secondary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-secondary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-secondary:not(.disabled):not(:disabled):hover, :host .btn-secondary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter: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)*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-secondary:not(.disabled):not(:disabled):active, :host .btn-secondary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter: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)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-secondary.disabled, :host(.disabled) .btn-secondary:disabled*/.disabled.sc-ix-category-filter-h .btn-secondary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter: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-outline-secondary*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-outline-secondary, :host .btn-outline-secondary.focus, :host .btn-outline-secondary:focus-visible*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-secondary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}/*!@:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-outline-secondary.selected*/.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active, :host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-secondary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-secondary:not(.disabled):not(:disabled):hover, :host .btn-outline-secondary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}/*!@:host .btn-outline-secondary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-secondary:not(.disabled):not(:disabled):active, :host .btn-outline-secondary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-outline-secondary.disabled, :host(.disabled) .btn-outline-secondary:disabled*/.disabled.sc-ix-category-filter-h .btn-outline-secondary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}/*!@:host .btn-invisible-secondary*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-invisible-secondary, :host .btn-invisible-secondary.focus, :host .btn-invisible-secondary:focus-visible*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-secondary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}/*!@:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-invisible-secondary.selected*/.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active, :host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-secondary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover, :host .btn-invisible-secondary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}/*!@:host .btn-invisible-secondary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-secondary:not(.disabled):not(:disabled):active, :host .btn-invisible-secondary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-invisible-secondary.disabled, :host(.disabled) .btn-invisible-secondary:disabled*/.disabled.sc-ix-category-filter-h .btn-invisible-secondary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}/*!@:host*/.sc-ix-category-filter-h{min-width:5rem}/*!@.dropdown-group*/.dropdown-group.sc-ix-category-filter{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*/.dropdown-group.sc-ix-category-filter .dropdown-group-title.sc-ix-category-filter{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}/*!@.dropdown-group .dropdown-group-content*/.dropdown-group.sc-ix-category-filter .dropdown-group-content.sc-ix-category-filter{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 > **/.dropdown-group.sc-ix-category-filter .dropdown-group-content.sc-ix-category-filter>*.sc-ix-category-filter{margin-bottom:1rem}/*!@.dropdown-group-submit*/.dropdown-group-submit.sc-ix-category-filter{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}/*!@.dropdown-menu*/.dropdown-menu.sc-ix-category-filter{position:absolute;background-color:var(--theme-menu--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);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)}/*!@.dropdown-menu.xl > .dropdown-item*/.dropdown-menu.xl.sc-ix-category-filter>.dropdown-item.sc-ix-category-filter{height:2.5rem;line-height:2.187rem}/*!@.dropdown-header*/.dropdown-header.sc-ix-category-filter{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}/*!@.dropdown-buttons*/.dropdown-buttons.sc-ix-category-filter{display:flex;padding:0.25rem 0.5rem}/*!@.dropdown-buttons ix-icon-button + ix-icon-button*/.dropdown-buttons.sc-ix-category-filter ix-icon-button.sc-ix-category-filter+ix-icon-button.sc-ix-category-filter{margin-inline-start:0.5rem}/*!@.dropdown-item*/.dropdown-item.sc-ix-category-filter{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*/.dropdown-item.sc-ix-category-filter:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}/*!@.dropdown-item:focus-visible*/.dropdown-item.sc-ix-category-filter: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)*/.dropdown-item.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@.dropdown-item:not(.disabled):not(:disabled):hover, .dropdown-item:not(.disabled):not(:disabled):hover*/.dropdown-item.sc-ix-category-filter: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)*/.dropdown-item.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@.dropdown-item:not(.disabled):not(:disabled):active, .dropdown-item:not(.disabled):not(:disabled).active*/.dropdown-item.sc-ix-category-filter:not(.disabled):not(:disabled):active,.dropdown-item.sc-ix-category-filter: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*/.dropdown-item.disabled.sc-ix-category-filter,.dropdown-item.sc-ix-category-filter:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}/*!@.dropdown-item > a,\n.dropdown-item a:hover,\n.dropdown-item a:active*/.dropdown-item.sc-ix-category-filter>a.sc-ix-category-filter,.dropdown-item.sc-ix-category-filter a.sc-ix-category-filter:hover,.dropdown-item.sc-ix-category-filter a.sc-ix-category-filter:active{color:var(--theme-color-std-text)}/*!@.dropdown-item > .glyph*/.dropdown-item.sc-ix-category-filter>.glyph.sc-ix-category-filter{color:var(--theme-menu-item-icon--color);margin-inline-end:0.5rem}/*!@.dropdown-item > .glyph.disabled*/.dropdown-item.sc-ix-category-filter>.glyph.disabled.sc-ix-category-filter{color:var(--color-weak-text)}/*!@.dropdown-item > .glyph.glyph-single-check*/.dropdown-item.sc-ix-category-filter>.glyph.glyph-single-check.sc-ix-category-filter{color:var(--theme-menu-item-icon-check--color)}/*!@.dropdown-item > input[type=checkbox] + label*/.dropdown-item.sc-ix-category-filter>input[type=checkbox].sc-ix-category-filter+label.sc-ix-category-filter{margin-bottom:0px}/*!@.dropdown-item > input[type=checkbox] + label::before*/.dropdown-item.sc-ix-category-filter>input[type=checkbox].sc-ix-category-filter+label.sc-ix-category-filter::before{margin-right:1rem}/*!@.dropdown-divider*/.dropdown-divider.sc-ix-category-filter{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}/*!@button.dropdown-toggle*/button.dropdown-toggle.sc-ix-category-filter{position:relative;padding-right:1.5rem}/*!@button.dropdown-toggle::after*/button.dropdown-toggle.sc-ix-category-filter::after{position:absolute;top:45%;right:0.5rem}/*!@.form-control,\n.form-control-plaintext*/.form-control.sc-ix-category-filter,.form-control-plaintext.sc-ix-category-filter{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}/*!@.form-control::-moz-placeholder, .form-control-plaintext::-moz-placeholder*/.form-control.sc-ix-category-filter::-moz-placeholder,.form-control-plaintext.sc-ix-category-filter::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@.form-control::placeholder,\n.form-control-plaintext::placeholder*/.form-control.sc-ix-category-filter::placeholder,.form-control-plaintext.sc-ix-category-filter::placeholder{color:var(--theme-input-hint--color)}/*!@.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled), .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled)*/.form-control.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}/*!@.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),\n.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled)*/.form-control.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}/*!@.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover*/.form-control.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}/*!@.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,\n.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,\n.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover*/.form-control.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}/*!@.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible, .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible*/.form-control.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}/*!@.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,\n.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible*/.form-control.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}/*!@.form-control:focus-visible*/.form-control.sc-ix-category-filter:focus-visible{color:var(--theme-input--color)}/*!@.form-control[type=number]*/.form-control[type=number].sc-ix-category-filter{text-align:right}/*!@.form-control[type=number]::-webkit-inner-spin-button*/.form-control[type=number].sc-ix-category-filter::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@.form-control.readonly,\n.form-control[readonly]*/.form-control.readonly.sc-ix-category-filter,.form-control[readonly].sc-ix-category-filter{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}/*!@.form-control:-moz-read-only*/.form-control.sc-ix-category-filter:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}/*!@.form-control:read-only,\n.form-control[readonly],\n.form-control[readOnly],\n.form-control.readonly*/.form-control.sc-ix-category-filter:read-only,.form-control[readonly].sc-ix-category-filter,.form-control[readOnly].sc-ix-category-filter,.form-control.readonly.sc-ix-category-filter{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}/*!@.form-control:read-only::-moz-placeholder, .form-control[readonly]::-moz-placeholder, .form-control[readOnly]::-moz-placeholder, .form-control.readonly::-moz-placeholder*/.form-control.sc-ix-category-filter:read-only::-moz-placeholder,.form-control[readonly].sc-ix-category-filter::-moz-placeholder,.form-control[readOnly].sc-ix-category-filter::-moz-placeholder,.form-control.readonly.sc-ix-category-filter::-moz-placeholder{color:transparent}/*!@.form-control:-moz-read-only::placeholder*/.form-control.sc-ix-category-filter:-moz-read-only::placeholder{color:transparent}/*!@.form-control:read-only::placeholder,\n.form-control[readonly]::placeholder,\n.form-control[readOnly]::placeholder,\n.form-control.readonly::placeholder*/.form-control.sc-ix-category-filter:read-only::placeholder,.form-control[readonly].sc-ix-category-filter::placeholder,.form-control[readOnly].sc-ix-category-filter::placeholder,.form-control.readonly.sc-ix-category-filter::placeholder{color:transparent}/*!@.form-control:disabled,\n.form-control.disabled*/.form-control.sc-ix-category-filter:disabled,.form-control.disabled.sc-ix-category-filter{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}/*!@.form-control:disabled::-moz-placeholder, .form-control.disabled::-moz-placeholder*/.form-control.sc-ix-category-filter:disabled::-moz-placeholder,.form-control.disabled.sc-ix-category-filter::-moz-placeholder{color:transparent}/*!@.form-control:disabled::placeholder,\n.form-control.disabled::placeholder*/.form-control.sc-ix-category-filter:disabled::placeholder,.form-control.disabled.sc-ix-category-filter::placeholder{color:transparent}/*!@.form-control-plaintext*/.form-control-plaintext.sc-ix-category-filter{outline:0}/*!@.form-group*/.form-group.sc-ix-category-filter{position:relative}/*!@.input-wrapper*/.input-wrapper.sc-ix-category-filter{display:flex;position:relative;align-items:center;flex-wrap:nowrap}/*!@.input-wrapper > .glyph*/.input-wrapper.sc-ix-category-filter>.glyph.sc-ix-category-filter{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}/*!@.input-wrapper > input*/.input-wrapper.sc-ix-category-filter>input.sc-ix-category-filter{padding-inline-start:2.2rem}/*!@select.form-control*/select.form-control.sc-ix-category-filter{padding:0 0.312rem}/*!@textarea.form-control*/textarea.form-control.sc-ix-category-filter{padding:0.375rem 0.5rem}/*!@input.disabled, input:disabled*/input.disabled.sc-ix-category-filter,input.sc-ix-category-filter:disabled{color:var(--theme-input--color--disabled)}/*!@input:-moz-read-only*/input.sc-ix-category-filter:-moz-read-only{cursor:default}/*!@input:read-only, input.readonly*/input.sc-ix-category-filter:read-only,input.readonly.sc-ix-category-filter{cursor:default}/*!@label*/label.sc-ix-category-filter{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-category-filter{padding:6px 0px}/*!@input*/input.sc-ix-category-filter{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-category-filter:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-category-filter:-webkit-autofill,input.sc-ix-category-filter:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-category-filter::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-category-filter::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),input.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),input.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),input.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),input.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-category-filter:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-category-filter,input.sc-ix-category-filter:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-category-filter::-moz-placeholder,input.sc-ix-category-filter:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-category-filter:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-category-filter::placeholder,input.sc-ix-category-filter:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-category-filter:disabled,input.disabled.sc-ix-category-filter{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-category-filter:disabled::-moz-placeholder,input.disabled.sc-ix-category-filter::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-category-filter:disabled::placeholder,input.disabled.sc-ix-category-filter::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-category-filter{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-category-filter::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-category-filter{padding:0.375rem 1.25rem 0.375rem 0.5rem}/*!@textarea*/textarea.sc-ix-category-filter{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-category-filter:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-category-filter:-webkit-autofill,textarea.sc-ix-category-filter:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-category-filter::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-category-filter::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),textarea.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),textarea.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),textarea.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),textarea.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-category-filter:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-category-filter,textarea.sc-ix-category-filter:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-category-filter::-moz-placeholder,textarea.sc-ix-category-filter:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-category-filter:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-category-filter::placeholder,textarea.sc-ix-category-filter:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-category-filter:disabled,textarea.disabled.sc-ix-category-filter{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-category-filter:disabled::-moz-placeholder,textarea.disabled.sc-ix-category-filter::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-category-filter:disabled::placeholder,textarea.disabled.sc-ix-category-filter::placeholder{color:transparent}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter,textarea.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter,input.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter,input.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-category-filter textarea.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter,form.sc-ix-category-filter input.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-category-filter textarea.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter,form.sc-ix-category-filter input.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-category-filter:not([novalidate]) .sc-ix-category-filter:invalid,form.sc-ix-category-filter:not([novalidate]) .is-invalid.sc-ix-category-filter,form.was-validated.sc-ix-category-filter .sc-ix-category-filter:invalid,form.was-validated.sc-ix-category-filter .is-invalid.sc-ix-category-filter{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-category-filter:not([novalidate]) .sc-ix-category-filter:invalid~.invalid-feedback.sc-ix-category-filter,form.sc-ix-category-filter:not([novalidate]) .is-invalid.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter,form.was-validated.sc-ix-category-filter .sc-ix-category-filter:invalid~.invalid-feedback.sc-ix-category-filter,form.was-validated.sc-ix-category-filter .is-invalid.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-category-filter:not([novalidate]) .sc-ix-category-filter:valid~.valid-feedback.sc-ix-category-filter,form.sc-ix-category-filter:not([novalidate]) .is-valid.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter,form.was-validated.sc-ix-category-filter .sc-ix-category-filter:valid~.valid-feedback.sc-ix-category-filter,form.was-validated.sc-ix-category-filter .is-valid.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-category-filter:not(.was-validated) .invalid-feedback.sc-ix-category-filter,form.sc-ix-category-filter:not(.was-validated) .valid-feedback.sc-ix-category-filter{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-category-filter-h{display:block;position:relative;height:auto}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-category-filter-h *.sc-ix-category-filter,.sc-ix-category-filter-h *.sc-ix-category-filter::after,.sc-ix-category-filter-h *.sc-ix-category-filter::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-category-filter-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-corner{display:none}/*!@:host .reset-button*/.sc-ix-category-filter-h .reset-button.sc-ix-category-filter{position:absolute;top:0.25rem;right:0.25rem}/*!@:host .reset-button.hide-reset-button*/.sc-ix-category-filter-h .reset-button.hide-reset-button.sc-ix-category-filter{display:none}/*!@:host .input-container*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter{display:flex;height:auto;max-height:3.75rem;padding:1px 1.5rem 1px 1.75rem !important}/*!@:host .input-container:not(.readonly):not(.disabled)*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled){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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@:host .input-container:not(.readonly):not(.disabled):-webkit-autofill*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):-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(.disabled):-webkit-autofill, :host .input-container:not(.readonly):not(.disabled):autofill*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):-webkit-autofill,.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):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(.disabled)::-moz-placeholder*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled)::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@:host .input-container:not(.readonly):not(.disabled)::placeholder*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled)::placeholder{color:var(--theme-input-hint--color)}/*!@:host .input-container:not(.readonly):not(.disabled).hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), :host .input-container:not(.readonly):not(.disabled):hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-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(.disabled).hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), :host .input-container:not(.readonly):not(.disabled):hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@:host .input-container:not(.readonly):not(.disabled).focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), :host .input-container:not(.readonly):not(.disabled):focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-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(.disabled).focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), :host .input-container:not(.readonly):not(.disabled):focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter: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(.disabled):disabled, :host .input-container:not(.readonly):not(.disabled).disabled*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):disabled,.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;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:not(.readonly):not(.disabled):disabled::-moz-placeholder, :host .input-container:not(.readonly):not(.disabled).disabled::-moz-placeholder*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):disabled::-moz-placeholder,.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).disabled::-moz-placeholder{color:transparent}/*!@:host .input-container:not(.readonly):not(.disabled):disabled::placeholder, :host .input-container:not(.readonly):not(.disabled).disabled::placeholder*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):disabled::placeholder,.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).disabled::placeholder{color:transparent}/*!@:host .input-container:not(.readonly):not(.disabled):hover*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter: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*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter: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*/.sc-ix-category-filter-h .input-container.disabled.sc-ix-category-filter{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.readonly*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@:host .input-container.readonly:-webkit-autofill*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:-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:-webkit-autofill, :host .input-container.readonly:autofill*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:-webkit-autofill,.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter: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::-moz-placeholder*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@:host .input-container.readonly::placeholder*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter::placeholder{color:var(--theme-input-hint--color)}/*!@:host .input-container.readonly.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), :host .input-container.readonly:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/.sc-ix-category-filter-h .input-container.readonly.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@:host .input-container.readonly.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), :host .input-container.readonly:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/.sc-ix-category-filter-h .input-container.readonly.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@:host .input-container.readonly.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), :host .input-container.readonly:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/.sc-ix-category-filter-h .input-container.readonly.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-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.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), :host .input-container.readonly:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/.sc-ix-category-filter-h .input-container.readonly.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter: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:-moz-read-only*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@:host .input-container.readonly.read-only, :host .input-container.readonly:read-only*/.sc-ix-category-filter-h .input-container.readonly.read-only.sc-ix-category-filter,.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@:host .input-container.readonly.read-only::-moz-placeholder, :host .input-container.readonly:read-only::-moz-placeholder*/.sc-ix-category-filter-h .input-container.readonly.read-only.sc-ix-category-filter::-moz-placeholder,.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:read-only::-moz-placeholder{color:transparent}/*!@:host .input-container.readonly:-moz-read-only::placeholder*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:-moz-read-only::placeholder{color:transparent}/*!@:host .input-container.readonly.read-only::placeholder, :host .input-container.readonly:read-only::placeholder*/.sc-ix-category-filter-h .input-container.readonly.read-only.sc-ix-category-filter::placeholder,.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:read-only::placeholder{color:transparent}/*!@:host .input-container.readonly:disabled, :host .input-container.readonly.disabled*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:disabled,.sc-ix-category-filter-h .input-container.readonly.disabled.sc-ix-category-filter{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;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.readonly:disabled::-moz-placeholder, :host .input-container.readonly.disabled::-moz-placeholder*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:disabled::-moz-placeholder,.sc-ix-category-filter-h .input-container.readonly.disabled.sc-ix-category-filter::-moz-placeholder{color:transparent}/*!@:host .input-container.readonly:disabled::placeholder, :host .input-container.readonly.disabled::placeholder*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:disabled::placeholder,.sc-ix-category-filter-h .input-container.readonly.disabled.sc-ix-category-filter::placeholder{color:transparent}/*!@:host .input-container.no-icon*/.sc-ix-category-filter-h .input-container.no-icon.sc-ix-category-filter{padding-left:0.25rem}/*!@:host .token-container*/.sc-ix-category-filter-h .token-container.sc-ix-category-filter{flex-grow:1;overflow:hidden}/*!@:host .text-input*/.sc-ix-category-filter-h .text-input.sc-ix-category-filter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none}/*!@:host .text-input, :host .text-input:hover, :host .text-input:focus :host .text-input:focus-visible*/.sc-ix-category-filter-h .text-input.sc-ix-category-filter,.sc-ix-category-filter-h .text-input.sc-ix-category-filter:hover,.sc-ix-category-filter-h .text-input.sc-ix-category-filter:focus -shadowcsshost .text-input.sc-ix-category-filter:focus-visible{border:none !important;outline:none !important}/*!@:host .text-input.hide-placeholder::-moz-placeholder*/.sc-ix-category-filter-h .text-input.hide-placeholder.sc-ix-category-filter::-moz-placeholder{opacity:0}/*!@:host .text-input.hide-placeholder::placeholder*/.sc-ix-category-filter-h .text-input.hide-placeholder.sc-ix-category-filter::placeholder{opacity:0}/*!@:host .list-unstyled*/.sc-ix-category-filter-h .list-unstyled.sc-ix-category-filter{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}/*!@:host ix-icon*/.sc-ix-category-filter-h ix-icon.sc-ix-category-filter{position:absolute;top:0.5rem;left:0.5rem}/*!@:host ix-filter-chip*/.sc-ix-category-filter-h ix-filter-chip.sc-ix-category-filter{margin-right:0.25rem}/*!@:host .category-preview*/.sc-ix-category-filter-h .category-preview.sc-ix-category-filter{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*/.sc-ix-category-filter-h ul.sc-ix-category-filter{height:100%}/*!@:host .list-unstyled > span:not(.category-preview),\n:host input*/.sc-ix-category-filter-h .list-unstyled.sc-ix-category-filter>span.sc-ix-category-filter:not(.category-preview),.sc-ix-category-filter-h input.sc-ix-category-filter{padding-inline-start:0;padding-top:2px;padding-bottom:2px}/*!@:host ix-dropdown*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter{min-width:10rem !important}/*!@:host ix-dropdown .dropdown-item-container*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .dropdown-item-container.sc-ix-category-filter{display:flex;flex-direction:column}/*!@:host ix-dropdown .dropdown-item-container .dropdown-item*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .dropdown-item-container.sc-ix-category-filter .dropdown-item.sc-ix-category-filter{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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}/*!@:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .dropdown-item-container.sc-ix-category-filter .dropdown-item.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}/*!@:host ix-dropdown .dropdown-item-container .category-item*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .dropdown-item-container.sc-ix-category-filter .category-item.sc-ix-category-filter{border-end-end-radius:0;border-start-end-radius:0}/*!@:host ix-dropdown .dropdown-item-container .category-item-value*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .dropdown-item-container.sc-ix-category-filter .category-item-value.sc-ix-category-filter{border-start-start-radius:0;border-end-start-radius:0}/*!@:host ix-dropdown .btn-toggle-operator*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .btn-toggle-operator.sc-ix-category-filter{width:2rem;height:2rem;margin-inline:0.5rem}/*!@:host .d-none*/.sc-ix-category-filter-h .d-none.sc-ix-category-filter{display:none}";
|
|
5752
|
+
const categoryFilterCss = "/*!@:host*/.sc-ix-category-filter-h{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-category-filter-h *.sc-ix-category-filter,.sc-ix-category-filter-h *.sc-ix-category-filter::after,.sc-ix-category-filter-h *.sc-ix-category-filter::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-category-filter-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-corner{display:none}/*!@:host button*/.sc-ix-category-filter-h button.sc-ix-category-filter{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*/.sc-ix-category-filter-h ix-spinner.sc-ix-category-filter{margin-right:0.25rem}/*!@:host ix-icon*/.sc-ix-category-filter-h ix-icon.sc-ix-category-filter{margin-right:0.25rem}/*!@:host .content*/.sc-ix-category-filter-h .content.sc-ix-category-filter{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}/*!@:host .content-start*/.sc-ix-category-filter-h .content-start.sc-ix-category-filter{width:100%}/*!@:host .icon*/.sc-ix-category-filter-h .icon.sc-ix-category-filter{pointer-events:none}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{cursor:default}/*!@:host .btn-danger*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-danger, :host .btn-danger.focus, :host .btn-danger:focus-visible*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter,.sc-ix-category-filter-h .btn-danger.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}/*!@:host .btn-danger:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter: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.selected*/.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-danger.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-danger.selected:not(.disabled):not(:disabled):active, :host .btn-danger.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-danger:not(.disabled):not(:disabled):hover, :host .btn-danger:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}/*!@:host .btn-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-danger:not(.disabled):not(:disabled):active, :host .btn-danger:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-danger.disabled, :host(.disabled) .btn-danger:disabled*/.disabled.sc-ix-category-filter-h .btn-danger.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-danger.sc-ix-category-filter:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}/*!@:host .btn-outline-danger*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-outline-danger, :host .btn-outline-danger.focus, :host .btn-outline-danger:focus-visible*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-danger.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}/*!@:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-outline-danger.selected*/.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active, :host .btn-outline-danger.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-danger:not(.disabled):not(:disabled):hover, :host .btn-outline-danger:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}/*!@:host .btn-outline-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-danger:not(.disabled):not(:disabled):active, :host .btn-outline-danger:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-outline-danger.disabled, :host(.disabled) .btn-outline-danger:disabled*/.disabled.sc-ix-category-filter-h .btn-outline-danger.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-outline-danger.sc-ix-category-filter:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}/*!@:host .btn-invisible-danger*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-invisible-danger, :host .btn-invisible-danger.focus, :host .btn-invisible-danger:focus-visible*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-danger.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}/*!@:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-invisible-danger.selected*/.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-danger.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active, :host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-danger.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-danger:not(.disabled):not(:disabled):hover, :host .btn-invisible-danger:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}/*!@:host .btn-invisible-danger:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-danger:not(.disabled):not(:disabled):active, :host .btn-invisible-danger:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-invisible-danger.disabled, :host(.disabled) .btn-invisible-danger:disabled*/.disabled.sc-ix-category-filter-h .btn-invisible-danger.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-invisible-danger.sc-ix-category-filter:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}/*!@:host .btn-primary*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-primary, :host .btn-primary.focus, :host .btn-primary:focus-visible*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-primary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter: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*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter: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*/.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-primary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-primary.selected:not(.disabled):not(:disabled):active, :host .btn-primary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-primary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-primary:not(.disabled):not(:disabled):hover, :host .btn-primary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter: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)*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-primary:not(.disabled):not(:disabled):active, :host .btn-primary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter: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)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-primary.disabled, :host(.disabled) .btn-primary:disabled*/.disabled.sc-ix-category-filter-h .btn-primary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-primary.sc-ix-category-filter: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-outline-primary*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-outline-primary, :host .btn-outline-primary.focus, :host .btn-outline-primary:focus-visible*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-primary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}/*!@:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-outline-primary.selected*/.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active, :host .btn-outline-primary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-primary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-primary:not(.disabled):not(:disabled):hover, :host .btn-outline-primary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}/*!@:host .btn-outline-primary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-primary:not(.disabled):not(:disabled):active, :host .btn-outline-primary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-outline-primary.disabled, :host(.disabled) .btn-outline-primary:disabled*/.disabled.sc-ix-category-filter-h .btn-outline-primary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-outline-primary.sc-ix-category-filter:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}/*!@:host .btn-invisible-primary*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-invisible-primary, :host .btn-invisible-primary.focus, :host .btn-invisible-primary:focus-visible*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-primary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}/*!@:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-invisible-primary.selected*/.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-primary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active, :host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-primary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-primary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-primary:not(.disabled):not(:disabled):hover, :host .btn-invisible-primary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}/*!@:host .btn-invisible-primary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-primary:not(.disabled):not(:disabled):active, :host .btn-invisible-primary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-invisible-primary.disabled, :host(.disabled) .btn-invisible-primary:disabled*/.disabled.sc-ix-category-filter-h .btn-invisible-primary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-invisible-primary.sc-ix-category-filter:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}/*!@:host .btn-secondary*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-secondary, :host .btn-secondary.focus, :host .btn-secondary:focus-visible*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-secondary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter: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*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter: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*/.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-secondary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-secondary.selected:not(.disabled):not(:disabled):active, :host .btn-secondary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-secondary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-secondary:not(.disabled):not(:disabled):hover, :host .btn-secondary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter: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)*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-secondary:not(.disabled):not(:disabled):active, :host .btn-secondary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter: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)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-secondary.disabled, :host(.disabled) .btn-secondary:disabled*/.disabled.sc-ix-category-filter-h .btn-secondary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-secondary.sc-ix-category-filter: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-outline-secondary*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-outline-secondary, :host .btn-outline-secondary.focus, :host .btn-outline-secondary:focus-visible*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-secondary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}/*!@:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-outline-secondary.selected*/.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active, :host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-outline-secondary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-secondary:not(.disabled):not(:disabled):hover, :host .btn-outline-secondary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}/*!@:host .btn-outline-secondary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-outline-secondary:not(.disabled):not(:disabled):active, :host .btn-outline-secondary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-outline-secondary.disabled, :host(.disabled) .btn-outline-secondary:disabled*/.disabled.sc-ix-category-filter-h .btn-outline-secondary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-outline-secondary.sc-ix-category-filter:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}/*!@:host .btn-invisible-secondary*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter{border-radius:var(--theme-btn--border-radius)}/*!@:host .btn-invisible-secondary, :host .btn-invisible-secondary.focus, :host .btn-invisible-secondary:focus-visible*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-secondary.focus.sc-ix-category-filter,.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}/*!@:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .btn-invisible-secondary.selected*/.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active, :host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-secondary.selected.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host .btn-invisible-secondary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover, :host .btn-invisible-secondary:not(.disabled):not(:disabled):hover*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}/*!@:host .btn-invisible-secondary:not(.disabled):not(:disabled)*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .btn-invisible-secondary:not(.disabled):not(:disabled):active, :host .btn-invisible-secondary:not(.disabled):not(:disabled).active*/.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled):active,.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-category-filter-h{pointer-events:none}/*!@:host(.disabled) .btn-invisible-secondary.disabled, :host(.disabled) .btn-invisible-secondary:disabled*/.disabled.sc-ix-category-filter-h .btn-invisible-secondary.disabled.sc-ix-category-filter,.disabled.sc-ix-category-filter-h .btn-invisible-secondary.sc-ix-category-filter:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}/*!@:host*/.sc-ix-category-filter-h{min-width:5rem}/*!@.dropdown-group*/.dropdown-group.sc-ix-category-filter{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*/.dropdown-group.sc-ix-category-filter .dropdown-group-title.sc-ix-category-filter{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}/*!@.dropdown-group .dropdown-group-content*/.dropdown-group.sc-ix-category-filter .dropdown-group-content.sc-ix-category-filter{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 > **/.dropdown-group.sc-ix-category-filter .dropdown-group-content.sc-ix-category-filter>*.sc-ix-category-filter{margin-bottom:1rem}/*!@.dropdown-group-submit*/.dropdown-group-submit.sc-ix-category-filter{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}/*!@.dropdown-menu*/.dropdown-menu.sc-ix-category-filter{position:absolute;background-color:var(--theme-menu--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);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)}/*!@.dropdown-menu.xl > .dropdown-item*/.dropdown-menu.xl.sc-ix-category-filter>.dropdown-item.sc-ix-category-filter{height:2.5rem;line-height:2.187rem}/*!@.dropdown-header*/.dropdown-header.sc-ix-category-filter{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}/*!@.dropdown-buttons*/.dropdown-buttons.sc-ix-category-filter{display:flex;padding:0.25rem 0.5rem}/*!@.dropdown-buttons ix-icon-button + ix-icon-button*/.dropdown-buttons.sc-ix-category-filter ix-icon-button.sc-ix-category-filter+ix-icon-button.sc-ix-category-filter{margin-inline-start:0.5rem}/*!@.dropdown-item*/.dropdown-item.sc-ix-category-filter{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*/.dropdown-item.sc-ix-category-filter:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}/*!@.dropdown-item:focus-visible*/.dropdown-item.sc-ix-category-filter: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)*/.dropdown-item.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@.dropdown-item:not(.disabled):not(:disabled):hover, .dropdown-item:not(.disabled):not(:disabled):hover*/.dropdown-item.sc-ix-category-filter: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)*/.dropdown-item.sc-ix-category-filter:not(.disabled):not(:disabled){cursor:pointer}/*!@.dropdown-item:not(.disabled):not(:disabled):active, .dropdown-item:not(.disabled):not(:disabled).active*/.dropdown-item.sc-ix-category-filter:not(.disabled):not(:disabled):active,.dropdown-item.sc-ix-category-filter: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*/.dropdown-item.disabled.sc-ix-category-filter,.dropdown-item.sc-ix-category-filter:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}/*!@.dropdown-item > a,\n.dropdown-item a:hover,\n.dropdown-item a:active*/.dropdown-item.sc-ix-category-filter>a.sc-ix-category-filter,.dropdown-item.sc-ix-category-filter a.sc-ix-category-filter:hover,.dropdown-item.sc-ix-category-filter a.sc-ix-category-filter:active{color:var(--theme-color-std-text)}/*!@.dropdown-item > .glyph*/.dropdown-item.sc-ix-category-filter>.glyph.sc-ix-category-filter{color:var(--theme-menu-item-icon--color);margin-inline-end:0.5rem}/*!@.dropdown-item > .glyph.disabled*/.dropdown-item.sc-ix-category-filter>.glyph.disabled.sc-ix-category-filter{color:var(--color-weak-text)}/*!@.dropdown-item > .glyph.glyph-single-check*/.dropdown-item.sc-ix-category-filter>.glyph.glyph-single-check.sc-ix-category-filter{color:var(--theme-menu-item-icon-check--color)}/*!@.dropdown-item > input[type=checkbox] + label*/.dropdown-item.sc-ix-category-filter>input[type=checkbox].sc-ix-category-filter+label.sc-ix-category-filter{margin-bottom:0px}/*!@.dropdown-item > input[type=checkbox] + label::before*/.dropdown-item.sc-ix-category-filter>input[type=checkbox].sc-ix-category-filter+label.sc-ix-category-filter::before{margin-right:1rem}/*!@.dropdown-divider*/.dropdown-divider.sc-ix-category-filter{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}/*!@button.dropdown-toggle*/button.dropdown-toggle.sc-ix-category-filter{position:relative;padding-right:1.5rem}/*!@button.dropdown-toggle::after*/button.dropdown-toggle.sc-ix-category-filter::after{position:absolute;top:45%;right:0.5rem}/*!@.form-control,\n.form-control-plaintext*/.form-control.sc-ix-category-filter,.form-control-plaintext.sc-ix-category-filter{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}/*!@.form-control::-moz-placeholder, .form-control-plaintext::-moz-placeholder*/.form-control.sc-ix-category-filter::-moz-placeholder,.form-control-plaintext.sc-ix-category-filter::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@.form-control::placeholder,\n.form-control-plaintext::placeholder*/.form-control.sc-ix-category-filter::placeholder,.form-control-plaintext.sc-ix-category-filter::placeholder{color:var(--theme-input-hint--color)}/*!@.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled), .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled)*/.form-control.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}/*!@.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),\n.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled)*/.form-control.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}/*!@.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover*/.form-control.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}/*!@.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,\n.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,\n.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover*/.form-control.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}/*!@.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible, .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible*/.form-control.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext.sc-ix-category-filter:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}/*!@.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,\n.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible*/.form-control.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext.sc-ix-category-filter:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}/*!@.form-control:focus-visible*/.form-control.sc-ix-category-filter:focus-visible{color:var(--theme-input--color)}/*!@.form-control[type=number]*/.form-control[type=number].sc-ix-category-filter{text-align:right}/*!@.form-control[type=number]::-webkit-inner-spin-button*/.form-control[type=number].sc-ix-category-filter::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@.form-control.readonly,\n.form-control[readonly]*/.form-control.readonly.sc-ix-category-filter,.form-control[readonly].sc-ix-category-filter{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}/*!@.form-control:-moz-read-only*/.form-control.sc-ix-category-filter:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}/*!@.form-control:read-only,\n.form-control[readonly],\n.form-control[readOnly],\n.form-control.readonly*/.form-control.sc-ix-category-filter:read-only,.form-control[readonly].sc-ix-category-filter,.form-control[readOnly].sc-ix-category-filter,.form-control.readonly.sc-ix-category-filter{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}/*!@.form-control:read-only::-moz-placeholder, .form-control[readonly]::-moz-placeholder, .form-control[readOnly]::-moz-placeholder, .form-control.readonly::-moz-placeholder*/.form-control.sc-ix-category-filter:read-only::-moz-placeholder,.form-control[readonly].sc-ix-category-filter::-moz-placeholder,.form-control[readOnly].sc-ix-category-filter::-moz-placeholder,.form-control.readonly.sc-ix-category-filter::-moz-placeholder{color:transparent}/*!@.form-control:-moz-read-only::placeholder*/.form-control.sc-ix-category-filter:-moz-read-only::placeholder{color:transparent}/*!@.form-control:read-only::placeholder,\n.form-control[readonly]::placeholder,\n.form-control[readOnly]::placeholder,\n.form-control.readonly::placeholder*/.form-control.sc-ix-category-filter:read-only::placeholder,.form-control[readonly].sc-ix-category-filter::placeholder,.form-control[readOnly].sc-ix-category-filter::placeholder,.form-control.readonly.sc-ix-category-filter::placeholder{color:transparent}/*!@.form-control:disabled,\n.form-control.disabled*/.form-control.sc-ix-category-filter:disabled,.form-control.disabled.sc-ix-category-filter{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}/*!@.form-control:disabled::-moz-placeholder, .form-control.disabled::-moz-placeholder*/.form-control.sc-ix-category-filter:disabled::-moz-placeholder,.form-control.disabled.sc-ix-category-filter::-moz-placeholder{color:transparent}/*!@.form-control:disabled::placeholder,\n.form-control.disabled::placeholder*/.form-control.sc-ix-category-filter:disabled::placeholder,.form-control.disabled.sc-ix-category-filter::placeholder{color:transparent}/*!@.form-control-plaintext*/.form-control-plaintext.sc-ix-category-filter{outline:0}/*!@.form-group*/.form-group.sc-ix-category-filter{position:relative}/*!@.input-wrapper*/.input-wrapper.sc-ix-category-filter{display:flex;position:relative;align-items:center;flex-wrap:nowrap}/*!@.input-wrapper > .glyph*/.input-wrapper.sc-ix-category-filter>.glyph.sc-ix-category-filter{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}/*!@.input-wrapper > input*/.input-wrapper.sc-ix-category-filter>input.sc-ix-category-filter{padding-inline-start:2.2rem}/*!@select.form-control*/select.form-control.sc-ix-category-filter{padding:0 0.312rem}/*!@textarea.form-control*/textarea.form-control.sc-ix-category-filter{padding:0.375rem 0.5rem}/*!@input.disabled, input:disabled*/input.disabled.sc-ix-category-filter,input.sc-ix-category-filter:disabled{color:var(--theme-input--color--disabled)}/*!@input:-moz-read-only*/input.sc-ix-category-filter:-moz-read-only{cursor:default}/*!@input:read-only, input.readonly*/input.sc-ix-category-filter:read-only,input.readonly.sc-ix-category-filter{cursor:default}/*!@label*/label.sc-ix-category-filter{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-category-filter{padding:6px 0px}/*!@input*/input.sc-ix-category-filter{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-category-filter:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-category-filter:-webkit-autofill,input.sc-ix-category-filter:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-category-filter::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-category-filter::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),input.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),input.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),input.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),input.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-category-filter:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-category-filter,input.sc-ix-category-filter:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-category-filter::-moz-placeholder,input.sc-ix-category-filter:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-category-filter:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-category-filter::placeholder,input.sc-ix-category-filter:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-category-filter:disabled,input.disabled.sc-ix-category-filter{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-category-filter:disabled::-moz-placeholder,input.disabled.sc-ix-category-filter::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-category-filter:disabled::placeholder,input.disabled.sc-ix-category-filter::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-category-filter{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-category-filter::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-category-filter{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-category-filter:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-category-filter:-webkit-autofill,textarea.sc-ix-category-filter:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-category-filter::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-category-filter::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),textarea.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),textarea.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),textarea.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),textarea.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-category-filter:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-category-filter,textarea.sc-ix-category-filter:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-category-filter::-moz-placeholder,textarea.sc-ix-category-filter:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-category-filter:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-category-filter::placeholder,textarea.sc-ix-category-filter:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-category-filter:disabled,textarea.disabled.sc-ix-category-filter{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-category-filter:disabled::-moz-placeholder,textarea.disabled.sc-ix-category-filter::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-category-filter:disabled::placeholder,textarea.disabled.sc-ix-category-filter::placeholder{color:transparent}/*!@textarea*/textarea.sc-ix-category-filter{padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter,textarea.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter,input.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter,input.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-category-filter textarea.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter,form.sc-ix-category-filter input.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-category-filter textarea.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter,form.sc-ix-category-filter input.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-category-filter:not([novalidate]) .sc-ix-category-filter:invalid,form.sc-ix-category-filter:not([novalidate]) .is-invalid.sc-ix-category-filter,form.was-validated.sc-ix-category-filter .sc-ix-category-filter:invalid,form.was-validated.sc-ix-category-filter .is-invalid.sc-ix-category-filter{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-category-filter:not([novalidate]) .sc-ix-category-filter:invalid~.invalid-feedback.sc-ix-category-filter,form.sc-ix-category-filter:not([novalidate]) .is-invalid.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter,form.was-validated.sc-ix-category-filter .sc-ix-category-filter:invalid~.invalid-feedback.sc-ix-category-filter,form.was-validated.sc-ix-category-filter .is-invalid.sc-ix-category-filter~.invalid-feedback.sc-ix-category-filter{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-category-filter:not([novalidate]) .sc-ix-category-filter:valid~.valid-feedback.sc-ix-category-filter,form.sc-ix-category-filter:not([novalidate]) .is-valid.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter,form.was-validated.sc-ix-category-filter .sc-ix-category-filter:valid~.valid-feedback.sc-ix-category-filter,form.was-validated.sc-ix-category-filter .is-valid.sc-ix-category-filter~.valid-feedback.sc-ix-category-filter{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-category-filter:not(.was-validated) .invalid-feedback.sc-ix-category-filter,form.sc-ix-category-filter:not(.was-validated) .valid-feedback.sc-ix-category-filter{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-category-filter:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-category-filter-h{display:block;position:relative;height:auto}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-category-filter-h *.sc-ix-category-filter,.sc-ix-category-filter-h *.sc-ix-category-filter::after,.sc-ix-category-filter-h *.sc-ix-category-filter::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-category-filter-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-category-filter-h .sc-ix-category-filter::-webkit-scrollbar-corner{display:none}/*!@:host .reset-button*/.sc-ix-category-filter-h .reset-button.sc-ix-category-filter{position:absolute;top:0.25rem;right:0.25rem}/*!@:host .reset-button.hide-reset-button*/.sc-ix-category-filter-h .reset-button.hide-reset-button.sc-ix-category-filter{display:none}/*!@:host .input-container*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter{display:flex;height:auto;max-height:3.75rem;padding:1px 1.5rem 1px 1.75rem !important}/*!@:host .input-container:not(.readonly):not(.disabled)*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled){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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@:host .input-container:not(.readonly):not(.disabled):-webkit-autofill*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):-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(.disabled):-webkit-autofill, :host .input-container:not(.readonly):not(.disabled):autofill*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):-webkit-autofill,.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):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(.disabled)::-moz-placeholder*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled)::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@:host .input-container:not(.readonly):not(.disabled)::placeholder*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled)::placeholder{color:var(--theme-input-hint--color)}/*!@:host .input-container:not(.readonly):not(.disabled).hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), :host .input-container:not(.readonly):not(.disabled):hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-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(.disabled).hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), :host .input-container:not(.readonly):not(.disabled):hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@:host .input-container:not(.readonly):not(.disabled).focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), :host .input-container:not(.readonly):not(.disabled):focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-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(.disabled).focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), :host .input-container:not(.readonly):not(.disabled):focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter: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(.disabled):disabled, :host .input-container:not(.readonly):not(.disabled).disabled*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):disabled,.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;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:not(.readonly):not(.disabled):disabled::-moz-placeholder, :host .input-container:not(.readonly):not(.disabled).disabled::-moz-placeholder*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):disabled::-moz-placeholder,.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).disabled::-moz-placeholder{color:transparent}/*!@:host .input-container:not(.readonly):not(.disabled):disabled::placeholder, :host .input-container:not(.readonly):not(.disabled).disabled::placeholder*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled):disabled::placeholder,.sc-ix-category-filter-h .input-container.sc-ix-category-filter:not(.readonly):not(.disabled).disabled::placeholder{color:transparent}/*!@:host .input-container:not(.readonly):not(.disabled):hover*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter: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*/.sc-ix-category-filter-h .input-container.sc-ix-category-filter: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*/.sc-ix-category-filter-h .input-container.disabled.sc-ix-category-filter{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.readonly*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@:host .input-container.readonly:-webkit-autofill*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:-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:-webkit-autofill, :host .input-container.readonly:autofill*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:-webkit-autofill,.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter: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::-moz-placeholder*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@:host .input-container.readonly::placeholder*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter::placeholder{color:var(--theme-input-hint--color)}/*!@:host .input-container.readonly.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), :host .input-container.readonly:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/.sc-ix-category-filter-h .input-container.readonly.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@:host .input-container.readonly.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), :host .input-container.readonly:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/.sc-ix-category-filter-h .input-container.readonly.hover.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:hover:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@:host .input-container.readonly.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), :host .input-container.readonly:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/.sc-ix-category-filter-h .input-container.readonly.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-moz-read-only),.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:-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.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), :host .input-container.readonly:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/.sc-ix-category-filter-h .input-container.readonly.focus.sc-ix-category-filter:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter:read-only),.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:focus:not(.readonly,.read-only.sc-ix-category-filter,.disabled.sc-ix-category-filter,[readonly].sc-ix-category-filter,[disabled].sc-ix-category-filter,.sc-ix-category-filter: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:-moz-read-only*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@:host .input-container.readonly.read-only, :host .input-container.readonly:read-only*/.sc-ix-category-filter-h .input-container.readonly.read-only.sc-ix-category-filter,.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@:host .input-container.readonly.read-only::-moz-placeholder, :host .input-container.readonly:read-only::-moz-placeholder*/.sc-ix-category-filter-h .input-container.readonly.read-only.sc-ix-category-filter::-moz-placeholder,.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:read-only::-moz-placeholder{color:transparent}/*!@:host .input-container.readonly:-moz-read-only::placeholder*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:-moz-read-only::placeholder{color:transparent}/*!@:host .input-container.readonly.read-only::placeholder, :host .input-container.readonly:read-only::placeholder*/.sc-ix-category-filter-h .input-container.readonly.read-only.sc-ix-category-filter::placeholder,.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:read-only::placeholder{color:transparent}/*!@:host .input-container.readonly:disabled, :host .input-container.readonly.disabled*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:disabled,.sc-ix-category-filter-h .input-container.readonly.disabled.sc-ix-category-filter{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;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.readonly:disabled::-moz-placeholder, :host .input-container.readonly.disabled::-moz-placeholder*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:disabled::-moz-placeholder,.sc-ix-category-filter-h .input-container.readonly.disabled.sc-ix-category-filter::-moz-placeholder{color:transparent}/*!@:host .input-container.readonly:disabled::placeholder, :host .input-container.readonly.disabled::placeholder*/.sc-ix-category-filter-h .input-container.readonly.sc-ix-category-filter:disabled::placeholder,.sc-ix-category-filter-h .input-container.readonly.disabled.sc-ix-category-filter::placeholder{color:transparent}/*!@:host .input-container.no-icon*/.sc-ix-category-filter-h .input-container.no-icon.sc-ix-category-filter{padding-left:0.25rem}/*!@:host .token-container*/.sc-ix-category-filter-h .token-container.sc-ix-category-filter{flex-grow:1;overflow:hidden}/*!@:host .text-input*/.sc-ix-category-filter-h .text-input.sc-ix-category-filter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none}/*!@:host .text-input, :host .text-input:hover, :host .text-input:focus :host .text-input:focus-visible*/.sc-ix-category-filter-h .text-input.sc-ix-category-filter,.sc-ix-category-filter-h .text-input.sc-ix-category-filter:hover,.sc-ix-category-filter-h .text-input.sc-ix-category-filter:focus -shadowcsshost .text-input.sc-ix-category-filter:focus-visible{border:none !important;outline:none !important}/*!@:host .text-input.hide-placeholder::-moz-placeholder*/.sc-ix-category-filter-h .text-input.hide-placeholder.sc-ix-category-filter::-moz-placeholder{opacity:0}/*!@:host .text-input.hide-placeholder::placeholder*/.sc-ix-category-filter-h .text-input.hide-placeholder.sc-ix-category-filter::placeholder{opacity:0}/*!@:host .list-unstyled*/.sc-ix-category-filter-h .list-unstyled.sc-ix-category-filter{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}/*!@:host ix-icon*/.sc-ix-category-filter-h ix-icon.sc-ix-category-filter{position:absolute;top:0.5rem;left:0.5rem}/*!@:host ix-filter-chip*/.sc-ix-category-filter-h ix-filter-chip.sc-ix-category-filter{margin-right:0.25rem}/*!@:host .category-preview*/.sc-ix-category-filter-h .category-preview.sc-ix-category-filter{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*/.sc-ix-category-filter-h ul.sc-ix-category-filter{height:100%}/*!@:host .list-unstyled > span:not(.category-preview),\n:host input*/.sc-ix-category-filter-h .list-unstyled.sc-ix-category-filter>span.sc-ix-category-filter:not(.category-preview),.sc-ix-category-filter-h input.sc-ix-category-filter{padding-inline-start:0;padding-top:2px;padding-bottom:2px}/*!@:host ix-dropdown*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter{min-width:10rem !important}/*!@:host ix-dropdown .dropdown-item-container*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .dropdown-item-container.sc-ix-category-filter{display:flex;flex-direction:column}/*!@:host ix-dropdown .dropdown-item-container .dropdown-item*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .dropdown-item-container.sc-ix-category-filter .dropdown-item.sc-ix-category-filter{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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}/*!@:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .dropdown-item-container.sc-ix-category-filter .dropdown-item.sc-ix-category-filter:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}/*!@:host ix-dropdown .dropdown-item-container .category-item*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .dropdown-item-container.sc-ix-category-filter .category-item.sc-ix-category-filter{border-end-end-radius:0;border-start-end-radius:0}/*!@:host ix-dropdown .dropdown-item-container .category-item-value*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .dropdown-item-container.sc-ix-category-filter .category-item-value.sc-ix-category-filter{border-start-start-radius:0;border-end-start-radius:0}/*!@:host ix-dropdown .btn-toggle-operator*/.sc-ix-category-filter-h ix-dropdown.sc-ix-category-filter .btn-toggle-operator.sc-ix-category-filter{width:2rem;height:2rem;margin-inline:0.5rem}/*!@:host .d-none*/.sc-ix-category-filter-h .d-none.sc-ix-category-filter{display:none}";
|
|
5736
5753
|
var IxCategoryFilterStyle0 = categoryFilterCss;
|
|
5737
5754
|
|
|
5738
5755
|
class CategoryFilter {
|
|
@@ -6206,19 +6223,19 @@ class CategoryFilter {
|
|
|
6206
6223
|
}
|
|
6207
6224
|
render() {
|
|
6208
6225
|
var _a, _b;
|
|
6209
|
-
return (hAsync(Host, { key: '
|
|
6226
|
+
return (hAsync(Host, { key: '0699ab3852828ebab616e66e11186338e84859ce' }, hAsync("form", { key: 'db8980ec7f54ddd77eee511c2d50a1d575d41afd', ref: (el) => (this.formElement = el) }, hAsync("div", { key: 'f5f0993cd2d3f0a1955f05ba46b001317fb68841', "read-only": this.readonly, class: {
|
|
6210
6227
|
'input-container': true,
|
|
6211
6228
|
disabled: this.disabled,
|
|
6212
6229
|
focus: this.hasFocus,
|
|
6213
6230
|
readonly: this.readonly,
|
|
6214
6231
|
'no-icon': this.hideIcon,
|
|
6215
|
-
} }, hAsync("ix-icon", { key: '
|
|
6232
|
+
} }, hAsync("ix-icon", { key: '4b2f2b4bfbde91fec3753ac0e2fae58433c57466', color: this.getIconColor(), class: { 'd-none': this.hideIcon }, name: this.icon, size: "16" }), hAsync("div", { key: 'd56117442c296412a0aef515e713c1e44aa60006', class: "token-container" }, hAsync("div", { key: 'd494fd637dbba4cea32d4d7c014bd7369b16292d', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("span", { key: value.toString(), class: {
|
|
6216
6233
|
animate__animated: true,
|
|
6217
6234
|
animate__fadein: true,
|
|
6218
6235
|
} }, hAsync("ix-filter-chip", { disabled: this.disabled, readonly: this.readonly, onClick: (e) => e.stopPropagation(), onCloseClick: () => this.removeToken(index) }, this.getFilterChipLabel(value))))), this.categories === undefined ? ('') : (hAsync("span", { class: {
|
|
6219
6236
|
'category-preview': true,
|
|
6220
6237
|
'd-none': this.category === '',
|
|
6221
|
-
} }, (_a = this.categories[this.category]) === null || _a === void 0 ? void 0 : _a.label)), hAsync("input", Object.assign({ key: '
|
|
6238
|
+
} }, (_a = this.categories[this.category]) === null || _a === void 0 ? void 0 : _a.label)), hAsync("input", Object.assign({ key: '43ff6f2894aeb82fae918dfc698f9d5acb57d740', class: {
|
|
6222
6239
|
'text-input': true,
|
|
6223
6240
|
'hide-placeholder': this.readonly || this.disabled || this.category !== '',
|
|
6224
6241
|
}, autocomplete: "off", name: "category-filter-input", disabled: this.disabled, readonly: this.readonly, ref: this.textInput, type: "text", placeholder: this.placeholder }, this.a11yAttributes)))), !this.readonly && !this.disabled && this.getResetButton())), this.disabled || this.readonly ? ('') : (hAsync("ix-dropdown", { show: this.showDropdown, closeBehavior: "outside", offset: { mainAxis: 2 }, anchor: (_b = this.textInput) === null || _b === void 0 ? void 0 : _b.waitForCurrent(), trigger: this.hostElement, header: this.getDropdownHeader() }, this.renderDropdownContent()))));
|
|
@@ -6329,13 +6346,7 @@ function HookValidationLifecycle(options) {
|
|
|
6329
6346
|
if (host.getValidityState &&
|
|
6330
6347
|
typeof host.getValidityState === 'function') {
|
|
6331
6348
|
const validityState = await host.getValidityState();
|
|
6332
|
-
|
|
6333
|
-
// Use only the keys that are relevant for the validation state
|
|
6334
|
-
// patternMismatch used for `ix-date-input`
|
|
6335
|
-
.filter((key) => ['patternMismatch'].includes(key))
|
|
6336
|
-
.forEach((key) => {
|
|
6337
|
-
host.classList.toggle(`ix-invalid--${key}`, validityState[key]);
|
|
6338
|
-
});
|
|
6349
|
+
host.classList.toggle(`ix-invalid--validity-patternMismatch`, validityState.patternMismatch);
|
|
6339
6350
|
}
|
|
6340
6351
|
};
|
|
6341
6352
|
host.addEventListener('valueChange', checkIfRequiredFunction);
|
|
@@ -6374,7 +6385,7 @@ function isIxInputFieldComponent(obj) {
|
|
|
6374
6385
|
typeof obj.getNativeInputElement === 'function');
|
|
6375
6386
|
}
|
|
6376
6387
|
|
|
6377
|
-
const checkboxCss = "/*!@:host*/.sc-ix-checkbox-h{--ix-checkbox-check-color:var(--theme-color-primary--contrast);display:inline-block;position:relative}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-checkbox-h *.sc-ix-checkbox,.sc-ix-checkbox-h *.sc-ix-checkbox::after,.sc-ix-checkbox-h *.sc-ix-checkbox::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-checkbox-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-corner{display:none}/*!@:host button*/.sc-ix-checkbox-h button.sc-ix-checkbox{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;margin-right:0.5rem}/*!@:host button:disabled*/.sc-ix-checkbox-h button.sc-ix-checkbox:disabled{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host button:focus-visible*/.sc-ix-checkbox-h button.sc-ix-checkbox:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}/*!@:host input[type=checkbox]*/.sc-ix-checkbox-h input[type=checkbox].sc-ix-checkbox{display:none}/*!@:host label*/.sc-ix-checkbox-h label.sc-ix-checkbox{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%}/*!@:host ix-typography*/.sc-ix-checkbox-h ix-typography.sc-ix-checkbox{margin-top:0.125rem}/*!@:host button*/.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}/*!@:host(:hover) button*/.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}/*!@:host(:active) button*/.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}/*!@:host(.checked) button,\n:host(.indeterminate) button*/.checked.sc-ix-checkbox-h button.sc-ix-checkbox,.indeterminate.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}/*!@:host(.checked:hover) button,\n:host(.indeterminate:hover) button*/.checked.sc-ix-checkbox-h:hover button.sc-ix-checkbox,.indeterminate.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}/*!@:host(.checked:active) button,\n:host(.indeterminate:active) button*/.checked.sc-ix-checkbox-h:active button.sc-ix-checkbox,.indeterminate.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}/*!@:host(:disabled) button,\n:host(.disabled) button*/.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host(.checked:disabled) button,\n:host(.checked.disabled) button,\n:host(.indeterminate:disabled) button,\n:host(.indeterminate.disabled) button*/.checked.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.checked.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.indeterminate.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.indeterminate.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}/*!@:host(.ix-info) button*/.ix-info.sc-ix-checkbox-h button.sc-ix-checkbox{--theme-checkbox-unchecked--background:var(--theme-checkbox-unchecked--background--info);--theme-checkbox-unchecked--background--hover:var(--theme-checkbox-unchecked--background--info--hover);--theme-checkbox-unchecked--background--active:var(--theme-checkbox-unchecked--background--info--active);--theme-checkbox-unchecked--border-color:var(--theme-checkbox-unchecked--border-color--info);--theme-checkbox-unchecked--border-color--hover:var(--theme-checkbox-unchecked--border-color--info--hover);--theme-checkbox-unchecked--border-color--active:var(--theme-checkbox-unchecked--border-color--info--active);--theme-checkbox-checked--background:var(--theme-checkbox-checked--background--info);--theme-checkbox-checked--background--hover:var(--theme-checkbox-checked--background--info--hover);--theme-checkbox-checked--background--active:var(--theme-checkbox-checked--background--info--active);--theme-checkbox-checked--border-color:var(--theme-checkbox-checked--border-color--info);--theme-checkbox-checked--border-color--hover:var(--theme-checkbox-checked--border-color--info--hover);--theme-checkbox-checked--border-color--active:var(--theme-checkbox-checked--border-color--info--active);--theme-checkbox-mixed--background:var(--theme-checkbox-mixed--background--info);--theme-checkbox-mixed--background--hover:var(--theme-checkbox-mixed--background--info--hover);--theme-checkbox-mixed--background--active:var(--theme-checkbox-mixed--background--info--active);--theme-checkbox-mixed--border-color:var(--theme-checkbox-mixed--border-color--info);--theme-checkbox-mixed--border-color--hover:var(--theme-checkbox-mixed--border-color--info--hover);--theme-checkbox-mixed--border-color--active:var(--theme-checkbox-mixed--border-color--info--active);background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}/*!@:host(.ix-info:hover) button*/.ix-info.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}/*!@:host(.ix-info:active) button*/.ix-info.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}/*!@:host(.ix-info.checked) button,\n:host(.ix-info.indeterminate) button*/.ix-info.checked.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-info.indeterminate.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}/*!@:host(.ix-info.checked:hover) button,\n:host(.ix-info.indeterminate:hover) button*/.ix-info.checked.sc-ix-checkbox-h:hover button.sc-ix-checkbox,.ix-info.indeterminate.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}/*!@:host(.ix-info.checked:active) button,\n:host(.ix-info.indeterminate:active) button*/.ix-info.checked.sc-ix-checkbox-h:active button.sc-ix-checkbox,.ix-info.indeterminate.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}/*!@:host(.ix-info:disabled) button,\n:host(.ix-info.disabled) button*/.ix-info.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-info.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host(.ix-info.checked:disabled) button,\n:host(.ix-info.checked.disabled) button,\n:host(.ix-info.indeterminate:disabled) button,\n:host(.ix-info.indeterminate.disabled) button*/.ix-info.checked.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-info.checked.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-info.indeterminate.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-info.indeterminate.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}/*!@:host(.ix-warning) button*/.ix-warning.sc-ix-checkbox-h button.sc-ix-checkbox{--theme-checkbox-unchecked--background:var(--theme-checkbox-unchecked--background--warning);--theme-checkbox-unchecked--background--hover:var(--theme-checkbox-unchecked--background--warning--hover);--theme-checkbox-unchecked--background--active:var(--theme-checkbox-unchecked--background--warning--active);--theme-checkbox-unchecked--border-color:var(--theme-checkbox-unchecked--border-color--warning);--theme-checkbox-unchecked--border-color--hover:var(--theme-checkbox-unchecked--border-color--warning--hover);--theme-checkbox-unchecked--border-color--active:var(--theme-checkbox-unchecked--border-color--warning--active);--theme-checkbox-checked--background:var(--theme-checkbox-checked--background--warning);--theme-checkbox-checked--background--hover:var(--theme-checkbox-checked--background--warning--hover);--theme-checkbox-checked--background--active:var(--theme-checkbox-checked--background--warning--active);--theme-checkbox-checked--border-color:var(--theme-checkbox-checked--border-color--warning);--theme-checkbox-checked--border-color--hover:var(--theme-checkbox-checked--border-color--warning--hover);--theme-checkbox-checked--border-color--active:var(--theme-checkbox-checked--border-color--warning--active);--theme-checkbox-mixed--background:var(--theme-checkbox-mixed--background--warning);--theme-checkbox-mixed--background--hover:var(--theme-checkbox-mixed--background--warning--hover);--theme-checkbox-mixed--background--active:var(--theme-checkbox-mixed--background--warning--active);--theme-checkbox-mixed--border-color:var(--theme-checkbox-mixed--border-color--warning);--theme-checkbox-mixed--border-color--hover:var(--theme-checkbox-mixed--border-color--warning--hover);--theme-checkbox-mixed--border-color--active:var(--theme-checkbox-mixed--border-color--warning--active);background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}/*!@:host(.ix-warning:hover) button*/.ix-warning.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}/*!@:host(.ix-warning:active) button*/.ix-warning.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}/*!@:host(.ix-warning.checked) button,\n:host(.ix-warning.indeterminate) button*/.ix-warning.checked.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-warning.indeterminate.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}/*!@:host(.ix-warning.checked:hover) button,\n:host(.ix-warning.indeterminate:hover) button*/.ix-warning.checked.sc-ix-checkbox-h:hover button.sc-ix-checkbox,.ix-warning.indeterminate.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}/*!@:host(.ix-warning.checked:active) button,\n:host(.ix-warning.indeterminate:active) button*/.ix-warning.checked.sc-ix-checkbox-h:active button.sc-ix-checkbox,.ix-warning.indeterminate.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}/*!@:host(.ix-warning:disabled) button,\n:host(.ix-warning.disabled) button*/.ix-warning.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-warning.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host(.ix-warning.checked:disabled) button,\n:host(.ix-warning.checked.disabled) button,\n:host(.ix-warning.indeterminate:disabled) button,\n:host(.ix-warning.indeterminate.disabled) button*/.ix-warning.checked.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-warning.checked.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-warning.indeterminate.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-warning.indeterminate.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}/*!@:host(.ix-invalid--required) button*/.ix-invalid--required.sc-ix-checkbox-h button.sc-ix-checkbox{--theme-checkbox-unchecked--background:var(--theme-checkbox-unchecked--background--invalid);--theme-checkbox-unchecked--background--hover:var(--theme-checkbox-unchecked--background--invalid--hover);--theme-checkbox-unchecked--background--active:var(--theme-checkbox-unchecked--background--invalid--active);--theme-checkbox-unchecked--border-color:var(--theme-checkbox-unchecked--border-color--invalid);--theme-checkbox-unchecked--border-color--hover:var(--theme-checkbox-unchecked--border-color--invalid--hover);--theme-checkbox-unchecked--border-color--active:var(--theme-checkbox-unchecked--border-color--invalid--active);--theme-checkbox-checked--background:var(--theme-checkbox-checked--background--invalid);--theme-checkbox-checked--background--hover:var(--theme-checkbox-checked--background--invalid--hover);--theme-checkbox-checked--background--active:var(--theme-checkbox-checked--background--invalid--active);--theme-checkbox-checked--border-color:var(--theme-checkbox-checked--border-color--invalid);--theme-checkbox-checked--border-color--hover:var(--theme-checkbox-checked--border-color--invalid--hover);--theme-checkbox-checked--border-color--active:var(--theme-checkbox-checked--border-color--invalid--active);--theme-checkbox-mixed--background:var(--theme-checkbox-mixed--background--invalid);--theme-checkbox-mixed--background--hover:var(--theme-checkbox-mixed--background--invalid--hover);--theme-checkbox-mixed--background--active:var(--theme-checkbox-mixed--background--invalid--active);--theme-checkbox-mixed--border-color:var(--theme-checkbox-mixed--border-color--invalid);--theme-checkbox-mixed--border-color--hover:var(--theme-checkbox-mixed--border-color--invalid--hover);--theme-checkbox-mixed--border-color--active:var(--theme-checkbox-mixed--border-color--invalid--active);background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}/*!@:host(.ix-invalid--required:hover) button*/.ix-invalid--required.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}/*!@:host(.ix-invalid--required:active) button*/.ix-invalid--required.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}/*!@:host(.ix-invalid--required.checked) button,\n:host(.ix-invalid--required.indeterminate) button*/.ix-invalid--required.checked.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-invalid--required.indeterminate.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}/*!@:host(.ix-invalid--required.checked:hover) button,\n:host(.ix-invalid--required.indeterminate:hover) button*/.ix-invalid--required.checked.sc-ix-checkbox-h:hover button.sc-ix-checkbox,.ix-invalid--required.indeterminate.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}/*!@:host(.ix-invalid--required.checked:active) button,\n:host(.ix-invalid--required.indeterminate:active) button*/.ix-invalid--required.checked.sc-ix-checkbox-h:active button.sc-ix-checkbox,.ix-invalid--required.indeterminate.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}/*!@:host(.ix-invalid--required:disabled) button,\n:host(.ix-invalid--required.disabled) button*/.ix-invalid--required.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-invalid--required.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host(.ix-invalid--required.checked:disabled) button,\n:host(.ix-invalid--required.checked.disabled) button,\n:host(.ix-invalid--required.indeterminate:disabled) button,\n:host(.ix-invalid--required.indeterminate.disabled) button*/.ix-invalid--required.checked.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-invalid--required.checked.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-invalid--required.indeterminate.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-invalid--required.indeterminate.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}/*!@:host(.ix-invalid) button*/.ix-invalid.sc-ix-checkbox-h button.sc-ix-checkbox{--theme-checkbox-unchecked--background:var(--theme-checkbox-unchecked--background--invalid);--theme-checkbox-unchecked--background--hover:var(--theme-checkbox-unchecked--background--invalid--hover);--theme-checkbox-unchecked--background--active:var(--theme-checkbox-unchecked--background--invalid--active);--theme-checkbox-unchecked--border-color:var(--theme-checkbox-unchecked--border-color--invalid);--theme-checkbox-unchecked--border-color--hover:var(--theme-checkbox-unchecked--border-color--invalid--hover);--theme-checkbox-unchecked--border-color--active:var(--theme-checkbox-unchecked--border-color--invalid--active);--theme-checkbox-checked--background:var(--theme-checkbox-checked--background--invalid);--theme-checkbox-checked--background--hover:var(--theme-checkbox-checked--background--invalid--hover);--theme-checkbox-checked--background--active:var(--theme-checkbox-checked--background--invalid--active);--theme-checkbox-checked--border-color:var(--theme-checkbox-checked--border-color--invalid);--theme-checkbox-checked--border-color--hover:var(--theme-checkbox-checked--border-color--invalid--hover);--theme-checkbox-checked--border-color--active:var(--theme-checkbox-checked--border-color--invalid--active);--theme-checkbox-mixed--background:var(--theme-checkbox-mixed--background--invalid);--theme-checkbox-mixed--background--hover:var(--theme-checkbox-mixed--background--invalid--hover);--theme-checkbox-mixed--background--active:var(--theme-checkbox-mixed--background--invalid--active);--theme-checkbox-mixed--border-color:var(--theme-checkbox-mixed--border-color--invalid);--theme-checkbox-mixed--border-color--hover:var(--theme-checkbox-mixed--border-color--invalid--hover);--theme-checkbox-mixed--border-color--active:var(--theme-checkbox-mixed--border-color--invalid--active);background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}/*!@:host(.ix-invalid:hover) button*/.ix-invalid.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}/*!@:host(.ix-invalid:active) button*/.ix-invalid.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}/*!@:host(.ix-invalid.checked) button,\n:host(.ix-invalid.indeterminate) button*/.ix-invalid.checked.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-invalid.indeterminate.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}/*!@:host(.ix-invalid.checked:hover) button,\n:host(.ix-invalid.indeterminate:hover) button*/.ix-invalid.checked.sc-ix-checkbox-h:hover button.sc-ix-checkbox,.ix-invalid.indeterminate.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}/*!@:host(.ix-invalid.checked:active) button,\n:host(.ix-invalid.indeterminate:active) button*/.ix-invalid.checked.sc-ix-checkbox-h:active button.sc-ix-checkbox,.ix-invalid.indeterminate.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}/*!@:host(.ix-invalid:disabled) button,\n:host(.ix-invalid.disabled) button*/.ix-invalid.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-invalid.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host(.ix-invalid.checked:disabled) button,\n:host(.ix-invalid.checked.disabled) button,\n:host(.ix-invalid.indeterminate:disabled) button,\n:host(.ix-invalid.indeterminate.disabled) button*/.ix-invalid.checked.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-invalid.checked.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-invalid.indeterminate.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.ix-invalid.indeterminate.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}/*!@:host(:disabled),\n:host(.disabled)*/.sc-ix-checkbox-h:disabled,.disabled.sc-ix-checkbox-h{pointer-events:none}/*!@:host(:disabled) button,\n:host(:disabled) label,\n:host(:disabled) input,\n:host(.disabled) button,\n:host(.disabled) label,\n:host(.disabled) input*/.sc-ix-checkbox-h:disabled button.sc-ix-checkbox,.sc-ix-checkbox-h:disabled label.sc-ix-checkbox,.sc-ix-checkbox-h:disabled input.sc-ix-checkbox,.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.disabled.sc-ix-checkbox-h label.sc-ix-checkbox,.disabled.sc-ix-checkbox-h input.sc-ix-checkbox{pointer-events:none}";
|
|
6388
|
+
const checkboxCss = "/*!@:host*/.sc-ix-checkbox-h{--ix-checkbox-check-color:var(--theme-color-primary--contrast);display:inline-block;position:relative}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-checkbox-h *.sc-ix-checkbox,.sc-ix-checkbox-h *.sc-ix-checkbox::after,.sc-ix-checkbox-h *.sc-ix-checkbox::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-checkbox-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-checkbox-h .sc-ix-checkbox::-webkit-scrollbar-corner{display:none}/*!@:host button*/.sc-ix-checkbox-h button.sc-ix-checkbox{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;margin-right:0.5rem}/*!@:host button:disabled*/.sc-ix-checkbox-h button.sc-ix-checkbox:disabled{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host button:focus-visible*/.sc-ix-checkbox-h button.sc-ix-checkbox:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}/*!@:host input[type=checkbox]*/.sc-ix-checkbox-h input[type=checkbox].sc-ix-checkbox{display:none}/*!@:host label*/.sc-ix-checkbox-h label.sc-ix-checkbox{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%}/*!@:host ix-typography*/.sc-ix-checkbox-h ix-typography.sc-ix-checkbox{margin-top:0.125rem}/*!@:host button*/.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}/*!@:host(:hover) button*/.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}/*!@:host(:active) button*/.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}/*!@:host(.checked) button,\n:host(.indeterminate) button*/.checked.sc-ix-checkbox-h button.sc-ix-checkbox,.indeterminate.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}/*!@:host(.checked:hover) button,\n:host(.indeterminate:hover) button*/.checked.sc-ix-checkbox-h:hover button.sc-ix-checkbox,.indeterminate.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}/*!@:host(.checked:active) button,\n:host(.indeterminate:active) button*/.checked.sc-ix-checkbox-h:active button.sc-ix-checkbox,.indeterminate.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}/*!@:host(.disabled) button*/.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host(.checked.disabled) button,\n:host(.indeterminate.disabled) button*/.checked.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.indeterminate.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}/*!@:host(.ix-info) button*/.ix-info.sc-ix-checkbox-h button.sc-ix-checkbox{--theme-checkbox-unchecked--background:var(\n --theme-checkbox-unchecked--background--info\n );--theme-checkbox-unchecked--background--hover:var(\n --theme-checkbox-unchecked--background--info--hover\n );--theme-checkbox-unchecked--background--active:var(\n --theme-checkbox-unchecked--background--info--active\n );--theme-checkbox-unchecked--border-color:var(\n --theme-checkbox-unchecked--border-color--info\n );--theme-checkbox-unchecked--border-color--hover:var(\n --theme-checkbox-unchecked--border-color--info--hover\n );--theme-checkbox-unchecked--border-color--active:var(\n --theme-checkbox-unchecked--border-color--info--active\n );--theme-checkbox-checked--background:var(\n --theme-checkbox-checked--background--info\n );--theme-checkbox-checked--background--hover:var(\n --theme-checkbox-checked--background--info--hover\n );--theme-checkbox-checked--background--active:var(\n --theme-checkbox-checked--background--info--active\n );--theme-checkbox-checked--border-color:var(\n --theme-checkbox-checked--border-color--info\n );--theme-checkbox-checked--border-color--hover:var(\n --theme-checkbox-checked--border-color--info--hover\n );--theme-checkbox-checked--border-color--active:var(\n --theme-checkbox-checked--border-color--info--active\n );--theme-checkbox-mixed--background:var(\n --theme-checkbox-mixed--background--info\n );--theme-checkbox-mixed--background--hover:var(\n --theme-checkbox-mixed--background--info--hover\n );--theme-checkbox-mixed--background--active:var(\n --theme-checkbox-mixed--background--info--active\n );--theme-checkbox-mixed--border-color:var(\n --theme-checkbox-mixed--border-color--info\n );--theme-checkbox-mixed--border-color--hover:var(\n --theme-checkbox-mixed--border-color--info--hover\n );--theme-checkbox-mixed--border-color--active:var(\n --theme-checkbox-mixed--border-color--info--active\n );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}/*!@:host(.ix-info:hover) button*/.ix-info.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}/*!@:host(.ix-info:active) button*/.ix-info.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}/*!@:host(.ix-info.checked) button,\n:host(.ix-info.indeterminate) button*/.ix-info.checked.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-info.indeterminate.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}/*!@:host(.ix-info.checked:hover) button,\n:host(.ix-info.indeterminate:hover) button*/.ix-info.checked.sc-ix-checkbox-h:hover button.sc-ix-checkbox,.ix-info.indeterminate.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}/*!@:host(.ix-info.checked:active) button,\n:host(.ix-info.indeterminate:active) button*/.ix-info.checked.sc-ix-checkbox-h:active button.sc-ix-checkbox,.ix-info.indeterminate.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}/*!@:host(.ix-info.disabled) button*/.ix-info.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host(.ix-info.checked.disabled) button,\n:host(.ix-info.indeterminate.disabled) button*/.ix-info.checked.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-info.indeterminate.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}/*!@:host(.ix-warning) button*/.ix-warning.sc-ix-checkbox-h button.sc-ix-checkbox{--theme-checkbox-unchecked--background:var(\n --theme-checkbox-unchecked--background--warning\n );--theme-checkbox-unchecked--background--hover:var(\n --theme-checkbox-unchecked--background--warning--hover\n );--theme-checkbox-unchecked--background--active:var(\n --theme-checkbox-unchecked--background--warning--active\n );--theme-checkbox-unchecked--border-color:var(\n --theme-checkbox-unchecked--border-color--warning\n );--theme-checkbox-unchecked--border-color--hover:var(\n --theme-checkbox-unchecked--border-color--warning--hover\n );--theme-checkbox-unchecked--border-color--active:var(\n --theme-checkbox-unchecked--border-color--warning--active\n );--theme-checkbox-checked--background:var(\n --theme-checkbox-checked--background--warning\n );--theme-checkbox-checked--background--hover:var(\n --theme-checkbox-checked--background--warning--hover\n );--theme-checkbox-checked--background--active:var(\n --theme-checkbox-checked--background--warning--active\n );--theme-checkbox-checked--border-color:var(\n --theme-checkbox-checked--border-color--warning\n );--theme-checkbox-checked--border-color--hover:var(\n --theme-checkbox-checked--border-color--warning--hover\n );--theme-checkbox-checked--border-color--active:var(\n --theme-checkbox-checked--border-color--warning--active\n );--theme-checkbox-mixed--background:var(\n --theme-checkbox-mixed--background--warning\n );--theme-checkbox-mixed--background--hover:var(\n --theme-checkbox-mixed--background--warning--hover\n );--theme-checkbox-mixed--background--active:var(\n --theme-checkbox-mixed--background--warning--active\n );--theme-checkbox-mixed--border-color:var(\n --theme-checkbox-mixed--border-color--warning\n );--theme-checkbox-mixed--border-color--hover:var(\n --theme-checkbox-mixed--border-color--warning--hover\n );--theme-checkbox-mixed--border-color--active:var(\n --theme-checkbox-mixed--border-color--warning--active\n );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}/*!@:host(.ix-warning:hover) button*/.ix-warning.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}/*!@:host(.ix-warning:active) button*/.ix-warning.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}/*!@:host(.ix-warning.checked) button,\n:host(.ix-warning.indeterminate) button*/.ix-warning.checked.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-warning.indeterminate.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}/*!@:host(.ix-warning.checked:hover) button,\n:host(.ix-warning.indeterminate:hover) button*/.ix-warning.checked.sc-ix-checkbox-h:hover button.sc-ix-checkbox,.ix-warning.indeterminate.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}/*!@:host(.ix-warning.checked:active) button,\n:host(.ix-warning.indeterminate:active) button*/.ix-warning.checked.sc-ix-checkbox-h:active button.sc-ix-checkbox,.ix-warning.indeterminate.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}/*!@:host(.ix-warning.disabled) button*/.ix-warning.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host(.ix-warning.checked.disabled) button,\n:host(.ix-warning.indeterminate.disabled) button*/.ix-warning.checked.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-warning.indeterminate.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}/*!@:host(.ix-invalid--required) button*/.ix-invalid--required.sc-ix-checkbox-h button.sc-ix-checkbox{--theme-checkbox-unchecked--background:var(\n --theme-checkbox-unchecked--background--invalid\n );--theme-checkbox-unchecked--background--hover:var(\n --theme-checkbox-unchecked--background--invalid--hover\n );--theme-checkbox-unchecked--background--active:var(\n --theme-checkbox-unchecked--background--invalid--active\n );--theme-checkbox-unchecked--border-color:var(\n --theme-checkbox-unchecked--border-color--invalid\n );--theme-checkbox-unchecked--border-color--hover:var(\n --theme-checkbox-unchecked--border-color--invalid--hover\n );--theme-checkbox-unchecked--border-color--active:var(\n --theme-checkbox-unchecked--border-color--invalid--active\n );--theme-checkbox-checked--background:var(\n --theme-checkbox-checked--background--invalid\n );--theme-checkbox-checked--background--hover:var(\n --theme-checkbox-checked--background--invalid--hover\n );--theme-checkbox-checked--background--active:var(\n --theme-checkbox-checked--background--invalid--active\n );--theme-checkbox-checked--border-color:var(\n --theme-checkbox-checked--border-color--invalid\n );--theme-checkbox-checked--border-color--hover:var(\n --theme-checkbox-checked--border-color--invalid--hover\n );--theme-checkbox-checked--border-color--active:var(\n --theme-checkbox-checked--border-color--invalid--active\n );--theme-checkbox-mixed--background:var(\n --theme-checkbox-mixed--background--invalid\n );--theme-checkbox-mixed--background--hover:var(\n --theme-checkbox-mixed--background--invalid--hover\n );--theme-checkbox-mixed--background--active:var(\n --theme-checkbox-mixed--background--invalid--active\n );--theme-checkbox-mixed--border-color:var(\n --theme-checkbox-mixed--border-color--invalid\n );--theme-checkbox-mixed--border-color--hover:var(\n --theme-checkbox-mixed--border-color--invalid--hover\n );--theme-checkbox-mixed--border-color--active:var(\n --theme-checkbox-mixed--border-color--invalid--active\n );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}/*!@:host(.ix-invalid--required:hover) button*/.ix-invalid--required.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}/*!@:host(.ix-invalid--required:active) button*/.ix-invalid--required.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}/*!@:host(.ix-invalid--required.checked) button,\n:host(.ix-invalid--required.indeterminate) button*/.ix-invalid--required.checked.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-invalid--required.indeterminate.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}/*!@:host(.ix-invalid--required.checked:hover) button,\n:host(.ix-invalid--required.indeterminate:hover) button*/.ix-invalid--required.checked.sc-ix-checkbox-h:hover button.sc-ix-checkbox,.ix-invalid--required.indeterminate.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}/*!@:host(.ix-invalid--required.checked:active) button,\n:host(.ix-invalid--required.indeterminate:active) button*/.ix-invalid--required.checked.sc-ix-checkbox-h:active button.sc-ix-checkbox,.ix-invalid--required.indeterminate.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}/*!@:host(.ix-invalid--required.disabled) button*/.ix-invalid--required.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host(.ix-invalid--required.checked.disabled) button,\n:host(.ix-invalid--required.indeterminate.disabled) button*/.ix-invalid--required.checked.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-invalid--required.indeterminate.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}/*!@:host(.ix-invalid) button*/.ix-invalid.sc-ix-checkbox-h button.sc-ix-checkbox{--theme-checkbox-unchecked--background:var(\n --theme-checkbox-unchecked--background--invalid\n );--theme-checkbox-unchecked--background--hover:var(\n --theme-checkbox-unchecked--background--invalid--hover\n );--theme-checkbox-unchecked--background--active:var(\n --theme-checkbox-unchecked--background--invalid--active\n );--theme-checkbox-unchecked--border-color:var(\n --theme-checkbox-unchecked--border-color--invalid\n );--theme-checkbox-unchecked--border-color--hover:var(\n --theme-checkbox-unchecked--border-color--invalid--hover\n );--theme-checkbox-unchecked--border-color--active:var(\n --theme-checkbox-unchecked--border-color--invalid--active\n );--theme-checkbox-checked--background:var(\n --theme-checkbox-checked--background--invalid\n );--theme-checkbox-checked--background--hover:var(\n --theme-checkbox-checked--background--invalid--hover\n );--theme-checkbox-checked--background--active:var(\n --theme-checkbox-checked--background--invalid--active\n );--theme-checkbox-checked--border-color:var(\n --theme-checkbox-checked--border-color--invalid\n );--theme-checkbox-checked--border-color--hover:var(\n --theme-checkbox-checked--border-color--invalid--hover\n );--theme-checkbox-checked--border-color--active:var(\n --theme-checkbox-checked--border-color--invalid--active\n );--theme-checkbox-mixed--background:var(\n --theme-checkbox-mixed--background--invalid\n );--theme-checkbox-mixed--background--hover:var(\n --theme-checkbox-mixed--background--invalid--hover\n );--theme-checkbox-mixed--background--active:var(\n --theme-checkbox-mixed--background--invalid--active\n );--theme-checkbox-mixed--border-color:var(\n --theme-checkbox-mixed--border-color--invalid\n );--theme-checkbox-mixed--border-color--hover:var(\n --theme-checkbox-mixed--border-color--invalid--hover\n );--theme-checkbox-mixed--border-color--active:var(\n --theme-checkbox-mixed--border-color--invalid--active\n );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}/*!@:host(.ix-invalid:hover) button*/.ix-invalid.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}/*!@:host(.ix-invalid:active) button*/.ix-invalid.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}/*!@:host(.ix-invalid.checked) button,\n:host(.ix-invalid.indeterminate) button*/.ix-invalid.checked.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-invalid.indeterminate.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}/*!@:host(.ix-invalid.checked:hover) button,\n:host(.ix-invalid.indeterminate:hover) button*/.ix-invalid.checked.sc-ix-checkbox-h:hover button.sc-ix-checkbox,.ix-invalid.indeterminate.sc-ix-checkbox-h:hover button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}/*!@:host(.ix-invalid.checked:active) button,\n:host(.ix-invalid.indeterminate:active) button*/.ix-invalid.checked.sc-ix-checkbox-h:active button.sc-ix-checkbox,.ix-invalid.indeterminate.sc-ix-checkbox-h:active button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}/*!@:host(.ix-invalid.disabled) button*/.ix-invalid.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}/*!@:host(.ix-invalid.checked.disabled) button,\n:host(.ix-invalid.indeterminate.disabled) button*/.ix-invalid.checked.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.ix-invalid.indeterminate.disabled.sc-ix-checkbox-h button.sc-ix-checkbox{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}/*!@:host(.disabled)*/.disabled.sc-ix-checkbox-h{pointer-events:none}/*!@:host(.disabled) button,\n:host(.disabled) label,\n:host(.disabled) input*/.disabled.sc-ix-checkbox-h button.sc-ix-checkbox,.disabled.sc-ix-checkbox-h label.sc-ix-checkbox,.disabled.sc-ix-checkbox-h input.sc-ix-checkbox{pointer-events:none}";
|
|
6378
6389
|
var IxCheckboxStyle0 = checkboxCss;
|
|
6379
6390
|
|
|
6380
6391
|
/*
|
|
@@ -6464,13 +6475,13 @@ class Checkbox {
|
|
|
6464
6475
|
}
|
|
6465
6476
|
}
|
|
6466
6477
|
render() {
|
|
6467
|
-
return (hAsync(Host, { key: '
|
|
6478
|
+
return (hAsync(Host, { key: '9f2dfb28e104211b4c74190ce34782e927c359be', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "checkbox", class: {
|
|
6468
6479
|
disabled: this.disabled,
|
|
6469
6480
|
checked: this.checked,
|
|
6470
6481
|
indeterminate: this.indeterminate,
|
|
6471
|
-
} }, hAsync("label", { key: '
|
|
6482
|
+
} }, hAsync("label", { key: 'f5e2ae66239974ec5f91c1898b3c82a8efc06178' }, hAsync("input", { key: '465622f5215ebb9bf62f7d6a44adfd55dbeb251a', "aria-checked": a11yBoolean(this.checked), disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), hAsync("button", { key: '3e16d5cb70ecdb1c46f3ec05d87708dce31cc32a', disabled: this.disabled, class: {
|
|
6472
6483
|
checked: this.checked,
|
|
6473
|
-
}, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), hAsync("ix-typography", { key: '
|
|
6484
|
+
}, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), hAsync("ix-typography", { key: 'a525f43a85e83bb23ddb204afa2b5600a0441c2d', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '531c5b1a6bb0748e59e378c898de733cc13da0c5' })))));
|
|
6474
6485
|
}
|
|
6475
6486
|
static get formAssociated() { return true; }
|
|
6476
6487
|
get hostElement() { return getElement(this); }
|
|
@@ -6542,10 +6553,10 @@ class CheckboxGroup {
|
|
|
6542
6553
|
this.isWarning = isWarning;
|
|
6543
6554
|
}
|
|
6544
6555
|
render() {
|
|
6545
|
-
return (hAsync(Host, { key: '
|
|
6556
|
+
return (hAsync(Host, { key: '27aee735ce40e2c2f3b019afad6a44ed1029c2c6' }, hAsync("ix-field-wrapper", { key: '70b0666837cc8ed83defc9844cc58003f489a22e', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning }, hAsync("div", { key: '59485040ff9509b58b7bd8f7f50e53970585ffb5', class: {
|
|
6546
6557
|
'checkbox-container': true,
|
|
6547
6558
|
'row-layout': this.direction === 'row',
|
|
6548
|
-
} }, hAsync("slot", { key: '
|
|
6559
|
+
} }, hAsync("slot", { key: 'af5f7db97a6efec492299336428bbb9ded00fbca' })))));
|
|
6549
6560
|
}
|
|
6550
6561
|
get hostElement() { return getElement(this); }
|
|
6551
6562
|
static get style() { return IxCheckboxGroupStyle0; }
|
|
@@ -6612,11 +6623,11 @@ class Chip {
|
|
|
6612
6623
|
[this.outline ? 'borderColor' : 'backgroundColor']: this.background,
|
|
6613
6624
|
};
|
|
6614
6625
|
}
|
|
6615
|
-
return (hAsync(Host, { key: '
|
|
6626
|
+
return (hAsync(Host, { key: '8828e86173edb2fd394b6ef3f3ad72e6f195357d', tabIndex: "-1", title: this.hostElement.textContent, style: this.variant === 'custom'
|
|
6616
6627
|
? {
|
|
6617
6628
|
'--ix-icon-button-color': (_b = this.chipColor) !== null && _b !== void 0 ? _b : this.color,
|
|
6618
6629
|
}
|
|
6619
|
-
: {} }, hAsync("div", { key: '
|
|
6630
|
+
: {} }, hAsync("div", { key: '4260ced6a9b756468acb9806474c2035b98e9dcc', style: Object.assign({}, customStyle), class: {
|
|
6620
6631
|
container: true,
|
|
6621
6632
|
outline: this.outline,
|
|
6622
6633
|
inactive: isInactive,
|
|
@@ -6630,12 +6641,12 @@ class Chip {
|
|
|
6630
6641
|
custom: this.variant === 'custom',
|
|
6631
6642
|
closable: this.closable,
|
|
6632
6643
|
icon: !!this.icon,
|
|
6633
|
-
} }, hAsync("ix-icon", { key: '
|
|
6644
|
+
} }, hAsync("ix-icon", { key: '561bdadfa0eda55b25ac61788417fd7545652d46', class: {
|
|
6634
6645
|
'with-icon': true,
|
|
6635
6646
|
hidden: !this.icon,
|
|
6636
|
-
}, name: this.icon, size: '24' }), hAsync("span", { key: '
|
|
6647
|
+
}, name: this.icon, size: '24' }), hAsync("span", { key: '6b4454a2e6bd160923c89382c8da334e27f6f2df', class: "slot-container" }, hAsync("slot", { key: 'a18be9b41aa18f17343586fed0e4f31bbe1037c5' })), isInactive === false && this.closable ? this.getCloseButton() : null)));
|
|
6637
6648
|
}
|
|
6638
|
-
get
|
|
6649
|
+
get hostElement() { return getElement(this); }
|
|
6639
6650
|
static get style() { return IxChipStyle0; }
|
|
6640
6651
|
static get cmpMeta() { return {
|
|
6641
6652
|
"$flags$": 9,
|
|
@@ -6755,12 +6766,12 @@ class Content {
|
|
|
6755
6766
|
return this.hostElement.shadowRoot.querySelector('.content-header slot');
|
|
6756
6767
|
}
|
|
6757
6768
|
render() {
|
|
6758
|
-
return (hAsync(Host, { key: '
|
|
6769
|
+
return (hAsync(Host, { key: '5ff3dde4c94bd5f40598a6b8fc9043ab2755c9a7' }, hAsync("div", { key: 'cb2d5d8d011649e5f2cb67d8b7857b7bd096ca44', class: {
|
|
6759
6770
|
'content-header': true,
|
|
6760
6771
|
slotted: this.isContentHeaderSlotted,
|
|
6761
|
-
} }, hAsync("slot", { key: '
|
|
6772
|
+
} }, hAsync("slot", { key: '1a0c6b612ff4364e6bdd10b15745160925b61efd', name: "header", onSlotchange: () => {
|
|
6762
6773
|
this.isContentHeaderSlotted = hasSlottedElements(this.contentHeaderSlot);
|
|
6763
|
-
} })), hAsync("div", { key: '
|
|
6774
|
+
} })), hAsync("div", { key: '5eabaf6bcd0c33d982bd1b88862873383b58fae6', class: "content" }, hAsync("slot", { key: '25fa713021e9c01c08282da185c2fc14b6d06b3f' }))));
|
|
6764
6775
|
}
|
|
6765
6776
|
get hostElement() { return getElement(this); }
|
|
6766
6777
|
static get style() { return IxContentStyle0; }
|
|
@@ -6928,7 +6939,7 @@ class CssGridItem {
|
|
|
6928
6939
|
render() {
|
|
6929
6940
|
const style = {};
|
|
6930
6941
|
style['grid-area'] = this.itemName;
|
|
6931
|
-
return (hAsync(Host, { key: '
|
|
6942
|
+
return (hAsync(Host, { key: 'bc5b71e095a35738800e7b95baca2c4a7874205e', style: style }, hAsync("slot", { key: 'dd2a9bc3a5eecc1d539820a72dd9de51e5466923' })));
|
|
6932
6943
|
}
|
|
6933
6944
|
static get style() { return IxCssGridItemStyle0; }
|
|
6934
6945
|
static get cmpMeta() { return {
|
|
@@ -6990,7 +7001,7 @@ class CustomField {
|
|
|
6990
7001
|
this.isWarning = isWarning;
|
|
6991
7002
|
}
|
|
6992
7003
|
render() {
|
|
6993
|
-
return (hAsync(Host, { key: '
|
|
7004
|
+
return (hAsync(Host, { key: 'bb181d52fe217d477896a57dec475edcc6b6e5df' }, hAsync("ix-field-wrapper", { key: '3a164633b9955fbd86efefdaa9926b61dc45d39f', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, hAsync("slot", { key: 'd9b814b0f59dbc837443826bb5513172aba0b0a3' }))));
|
|
6994
7005
|
}
|
|
6995
7006
|
get hostElement() { return getElement(this); }
|
|
6996
7007
|
static get style() { return IxCustomFieldStyle0; }
|
|
@@ -15348,6 +15359,10 @@ class DateDropdown {
|
|
|
15348
15359
|
this.minDate = '';
|
|
15349
15360
|
this.maxDate = '';
|
|
15350
15361
|
this.dateRangeId = 'custom';
|
|
15362
|
+
this.variant = 'primary';
|
|
15363
|
+
this.outline = false;
|
|
15364
|
+
this.ghost = false;
|
|
15365
|
+
this.loading = false;
|
|
15351
15366
|
this.customRangeAllowed = true;
|
|
15352
15367
|
this.dateRangeOptions = [];
|
|
15353
15368
|
this.locale = undefined;
|
|
@@ -15356,7 +15371,7 @@ class DateDropdown {
|
|
|
15356
15371
|
this.i18nDone = 'Done';
|
|
15357
15372
|
this.i18nNoRange = 'No range set';
|
|
15358
15373
|
this.today = DateTime_1.now().toISO();
|
|
15359
|
-
this.selectedDateRangeId =
|
|
15374
|
+
this.selectedDateRangeId = '';
|
|
15360
15375
|
this.currentRangeValue = undefined;
|
|
15361
15376
|
}
|
|
15362
15377
|
onDateRangeIdChange() {
|
|
@@ -15465,21 +15480,21 @@ class DateDropdown {
|
|
|
15465
15480
|
}
|
|
15466
15481
|
render() {
|
|
15467
15482
|
var _a, _b, _c;
|
|
15468
|
-
return (hAsync(Host, { key: '
|
|
15483
|
+
return (hAsync(Host, { key: 'b4d969756a441b41db705ed2e0e3c869923df58a' }, hAsync("ix-button", { key: 'aa79503137737514e6c3ff00a89beebdc6020600', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, ghost: this.ghost, outline: this.outline, loading: this.loading, icon: "history", ref: this.triggerRef, disabled: this.disabled }, this.getButtonLabel()), hAsync("ix-dropdown", { key: 'e812b148194e5c0d28137b1f9acae0be678c37da', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
|
|
15469
15484
|
if (!show &&
|
|
15470
15485
|
this.selectedDateRangeId === 'custom' &&
|
|
15471
15486
|
this.datePickerTouched &&
|
|
15472
15487
|
this.currentRangeValue) {
|
|
15473
15488
|
this.onDateSelect(this.currentRangeValue);
|
|
15474
15489
|
}
|
|
15475
|
-
} }, hAsync("ix-layout-grid", { key: '
|
|
15490
|
+
} }, hAsync("ix-layout-grid", { key: 'bd671f13b233e9286a707895622c77350b54f993', "no-margin": "true" }, hAsync("ix-row", { key: 'f4f88f2b7c70afc88968aa3ccaf635dc5d011c09' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (hAsync("ix-col", { key: '4509fe366560787efcef157279900475640a7d1c', class: {
|
|
15476
15491
|
'no-margin': true,
|
|
15477
15492
|
'border-right': this.selectedDateRangeId === 'custom',
|
|
15478
|
-
} }, this.dateRangeOptions.map((dateRangeOption) => (hAsync("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), hAsync("div", { key: '
|
|
15493
|
+
} }, this.dateRangeOptions.map((dateRangeOption) => (hAsync("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), hAsync("div", { key: '25ebfe04bab64152ce9c901a7899e95964891b8a', hidden: !this.customRangeAllowed }, hAsync("ix-dropdown-item", { key: '9ea2297749b7c20743e592129e3c03a6c96ae3dc', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), hAsync("ix-col", { key: 'de1b089479091b6daf75a3c575dbfc14b378b808', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (hAsync(Fragment, { key: 'ff476d3ea38df74580130098b3ae1a46b2e4f99c' }, hAsync("ix-date-picker", { key: 'b45fba5a5fdf01f2bdbe774f1123012b98eeb2ab', standaloneAppearance: false, locale: this.locale, onDateChange: (e) => {
|
|
15479
15494
|
e.stopPropagation();
|
|
15480
15495
|
this.currentRangeValue = Object.assign(Object.assign({}, e.detail), { id: 'custom' });
|
|
15481
15496
|
this.datePickerTouched = true;
|
|
15482
|
-
}, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, range: this.range, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex }), hAsync("div", { key: '
|
|
15497
|
+
}, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, range: this.range, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex }), hAsync("div", { key: '66e6a835d23b3308df952ad924fc8a095893a9e9', class: "pull-right" }, hAsync("ix-button", { key: 'facd509b601f962bcca5e8363320ce392dd9e582', onClick: () => {
|
|
15483
15498
|
if (this.currentRangeValue) {
|
|
15484
15499
|
this.onDateSelect(this.currentRangeValue);
|
|
15485
15500
|
}
|
|
@@ -15506,6 +15521,10 @@ class DateDropdown {
|
|
|
15506
15521
|
"minDate": [1, "min-date"],
|
|
15507
15522
|
"maxDate": [1, "max-date"],
|
|
15508
15523
|
"dateRangeId": [1, "date-range-id"],
|
|
15524
|
+
"variant": [1],
|
|
15525
|
+
"outline": [4],
|
|
15526
|
+
"ghost": [4],
|
|
15527
|
+
"loading": [4],
|
|
15509
15528
|
"customRangeAllowed": [4, "custom-range-allowed"],
|
|
15510
15529
|
"dateRangeOptions": [16],
|
|
15511
15530
|
"locale": [1],
|
|
@@ -15821,7 +15840,7 @@ async function checkInternalValidity(comp, input) {
|
|
|
15821
15840
|
return;
|
|
15822
15841
|
}
|
|
15823
15842
|
const { valid } = validityState;
|
|
15824
|
-
comp.hostElement.classList.toggle('ix-invalid', !valid);
|
|
15843
|
+
comp.hostElement.classList.toggle('ix-invalid--validity-invalid', !valid);
|
|
15825
15844
|
}
|
|
15826
15845
|
function onInputBlur(comp, input) {
|
|
15827
15846
|
comp.ixBlur.emit();
|
|
@@ -15876,8 +15895,31 @@ function getAriaAttributesForInput(component) {
|
|
|
15876
15895
|
}
|
|
15877
15896
|
return inputAria;
|
|
15878
15897
|
}
|
|
15898
|
+
const addDisposableChangesAndVisibilityObservers = (element, callback) => {
|
|
15899
|
+
const intersectionObserver = observeElementUntilVisible(element, callback);
|
|
15900
|
+
const mutationObserver = createMutationObserver(callback);
|
|
15901
|
+
mutationObserver.observe(element, {
|
|
15902
|
+
subtree: true,
|
|
15903
|
+
attributes: true,
|
|
15904
|
+
});
|
|
15905
|
+
return () => {
|
|
15906
|
+
intersectionObserver.disconnect();
|
|
15907
|
+
mutationObserver.disconnect();
|
|
15908
|
+
};
|
|
15909
|
+
};
|
|
15910
|
+
function observeElementUntilVisible(hostElement, updateCallback) {
|
|
15911
|
+
const intersectionObserver = new IntersectionObserver((entries) => {
|
|
15912
|
+
entries.forEach((entry) => {
|
|
15913
|
+
if (entry.isIntersecting) {
|
|
15914
|
+
updateCallback();
|
|
15915
|
+
}
|
|
15916
|
+
});
|
|
15917
|
+
});
|
|
15918
|
+
intersectionObserver.observe(hostElement);
|
|
15919
|
+
return intersectionObserver;
|
|
15920
|
+
}
|
|
15879
15921
|
|
|
15880
|
-
const dateInputCss = "/*!@label*/label.sc-ix-date-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-date-input{padding:6px 0px}/*!@input*/input.sc-ix-date-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-date-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-date-input:-webkit-autofill,input.sc-ix-date-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-date-input,input.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-date-input::-moz-placeholder,input.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-date-input::placeholder,input.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-date-input:disabled,input.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-date-input:disabled::-moz-placeholder,input.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-date-input:disabled::placeholder,input.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-date-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-date-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-date-input{padding:0.375rem 1.25rem 0.375rem 0.5rem}/*!@textarea*/textarea.sc-ix-date-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-date-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-date-input:-webkit-autofill,textarea.sc-ix-date-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-date-input,textarea.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-date-input::-moz-placeholder,textarea.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-date-input::placeholder,textarea.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-date-input:disabled,textarea.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-date-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-date-input:disabled::placeholder,textarea.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,input.sc-ix-date-input~.valid-feedback.sc-ix-date-input,input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.valid-feedback.sc-ix-date-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-date-input:not(.was-validated) .invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not(.was-validated) .valid-feedback.sc-ix-date-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@label*/label.sc-ix-date-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-date-input{padding:6px 0px}/*!@input*/input.sc-ix-date-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-date-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-date-input:-webkit-autofill,input.sc-ix-date-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-date-input,input.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-date-input::-moz-placeholder,input.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-date-input::placeholder,input.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-date-input:disabled,input.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-date-input:disabled::-moz-placeholder,input.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-date-input:disabled::placeholder,input.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-date-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-date-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-date-input{padding:0.375rem 1.25rem 0.375rem 0.5rem}/*!@textarea*/textarea.sc-ix-date-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-date-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-date-input:-webkit-autofill,textarea.sc-ix-date-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-date-input,textarea.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-date-input::-moz-placeholder,textarea.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-date-input::placeholder,textarea.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-date-input:disabled,textarea.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-date-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-date-input:disabled::placeholder,textarea.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,input.sc-ix-date-input~.valid-feedback.sc-ix-date-input,input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.valid-feedback.sc-ix-date-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-date-input:not(.was-validated) .invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not(.was-validated) .valid-feedback.sc-ix-date-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-date-input-h{display:inline-block;position:relative;width:auto}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-date-input-h *.sc-ix-date-input,.sc-ix-date-input-h *.sc-ix-date-input::after,.sc-ix-date-input-h *.sc-ix-date-input::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-date-input-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-corner{display:none}/*!@:host .input-wrapper*/.sc-ix-date-input-h .input-wrapper.sc-ix-date-input{display:flex;position:relative;align-items:center;width:100%;height:100%}/*!@:host input*/.sc-ix-date-input-h input.sc-ix-date-input{width:100%;height:100%}/*!@:host .start-container,\n:host .end-container*/.sc-ix-date-input-h .start-container.sc-ix-date-input,.sc-ix-date-input-h .end-container.sc-ix-date-input{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}/*!@:host .start-container*/.sc-ix-date-input-h .start-container.sc-ix-date-input{left:0}/*!@:host .end-container*/.sc-ix-date-input-h .end-container.sc-ix-date-input{right:0}/*!@:host .start-container ::slotted(*)*/.sc-ix-date-input-h .start-container .sc-ix-date-input-s>*{margin-left:0.5rem}/*!@:host .start-container ::slotted(ix-icon.size-24),\n:host .start-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-date-input-h .start-container .sc-ix-date-input-s>ix-icon.size-24,.sc-ix-date-input-h .start-container.sc-ix-date-input-s>ix-icon-button.btn-icon-16,.sc-ix-date-input-h .start-container .sc-ix-date-input-s>ix-icon-button.btn-icon-16{margin-left:0.25rem}/*!@:host .start-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-date-input-h .start-container .sc-ix-date-input-s>ix-icon-button.btn-icon-32{margin-left:0}/*!@:host .end-container ::slotted(*)*/.sc-ix-date-input-h .end-container .sc-ix-date-input-s>*{margin-right:0.5rem}/*!@:host .end-container ::slotted(ix-icon.size-24),\n:host .end-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-date-input-h .end-container .sc-ix-date-input-s>ix-icon.size-24,.sc-ix-date-input-h .end-container.sc-ix-date-input-s>ix-icon-button.btn-icon-16,.sc-ix-date-input-h .end-container .sc-ix-date-input-s>ix-icon-button.btn-icon-16{margin-right:0.25rem}/*!@:host .end-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-date-input-h .end-container .sc-ix-date-input-s>ix-icon-button.btn-icon-32{margin-right:0}/*!@:host .bottom-text*/.sc-ix-date-input-h .bottom-text.sc-ix-date-input{margin-top:0.25rem;margin-bottom:0.25rem}/*!@:host(.disabled)*/.disabled.sc-ix-date-input-h{pointer-events:none}/*!@:host(.disabled) input,\n:host(.disabled) textarea*/.disabled.sc-ix-date-input-h input.sc-ix-date-input,.disabled.sc-ix-date-input-h textarea.sc-ix-date-input{pointer-events:none}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input*/.ix-info.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-info.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-info.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input*/.ix-warning.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-warning.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-warning.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input*/[class*=ix-invalid].sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input,.ix-invalid--required.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover*/[class*=ix-invalid].sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover,.ix-invalid--required.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active*/[class*=ix-invalid].sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active,.ix-invalid--required.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-date-input-h{display:inline-block;position:relative}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-date-input-h *.sc-ix-date-input,.sc-ix-date-input-h *.sc-ix-date-input::after,.sc-ix-date-input-h *.sc-ix-date-input::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-date-input-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-corner{display:none}/*!@:host input*/.sc-ix-date-input-h input.sc-ix-date-input{width:100%;height:100%}/*!@:host .calendar-hidden*/.sc-ix-date-input-h .calendar-hidden.sc-ix-date-input{display:none}/*!@:host(.readonly) input*/.readonly.sc-ix-date-input-h input.sc-ix-date-input{pointer-events:none}";
|
|
15922
|
+
const dateInputCss = "/*!@label*/label.sc-ix-date-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-date-input{padding:6px 0px}/*!@input*/input.sc-ix-date-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-date-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-date-input:-webkit-autofill,input.sc-ix-date-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-date-input,input.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-date-input::-moz-placeholder,input.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-date-input::placeholder,input.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-date-input:disabled,input.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-date-input:disabled::-moz-placeholder,input.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-date-input:disabled::placeholder,input.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-date-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-date-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-date-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-date-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-date-input:-webkit-autofill,textarea.sc-ix-date-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-date-input,textarea.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-date-input::-moz-placeholder,textarea.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-date-input::placeholder,textarea.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-date-input:disabled,textarea.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-date-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-date-input:disabled::placeholder,textarea.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@textarea*/textarea.sc-ix-date-input{padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,input.sc-ix-date-input~.valid-feedback.sc-ix-date-input,input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.valid-feedback.sc-ix-date-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-date-input:not(.was-validated) .invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not(.was-validated) .valid-feedback.sc-ix-date-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@label*/label.sc-ix-date-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-date-input{padding:6px 0px}/*!@input*/input.sc-ix-date-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-date-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-date-input:-webkit-autofill,input.sc-ix-date-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-date-input,input.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-date-input::-moz-placeholder,input.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-date-input::placeholder,input.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-date-input:disabled,input.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-date-input:disabled::-moz-placeholder,input.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-date-input:disabled::placeholder,input.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-date-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-date-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-date-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-date-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-date-input:-webkit-autofill,textarea.sc-ix-date-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-date-input,textarea.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-date-input::-moz-placeholder,textarea.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-date-input::placeholder,textarea.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-date-input:disabled,textarea.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-date-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-date-input:disabled::placeholder,textarea.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@textarea*/textarea.sc-ix-date-input{padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,input.sc-ix-date-input~.valid-feedback.sc-ix-date-input,input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.valid-feedback.sc-ix-date-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-date-input:not(.was-validated) .invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not(.was-validated) .valid-feedback.sc-ix-date-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-date-input-h{display:inline-block;position:relative;width:auto}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-date-input-h *.sc-ix-date-input,.sc-ix-date-input-h *.sc-ix-date-input::after,.sc-ix-date-input-h *.sc-ix-date-input::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-date-input-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-corner{display:none}/*!@:host .input-wrapper*/.sc-ix-date-input-h .input-wrapper.sc-ix-date-input{display:flex;position:relative;align-items:center;width:100%;height:100%}/*!@:host input*/.sc-ix-date-input-h input.sc-ix-date-input{width:100%;height:100%}/*!@:host .start-container,\n:host .end-container*/.sc-ix-date-input-h .start-container.sc-ix-date-input,.sc-ix-date-input-h .end-container.sc-ix-date-input{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}/*!@:host .start-container*/.sc-ix-date-input-h .start-container.sc-ix-date-input{left:0}/*!@:host .end-container*/.sc-ix-date-input-h .end-container.sc-ix-date-input{right:0}/*!@:host .start-container ::slotted(*)*/.sc-ix-date-input-h .start-container .sc-ix-date-input-s>*{margin-left:0.5rem}/*!@:host .start-container ::slotted(ix-icon.size-24),\n:host .start-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-date-input-h .start-container .sc-ix-date-input-s>ix-icon.size-24,.sc-ix-date-input-h .start-container.sc-ix-date-input-s>ix-icon-button.btn-icon-16,.sc-ix-date-input-h .start-container .sc-ix-date-input-s>ix-icon-button.btn-icon-16{margin-left:0.25rem}/*!@:host .start-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-date-input-h .start-container .sc-ix-date-input-s>ix-icon-button.btn-icon-32{margin-left:0}/*!@:host .end-container ::slotted(*)*/.sc-ix-date-input-h .end-container .sc-ix-date-input-s>*{margin-right:0.5rem}/*!@:host .end-container ::slotted(ix-icon.size-24),\n:host .end-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-date-input-h .end-container .sc-ix-date-input-s>ix-icon.size-24,.sc-ix-date-input-h .end-container.sc-ix-date-input-s>ix-icon-button.btn-icon-16,.sc-ix-date-input-h .end-container .sc-ix-date-input-s>ix-icon-button.btn-icon-16{margin-right:0.25rem}/*!@:host .end-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-date-input-h .end-container .sc-ix-date-input-s>ix-icon-button.btn-icon-32{margin-right:0}/*!@:host .bottom-text*/.sc-ix-date-input-h .bottom-text.sc-ix-date-input{margin-top:0.25rem;margin-bottom:0.25rem}/*!@:host(.disabled)*/.disabled.sc-ix-date-input-h{pointer-events:none}/*!@:host(.disabled) input,\n:host(.disabled) textarea*/.disabled.sc-ix-date-input-h input.sc-ix-date-input,.disabled.sc-ix-date-input-h textarea.sc-ix-date-input{pointer-events:none}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input*/.ix-info.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-info.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-info.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input*/.ix-warning.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-warning.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-warning.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input*/[class*=ix-invalid].sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input,.ix-invalid--required.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover*/[class*=ix-invalid].sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover,.ix-invalid--required.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active*/[class*=ix-invalid].sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active,.ix-invalid--required.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-date-input-h{display:inline-block;position:relative}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-date-input-h *.sc-ix-date-input,.sc-ix-date-input-h *.sc-ix-date-input::after,.sc-ix-date-input-h *.sc-ix-date-input::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-date-input-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-corner{display:none}/*!@:host input*/.sc-ix-date-input-h input.sc-ix-date-input{width:100%;height:100%}/*!@:host .calendar-hidden*/.sc-ix-date-input-h .calendar-hidden.sc-ix-date-input{display:none}/*!@:host(.readonly) input*/.readonly.sc-ix-date-input-h input.sc-ix-date-input{pointer-events:none}";
|
|
15881
15923
|
var IxDateInputStyle0 = dateInputCss;
|
|
15882
15924
|
|
|
15883
15925
|
/*
|
|
@@ -15954,6 +15996,8 @@ class DateInput {
|
|
|
15954
15996
|
}
|
|
15955
15997
|
connectedCallback() {
|
|
15956
15998
|
this.classObserver = createClassMutationObserver(this.hostElement, () => this.checkClassList());
|
|
15999
|
+
this.disposableChangesAndVisibilityObservers =
|
|
16000
|
+
addDisposableChangesAndVisibilityObservers(this.hostElement, this.updatePaddings.bind(this));
|
|
15957
16001
|
}
|
|
15958
16002
|
componentWillLoad() {
|
|
15959
16003
|
this.onInput(this.value);
|
|
@@ -15966,16 +16010,13 @@ class DateInput {
|
|
|
15966
16010
|
this.checkClassList();
|
|
15967
16011
|
this.updateFormInternalValue(this.value);
|
|
15968
16012
|
}
|
|
15969
|
-
componentDidRender() {
|
|
15970
|
-
this.updatePaddings();
|
|
15971
|
-
}
|
|
15972
16013
|
updatePaddings() {
|
|
15973
16014
|
adjustPaddingForStartAndEnd(this.slotStartRef.current, this.slotEndRef.current, this.inputElementRef.current);
|
|
15974
16015
|
}
|
|
15975
16016
|
disconnectedCallback() {
|
|
15976
|
-
|
|
15977
|
-
|
|
15978
|
-
|
|
16017
|
+
var _a, _b;
|
|
16018
|
+
(_a = this.classObserver) === null || _a === void 0 ? void 0 : _a.destroy();
|
|
16019
|
+
(_b = this.disposableChangesAndVisibilityObservers) === null || _b === void 0 ? void 0 : _b.call(this);
|
|
15979
16020
|
}
|
|
15980
16021
|
watchValue() {
|
|
15981
16022
|
this.from = this.value;
|
|
@@ -16109,12 +16150,12 @@ class DateInput {
|
|
|
16109
16150
|
const invalidText = this.isInputInvalid
|
|
16110
16151
|
? this.i18nErrorDateUnparsable
|
|
16111
16152
|
: this.invalidText;
|
|
16112
|
-
return (hAsync(Host, { key: '
|
|
16153
|
+
return (hAsync(Host, { key: '06cbbfe78b4ca05d37804b38e88dd2255c4ca096', class: {
|
|
16113
16154
|
disabled: this.disabled,
|
|
16114
16155
|
readonly: this.readonly,
|
|
16115
|
-
} }, hAsync("ix-field-wrapper", { key: '
|
|
16156
|
+
} }, hAsync("ix-field-wrapper", { key: '9f87f71a0b3fc6c6d269a5efbd2b44ef36a44d1f', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: 'b579d26bf119985c0312e7265fc65907af5fd526', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
|
|
16116
16157
|
this.show = event.detail;
|
|
16117
|
-
} }, hAsync("ix-date-picker", { key: '
|
|
16158
|
+
} }, hAsync("ix-date-picker", { key: '171da21a0ede7293e7f0d6504cdd7ca01e9348db', ref: this.datepickerRef, format: this.format, locale: this.locale, range: false, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', onDateChange: (event) => {
|
|
16118
16159
|
const { from } = event.detail;
|
|
16119
16160
|
this.onInput(from);
|
|
16120
16161
|
} }))));
|
|
@@ -16687,7 +16728,7 @@ class DatePicker {
|
|
|
16687
16728
|
return rows;
|
|
16688
16729
|
}
|
|
16689
16730
|
render() {
|
|
16690
|
-
return (hAsync(Host, { key: '
|
|
16731
|
+
return (hAsync(Host, { key: '34957ec511cc0a41d7e7ae08a79280a6b6f5ab72' }, hAsync("ix-date-time-card", { key: 'b27d27dafa3754ecdd8a15bf948b5f644e65589d', corners: this.corners, standaloneAppearance: this.standaloneAppearance }, hAsync("div", { key: '21d5f001174508d2875d5f3e798489dcdf451fa2', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: 'bb777361d69512da5f127ebc4c27d350c64ae856', onClick: () => this.changeToAdjacentMonth(-1), ghost: true, icon: iconChevronLeftSmall, variant: "primary", class: "arrows" }), hAsync("div", { key: '7a97d501eaaa67083eb180cc794cd055e6339de8', class: "selector" }, hAsync("ix-button", { key: 'a29f38f7bb4205fa26978d6ac6a2447a7b3875c5', ghost: true, ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: '1c6e30c6de3d3b8b400f95c8ec23e6888edcec61', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: '26945c2f0dc2211fb7962e21a94d0ccf3616bfcd', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: '27283ca89562f55da01225d9374f9a1ae2796c76', class: "wrapper" }, hAsync("div", { key: '5e2f6c7e6071387f4e46805f7a7c22a84266cf4a', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: 'd3ac3fdc808b908cbcc9f67cb153b38583cf38d5', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (hAsync("div", { key: month, ref: (ref) => {
|
|
16691
16732
|
if (month === this.monthNames[0]) {
|
|
16692
16733
|
this.firstMonthRef(ref);
|
|
16693
16734
|
}
|
|
@@ -16701,7 +16742,7 @@ class DatePicker {
|
|
|
16701
16742
|
hidden: this.tempYear !== this.selectedYear ||
|
|
16702
16743
|
this.tempMonth !== index,
|
|
16703
16744
|
checkPosition: true,
|
|
16704
|
-
}, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: '
|
|
16745
|
+
}, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: '7cf66dfb80c949f2c2b41a9cfab3acbb55bf65d0', onClick: () => this.changeToAdjacentMonth(1), ghost: true, icon: iconChevronRightSmall, variant: "primary", class: "arrows" })), hAsync("div", { key: 'ab3448fc6e29904a9ea213fd740a0b7a014306f6', class: "grid" }, hAsync("div", { key: '6e484fb6e66d10c2783bd17b86b3f05ff6906780', class: "calendar-item week-day" }), this.dayNames.map((name) => (hAsync("div", { key: name, class: "calendar-item week-day" }, hAsync("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
|
|
16705
16746
|
return (hAsync(Fragment, null, hAsync("div", { class: "calendar-item week-number" }, week.weekNumber), week.dayNumbers.map((day) => {
|
|
16706
16747
|
return day ? (hAsync("div", { key: day, id: `day-cell-${day}`, "date-calender-day": true, class: this.getDayClasses(day), onClick: (e) => {
|
|
16707
16748
|
const target = e.currentTarget;
|
|
@@ -16713,10 +16754,10 @@ class DatePicker {
|
|
|
16713
16754
|
}
|
|
16714
16755
|
}, tabIndex: day === this.focusedDay ? 0 : -1, onFocus: () => this.onDayFocus(), onBlur: () => this.onDayBlur() }, day)) : (hAsync("div", null));
|
|
16715
16756
|
})));
|
|
16716
|
-
})), hAsync("div", { key: '
|
|
16757
|
+
})), hAsync("div", { key: '00ac06be627221297891c1dae0dbca405fd40f54', class: {
|
|
16717
16758
|
button: true,
|
|
16718
16759
|
hidden: !this.range || !this.standaloneAppearance,
|
|
16719
|
-
} }, hAsync("ix-button", { key: '
|
|
16760
|
+
} }, hAsync("ix-button", { key: '765c1b42c4654619877d6e948f5f3cbacf607deb', onClick: () => this.onDone() }, this.textSelectDate || this.i18nDone)))));
|
|
16720
16761
|
}
|
|
16721
16762
|
get hostElement() { return getElement(this); }
|
|
16722
16763
|
static get watchers() { return {
|
|
@@ -16903,7 +16944,7 @@ class Divider {
|
|
|
16903
16944
|
registerInstance(this, hostRef);
|
|
16904
16945
|
}
|
|
16905
16946
|
render() {
|
|
16906
|
-
return hAsync(Host, { key: '
|
|
16947
|
+
return hAsync(Host, { key: '0312482e071d26e01d683fe2f2500cf1748bc2e0' });
|
|
16907
16948
|
}
|
|
16908
16949
|
static get style() { return IxDividerStyle0; }
|
|
16909
16950
|
static get cmpMeta() { return {
|
|
@@ -17004,7 +17045,7 @@ class Drawer {
|
|
|
17004
17045
|
this.onShowChanged(this.show);
|
|
17005
17046
|
}
|
|
17006
17047
|
render() {
|
|
17007
|
-
return (hAsync(Host, { key: '
|
|
17048
|
+
return (hAsync(Host, { key: 'ac728baf67cce06aa8c7e32d94260bb19f3ae975', class: {
|
|
17008
17049
|
'drawer-container': true,
|
|
17009
17050
|
toggle: this.show,
|
|
17010
17051
|
'd-none': true,
|
|
@@ -17013,7 +17054,7 @@ class Drawer {
|
|
|
17013
17054
|
'min-width': `${this.minWidth}rem`,
|
|
17014
17055
|
'max-width': `${this.maxWidth}rem`,
|
|
17015
17056
|
height: this.fullHeight ? '100%' : 'auto',
|
|
17016
|
-
}, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '
|
|
17057
|
+
}, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '6e231cce941e71ef047928887a33adb0132d8445', class: "header" }, hAsync("div", { key: 'f2402cca887c5e7fa9683238c88c7897b8ea44aa', class: "header-content" }, hAsync("slot", { key: '53094fefd525653955888a23319c647bc0a3417e', name: "header" })), hAsync("ix-icon-button", { key: '14ec5affe35d226ddc9d9a680aa6f0311283ff67', class: "close-button", icon: 'close', size: "24", ghost: true, onClick: () => this.onCloseClicked(), "data-testid": "close-button" })), hAsync("div", { key: 'd745b2cf4231cca34751c60e9694fc285cfd84a3', class: "content" }, hAsync("slot", { key: '1137f322e50760060a0b468ceae8fdcc8078d1f2' }))));
|
|
17017
17058
|
}
|
|
17018
17059
|
static get watchers() { return {
|
|
17019
17060
|
"show": ["onShowChanged"]
|
|
@@ -19518,7 +19559,7 @@ class Dropdown {
|
|
|
19518
19559
|
this.applyDropdownPosition();
|
|
19519
19560
|
}
|
|
19520
19561
|
render() {
|
|
19521
|
-
return (hAsync(Host, { key: '
|
|
19562
|
+
return (hAsync(Host, { key: '8ccd91cbff6fc3cfe77c369d6ee2ad5464df461c', "data-ix-dropdown": this.localUId, class: {
|
|
19522
19563
|
'dropdown-menu': true,
|
|
19523
19564
|
show: this.show,
|
|
19524
19565
|
overflow: !this.suppressOverflowBehavior,
|
|
@@ -19526,7 +19567,7 @@ class Dropdown {
|
|
|
19526
19567
|
margin: '0',
|
|
19527
19568
|
minWidth: '0px',
|
|
19528
19569
|
position: this.positioningStrategy,
|
|
19529
|
-
}, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: '
|
|
19570
|
+
}, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: '80073881481da6170c687826f15f9dce0c457772', style: { display: 'contents' } }, this.header && hAsync("div", { key: '40c656a8faf9685aaf4cd3145201e3a2be43f49e', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: 'f0a946a7223b1246ada013e6204adba613a0f758' }))));
|
|
19530
19571
|
}
|
|
19531
19572
|
get hostElement() { return getElement(this); }
|
|
19532
19573
|
static get watchers() { return {
|
|
@@ -19628,7 +19669,7 @@ class DropdownHeader {
|
|
|
19628
19669
|
this.label = undefined;
|
|
19629
19670
|
}
|
|
19630
19671
|
render() {
|
|
19631
|
-
return (hAsync(Host, { key: '
|
|
19672
|
+
return (hAsync(Host, { key: '0e1242771eaad701539d47e6953308d3d8fb2d77' }, hAsync("ix-typography", { key: 'b8e5875946afbd41ebff44cf304e7652141c655b', class: 'category-text', format: 'h5' }, this.label)));
|
|
19632
19673
|
}
|
|
19633
19674
|
static get style() { return IxDropdownHeaderStyle0; }
|
|
19634
19675
|
static get cmpMeta() { return {
|
|
@@ -19674,15 +19715,15 @@ class DropdownItem {
|
|
|
19674
19715
|
this.icon !== undefined);
|
|
19675
19716
|
}
|
|
19676
19717
|
render() {
|
|
19677
|
-
return (hAsync(Host, { key: '
|
|
19718
|
+
return (hAsync(Host, { key: '7b2135346336a1240640cc084f98ebeac8ac5828', class: {
|
|
19678
19719
|
hover: this.hover,
|
|
19679
19720
|
'icon-only': this.isIconOnly(),
|
|
19680
19721
|
disabled: this.disabled,
|
|
19681
19722
|
submenu: this.isSubMenu,
|
|
19682
|
-
}, role: "listitem" }, hAsync("button", { key: '
|
|
19723
|
+
}, role: "listitem" }, hAsync("button", { key: 'ec9ff70fcfbea969ebfe133575585f970f4caa98', type: "button", tabIndex: 0, class: {
|
|
19683
19724
|
'dropdown-item': true,
|
|
19684
19725
|
'no-checked-field': this.suppressChecked,
|
|
19685
|
-
}, onClick: () => this.emitItemClick() }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: 'single-check', size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon })) : null, hAsync("div", { key: '
|
|
19726
|
+
}, onClick: () => this.emitItemClick() }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: 'single-check', size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon })) : null, hAsync("div", { key: '582689eb920e8e79f285ba9cdb8d70920b5ae589', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: 'bda7606e512795bc30fafa31bd824aa3e29ecbf8' })), this.isSubMenu ? (hAsync("ix-icon", { name: 'chevron-right-small', class: 'submenu-icon' })) : null)));
|
|
19686
19727
|
}
|
|
19687
19728
|
get hostElement() { return getElement(this); }
|
|
19688
19729
|
static get style() { return IxDropdownItemStyle0; }
|
|
@@ -19717,7 +19758,7 @@ class DropdownQuickActions {
|
|
|
19717
19758
|
registerInstance(this, hostRef);
|
|
19718
19759
|
}
|
|
19719
19760
|
render() {
|
|
19720
|
-
return (hAsync(Host, { key: '
|
|
19761
|
+
return (hAsync(Host, { key: 'd32c5fecd63fab51431f7d8c9bf5c026437b7206' }, hAsync("slot", { key: '9abc872450d1567cdf3ee5882677182cd6ddf9b6' })));
|
|
19721
19762
|
}
|
|
19722
19763
|
static get style() { return IxDropdownQuickActionsStyle0; }
|
|
19723
19764
|
static get cmpMeta() { return {
|
|
@@ -19747,7 +19788,7 @@ class EmptyState {
|
|
|
19747
19788
|
this.action = undefined;
|
|
19748
19789
|
}
|
|
19749
19790
|
render() {
|
|
19750
|
-
return (hAsync(Host, { key: '
|
|
19791
|
+
return (hAsync(Host, { key: 'cb312e54bc903b7f3d59faed9850e9500847869e', class: `emptyState emptyState--${this.layout}` }, this.icon && (hAsync("div", { key: 'c901252f66e6f97ef42808c1e881bac76b40674a', class: "emptyState__icon" }, hAsync("ix-icon", { key: '1ee24a795580830a364f8b541b94e230d7797365', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text" }))), hAsync("div", { key: 'ab641cce5937da8014ec76af23349dd629575a2e', class: "emptyState__content" }, hAsync("div", { key: '8d6340d04768a47ccd1333d628342bb894d7387a', class: "content__label" }, hAsync("ix-typography", { key: 'f27adb6c7a93e36117022dd2294b46a34b0f4c79', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (hAsync("div", { key: 'ca49901be387ce044c5aa6da90fab8d8f2dc06a1', class: "label__subHeader" }, this.subHeader))), this.action && (hAsync("div", { key: '76755b670cae1926e6d976244a81f1b3c9eca76b', class: "content__action" }, hAsync("ix-button", { key: '937d705608063a0e586d112f7c848883abd361fb', onClick: () => this.actionClick.emit() }, this.action))))));
|
|
19751
19792
|
}
|
|
19752
19793
|
static get style() { return IxEmptyStateStyle0; }
|
|
19753
19794
|
static get cmpMeta() { return {
|
|
@@ -19865,11 +19906,11 @@ class EventList {
|
|
|
19865
19906
|
});
|
|
19866
19907
|
}
|
|
19867
19908
|
render() {
|
|
19868
|
-
return (hAsync(Host, { key: '
|
|
19909
|
+
return (hAsync(Host, { key: 'db8588c2f01a73b66bab3bde310f67800fcf0c99', class: {
|
|
19869
19910
|
'item-size-s': this.itemHeight === 'S',
|
|
19870
19911
|
'item-size-l': this.itemHeight === 'L',
|
|
19871
19912
|
compact: this.compact,
|
|
19872
|
-
} }, hAsync("div", { key: '
|
|
19913
|
+
} }, hAsync("div", { key: '89447c10a095bfdf95567ff00be599933b85e1bd', role: "list" }, hAsync("slot", { key: '7e129d93b1d9aadf17bdc9aafff241ff7da84eb1' }))));
|
|
19873
19914
|
}
|
|
19874
19915
|
get hostElement() { return getElement(this); }
|
|
19875
19916
|
static get watchers() { return {
|
|
@@ -19919,16 +19960,16 @@ class EventListItem {
|
|
|
19919
19960
|
? `var(${this.color})`
|
|
19920
19961
|
: `var(--theme-${this.color})`;
|
|
19921
19962
|
}
|
|
19922
|
-
return (hAsync(Host, { key: '
|
|
19963
|
+
return (hAsync(Host, { key: 'dfeb360410eecdc5bd5881287a41106e1de5a81d', class: {
|
|
19923
19964
|
disabled: this.disabled,
|
|
19924
|
-
} }, hAsync("div", { key: '
|
|
19965
|
+
} }, hAsync("div", { key: '8ed103397f1e99a7e5bb59e9a8b90585c5e2263f', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
|
|
19925
19966
|
'event-list-item': true,
|
|
19926
19967
|
selected: this.selected,
|
|
19927
19968
|
disabled: this.disabled,
|
|
19928
|
-
} }, hAsync("div", { key: '
|
|
19969
|
+
} }, hAsync("div", { key: '0af7281c4f49763a0a9b879afd2bc58153b0ad20', class: `indicator ${!((_c = this.itemColor) !== null && _c !== void 0 ? _c : this.color) ? 'indicator-empty' : ''}`, style: {
|
|
19929
19970
|
'background-color': ((_d = this.itemColor) !== null && _d !== void 0 ? _d : this.color) ? color : 'inherit',
|
|
19930
19971
|
opacity: `${this.disabled ? 0.4 : 1}`,
|
|
19931
|
-
} }), hAsync("div", { key: '
|
|
19972
|
+
} }), hAsync("div", { key: '470463df5f6c660c22492a8aac3ef7eceb130e17', class: "event-list-item-container" }, hAsync("div", { key: '1e6a1104620b4284d86e81ad2d5e946044b395fb', class: "event-content" }, hAsync("slot", { key: 'a13ac6b4c205d7ce2b10ba9a29e62175c61544ec' })), this.chevron && (hAsync("ix-icon", { key: '0da6f24ce7c83bb8c144c8ac3170fb344954b2c2', name: 'chevron-right', size: "16", class: "chevron-icon" }))))));
|
|
19932
19973
|
}
|
|
19933
19974
|
static get style() { return IxEventListItemStyle0; }
|
|
19934
19975
|
static get cmpMeta() { return {
|
|
@@ -19981,6 +20022,9 @@ class ExpandingSearch {
|
|
|
19981
20022
|
this.placeholder = 'Enter text here';
|
|
19982
20023
|
this.value = '';
|
|
19983
20024
|
this.fullWidth = false;
|
|
20025
|
+
this.variant = 'primary';
|
|
20026
|
+
this.outline = false;
|
|
20027
|
+
this.ghost = true;
|
|
19984
20028
|
this.isFieldChanged = false;
|
|
19985
20029
|
this.expanded = false;
|
|
19986
20030
|
this.hasFocus = false;
|
|
@@ -19997,20 +20041,20 @@ class ExpandingSearch {
|
|
|
19997
20041
|
this.valueChange.emit(this.value);
|
|
19998
20042
|
}
|
|
19999
20043
|
render() {
|
|
20000
|
-
return (hAsync(Host, { key: '
|
|
20044
|
+
return (hAsync(Host, { key: 'f1981aaa35a3437b84b131f32ba2c5e5c29e363d', class: {
|
|
20001
20045
|
expanded: this.expanded,
|
|
20002
20046
|
'right-position': this.expanded,
|
|
20003
20047
|
fullWidth: this.fullWidth,
|
|
20004
|
-
} }, hAsync("ix-icon-button", { key: '
|
|
20048
|
+
} }, hAsync("ix-icon-button", { key: 'e9dab8436d9e74ed8c4e434c689e6b59af4fdf29', size: this.expanded ? '16' : '24', icon: this.icon, variant: this.expanded ? 'primary' : this.variant, ghost: this.ghost || this.expanded, outline: this.outline && !this.expanded, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
|
|
20005
20049
|
'btn-search': true,
|
|
20006
20050
|
'btn-search--expanded': this.expanded,
|
|
20007
|
-
} }), hAsync("div", { key: '
|
|
20051
|
+
} }), hAsync("div", { key: 'e5c9c707728595451c33efbdce5973884bfdf81e', class: {
|
|
20008
20052
|
expanded: this.expanded,
|
|
20009
20053
|
fullWidth: this.fullWidth,
|
|
20010
20054
|
collapsed: !this.expanded,
|
|
20011
20055
|
'disable-pointer': !this.expanded,
|
|
20012
20056
|
'input-container': true,
|
|
20013
|
-
}, "data-testid": "input-wrapper" }, hAsync("input", { key: '
|
|
20057
|
+
}, "data-testid": "input-wrapper" }, hAsync("input", { key: '93edc9d89807125a7de4ed7d40eaa7945534fd6a', class: {
|
|
20014
20058
|
'form-control': true,
|
|
20015
20059
|
input: this.expanded,
|
|
20016
20060
|
'disable-pointer': !this.expanded,
|
|
@@ -20030,6 +20074,9 @@ class ExpandingSearch {
|
|
|
20030
20074
|
"placeholder": [1],
|
|
20031
20075
|
"value": [1025],
|
|
20032
20076
|
"fullWidth": [4, "full-width"],
|
|
20077
|
+
"variant": [1],
|
|
20078
|
+
"outline": [4],
|
|
20079
|
+
"ghost": [4],
|
|
20033
20080
|
"isFieldChanged": [32],
|
|
20034
20081
|
"expanded": [32],
|
|
20035
20082
|
"hasFocus": [32]
|
|
@@ -20110,9 +20157,9 @@ class FieldWrapper {
|
|
|
20110
20157
|
infoText: this.infoText,
|
|
20111
20158
|
helperText: this.helperText,
|
|
20112
20159
|
};
|
|
20113
|
-
return (hAsync(Host, { key: '
|
|
20160
|
+
return (hAsync(Host, { key: 'e572687360d706dbe987ecb2552b573fe4c4d5d4' }, this.label && (hAsync("div", { key: 'c6373751bc6d7d90d7927661332a7ebe07ebe32c', class: "field-top" }, hAsync("ix-field-label", { key: '5c0f33a101ca7fe85307dfb1bcca00583f7af505', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), hAsync("div", { key: 'a0537918a05ae6cdb31fec15593310fe567f7f29', class: {
|
|
20114
20161
|
'slot-wrapper': true,
|
|
20115
|
-
}, ref: this.slotRef }, hAsync("slot", { key: '
|
|
20162
|
+
}, ref: this.slotRef }, hAsync("slot", { key: '9ac61601a8bb8486fb195007affb95efd38a16cc' })), hAsync("div", { key: 'a2ce3a990499d4f44e908504e72e8e38ec6f9bf0', class: 'field-bottom' }, !this.showTextAsTooltip && renderHelperText(textOptions), hAsync("div", { key: '83e807d409fdc1a85f0b4b5533d3f8925ff35fec', class: "bottom-right" }, hAsync("slot", { key: '87702e1c61e5c242a6085bcc4db7f84ee325dacd', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (hAsync("ix-tooltip", { key: '66a20de650c5ea67e804f787bd729ac02078ed42', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, renderHelperText(textOptions)))));
|
|
20116
20163
|
}
|
|
20117
20164
|
get hostElement() { return getElement(this); }
|
|
20118
20165
|
static get style() { return IxFieldWrapperStyle0; }
|
|
@@ -20157,9 +20204,9 @@ class FilterChip {
|
|
|
20157
20204
|
this.closeClick.emit();
|
|
20158
20205
|
}
|
|
20159
20206
|
render() {
|
|
20160
|
-
return (hAsync(Host, { key: '
|
|
20207
|
+
return (hAsync(Host, { key: 'e2bd061568d76abd274b622bbee0ebe564ef3b62', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, hAsync("div", { key: '95fcf42b92653882a9dfbc8fc221b46aeaef07b5', class: "slot-container" }, hAsync("slot", { key: '6d8fc76fcae0910c59aa58a9147c1b625635b5e0' })), !this.disabled && !this.readonly ? (hAsync("ix-icon-button", { ghost: true, oval: true, icon: 'close-small', size: "16", tabindex: this.disabled ? -1 : 0, variant: "primary", disabled: this.disabled, onClick: (e) => this.onCloseClick(e) })) : null));
|
|
20161
20208
|
}
|
|
20162
|
-
get
|
|
20209
|
+
get hostElement() { return getElement(this); }
|
|
20163
20210
|
static get style() { return IxFilterChipStyle0; }
|
|
20164
20211
|
static get cmpMeta() { return {
|
|
20165
20212
|
"$flags$": 9,
|
|
@@ -20199,11 +20246,12 @@ class FlipTile {
|
|
|
20199
20246
|
constructor(hostRef) {
|
|
20200
20247
|
registerInstance(this, hostRef);
|
|
20201
20248
|
this.ANIMATION_DURATION = 150;
|
|
20249
|
+
this.contentItems = [];
|
|
20202
20250
|
this.state = undefined;
|
|
20203
20251
|
this.height = 15.125;
|
|
20204
20252
|
this.width = 16;
|
|
20205
20253
|
this.index = 0;
|
|
20206
|
-
this.isFlipAnimationActive =
|
|
20254
|
+
this.isFlipAnimationActive = false;
|
|
20207
20255
|
}
|
|
20208
20256
|
componentDidLoad() {
|
|
20209
20257
|
this.observer = createMutationObserver(() => this.updateContentItems());
|
|
@@ -20246,26 +20294,26 @@ class FlipTile {
|
|
|
20246
20294
|
}, 2 * this.ANIMATION_DURATION);
|
|
20247
20295
|
}
|
|
20248
20296
|
render() {
|
|
20249
|
-
return (hAsync(Host, { key: '
|
|
20297
|
+
return (hAsync(Host, { key: '753ce805c8792b014e40343df15d1a257ed1c8a1', style: {
|
|
20250
20298
|
height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
|
|
20251
20299
|
'min-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
|
|
20252
20300
|
'max-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
|
|
20253
20301
|
width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
|
|
20254
20302
|
'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
|
|
20255
20303
|
'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
|
|
20256
|
-
} }, hAsync("div", { key: '
|
|
20304
|
+
} }, hAsync("div", { key: 'e5ff1efdabea6b280f84b9090fed970cab6bcbee', class: {
|
|
20257
20305
|
'flip-tile-container': true,
|
|
20258
20306
|
info: this.state === FlipTileState.Info,
|
|
20259
20307
|
warning: this.state === FlipTileState.Warning,
|
|
20260
20308
|
alarm: this.state === FlipTileState.Alarm,
|
|
20261
20309
|
primary: this.state === FlipTileState.Primary,
|
|
20262
20310
|
'flip-animation-active': this.isFlipAnimationActive,
|
|
20263
|
-
} }, hAsync("div", { key: '
|
|
20311
|
+
} }, hAsync("div", { key: 'd69567c1f8068684d8047c11ecbc2c698d416ca8', class: "flip-tile-header" }, hAsync("div", { key: '5a7f749bb17f00f34ce0c1c15a8c17aa9c026b69', class: "header-slot-container text-l-title" }, hAsync("slot", { key: '1d5422159ca027167360cf3b8294b6a5f8808404', name: "header" })), hAsync("ix-icon-button", { key: '239410d1f28ee549b192a3576429daa12685c32c', icon: 'eye', variant: "primary", ghost: true, onClick: () => this.toggleIndex() })), hAsync("div", { key: '3578e5d085f50aee7c0dd7e94fdc9b8a3d2506eb', class: "content-container" }, hAsync("slot", { key: 'adb2148071277964c31a15c5fd17b00992a8c21c' })), hAsync("div", { key: '34bbfaf3907aa77d59afe7b0a6d148fa9da37074', class: {
|
|
20264
20312
|
footer: true,
|
|
20265
20313
|
'contrast-light': this.state === FlipTileState.Warning,
|
|
20266
20314
|
'contrast-dark': this.state === FlipTileState.Info ||
|
|
20267
20315
|
this.state === FlipTileState.Alarm,
|
|
20268
|
-
} }, hAsync("slot", { key: '
|
|
20316
|
+
} }, hAsync("slot", { key: '2649e545cf492d73e15c3a8c216767d6352a6529', name: "footer" })))));
|
|
20269
20317
|
}
|
|
20270
20318
|
get hostElement() { return getElement(this); }
|
|
20271
20319
|
static get style() { return IxFlipTileStyle0; }
|
|
@@ -20294,7 +20342,7 @@ class FlipTileContent {
|
|
|
20294
20342
|
this.contentVisible = false;
|
|
20295
20343
|
}
|
|
20296
20344
|
render() {
|
|
20297
|
-
return hAsync(Host, { key: '
|
|
20345
|
+
return hAsync(Host, { key: '4de2b68fabbf622640f0b960d9e87aaa2254f623' }, this.contentVisible ? hAsync("slot", null) : null);
|
|
20298
20346
|
}
|
|
20299
20347
|
static get style() { return IxFlipTileContentStyle0; }
|
|
20300
20348
|
static get cmpMeta() { return {
|
|
@@ -20418,7 +20466,7 @@ class FormFieldLabel {
|
|
|
20418
20466
|
}
|
|
20419
20467
|
}
|
|
20420
20468
|
render() {
|
|
20421
|
-
return (hAsync(Host, { key: '
|
|
20469
|
+
return (hAsync(Host, { key: 'e20b9e4a647437545261a447bfabae219b79c821', onClick: () => this.focusOnClick() }, hAsync("label", Object.assign({ key: '2a1e377f586175847579db74d63d76718bf372cf', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), hAsync("ix-typography", { key: 'f3ce54d183798930a542966a7fa640cc40c917fc', color: this.isInvalid ? 'alarm' : 'soft', format: "label" }, hAsync("slot", { key: '23e03980339f7ba6730ff08864214b8f4134e053' }), this.required && hAsync("span", { key: '720768cbb9d0efbb1137d8b25482900069ca8722' }, "\u00A0*")))));
|
|
20422
20470
|
}
|
|
20423
20471
|
get hostElement() { return getElement(this); }
|
|
20424
20472
|
static get watchers() { return {
|
|
@@ -20560,27 +20608,27 @@ class Group {
|
|
|
20560
20608
|
}
|
|
20561
20609
|
}
|
|
20562
20610
|
render() {
|
|
20563
|
-
return (hAsync(Host, { key: '
|
|
20611
|
+
return (hAsync(Host, { key: 'ba5dacbded59627971ce06abe0536f1fb11e1ac6' }, hAsync("div", { key: 'b8271e148a69c0dba1daa12f9fc3474c4dd7725c', class: {
|
|
20564
20612
|
'group-header': true,
|
|
20565
20613
|
expand: !this.collapsed,
|
|
20566
20614
|
selected: this.selected,
|
|
20567
|
-
}, tabindex: "0" }, hAsync("div", { key: '
|
|
20615
|
+
}, tabindex: "0" }, hAsync("div", { key: 'a7f328cbbd30054d7381e8164d73feb73232874a', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: 'ebb68beb1559541ba1324c10ca50bb978a8f1f30', class: {
|
|
20568
20616
|
'group-header-selection-indicator': true,
|
|
20569
20617
|
'group-header-selection-indicator-item-selected': this.itemSelected,
|
|
20570
|
-
} }), hAsync("div", { key: '
|
|
20618
|
+
} }), hAsync("div", { key: 'd65309e476a3789116a87009238659d0c28f659b', class: "btn-expand-header" }, hAsync("ix-icon", { key: 'bd37fc8491bc0a755755074ea5822c8bc68ef0ac', "data-testid": "expand-collapsed-icon", class: {
|
|
20571
20619
|
hidden: !this.showExpandCollapsedIcon,
|
|
20572
|
-
}, name: this.collapsed ? 'chevron-right-small' : 'chevron-down-small', onClick: (
|
|
20620
|
+
}, name: this.collapsed ? 'chevron-right-small' : 'chevron-down-small', onClick: (event) => this.onExpandClick(event) })), hAsync("div", { key: '8bbba19917b63556b609479d3dc8a1e1fcf7526c', class: "group-header-content" }, this.header ? (hAsync("div", { class: "group-header-props-container" }, hAsync("div", { class: "group-header-title" }, hAsync("span", { title: this.header }, this.header)), hAsync("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, hAsync("slot", { key: '62d1ebdd6d3fce5c3847bdf90a71cdf2837010ce', name: "header" }))), hAsync("ix-group-context-menu", { key: '34c18ddda5c2ca757fe89d4060fd6201e09ae15f' }, hAsync("slot", { key: '97bf0c691865419cb13c25ab4c1eaa25dd79ac8b', name: "dropdown" }))), hAsync("div", { key: '7e39df1d6867d596871a776e7c1b05c8d643078d', class: {
|
|
20573
20621
|
'group-content': true,
|
|
20574
|
-
} }, hAsync("div", { key: '
|
|
20622
|
+
} }, hAsync("div", { key: '98cad46478ad8be987c6dc6e944a7b7f550badb4', style: {
|
|
20575
20623
|
display: this.collapsed ? 'none' : 'contents',
|
|
20576
|
-
} }, hAsync("slot", { key: '
|
|
20624
|
+
} }, hAsync("slot", { key: '247e5fd3ad89462835d4dff5763861def669d6e2', onSlotchange: () => {
|
|
20577
20625
|
var _a;
|
|
20578
20626
|
const slot = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
|
|
20579
20627
|
this.showExpandCollapsedIcon = hasSlottedElements(slot);
|
|
20580
|
-
} }), hAsync("ix-group-item", { key: '
|
|
20628
|
+
} }), hAsync("ix-group-item", { key: 'e058e81b85f5388522b9255bcc68398677d73e5a', suppressSelection: true, focusable: false, class: {
|
|
20581
20629
|
footer: true,
|
|
20582
20630
|
'footer-visible': this.footerVisible,
|
|
20583
|
-
} }, hAsync("slot", { key: '
|
|
20631
|
+
} }, hAsync("slot", { key: 'a2c572c20cde75e922bd69f7c467b5f4109c2322', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
|
|
20584
20632
|
}
|
|
20585
20633
|
get hostElement() { return getElement(this); }
|
|
20586
20634
|
static get watchers() { return {
|
|
@@ -20642,7 +20690,7 @@ class GroupContextMenu {
|
|
|
20642
20690
|
this.configureDropdown(dropdownElement, triggerElement);
|
|
20643
20691
|
}
|
|
20644
20692
|
render() {
|
|
20645
|
-
return (hAsync(Host, { key: '
|
|
20693
|
+
return (hAsync(Host, { key: 'd45b69098ce3f502ce7dd34ae16d83393d4bde9f' }, hAsync("ix-icon-button", { key: '5dfb6b0781db8bc095145e77c20fd72fb8ed85af', class: { hide: !this.showContextMenu }, size: "24", ghost: true, icon: 'context-menu' }), hAsync("slot", { key: '0c0d0b119f95122c5b976f882ea9036f6598381a', onSlotchange: () => this.onSlotChange() })));
|
|
20646
20694
|
}
|
|
20647
20695
|
get hostElement() { return getElement(this); }
|
|
20648
20696
|
static get style() { return IxGroupContextMenuStyle0; }
|
|
@@ -20677,9 +20725,9 @@ class GroupItem {
|
|
|
20677
20725
|
this.selectedChanged.emit(this.hostElement);
|
|
20678
20726
|
}
|
|
20679
20727
|
render() {
|
|
20680
|
-
return (hAsync(Host, { key: '
|
|
20728
|
+
return (hAsync(Host, { key: 'bdade798c7b506d739029a27c9b73a90f101bc0e', class: {
|
|
20681
20729
|
selected: this.selected && !this.suppressSelection,
|
|
20682
|
-
} }, hAsync("button", { key: '
|
|
20730
|
+
} }, hAsync("button", { key: 'aa88b5a436cc197341a9afdf7a5cd0e522fd325a', tabindex: this.focusable ? 0 : -1 }, hAsync("div", { key: 'c5e7c0aeadc32db6a8c6b0deb262620aaaff1fa1', class: "group-entry-selection-indicator" }), this.icon ? hAsync("ix-icon", { size: "16", name: this.icon }) : null, this.text ? (hAsync("span", { class: "group-entry-text" }, hAsync("span", { title: this.text }, this.text))) : null, this.secondaryText ? (hAsync("span", { class: "group-entry-text-secondary" }, hAsync("span", { title: this.secondaryText }, this.secondaryText))) : null, hAsync("slot", { key: 'a6fa0189ef24b3ce6c593ee99f2df83263b97053' }))));
|
|
20683
20731
|
}
|
|
20684
20732
|
get hostElement() { return getElement(this); }
|
|
20685
20733
|
static get style() { return IxGroupItemStyle0; }
|
|
@@ -20753,7 +20801,7 @@ class HelperText {
|
|
|
20753
20801
|
this.validationResults = checkFieldClasses(forElement);
|
|
20754
20802
|
}
|
|
20755
20803
|
render() {
|
|
20756
|
-
return (hAsync(Host, { key: '
|
|
20804
|
+
return (hAsync(Host, { key: '26c1e2ad753fca25d4095e38d9fbb646c0305db7' }, renderHelperText(Object.assign({ helperText: this.helperText, invalidText: this.invalidText, validText: this.validText, infoText: this.infoText, warningText: this.warningText }, this.validationResults))));
|
|
20757
20805
|
}
|
|
20758
20806
|
get hostElement() { return getElement(this); }
|
|
20759
20807
|
static get style() { return IxHelperTextStyle0; }
|
|
@@ -20795,9 +20843,9 @@ class IconButton {
|
|
|
20795
20843
|
registerInstance(this, hostRef);
|
|
20796
20844
|
this.a11yLabel = undefined;
|
|
20797
20845
|
this.variant = 'secondary';
|
|
20798
|
-
this.outline =
|
|
20799
|
-
this.ghost =
|
|
20800
|
-
this.oval =
|
|
20846
|
+
this.outline = false;
|
|
20847
|
+
this.ghost = false;
|
|
20848
|
+
this.oval = false;
|
|
20801
20849
|
this.icon = undefined;
|
|
20802
20850
|
this.size = '24';
|
|
20803
20851
|
this.color = undefined;
|
|
@@ -20851,7 +20899,7 @@ class IconButton {
|
|
|
20851
20899
|
type: this.type,
|
|
20852
20900
|
extraClasses: this.getIconSizeClass(),
|
|
20853
20901
|
};
|
|
20854
|
-
return (hAsync(Host, { key: '
|
|
20902
|
+
return (hAsync(Host, { key: '3091c9758d6693c028e1cdc757bbf7e4daf7be3d', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '9cdb02f93735e8a2eb0a165bd6459d3e2b4b11d9' }, baseButtonProps))));
|
|
20855
20903
|
}
|
|
20856
20904
|
get hostElement() { return getElement(this); }
|
|
20857
20905
|
static get style() { return IxIconButtonStyle0; }
|
|
@@ -20946,7 +20994,7 @@ class IconToggleButton {
|
|
|
20946
20994
|
},
|
|
20947
20995
|
extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
|
|
20948
20996
|
};
|
|
20949
|
-
return (hAsync(Host, { key: '
|
|
20997
|
+
return (hAsync(Host, { key: '588ebac02e4d670f5dd68986da1b6f2916e3fe18', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '701cb0fa92d957479f6f65846856149e3b0a6e60' }, baseButtonProps))));
|
|
20950
20998
|
}
|
|
20951
20999
|
get hostElement() { return getElement(this); }
|
|
20952
21000
|
static get watchers() { return {
|
|
@@ -20974,7 +21022,7 @@ class IconToggleButton {
|
|
|
20974
21022
|
}; }
|
|
20975
21023
|
}
|
|
20976
21024
|
|
|
20977
|
-
const inputCss = "/*!@label*/label.sc-ix-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-input{padding:6px 0px}/*!@input*/input.sc-ix-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-input:-webkit-autofill,input.sc-ix-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),input.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),input.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),input.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),input.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-input,input.sc-ix-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-input::-moz-placeholder,input.sc-ix-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-input::placeholder,input.sc-ix-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-input:disabled,input.disabled.sc-ix-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-input:disabled::-moz-placeholder,input.disabled.sc-ix-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-input:disabled::placeholder,input.disabled.sc-ix-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-input{padding:0.375rem 1.25rem 0.375rem 0.5rem}/*!@textarea*/textarea.sc-ix-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-input:-webkit-autofill,textarea.sc-ix-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),textarea.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),textarea.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),textarea.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),textarea.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-input,textarea.sc-ix-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-input::-moz-placeholder,textarea.sc-ix-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-input::placeholder,textarea.sc-ix-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-input:disabled,textarea.disabled.sc-ix-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-input:disabled::placeholder,textarea.disabled.sc-ix-input::placeholder{color:transparent}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-input~.valid-feedback.sc-ix-input,textarea.sc-ix-input~.invalid-feedback.sc-ix-input,input.sc-ix-input~.valid-feedback.sc-ix-input,input.sc-ix-input~.invalid-feedback.sc-ix-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-input textarea.sc-ix-input~.valid-feedback.sc-ix-input,form.sc-ix-input input.sc-ix-input~.valid-feedback.sc-ix-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-input textarea.sc-ix-input~.invalid-feedback.sc-ix-input,form.sc-ix-input input.sc-ix-input~.invalid-feedback.sc-ix-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-input:not([novalidate]) .sc-ix-input:invalid,form.sc-ix-input:not([novalidate]) .is-invalid.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:invalid,form.was-validated.sc-ix-input .is-invalid.sc-ix-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-input:not([novalidate]) .sc-ix-input:invalid~.invalid-feedback.sc-ix-input,form.sc-ix-input:not([novalidate]) .is-invalid.sc-ix-input~.invalid-feedback.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:invalid~.invalid-feedback.sc-ix-input,form.was-validated.sc-ix-input .is-invalid.sc-ix-input~.invalid-feedback.sc-ix-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-input:not([novalidate]) .sc-ix-input:valid~.valid-feedback.sc-ix-input,form.sc-ix-input:not([novalidate]) .is-valid.sc-ix-input~.valid-feedback.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:valid~.valid-feedback.sc-ix-input,form.was-validated.sc-ix-input .is-valid.sc-ix-input~.valid-feedback.sc-ix-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-input:not(.was-validated) .invalid-feedback.sc-ix-input,form.sc-ix-input:not(.was-validated) .valid-feedback.sc-ix-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@label*/label.sc-ix-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-input{padding:6px 0px}/*!@input*/input.sc-ix-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-input:-webkit-autofill,input.sc-ix-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),input.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),input.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),input.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),input.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-input,input.sc-ix-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-input::-moz-placeholder,input.sc-ix-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-input::placeholder,input.sc-ix-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-input:disabled,input.disabled.sc-ix-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-input:disabled::-moz-placeholder,input.disabled.sc-ix-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-input:disabled::placeholder,input.disabled.sc-ix-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-input{padding:0.375rem 1.25rem 0.375rem 0.5rem}/*!@textarea*/textarea.sc-ix-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-input:-webkit-autofill,textarea.sc-ix-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),textarea.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),textarea.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),textarea.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),textarea.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-input,textarea.sc-ix-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-input::-moz-placeholder,textarea.sc-ix-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-input::placeholder,textarea.sc-ix-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-input:disabled,textarea.disabled.sc-ix-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-input:disabled::placeholder,textarea.disabled.sc-ix-input::placeholder{color:transparent}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-input~.valid-feedback.sc-ix-input,textarea.sc-ix-input~.invalid-feedback.sc-ix-input,input.sc-ix-input~.valid-feedback.sc-ix-input,input.sc-ix-input~.invalid-feedback.sc-ix-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-input textarea.sc-ix-input~.valid-feedback.sc-ix-input,form.sc-ix-input input.sc-ix-input~.valid-feedback.sc-ix-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-input textarea.sc-ix-input~.invalid-feedback.sc-ix-input,form.sc-ix-input input.sc-ix-input~.invalid-feedback.sc-ix-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-input:not([novalidate]) .sc-ix-input:invalid,form.sc-ix-input:not([novalidate]) .is-invalid.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:invalid,form.was-validated.sc-ix-input .is-invalid.sc-ix-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-input:not([novalidate]) .sc-ix-input:invalid~.invalid-feedback.sc-ix-input,form.sc-ix-input:not([novalidate]) .is-invalid.sc-ix-input~.invalid-feedback.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:invalid~.invalid-feedback.sc-ix-input,form.was-validated.sc-ix-input .is-invalid.sc-ix-input~.invalid-feedback.sc-ix-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-input:not([novalidate]) .sc-ix-input:valid~.valid-feedback.sc-ix-input,form.sc-ix-input:not([novalidate]) .is-valid.sc-ix-input~.valid-feedback.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:valid~.valid-feedback.sc-ix-input,form.was-validated.sc-ix-input .is-valid.sc-ix-input~.valid-feedback.sc-ix-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-input:not(.was-validated) .invalid-feedback.sc-ix-input,form.sc-ix-input:not(.was-validated) .valid-feedback.sc-ix-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-input-h{display:inline-block;position:relative;width:auto}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-input-h *.sc-ix-input,.sc-ix-input-h *.sc-ix-input::after,.sc-ix-input-h *.sc-ix-input::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-input-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-corner{display:none}/*!@:host .input-wrapper*/.sc-ix-input-h .input-wrapper.sc-ix-input{display:flex;position:relative;align-items:center;width:100%;height:100%}/*!@:host input*/.sc-ix-input-h input.sc-ix-input{width:100%;height:100%}/*!@:host .start-container,\n:host .end-container*/.sc-ix-input-h .start-container.sc-ix-input,.sc-ix-input-h .end-container.sc-ix-input{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}/*!@:host .start-container*/.sc-ix-input-h .start-container.sc-ix-input{left:0}/*!@:host .end-container*/.sc-ix-input-h .end-container.sc-ix-input{right:0}/*!@:host .start-container ::slotted(*)*/.sc-ix-input-h .start-container .sc-ix-input-s>*{margin-left:0.5rem}/*!@:host .start-container ::slotted(ix-icon.size-24),\n:host .start-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-input-h .start-container .sc-ix-input-s>ix-icon.size-24,.sc-ix-input-h .start-container.sc-ix-input-s>ix-icon-button.btn-icon-16,.sc-ix-input-h .start-container .sc-ix-input-s>ix-icon-button.btn-icon-16{margin-left:0.25rem}/*!@:host .start-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-input-h .start-container .sc-ix-input-s>ix-icon-button.btn-icon-32{margin-left:0}/*!@:host .end-container ::slotted(*)*/.sc-ix-input-h .end-container .sc-ix-input-s>*{margin-right:0.5rem}/*!@:host .end-container ::slotted(ix-icon.size-24),\n:host .end-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-input-h .end-container .sc-ix-input-s>ix-icon.size-24,.sc-ix-input-h .end-container.sc-ix-input-s>ix-icon-button.btn-icon-16,.sc-ix-input-h .end-container .sc-ix-input-s>ix-icon-button.btn-icon-16{margin-right:0.25rem}/*!@:host .end-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-input-h .end-container .sc-ix-input-s>ix-icon-button.btn-icon-32{margin-right:0}/*!@:host .bottom-text*/.sc-ix-input-h .bottom-text.sc-ix-input{margin-top:0.25rem;margin-bottom:0.25rem}/*!@:host(.disabled)*/.disabled.sc-ix-input-h{pointer-events:none}/*!@:host(.disabled) input,\n:host(.disabled) textarea*/.disabled.sc-ix-input-h input.sc-ix-input,.disabled.sc-ix-input-h textarea.sc-ix-input{pointer-events:none}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input*/.ix-info.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-info.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-info.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input*/.ix-warning.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-warning.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-warning.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input*/[class*=ix-invalid].sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input,.ix-invalid--required.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover*/[class*=ix-invalid].sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:hover,.ix-invalid--required.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active*/[class*=ix-invalid].sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:active,.ix-invalid--required.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host .password-eye*/.sc-ix-input-h .password-eye.sc-ix-input{margin-left:0.125rem;color:red}/*!@:host .password-eye.eye-hidden*/.sc-ix-input-h .password-eye.eye-hidden.sc-ix-input{display:none}";
|
|
21025
|
+
const inputCss = "/*!@label*/label.sc-ix-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-input{padding:6px 0px}/*!@input*/input.sc-ix-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-input:-webkit-autofill,input.sc-ix-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),input.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),input.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),input.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),input.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-input,input.sc-ix-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-input::-moz-placeholder,input.sc-ix-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-input::placeholder,input.sc-ix-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-input:disabled,input.disabled.sc-ix-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-input:disabled::-moz-placeholder,input.disabled.sc-ix-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-input:disabled::placeholder,input.disabled.sc-ix-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-input:-webkit-autofill,textarea.sc-ix-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),textarea.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),textarea.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),textarea.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),textarea.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-input,textarea.sc-ix-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-input::-moz-placeholder,textarea.sc-ix-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-input::placeholder,textarea.sc-ix-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-input:disabled,textarea.disabled.sc-ix-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-input:disabled::placeholder,textarea.disabled.sc-ix-input::placeholder{color:transparent}/*!@textarea*/textarea.sc-ix-input{padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-input~.valid-feedback.sc-ix-input,textarea.sc-ix-input~.invalid-feedback.sc-ix-input,input.sc-ix-input~.valid-feedback.sc-ix-input,input.sc-ix-input~.invalid-feedback.sc-ix-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-input textarea.sc-ix-input~.valid-feedback.sc-ix-input,form.sc-ix-input input.sc-ix-input~.valid-feedback.sc-ix-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-input textarea.sc-ix-input~.invalid-feedback.sc-ix-input,form.sc-ix-input input.sc-ix-input~.invalid-feedback.sc-ix-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-input:not([novalidate]) .sc-ix-input:invalid,form.sc-ix-input:not([novalidate]) .is-invalid.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:invalid,form.was-validated.sc-ix-input .is-invalid.sc-ix-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-input:not([novalidate]) .sc-ix-input:invalid~.invalid-feedback.sc-ix-input,form.sc-ix-input:not([novalidate]) .is-invalid.sc-ix-input~.invalid-feedback.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:invalid~.invalid-feedback.sc-ix-input,form.was-validated.sc-ix-input .is-invalid.sc-ix-input~.invalid-feedback.sc-ix-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-input:not([novalidate]) .sc-ix-input:valid~.valid-feedback.sc-ix-input,form.sc-ix-input:not([novalidate]) .is-valid.sc-ix-input~.valid-feedback.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:valid~.valid-feedback.sc-ix-input,form.was-validated.sc-ix-input .is-valid.sc-ix-input~.valid-feedback.sc-ix-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-input:not(.was-validated) .invalid-feedback.sc-ix-input,form.sc-ix-input:not(.was-validated) .valid-feedback.sc-ix-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@label*/label.sc-ix-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-input{padding:6px 0px}/*!@input*/input.sc-ix-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-input:-webkit-autofill,input.sc-ix-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),input.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),input.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),input.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),input.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-input,input.sc-ix-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-input::-moz-placeholder,input.sc-ix-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-input::placeholder,input.sc-ix-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-input:disabled,input.disabled.sc-ix-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-input:disabled::-moz-placeholder,input.disabled.sc-ix-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-input:disabled::placeholder,input.disabled.sc-ix-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-input:-webkit-autofill,textarea.sc-ix-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),textarea.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),textarea.sc-ix-input:hover:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only),textarea.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-input:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only),textarea.sc-ix-input:focus:not(.readonly,.read-only.sc-ix-input,.disabled.sc-ix-input,[readonly].sc-ix-input,[disabled].sc-ix-input,.sc-ix-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-input,textarea.sc-ix-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-input::-moz-placeholder,textarea.sc-ix-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-input::placeholder,textarea.sc-ix-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-input:disabled,textarea.disabled.sc-ix-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-input:disabled::placeholder,textarea.disabled.sc-ix-input::placeholder{color:transparent}/*!@textarea*/textarea.sc-ix-input{padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-input~.valid-feedback.sc-ix-input,textarea.sc-ix-input~.invalid-feedback.sc-ix-input,input.sc-ix-input~.valid-feedback.sc-ix-input,input.sc-ix-input~.invalid-feedback.sc-ix-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-input textarea.sc-ix-input~.valid-feedback.sc-ix-input,form.sc-ix-input input.sc-ix-input~.valid-feedback.sc-ix-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-input textarea.sc-ix-input~.invalid-feedback.sc-ix-input,form.sc-ix-input input.sc-ix-input~.invalid-feedback.sc-ix-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-input:not([novalidate]) .sc-ix-input:invalid,form.sc-ix-input:not([novalidate]) .is-invalid.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:invalid,form.was-validated.sc-ix-input .is-invalid.sc-ix-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-input:not([novalidate]) .sc-ix-input:invalid~.invalid-feedback.sc-ix-input,form.sc-ix-input:not([novalidate]) .is-invalid.sc-ix-input~.invalid-feedback.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:invalid~.invalid-feedback.sc-ix-input,form.was-validated.sc-ix-input .is-invalid.sc-ix-input~.invalid-feedback.sc-ix-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-input:not([novalidate]) .sc-ix-input:valid~.valid-feedback.sc-ix-input,form.sc-ix-input:not([novalidate]) .is-valid.sc-ix-input~.valid-feedback.sc-ix-input,form.was-validated.sc-ix-input .sc-ix-input:valid~.valid-feedback.sc-ix-input,form.was-validated.sc-ix-input .is-valid.sc-ix-input~.valid-feedback.sc-ix-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-input:not(.was-validated) .invalid-feedback.sc-ix-input,form.sc-ix-input:not(.was-validated) .valid-feedback.sc-ix-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-input-h{display:inline-block;position:relative;width:auto}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-input-h *.sc-ix-input,.sc-ix-input-h *.sc-ix-input::after,.sc-ix-input-h *.sc-ix-input::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-input-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-input-h .sc-ix-input::-webkit-scrollbar-corner{display:none}/*!@:host .input-wrapper*/.sc-ix-input-h .input-wrapper.sc-ix-input{display:flex;position:relative;align-items:center;width:100%;height:100%}/*!@:host input*/.sc-ix-input-h input.sc-ix-input{width:100%;height:100%}/*!@:host .start-container,\n:host .end-container*/.sc-ix-input-h .start-container.sc-ix-input,.sc-ix-input-h .end-container.sc-ix-input{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}/*!@:host .start-container*/.sc-ix-input-h .start-container.sc-ix-input{left:0}/*!@:host .end-container*/.sc-ix-input-h .end-container.sc-ix-input{right:0}/*!@:host .start-container ::slotted(*)*/.sc-ix-input-h .start-container .sc-ix-input-s>*{margin-left:0.5rem}/*!@:host .start-container ::slotted(ix-icon.size-24),\n:host .start-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-input-h .start-container .sc-ix-input-s>ix-icon.size-24,.sc-ix-input-h .start-container.sc-ix-input-s>ix-icon-button.btn-icon-16,.sc-ix-input-h .start-container .sc-ix-input-s>ix-icon-button.btn-icon-16{margin-left:0.25rem}/*!@:host .start-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-input-h .start-container .sc-ix-input-s>ix-icon-button.btn-icon-32{margin-left:0}/*!@:host .end-container ::slotted(*)*/.sc-ix-input-h .end-container .sc-ix-input-s>*{margin-right:0.5rem}/*!@:host .end-container ::slotted(ix-icon.size-24),\n:host .end-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-input-h .end-container .sc-ix-input-s>ix-icon.size-24,.sc-ix-input-h .end-container.sc-ix-input-s>ix-icon-button.btn-icon-16,.sc-ix-input-h .end-container .sc-ix-input-s>ix-icon-button.btn-icon-16{margin-right:0.25rem}/*!@:host .end-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-input-h .end-container .sc-ix-input-s>ix-icon-button.btn-icon-32{margin-right:0}/*!@:host .bottom-text*/.sc-ix-input-h .bottom-text.sc-ix-input{margin-top:0.25rem;margin-bottom:0.25rem}/*!@:host(.disabled)*/.disabled.sc-ix-input-h{pointer-events:none}/*!@:host(.disabled) input,\n:host(.disabled) textarea*/.disabled.sc-ix-input-h input.sc-ix-input,.disabled.sc-ix-input-h textarea.sc-ix-input{pointer-events:none}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input*/.ix-info.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-info.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-info.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input*/.ix-warning.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-warning.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-warning.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input*/[class*=ix-invalid].sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input,.ix-invalid--required.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover*/[class*=ix-invalid].sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:hover,.ix-invalid--required.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active*/[class*=ix-invalid].sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:active,.ix-invalid--required.sc-ix-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-input:active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host .password-eye*/.sc-ix-input-h .password-eye.sc-ix-input{margin-left:0.125rem;color:red}/*!@:host .password-eye.eye-hidden*/.sc-ix-input-h .password-eye.eye-hidden.sc-ix-input{display:none}";
|
|
20978
21026
|
var IxInputStyle0 = inputCss;
|
|
20979
21027
|
|
|
20980
21028
|
/*
|
|
@@ -21054,12 +21102,17 @@ class Input {
|
|
|
21054
21102
|
this.updateFormInternalValue(this.value);
|
|
21055
21103
|
this.inputType = this.type;
|
|
21056
21104
|
}
|
|
21057
|
-
|
|
21058
|
-
this.
|
|
21105
|
+
connectedCallback() {
|
|
21106
|
+
this.disposableChangesAndVisibilityObservers =
|
|
21107
|
+
addDisposableChangesAndVisibilityObservers(this.hostElement, this.updatePaddings.bind(this));
|
|
21059
21108
|
}
|
|
21060
21109
|
updatePaddings() {
|
|
21061
21110
|
adjustPaddingForStartAndEnd(this.slotStartRef.current, this.slotEndRef.current, this.inputRef.current);
|
|
21062
21111
|
}
|
|
21112
|
+
disconnectedCallback() {
|
|
21113
|
+
var _a;
|
|
21114
|
+
(_a = this.disposableChangesAndVisibilityObservers) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
21115
|
+
}
|
|
21063
21116
|
updateFormInternalValue(value) {
|
|
21064
21117
|
this.formInternals.setFormValue(value);
|
|
21065
21118
|
this.value = value;
|
|
@@ -21087,10 +21140,10 @@ class Input {
|
|
|
21087
21140
|
render() {
|
|
21088
21141
|
var _a;
|
|
21089
21142
|
const inputAria = getAriaAttributesForInput(this);
|
|
21090
|
-
return (hAsync(Host, { key: '
|
|
21143
|
+
return (hAsync(Host, { key: 'a6d40be91cda9c61dacb10c47cb3c1de128b595c', class: {
|
|
21091
21144
|
disabled: this.disabled,
|
|
21092
21145
|
readonly: this.readonly,
|
|
21093
|
-
} }, hAsync("ix-field-wrapper", { key: '
|
|
21146
|
+
} }, hAsync("ix-field-wrapper", { key: 'e920830918a1b52ae71373c6b09460282840d996', htmlForLabel: this.inputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '683a76fa9cf8bdb266d202b3d2977415f7940374', class: "input-wrapper" }, hAsync(SlotStart, { key: '93835b09dd2c87cf4c027afdf8b2e5ac54446ce6', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '9d75e41be3064ed775dc6adea268681d33d4114b', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => onInputBlur(this, this.inputRef.current), ariaAttributes: inputAria }), hAsync(SlotEnd, { key: 'edc365019e67448855bd73f2fd6324e6b0784e80', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '22075d37959ab4d9a45e8792c62b0595e02d23d9', color: "color-weak-text", class: {
|
|
21094
21147
|
'password-eye': true,
|
|
21095
21148
|
'eye-hidden': this.type !== 'password',
|
|
21096
21149
|
}, ghost: true, icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
|
|
@@ -21099,7 +21152,7 @@ class Input {
|
|
|
21099
21152
|
return;
|
|
21100
21153
|
}
|
|
21101
21154
|
this.inputType = 'password';
|
|
21102
|
-
} }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: '
|
|
21155
|
+
} }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: '4b2dab4589a0191a9097db3075e1e10dfcab3476', class: "bottom-text", slot: "bottom-right", color: "soft" }, (_a = this.value) === null || _a === void 0 ? void 0 :
|
|
21103
21156
|
_a.length, "/", this.maxLength)))));
|
|
21104
21157
|
}
|
|
21105
21158
|
static get formAssociated() { return true; }
|
|
@@ -21270,7 +21323,7 @@ class InputGroup {
|
|
|
21270
21323
|
return width;
|
|
21271
21324
|
}
|
|
21272
21325
|
render() {
|
|
21273
|
-
return (hAsync(Host, { key: '
|
|
21326
|
+
return (hAsync(Host, { key: '672090bc95ebe5316373e8059a4d9832d7803360', class: { disabled: this.disabled } }, hAsync("div", { key: 'eeb2ff4eb6dde0a76819db2c59961bd2a60f21dd', class: "group group-start" }, hAsync("slot", { key: 'e9e29a9630a75fe02dc4b9f1e1618f409d9bf79f', name: "input-start" })), hAsync("slot", { key: 'ba879afb3daf79d47ccc144bb15dde19066a6b0b' }), hAsync("div", { key: 'd4ff700431fb7ae6fec3b3994afd1a7baeb405c1', class: "group group-end" }, hAsync("slot", { key: '33b5dd1e62b79372656b1c22e9e9cc77fd4252c8', name: "input-end" }))));
|
|
21274
21327
|
}
|
|
21275
21328
|
get hostElement() { return getElement(this); }
|
|
21276
21329
|
static get style() { return IxInputGroupStyle0; }
|
|
@@ -21402,7 +21455,7 @@ class KeyValue {
|
|
|
21402
21455
|
this.value = undefined;
|
|
21403
21456
|
}
|
|
21404
21457
|
render() {
|
|
21405
|
-
return (hAsync(Host, { key: '
|
|
21458
|
+
return (hAsync(Host, { key: '195f88cef96aedc49ec5810b7474cfce3454aba2', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: '561114ef9e34f47d35dd9dc484fade62c9e8a408', name: this.icon, size: "24", class: "keyValue__icon" })), hAsync("div", { key: 'e747dbd0b15a3e8f93aea4503b99311c8473a703', class: "keyValue__content" }, hAsync("div", { key: '6d8374a50acc00de0373b7c37766f7ca7bd68161', class: "content__label" }, this.label), hAsync("div", { key: '1744e77f960a9720e42a7756b5a12cf24b127a02', class: {
|
|
21406
21459
|
content__value: true,
|
|
21407
21460
|
'has-customValue': this.value === undefined,
|
|
21408
21461
|
} }, this.value !== undefined ? (this.value) : (hAsync("slot", { name: "custom-value" }))))));
|
|
@@ -21432,10 +21485,10 @@ var IxKeyValueListStyle0 = keyValueListCss;
|
|
|
21432
21485
|
class KeyValueList {
|
|
21433
21486
|
constructor(hostRef) {
|
|
21434
21487
|
registerInstance(this, hostRef);
|
|
21435
|
-
this.striped =
|
|
21488
|
+
this.striped = false;
|
|
21436
21489
|
}
|
|
21437
21490
|
render() {
|
|
21438
|
-
return (hAsync(Host, { key: '
|
|
21491
|
+
return (hAsync(Host, { key: 'd4ab851c75a56ddf32af42d1d4bfe8c4f5b3d8be', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '9fdfc75d9d264eeee5f10fc71f1915418aa1550d' })));
|
|
21439
21492
|
}
|
|
21440
21493
|
static get style() { return IxKeyValueListStyle0; }
|
|
21441
21494
|
static get cmpMeta() { return {
|
|
@@ -21480,13 +21533,13 @@ class Kpi {
|
|
|
21480
21533
|
return tooltip;
|
|
21481
21534
|
}
|
|
21482
21535
|
render() {
|
|
21483
|
-
return (hAsync(Host, { key: '
|
|
21536
|
+
return (hAsync(Host, { key: '42de079241d3111b251c1b21a62da8648dba75ae', title: this.getTooltipText(), tabindex: "1", class: {
|
|
21484
21537
|
stacked: this.orientation === 'vertical',
|
|
21485
|
-
} }, hAsync("div", { key: '
|
|
21538
|
+
} }, hAsync("div", { key: '4ccd603dc47d5862edde0df1574befdc7b7403e3', class: {
|
|
21486
21539
|
'kpi-container': true,
|
|
21487
21540
|
alarm: this.state === 'alarm',
|
|
21488
21541
|
warning: this.state === 'warning',
|
|
21489
|
-
} }, hAsync("span", { key: '
|
|
21542
|
+
} }, hAsync("span", { key: '298b314f3c06a1ce37e02df95a24b6d04420e709', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: 'f5b66bf28c956724d83da05b818d55b29cd327f4', class: "kpi-label-text" }, this.label)), hAsync("span", { key: '2e6d79c01baa2015d44a0f28aa5c945227abba83', class: "kpi-value-container" }, hAsync("span", { key: 'fabe09ae4c0eb74f5343aebbef54ac2695f2ce72', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
|
|
21490
21543
|
}
|
|
21491
21544
|
static get style() { return IxKpiStyle0; }
|
|
21492
21545
|
static get cmpMeta() { return {
|
|
@@ -21582,7 +21635,7 @@ class LayoutForm {
|
|
|
21582
21635
|
});
|
|
21583
21636
|
}
|
|
21584
21637
|
render() {
|
|
21585
|
-
return (hAsync(Host, { key: '
|
|
21638
|
+
return (hAsync(Host, { key: '20fe6dcd672b6265ffb69b366b5b7f2643a3672d' }, hAsync("div", { key: 'ccec00c512d84f6361eaeca019be096ce445e898', class: "container" }, hAsync("slot", { key: '754ce662b54f7b401848e2f12cc1813033dad2e0' }))));
|
|
21586
21639
|
}
|
|
21587
21640
|
get hostElement() { return getElement(this); }
|
|
21588
21641
|
static get watchers() { return {
|
|
@@ -21615,12 +21668,12 @@ class LayoutGrid {
|
|
|
21615
21668
|
this.columns = 12;
|
|
21616
21669
|
}
|
|
21617
21670
|
render() {
|
|
21618
|
-
return (hAsync(Host, { key: '
|
|
21671
|
+
return (hAsync(Host, { key: '257edb50ece6ae7d3029eb61e4750a766800a226', class: {
|
|
21619
21672
|
'no-margin': this.noMargin,
|
|
21620
21673
|
}, style: {
|
|
21621
21674
|
'--ix-layout-grid-columns': `${this.columns}`,
|
|
21622
21675
|
'--ix-layout-grid-gutter': `${this.gap}px`,
|
|
21623
|
-
} }, hAsync("slot", { key: '
|
|
21676
|
+
} }, hAsync("slot", { key: '15aa39cb0220b9b11c5f2d2bdbf1966085402096' })));
|
|
21624
21677
|
}
|
|
21625
21678
|
static get style() { return IxLayoutGridStyle0; }
|
|
21626
21679
|
static get cmpMeta() { return {
|
|
@@ -21651,13 +21704,13 @@ class LinkButton {
|
|
|
21651
21704
|
this.target = '_self';
|
|
21652
21705
|
}
|
|
21653
21706
|
render() {
|
|
21654
|
-
return (hAsync(Host, { key: '
|
|
21707
|
+
return (hAsync(Host, { key: 'e3419b23a7cf8cfb5f686098ea48148750f95ec3' }, hAsync("a", { key: 'd7c083c55985791d3a49f854537d5b89b270b44c', title: this.url, tabindex: "0", class: {
|
|
21655
21708
|
'link-button': true,
|
|
21656
21709
|
disabled: this.disabled,
|
|
21657
|
-
}, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: '
|
|
21710
|
+
}, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: '1b08e1a5b8a119d665e1fe001b0c3c92e1bd4874', class: "icon", name: 'chevron-right-small', size: "16" }), hAsync("div", { key: '9cb9f475670cb4993ac27ea3383f5f28210766f3', class: {
|
|
21658
21711
|
link: true,
|
|
21659
21712
|
disabled: this.disabled,
|
|
21660
|
-
} }, hAsync("slot", { key: '
|
|
21713
|
+
} }, hAsync("slot", { key: '866e85c5c6336d9eb17ec452aaa25e85bfb94018' })))));
|
|
21661
21714
|
}
|
|
21662
21715
|
static get style() { return IxLinkButtonStyle0; }
|
|
21663
21716
|
static get cmpMeta() { return {
|
|
@@ -21788,9 +21841,9 @@ class MapNavigation {
|
|
|
21788
21841
|
},
|
|
21789
21842
|
});
|
|
21790
21843
|
const overlayInstance = document.createElement('ix-map-navigation-overlay');
|
|
21791
|
-
overlayInstance.setAttribute('color', color);
|
|
21844
|
+
overlayInstance.setAttribute('color', color !== null && color !== void 0 ? color : '');
|
|
21792
21845
|
overlayInstance.setAttribute('name', name);
|
|
21793
|
-
overlayInstance.setAttribute('icon', icon);
|
|
21846
|
+
overlayInstance.setAttribute('icon', icon !== null && icon !== void 0 ? icon : '');
|
|
21794
21847
|
overlayInstance.setAttribute('slot', 'overlay');
|
|
21795
21848
|
overlayInstance.addEventListener('closeClick', () => this.closeOverlay());
|
|
21796
21849
|
overlayInstance.appendChild(component);
|
|
@@ -21825,11 +21878,11 @@ class MapNavigation {
|
|
|
21825
21878
|
this.hasContentHeader = (nodes === null || nodes === void 0 ? void 0 : nodes.length) !== 0;
|
|
21826
21879
|
}
|
|
21827
21880
|
render() {
|
|
21828
|
-
return (hAsync(Host, { key: '
|
|
21881
|
+
return (hAsync(Host, { key: 'ba41878a23093475533042d9a4ba4cfd16a37893' }, hAsync("slot", { key: 'f65ea5d5ebf9543216f1786a147cdd3fda54bee0', name: "menu" }), hAsync("div", { key: '86908ea0b2be743f577b8cee84369db8221bd341', class: "map-nav" }, hAsync("div", { key: 'f92f1db6cc25ce3db8b04b6e269fe8efddf8a5f9', class: "map-nav-sidebar" }, hAsync("div", { key: 'c4332a42558bfecbc72b2c2b42e99a7553bba2cc', class: "map-nav-header" }, hAsync("ix-application-header", { key: '69e211ad7403a7e8e07d26639be248aae4e894a1', name: this.applicationName, class: "map-nav-header-brand" }, hAsync("slot", { key: 'b721fc8c3f21e5d1e7f6840f3fb10e1a5febbc30', slot: "logo", name: "logo" }))), hAsync("div", { key: '23abf0ad64887cd90edb757cde71db08b872a00e', class: "map-nav-sidebar-content" }, hAsync("div", { key: '5378b320ab76b6613518336c60e7addd2598b599', class: "map-nav-sidebar-static-content" }, hAsync("div", { key: 'f7f1638e6efcefb36a5786203a6d98283ce17947', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (hAsync("ix-icon-button", { icon: 'context-menu', ghost: true, size: "24", variant: "secondary", onClick: (_) => this.contextMenuClick.emit() }))), hAsync("div", { key: '930d10792f23e6df31639ae959ec08b6e009085b', class: "map-nav-sidebar-user-content" }, hAsync("slot", { key: '82f6edb84570324b0d9cf854fda4b280a7af6f15', name: "sidebar-content" })))), hAsync("div", { key: '66e3e8a0408705b77bc220df8cf398f75f456de9', class: "content" }, hAsync("div", { key: 'c8bf3586553e1f82c88f922f6c03d2aeeb7fe5af', class: {
|
|
21829
21882
|
'map-nav-header-content': true,
|
|
21830
21883
|
'bg-2': true,
|
|
21831
21884
|
empty: !this.hasContentHeader,
|
|
21832
|
-
} }, hAsync("slot", { key: '
|
|
21885
|
+
} }, hAsync("slot", { key: '54050e2def4b2f5e9722fb01ec5821f97e9850e8', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), hAsync("main", { key: 'f429b81681627e65628c35e002149425835d8fb3' }, hAsync("slot", { key: 'e1103cdef2ccdf6a225afc2c61fa439779e1a540' }), hAsync("slot", { key: '588bd4fe946d4d074af395c0ce92b971bf19da26', name: "overlay" }))))));
|
|
21833
21886
|
}
|
|
21834
21887
|
get hostElement() { return getElement(this); }
|
|
21835
21888
|
static get style() { return IxMapNavigationStyle0; }
|
|
@@ -21895,14 +21948,14 @@ class MapNavigationOverlay {
|
|
|
21895
21948
|
}
|
|
21896
21949
|
render() {
|
|
21897
21950
|
var _a, _b, _c;
|
|
21898
|
-
return (hAsync(Host, { key: '
|
|
21951
|
+
return (hAsync(Host, { key: 'a4a9212346318b008cfcee34c836ebe3b76b3736' }, hAsync("div", { key: '53f16eaa2cd54107e464ea2abf02bb1b34b4e38e', class: "overlay-header" }, hAsync("div", { key: '849d8b21d699a77415950602a94c222b5f6cd7ea', class: {
|
|
21899
21952
|
'color-indicator': true,
|
|
21900
21953
|
'd-none': ((_a = this.iconColor) !== null && _a !== void 0 ? _a : this.color) === undefined,
|
|
21901
21954
|
}, style: {
|
|
21902
21955
|
'background-color': ((_b = this.iconColor) !== null && _b !== void 0 ? _b : this.color)
|
|
21903
21956
|
? `var(--theme-${(_c = this.iconColor) !== null && _c !== void 0 ? _c : this.color})`
|
|
21904
21957
|
: '',
|
|
21905
|
-
} }), hAsync("div", { key: '
|
|
21958
|
+
} }), hAsync("div", { key: '98b44112dad6abb6b67bc26971162744f88478b0', class: "overlay-header-content" }, hAsync("ix-icon", { key: '50d1bf17ba70f3556205a08286a6a5b9387f7565', size: "32", name: this.icon }), hAsync("span", { key: 'a11a97f11f0026f9c951b41a0aac450012fa68f3', class: "overlay-header-title", title: this.name }, this.name)), hAsync("ix-icon-button", { key: 'd7c015eff6d28d68c86b02e66c34affd32fd3bf6', class: "overlay-close", ghost: true, icon: 'close', size: "24", onClick: () => this.closeOverlay() })), hAsync("slot", { key: '306cd8aeaa073ea2e643e47dc53af770d51d75f2' })));
|
|
21906
21959
|
}
|
|
21907
21960
|
get hostElement() { return getElement(this); }
|
|
21908
21961
|
static get style() { return IxMapNavigationOverlayStyle0; }
|
|
@@ -21945,6 +21998,7 @@ class Menu {
|
|
|
21945
21998
|
registerInstance(this, hostRef);
|
|
21946
21999
|
this.expandChange = createEvent(this, "expandChange", 7);
|
|
21947
22000
|
this.mapExpandChange = createEvent(this, "mapExpandChange", 7);
|
|
22001
|
+
this.openAppSwitch = createEvent(this, "openAppSwitch", 7);
|
|
21948
22002
|
this.isTransitionDisabled = false;
|
|
21949
22003
|
// FBC IAM workaround #488
|
|
21950
22004
|
this.isVisible = (elm) => {
|
|
@@ -22304,49 +22358,56 @@ class Menu {
|
|
|
22304
22358
|
this.mapExpandChange.emit(this.mapExpand);
|
|
22305
22359
|
this.hostElement.dispatchEvent(new ApplicationSidebarToggleEvent(this.mapExpand));
|
|
22306
22360
|
}
|
|
22361
|
+
async showAppSwitch() {
|
|
22362
|
+
var _a;
|
|
22363
|
+
const { defaultPrevented } = this.openAppSwitch.emit();
|
|
22364
|
+
if (defaultPrevented) {
|
|
22365
|
+
return;
|
|
22366
|
+
}
|
|
22367
|
+
if ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) {
|
|
22368
|
+
showAppSwitch(this.applicationLayoutContext.appSwitchConfig);
|
|
22369
|
+
}
|
|
22370
|
+
}
|
|
22307
22371
|
render() {
|
|
22308
22372
|
var _a, _b;
|
|
22309
|
-
return (hAsync(Host, { key: '
|
|
22373
|
+
return (hAsync(Host, { key: '34acb4f7248d1fdd1dae9cd558ee8fbacf6ccb30', class: {
|
|
22310
22374
|
expanded: this.expand,
|
|
22311
22375
|
[`breakpoint-${this.breakpoint}`]: true,
|
|
22312
|
-
}, slot: "menu" }, hAsync("nav", { key: '
|
|
22376
|
+
}, slot: "menu" }, hAsync("nav", { key: '92b517494803d6189be1614a04c7c6edb21ecd5a', class: {
|
|
22313
22377
|
menu: true,
|
|
22314
22378
|
expanded: this.expand,
|
|
22315
|
-
} }, hAsync("div", { key: '
|
|
22316
|
-
((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: '
|
|
22317
|
-
|
|
22318
|
-
|
|
22319
|
-
showAppSwitch(this.applicationLayoutContext.appSwitchConfig);
|
|
22320
|
-
}
|
|
22321
|
-
}, icon: "apps", ghost: true }))), hAsync("div", { key: 'f5dfc27a27bb8f7d37f9350f72c0916067c979f8', id: "menu-tabs", style: {
|
|
22379
|
+
} }, hAsync("div", { key: '565601177af87864f2d1512eadb11b5bcea2a5c3', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '860112657f5ebe5d7d2ab14b37868a4f1b13742f', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu() })), this.breakpoint === 'sm' &&
|
|
22380
|
+
((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: 'fecb89a154c4ede9e6d4b09c78c4fb985ae13e37', onClick: () => {
|
|
22381
|
+
this.showAppSwitch();
|
|
22382
|
+
}, icon: "apps", ghost: true }))), hAsync("div", { key: '11f0983e123eebe3a82866437c9b8479df109066', id: "menu-tabs", style: {
|
|
22322
22383
|
display: 'contents',
|
|
22323
|
-
}, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '
|
|
22384
|
+
}, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: 'd4d76fe04e690a63d76af4b8c84b7cb0b6edc852', class: "tabs-shadow-container" }, hAsync("div", { key: '3c1626e1aac8d92d43969e7b39ecc3551863fee5', class: {
|
|
22324
22385
|
'tabs--shadow': true,
|
|
22325
22386
|
'tabs--shadow-top': true,
|
|
22326
22387
|
'tabs--shadow--show': this.itemsScrollShadowTop,
|
|
22327
|
-
} }), hAsync("div", { key: '
|
|
22388
|
+
} }), hAsync("div", { key: '2629b6c82d46e117077422cc9b500af773190398', class: {
|
|
22328
22389
|
tabs: true,
|
|
22329
22390
|
'show-scrollbar': this.expand,
|
|
22330
|
-
}, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: '
|
|
22391
|
+
}, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: '1cffcb3f33e4c8badffb6ddd775599ff6730bfe3', class: "menu-avatar" }, hAsync("slot", { key: '5ea94f9820f30b00e60eea1ccfe8173882240d66', name: "ix-menu-avatar" })), hAsync("slot", { key: '8a35be3679f329141cb25808ddb9823a7098bbed', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: '2846791805325640f24db3868594f92705f103f8', class: {
|
|
22331
22392
|
'tabs--shadow': true,
|
|
22332
22393
|
'tabs--shadow-bottom': true,
|
|
22333
22394
|
'tabs--shadow--show': this.itemsScrollShadowBottom,
|
|
22334
|
-
} }))), hAsync("div", { key: '
|
|
22395
|
+
} }))), hAsync("div", { key: '91e34e2c7fc757cca8c2c2b27b98d86a19a107c6', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
|
|
22335
22396
|
'internal-tab': true,
|
|
22336
22397
|
'bottom-tab': true,
|
|
22337
22398
|
active: this.showSettings,
|
|
22338
|
-
}, icon: 'cogwheel', onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, hAsync("div", { key: '
|
|
22399
|
+
}, icon: 'cogwheel', onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, hAsync("div", { key: '5947d048b397e8526a329fd1e6e3a91e0acf8eb8', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '4c0329d3a438da60058f0d39ff5fb27f4700930c', name: "bottom" })), hAsync("div", { key: '846223c5ffefc3f20bbf216af267201eee43a483', id: "popover-area" }), this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
|
|
22339
22400
|
'internal-tab': true,
|
|
22340
22401
|
'bottom-tab': true,
|
|
22341
22402
|
active: this.showAbout,
|
|
22342
|
-
}, icon: 'info', onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: 'light-dark', label: this.i18nToggleTheme })) : null, this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null), hAsync("div", { key: '
|
|
22403
|
+
}, icon: 'info', onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: 'light-dark', label: this.i18nToggleTheme })) : null, this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null), hAsync("div", { key: 'b626b582889704483c57da30d427646f3860350e', class: {
|
|
22343
22404
|
'menu-overlay': true,
|
|
22344
22405
|
visible: this.isOverlayVisible(),
|
|
22345
22406
|
expanded: this.expand,
|
|
22346
22407
|
}, onTransitionEnd: () => {
|
|
22347
22408
|
this.isTransitionDisabled = true;
|
|
22348
22409
|
this.checkTransition();
|
|
22349
|
-
} }, hAsync("div", { key: '
|
|
22410
|
+
} }, hAsync("div", { key: '0992a73e9576c1d59c2aaeea3c56d1be08df9506', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: 'd762f782b8d129ae7337e5a8d99e8b123cd3afcb', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
|
|
22350
22411
|
}
|
|
22351
22412
|
get hostElement() { return getElement(this); }
|
|
22352
22413
|
static get watchers() { return {
|
|
@@ -22412,7 +22473,7 @@ class MenuSettings {
|
|
|
22412
22473
|
componentDidLoad() {
|
|
22413
22474
|
}
|
|
22414
22475
|
render() {
|
|
22415
|
-
return hAsync(MenuTabs, { key: '
|
|
22476
|
+
return hAsync(MenuTabs, { key: 'e5a0d1cc238a2c88d9a0c572fbfecefd3a589c38', context: this });
|
|
22416
22477
|
}
|
|
22417
22478
|
get el() { return getElement(this); }
|
|
22418
22479
|
static get watchers() { return {
|
|
@@ -22459,7 +22520,10 @@ function setTab(context, label) {
|
|
|
22459
22520
|
function initialize(context) {
|
|
22460
22521
|
context.items = getItems(context);
|
|
22461
22522
|
if (context.items.length) {
|
|
22462
|
-
|
|
22523
|
+
const selectedLabel = context.activeTabLabel || context.items[0].label;
|
|
22524
|
+
if (selectedLabel) {
|
|
22525
|
+
setTab(context, selectedLabel);
|
|
22526
|
+
}
|
|
22463
22527
|
}
|
|
22464
22528
|
context.items.forEach((item) => {
|
|
22465
22529
|
item.addEventListener('labelChange', (e) => {
|
|
@@ -22481,7 +22545,11 @@ function initialize(context) {
|
|
|
22481
22545
|
*/
|
|
22482
22546
|
const getTabItems = (context) => {
|
|
22483
22547
|
return context.items.map(({ label }) => {
|
|
22484
|
-
return (hAsync("ix-tab-item", { selected: label === context.activeTabLabel, onClick: () =>
|
|
22548
|
+
return (hAsync("ix-tab-item", { selected: label === context.activeTabLabel, onClick: () => {
|
|
22549
|
+
if (label) {
|
|
22550
|
+
setTab(context, label);
|
|
22551
|
+
}
|
|
22552
|
+
} }, label));
|
|
22485
22553
|
});
|
|
22486
22554
|
};
|
|
22487
22555
|
const MenuTabs = ({ context }) => {
|
|
@@ -22522,7 +22590,7 @@ class MenuAbout {
|
|
|
22522
22590
|
componentDidLoad() {
|
|
22523
22591
|
}
|
|
22524
22592
|
render() {
|
|
22525
|
-
return hAsync(MenuTabs, { key: '
|
|
22593
|
+
return hAsync(MenuTabs, { key: 'bb24c389af5981d177e70c71a2dda92cb7ab2b55', context: this });
|
|
22526
22594
|
}
|
|
22527
22595
|
get el() { return getElement(this); }
|
|
22528
22596
|
static get watchers() { return {
|
|
@@ -22561,7 +22629,7 @@ class MenuAboutItem {
|
|
|
22561
22629
|
});
|
|
22562
22630
|
}
|
|
22563
22631
|
render() {
|
|
22564
|
-
return (hAsync(Host, { key: '
|
|
22632
|
+
return (hAsync(Host, { key: '64625e5eb62e019f6e42a9a36dae6207bad0701f' }, hAsync("slot", { key: '519c77be9ef20bc794b1840c4a0f4cba4f924994' })));
|
|
22565
22633
|
}
|
|
22566
22634
|
static get watchers() { return {
|
|
22567
22635
|
"label": ["watchLabel"]
|
|
@@ -22595,16 +22663,16 @@ class MenuAboutNews {
|
|
|
22595
22663
|
this.expanded = false;
|
|
22596
22664
|
}
|
|
22597
22665
|
render() {
|
|
22598
|
-
return (hAsync(Host, { key: '
|
|
22666
|
+
return (hAsync(Host, { key: 'f049e1713ce75c3cf0a066dbcd3878c5752d63b8', class: {
|
|
22599
22667
|
expanded: this.expanded,
|
|
22600
22668
|
show: !this.show,
|
|
22601
|
-
} }, hAsync("div", { key: '
|
|
22669
|
+
} }, hAsync("div", { key: '23f5331fd81c1ac67f36a3f7c2eb0e408f1517a5', class: "banner-container" }, hAsync("ix-icon", { key: 'b2b6cc51da89551b5e9ec4f31b026202cb3370a4', color: "color-inv-contrast-text", name: 'shout', size: "32" }), hAsync("svg", { key: '2c5b9496a40c3e96af0e12e5f647bac4975060d4', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: 'ad6a493b513524ed82fb78ad5c9a912c394ac068', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: '6c9ae33a65929aaa7da29f91727f298e7ed7ae92', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: 'b8e0d8e7b8c2087a0ac5b787db60074fc482cd0e', format: "label", bold: true }, this.label)), hAsync("ix-icon-button", { key: '92b7e27a53e227688f8794d6dffa451453f3416f', size: "24", icon: 'close', ghost: true, onClick: () => {
|
|
22602
22670
|
this.show = false;
|
|
22603
22671
|
this.closePopover.emit();
|
|
22604
|
-
} }), hAsync("div", { key: '
|
|
22672
|
+
} }), hAsync("div", { key: 'eb0cdf640a458dcf0f98563402cd1ccd4e111a43', class: "slot-container" }, hAsync("slot", { key: 'f59b5a5825a4daa8b2026e3385b22198c0a893b2' })), this.aboutItemLabel ? (hAsync("div", { class: "cui-popover-news-footer" }, hAsync("ix-button", { variant: "primary", onClick: (e) => {
|
|
22605
22673
|
this.show = false;
|
|
22606
22674
|
this.showMore.emit(e);
|
|
22607
|
-
} }, this.i18nShowMore))) : null, hAsync("div", { key: '
|
|
22675
|
+
} }, this.i18nShowMore))) : null, hAsync("div", { key: '227e365fa14960bd5f01a54eef9434260cac4055', id: "arrow" })));
|
|
22608
22676
|
}
|
|
22609
22677
|
static get style() { return IxMenuAboutNewsStyle0; }
|
|
22610
22678
|
static get cmpMeta() { return {
|
|
@@ -22649,9 +22717,9 @@ class MenuAvatar {
|
|
|
22649
22717
|
this.showContextMenu = elements.length !== 0;
|
|
22650
22718
|
}
|
|
22651
22719
|
render() {
|
|
22652
|
-
return (hAsync(Host, { key: '
|
|
22720
|
+
return (hAsync(Host, { key: 'f3761a16d1ebc179e8c7a604182efeebc3ae5dbe', slot: "ix-menu-avatar" }, hAsync("button", { key: '706ec6cdd7eb3f45cb6c8cd901511f3bb133d7e7', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: 'b1ace48f1f21901639d89445ae1e5260772a47e1', image: this.image, initials: this.initials }), hAsync("div", { key: 'e6f0edea42cf5c6de4eefa716c1573b1f42133c6', class: "avatar-name" }, hAsync("span", { key: '99532083258dbe7a1a4f6bf304c314c25b4f3339', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: '7ba1b282e56f2e6767da4347ec42e501ec0347cd', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: 'a38543969a094859633a7c3979f5262a0bbc8611', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
|
|
22653
22721
|
mainAxis: 16,
|
|
22654
|
-
} }, hAsync("slot", { key: '
|
|
22722
|
+
} }, hAsync("slot", { key: 'a6c20075e5beaa33e197889ea41f585e7f079719', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (hAsync("ix-menu-avatar-item", { label: this.i18nLogout, icon: 'log-out', onClick: (e) => {
|
|
22655
22723
|
this.logoutClick.emit(e);
|
|
22656
22724
|
} })) : null)));
|
|
22657
22725
|
}
|
|
@@ -22691,7 +22759,7 @@ class MenuAvatarItem {
|
|
|
22691
22759
|
return this.dropdownItemRef.waitForCurrent();
|
|
22692
22760
|
}
|
|
22693
22761
|
render() {
|
|
22694
|
-
return (hAsync("ix-dropdown-item", { key: '
|
|
22762
|
+
return (hAsync("ix-dropdown-item", { key: 'ab0a400a5c753a7dd76b30b28cf1db867b97773a', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
|
|
22695
22763
|
}
|
|
22696
22764
|
get hostElement() { return getElement(this); }
|
|
22697
22765
|
static get style() { return IxMenuAvatarItemStyle0; }
|
|
@@ -22812,7 +22880,8 @@ class MenuCategory {
|
|
|
22812
22880
|
});
|
|
22813
22881
|
}
|
|
22814
22882
|
onPointerEnter() {
|
|
22815
|
-
|
|
22883
|
+
var _a;
|
|
22884
|
+
if ((_a = this.ixMenu) === null || _a === void 0 ? void 0 : _a.expand) {
|
|
22816
22885
|
return;
|
|
22817
22886
|
}
|
|
22818
22887
|
this.closeOtherCategories.emit();
|
|
@@ -22822,15 +22891,27 @@ class MenuCategory {
|
|
|
22822
22891
|
this.showDropdown = false;
|
|
22823
22892
|
}
|
|
22824
22893
|
onCategoryClick(e) {
|
|
22894
|
+
var _a;
|
|
22825
22895
|
e.stopPropagation();
|
|
22826
|
-
if (this.ixMenu.expand) {
|
|
22827
|
-
e === null || e === void 0 ? void 0 : e.stopPropagation();
|
|
22896
|
+
if ((_a = this.ixMenu) === null || _a === void 0 ? void 0 : _a.expand) {
|
|
22828
22897
|
this.onExpandCategory(!this.showItems);
|
|
22829
22898
|
return;
|
|
22830
22899
|
}
|
|
22831
22900
|
}
|
|
22832
|
-
onNestedItemsChanged() {
|
|
22901
|
+
onNestedItemsChanged(mutations) {
|
|
22833
22902
|
this.nestedItems = this.getNestedItems();
|
|
22903
|
+
if (!this.menuExpand || this.showItems || !mutations) {
|
|
22904
|
+
return;
|
|
22905
|
+
}
|
|
22906
|
+
for (const mutation of mutations !== null && mutations !== void 0 ? mutations : []) {
|
|
22907
|
+
if (mutation.attributeName === 'class' &&
|
|
22908
|
+
mutation.target instanceof HTMLElement &&
|
|
22909
|
+
mutation.target.classList.contains('active')) {
|
|
22910
|
+
this.showItems = true;
|
|
22911
|
+
this.onExpandCategory(true);
|
|
22912
|
+
return;
|
|
22913
|
+
}
|
|
22914
|
+
}
|
|
22834
22915
|
}
|
|
22835
22916
|
isCategoryItemListVisible() {
|
|
22836
22917
|
return this.menuExpand && (this.showItems || this.isNestedItemActive());
|
|
@@ -22845,7 +22926,8 @@ class MenuCategory {
|
|
|
22845
22926
|
this.showItems = this.isCategoryItemListVisible();
|
|
22846
22927
|
}
|
|
22847
22928
|
componentDidLoad() {
|
|
22848
|
-
|
|
22929
|
+
var _a;
|
|
22930
|
+
this.observer = createMutationObserver((mutations) => this.onNestedItemsChanged(mutations));
|
|
22849
22931
|
this.observer.observe(this.hostElement, {
|
|
22850
22932
|
attributes: true,
|
|
22851
22933
|
childList: true,
|
|
@@ -22854,7 +22936,7 @@ class MenuCategory {
|
|
|
22854
22936
|
requestAnimationFrame(() => {
|
|
22855
22937
|
this.onNestedItemsChanged();
|
|
22856
22938
|
});
|
|
22857
|
-
this.ixMenu.addEventListener('expandChange', ({ detail: menuExpand }) => {
|
|
22939
|
+
(_a = this.ixMenu) === null || _a === void 0 ? void 0 : _a.addEventListener('expandChange', ({ detail: menuExpand }) => {
|
|
22858
22940
|
this.menuExpand = menuExpand;
|
|
22859
22941
|
if (!menuExpand) {
|
|
22860
22942
|
this.clearMenuItemStyles();
|
|
@@ -22863,8 +22945,9 @@ class MenuCategory {
|
|
|
22863
22945
|
});
|
|
22864
22946
|
}
|
|
22865
22947
|
clearMenuItemStyles() {
|
|
22866
|
-
|
|
22867
|
-
this.menuItemsContainer.style.removeProperty('
|
|
22948
|
+
var _a, _b;
|
|
22949
|
+
(_a = this.menuItemsContainer) === null || _a === void 0 ? void 0 : _a.style.removeProperty('max-height');
|
|
22950
|
+
(_b = this.menuItemsContainer) === null || _b === void 0 ? void 0 : _b.style.removeProperty('opacity');
|
|
22868
22951
|
}
|
|
22869
22952
|
disconnectedCallback() {
|
|
22870
22953
|
if (this.observer) {
|
|
@@ -22872,7 +22955,7 @@ class MenuCategory {
|
|
|
22872
22955
|
}
|
|
22873
22956
|
}
|
|
22874
22957
|
render() {
|
|
22875
|
-
return (hAsync(Host, { key: '
|
|
22958
|
+
return (hAsync(Host, { key: 'e71d240316eb6b94bb380ef38095a980c414e3da', class: {
|
|
22876
22959
|
expanded: this.showItems,
|
|
22877
22960
|
}, onPointerEnter: () => {
|
|
22878
22961
|
this.enterLeaveDebounce.onEnter();
|
|
@@ -22881,14 +22964,14 @@ class MenuCategory {
|
|
|
22881
22964
|
return;
|
|
22882
22965
|
}
|
|
22883
22966
|
this.enterLeaveDebounce.onLeave();
|
|
22884
|
-
} }, hAsync("ix-menu-item", { key: '
|
|
22967
|
+
} }, hAsync("ix-menu-item", { key: 'a944c473517dc6bdfbe17557de92ea23e33a636b', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), isCategory: true }, hAsync("div", { key: '92d971d7fb4b9e93c17e5f6dce66a4c71d15df40', class: "category" }, hAsync("div", { key: '60f7d2d47cd58a9f52d5061d8758ce7e293265d7', class: "category-text" }, this.label), hAsync("ix-icon", { key: '5e5acccf3735496059acd2c96b604d2d2a911ab9', name: 'chevron-down-small', class: {
|
|
22885
22968
|
'category-chevron': true,
|
|
22886
22969
|
'category-chevron--open': this.showItems,
|
|
22887
|
-
} }))), hAsync("div", { key: '
|
|
22970
|
+
} }))), hAsync("div", { key: '6cd4983793650c000968615488bf5432ebff8ae5', ref: (ref) => (this.menuItemsContainer = ref), class: {
|
|
22888
22971
|
'menu-items': true,
|
|
22889
22972
|
'menu-items--expanded': this.showItems,
|
|
22890
22973
|
'menu-items--collapsed': !this.showItems,
|
|
22891
|
-
} }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: '
|
|
22974
|
+
} }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: '865f01f86e242c671c98bbb0c69a34fd13d57191', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
|
|
22892
22975
|
this.showDropdown = dropdownShown;
|
|
22893
22976
|
}, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
|
|
22894
22977
|
mainAxis: 3,
|
|
@@ -22901,7 +22984,7 @@ class MenuCategory {
|
|
|
22901
22984
|
e.preventDefault();
|
|
22902
22985
|
}
|
|
22903
22986
|
}
|
|
22904
|
-
} }, hAsync("ix-dropdown-item", { key: '
|
|
22987
|
+
} }, hAsync("ix-dropdown-item", { key: '479772ea8b9b93dc9891b9055a49fcfdd8c29b24', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '700e4fb48634c9c6ab5a626dc3fabdc9212b6aa3', format: "label", bold: true, color: "std" }, this.label)), hAsync("ix-divider", { key: 'ffc1422f9d4db6f6b1d32767935678d55ef8231a' }), hAsync("slot", { key: 'a56cd8de6fb1829795ac0866bd2d4d31b672b24a' }))));
|
|
22905
22988
|
}
|
|
22906
22989
|
get hostElement() { return getElement(this); }
|
|
22907
22990
|
static get style() { return IxMenuCategoryStyle0; }
|
|
@@ -22956,7 +23039,7 @@ class MenuExpandIcon {
|
|
|
22956
23039
|
return this.getSmallScreenIcon();
|
|
22957
23040
|
}
|
|
22958
23041
|
render() {
|
|
22959
|
-
return (hAsync(Host, { key: '
|
|
23042
|
+
return (hAsync(Host, { key: '061d1dfbca0bcad9c84f5d45e58973ffd6ca271b', class: {
|
|
22960
23043
|
expanded: this.expanded,
|
|
22961
23044
|
} }, this.getMenuIcon()));
|
|
22962
23045
|
}
|
|
@@ -23060,15 +23143,15 @@ class MenuItem {
|
|
|
23060
23143
|
slot: 'bottom',
|
|
23061
23144
|
};
|
|
23062
23145
|
}
|
|
23063
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
23146
|
+
return (hAsync(Host, Object.assign({ key: '2354afb58f352da2049c890dbc5e3e50f09dba0b', class: {
|
|
23064
23147
|
disabled: this.disabled,
|
|
23065
23148
|
'home-tab': this.home,
|
|
23066
23149
|
'bottom-tab': this.bottom,
|
|
23067
23150
|
active: this.active,
|
|
23068
23151
|
'tab-nested': this.isHostedInsideCategory,
|
|
23069
|
-
} }, extendedAttributes), hAsync("button", { key: '
|
|
23152
|
+
} }, extendedAttributes), hAsync("button", { key: '8018df4a7addace8a43ecfacbb62bc0441cb1454', class: "tab", tabIndex: this.disabled ? -1 : 0, ref: this.buttonRef }, (this.icon || this.tabIcon) && (hAsync("ix-icon", { key: 'ae5b887f0dce48499d40173ececb78de88a4dc49', class: 'tab-icon', name: (_a = this.icon) !== null && _a !== void 0 ? _a : this.tabIcon })), this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null, hAsync("span", { key: '82ffbcea81d54f721940ff582edb456a29ada0df', class: "tab-text text-default" }, this.label, hAsync("slot", { key: '96994438e88c498851d36ff8ab209a15347bd228' }))), !this.isCategory &&
|
|
23070
23153
|
!this.isHostedInsideCategory &&
|
|
23071
|
-
!this.menuExpanded && (hAsync("ix-tooltip", { key: '
|
|
23154
|
+
!this.menuExpanded && (hAsync("ix-tooltip", { key: 'c6c3f4431e58275cbab1c0f8573e5387732ea4e4', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000 }, this.tooltip))));
|
|
23072
23155
|
}
|
|
23073
23156
|
get hostElement() { return getElement(this); }
|
|
23074
23157
|
static get watchers() { return {
|
|
@@ -23115,7 +23198,7 @@ class MenuSettingsItem {
|
|
|
23115
23198
|
});
|
|
23116
23199
|
}
|
|
23117
23200
|
render() {
|
|
23118
|
-
return (hAsync(Host, { key: '
|
|
23201
|
+
return (hAsync(Host, { key: 'f551c7e99242ecfced694c73d83c602dc944dfea' }, hAsync("slot", { key: '11dad3b953eecbfcc967a41195426746f74637eb' })));
|
|
23119
23202
|
}
|
|
23120
23203
|
static get watchers() { return {
|
|
23121
23204
|
"label": ["watchLabel"]
|
|
@@ -23172,8 +23255,10 @@ class MessageBar {
|
|
|
23172
23255
|
this.closedChange.emit();
|
|
23173
23256
|
}
|
|
23174
23257
|
render() {
|
|
23175
|
-
return (hAsync(Host, { key: '
|
|
23176
|
-
|
|
23258
|
+
return (hAsync(Host, { key: '94f3ffb15597b45ecc76e5914f13550c4d882288' }, hAsync("div", { key: 'eaa19cbf27288f4a752b7cbf61b7c33319f2c1d7', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: 'cbced877ee67adf695b59de394a085fae3c43e41', color: this.color, name: this.icon }), hAsync("div", { key: '610ca0dbb5c9c3e0e5099b58a1f449c07a4bc120', class: "message-content" }, hAsync("slot", { key: 'c9f13ca7096ba9694ff112a704958082281fa783' })), this.dismissible ? (hAsync("ix-icon-button", { icon: 'close', size: "24", ghost: true, onClick: () => {
|
|
23259
|
+
if (this.divElement) {
|
|
23260
|
+
this.closeAlert(this.divElement);
|
|
23261
|
+
}
|
|
23177
23262
|
}, "data-testid": "close-btn" })) : (''))));
|
|
23178
23263
|
}
|
|
23179
23264
|
static get style() { return IxMessageBarStyle0; }
|
|
@@ -23360,17 +23445,17 @@ class Modal {
|
|
|
23360
23445
|
this.ariaAttributes = a11yHostAttributes(this.hostElement);
|
|
23361
23446
|
}
|
|
23362
23447
|
render() {
|
|
23363
|
-
return (hAsync(Host, { key: '
|
|
23448
|
+
return (hAsync(Host, { key: '2e3dac43f6f2e9cde6a6d639cb3bcebeb9e9b411', class: {
|
|
23364
23449
|
visible: this.modalVisible,
|
|
23365
23450
|
'no-backdrop': this.backdrop === false,
|
|
23366
23451
|
'align-center': this.centered,
|
|
23367
|
-
} }, hAsync("div", { key: '
|
|
23452
|
+
} }, hAsync("div", { key: '5ea3cf91488446be08e7fc4802b3e167fc688437', class: "dialog-backdrop" }, hAsync("dialog", { key: 'a298c12b344b74ea11a4ba9749a18b49ba97f697', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
|
|
23368
23453
|
modal: true,
|
|
23369
23454
|
[`modal-size-${this.size}`]: true,
|
|
23370
23455
|
}, onClose: () => this.dismissModal(), onClick: (event) => this.onModalClick(event), onCancel: (e) => {
|
|
23371
23456
|
e.preventDefault();
|
|
23372
23457
|
this.dismissModal();
|
|
23373
|
-
} }, hAsync("slot", { key: '
|
|
23458
|
+
} }, hAsync("slot", { key: 'a1da640bda6f15e9c48eb5b3b3f7e336c99cb85b' })))));
|
|
23374
23459
|
}
|
|
23375
23460
|
get hostElement() { return getElement(this); }
|
|
23376
23461
|
static get style() { return IxModalStyle0; }
|
|
@@ -23411,7 +23496,7 @@ class ModalContent {
|
|
|
23411
23496
|
registerInstance(this, hostRef);
|
|
23412
23497
|
}
|
|
23413
23498
|
render() {
|
|
23414
|
-
return (hAsync(Host, { key: '
|
|
23499
|
+
return (hAsync(Host, { key: '84ebcbda08133eb94f2f5b60abb2b2b7bb5ab37a' }, hAsync("slot", { key: '6c1fd9c108911fd724794555d9a0d47d951384c2' })));
|
|
23415
23500
|
}
|
|
23416
23501
|
static get style() { return IxModalContentStyle0; }
|
|
23417
23502
|
static get cmpMeta() { return {
|
|
@@ -23435,7 +23520,7 @@ class ModalFooter {
|
|
|
23435
23520
|
registerInstance(this, hostRef);
|
|
23436
23521
|
}
|
|
23437
23522
|
render() {
|
|
23438
|
-
return (hAsync(Host, { key: '
|
|
23523
|
+
return (hAsync(Host, { key: '30110febb8ef3da803f1772f079ac6e63de7043e' }, hAsync("slot", { key: 'cff6b701cc25f408ded8b4b8b608f1de457e2b78' })));
|
|
23439
23524
|
}
|
|
23440
23525
|
static get style() { return IxModalFooterStyle0; }
|
|
23441
23526
|
static get cmpMeta() { return {
|
|
@@ -23484,7 +23569,7 @@ class ModalHeader {
|
|
|
23484
23569
|
this.parentDialog.dismissModal();
|
|
23485
23570
|
}
|
|
23486
23571
|
render() {
|
|
23487
|
-
return (hAsync(Host, { key: '
|
|
23572
|
+
return (hAsync(Host, { key: 'a1f7e00b9cd9f848fca485129d59ebfabecaee76' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32" })) : null, hAsync("div", { key: '35e8529a8b4f5a7c934210a2ec7b86af9d4b5adc', class: "modal-title" }, hAsync("ix-typography", { key: '624ca4d302a98fb86dda4356fd8e9936eadb4e5b', format: "h5" }, hAsync("slot", { key: '8145c7dbcfafe35d9bd715aaaf671f579f298449' }))), !this.hideClose ? (hAsync("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), ghost: true, icon: "close" })) : null));
|
|
23488
23573
|
}
|
|
23489
23574
|
get hostElement() { return getElement(this); }
|
|
23490
23575
|
static get watchers() { return {
|
|
@@ -23516,7 +23601,7 @@ class ModalLoading {
|
|
|
23516
23601
|
registerInstance(this, hostRef);
|
|
23517
23602
|
}
|
|
23518
23603
|
render() {
|
|
23519
|
-
return (hAsync(Host, { key: '
|
|
23604
|
+
return (hAsync(Host, { key: '5539772ef91bc76d8f291f1b17cde3f6dded3819' }, hAsync("ix-spinner", { key: 'd474cae29a140aeedba4ab43f1a59c1971fcb005', variant: "primary" }), hAsync("span", { key: 'de639907ba000458876827978526b7e992cf6a28', class: 'loading-text' }, hAsync("slot", { key: 'a5dd114932a5cec6afbd42dbdc4d81827f46121d' }))));
|
|
23520
23605
|
}
|
|
23521
23606
|
static get style() { return IxModalLoadingStyle0; }
|
|
23522
23607
|
static get cmpMeta() { return {
|
|
@@ -23529,7 +23614,7 @@ class ModalLoading {
|
|
|
23529
23614
|
}; }
|
|
23530
23615
|
}
|
|
23531
23616
|
|
|
23532
|
-
const numberInputCss = "/*!@label*/label.sc-ix-number-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-number-input{padding:6px 0px}/*!@input*/input.sc-ix-number-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-number-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-number-input:-webkit-autofill,input.sc-ix-number-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-number-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-number-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only),input.sc-ix-number-input:hover:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only),input.sc-ix-number-input:hover:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only),input.sc-ix-number-input:focus:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only),input.sc-ix-number-input:focus:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-number-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-number-input,input.sc-ix-number-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-number-input::-moz-placeholder,input.sc-ix-number-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-number-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-number-input::placeholder,input.sc-ix-number-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-number-input:disabled,input.disabled.sc-ix-number-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-number-input:disabled::-moz-placeholder,input.disabled.sc-ix-number-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-number-input:disabled::placeholder,input.disabled.sc-ix-number-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-number-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-number-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-number-input{padding:0.375rem 1.25rem 0.375rem 0.5rem}/*!@textarea*/textarea.sc-ix-number-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-number-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-number-input:-webkit-autofill,textarea.sc-ix-number-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-number-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-number-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only),textarea.sc-ix-number-input:hover:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only),textarea.sc-ix-number-input:hover:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only),textarea.sc-ix-number-input:focus:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only),textarea.sc-ix-number-input:focus:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-number-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-number-input,textarea.sc-ix-number-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-number-input::-moz-placeholder,textarea.sc-ix-number-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-number-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-number-input::placeholder,textarea.sc-ix-number-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-number-input:disabled,textarea.disabled.sc-ix-number-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-number-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-number-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-number-input:disabled::placeholder,textarea.disabled.sc-ix-number-input::placeholder{color:transparent}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-number-input~.valid-feedback.sc-ix-number-input,textarea.sc-ix-number-input~.invalid-feedback.sc-ix-number-input,input.sc-ix-number-input~.valid-feedback.sc-ix-number-input,input.sc-ix-number-input~.invalid-feedback.sc-ix-number-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-number-input textarea.sc-ix-number-input~.valid-feedback.sc-ix-number-input,form.sc-ix-number-input input.sc-ix-number-input~.valid-feedback.sc-ix-number-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-number-input textarea.sc-ix-number-input~.invalid-feedback.sc-ix-number-input,form.sc-ix-number-input input.sc-ix-number-input~.invalid-feedback.sc-ix-number-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-number-input:not([novalidate]) .sc-ix-number-input:invalid,form.sc-ix-number-input:not([novalidate]) .is-invalid.sc-ix-number-input,form.was-validated.sc-ix-number-input .sc-ix-number-input:invalid,form.was-validated.sc-ix-number-input .is-invalid.sc-ix-number-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-number-input:not([novalidate]) .sc-ix-number-input:invalid~.invalid-feedback.sc-ix-number-input,form.sc-ix-number-input:not([novalidate]) .is-invalid.sc-ix-number-input~.invalid-feedback.sc-ix-number-input,form.was-validated.sc-ix-number-input .sc-ix-number-input:invalid~.invalid-feedback.sc-ix-number-input,form.was-validated.sc-ix-number-input .is-invalid.sc-ix-number-input~.invalid-feedback.sc-ix-number-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-number-input:not([novalidate]) .sc-ix-number-input:valid~.valid-feedback.sc-ix-number-input,form.sc-ix-number-input:not([novalidate]) .is-valid.sc-ix-number-input~.valid-feedback.sc-ix-number-input,form.was-validated.sc-ix-number-input .sc-ix-number-input:valid~.valid-feedback.sc-ix-number-input,form.was-validated.sc-ix-number-input .is-valid.sc-ix-number-input~.valid-feedback.sc-ix-number-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-number-input:not(.was-validated) .invalid-feedback.sc-ix-number-input,form.sc-ix-number-input:not(.was-validated) .valid-feedback.sc-ix-number-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-number-input-h{display:inline-block;position:relative;width:auto}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-number-input-h *.sc-ix-number-input,.sc-ix-number-input-h *.sc-ix-number-input::after,.sc-ix-number-input-h *.sc-ix-number-input::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-number-input-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-corner{display:none}/*!@:host .input-wrapper*/.sc-ix-number-input-h .input-wrapper.sc-ix-number-input{display:flex;position:relative;align-items:center;width:100%;height:100%}/*!@:host input*/.sc-ix-number-input-h input.sc-ix-number-input{width:100%;height:100%}/*!@:host .start-container,\n:host .end-container*/.sc-ix-number-input-h .start-container.sc-ix-number-input,.sc-ix-number-input-h .end-container.sc-ix-number-input{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}/*!@:host .start-container*/.sc-ix-number-input-h .start-container.sc-ix-number-input{left:0}/*!@:host .end-container*/.sc-ix-number-input-h .end-container.sc-ix-number-input{right:0}/*!@:host .start-container ::slotted(*)*/.sc-ix-number-input-h .start-container .sc-ix-number-input-s>*{margin-left:0.5rem}/*!@:host .start-container ::slotted(ix-icon.size-24),\n:host .start-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-number-input-h .start-container .sc-ix-number-input-s>ix-icon.size-24,.sc-ix-number-input-h .start-container.sc-ix-number-input-s>ix-icon-button.btn-icon-16,.sc-ix-number-input-h .start-container .sc-ix-number-input-s>ix-icon-button.btn-icon-16{margin-left:0.25rem}/*!@:host .start-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-number-input-h .start-container .sc-ix-number-input-s>ix-icon-button.btn-icon-32{margin-left:0}/*!@:host .end-container ::slotted(*)*/.sc-ix-number-input-h .end-container .sc-ix-number-input-s>*{margin-right:0.5rem}/*!@:host .end-container ::slotted(ix-icon.size-24),\n:host .end-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-number-input-h .end-container .sc-ix-number-input-s>ix-icon.size-24,.sc-ix-number-input-h .end-container.sc-ix-number-input-s>ix-icon-button.btn-icon-16,.sc-ix-number-input-h .end-container .sc-ix-number-input-s>ix-icon-button.btn-icon-16{margin-right:0.25rem}/*!@:host .end-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-number-input-h .end-container .sc-ix-number-input-s>ix-icon-button.btn-icon-32{margin-right:0}/*!@:host .bottom-text*/.sc-ix-number-input-h .bottom-text.sc-ix-number-input{margin-top:0.25rem;margin-bottom:0.25rem}/*!@:host(.disabled)*/.disabled.sc-ix-number-input-h{pointer-events:none}/*!@:host(.disabled) input,\n:host(.disabled) textarea*/.disabled.sc-ix-number-input-h input.sc-ix-number-input,.disabled.sc-ix-number-input-h textarea.sc-ix-number-input{pointer-events:none}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input*/.ix-info.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-info.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-info.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input*/.ix-warning.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-warning.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-warning.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input*/[class*=ix-invalid].sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input,.ix-invalid--required.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover*/[class*=ix-invalid].sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:hover,.ix-invalid--required.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active*/[class*=ix-invalid].sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:active,.ix-invalid--required.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host .input-wrapper.show-stepper-buttons input[type=number]*/.sc-ix-number-input-h .input-wrapper.show-stepper-buttons.sc-ix-number-input input[type=number].sc-ix-number-input{min-width:6rem}/*!@:host .number-stepper-container*/.sc-ix-number-input-h .number-stepper-container.sc-ix-number-input{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-right:0.25rem}/*!@:host .number-stepper-container.container-hidden*/.sc-ix-number-input-h .number-stepper-container.container-hidden.sc-ix-number-input{display:none}";
|
|
23617
|
+
const numberInputCss = "/*!@label*/label.sc-ix-number-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-number-input{padding:6px 0px}/*!@input*/input.sc-ix-number-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-number-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-number-input:-webkit-autofill,input.sc-ix-number-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-number-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-number-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only),input.sc-ix-number-input:hover:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only),input.sc-ix-number-input:hover:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only),input.sc-ix-number-input:focus:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only),input.sc-ix-number-input:focus:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-number-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-number-input,input.sc-ix-number-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-number-input::-moz-placeholder,input.sc-ix-number-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-number-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-number-input::placeholder,input.sc-ix-number-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-number-input:disabled,input.disabled.sc-ix-number-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-number-input:disabled::-moz-placeholder,input.disabled.sc-ix-number-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-number-input:disabled::placeholder,input.disabled.sc-ix-number-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-number-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-number-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-number-input{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-number-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-number-input:-webkit-autofill,textarea.sc-ix-number-input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-number-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-number-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only),textarea.sc-ix-number-input:hover:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only),textarea.sc-ix-number-input:hover:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only),textarea.sc-ix-number-input:focus:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-number-input:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only),textarea.sc-ix-number-input:focus:not(.readonly,.read-only.sc-ix-number-input,.disabled.sc-ix-number-input,[readonly].sc-ix-number-input,[disabled].sc-ix-number-input,.sc-ix-number-input:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-number-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-number-input,textarea.sc-ix-number-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-number-input::-moz-placeholder,textarea.sc-ix-number-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-number-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-number-input::placeholder,textarea.sc-ix-number-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-number-input:disabled,textarea.disabled.sc-ix-number-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-number-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-number-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-number-input:disabled::placeholder,textarea.disabled.sc-ix-number-input::placeholder{color:transparent}/*!@textarea*/textarea.sc-ix-number-input{padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-number-input~.valid-feedback.sc-ix-number-input,textarea.sc-ix-number-input~.invalid-feedback.sc-ix-number-input,input.sc-ix-number-input~.valid-feedback.sc-ix-number-input,input.sc-ix-number-input~.invalid-feedback.sc-ix-number-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-number-input textarea.sc-ix-number-input~.valid-feedback.sc-ix-number-input,form.sc-ix-number-input input.sc-ix-number-input~.valid-feedback.sc-ix-number-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-number-input textarea.sc-ix-number-input~.invalid-feedback.sc-ix-number-input,form.sc-ix-number-input input.sc-ix-number-input~.invalid-feedback.sc-ix-number-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-number-input:not([novalidate]) .sc-ix-number-input:invalid,form.sc-ix-number-input:not([novalidate]) .is-invalid.sc-ix-number-input,form.was-validated.sc-ix-number-input .sc-ix-number-input:invalid,form.was-validated.sc-ix-number-input .is-invalid.sc-ix-number-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-number-input:not([novalidate]) .sc-ix-number-input:invalid~.invalid-feedback.sc-ix-number-input,form.sc-ix-number-input:not([novalidate]) .is-invalid.sc-ix-number-input~.invalid-feedback.sc-ix-number-input,form.was-validated.sc-ix-number-input .sc-ix-number-input:invalid~.invalid-feedback.sc-ix-number-input,form.was-validated.sc-ix-number-input .is-invalid.sc-ix-number-input~.invalid-feedback.sc-ix-number-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-number-input:not([novalidate]) .sc-ix-number-input:valid~.valid-feedback.sc-ix-number-input,form.sc-ix-number-input:not([novalidate]) .is-valid.sc-ix-number-input~.valid-feedback.sc-ix-number-input,form.was-validated.sc-ix-number-input .sc-ix-number-input:valid~.valid-feedback.sc-ix-number-input,form.was-validated.sc-ix-number-input .is-valid.sc-ix-number-input~.valid-feedback.sc-ix-number-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-number-input:not(.was-validated) .invalid-feedback.sc-ix-number-input,form.sc-ix-number-input:not(.was-validated) .valid-feedback.sc-ix-number-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-number-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-number-input-h{display:inline-block;position:relative;width:auto}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-number-input-h *.sc-ix-number-input,.sc-ix-number-input-h *.sc-ix-number-input::after,.sc-ix-number-input-h *.sc-ix-number-input::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-number-input-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-number-input-h .sc-ix-number-input::-webkit-scrollbar-corner{display:none}/*!@:host .input-wrapper*/.sc-ix-number-input-h .input-wrapper.sc-ix-number-input{display:flex;position:relative;align-items:center;width:100%;height:100%}/*!@:host input*/.sc-ix-number-input-h input.sc-ix-number-input{width:100%;height:100%}/*!@:host .start-container,\n:host .end-container*/.sc-ix-number-input-h .start-container.sc-ix-number-input,.sc-ix-number-input-h .end-container.sc-ix-number-input{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}/*!@:host .start-container*/.sc-ix-number-input-h .start-container.sc-ix-number-input{left:0}/*!@:host .end-container*/.sc-ix-number-input-h .end-container.sc-ix-number-input{right:0}/*!@:host .start-container ::slotted(*)*/.sc-ix-number-input-h .start-container .sc-ix-number-input-s>*{margin-left:0.5rem}/*!@:host .start-container ::slotted(ix-icon.size-24),\n:host .start-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-number-input-h .start-container .sc-ix-number-input-s>ix-icon.size-24,.sc-ix-number-input-h .start-container.sc-ix-number-input-s>ix-icon-button.btn-icon-16,.sc-ix-number-input-h .start-container .sc-ix-number-input-s>ix-icon-button.btn-icon-16{margin-left:0.25rem}/*!@:host .start-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-number-input-h .start-container .sc-ix-number-input-s>ix-icon-button.btn-icon-32{margin-left:0}/*!@:host .end-container ::slotted(*)*/.sc-ix-number-input-h .end-container .sc-ix-number-input-s>*{margin-right:0.5rem}/*!@:host .end-container ::slotted(ix-icon.size-24),\n:host .end-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-number-input-h .end-container .sc-ix-number-input-s>ix-icon.size-24,.sc-ix-number-input-h .end-container.sc-ix-number-input-s>ix-icon-button.btn-icon-16,.sc-ix-number-input-h .end-container .sc-ix-number-input-s>ix-icon-button.btn-icon-16{margin-right:0.25rem}/*!@:host .end-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-number-input-h .end-container .sc-ix-number-input-s>ix-icon-button.btn-icon-32{margin-right:0}/*!@:host .bottom-text*/.sc-ix-number-input-h .bottom-text.sc-ix-number-input{margin-top:0.25rem;margin-bottom:0.25rem}/*!@:host(.disabled)*/.disabled.sc-ix-number-input-h{pointer-events:none}/*!@:host(.disabled) input,\n:host(.disabled) textarea*/.disabled.sc-ix-number-input-h input.sc-ix-number-input,.disabled.sc-ix-number-input-h textarea.sc-ix-number-input{pointer-events:none}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input*/.ix-info.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-info.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-info.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input*/.ix-warning.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-warning.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-warning.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input*/[class*=ix-invalid].sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input,.ix-invalid--required.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover*/[class*=ix-invalid].sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:hover,.ix-invalid--required.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active*/[class*=ix-invalid].sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:active,.ix-invalid--required.sc-ix-number-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-number-input:active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host .input-wrapper.show-stepper-buttons input[type=number]*/.sc-ix-number-input-h .input-wrapper.show-stepper-buttons.sc-ix-number-input input[type=number].sc-ix-number-input{min-width:6rem}/*!@:host .number-stepper-container*/.sc-ix-number-input-h .number-stepper-container.sc-ix-number-input{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-right:0.25rem}/*!@:host .number-stepper-container.container-hidden*/.sc-ix-number-input-h .number-stepper-container.container-hidden.sc-ix-number-input{display:none}";
|
|
23533
23618
|
var IxNumberInputStyle0 = numberInputCss;
|
|
23534
23619
|
|
|
23535
23620
|
/*
|
|
@@ -23604,8 +23689,13 @@ class NumberInput {
|
|
|
23604
23689
|
componentWillLoad() {
|
|
23605
23690
|
this.updateFormInternalValue(this.value);
|
|
23606
23691
|
}
|
|
23607
|
-
|
|
23608
|
-
this.
|
|
23692
|
+
connectedCallback() {
|
|
23693
|
+
this.disposableChangesAndVisibilityObservers =
|
|
23694
|
+
addDisposableChangesAndVisibilityObservers(this.hostElement, this.updatePaddings.bind(this));
|
|
23695
|
+
}
|
|
23696
|
+
disconnectedCallback() {
|
|
23697
|
+
var _a;
|
|
23698
|
+
(_a = this.disposableChangesAndVisibilityObservers) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
23609
23699
|
}
|
|
23610
23700
|
updatePaddings() {
|
|
23611
23701
|
adjustPaddingForStartAndEnd(this.slotStartRef.current, this.slotEndRef.current, this.inputRef.current);
|
|
@@ -23636,16 +23726,16 @@ class NumberInput {
|
|
|
23636
23726
|
}
|
|
23637
23727
|
render() {
|
|
23638
23728
|
const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
|
|
23639
|
-
return (hAsync(Host, { key: '
|
|
23729
|
+
return (hAsync(Host, { key: 'a0f7f1e42f50080a3c68ed8a46415653d8c98db1', class: {
|
|
23640
23730
|
disabled: this.disabled,
|
|
23641
23731
|
readonly: this.readonly,
|
|
23642
|
-
} }, hAsync("ix-field-wrapper", { key: '
|
|
23732
|
+
} }, hAsync("ix-field-wrapper", { key: 'e63d9ee61378d6d25b80f2d8aefa3f572e3a183d', id: this.numberInputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '31b3a31fff69a0b93c652760acef0d555feb0ae9', class: {
|
|
23643
23733
|
'input-wrapper': true,
|
|
23644
23734
|
'show-stepper-buttons': !!this.showStepperButtons,
|
|
23645
|
-
} }, hAsync(SlotStart, { key: '
|
|
23735
|
+
} }, hAsync(SlotStart, { key: 'edb32763f14d9b11605e17cbc16464137eb1ed6a', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'c48f472ed7f054065b73451bcde40b5e5e02327d', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, min: this.min, max: this.max, pattern: this.pattern, type: 'number', isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(Number(value)), updateFormInternalValue: (value) => this.updateFormInternalValue(Number(value)), onBlur: () => onInputBlur(this, this.inputRef.current) }), hAsync(SlotEnd, { key: 'd5ee594714f6c90c1bf26938713945f0f809d289', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '6ac348b7205923bf4063cd58b76a16b6dca456db', class: {
|
|
23646
23736
|
'number-stepper-container': true,
|
|
23647
23737
|
'container-hidden': !showStepperButtons,
|
|
23648
|
-
} }, hAsync("ix-icon-button", { key: '
|
|
23738
|
+
} }, hAsync("ix-icon-button", { key: 'e2e59a1ee82aefb45d330f9ad5a7a74dc86b5fe8', ghost: true, icon: iconMinus, size: "16", class: "number-stepper-button step-minus", onClick: () => {
|
|
23649
23739
|
if (!this.inputRef.current) {
|
|
23650
23740
|
return;
|
|
23651
23741
|
}
|
|
@@ -23653,7 +23743,7 @@ class NumberInput {
|
|
|
23653
23743
|
checkInternalValidity(this, this.inputRef.current);
|
|
23654
23744
|
this.updateFormInternalValue(Number(this.inputRef.current.value));
|
|
23655
23745
|
this.valueChange.emit(this.value);
|
|
23656
|
-
} }), hAsync("ix-icon-button", { key: '
|
|
23746
|
+
} }), hAsync("ix-icon-button", { key: '4e7ed976d0248efa798c304b40c85607714c32d7', ghost: true, icon: iconPlus, size: "16", class: "number-stepper-button step-plus", onClick: () => {
|
|
23657
23747
|
if (!this.inputRef.current) {
|
|
23658
23748
|
return;
|
|
23659
23749
|
}
|
|
@@ -23737,7 +23827,7 @@ class Pagination {
|
|
|
23737
23827
|
this.advanced = false;
|
|
23738
23828
|
this.itemCount = 15;
|
|
23739
23829
|
this.showItemCount = true;
|
|
23740
|
-
this.count =
|
|
23830
|
+
this.count = 0;
|
|
23741
23831
|
this.selectedPage = 0;
|
|
23742
23832
|
this.i18nPage = 'Page';
|
|
23743
23833
|
this.i18nOf = 'of';
|
|
@@ -23828,10 +23918,13 @@ class Pagination {
|
|
|
23828
23918
|
return hAsync("span", { class: "page-buttons" }, pageButtons);
|
|
23829
23919
|
}
|
|
23830
23920
|
render() {
|
|
23831
|
-
return (hAsync(Host, { key: '
|
|
23832
|
-
const
|
|
23833
|
-
|
|
23834
|
-
|
|
23921
|
+
return (hAsync(Host, { key: '8f28dce6f49cf4b71ac337d5b721b6a10091999a' }, hAsync("ix-icon-button", { key: '838b447430b77ba147efe3721340a2a425f31f2c', disabled: !this.count || this.selectedPage === 0, ghost: true, icon: 'chevron-left-small', onClick: () => this.decrease() }), this.advanced ? (hAsync("div", { class: "advanced-pagination" }, hAsync("ix-typography", { format: "body" }, this.i18nPage), hAsync("input", { class: "form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
|
|
23922
|
+
const eventTarget = event.target;
|
|
23923
|
+
if (eventTarget) {
|
|
23924
|
+
const index = Number.parseInt(eventTarget.value);
|
|
23925
|
+
this.selectPage(index - 1);
|
|
23926
|
+
}
|
|
23927
|
+
} }), hAsync("span", { class: "total-count" }, hAsync("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (hAsync("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), hAsync("ix-icon-button", { key: 'efcf14835418f853d90ba459372253ab213bf48d', disabled: !this.count || this.selectedPage === this.count - 1, ghost: true, icon: 'chevron-right-small', onClick: () => this.increase() }), this.advanced && this.showItemCount ? (hAsync("span", { class: "item-count" }, hAsync("ix-typography", { format: "body" }, this.i18nItems), hAsync("ix-select", { hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
|
|
23835
23928
|
const count = Number.parseInt(Array.isArray(e.detail) ? e.detail[0] : e.detail);
|
|
23836
23929
|
this.itemCountChanged.emit(count);
|
|
23837
23930
|
} }, hAsync("ix-select-item", { label: "10", value: "10" }), hAsync("ix-select-item", { label: "15", value: "15" }), hAsync("ix-select-item", { label: "20", value: "20" }), hAsync("ix-select-item", { label: "40", value: "40" }), hAsync("ix-select-item", { label: "100", value: "100" })))) : ('')));
|
|
@@ -24575,7 +24668,7 @@ class Panes {
|
|
|
24575
24668
|
return pane ? pane.floating : false;
|
|
24576
24669
|
}
|
|
24577
24670
|
render() {
|
|
24578
|
-
return (hAsync(Host, { key: '
|
|
24671
|
+
return (hAsync(Host, { key: '0782cd76dbf14624b4d84b83251f6f65abad343e' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
|
|
24579
24672
|
row: true,
|
|
24580
24673
|
'padding-left': this.hasPadding('left'),
|
|
24581
24674
|
'padding-right': this.hasPadding('right'),
|
|
@@ -24630,7 +24723,7 @@ class Panes {
|
|
|
24630
24723
|
}; }
|
|
24631
24724
|
}
|
|
24632
24725
|
|
|
24633
|
-
const pillCss = "/*!@:host*/.sc-ix-pill-h{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left:0.25rem}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-pill-h *.sc-ix-pill,.sc-ix-pill-h *.sc-ix-pill::after,.sc-ix-pill-h *.sc-ix-pill::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-pill-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-corner{display:none}/*!@.container*/.container.sc-ix-pill{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:default}/*!@.container .with-icon*/.container.sc-ix-pill .with-icon.sc-ix-pill{margin-right:0.25rem}/*!@.container .hidden*/.container.sc-ix-pill .hidden.sc-ix-pill{display:none;width:0;margin-right:0}/*!@.container .close-button-container*/.container.sc-ix-pill .close-button-container.sc-ix-pill{display:inline-flex;margin-left:auto;padding-left:0.5rem}/*!@.container .slot-container*/.container.sc-ix-pill .slot-container.sc-ix-pill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@.container.outline.icon*/.container.outline.icon.sc-ix-pill{padding-left:calc(0.75rem - 1px)}/*!@.container.outline:not(.icon)*/.container.outline.sc-ix-pill:not(.icon){padding-left:calc(0.5rem - 1px)}/*!@.container.outline.closable:not(.inactive)*/.container.outline.closable.sc-ix-pill:not(.inactive){padding-right:calc(0.25rem - 1px)}/*!@.container.outline.closable.inactive, .container.outline:not(.closable)*/.container.outline.closable.inactive.sc-ix-pill,.container.outline.sc-ix-pill:not(.closable){padding-right:calc(0.5rem - 1px)}/*!@.container.outline.icon:not(.closable)*/.container.outline.icon.sc-ix-pill:not(.closable){padding-right:calc(0.75rem - 1px)}/*!@.container:not(.outline).icon*/.container.sc-ix-pill:not(.outline).icon{padding-left:0.75rem}/*!@.container:not(.outline):not(.icon)*/.container.sc-ix-pill:not(.outline):not(.icon){padding-left:0.5rem}/*!@.container:not(.outline).closable:not(.inactive)*/.container.sc-ix-pill:not(.outline).closable:not(.inactive){padding-right:0.25rem}/*!@.container:not(.outline).closable.inactive*/.container.sc-ix-pill:not(.outline).closable.inactive{padding-right:0.5rem}/*!@.container:not(.outline):not(.closable).icon*/.container.sc-ix-pill:not(.outline):not(.closable).icon{padding-right:0.75rem}/*!@.container:not(.outline):not(.closable):not(.icon)*/.container.sc-ix-pill:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}/*!@.container.primary*/.container.primary.sc-ix-pill{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}/*!@.container.primary .close-button*/.container.primary.sc-ix-pill .close-button.sc-ix-pill{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}/*!@.container.primary.outline*/.container.primary.outline.sc-ix-pill{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}/*!@.container.primary.outline .close-button*/.container.primary.outline.sc-ix-pill .close-button.sc-ix-pill{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}/*!@.container.outline*/.container.outline.sc-ix-pill{border-width:1px;border-style:solid}/*!@.container.alarm*/.container.alarm.sc-ix-pill{color:var(--theme-color-alarm--contrast)}/*!@.container.alarm:not(.outline)*/.container.alarm.sc-ix-pill:not(.outline){background-color:var(--theme-color-alarm)}/*!@.container.alarm:not(.outline) .close-button*/.container.alarm.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}/*!@.container.alarm.outline*/.container.alarm.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}/*!@.container.critical*/.container.critical.sc-ix-pill{color:var(--theme-color-critical--contrast)}/*!@.container.critical:not(.outline)*/.container.critical.sc-ix-pill:not(.outline){background-color:var(--theme-color-critical)}/*!@.container.critical:not(.outline) .close-button*/.container.critical.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}/*!@.container.critical.outline*/.container.critical.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}/*!@.container.warning*/.container.warning.sc-ix-pill{color:var(--theme-color-warning--contrast)}/*!@.container.warning:not(.outline)*/.container.warning.sc-ix-pill:not(.outline){background-color:var(--theme-color-warning)}/*!@.container.warning:not(.outline) .close-button*/.container.warning.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}/*!@.container.warning.outline*/.container.warning.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}/*!@.container.info*/.container.info.sc-ix-pill{color:var(--theme-color-info--contrast)}/*!@.container.info:not(.outline)*/.container.info.sc-ix-pill:not(.outline){background-color:var(--theme-color-info)}/*!@.container.info:not(.outline) .close-button*/.container.info.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}/*!@.container.info.outline*/.container.info.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}/*!@.container.neutral*/.container.neutral.sc-ix-pill{color:var(--theme-color-neutral--contrast)}/*!@.container.neutral:not(.outline)*/.container.neutral.sc-ix-pill:not(.outline){background-color:var(--theme-color-neutral)}/*!@.container.neutral:not(.outline) .close-button*/.container.neutral.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}/*!@.container.neutral.outline*/.container.neutral.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}/*!@.container.success*/.container.success.sc-ix-pill{color:var(--theme-color-success--contrast)}/*!@.container.success:not(.outline)*/.container.success.sc-ix-pill:not(.outline){background-color:var(--theme-color-success)}/*!@.container.success:not(.outline) .close-button*/.container.success.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}/*!@.container.success.outline*/.container.success.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}/*!@:host .container*/.sc-ix-pill-h .container.sc-ix-pill{height:100%;justify-content:center;padding-right:0.5rem
|
|
24726
|
+
const pillCss = "/*!@:host*/.sc-ix-pill-h{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left:0.25rem}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-pill-h *.sc-ix-pill,.sc-ix-pill-h *.sc-ix-pill::after,.sc-ix-pill-h *.sc-ix-pill::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-pill-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-pill-h .sc-ix-pill::-webkit-scrollbar-corner{display:none}/*!@.container*/.container.sc-ix-pill{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:default}/*!@.container .with-icon*/.container.sc-ix-pill .with-icon.sc-ix-pill{margin-right:0.25rem}/*!@.container .hidden*/.container.sc-ix-pill .hidden.sc-ix-pill{display:none;width:0;margin-right:0}/*!@.container .close-button-container*/.container.sc-ix-pill .close-button-container.sc-ix-pill{display:inline-flex;margin-left:auto;padding-left:0.5rem}/*!@.container .slot-container*/.container.sc-ix-pill .slot-container.sc-ix-pill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@.container.outline.icon*/.container.outline.icon.sc-ix-pill{padding-left:calc(0.75rem - 1px)}/*!@.container.outline:not(.icon)*/.container.outline.sc-ix-pill:not(.icon){padding-left:calc(0.5rem - 1px)}/*!@.container.outline.closable:not(.inactive)*/.container.outline.closable.sc-ix-pill:not(.inactive){padding-right:calc(0.25rem - 1px)}/*!@.container.outline.closable.inactive, .container.outline:not(.closable)*/.container.outline.closable.inactive.sc-ix-pill,.container.outline.sc-ix-pill:not(.closable){padding-right:calc(0.5rem - 1px)}/*!@.container.outline.icon:not(.closable)*/.container.outline.icon.sc-ix-pill:not(.closable){padding-right:calc(0.75rem - 1px)}/*!@.container:not(.outline).icon*/.container.sc-ix-pill:not(.outline).icon{padding-left:0.75rem}/*!@.container:not(.outline):not(.icon)*/.container.sc-ix-pill:not(.outline):not(.icon){padding-left:0.5rem}/*!@.container:not(.outline).closable:not(.inactive)*/.container.sc-ix-pill:not(.outline).closable:not(.inactive){padding-right:0.25rem}/*!@.container:not(.outline).closable.inactive*/.container.sc-ix-pill:not(.outline).closable.inactive{padding-right:0.5rem}/*!@.container:not(.outline):not(.closable).icon*/.container.sc-ix-pill:not(.outline):not(.closable).icon{padding-right:0.75rem}/*!@.container:not(.outline):not(.closable):not(.icon)*/.container.sc-ix-pill:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}/*!@.container.primary*/.container.primary.sc-ix-pill{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}/*!@.container.primary .close-button*/.container.primary.sc-ix-pill .close-button.sc-ix-pill{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}/*!@.container.primary.outline*/.container.primary.outline.sc-ix-pill{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}/*!@.container.primary.outline .close-button*/.container.primary.outline.sc-ix-pill .close-button.sc-ix-pill{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}/*!@.container.outline*/.container.outline.sc-ix-pill{border-width:1px;border-style:solid}/*!@.container.alarm*/.container.alarm.sc-ix-pill{color:var(--theme-color-alarm--contrast)}/*!@.container.alarm:not(.outline)*/.container.alarm.sc-ix-pill:not(.outline){background-color:var(--theme-color-alarm)}/*!@.container.alarm:not(.outline) .close-button*/.container.alarm.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}/*!@.container.alarm.outline*/.container.alarm.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}/*!@.container.critical*/.container.critical.sc-ix-pill{color:var(--theme-color-critical--contrast)}/*!@.container.critical:not(.outline)*/.container.critical.sc-ix-pill:not(.outline){background-color:var(--theme-color-critical)}/*!@.container.critical:not(.outline) .close-button*/.container.critical.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}/*!@.container.critical.outline*/.container.critical.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}/*!@.container.warning*/.container.warning.sc-ix-pill{color:var(--theme-color-warning--contrast)}/*!@.container.warning:not(.outline)*/.container.warning.sc-ix-pill:not(.outline){background-color:var(--theme-color-warning)}/*!@.container.warning:not(.outline) .close-button*/.container.warning.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}/*!@.container.warning.outline*/.container.warning.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}/*!@.container.info*/.container.info.sc-ix-pill{color:var(--theme-color-info--contrast)}/*!@.container.info:not(.outline)*/.container.info.sc-ix-pill:not(.outline){background-color:var(--theme-color-info)}/*!@.container.info:not(.outline) .close-button*/.container.info.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}/*!@.container.info.outline*/.container.info.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}/*!@.container.neutral*/.container.neutral.sc-ix-pill{color:var(--theme-color-neutral--contrast)}/*!@.container.neutral:not(.outline)*/.container.neutral.sc-ix-pill:not(.outline){background-color:var(--theme-color-neutral)}/*!@.container.neutral:not(.outline) .close-button*/.container.neutral.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}/*!@.container.neutral.outline*/.container.neutral.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}/*!@.container.success*/.container.success.sc-ix-pill{color:var(--theme-color-success--contrast)}/*!@.container.success:not(.outline)*/.container.success.sc-ix-pill:not(.outline){background-color:var(--theme-color-success)}/*!@.container.success:not(.outline) .close-button*/.container.success.sc-ix-pill:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}/*!@.container.success.outline*/.container.success.outline.sc-ix-pill{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}/*!@:host .container*/.sc-ix-pill-h .container.sc-ix-pill{height:100%;justify-content:center}/*!@:host .container .with-icon*/.sc-ix-pill-h .container.sc-ix-pill .with-icon.sc-ix-pill{margin-right:0}/*!@:host .container.outline.icon*/.sc-ix-pill-h .container.outline.icon.sc-ix-pill{padding-left:0.4375rem;padding-right:0.4375rem}/*!@:host .container:not(.outline).icon*/.sc-ix-pill-h .container.sc-ix-pill:not(.outline).icon{padding-left:0.5rem;padding-right:0.5rem}/*!@:host .with-gap*/.sc-ix-pill-h .with-gap.sc-ix-pill{gap:0.25rem}/*!@:host(.align-left) .container*/.align-left.sc-ix-pill-h .container.sc-ix-pill{justify-content:flex-start}";
|
|
24634
24727
|
var IxPillStyle0 = pillCss;
|
|
24635
24728
|
|
|
24636
24729
|
class Pill {
|
|
@@ -24643,6 +24736,15 @@ class Pill {
|
|
|
24643
24736
|
this.color = undefined;
|
|
24644
24737
|
this.pillColor = undefined;
|
|
24645
24738
|
this.alignLeft = false;
|
|
24739
|
+
this.iconOnly = false;
|
|
24740
|
+
}
|
|
24741
|
+
componentWillLoad() {
|
|
24742
|
+
this.checkIfContentAvailable();
|
|
24743
|
+
}
|
|
24744
|
+
checkIfContentAvailable() {
|
|
24745
|
+
const hasChildren = this.hostElement.children.length > 0;
|
|
24746
|
+
const hasTextContent = !!this.hostElement.textContent;
|
|
24747
|
+
this.iconOnly = !hasChildren && !hasTextContent;
|
|
24646
24748
|
}
|
|
24647
24749
|
render() {
|
|
24648
24750
|
var _a, _b;
|
|
@@ -24653,13 +24755,13 @@ class Pill {
|
|
|
24653
24755
|
[this.outline ? 'borderColor' : 'backgroundColor']: this.background,
|
|
24654
24756
|
};
|
|
24655
24757
|
}
|
|
24656
|
-
return (hAsync(Host, { key: '
|
|
24758
|
+
return (hAsync(Host, { key: 'cf932b24a24c809c20ea8bc85cc71c6b2202c975', style: this.variant === 'custom'
|
|
24657
24759
|
? {
|
|
24658
24760
|
'--ix-icon-button-color': (_b = this.pillColor) !== null && _b !== void 0 ? _b : this.color,
|
|
24659
24761
|
}
|
|
24660
|
-
: {}, title: this.
|
|
24762
|
+
: {}, title: this.hostElement.textContent, class: {
|
|
24661
24763
|
'align-left': this.alignLeft,
|
|
24662
|
-
} }, hAsync("div", { key: '
|
|
24764
|
+
} }, hAsync("div", { key: '362019713872b5b86e0652ec6abaf839601812e0', style: Object.assign({}, customStyle), class: {
|
|
24663
24765
|
container: true,
|
|
24664
24766
|
outline: this.outline,
|
|
24665
24767
|
inactive: false,
|
|
@@ -24673,12 +24775,13 @@ class Pill {
|
|
|
24673
24775
|
custom: this.variant === 'custom',
|
|
24674
24776
|
closable: false,
|
|
24675
24777
|
icon: !!this.icon,
|
|
24676
|
-
|
|
24778
|
+
'with-gap': !this.iconOnly,
|
|
24779
|
+
} }, hAsync("ix-icon", { key: '1373ff2c8bdc7efb83c4b29f6ee33aec624f408d', class: {
|
|
24677
24780
|
'with-icon': true,
|
|
24678
24781
|
hidden: this.icon === undefined || this.icon === '',
|
|
24679
|
-
}, name: this.icon, size: '16' }), hAsync("span", { key: '
|
|
24782
|
+
}, name: this.icon, size: '16' }), hAsync("span", { key: '29b1e6315c5a2a65c0c9fc35b86ead8e7f69bfe7', class: "slot-container" }, hAsync("slot", { key: 'a43419e4efbdcdf54318fb261c1db932c1e08d92', onSlotchange: () => this.checkIfContentAvailable() })))));
|
|
24680
24783
|
}
|
|
24681
|
-
get
|
|
24784
|
+
get hostElement() { return getElement(this); }
|
|
24682
24785
|
static get style() { return IxPillStyle0; }
|
|
24683
24786
|
static get cmpMeta() { return {
|
|
24684
24787
|
"$flags$": 9,
|
|
@@ -24690,7 +24793,8 @@ class Pill {
|
|
|
24690
24793
|
"background": [1],
|
|
24691
24794
|
"color": [1],
|
|
24692
24795
|
"pillColor": [1, "pill-color"],
|
|
24693
|
-
"alignLeft": [4, "align-left"]
|
|
24796
|
+
"alignLeft": [4, "align-left"],
|
|
24797
|
+
"iconOnly": [32]
|
|
24694
24798
|
},
|
|
24695
24799
|
"$listeners$": undefined,
|
|
24696
24800
|
"$lazyBundleId$": "-",
|
|
@@ -24698,7 +24802,7 @@ class Pill {
|
|
|
24698
24802
|
}; }
|
|
24699
24803
|
}
|
|
24700
24804
|
|
|
24701
|
-
const pushCardCss = "/*!@:host*/.sc-ix-push-card-h{display:block;position:relative}/*!@:host .icon*/.sc-ix-push-card-h .icon.sc-ix-push-card{
|
|
24805
|
+
const pushCardCss = "/*!@:host*/.sc-ix-push-card-h{display:block;position:relative}/*!@:host ix-card*/.sc-ix-push-card-h ix-card.sc-ix-push-card{cursor:default}/*!@:host ix-card-accordion*/.sc-ix-push-card-h ix-card-accordion.sc-ix-push-card{cursor:pointer}/*!@:host .icon*/.sc-ix-push-card-h .icon.sc-ix-push-card{height:2.5rem;width:2.5rem}/*!@:host .notification*/.sc-ix-push-card-h .notification.sc-ix-push-card{font-size:40px}/*!@:host ix-card-content*/.sc-ix-push-card-h ix-card-content.sc-ix-push-card{height:11rem}";
|
|
24702
24806
|
var IxPushCardStyle0 = pushCardCss;
|
|
24703
24807
|
|
|
24704
24808
|
/**
|
|
@@ -24739,7 +24843,7 @@ class PushCard {
|
|
|
24739
24843
|
}; }
|
|
24740
24844
|
}
|
|
24741
24845
|
|
|
24742
|
-
const radioCss = "/*!@:host*/.sc-ix-radio-h{display:inline-block;position:relative}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-radio-h *.sc-ix-radio,.sc-ix-radio-h *.sc-ix-radio::after,.sc-ix-radio-h *.sc-ix-radio::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-radio-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-corner{display:none}/*!@:host button*/.sc-ix-radio-h button.sc-ix-radio{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px;margin-right:0.5rem}/*!@:host button:focus-visible*/.sc-ix-radio-h button.sc-ix-radio:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}/*!@:host input[type=radio]*/.sc-ix-radio-h input[type=radio].sc-ix-radio{display:none}/*!@:host label*/.sc-ix-radio-h label.sc-ix-radio{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%}/*!@:host .checkmark*/.sc-ix-radio-h .checkmark.sc-ix-radio{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}/*!@:host button*/.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}/*!@:host(:hover) button*/.sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}/*!@:host(:active) button*/.sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}/*!@:host(.checked) button,\n:host([indeterminate]) button*/.checked.sc-ix-radio-h button.sc-ix-radio,[indeterminate].sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}/*!@:host(.checked:hover) button,\n:host([indeterminate]:hover) button*/.checked.sc-ix-radio-h:hover button.sc-ix-radio,[indeterminate].sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}/*!@:host(.checked:active) button,\n:host([indeterminate]:active) button*/.checked.sc-ix-radio-h:active button.sc-ix-radio,[indeterminate].sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}/*!@:host(:disabled),\n:host(.disabled)*/.sc-ix-radio-h:disabled,.disabled.sc-ix-radio-h{pointer-events:none}/*!@:host(:disabled) button,\n:host(.disabled) button*/.sc-ix-radio-h:disabled button.sc-ix-radio,.disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}/*!@:host(.checked:disabled) button,\n:host(.checked.disabled) button,\n:host([indeterminate]:disabled) button,\n:host([indeterminate].disabled) button*/.checked.sc-ix-radio-h:disabled button.sc-ix-radio,.checked.disabled.sc-ix-radio-h button.sc-ix-radio,[indeterminate].sc-ix-radio-h:disabled button.sc-ix-radio,[indeterminate].disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}/*!@ix-typography*/ix-typography.sc-ix-radio{margin-top:0.125rem}/*!@:host(.ix-info:not(.disabled)) button*/.ix-info.sc-ix-radio-h:not(.disabled) button.sc-ix-radio{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--info);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--info--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--info--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--info);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--info--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--info--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--info);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--info--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--info--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--info);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--info--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--info--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--info);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--info--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--info--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--info);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--info--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--info--active)}/*!@:host(.ix-info) button*/.ix-info.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}/*!@:host(.ix-info:hover) button*/.ix-info.sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}/*!@:host(.ix-info:active) button*/.ix-info.sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}/*!@:host(.ix-info.checked) button,\n:host(.ix-info[indeterminate]) button*/.ix-info.checked.sc-ix-radio-h button.sc-ix-radio,.ix-info[indeterminate].sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}/*!@:host(.ix-info.checked:hover) button,\n:host(.ix-info[indeterminate]:hover) button*/.ix-info.checked.sc-ix-radio-h:hover button.sc-ix-radio,.ix-info[indeterminate].sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}/*!@:host(.ix-info.checked:active) button,\n:host(.ix-info[indeterminate]:active) button*/.ix-info.checked.sc-ix-radio-h:active button.sc-ix-radio,.ix-info[indeterminate].sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}/*!@:host(.ix-info:disabled) button,\n:host(.ix-info.disabled) button*/.ix-info.sc-ix-radio-h:disabled button.sc-ix-radio,.ix-info.disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}/*!@:host(.ix-info.checked:disabled) button,\n:host(.ix-info.checked.disabled) button,\n:host(.ix-info[indeterminate]:disabled) button,\n:host(.ix-info[indeterminate].disabled) button*/.ix-info.checked.sc-ix-radio-h:disabled button.sc-ix-radio,.ix-info.checked.disabled.sc-ix-radio-h button.sc-ix-radio,.ix-info[indeterminate].sc-ix-radio-h:disabled button.sc-ix-radio,.ix-info[indeterminate].disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}/*!@:host(.ix-warning:not(.disabled)) button*/.ix-warning.sc-ix-radio-h:not(.disabled) button.sc-ix-radio{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--warning);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--warning--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--warning--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--warning);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--warning--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--warning--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--warning);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--warning--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--warning--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--warning);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--warning--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--warning--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--warning);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--warning--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--warning--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--warning);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--warning--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--warning--active)}/*!@:host(.ix-warning) button*/.ix-warning.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}/*!@:host(.ix-warning:hover) button*/.ix-warning.sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}/*!@:host(.ix-warning:active) button*/.ix-warning.sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}/*!@:host(.ix-warning.checked) button,\n:host(.ix-warning[indeterminate]) button*/.ix-warning.checked.sc-ix-radio-h button.sc-ix-radio,.ix-warning[indeterminate].sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}/*!@:host(.ix-warning.checked:hover) button,\n:host(.ix-warning[indeterminate]:hover) button*/.ix-warning.checked.sc-ix-radio-h:hover button.sc-ix-radio,.ix-warning[indeterminate].sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}/*!@:host(.ix-warning.checked:active) button,\n:host(.ix-warning[indeterminate]:active) button*/.ix-warning.checked.sc-ix-radio-h:active button.sc-ix-radio,.ix-warning[indeterminate].sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}/*!@:host(.ix-warning:disabled) button,\n:host(.ix-warning.disabled) button*/.ix-warning.sc-ix-radio-h:disabled button.sc-ix-radio,.ix-warning.disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}/*!@:host(.ix-warning.checked:disabled) button,\n:host(.ix-warning.checked.disabled) button,\n:host(.ix-warning[indeterminate]:disabled) button,\n:host(.ix-warning[indeterminate].disabled) button*/.ix-warning.checked.sc-ix-radio-h:disabled button.sc-ix-radio,.ix-warning.checked.disabled.sc-ix-radio-h button.sc-ix-radio,.ix-warning[indeterminate].sc-ix-radio-h:disabled button.sc-ix-radio,.ix-warning[indeterminate].disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}/*!@:host(.ix-invalid--required:not(.disabled)) button*/.ix-invalid--required.sc-ix-radio-h:not(.disabled) button.sc-ix-radio{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}/*!@:host(.ix-invalid--required) button*/.ix-invalid--required.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}/*!@:host(.ix-invalid--required:hover) button*/.ix-invalid--required.sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}/*!@:host(.ix-invalid--required:active) button*/.ix-invalid--required.sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}/*!@:host(.ix-invalid--required.checked) button,\n:host(.ix-invalid--required[indeterminate]) button*/.ix-invalid--required.checked.sc-ix-radio-h button.sc-ix-radio,.ix-invalid--required[indeterminate].sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}/*!@:host(.ix-invalid--required.checked:hover) button,\n:host(.ix-invalid--required[indeterminate]:hover) button*/.ix-invalid--required.checked.sc-ix-radio-h:hover button.sc-ix-radio,.ix-invalid--required[indeterminate].sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}/*!@:host(.ix-invalid--required.checked:active) button,\n:host(.ix-invalid--required[indeterminate]:active) button*/.ix-invalid--required.checked.sc-ix-radio-h:active button.sc-ix-radio,.ix-invalid--required[indeterminate].sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}/*!@:host(.ix-invalid--required:disabled) button,\n:host(.ix-invalid--required.disabled) button*/.ix-invalid--required.sc-ix-radio-h:disabled button.sc-ix-radio,.ix-invalid--required.disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}/*!@:host(.ix-invalid--required.checked:disabled) button,\n:host(.ix-invalid--required.checked.disabled) button,\n:host(.ix-invalid--required[indeterminate]:disabled) button,\n:host(.ix-invalid--required[indeterminate].disabled) button*/.ix-invalid--required.checked.sc-ix-radio-h:disabled button.sc-ix-radio,.ix-invalid--required.checked.disabled.sc-ix-radio-h button.sc-ix-radio,.ix-invalid--required[indeterminate].sc-ix-radio-h:disabled button.sc-ix-radio,.ix-invalid--required[indeterminate].disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}/*!@:host(.ix-invalid:not(.disabled)) button*/.ix-invalid.sc-ix-radio-h:not(.disabled) button.sc-ix-radio{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}/*!@:host(.ix-invalid) button*/.ix-invalid.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}/*!@:host(.ix-invalid:hover) button*/.ix-invalid.sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}/*!@:host(.ix-invalid:active) button*/.ix-invalid.sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}/*!@:host(.ix-invalid.checked) button,\n:host(.ix-invalid[indeterminate]) button*/.ix-invalid.checked.sc-ix-radio-h button.sc-ix-radio,.ix-invalid[indeterminate].sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}/*!@:host(.ix-invalid.checked:hover) button,\n:host(.ix-invalid[indeterminate]:hover) button*/.ix-invalid.checked.sc-ix-radio-h:hover button.sc-ix-radio,.ix-invalid[indeterminate].sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}/*!@:host(.ix-invalid.checked:active) button,\n:host(.ix-invalid[indeterminate]:active) button*/.ix-invalid.checked.sc-ix-radio-h:active button.sc-ix-radio,.ix-invalid[indeterminate].sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}/*!@:host(.ix-invalid:disabled) button,\n:host(.ix-invalid.disabled) button*/.ix-invalid.sc-ix-radio-h:disabled button.sc-ix-radio,.ix-invalid.disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}/*!@:host(.ix-invalid.checked:disabled) button,\n:host(.ix-invalid.checked.disabled) button,\n:host(.ix-invalid[indeterminate]:disabled) button,\n:host(.ix-invalid[indeterminate].disabled) button*/.ix-invalid.checked.sc-ix-radio-h:disabled button.sc-ix-radio,.ix-invalid.checked.disabled.sc-ix-radio-h button.sc-ix-radio,.ix-invalid[indeterminate].sc-ix-radio-h:disabled button.sc-ix-radio,.ix-invalid[indeterminate].disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}";
|
|
24846
|
+
const radioCss = "/*!@:host*/.sc-ix-radio-h{display:inline-block;position:relative}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-radio-h *.sc-ix-radio,.sc-ix-radio-h *.sc-ix-radio::after,.sc-ix-radio-h *.sc-ix-radio::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-radio-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-radio-h .sc-ix-radio::-webkit-scrollbar-corner{display:none}/*!@:host button*/.sc-ix-radio-h button.sc-ix-radio{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px;margin-right:0.5rem}/*!@:host button:focus-visible*/.sc-ix-radio-h button.sc-ix-radio:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}/*!@:host input[type=radio]*/.sc-ix-radio-h input[type=radio].sc-ix-radio{display:none}/*!@:host label*/.sc-ix-radio-h label.sc-ix-radio{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%}/*!@:host .checkmark*/.sc-ix-radio-h .checkmark.sc-ix-radio{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}/*!@:host button*/.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}/*!@:host(:hover) button*/.sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}/*!@:host(:active) button*/.sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}/*!@:host(.checked) button,\n:host([indeterminate]) button*/.checked.sc-ix-radio-h button.sc-ix-radio,[indeterminate].sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}/*!@:host(.checked:hover) button,\n:host([indeterminate]:hover) button*/.checked.sc-ix-radio-h:hover button.sc-ix-radio,[indeterminate].sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}/*!@:host(.checked:active) button,\n:host([indeterminate]:active) button*/.checked.sc-ix-radio-h:active button.sc-ix-radio,[indeterminate].sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}/*!@:host(.disabled)*/.disabled.sc-ix-radio-h{pointer-events:none}/*!@:host(.disabled) button*/.disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}/*!@:host(.checked.disabled) button,\n:host([indeterminate].disabled) button*/.checked.disabled.sc-ix-radio-h button.sc-ix-radio,[indeterminate].disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}/*!@ix-typography*/ix-typography.sc-ix-radio{margin-top:0.125rem}/*!@:host(.ix-info:not(.disabled)) button*/.ix-info.sc-ix-radio-h:not(.disabled) button.sc-ix-radio{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--info);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--info--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--info--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--info);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--info--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--info--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--info);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--info--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--info--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--info);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--info--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--info--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--info);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--info--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--info--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--info);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--info--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--info--active)}/*!@:host(.ix-info) button*/.ix-info.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}/*!@:host(.ix-info:hover) button*/.ix-info.sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}/*!@:host(.ix-info:active) button*/.ix-info.sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}/*!@:host(.ix-info.checked) button,\n:host(.ix-info[indeterminate]) button*/.ix-info.checked.sc-ix-radio-h button.sc-ix-radio,.ix-info[indeterminate].sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}/*!@:host(.ix-info.checked:hover) button,\n:host(.ix-info[indeterminate]:hover) button*/.ix-info.checked.sc-ix-radio-h:hover button.sc-ix-radio,.ix-info[indeterminate].sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}/*!@:host(.ix-info.checked:active) button,\n:host(.ix-info[indeterminate]:active) button*/.ix-info.checked.sc-ix-radio-h:active button.sc-ix-radio,.ix-info[indeterminate].sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}/*!@:host(.ix-info.disabled) button*/.ix-info.disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}/*!@:host(.ix-info.checked.disabled) button,\n:host(.ix-info[indeterminate].disabled) button*/.ix-info.checked.disabled.sc-ix-radio-h button.sc-ix-radio,.ix-info[indeterminate].disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}/*!@:host(.ix-warning:not(.disabled)) button*/.ix-warning.sc-ix-radio-h:not(.disabled) button.sc-ix-radio{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--warning);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--warning--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--warning--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--warning);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--warning--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--warning--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--warning);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--warning--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--warning--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--warning);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--warning--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--warning--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--warning);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--warning--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--warning--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--warning);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--warning--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--warning--active)}/*!@:host(.ix-warning) button*/.ix-warning.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}/*!@:host(.ix-warning:hover) button*/.ix-warning.sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}/*!@:host(.ix-warning:active) button*/.ix-warning.sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}/*!@:host(.ix-warning.checked) button,\n:host(.ix-warning[indeterminate]) button*/.ix-warning.checked.sc-ix-radio-h button.sc-ix-radio,.ix-warning[indeterminate].sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}/*!@:host(.ix-warning.checked:hover) button,\n:host(.ix-warning[indeterminate]:hover) button*/.ix-warning.checked.sc-ix-radio-h:hover button.sc-ix-radio,.ix-warning[indeterminate].sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}/*!@:host(.ix-warning.checked:active) button,\n:host(.ix-warning[indeterminate]:active) button*/.ix-warning.checked.sc-ix-radio-h:active button.sc-ix-radio,.ix-warning[indeterminate].sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}/*!@:host(.ix-warning.disabled) button*/.ix-warning.disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}/*!@:host(.ix-warning.checked.disabled) button,\n:host(.ix-warning[indeterminate].disabled) button*/.ix-warning.checked.disabled.sc-ix-radio-h button.sc-ix-radio,.ix-warning[indeterminate].disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}/*!@:host(.ix-invalid--required:not(.disabled)) button*/.ix-invalid--required.sc-ix-radio-h:not(.disabled) button.sc-ix-radio{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}/*!@:host(.ix-invalid--required) button*/.ix-invalid--required.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}/*!@:host(.ix-invalid--required:hover) button*/.ix-invalid--required.sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}/*!@:host(.ix-invalid--required:active) button*/.ix-invalid--required.sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}/*!@:host(.ix-invalid--required.checked) button,\n:host(.ix-invalid--required[indeterminate]) button*/.ix-invalid--required.checked.sc-ix-radio-h button.sc-ix-radio,.ix-invalid--required[indeterminate].sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}/*!@:host(.ix-invalid--required.checked:hover) button,\n:host(.ix-invalid--required[indeterminate]:hover) button*/.ix-invalid--required.checked.sc-ix-radio-h:hover button.sc-ix-radio,.ix-invalid--required[indeterminate].sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}/*!@:host(.ix-invalid--required.checked:active) button,\n:host(.ix-invalid--required[indeterminate]:active) button*/.ix-invalid--required.checked.sc-ix-radio-h:active button.sc-ix-radio,.ix-invalid--required[indeterminate].sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}/*!@:host(.ix-invalid--required.disabled) button*/.ix-invalid--required.disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}/*!@:host(.ix-invalid--required.checked.disabled) button,\n:host(.ix-invalid--required[indeterminate].disabled) button*/.ix-invalid--required.checked.disabled.sc-ix-radio-h button.sc-ix-radio,.ix-invalid--required[indeterminate].disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}/*!@:host(.ix-invalid:not(.disabled)) button*/.ix-invalid.sc-ix-radio-h:not(.disabled) button.sc-ix-radio{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}/*!@:host(.ix-invalid) button*/.ix-invalid.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}/*!@:host(.ix-invalid:hover) button*/.ix-invalid.sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}/*!@:host(.ix-invalid:active) button*/.ix-invalid.sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}/*!@:host(.ix-invalid.checked) button,\n:host(.ix-invalid[indeterminate]) button*/.ix-invalid.checked.sc-ix-radio-h button.sc-ix-radio,.ix-invalid[indeterminate].sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}/*!@:host(.ix-invalid.checked:hover) button,\n:host(.ix-invalid[indeterminate]:hover) button*/.ix-invalid.checked.sc-ix-radio-h:hover button.sc-ix-radio,.ix-invalid[indeterminate].sc-ix-radio-h:hover button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}/*!@:host(.ix-invalid.checked:active) button,\n:host(.ix-invalid[indeterminate]:active) button*/.ix-invalid.checked.sc-ix-radio-h:active button.sc-ix-radio,.ix-invalid[indeterminate].sc-ix-radio-h:active button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}/*!@:host(.ix-invalid.disabled) button*/.ix-invalid.disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}/*!@:host(.ix-invalid.checked.disabled) button,\n:host(.ix-invalid[indeterminate].disabled) button*/.ix-invalid.checked.disabled.sc-ix-radio-h button.sc-ix-radio,.ix-invalid[indeterminate].disabled.sc-ix-radio-h button.sc-ix-radio{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}";
|
|
24743
24847
|
var IxRadioStyle0 = radioCss;
|
|
24744
24848
|
|
|
24745
24849
|
/**
|
|
@@ -24810,17 +24914,17 @@ class Radio {
|
|
|
24810
24914
|
return Promise.resolve(this.formInternals.form);
|
|
24811
24915
|
}
|
|
24812
24916
|
render() {
|
|
24813
|
-
return (hAsync(Host, { key: '
|
|
24917
|
+
return (hAsync(Host, { key: '9e8b93bff9225644977905afb2cade77e3fa282c', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", class: {
|
|
24814
24918
|
disabled: this.disabled,
|
|
24815
24919
|
checked: this.checked,
|
|
24816
|
-
} }, hAsync("label", { key: '
|
|
24920
|
+
} }, hAsync("label", { key: '6776e954c1118e707e161ac04c84162fd2eb0792' }, hAsync("input", { key: '3674431ef6a480f3eace29a82ffdf6f6eddbd29c', "aria-checked": a11yBoolean(this.checked), disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "radio", onChange: () => {
|
|
24817
24921
|
const ref = this.inputRef.current;
|
|
24818
24922
|
if (ref) {
|
|
24819
24923
|
this.setCheckedState(ref.checked);
|
|
24820
24924
|
}
|
|
24821
|
-
} }), hAsync("button", { key: '
|
|
24925
|
+
} }), hAsync("button", { key: '9464d56a7448886983c4603c2ec1a53bef30f9f3', disabled: this.disabled, class: {
|
|
24822
24926
|
checked: this.checked,
|
|
24823
|
-
}, onClick: () => this.setCheckedState(!this.checked) }, this.checked && hAsync("div", { key: '
|
|
24927
|
+
}, onClick: () => this.setCheckedState(!this.checked) }, this.checked && hAsync("div", { key: 'e4a3ac25fa19f3fe755b0d0d6c4535187a123b4e', class: "checkmark" })), hAsync("ix-typography", { key: '908f9aae8f8e2930be34bca5d92be343dc057823', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '30f3bb73204bbf54ce436072a78535932ae777e6' })))));
|
|
24824
24928
|
}
|
|
24825
24929
|
static get formAssociated() { return true; }
|
|
24826
24930
|
get hostElement() { return getElement(this); }
|
|
@@ -24944,10 +25048,10 @@ class RadiobuttonGroup {
|
|
|
24944
25048
|
this.isWarning = isWarning;
|
|
24945
25049
|
}
|
|
24946
25050
|
render() {
|
|
24947
|
-
return (hAsync(Host, { key: '
|
|
25051
|
+
return (hAsync(Host, { key: '24b5de13751d99c48248531714c42365e986152d' }, hAsync("ix-field-wrapper", { key: 'd28ab4313b67fb3228b314c9f11035b562517873', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid }, hAsync("div", { key: '5fe4b009d25e7b0e292797c73608bbbf58cbd619', class: {
|
|
24948
25052
|
'checkbox-container': true,
|
|
24949
25053
|
'row-layout': this.direction === 'row',
|
|
24950
|
-
} }, hAsync("slot", { key: '
|
|
25054
|
+
} }, hAsync("slot", { key: '16ad7233184eb11c073a6243860ede06f97b0944' })))));
|
|
24951
25055
|
}
|
|
24952
25056
|
get hostElement() { return getElement(this); }
|
|
24953
25057
|
static get watchers() { return {
|
|
@@ -24994,7 +25098,7 @@ class Row {
|
|
|
24994
25098
|
registerInstance(this, hostRef);
|
|
24995
25099
|
}
|
|
24996
25100
|
render() {
|
|
24997
|
-
return (hAsync(Host, { key: '
|
|
25101
|
+
return (hAsync(Host, { key: 'c06bbc4d7e3250ed08dd6206811f2547fd87dddb' }, hAsync("slot", { key: 'dbea65d73ce27b58a8b3b51185c59e60c7f04827' })));
|
|
24998
25102
|
}
|
|
24999
25103
|
static get style() { return IxRowStyle0; }
|
|
25000
25104
|
static get cmpMeta() { return {
|
|
@@ -25007,7 +25111,7 @@ class Row {
|
|
|
25007
25111
|
}; }
|
|
25008
25112
|
}
|
|
25009
25113
|
|
|
25010
|
-
const selectCss = "/*!@:host*/.sc-ix-select-h{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-select-h *.sc-ix-select,.sc-ix-select-h *.sc-ix-select::after,.sc-ix-select-h *.sc-ix-select::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-select-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-corner{display:none}/*!@:host .d-none*/.sc-ix-select-h .d-none.sc-ix-select{display:none}/*!@:host .select*/.sc-ix-select-h .select.sc-ix-select{position:relative;display:flex;align-items:center;width:100%;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}/*!@:host .select:not(.disabled):not(:disabled)*/.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .select:not(.disabled):not(:disabled):hover, :host .select:not(.disabled):not(:disabled):hover*/.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}/*!@:host .select:focus-within*/.sc-ix-select-h .select.sc-ix-select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff;outline-offset:var(--theme-input--focus--outline-offset)}/*!@:host .select.readonly,\n:host .select.disabled*/.sc-ix-select-h .select.readonly.sc-ix-select,.sc-ix-select-h .select.disabled.sc-ix-select{box-shadow:none !important;border:none;border-radius:0;cursor:pointer}/*!@:host .select.readonly, :host .select.readonly:hover, :host .select.readonly:active,\n:host .select.disabled,\n:host .select.disabled:hover,\n:host .select.disabled:active*/.sc-ix-select-h .select.readonly.sc-ix-select,.sc-ix-select-h .select.readonly.sc-ix-select:hover,.sc-ix-select-h .select.readonly.sc-ix-select:active,.sc-ix-select-h .select.disabled.sc-ix-select,.sc-ix-select-h .select.disabled.sc-ix-select:hover,.sc-ix-select-h .select.disabled.sc-ix-select:active{background-color:transparent !important}/*!@:host .select.readonly:focus, :host .select.readonly:focus-within, :host .select.readonly:focus-visible,\n:host .select.disabled:focus,\n:host .select.disabled:focus-within,\n:host .select.disabled:focus-visible*/.sc-ix-select-h .select.readonly.sc-ix-select:focus,.sc-ix-select-h .select.readonly.sc-ix-select:focus-within,.sc-ix-select-h .select.readonly.sc-ix-select:focus-visible,.sc-ix-select-h .select.disabled.sc-ix-select:focus,.sc-ix-select-h .select.disabled.sc-ix-select:focus-within,.sc-ix-select-h .select.disabled.sc-ix-select:focus-visible{outline:none}/*!@:host .select.readonly input:focus,\n:host .select.readonly input:focus-visible,\n:host .select.disabled input:focus,\n:host .select.disabled input:focus-visible*/.sc-ix-select-h .select.readonly.sc-ix-select input.sc-ix-select:focus,.sc-ix-select-h .select.readonly.sc-ix-select input.sc-ix-select:focus-visible,.sc-ix-select-h .select.disabled.sc-ix-select input.sc-ix-select:focus,.sc-ix-select-h .select.disabled.sc-ix-select input.sc-ix-select:focus-visible{outline:none}/*!@:host .select.disabled*/.sc-ix-select-h .select.disabled.sc-ix-select{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-weak-bdr)}/*!@:host .select.disabled input*/.sc-ix-select-h .select.disabled.sc-ix-select input.sc-ix-select{color:var(--theme-color-weak-text)}/*!@:host .select.readonly*/.sc-ix-select-h .select.readonly.sc-ix-select{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-soft-bdr)}/*!@:host .select.readonly input*/.sc-ix-select-h .select.readonly.sc-ix-select input.sc-ix-select{color:var(--theme-color-std-text)}/*!@:host .hidden*/.sc-ix-select-h .hidden.sc-ix-select{display:none !important}/*!@:host .trigger*/.sc-ix-select-h .trigger.sc-ix-select{display:flex;align-items:center;flex-grow:1;height:100%}/*!@:host .input-container*/.sc-ix-select-h .input-container.sc-ix-select{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}/*!@:host .input-container .chips*/.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}/*!@:host .input-container .chips > ix-filter-chip*/.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select>ix-filter-chip.sc-ix-select{margin:0.1rem}/*!@:host .input-container ix-icon-button*/.sc-ix-select-h .input-container.sc-ix-select ix-icon-button.sc-ix-select{height:1.875rem;width:1.875rem;min-height:1.875rem;min-width:1.875rem}/*!@:host .input-container input*/.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;height:1.75rem;width:100%}/*!@:host .input-container input, :host .input-container input:hover, :host .input-container input:focus-visible*/.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:hover,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:focus-visible{border:none;outline:none}/*!@:host .input-container input::-moz-placeholder*/.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::-moz-placeholder{color:var(--theme-input-select-icon--color)}/*!@:host .input-container input::placeholder*/.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::placeholder{color:var(--theme-input-select-icon--color)}/*!@:host .input-container input.hide-placeholder::-moz-placeholder*/.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::-moz-placeholder{opacity:0}/*!@:host .input-container input.hide-placeholder::placeholder*/.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::placeholder{opacity:0}/*!@:host .dropdown-visible*/.sc-ix-select-h .dropdown-visible.sc-ix-select{--ix-icon-button-color:var(--theme-color-dynamic--hover)}/*!@:host .add-item*/.sc-ix-select-h .add-item.sc-ix-select{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}/*!@:host .select-list-header*/.sc-ix-select-h .select-list-header.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select*/.ix-info.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select:hover*/.ix-info.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select:active*/.ix-info.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select*/.ix-warning.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select{border-color:var(--theme-input--border-color--warning)}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select:hover*/.ix-warning.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:hover{border-color:var(--theme-input--border-color--warning--hover) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select:active*/.ix-warning.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select*/[class*=ix-invalid].sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select,.ix-invalid--required.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select{border-color:var(--theme-input--border-color--invalid);background-color:var(--theme-input--background--invalid);box-shadow:none}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select:hover*/[class*=ix-invalid].sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:hover,.ix-invalid--required.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select:active*/[class*=ix-invalid].sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:active,.ix-invalid--required.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:active{border-color:var(--theme-input--border-color--invalid--active) !important}";
|
|
25114
|
+
const selectCss = "/*!@:host*/.sc-ix-select-h{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-select-h *.sc-ix-select,.sc-ix-select-h *.sc-ix-select::after,.sc-ix-select-h *.sc-ix-select::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-select-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-select-h .sc-ix-select::-webkit-scrollbar-corner{display:none}/*!@:host .d-none*/.sc-ix-select-h .d-none.sc-ix-select{display:none}/*!@:host .select*/.sc-ix-select-h .select.sc-ix-select{position:relative;display:flex;align-items:center;width:100%;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}/*!@:host .select:not(.disabled):not(:disabled)*/.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .select:not(.disabled):not(:disabled):hover, :host .select:not(.disabled):not(:disabled):hover*/.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}/*!@:host .select:focus-within*/.sc-ix-select-h .select.sc-ix-select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff;outline-offset:var(--theme-input--focus--outline-offset)}/*!@:host .select.readonly,\n:host .select.disabled*/.sc-ix-select-h .select.readonly.sc-ix-select,.sc-ix-select-h .select.disabled.sc-ix-select{box-shadow:none !important;border:none;border-radius:0;cursor:pointer}/*!@:host .select.readonly, :host .select.readonly:hover, :host .select.readonly:active,\n:host .select.disabled,\n:host .select.disabled:hover,\n:host .select.disabled:active*/.sc-ix-select-h .select.readonly.sc-ix-select,.sc-ix-select-h .select.readonly.sc-ix-select:hover,.sc-ix-select-h .select.readonly.sc-ix-select:active,.sc-ix-select-h .select.disabled.sc-ix-select,.sc-ix-select-h .select.disabled.sc-ix-select:hover,.sc-ix-select-h .select.disabled.sc-ix-select:active{background-color:transparent !important}/*!@:host .select.readonly:focus, :host .select.readonly:focus-within, :host .select.readonly:focus-visible,\n:host .select.disabled:focus,\n:host .select.disabled:focus-within,\n:host .select.disabled:focus-visible*/.sc-ix-select-h .select.readonly.sc-ix-select:focus,.sc-ix-select-h .select.readonly.sc-ix-select:focus-within,.sc-ix-select-h .select.readonly.sc-ix-select:focus-visible,.sc-ix-select-h .select.disabled.sc-ix-select:focus,.sc-ix-select-h .select.disabled.sc-ix-select:focus-within,.sc-ix-select-h .select.disabled.sc-ix-select:focus-visible{outline:none}/*!@:host .select.readonly input:focus,\n:host .select.readonly input:focus-visible,\n:host .select.disabled input:focus,\n:host .select.disabled input:focus-visible*/.sc-ix-select-h .select.readonly.sc-ix-select input.sc-ix-select:focus,.sc-ix-select-h .select.readonly.sc-ix-select input.sc-ix-select:focus-visible,.sc-ix-select-h .select.disabled.sc-ix-select input.sc-ix-select:focus,.sc-ix-select-h .select.disabled.sc-ix-select input.sc-ix-select:focus-visible{outline:none}/*!@:host .select.disabled*/.sc-ix-select-h .select.disabled.sc-ix-select{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-weak-bdr)}/*!@:host .select.disabled input*/.sc-ix-select-h .select.disabled.sc-ix-select input.sc-ix-select{color:var(--theme-color-weak-text)}/*!@:host .select.readonly*/.sc-ix-select-h .select.readonly.sc-ix-select{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-soft-bdr)}/*!@:host .select.readonly input*/.sc-ix-select-h .select.readonly.sc-ix-select input.sc-ix-select{color:var(--theme-color-std-text)}/*!@:host .hidden*/.sc-ix-select-h .hidden.sc-ix-select{display:none !important}/*!@:host .trigger*/.sc-ix-select-h .trigger.sc-ix-select{display:flex;align-items:center;flex-grow:1;height:100%}/*!@:host .input-container*/.sc-ix-select-h .input-container.sc-ix-select{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}/*!@:host .input-container .chips*/.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}/*!@:host .input-container .chips > ix-filter-chip*/.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select>ix-filter-chip.sc-ix-select{margin:0.1rem}/*!@:host .input-container ix-icon-button*/.sc-ix-select-h .input-container.sc-ix-select ix-icon-button.sc-ix-select{height:1.875rem;width:1.875rem;min-height:1.875rem;min-width:1.875rem}/*!@:host .input-container input*/.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;height:1.75rem;width:100%}/*!@:host .input-container input, :host .input-container input:hover, :host .input-container input:focus-visible*/.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:hover,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:focus-visible{border:none;outline:none}/*!@:host .input-container input::-moz-placeholder*/.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::-moz-placeholder{color:var(--theme-input-select-icon--color)}/*!@:host .input-container input::placeholder*/.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::placeholder{color:var(--theme-input-select-icon--color)}/*!@:host .input-container input.hide-placeholder::-moz-placeholder*/.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::-moz-placeholder{opacity:0}/*!@:host .input-container input.hide-placeholder::placeholder*/.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::placeholder{opacity:0}/*!@:host ix-dropdown*/.sc-ix-select-h ix-dropdown.sc-ix-select{max-width:100%}/*!@:host .dropdown-visible*/.sc-ix-select-h .dropdown-visible.sc-ix-select{--ix-icon-button-color:var(--theme-color-dynamic--hover)}/*!@:host .add-item*/.sc-ix-select-h .add-item.sc-ix-select{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}/*!@:host .select-list-header*/.sc-ix-select-h .select-list-header.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select*/.ix-info.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select:hover*/.ix-info.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select:active*/.ix-info.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select*/.ix-warning.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select{border-color:var(--theme-input--border-color--warning)}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select:hover*/.ix-warning.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:hover{border-color:var(--theme-input--border-color--warning--hover) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select:active*/.ix-warning.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select*/[class*=ix-invalid].sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select,.ix-invalid--required.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select{border-color:var(--theme-input--border-color--invalid);background-color:var(--theme-input--background--invalid);box-shadow:none}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select:hover*/[class*=ix-invalid].sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:hover,.ix-invalid--required.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select:active*/[class*=ix-invalid].sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:active,.ix-invalid--required.sc-ix-select-h:not(.disabled):not(:disabled):not([disabled]) .select.sc-ix-select:active{border-color:var(--theme-input--border-color--invalid--active) !important}";
|
|
25011
25115
|
var IxSelectStyle0 = selectCss;
|
|
25012
25116
|
|
|
25013
25117
|
/*
|
|
@@ -25077,6 +25181,8 @@ class Select {
|
|
|
25077
25181
|
this.i18nSelectListHeader = 'Select an option';
|
|
25078
25182
|
this.i18nNoMatches = 'No matches';
|
|
25079
25183
|
this.hideListHeader = false;
|
|
25184
|
+
this.dropdownWidth = undefined;
|
|
25185
|
+
this.dropdownMaxWidth = undefined;
|
|
25080
25186
|
this.dropdownShow = false;
|
|
25081
25187
|
this.selectedLabels = [];
|
|
25082
25188
|
this.isDropdownEmpty = false;
|
|
@@ -25131,8 +25237,6 @@ class Select {
|
|
|
25131
25237
|
}
|
|
25132
25238
|
watchDropdownShow(show) {
|
|
25133
25239
|
if (show && this.dropdownElement) {
|
|
25134
|
-
this.arrowFocusController = new ArrowFocusController(this.visibleNonShadowItems, this.dropdownElement, this.focusControllerCallbackBind);
|
|
25135
|
-
this.arrowFocusController.wrap = !this.editable;
|
|
25136
25240
|
this.itemObserver.observe(this.dropdownElement, {
|
|
25137
25241
|
childList: true,
|
|
25138
25242
|
subtree: true,
|
|
@@ -25283,6 +25387,16 @@ class Select {
|
|
|
25283
25387
|
this.updateSelection();
|
|
25284
25388
|
this.updateFormInternalValue(this.value);
|
|
25285
25389
|
}
|
|
25390
|
+
componentDidRender() {
|
|
25391
|
+
if (!this.dropdownShow ||
|
|
25392
|
+
this.arrowFocusController ||
|
|
25393
|
+
!this.dropdownElement) {
|
|
25394
|
+
return;
|
|
25395
|
+
}
|
|
25396
|
+
this.arrowFocusController = new ArrowFocusController(this.visibleNonShadowItems, this.dropdownElement, this.focusControllerCallbackBind);
|
|
25397
|
+
this.arrowFocusController.wrap =
|
|
25398
|
+
!this.isAddItemVisible() && !this.visibleShadowItems.length;
|
|
25399
|
+
}
|
|
25286
25400
|
onLabelChange(event) {
|
|
25287
25401
|
event.preventDefault();
|
|
25288
25402
|
event.stopImmediatePropagation();
|
|
@@ -25329,9 +25443,11 @@ class Select {
|
|
|
25329
25443
|
}
|
|
25330
25444
|
const trimmedInput = this.inputFilterText.trim();
|
|
25331
25445
|
const itemLabel = el === null || el === void 0 ? void 0 : el.label;
|
|
25332
|
-
|
|
25333
|
-
|
|
25334
|
-
|
|
25446
|
+
const item = this.itemExists(trimmedInput);
|
|
25447
|
+
if (item) {
|
|
25448
|
+
this.itemClick(item.value);
|
|
25449
|
+
}
|
|
25450
|
+
else if (this.editable && !this.itemExists(itemLabel)) {
|
|
25335
25451
|
const defaultPrevented = this.emitAddItem(trimmedInput);
|
|
25336
25452
|
if (defaultPrevented) {
|
|
25337
25453
|
return;
|
|
@@ -25543,9 +25659,9 @@ class Select {
|
|
|
25543
25659
|
}
|
|
25544
25660
|
render() {
|
|
25545
25661
|
var _a, _b, _c, _d;
|
|
25546
|
-
return (hAsync(Host, { key: '
|
|
25662
|
+
return (hAsync(Host, { key: 'd75b237d63401907045c1ef0ff8a95ad690af8e3', "aria-disabled": a11yBoolean(this.disabled), class: {
|
|
25547
25663
|
disabled: this.disabled,
|
|
25548
|
-
} }, hAsync("ix-field-wrapper", { key: '
|
|
25664
|
+
} }, hAsync("ix-field-wrapper", { key: '6014f22207384f636935362faffa83c4a8026ff8', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '0bb6d6626b6da3cf0444738ad38d5f4c3bc8af2e', class: {
|
|
25549
25665
|
select: true,
|
|
25550
25666
|
disabled: this.disabled,
|
|
25551
25667
|
readonly: this.readonly,
|
|
@@ -25553,13 +25669,13 @@ class Select {
|
|
|
25553
25669
|
this.dropdownAnchorRef(ref);
|
|
25554
25670
|
if (!this.editable)
|
|
25555
25671
|
this.dropdownWrapperRef(ref);
|
|
25556
|
-
} }, hAsync("div", { key: '
|
|
25672
|
+
} }, hAsync("div", { key: '00f38bf5536460b2633860b806bf77cadcc9c2a7', class: "input-container" }, hAsync("div", { key: '50481103d88830a7c7143dff36855c5ec2431475', class: "chips" }, this.isMultipleMode
|
|
25557
25673
|
? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
|
|
25558
25674
|
e.preventDefault();
|
|
25559
25675
|
e.stopPropagation();
|
|
25560
25676
|
this.itemClick(item.value);
|
|
25561
25677
|
} }, item.label)))
|
|
25562
|
-
: '', hAsync("div", { key: '
|
|
25678
|
+
: '', hAsync("div", { key: '820c8db4efe7b1f0424536c94261fda57e87c219', class: "trigger" }, hAsync("input", { key: '9d979641d1fc28b48c3c64d6b165b5c4cd91d9af', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
|
|
25563
25679
|
'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
|
|
25564
25680
|
}, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
|
|
25565
25681
|
this.inputElement = ref;
|
|
@@ -25576,20 +25692,28 @@ class Select {
|
|
|
25576
25692
|
} })) : null, this.disabled || this.readonly ? null : (hAsync("ix-icon-button", { "data-select-dropdown": true, class: { 'dropdown-visible': this.dropdownShow }, icon: "chevron-down-small", ghost: true, ref: (ref) => {
|
|
25577
25693
|
if (this.editable)
|
|
25578
25694
|
this.dropdownWrapperRef(ref);
|
|
25579
|
-
} }))))))), hAsync("ix-dropdown", { key: '
|
|
25695
|
+
} }))))))), hAsync("ix-dropdown", { key: 'ea685854ac93811ad5218777d809c9b765460dfe', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
|
|
25580
25696
|
'd-none': this.disabled || this.readonly,
|
|
25581
25697
|
}, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
|
|
25582
25698
|
var _a, _b;
|
|
25699
|
+
const styleOverwrites = {};
|
|
25583
25700
|
const minWidth = (_b = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select')) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width;
|
|
25584
|
-
|
|
25585
|
-
minWidth
|
|
25586
|
-
}
|
|
25587
|
-
|
|
25701
|
+
if (minWidth) {
|
|
25702
|
+
styleOverwrites.minWidth = `${minWidth}px`;
|
|
25703
|
+
}
|
|
25704
|
+
if (this.dropdownWidth) {
|
|
25705
|
+
styleOverwrites.width = `min(${this.dropdownWidth}, 100%)`;
|
|
25706
|
+
}
|
|
25707
|
+
if (this.dropdownMaxWidth) {
|
|
25708
|
+
styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
|
|
25709
|
+
}
|
|
25710
|
+
return styleOverwrites;
|
|
25711
|
+
} }, hAsync("div", { key: 'f6a528bab147937ccbcc833637c9e1d63558ac60', class: {
|
|
25588
25712
|
'select-list-header': true,
|
|
25589
25713
|
hidden: this.hideListHeader || this.isDropdownEmpty,
|
|
25590
|
-
}, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: '
|
|
25714
|
+
}, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: '2689e9ef17c90a099b476658dc5219aac22f6b22', onSlotchange: () => {
|
|
25591
25715
|
this.updateSelection();
|
|
25592
|
-
} }), hAsync("div", { key: '
|
|
25716
|
+
} }), hAsync("div", { key: '632344ae80f829a40678b4a08ee2325438c799b1', ref: (ref) => (this.customItemsContainerElement = ref), class: "d-contents" }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: 'plus', class: {
|
|
25593
25717
|
'add-item': true,
|
|
25594
25718
|
}, label: this.inputFilterText, onItemClick: (e) => {
|
|
25595
25719
|
e.preventDefault();
|
|
@@ -25632,6 +25756,8 @@ class Select {
|
|
|
25632
25756
|
"i18nSelectListHeader": [1, "i-1-8n-select-list-header"],
|
|
25633
25757
|
"i18nNoMatches": [1, "i-1-8n-no-matches"],
|
|
25634
25758
|
"hideListHeader": [4, "hide-list-header"],
|
|
25759
|
+
"dropdownWidth": [1, "dropdown-width"],
|
|
25760
|
+
"dropdownMaxWidth": [1, "dropdown-max-width"],
|
|
25635
25761
|
"dropdownShow": [32],
|
|
25636
25762
|
"selectedLabels": [32],
|
|
25637
25763
|
"isDropdownEmpty": [32],
|
|
@@ -25736,7 +25862,7 @@ class SelectItem {
|
|
|
25736
25862
|
}
|
|
25737
25863
|
}
|
|
25738
25864
|
render() {
|
|
25739
|
-
return (hAsync(Host, { key: '
|
|
25865
|
+
return (hAsync(Host, { key: 'c7dccaf344ac8c8fd48160ab8a476b940d274865' }, hAsync("ix-dropdown-item", { key: '8951264f99fed7430b8e8dab90d8ec2c6b7d64db', class: {
|
|
25740
25866
|
'select-item-checked': this.selected,
|
|
25741
25867
|
}, checked: this.selected, label: this.label ? this.label : this.value, onItemClick: (e) => this.onItemClick(e) })));
|
|
25742
25868
|
}
|
|
@@ -25973,7 +26099,7 @@ class Spinner {
|
|
|
25973
26099
|
this.hideTrack = false;
|
|
25974
26100
|
}
|
|
25975
26101
|
render() {
|
|
25976
|
-
return (hAsync(Host, { key: '
|
|
26102
|
+
return (hAsync(Host, { key: 'c83cb66db02c37e6c6039d0b52c78abb59112f3a' }, hAsync("div", { key: '7d7179876635f26061798546fc1cf45f1311fba5', class: {
|
|
25977
26103
|
primary: this.variant === 'primary',
|
|
25978
26104
|
[this.size]: true,
|
|
25979
26105
|
'hide-track': this.hideTrack,
|
|
@@ -26031,7 +26157,7 @@ class SplitButton {
|
|
|
26031
26157
|
'left-button-border': !this.outline,
|
|
26032
26158
|
},
|
|
26033
26159
|
};
|
|
26034
|
-
return (hAsync(Host, { key: '
|
|
26160
|
+
return (hAsync(Host, { key: '816824c8c9642cd1620894baeda6c3227bebb371' }, hAsync("div", { key: '251feccf5992525d8544085541fe1eefe455b3ac', class: { 'btn-group': true, 'middle-gap': !this.outline } }, this.label ? (hAsync("ix-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e) }), this.label)) : (hAsync("ix-icon-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e) }))), hAsync("ix-icon-button", Object.assign({ key: '4cd4ced7be125a33bf978c4a252901ffa2b822eb' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: this.splitIcon }))), hAsync("ix-dropdown", { key: 'a0a01f2b7dd0684ebfc53cfff55fa7c24c595b66', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, hAsync("slot", { key: '2c653cd56349aa56c269b3e59a63dfea549b4165' }))));
|
|
26035
26161
|
}
|
|
26036
26162
|
get hostElement() { return getElement(this); }
|
|
26037
26163
|
static get style() { return IxSplitButtonStyle0; }
|
|
@@ -26075,7 +26201,7 @@ class SplitButtonItem {
|
|
|
26075
26201
|
return this.wrapperRef.waitForCurrent();
|
|
26076
26202
|
}
|
|
26077
26203
|
render() {
|
|
26078
|
-
return (hAsync(Host, { key: '
|
|
26204
|
+
return (hAsync(Host, { key: 'cb34ba65f519984cf68639856699df8471d82f4c' }, hAsync("ix-dropdown-item", { key: '54a95bd00935e3246e4d5bf8f9cdbc8da5d2cd82', ref: this.wrapperRef, suppressChecked: true, icon: this.icon, label: this.label, onItemClick: (e) => {
|
|
26079
26205
|
e.preventDefault();
|
|
26080
26206
|
e.stopPropagation();
|
|
26081
26207
|
}, onClick: (e) => this.itemClick.emit(e) })));
|
|
@@ -26417,13 +26543,13 @@ class Tabs {
|
|
|
26417
26543
|
});
|
|
26418
26544
|
}
|
|
26419
26545
|
render() {
|
|
26420
|
-
return (hAsync(Host, { key: '
|
|
26546
|
+
return (hAsync(Host, { key: '5757cc920ea2b89cc9939105053637dba7845d99' }, this.showArrowPrevious && (hAsync("div", { key: '383591a874a69a2648f7442a45beab57d4e640f4', class: "arrow", onClick: () => this.move(this.scrollAmount, true) }, hAsync("ix-icon", { key: '5473b2126b251e42c0764299ba34d7a99a53a3f1', name: 'chevron-left-small' }))), hAsync("div", { key: 'f13e44ec54af45c4e1a98c33b9c3dfb8610d7ae0', class: {
|
|
26421
26547
|
'tab-items': true,
|
|
26422
26548
|
'overflow-shadow': true,
|
|
26423
26549
|
'shadow-left': this.showArrowPrevious,
|
|
26424
26550
|
'shadow-right': this.showArrowNext,
|
|
26425
26551
|
'shadow-both': this.showArrowNext && this.showArrowPrevious,
|
|
26426
|
-
} }, hAsync("div", { key: '
|
|
26552
|
+
} }, hAsync("div", { key: '5838bc0dc74ff67826446dde195b3b5040a6b425', class: "items-content" }, hAsync("slot", { key: '0b5eb4c8273d8f603f739790d3ea1f4c2e139fde' }))), this.showArrowNext && (hAsync("div", { key: '1037686d86fd6679d0a32c35397b28dac856930a', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true) }, hAsync("ix-icon", { key: 'cfa4efccdf75b7f0d30cbc1b9bb7694d2c70896e', name: 'chevron-right-small' })))));
|
|
26427
26553
|
}
|
|
26428
26554
|
get hostElement() { return getElement(this); }
|
|
26429
26555
|
static get watchers() { return {
|
|
@@ -26452,7 +26578,7 @@ class Tabs {
|
|
|
26452
26578
|
}; }
|
|
26453
26579
|
}
|
|
26454
26580
|
|
|
26455
|
-
const textareaCss = "/*!@label*/label.sc-ix-textarea{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-textarea{padding:6px 0px}/*!@input*/input.sc-ix-textarea{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-textarea:-webkit-autofill,input.sc-ix-textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-textarea::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-textarea::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only),input.sc-ix-textarea:hover:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only),input.sc-ix-textarea:hover:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only),input.sc-ix-textarea:focus:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only),input.sc-ix-textarea:focus:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-textarea,input.sc-ix-textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-textarea::-moz-placeholder,input.sc-ix-textarea:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-textarea:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-textarea::placeholder,input.sc-ix-textarea:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-textarea:disabled,input.disabled.sc-ix-textarea{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-textarea:disabled::-moz-placeholder,input.disabled.sc-ix-textarea::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-textarea:disabled::placeholder,input.disabled.sc-ix-textarea::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-textarea{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-textarea::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-textarea{padding:0.375rem 1.25rem 0.375rem 0.5rem}/*!@textarea*/textarea.sc-ix-textarea{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-textarea:-webkit-autofill,textarea.sc-ix-textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-textarea::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-textarea::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only),textarea.sc-ix-textarea:hover:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only),textarea.sc-ix-textarea:hover:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only),textarea.sc-ix-textarea:focus:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only),textarea.sc-ix-textarea:focus:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-textarea,textarea.sc-ix-textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-textarea::-moz-placeholder,textarea.sc-ix-textarea:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-textarea:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-textarea::placeholder,textarea.sc-ix-textarea:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-textarea:disabled,textarea.disabled.sc-ix-textarea{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-textarea:disabled::-moz-placeholder,textarea.disabled.sc-ix-textarea::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-textarea:disabled::placeholder,textarea.disabled.sc-ix-textarea::placeholder{color:transparent}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-textarea~.valid-feedback.sc-ix-textarea,textarea.sc-ix-textarea~.invalid-feedback.sc-ix-textarea,input.sc-ix-textarea~.valid-feedback.sc-ix-textarea,input.sc-ix-textarea~.invalid-feedback.sc-ix-textarea{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-textarea textarea.sc-ix-textarea~.valid-feedback.sc-ix-textarea,form.sc-ix-textarea input.sc-ix-textarea~.valid-feedback.sc-ix-textarea{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-textarea textarea.sc-ix-textarea~.invalid-feedback.sc-ix-textarea,form.sc-ix-textarea input.sc-ix-textarea~.invalid-feedback.sc-ix-textarea{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-textarea:not([novalidate]) .sc-ix-textarea:invalid,form.sc-ix-textarea:not([novalidate]) .is-invalid.sc-ix-textarea,form.was-validated.sc-ix-textarea .sc-ix-textarea:invalid,form.was-validated.sc-ix-textarea .is-invalid.sc-ix-textarea{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-textarea:not([novalidate]) .sc-ix-textarea:invalid~.invalid-feedback.sc-ix-textarea,form.sc-ix-textarea:not([novalidate]) .is-invalid.sc-ix-textarea~.invalid-feedback.sc-ix-textarea,form.was-validated.sc-ix-textarea .sc-ix-textarea:invalid~.invalid-feedback.sc-ix-textarea,form.was-validated.sc-ix-textarea .is-invalid.sc-ix-textarea~.invalid-feedback.sc-ix-textarea{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-textarea:not([novalidate]) .sc-ix-textarea:valid~.valid-feedback.sc-ix-textarea,form.sc-ix-textarea:not([novalidate]) .is-valid.sc-ix-textarea~.valid-feedback.sc-ix-textarea,form.was-validated.sc-ix-textarea .sc-ix-textarea:valid~.valid-feedback.sc-ix-textarea,form.was-validated.sc-ix-textarea .is-valid.sc-ix-textarea~.valid-feedback.sc-ix-textarea{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-textarea:not(.was-validated) .invalid-feedback.sc-ix-textarea,form.sc-ix-textarea:not(.was-validated) .valid-feedback.sc-ix-textarea{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-textarea-h{display:inline-block;position:relative;width:auto}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-textarea-h *.sc-ix-textarea,.sc-ix-textarea-h *.sc-ix-textarea::after,.sc-ix-textarea-h *.sc-ix-textarea::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-textarea-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-corner{display:none}/*!@:host .input-wrapper*/.sc-ix-textarea-h .input-wrapper.sc-ix-textarea{display:flex;position:relative;align-items:center;width:100%;height:100%}/*!@:host input*/.sc-ix-textarea-h input.sc-ix-textarea{width:100%;height:100%}/*!@:host .start-container,\n:host .end-container*/.sc-ix-textarea-h .start-container.sc-ix-textarea,.sc-ix-textarea-h .end-container.sc-ix-textarea{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}/*!@:host .start-container*/.sc-ix-textarea-h .start-container.sc-ix-textarea{left:0}/*!@:host .end-container*/.sc-ix-textarea-h .end-container.sc-ix-textarea{right:0}/*!@:host .start-container ::slotted(*)*/.sc-ix-textarea-h .start-container .sc-ix-textarea-s>*{margin-left:0.5rem}/*!@:host .start-container ::slotted(ix-icon.size-24),\n:host .start-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-textarea-h .start-container .sc-ix-textarea-s>ix-icon.size-24,.sc-ix-textarea-h .start-container.sc-ix-textarea-s>ix-icon-button.btn-icon-16,.sc-ix-textarea-h .start-container .sc-ix-textarea-s>ix-icon-button.btn-icon-16{margin-left:0.25rem}/*!@:host .start-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-textarea-h .start-container .sc-ix-textarea-s>ix-icon-button.btn-icon-32{margin-left:0}/*!@:host .end-container ::slotted(*)*/.sc-ix-textarea-h .end-container .sc-ix-textarea-s>*{margin-right:0.5rem}/*!@:host .end-container ::slotted(ix-icon.size-24),\n:host .end-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-textarea-h .end-container .sc-ix-textarea-s>ix-icon.size-24,.sc-ix-textarea-h .end-container.sc-ix-textarea-s>ix-icon-button.btn-icon-16,.sc-ix-textarea-h .end-container .sc-ix-textarea-s>ix-icon-button.btn-icon-16{margin-right:0.25rem}/*!@:host .end-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-textarea-h .end-container .sc-ix-textarea-s>ix-icon-button.btn-icon-32{margin-right:0}/*!@:host .bottom-text*/.sc-ix-textarea-h .bottom-text.sc-ix-textarea{margin-top:0.25rem;margin-bottom:0.25rem}/*!@:host(.disabled)*/.disabled.sc-ix-textarea-h{pointer-events:none}/*!@:host(.disabled) input,\n:host(.disabled) textarea*/.disabled.sc-ix-textarea-h input.sc-ix-textarea,.disabled.sc-ix-textarea-h textarea.sc-ix-textarea{pointer-events:none}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:hover,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:active,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:hover*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:active*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:hover*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:active*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:hover*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:hover,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:active*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:active,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}";
|
|
26581
|
+
const textareaCss = "/*!@label*/label.sc-ix-textarea{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-textarea{padding:6px 0px}/*!@input*/input.sc-ix-textarea{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-textarea:-webkit-autofill,input.sc-ix-textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-textarea::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-textarea::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only),input.sc-ix-textarea:hover:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only),input.sc-ix-textarea:hover:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only),input.sc-ix-textarea:focus:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only),input.sc-ix-textarea:focus:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-textarea,input.sc-ix-textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-textarea::-moz-placeholder,input.sc-ix-textarea:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-textarea:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-textarea::placeholder,input.sc-ix-textarea:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-textarea:disabled,input.disabled.sc-ix-textarea{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-textarea:disabled::-moz-placeholder,input.disabled.sc-ix-textarea::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-textarea:disabled::placeholder,input.disabled.sc-ix-textarea::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-textarea{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-textarea::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-textarea{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-textarea:-webkit-autofill,textarea.sc-ix-textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-textarea::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-textarea::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only),textarea.sc-ix-textarea:hover:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only),textarea.sc-ix-textarea:hover:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only),textarea.sc-ix-textarea:focus:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-textarea:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only),textarea.sc-ix-textarea:focus:not(.readonly,.read-only.sc-ix-textarea,.disabled.sc-ix-textarea,[readonly].sc-ix-textarea,[disabled].sc-ix-textarea,.sc-ix-textarea:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-textarea,textarea.sc-ix-textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-textarea::-moz-placeholder,textarea.sc-ix-textarea:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-textarea:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-textarea::placeholder,textarea.sc-ix-textarea:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-textarea:disabled,textarea.disabled.sc-ix-textarea{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-textarea:disabled::-moz-placeholder,textarea.disabled.sc-ix-textarea::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-textarea:disabled::placeholder,textarea.disabled.sc-ix-textarea::placeholder{color:transparent}/*!@textarea*/textarea.sc-ix-textarea{padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-textarea~.valid-feedback.sc-ix-textarea,textarea.sc-ix-textarea~.invalid-feedback.sc-ix-textarea,input.sc-ix-textarea~.valid-feedback.sc-ix-textarea,input.sc-ix-textarea~.invalid-feedback.sc-ix-textarea{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-textarea textarea.sc-ix-textarea~.valid-feedback.sc-ix-textarea,form.sc-ix-textarea input.sc-ix-textarea~.valid-feedback.sc-ix-textarea{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-textarea textarea.sc-ix-textarea~.invalid-feedback.sc-ix-textarea,form.sc-ix-textarea input.sc-ix-textarea~.invalid-feedback.sc-ix-textarea{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-textarea:not([novalidate]) .sc-ix-textarea:invalid,form.sc-ix-textarea:not([novalidate]) .is-invalid.sc-ix-textarea,form.was-validated.sc-ix-textarea .sc-ix-textarea:invalid,form.was-validated.sc-ix-textarea .is-invalid.sc-ix-textarea{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-textarea:not([novalidate]) .sc-ix-textarea:invalid~.invalid-feedback.sc-ix-textarea,form.sc-ix-textarea:not([novalidate]) .is-invalid.sc-ix-textarea~.invalid-feedback.sc-ix-textarea,form.was-validated.sc-ix-textarea .sc-ix-textarea:invalid~.invalid-feedback.sc-ix-textarea,form.was-validated.sc-ix-textarea .is-invalid.sc-ix-textarea~.invalid-feedback.sc-ix-textarea{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-textarea:not([novalidate]) .sc-ix-textarea:valid~.valid-feedback.sc-ix-textarea,form.sc-ix-textarea:not([novalidate]) .is-valid.sc-ix-textarea~.valid-feedback.sc-ix-textarea,form.was-validated.sc-ix-textarea .sc-ix-textarea:valid~.valid-feedback.sc-ix-textarea,form.was-validated.sc-ix-textarea .is-valid.sc-ix-textarea~.valid-feedback.sc-ix-textarea{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-textarea:not(.was-validated) .invalid-feedback.sc-ix-textarea,form.sc-ix-textarea:not(.was-validated) .valid-feedback.sc-ix-textarea{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-textarea:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-textarea-h{display:inline-block;position:relative;width:auto}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-textarea-h *.sc-ix-textarea,.sc-ix-textarea-h *.sc-ix-textarea::after,.sc-ix-textarea-h *.sc-ix-textarea::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-textarea-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-textarea-h .sc-ix-textarea::-webkit-scrollbar-corner{display:none}/*!@:host .input-wrapper*/.sc-ix-textarea-h .input-wrapper.sc-ix-textarea{display:flex;position:relative;align-items:center;width:100%;height:100%}/*!@:host input*/.sc-ix-textarea-h input.sc-ix-textarea{width:100%;height:100%}/*!@:host .start-container,\n:host .end-container*/.sc-ix-textarea-h .start-container.sc-ix-textarea,.sc-ix-textarea-h .end-container.sc-ix-textarea{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}/*!@:host .start-container*/.sc-ix-textarea-h .start-container.sc-ix-textarea{left:0}/*!@:host .end-container*/.sc-ix-textarea-h .end-container.sc-ix-textarea{right:0}/*!@:host .start-container ::slotted(*)*/.sc-ix-textarea-h .start-container .sc-ix-textarea-s>*{margin-left:0.5rem}/*!@:host .start-container ::slotted(ix-icon.size-24),\n:host .start-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-textarea-h .start-container .sc-ix-textarea-s>ix-icon.size-24,.sc-ix-textarea-h .start-container.sc-ix-textarea-s>ix-icon-button.btn-icon-16,.sc-ix-textarea-h .start-container .sc-ix-textarea-s>ix-icon-button.btn-icon-16{margin-left:0.25rem}/*!@:host .start-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-textarea-h .start-container .sc-ix-textarea-s>ix-icon-button.btn-icon-32{margin-left:0}/*!@:host .end-container ::slotted(*)*/.sc-ix-textarea-h .end-container .sc-ix-textarea-s>*{margin-right:0.5rem}/*!@:host .end-container ::slotted(ix-icon.size-24),\n:host .end-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-textarea-h .end-container .sc-ix-textarea-s>ix-icon.size-24,.sc-ix-textarea-h .end-container.sc-ix-textarea-s>ix-icon-button.btn-icon-16,.sc-ix-textarea-h .end-container .sc-ix-textarea-s>ix-icon-button.btn-icon-16{margin-right:0.25rem}/*!@:host .end-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-textarea-h .end-container .sc-ix-textarea-s>ix-icon-button.btn-icon-32{margin-right:0}/*!@:host .bottom-text*/.sc-ix-textarea-h .bottom-text.sc-ix-textarea{margin-top:0.25rem;margin-bottom:0.25rem}/*!@:host(.disabled)*/.disabled.sc-ix-textarea-h{pointer-events:none}/*!@:host(.disabled) input,\n:host(.disabled) textarea*/.disabled.sc-ix-textarea-h input.sc-ix-textarea,.disabled.sc-ix-textarea-h textarea.sc-ix-textarea{pointer-events:none}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:hover,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:active,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:hover*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:active*/.ix-info.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:hover*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:active*/.ix-warning.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:hover*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:hover,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:active*/[class*=ix-invalid].sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:active,.ix-invalid--required.sc-ix-textarea-h:not(.disabled):not(:disabled):not([disabled]) textarea.sc-ix-textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}";
|
|
26456
26582
|
var IxTextareaStyle0 = textareaCss;
|
|
26457
26583
|
|
|
26458
26584
|
/*
|
|
@@ -26616,17 +26742,17 @@ class Tile {
|
|
|
26616
26742
|
this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
|
|
26617
26743
|
}
|
|
26618
26744
|
render() {
|
|
26619
|
-
return (hAsync(Host, { key: '
|
|
26745
|
+
return (hAsync(Host, { key: 'ac3f0fca5c25f7bb7224ef248cca4ee6e6294d85', class: {
|
|
26620
26746
|
'tile-small': this.size === 'small',
|
|
26621
26747
|
'tile-medium': this.size === 'medium',
|
|
26622
26748
|
'tile-big': this.size === 'big',
|
|
26623
|
-
} }, hAsync("div", { key: '
|
|
26749
|
+
} }, hAsync("div", { key: 'c1d65c385b98420f4bdd6d742058200b14634c7b', class: {
|
|
26624
26750
|
'tile-header': true,
|
|
26625
26751
|
'has-content': this.hasHeaderSlot,
|
|
26626
|
-
} }, hAsync("slot", { key: '
|
|
26752
|
+
} }, hAsync("slot", { key: '38a70fedd15e29e0c238e94bd60f69b31dbf7d2a', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: '25d69652c0315f0a434487d523cfbae1d93fda6b', class: "tile-subheader" }, hAsync("slot", { key: '514cbc260eab41c4d400dcbf985a3be3290fb3cd', name: "subheader" })), hAsync("div", { key: '7f4f75b86e8afd4d3e0aa80926d7f7190ca8fa61', class: "tile-content" }, hAsync("slot", { key: 'ae9be816cda00d9b1365403dbce6e254e8c3b808' })), hAsync("div", { key: 'cc46d36240e64c2717aa89c0e7ba7a787d225096', class: {
|
|
26627
26753
|
'tile-footer': true,
|
|
26628
26754
|
'has-content': this.hasFooterSlot,
|
|
26629
|
-
} }, hAsync("slot", { key: '
|
|
26755
|
+
} }, hAsync("slot", { key: '740503c075e46accb41952baf68f1e1b41dea0fd', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
|
|
26630
26756
|
}
|
|
26631
26757
|
get hostElement() { return getElement(this); }
|
|
26632
26758
|
static get style() { return IxTileStyle0; }
|
|
@@ -26644,7 +26770,7 @@ class Tile {
|
|
|
26644
26770
|
}; }
|
|
26645
26771
|
}
|
|
26646
26772
|
|
|
26647
|
-
const timePickerCss = "/*!@label*/label.sc-ix-time-picker{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-time-picker{padding:6px 0px}/*!@input*/input.sc-ix-time-picker{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-time-picker:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-time-picker:-webkit-autofill,input.sc-ix-time-picker:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-time-picker::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-time-picker::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only),input.sc-ix-time-picker:hover:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only),input.sc-ix-time-picker:hover:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only),input.sc-ix-time-picker:focus:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only),input.sc-ix-time-picker:focus:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-time-picker:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-time-picker,input.sc-ix-time-picker:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-time-picker::-moz-placeholder,input.sc-ix-time-picker:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-time-picker:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-time-picker::placeholder,input.sc-ix-time-picker:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-time-picker:disabled,input.disabled.sc-ix-time-picker{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-time-picker:disabled::-moz-placeholder,input.disabled.sc-ix-time-picker::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-time-picker:disabled::placeholder,input.disabled.sc-ix-time-picker::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-time-picker{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-time-picker::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-time-picker{padding:0.375rem 1.25rem 0.375rem 0.5rem}/*!@textarea*/textarea.sc-ix-time-picker{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-time-picker:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-time-picker:-webkit-autofill,textarea.sc-ix-time-picker:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-time-picker::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-time-picker::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only),textarea.sc-ix-time-picker:hover:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only),textarea.sc-ix-time-picker:hover:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only),textarea.sc-ix-time-picker:focus:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only),textarea.sc-ix-time-picker:focus:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-time-picker:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-time-picker,textarea.sc-ix-time-picker:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-time-picker::-moz-placeholder,textarea.sc-ix-time-picker:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-time-picker:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-time-picker::placeholder,textarea.sc-ix-time-picker:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-time-picker:disabled,textarea.disabled.sc-ix-time-picker{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-time-picker:disabled::-moz-placeholder,textarea.disabled.sc-ix-time-picker::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-time-picker:disabled::placeholder,textarea.disabled.sc-ix-time-picker::placeholder{color:transparent}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker,textarea.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker,input.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker,input.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-time-picker textarea.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker,form.sc-ix-time-picker input.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-time-picker textarea.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker,form.sc-ix-time-picker input.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-time-picker:not([novalidate]) .sc-ix-time-picker:invalid,form.sc-ix-time-picker:not([novalidate]) .is-invalid.sc-ix-time-picker,form.was-validated.sc-ix-time-picker .sc-ix-time-picker:invalid,form.was-validated.sc-ix-time-picker .is-invalid.sc-ix-time-picker{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-time-picker:not([novalidate]) .sc-ix-time-picker:invalid~.invalid-feedback.sc-ix-time-picker,form.sc-ix-time-picker:not([novalidate]) .is-invalid.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker,form.was-validated.sc-ix-time-picker .sc-ix-time-picker:invalid~.invalid-feedback.sc-ix-time-picker,form.was-validated.sc-ix-time-picker .is-invalid.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-time-picker:not([novalidate]) .sc-ix-time-picker:valid~.valid-feedback.sc-ix-time-picker,form.sc-ix-time-picker:not([novalidate]) .is-valid.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker,form.was-validated.sc-ix-time-picker .sc-ix-time-picker:valid~.valid-feedback.sc-ix-time-picker,form.was-validated.sc-ix-time-picker .is-valid.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-time-picker:not(.was-validated) .invalid-feedback.sc-ix-time-picker,form.sc-ix-time-picker:not(.was-validated) .valid-feedback.sc-ix-time-picker{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-time-picker-h{display:block;position:relative;width:21rem}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-time-picker-h *.sc-ix-time-picker,.sc-ix-time-picker-h *.sc-ix-time-picker::after,.sc-ix-time-picker-h *.sc-ix-time-picker::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-time-picker-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-corner{display:none}/*!@:host .form-control,\n:host .form-control-plaintext*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}/*!@:host .form-control::-moz-placeholder, :host .form-control-plaintext::-moz-placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker::-moz-placeholder,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@:host .form-control::placeholder,\n:host .form-control-plaintext::placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker::placeholder,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker::placeholder{color:var(--theme-input-hint--color)}/*!@:host .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled), :host .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled)*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}/*!@:host .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),\n:host .form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled)*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}/*!@:host .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, :host .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, :host .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, :host .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}/*!@:host .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, :host .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,\n:host .form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,\n:host .form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}/*!@:host .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible, :host .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}/*!@:host .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,\n:host .form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}/*!@:host .form-control:focus-visible*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:focus-visible{color:var(--theme-input--color)}/*!@:host .form-control[type=number]*/.sc-ix-time-picker-h .form-control[type=number].sc-ix-time-picker{text-align:right}/*!@:host .form-control[type=number]::-webkit-inner-spin-button*/.sc-ix-time-picker-h .form-control[type=number].sc-ix-time-picker::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@:host .form-control.readonly,\n:host .form-control[readonly]*/.sc-ix-time-picker-h .form-control.readonly.sc-ix-time-picker,.sc-ix-time-picker-h .form-control[readonly].sc-ix-time-picker{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}/*!@:host .form-control:-moz-read-only*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}/*!@:host .form-control:read-only,\n:host .form-control[readonly],\n:host .form-control[readOnly],\n:host .form-control.readonly*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:read-only,.sc-ix-time-picker-h .form-control[readonly].sc-ix-time-picker,.sc-ix-time-picker-h .form-control[readOnly].sc-ix-time-picker,.sc-ix-time-picker-h .form-control.readonly.sc-ix-time-picker{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}/*!@:host .form-control:read-only::-moz-placeholder, :host .form-control[readonly]::-moz-placeholder, :host .form-control[readOnly]::-moz-placeholder, :host .form-control.readonly::-moz-placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:read-only::-moz-placeholder,.sc-ix-time-picker-h .form-control[readonly].sc-ix-time-picker::-moz-placeholder,.sc-ix-time-picker-h .form-control[readOnly].sc-ix-time-picker::-moz-placeholder,.sc-ix-time-picker-h .form-control.readonly.sc-ix-time-picker::-moz-placeholder{color:transparent}/*!@:host .form-control:-moz-read-only::placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:-moz-read-only::placeholder{color:transparent}/*!@:host .form-control:read-only::placeholder,\n:host .form-control[readonly]::placeholder,\n:host .form-control[readOnly]::placeholder,\n:host .form-control.readonly::placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:read-only::placeholder,.sc-ix-time-picker-h .form-control[readonly].sc-ix-time-picker::placeholder,.sc-ix-time-picker-h .form-control[readOnly].sc-ix-time-picker::placeholder,.sc-ix-time-picker-h .form-control.readonly.sc-ix-time-picker::placeholder{color:transparent}/*!@:host .form-control:disabled,\n:host .form-control.disabled*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:disabled,.sc-ix-time-picker-h .form-control.disabled.sc-ix-time-picker{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}/*!@:host .form-control:disabled::-moz-placeholder, :host .form-control.disabled::-moz-placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:disabled::-moz-placeholder,.sc-ix-time-picker-h .form-control.disabled.sc-ix-time-picker::-moz-placeholder{color:transparent}/*!@:host .form-control:disabled::placeholder,\n:host .form-control.disabled::placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:disabled::placeholder,.sc-ix-time-picker-h .form-control.disabled.sc-ix-time-picker::placeholder{color:transparent}/*!@:host .form-control-plaintext*/.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker{outline:0}/*!@:host .form-group*/.sc-ix-time-picker-h .form-group.sc-ix-time-picker{position:relative}/*!@:host .input-wrapper*/.sc-ix-time-picker-h .input-wrapper.sc-ix-time-picker{display:flex;position:relative;align-items:center;flex-wrap:nowrap}/*!@:host .input-wrapper > .glyph*/.sc-ix-time-picker-h .input-wrapper.sc-ix-time-picker>.glyph.sc-ix-time-picker{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}/*!@:host .input-wrapper > input*/.sc-ix-time-picker-h .input-wrapper.sc-ix-time-picker>input.sc-ix-time-picker{padding-inline-start:2.2rem}/*!@:host select.form-control*/.sc-ix-time-picker-h select.form-control.sc-ix-time-picker{padding:0 0.312rem}/*!@:host textarea.form-control*/.sc-ix-time-picker-h textarea.form-control.sc-ix-time-picker{padding:0.375rem 0.5rem}/*!@:host input.disabled, :host input:disabled*/.sc-ix-time-picker-h input.disabled.sc-ix-time-picker,.sc-ix-time-picker-h input.sc-ix-time-picker:disabled{color:var(--theme-input--color--disabled)}/*!@:host input:-moz-read-only*/.sc-ix-time-picker-h input.sc-ix-time-picker:-moz-read-only{cursor:default}/*!@:host input:read-only, :host input.readonly*/.sc-ix-time-picker-h input.sc-ix-time-picker:read-only,.sc-ix-time-picker-h input.readonly.sc-ix-time-picker{cursor:default}@media (max-width: 576px){/*!@:host .clock*/.sc-ix-time-picker-h .clock.sc-ix-time-picker{padding:1.5rem 0 1rem 0}/*!@:host .header*/.sc-ix-time-picker-h .header.sc-ix-time-picker{height:1.5rem !important}}@media (min-width: 576px){/*!@:host .clock*/.sc-ix-time-picker-h .clock.sc-ix-time-picker{padding:4.25rem 0 3.75rem 0}/*!@:host .header*/.sc-ix-time-picker-h .header.sc-ix-time-picker{height:2.5rem !important}}/*!@:host .header*/.sc-ix-time-picker-h .header.sc-ix-time-picker{display:flex;align-items:center;justify-content:center;height:2.5rem}/*!@:host .flex*/.sc-ix-time-picker-h .flex.sc-ix-time-picker{display:flex}/*!@:host .clock*/.sc-ix-time-picker-h .clock.sc-ix-time-picker{display:flex;justify-content:center;align-items:center}/*!@:host input,\n:host .time-reference*/.sc-ix-time-picker-h input.sc-ix-time-picker,.sc-ix-time-picker-h .time-reference.sc-ix-time-picker{width:2.625rem;height:1.5rem;text-align:center;margin-top:0.25rem;margin-bottom:0.25rem}/*!@:host input::-webkit-outer-spin-button, :host input::-webkit-inner-spin-button,\n:host .time-reference::-webkit-outer-spin-button,\n:host .time-reference::-webkit-inner-spin-button*/.sc-ix-time-picker-h input.sc-ix-time-picker::-webkit-outer-spin-button,.sc-ix-time-picker-h input.sc-ix-time-picker::-webkit-inner-spin-button,.sc-ix-time-picker-h .time-reference.sc-ix-time-picker::-webkit-outer-spin-button,.sc-ix-time-picker-h .time-reference.sc-ix-time-picker::-webkit-inner-spin-button{-webkit-appearance:none;margin:0 0.3125rem}/*!@:host input[type=number],\n:host .time-reference[type=number]*/.sc-ix-time-picker-h input[type=number].sc-ix-time-picker,.sc-ix-time-picker-h .time-reference[type=number].sc-ix-time-picker{-moz-appearance:textfield}/*!@:host .form-control[type=number]*/.sc-ix-time-picker-h .form-control[type=number].sc-ix-time-picker{text-align:center}/*!@:host .columns*/.sc-ix-time-picker-h .columns.sc-ix-time-picker{display:flex;flex-direction:column;align-items:center;justify-content:space-around}/*!@:host .column-seperator*/.sc-ix-time-picker-h .column-seperator.sc-ix-time-picker{display:flex;align-items:center;margin:0 0.25rem}/*!@:host .button*/.sc-ix-time-picker-h .button.sc-ix-time-picker{display:flex;justify-content:flex-end}/*!@:host .button.standalone*/.sc-ix-time-picker-h .button.standalone.sc-ix-time-picker{padding-top:0.5rem}/*!@:host .default-space*/.sc-ix-time-picker-h .default-space.sc-ix-time-picker{margin-left:1rem}/*!@:host .text-align*/.sc-ix-time-picker-h .text-align.sc-ix-time-picker{text-align:center}/*!@:host .hidden*/.sc-ix-time-picker-h .hidden.sc-ix-time-picker{display:none}/*!@:host .time-reference*/.sc-ix-time-picker-h .time-reference.sc-ix-time-picker{margin-top:0.5rem;margin-bottom:0.5rem}";
|
|
26773
|
+
const timePickerCss = "/*!@label*/label.sc-ix-time-picker{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-time-picker{padding:6px 0px}/*!@input*/input.sc-ix-time-picker{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@input:-webkit-autofill*/input.sc-ix-time-picker:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input:-webkit-autofill, input:autofill*/input.sc-ix-time-picker:-webkit-autofill,input.sc-ix-time-picker:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@input::-moz-placeholder*/input.sc-ix-time-picker::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-time-picker::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only),input.sc-ix-time-picker:hover:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only),input.sc-ix-time-picker:hover:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only),input.sc-ix-time-picker:focus:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only),input.sc-ix-time-picker:focus:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@input:-moz-read-only*/input.sc-ix-time-picker:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-time-picker,input.sc-ix-time-picker:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-time-picker::-moz-placeholder,input.sc-ix-time-picker:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-time-picker:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-time-picker::placeholder,input.sc-ix-time-picker:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-time-picker:disabled,input.disabled.sc-ix-time-picker{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-time-picker:disabled::-moz-placeholder,input.disabled.sc-ix-time-picker::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-time-picker:disabled::placeholder,input.disabled.sc-ix-time-picker::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-time-picker{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-time-picker::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-time-picker{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;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-time-picker:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-time-picker:-webkit-autofill,textarea.sc-ix-time-picker:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}/*!@textarea::-moz-placeholder*/textarea.sc-ix-time-picker::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-time-picker::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only),textarea.sc-ix-time-picker:hover:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only),textarea.sc-ix-time-picker:hover:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only),textarea.sc-ix-time-picker:focus:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-time-picker:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only),textarea.sc-ix-time-picker:focus:not(.readonly,.read-only.sc-ix-time-picker,.disabled.sc-ix-time-picker,[readonly].sc-ix-time-picker,[disabled].sc-ix-time-picker,.sc-ix-time-picker:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}/*!@textarea:-moz-read-only*/textarea.sc-ix-time-picker:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-time-picker,textarea.sc-ix-time-picker:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-time-picker::-moz-placeholder,textarea.sc-ix-time-picker:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-time-picker:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-time-picker::placeholder,textarea.sc-ix-time-picker:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-time-picker:disabled,textarea.disabled.sc-ix-time-picker{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-time-picker:disabled::-moz-placeholder,textarea.disabled.sc-ix-time-picker::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-time-picker:disabled::placeholder,textarea.disabled.sc-ix-time-picker::placeholder{color:transparent}/*!@textarea*/textarea.sc-ix-time-picker{padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker,textarea.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker,input.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker,input.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-time-picker textarea.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker,form.sc-ix-time-picker input.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-time-picker textarea.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker,form.sc-ix-time-picker input.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-time-picker:not([novalidate]) .sc-ix-time-picker:invalid,form.sc-ix-time-picker:not([novalidate]) .is-invalid.sc-ix-time-picker,form.was-validated.sc-ix-time-picker .sc-ix-time-picker:invalid,form.was-validated.sc-ix-time-picker .is-invalid.sc-ix-time-picker{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-time-picker:not([novalidate]) .sc-ix-time-picker:invalid~.invalid-feedback.sc-ix-time-picker,form.sc-ix-time-picker:not([novalidate]) .is-invalid.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker,form.was-validated.sc-ix-time-picker .sc-ix-time-picker:invalid~.invalid-feedback.sc-ix-time-picker,form.was-validated.sc-ix-time-picker .is-invalid.sc-ix-time-picker~.invalid-feedback.sc-ix-time-picker{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-time-picker:not([novalidate]) .sc-ix-time-picker:valid~.valid-feedback.sc-ix-time-picker,form.sc-ix-time-picker:not([novalidate]) .is-valid.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker,form.was-validated.sc-ix-time-picker .sc-ix-time-picker:valid~.valid-feedback.sc-ix-time-picker,form.was-validated.sc-ix-time-picker .is-valid.sc-ix-time-picker~.valid-feedback.sc-ix-time-picker{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-time-picker:not(.was-validated) .invalid-feedback.sc-ix-time-picker,form.sc-ix-time-picker:not(.was-validated) .valid-feedback.sc-ix-time-picker{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-time-picker:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-time-picker-h{display:block;position:relative;width:21rem}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-time-picker-h *.sc-ix-time-picker,.sc-ix-time-picker-h *.sc-ix-time-picker::after,.sc-ix-time-picker-h *.sc-ix-time-picker::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-time-picker-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-time-picker-h .sc-ix-time-picker::-webkit-scrollbar-corner{display:none}/*!@:host .form-control,\n:host .form-control-plaintext*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}/*!@:host .form-control::-moz-placeholder, :host .form-control-plaintext::-moz-placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker::-moz-placeholder,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@:host .form-control::placeholder,\n:host .form-control-plaintext::placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker::placeholder,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker::placeholder{color:var(--theme-input-hint--color)}/*!@:host .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled), :host .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled)*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}/*!@:host .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),\n:host .form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled)*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}/*!@:host .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, :host .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, :host .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, :host .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}/*!@:host .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, :host .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,\n:host .form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,\n:host .form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}/*!@:host .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible, :host .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}/*!@:host .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,\n:host .form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}/*!@:host .form-control:focus-visible*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:focus-visible{color:var(--theme-input--color)}/*!@:host .form-control[type=number]*/.sc-ix-time-picker-h .form-control[type=number].sc-ix-time-picker{text-align:right}/*!@:host .form-control[type=number]::-webkit-inner-spin-button*/.sc-ix-time-picker-h .form-control[type=number].sc-ix-time-picker::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@:host .form-control.readonly,\n:host .form-control[readonly]*/.sc-ix-time-picker-h .form-control.readonly.sc-ix-time-picker,.sc-ix-time-picker-h .form-control[readonly].sc-ix-time-picker{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}/*!@:host .form-control:-moz-read-only*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}/*!@:host .form-control:read-only,\n:host .form-control[readonly],\n:host .form-control[readOnly],\n:host .form-control.readonly*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:read-only,.sc-ix-time-picker-h .form-control[readonly].sc-ix-time-picker,.sc-ix-time-picker-h .form-control[readOnly].sc-ix-time-picker,.sc-ix-time-picker-h .form-control.readonly.sc-ix-time-picker{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}/*!@:host .form-control:read-only::-moz-placeholder, :host .form-control[readonly]::-moz-placeholder, :host .form-control[readOnly]::-moz-placeholder, :host .form-control.readonly::-moz-placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:read-only::-moz-placeholder,.sc-ix-time-picker-h .form-control[readonly].sc-ix-time-picker::-moz-placeholder,.sc-ix-time-picker-h .form-control[readOnly].sc-ix-time-picker::-moz-placeholder,.sc-ix-time-picker-h .form-control.readonly.sc-ix-time-picker::-moz-placeholder{color:transparent}/*!@:host .form-control:-moz-read-only::placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:-moz-read-only::placeholder{color:transparent}/*!@:host .form-control:read-only::placeholder,\n:host .form-control[readonly]::placeholder,\n:host .form-control[readOnly]::placeholder,\n:host .form-control.readonly::placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:read-only::placeholder,.sc-ix-time-picker-h .form-control[readonly].sc-ix-time-picker::placeholder,.sc-ix-time-picker-h .form-control[readOnly].sc-ix-time-picker::placeholder,.sc-ix-time-picker-h .form-control.readonly.sc-ix-time-picker::placeholder{color:transparent}/*!@:host .form-control:disabled,\n:host .form-control.disabled*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:disabled,.sc-ix-time-picker-h .form-control.disabled.sc-ix-time-picker{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}/*!@:host .form-control:disabled::-moz-placeholder, :host .form-control.disabled::-moz-placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:disabled::-moz-placeholder,.sc-ix-time-picker-h .form-control.disabled.sc-ix-time-picker::-moz-placeholder{color:transparent}/*!@:host .form-control:disabled::placeholder,\n:host .form-control.disabled::placeholder*/.sc-ix-time-picker-h .form-control.sc-ix-time-picker:disabled::placeholder,.sc-ix-time-picker-h .form-control.disabled.sc-ix-time-picker::placeholder{color:transparent}/*!@:host .form-control-plaintext*/.sc-ix-time-picker-h .form-control-plaintext.sc-ix-time-picker{outline:0}/*!@:host .form-group*/.sc-ix-time-picker-h .form-group.sc-ix-time-picker{position:relative}/*!@:host .input-wrapper*/.sc-ix-time-picker-h .input-wrapper.sc-ix-time-picker{display:flex;position:relative;align-items:center;flex-wrap:nowrap}/*!@:host .input-wrapper > .glyph*/.sc-ix-time-picker-h .input-wrapper.sc-ix-time-picker>.glyph.sc-ix-time-picker{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}/*!@:host .input-wrapper > input*/.sc-ix-time-picker-h .input-wrapper.sc-ix-time-picker>input.sc-ix-time-picker{padding-inline-start:2.2rem}/*!@:host select.form-control*/.sc-ix-time-picker-h select.form-control.sc-ix-time-picker{padding:0 0.312rem}/*!@:host textarea.form-control*/.sc-ix-time-picker-h textarea.form-control.sc-ix-time-picker{padding:0.375rem 0.5rem}/*!@:host input.disabled, :host input:disabled*/.sc-ix-time-picker-h input.disabled.sc-ix-time-picker,.sc-ix-time-picker-h input.sc-ix-time-picker:disabled{color:var(--theme-input--color--disabled)}/*!@:host input:-moz-read-only*/.sc-ix-time-picker-h input.sc-ix-time-picker:-moz-read-only{cursor:default}/*!@:host input:read-only, :host input.readonly*/.sc-ix-time-picker-h input.sc-ix-time-picker:read-only,.sc-ix-time-picker-h input.readonly.sc-ix-time-picker{cursor:default}@media (max-width: 576px){/*!@:host .clock*/.sc-ix-time-picker-h .clock.sc-ix-time-picker{padding:1.5rem 0 1rem 0}/*!@:host .header*/.sc-ix-time-picker-h .header.sc-ix-time-picker{height:1.5rem !important}}@media (min-width: 576px){/*!@:host .clock*/.sc-ix-time-picker-h .clock.sc-ix-time-picker{padding:4.25rem 0 3.75rem 0}/*!@:host .header*/.sc-ix-time-picker-h .header.sc-ix-time-picker{height:2.5rem !important}}/*!@:host .header*/.sc-ix-time-picker-h .header.sc-ix-time-picker{display:flex;align-items:center;justify-content:center;height:2.5rem}/*!@:host .flex*/.sc-ix-time-picker-h .flex.sc-ix-time-picker{display:flex}/*!@:host .clock*/.sc-ix-time-picker-h .clock.sc-ix-time-picker{display:flex;justify-content:center;align-items:center}/*!@:host input,\n:host .time-reference*/.sc-ix-time-picker-h input.sc-ix-time-picker,.sc-ix-time-picker-h .time-reference.sc-ix-time-picker{width:2.625rem;height:1.5rem;text-align:center;margin-top:0.25rem;margin-bottom:0.25rem}/*!@:host input::-webkit-outer-spin-button, :host input::-webkit-inner-spin-button,\n:host .time-reference::-webkit-outer-spin-button,\n:host .time-reference::-webkit-inner-spin-button*/.sc-ix-time-picker-h input.sc-ix-time-picker::-webkit-outer-spin-button,.sc-ix-time-picker-h input.sc-ix-time-picker::-webkit-inner-spin-button,.sc-ix-time-picker-h .time-reference.sc-ix-time-picker::-webkit-outer-spin-button,.sc-ix-time-picker-h .time-reference.sc-ix-time-picker::-webkit-inner-spin-button{-webkit-appearance:none;margin:0 0.3125rem}/*!@:host input[type=number],\n:host .time-reference[type=number]*/.sc-ix-time-picker-h input[type=number].sc-ix-time-picker,.sc-ix-time-picker-h .time-reference[type=number].sc-ix-time-picker{-moz-appearance:textfield}/*!@:host .form-control[type=number]*/.sc-ix-time-picker-h .form-control[type=number].sc-ix-time-picker{text-align:center}/*!@:host .columns*/.sc-ix-time-picker-h .columns.sc-ix-time-picker{display:flex;flex-direction:column;align-items:center;justify-content:space-around}/*!@:host .column-seperator*/.sc-ix-time-picker-h .column-seperator.sc-ix-time-picker{display:flex;align-items:center;margin:0 0.25rem}/*!@:host .button*/.sc-ix-time-picker-h .button.sc-ix-time-picker{display:flex;justify-content:flex-end}/*!@:host .button.standalone*/.sc-ix-time-picker-h .button.standalone.sc-ix-time-picker{padding-top:0.5rem}/*!@:host .default-space*/.sc-ix-time-picker-h .default-space.sc-ix-time-picker{margin-left:1rem}/*!@:host .text-align*/.sc-ix-time-picker-h .text-align.sc-ix-time-picker{text-align:center}/*!@:host .hidden*/.sc-ix-time-picker-h .hidden.sc-ix-time-picker{display:none}/*!@:host .time-reference*/.sc-ix-time-picker-h .time-reference.sc-ix-time-picker{margin-top:0.5rem;margin-bottom:0.5rem}";
|
|
26648
26774
|
var IxTimePickerStyle0 = timePickerCss;
|
|
26649
26775
|
|
|
26650
26776
|
class TimePicker {
|
|
@@ -26881,11 +27007,11 @@ class Toast {
|
|
|
26881
27007
|
animationPlayState: this.touched ? 'paused' : 'running',
|
|
26882
27008
|
};
|
|
26883
27009
|
progressBarClass.push('toast-progress-bar--animated');
|
|
26884
|
-
return (hAsync(Host, { key: '
|
|
27010
|
+
return (hAsync(Host, { key: 'a8a6c1a009529dd1c61942c40a6d6d7081b319a0', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: 'fd011b4e26627fee1ee2917d7c22cbd039b67b67', class: "toast-body", onPointerLeave: () => {
|
|
26885
27011
|
this.touched = false;
|
|
26886
27012
|
}, onPointerEnter: () => {
|
|
26887
27013
|
this.touched = true;
|
|
26888
|
-
} }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: '
|
|
27014
|
+
} }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: '6ed6ffca2d27cd6e42c79d2250a1ec509db35ab5', class: "toast-content" }, this.toastTitle ? (hAsync("div", { class: "toast-title" }, this.toastTitle)) : null, hAsync("div", { key: '05f32e01c33421dc2356455d76805782d24f2164', class: "toast-message" }, hAsync("slot", { key: 'e3d2457ca46a93df01d1dc69be829f30c40b9e8d' }))), hAsync("div", { key: '55420cc44284a05c47069b55877233fbb9ce814c', class: "toast-close" }, hAsync("ix-icon-button", { key: 'cd492967fb66313cb94ab460881e4c7275e03d9e', icon: 'close', size: "24", ghost: true, onClick: () => this.closeToast.emit() }))), this.autoClose ? (hAsync("div", { class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
|
|
26889
27015
|
this.close();
|
|
26890
27016
|
}, onTransitionEnd: () => {
|
|
26891
27017
|
if (this.progress === 0) {
|
|
@@ -26947,6 +27073,10 @@ class ToastContainer {
|
|
|
26947
27073
|
}
|
|
26948
27074
|
onPositionChange(newPosition, oldPosition) {
|
|
26949
27075
|
const toastContainer = document.getElementById(this.containerId);
|
|
27076
|
+
if (!toastContainer) {
|
|
27077
|
+
console.warn('No toast container found, cannot configure toast position');
|
|
27078
|
+
return;
|
|
27079
|
+
}
|
|
26950
27080
|
toastContainer.classList.remove(`${this.PREFIX_POSITION_CLASS}${oldPosition}`);
|
|
26951
27081
|
toastContainer.classList.add(`${this.PREFIX_POSITION_CLASS}${newPosition}`);
|
|
26952
27082
|
}
|
|
@@ -26955,7 +27085,7 @@ class ToastContainer {
|
|
|
26955
27085
|
* @param config
|
|
26956
27086
|
*/
|
|
26957
27087
|
async showToast(config) {
|
|
26958
|
-
var _a, _b;
|
|
27088
|
+
var _a, _b, _c;
|
|
26959
27089
|
const toast = document.createElement('ix-toast');
|
|
26960
27090
|
const onClose = new TypedEvent();
|
|
26961
27091
|
function removeToast(result) {
|
|
@@ -26963,9 +27093,9 @@ class ToastContainer {
|
|
|
26963
27093
|
onClose.emit(result);
|
|
26964
27094
|
}
|
|
26965
27095
|
toast.toastTitle = config.title;
|
|
26966
|
-
toast.type = config.type;
|
|
26967
|
-
toast.autoClose = (
|
|
26968
|
-
toast.autoCloseDelay = (
|
|
27096
|
+
toast.type = (_a = config.type) !== null && _a !== void 0 ? _a : 'info';
|
|
27097
|
+
toast.autoClose = (_b = config.autoClose) !== null && _b !== void 0 ? _b : true;
|
|
27098
|
+
toast.autoCloseDelay = (_c = config.autoCloseDelay) !== null && _c !== void 0 ? _c : 5000;
|
|
26969
27099
|
toast.icon = config.icon;
|
|
26970
27100
|
toast.iconColor = config.iconColor;
|
|
26971
27101
|
toast.addEventListener('closeToast', (event) => {
|
|
@@ -26987,10 +27117,10 @@ class ToastContainer {
|
|
|
26987
27117
|
};
|
|
26988
27118
|
}
|
|
26989
27119
|
render() {
|
|
26990
|
-
return (hAsync(Host, { key: '
|
|
27120
|
+
return (hAsync(Host, { key: 'e68ed9ab280f5371d912d00e0de80bf4b2d0f73a', class: {
|
|
26991
27121
|
'toast-container--bottom-right': this.position === 'bottom-right',
|
|
26992
27122
|
'toast-container--top-right': this.position === 'top-right',
|
|
26993
|
-
} }, hAsync("slot", { key: '
|
|
27123
|
+
} }, hAsync("slot", { key: 'e18da090109cfd3ce359825cf4b21c05720e08e1' })));
|
|
26994
27124
|
}
|
|
26995
27125
|
static get watchers() { return {
|
|
26996
27126
|
"position": ["onPositionChange"]
|
|
@@ -27080,13 +27210,13 @@ class Toggle {
|
|
|
27080
27210
|
if (this.indeterminate) {
|
|
27081
27211
|
toggleText = this.textIndeterminate;
|
|
27082
27212
|
}
|
|
27083
|
-
return (hAsync(Host, { key: '
|
|
27213
|
+
return (hAsync(Host, { key: '508fa5cd92f3b3707823b13175a6e243def7d61f', class: {
|
|
27084
27214
|
disabled: this.disabled,
|
|
27085
|
-
} }, hAsync("label", { key: '
|
|
27215
|
+
} }, hAsync("label", { key: 'b01e8a3e4fb781dc979ebf915aa71055a688d0da', class: "wrapper" }, hAsync("button", { key: '22301abf1c108d18d8c73d5288f9b6cceb6f4992', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
|
|
27086
27216
|
switch: true,
|
|
27087
27217
|
checked: this.checked,
|
|
27088
27218
|
indeterminate: this.indeterminate,
|
|
27089
|
-
}, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: '
|
|
27219
|
+
}, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: '2f0a33aa378f39f77f7905028884b93b530e9c5e', class: "slider" })), hAsync("input", { key: 'f5bb8b2a44d5881f769d2306b5eeadac9481dc46', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (hAsync("ix-typography", { key: 'd631ef3c16f5df85c752534b4f1c798f520678d3', class: "label" }, toggleText)))));
|
|
27090
27220
|
}
|
|
27091
27221
|
static get formAssociated() { return true; }
|
|
27092
27222
|
get hostElement() { return getElement(this); }
|
|
@@ -27175,9 +27305,9 @@ class ToggleButton {
|
|
|
27175
27305
|
'aria-pressed': a11yBoolean(this.pressed),
|
|
27176
27306
|
},
|
|
27177
27307
|
};
|
|
27178
|
-
return (hAsync(Host, { key: '
|
|
27308
|
+
return (hAsync(Host, { key: '6e4c00d9254141696c832a3102fb02615af91c62', class: {
|
|
27179
27309
|
disabled: this.disabled || this.loading,
|
|
27180
|
-
} }, hAsync(BaseButton, Object.assign({ key: '
|
|
27310
|
+
} }, hAsync(BaseButton, Object.assign({ key: '60ccac36e5c7f72ca72ad06ba685eacca7fb6c34' }, baseButtonProps), hAsync("slot", { key: 'fe9a17c7cb02ada4a100aaf2cbc4e8390fecc7b9' }))));
|
|
27181
27311
|
}
|
|
27182
27312
|
static get watchers() { return {
|
|
27183
27313
|
"variant": ["onVariantChange"],
|
|
@@ -27486,9 +27616,9 @@ class Tooltip {
|
|
|
27486
27616
|
this.visible = false;
|
|
27487
27617
|
}
|
|
27488
27618
|
render() {
|
|
27489
|
-
return (hAsync(Host, { key: '
|
|
27619
|
+
return (hAsync(Host, { key: 'af2e907e5495a6678ea3ecab24003e98123da838', class: {
|
|
27490
27620
|
visible: this.visible,
|
|
27491
|
-
}, role: "tooltip" }, hAsync("div", { key: '
|
|
27621
|
+
}, role: "tooltip" }, hAsync("div", { key: 'ddc44b9d17159259724ca31b95006422edb97c86', class: "tooltip-container" }, hAsync("div", { key: 'cdb3297a6f0b3654bfd8086b74e259f639c1a379', class: 'tooltip-title' }, hAsync("slot", { key: '04aa3f912afc3fc9e00f292a512ac437b226e54e', name: "title-icon" }), hAsync("ix-typography", { key: '231ffcc29a7d10b63ea503f01d7d5cca7cfd5c88', format: "h5" }, this.titleContent, hAsync("slot", { key: '1935843920eb558cda923a471a6acee19b9d94f3', name: "title-content" }))), hAsync("div", { key: '2c0f633a6db4b53eecabf32b714542d8cfc28301', class: 'tooltip-content' }, hAsync("slot", { key: '8eef3e0770147f7f7aa5fd88a564d19bdd8cf84d' })), hAsync("div", { key: '9ebed5328561662759fd9fa763a2bd92cbdba7eb', class: "arrow" }))));
|
|
27492
27622
|
}
|
|
27493
27623
|
get hostElement() { return getElement(this); }
|
|
27494
27624
|
static get style() { return IxTooltipStyle0; }
|
|
@@ -28076,7 +28206,7 @@ class Tree {
|
|
|
28076
28206
|
this.hyperlist = new VirtualList(this.hostElement, config);
|
|
28077
28207
|
}
|
|
28078
28208
|
render() {
|
|
28079
|
-
return (hAsync(Host, { key: '
|
|
28209
|
+
return (hAsync(Host, { key: 'f07f8e18cb87e576426b1ba321d8d198712db756' }, hAsync("slot", { key: 'c2f1bfa0cb99eeac46d11270d22e949a4d8674c3' })));
|
|
28080
28210
|
}
|
|
28081
28211
|
get hostElement() { return getElement(this); }
|
|
28082
28212
|
static get watchers() { return {
|
|
@@ -28112,16 +28242,16 @@ class TreeItem {
|
|
|
28112
28242
|
}
|
|
28113
28243
|
render() {
|
|
28114
28244
|
var _a, _b, _c;
|
|
28115
|
-
return (hAsync(Host, { key: '
|
|
28245
|
+
return (hAsync(Host, { key: 'bb6da9e7cfe6133c51d8aa4a6eebfb8e7fdb68b2', class: {
|
|
28116
28246
|
selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
|
|
28117
|
-
} }, hAsync("div", { key: '
|
|
28247
|
+
} }, hAsync("div", { key: '8c6046145871b5b27731d78150ce8db3a3d5d5ad', class: "icon-toggle-container", onClick: (e) => {
|
|
28118
28248
|
e.preventDefault();
|
|
28119
28249
|
this.toggle.emit();
|
|
28120
28250
|
} }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRight, size: "16", class: {
|
|
28121
28251
|
['icon-toggle-down']: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded),
|
|
28122
|
-
}, color: `color-${((_c = this.context) === null || _c === void 0 ? void 0 : _c.isExpanded) ? 'primary' : 'std-text'}` })) : null), hAsync("div", { key: '
|
|
28252
|
+
}, color: `color-${((_c = this.context) === null || _c === void 0 ? void 0 : _c.isExpanded) ? 'primary' : 'std-text'}` })) : null), hAsync("div", { key: '54dde9d64be32bcc705ca8503ceb23146e70e7b7', class: "tree-node-container", onClick: () => {
|
|
28123
28253
|
this.itemClick.emit();
|
|
28124
|
-
} }, hAsync("div", { key: '
|
|
28254
|
+
} }, hAsync("div", { key: '91747fdc39f9e1207200639d1ef1d0d4cb582947', class: "tree-node-text" }, this.text), hAsync("slot", { key: 'bacce3961714116f77a23657c30437ac719916de' }))));
|
|
28125
28255
|
}
|
|
28126
28256
|
static get style() { return IxTreeItemStyle0; }
|
|
28127
28257
|
static get cmpMeta() { return {
|
|
@@ -28290,7 +28420,7 @@ class Upload {
|
|
|
28290
28420
|
render() {
|
|
28291
28421
|
const disabled = this.disabled || this.state === UploadFileState.LOADING;
|
|
28292
28422
|
const _a = this.a11y, { 'aria-label': ariaLabel = 'Upload files' } = _a, a11y = __rest(_a, ['aria-label']);
|
|
28293
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
28423
|
+
return (hAsync(Host, Object.assign({ key: '3a55e79e4811a751f14647902d8c1c282211c26e' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: '82ac8595fbb714efcb3cb580ce14c20079076151', class: {
|
|
28294
28424
|
'file-upload-area': true,
|
|
28295
28425
|
'file-over': this.state !== UploadFileState.LOADING && this.isFileOver,
|
|
28296
28426
|
checking: this.state === UploadFileState.LOADING,
|
|
@@ -28300,9 +28430,9 @@ class Upload {
|
|
|
28300
28430
|
if (this.state !== UploadFileState.LOADING) {
|
|
28301
28431
|
this.fileDropped(e);
|
|
28302
28432
|
}
|
|
28303
|
-
}, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: '
|
|
28433
|
+
}, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: '10a744ae27d99947d1f3bf45149c596e78d50490' }, hAsync("input", { key: '2ec73592d331cc04ab37a587d450de8d80aa2c1f', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", onChange: (e) => {
|
|
28304
28434
|
this.fileChangeEvent(e);
|
|
28305
|
-
}, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: '
|
|
28435
|
+
}, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: '4129829189afc794863da9271db0d4d5f2564e4e', tabindex: "-1", outline: true, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
|
|
28306
28436
|
}
|
|
28307
28437
|
get hostElement() { return getElement(this); }
|
|
28308
28438
|
static get style() { return IxUploadStyle0; }
|
|
@@ -28381,6 +28511,9 @@ class ValidationTooltip {
|
|
|
28381
28511
|
}),
|
|
28382
28512
|
],
|
|
28383
28513
|
};
|
|
28514
|
+
if (!positionConfig.middleware) {
|
|
28515
|
+
positionConfig.middleware = [];
|
|
28516
|
+
}
|
|
28384
28517
|
if (!this.suppressAutomaticPlacement) {
|
|
28385
28518
|
positionConfig.middleware.push(flip({ fallbackStrategy: 'initialPlacement' }));
|
|
28386
28519
|
}
|
|
@@ -28461,13 +28594,13 @@ class ValidationTooltip {
|
|
|
28461
28594
|
}
|
|
28462
28595
|
render() {
|
|
28463
28596
|
var _a, _b;
|
|
28464
|
-
return (hAsync(Host, { key: '
|
|
28597
|
+
return (hAsync(Host, { key: 'fce95b6a9df85da12c742a92ae5af48c15f5a04b' }, hAsync("slot", { key: 'c70130b23d312a884677e0aea4cf54158ebb36e4' }), hAsync("div", { key: '551b30175043178ead3068637b7525fcf2378623', role: "tooltip", style: {
|
|
28465
28598
|
display: 'none',
|
|
28466
28599
|
position: 'fixed',
|
|
28467
28600
|
top: '0',
|
|
28468
28601
|
left: '0',
|
|
28469
28602
|
transform: `translate(${Math.round(((_a = this.tooltipPosition) === null || _a === void 0 ? void 0 : _a.x) || 0)}px,${Math.round(((_b = this.tooltipPosition) === null || _b === void 0 ? void 0 : _b.y) || 0)}px)`,
|
|
28470
|
-
}, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: '
|
|
28603
|
+
}, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: 'f9af434ac0ae7710dccca7ffc6fb6a6b71546fc3', name: "tooltip-message" }), hAsync("div", { key: '66da811f499a7a995149e3575ef95b8eb5eac8e7', id: "arrow" }))));
|
|
28471
28604
|
}
|
|
28472
28605
|
get hostElement() { return getElement(this); }
|
|
28473
28606
|
static get watchers() { return {
|
|
@@ -28498,6 +28631,7 @@ class WorkflowStep {
|
|
|
28498
28631
|
constructor(hostRef) {
|
|
28499
28632
|
registerInstance(this, hostRef);
|
|
28500
28633
|
this.selectedChanged = createEvent(this, "selectedChanged", 7);
|
|
28634
|
+
this.customIconSlot = false;
|
|
28501
28635
|
this.vertical = false;
|
|
28502
28636
|
this.disabled = false;
|
|
28503
28637
|
this.status = 'open';
|
|
@@ -28559,18 +28693,18 @@ class WorkflowStep {
|
|
|
28559
28693
|
}
|
|
28560
28694
|
render() {
|
|
28561
28695
|
const icons = !this.customIconSlot ? (hAsync(Fragment, null, hAsync("ix-icon", { color: "color-1", name: this.iconName === 'warning' ? 'triangle-filled' : 'circle-filled', class: "absolute", size: "24" }), hAsync("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24" }))) : null;
|
|
28562
|
-
return (hAsync(Host, { key: '
|
|
28696
|
+
return (hAsync(Host, { key: '484ce65ed951050c54a3daf605449e09308acb7c', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: '490aeaf08167b8f09e1f190d530852d09bb7ff14', tabIndex: 0, class: {
|
|
28563
28697
|
step: true,
|
|
28564
28698
|
selected: this.selected,
|
|
28565
28699
|
vertical: this.vertical,
|
|
28566
28700
|
disabled: this.disabled,
|
|
28567
28701
|
clickable: this.clickable && !this.disabled,
|
|
28568
|
-
} }, hAsync("div", { key: '
|
|
28702
|
+
} }, hAsync("div", { key: '7316aeceb9d686c1a374301c6b3a189c0cf99b81', class: "wrapper" }, hAsync("div", { key: '632b86d733ea490271b55e35709754f2ec45538f', class: {
|
|
28569
28703
|
line: true,
|
|
28570
28704
|
selected: this.selected,
|
|
28571
28705
|
[this.status]: true,
|
|
28572
28706
|
[this.position]: true,
|
|
28573
|
-
} }), hAsync("div", { key: '
|
|
28707
|
+
} }), hAsync("div", { key: '0f46b7b348bb7592b5fef581b8732ec6e6863c4d', class: "iconWrapper" }, icons, hAsync("slot", { key: '051b8c00079203a2eb57a52104b54c2fc6107a86', name: "custom-icon" }))), hAsync("div", { key: 'd7048ea95b804bc074d35a20d39605928b4c0e93', class: "text" }, hAsync("slot", { key: 'e583bc0231a1aede593925c1f93ea5bb38020938' })))));
|
|
28574
28708
|
}
|
|
28575
28709
|
get hostElement() { return getElement(this); }
|
|
28576
28710
|
static get watchers() { return {
|
|
@@ -28667,7 +28801,7 @@ class WorkflowSteps {
|
|
|
28667
28801
|
this.updateSteps();
|
|
28668
28802
|
}
|
|
28669
28803
|
render() {
|
|
28670
|
-
return (hAsync(Host, { key: '
|
|
28804
|
+
return (hAsync(Host, { key: '192c534bab7bc83c33b9c479817b9bec7967f759' }, hAsync("div", { key: '9b35cb1aa638c73acf3cca0fb359e4b26ed8004e', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '5feb3ad4a26faed8f4071673980ab1bb3fe27970' }))));
|
|
28671
28805
|
}
|
|
28672
28806
|
get hostElement() { return getElement(this); }
|
|
28673
28807
|
static get style() { return IxWorkflowStepsStyle0; }
|