@siemens/ix 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/READMEOSS.html +331 -0
- package/components/index.js +3 -3
- package/components/index.js.map +1 -1
- package/components/ix-application-header.js +1 -1
- package/components/ix-application-switch-modal.js +4 -4
- package/components/ix-avatar.js +1 -1
- package/components/ix-basic-navigation.js +4 -4
- package/components/ix-blind.js +2 -2
- package/components/ix-blind.js.map +1 -1
- package/components/ix-breadcrumb-item.js +1 -1
- package/components/ix-breadcrumb.js +3 -3
- package/components/ix-button.js +1 -1
- package/components/ix-card-accordion.js +1 -1
- package/components/ix-card-list.js +3 -3
- package/components/ix-category-filter.js +5 -5
- package/components/ix-category-filter.js.map +1 -1
- package/components/ix-checkbox-group.js +3 -3
- package/components/ix-checkbox-group.js.map +1 -1
- package/components/ix-chip.js +7 -6
- package/components/ix-chip.js.map +1 -1
- package/components/ix-content-header.js +2 -2
- package/components/ix-custom-field.js +1 -1
- package/components/ix-date-dropdown.js +6 -6
- package/components/ix-date-input.js +15 -10
- package/components/ix-date-input.js.map +1 -1
- package/components/ix-date-picker.js +1 -1
- package/components/ix-datetime-picker.js +5 -5
- package/components/ix-drawer.js +2 -2
- package/components/ix-dropdown-button.js +4 -4
- package/components/ix-dropdown-item.js +1 -1
- package/components/ix-dropdown.js +1 -1
- package/components/ix-empty-state.js +1 -1
- package/components/ix-event-list-item.js +2 -2
- package/components/ix-event-list-item.js.map +1 -1
- package/components/ix-expanding-search.js +3 -3
- package/components/ix-expanding-search.js.map +1 -1
- package/components/ix-field-wrapper.js +1 -1
- package/components/ix-filter-chip.js +1 -1
- package/components/ix-flip-tile.js +2 -2
- package/components/ix-group-context-menu.js +1 -1
- package/components/ix-group.js +4 -4
- package/components/ix-group.js.map +1 -1
- package/components/ix-helper-text.js +1 -1
- package/components/ix-icon-button.js +1 -1
- package/components/ix-icon-toggle-button.js +11 -3
- package/components/ix-icon-toggle-button.js.map +1 -1
- package/components/ix-input.js +10 -9
- package/components/ix-input.js.map +1 -1
- package/components/ix-kpi.js +2 -2
- package/components/ix-kpi.js.map +1 -1
- package/components/ix-link-button.js +2 -2
- package/components/ix-link-button.js.map +1 -1
- package/components/ix-map-navigation-overlay.js +1 -1
- package/components/ix-map-navigation.js +6 -6
- package/components/ix-menu-about-news.js +3 -3
- package/components/ix-menu-about.js +3 -3
- package/components/ix-menu-avatar-item.js +1 -1
- package/components/ix-menu-avatar.js +6 -6
- package/components/ix-menu-avatar.js.map +1 -1
- package/components/ix-menu-category.js +4 -4
- package/components/ix-menu-expand-icon.js +1 -1
- package/components/ix-menu-item.js +1 -1
- package/components/ix-menu-settings.js +1 -1
- package/components/ix-menu.js +5 -5
- package/components/ix-message-bar.js +2 -2
- package/components/ix-modal-header.js +1 -1
- package/components/ix-number-input.js +3 -3
- package/components/ix-pagination.js +9 -9
- package/components/ix-pagination.js.map +1 -1
- package/components/ix-pane.js +2 -2
- package/components/ix-pill.js +3 -4
- package/components/ix-pill.js.map +1 -1
- package/components/ix-push-card.js +1 -1
- package/components/ix-radio-group.js +3 -3
- package/components/ix-radio-group.js.map +1 -1
- package/components/ix-radio.js +4 -4
- package/components/ix-radio.js.map +1 -1
- package/components/ix-select-item.js +1 -1
- package/components/ix-select.js +1 -1
- package/components/ix-slider.js +7 -7
- package/components/ix-slider.js.map +1 -1
- package/components/ix-split-button.js +4 -4
- package/components/ix-tabs.js +1 -1
- package/components/ix-textarea.js +1 -1
- package/components/ix-time-picker.js +1 -1
- package/components/ix-toast-container.js +2 -2
- package/components/ix-toast.js +1 -1
- package/components/ix-toggle.js +1 -1
- package/components/ix-toggle.js.map +1 -1
- package/components/ix-tree-item.js +1 -1
- package/components/ix-tree.js +1 -1
- package/components/ix-upload.js +2 -2
- package/components/ix-workflow-step.js +1 -1
- package/components/{p-zx7LlxPa.js → p-B7KL9wqA.js} +4 -4
- package/components/{p-zx7LlxPa.js.map → p-B7KL9wqA.js.map} +1 -1
- package/components/{p-CPs2id8p.js → p-B7hM-Ptf.js} +5 -5
- package/components/{p-CPs2id8p.js.map → p-B7hM-Ptf.js.map} +1 -1
- package/components/{p-CGLA6FT7.js → p-BDlUCzdQ.js} +3 -3
- package/components/{p-CGLA6FT7.js.map → p-BDlUCzdQ.js.map} +1 -1
- package/components/{p-BDzoigTw.js → p-BGFYBgKJ.js} +3 -3
- package/components/{p-BDzoigTw.js.map → p-BGFYBgKJ.js.map} +1 -1
- package/components/{p-FayACwNG.js → p-BMylJWWP.js} +6 -6
- package/components/{p-FayACwNG.js.map → p-BMylJWWP.js.map} +1 -1
- package/components/{p-CwYYFZjd.js → p-B_o_wd-4.js} +3 -3
- package/components/{p-CwYYFZjd.js.map → p-B_o_wd-4.js.map} +1 -1
- package/components/{p-Dn_WjwtW.js → p-BdCskL_j.js} +4 -3
- package/components/p-BdCskL_j.js.map +1 -0
- package/components/{p-Cyxle5Ec.js → p-Bh9l8HMz.js} +3 -3
- package/components/{p-Cyxle5Ec.js.map → p-Bh9l8HMz.js.map} +1 -1
- package/components/{p-D9Zr-lKz.js → p-BkWyDnfx.js} +8 -7
- package/components/p-BkWyDnfx.js.map +1 -0
- package/components/{p-CxztL6IE.js → p-BkmSD6MC.js} +10 -10
- package/components/{p-CxztL6IE.js.map → p-BkmSD6MC.js.map} +1 -1
- package/components/{p-uhiF1LKf.js → p-BrRMtQIh.js} +3 -3
- package/components/{p-uhiF1LKf.js.map → p-BrRMtQIh.js.map} +1 -1
- package/components/p-CPUiQJXe.js +151 -0
- package/components/p-CPUiQJXe.js.map +1 -0
- package/components/{p-VXLdiXU0.js → p-CRSLovo3.js} +6 -6
- package/components/{p-VXLdiXU0.js.map → p-CRSLovo3.js.map} +1 -1
- package/components/p-CUVSwwVj.js +130 -0
- package/components/{p-d7CnwTHv.js.map → p-CUVSwwVj.js.map} +1 -1
- package/components/{p-BXPo5zF6.js → p-CaRgDWxT.js} +4 -4
- package/components/{p-BXPo5zF6.js.map → p-CaRgDWxT.js.map} +1 -1
- package/components/{p-BtKUjD8M.js → p-CnWYvVQ3.js} +3 -3
- package/components/{p-BtKUjD8M.js.map → p-CnWYvVQ3.js.map} +1 -1
- package/components/{p-DuEVN6w5.js → p-CqoVeXMY.js} +3 -3
- package/components/{p-DuEVN6w5.js.map → p-CqoVeXMY.js.map} +1 -1
- package/components/{p-CTuKljhZ.js → p-CtwIu3QJ.js} +4 -4
- package/components/{p-CTuKljhZ.js.map → p-CtwIu3QJ.js.map} +1 -1
- package/components/{p-DAYuUWi5.js → p-D0ry5azH.js} +4 -4
- package/components/{p-DAYuUWi5.js.map → p-D0ry5azH.js.map} +1 -1
- package/components/{p-QHGR-zzJ.js → p-D8SFajOg.js} +4 -4
- package/components/{p-QHGR-zzJ.js.map → p-D8SFajOg.js.map} +1 -1
- package/components/{p-BBozAuYN.js → p-D9C7eJG_.js} +3 -3
- package/components/{p-BBozAuYN.js.map → p-D9C7eJG_.js.map} +1 -1
- package/components/p-DEBkXmnp.js +103 -0
- package/components/{p-HblhO3lB.js.map → p-DEBkXmnp.js.map} +1 -1
- package/components/{p-uv1SlmiP.js → p-DFvn_bf5.js} +3 -3
- package/components/{p-uv1SlmiP.js.map → p-DFvn_bf5.js.map} +1 -1
- package/components/{p-R4QcECdA.js → p-DZQl3d7c.js} +4 -4
- package/components/{p-R4QcECdA.js.map → p-DZQl3d7c.js.map} +1 -1
- package/components/{p-elgF4vOp.js → p-DjCDFG2y.js} +3 -3
- package/components/{p-elgF4vOp.js.map → p-DjCDFG2y.js.map} +1 -1
- package/components/{p-BPVegBx7.js → p-EaMVU4l2.js} +7 -7
- package/components/{p-BPVegBx7.js.map → p-EaMVU4l2.js.map} +1 -1
- package/components/{p-DPZN-4Ph.js → p-jGKKq0c2.js} +3 -3
- package/components/{p-DPZN-4Ph.js.map → p-jGKKq0c2.js.map} +1 -1
- package/components/{p-Bcmjgmqd.js → p-wwfcx9O8.js} +4 -4
- package/components/{p-Bcmjgmqd.js.map → p-wwfcx9O8.js.map} +1 -1
- package/dist/cjs/{helper-text-util-Dk2i8B86.js → helper-text-util-BHdcI0ys.js} +3 -3
- package/dist/cjs/{helper-text-util-Dk2i8B86.js.map → helper-text-util-BHdcI0ys.js.map} +1 -1
- package/dist/cjs/{index-IWZYsRU-.js → index-BHnoO_aB.js} +3 -3
- package/dist/cjs/{index-IWZYsRU-.js.map → index-BHnoO_aB.js.map} +1 -1
- package/dist/cjs/{index-DIFIjYrm.js → index-Dlx7IaH3.js} +4 -2
- package/dist/cjs/{index-DIFIjYrm.js.map → index-Dlx7IaH3.js.map} +1 -1
- package/dist/cjs/index.cjs.js +3 -2
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/ix-application-header.cjs.entry.js +3 -3
- package/dist/cjs/ix-application-switch-modal.cjs.entry.js +2 -2
- package/dist/cjs/ix-avatar.ix-menu-avatar-item.entry.cjs.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-blind.cjs.entry.js +2 -2
- package/dist/cjs/ix-blind.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-blind.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-breadcrumb-item.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-button.cjs.entry.js +27 -10
- package/dist/cjs/ix-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-button.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-card-list.cjs.entry.js +1 -1
- package/dist/cjs/ix-category-filter.cjs.entry.js +2 -2
- package/dist/cjs/ix-category-filter.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-category-filter.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/ix-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-checkbox-group.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-chip.cjs.entry.js +6 -5
- package/dist/cjs/ix-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-chip.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-col_4.cjs.entry.js +1 -1
- package/dist/cjs/ix-content-header.cjs.entry.js +1 -1
- package/dist/cjs/ix-date-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ix-date-input.cjs.entry.js +10 -5
- package/dist/cjs/ix-date-input.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-date-input.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-drawer.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-dropdown.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-event-list-item.cjs.entry.js +2 -2
- package/dist/cjs/ix-event-list-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-event-list-item.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-expanding-search.cjs.entry.js +2 -2
- package/dist/cjs/ix-expanding-search.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-expanding-search.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-field-label_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-flip-tile.cjs.entry.js +1 -1
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-group.cjs.entry.js +2 -2
- package/dist/cjs/ix-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-group.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-helper-text.cjs.entry.js +2 -2
- package/dist/cjs/ix-icon-button.ix-spinner.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-icon-button_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-icon-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +10 -3
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-icon-toggle-button.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-input.cjs.entry.js +8 -7
- package/dist/cjs/ix-input.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-input.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-kpi.cjs.entry.js +2 -2
- package/dist/cjs/ix-kpi.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-kpi.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-link-button.cjs.entry.js +2 -2
- package/dist/cjs/ix-link-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-link-button.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-map-navigation-overlay.cjs.entry.js +1 -1
- package/dist/cjs/ix-map-navigation.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-about-news.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-about.cjs.entry.js +2 -2
- 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-avatar.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-menu-category.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/{ix-menu-settings-WDbyAxNK.js → ix-menu-settings-CYHpPffQ.js} +3 -3
- package/dist/cjs/{ix-menu-settings-WDbyAxNK.js.map → ix-menu-settings-CYHpPffQ.js.map} +1 -1
- package/dist/cjs/ix-menu-settings.cjs.entry.js +2 -2
- package/dist/cjs/ix-menu.cjs.entry.js +3 -3
- package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal-content_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-number-input.cjs.entry.js +1 -1
- package/dist/cjs/ix-pagination.cjs.entry.js +2 -2
- package/dist/cjs/ix-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-pagination.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-pane.cjs.entry.js +1 -1
- package/dist/cjs/ix-pill.cjs.entry.js +3 -4
- package/dist/cjs/ix-pill.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-pill.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/ix-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-radio-group.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-radio.cjs.entry.js +4 -4
- package/dist/cjs/ix-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-select.cjs.entry.js +2 -2
- package/dist/cjs/ix-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-select.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-slider.cjs.entry.js +7 -7
- package/dist/cjs/ix-slider.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-slider.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-split-button.cjs.entry.js +1 -1
- package/dist/cjs/ix-tab-item_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-time-picker.cjs.entry.js +2 -2
- package/dist/cjs/ix-time-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-time-picker.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-toast.cjs.entry.js +1 -1
- package/dist/cjs/ix-toggle.cjs.entry.js +1 -1
- package/dist/cjs/ix-toggle.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-toggle.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-tree-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-upload.cjs.entry.js +1 -1
- package/dist/cjs/ix-workflow-step.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{modal-CY_zQjvm.js → modal-CtDjLn9c.js} +8 -7
- package/dist/cjs/modal-CtDjLn9c.js.map +1 -0
- package/dist/cjs/siemens-ix.cjs.js +1 -1
- package/dist/collection/components/action-card/action-card.js +3 -3
- package/dist/collection/components/application/application.js +3 -3
- package/dist/collection/components/application-header/application-header.js +2 -2
- package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js +1 -1
- package/dist/collection/components/avatar/avatar.css +2 -2
- package/dist/collection/components/avatar/avatar.js +4 -4
- package/dist/collection/components/basic-navigation/basic-navigation.js +2 -2
- package/dist/collection/components/blind/blind.css +7 -7
- package/dist/collection/components/blind/blind.js +3 -3
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +30 -30
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +2 -2
- package/dist/collection/components/button/button.css +18 -18
- package/dist/collection/components/button/button.js +53 -11
- package/dist/collection/components/button/button.js.map +1 -1
- package/dist/collection/components/button/test/button.ct.js +69 -0
- package/dist/collection/components/button/test/button.ct.js.map +1 -1
- package/dist/collection/components/card-list/card-list.js +2 -2
- package/dist/collection/components/category-filter/category-filter.css +22 -22
- package/dist/collection/components/category-filter/category-filter.js +7 -7
- package/dist/collection/components/checkbox/checkbox.js +3 -3
- package/dist/collection/components/checkbox-group/checkbox-group.js +8 -8
- package/dist/collection/components/checkbox-group/checkbox-group.js.map +1 -1
- package/dist/collection/components/chip/chip.css +24 -8
- package/dist/collection/components/chip/chip.js +7 -6
- package/dist/collection/components/chip/chip.js.map +1 -1
- package/dist/collection/components/col/col.js +4 -4
- package/dist/collection/components/content-header/content-header.js +2 -2
- package/dist/collection/components/css-grid/css-grid.js +1 -1
- package/dist/collection/components/custom-field/custom-field.js +7 -7
- package/dist/collection/components/date-dropdown/date-dropdown.js +2 -2
- package/dist/collection/components/date-input/date-input.js +24 -19
- package/dist/collection/components/date-input/date-input.js.map +1 -1
- package/dist/collection/components/date-picker/date-picker.js +8 -8
- package/dist/collection/components/date-time-card/date-time-card.js +1 -1
- package/dist/collection/components/datetime-picker/datetime-picker.js +9 -9
- package/dist/collection/components/drawer/drawer.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +1 -1
- package/dist/collection/components/dropdown/dropdown.js +5 -5
- package/dist/collection/components/dropdown/test/dropdown.ct.js +31 -0
- 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 +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.js +2 -2
- package/dist/collection/components/empty-state/empty-state.js +3 -3
- package/dist/collection/components/event-list-item/event-list-item.css +2 -2
- package/dist/collection/components/event-list-item/event-list-item.js +1 -1
- package/dist/collection/components/expanding-search/expanding-search.css +4 -4
- package/dist/collection/components/expanding-search/expanding-search.js +1 -1
- package/dist/collection/components/field-label/field-label.js +3 -3
- package/dist/collection/components/field-wrapper/field-wrapper.js +8 -8
- package/dist/collection/components/flip-tile/flip-tile.js +1 -1
- package/dist/collection/components/group/group.css +2 -2
- package/dist/collection/components/group/group.js +3 -3
- package/dist/collection/components/group-item/group-item.js +4 -4
- package/dist/collection/components/helper-text/helper-text.js +6 -6
- package/dist/collection/components/icon-button/icon-button.css +18 -18
- package/dist/collection/components/icon-button/icon-button.js +3 -3
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +18 -18
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +33 -3
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js.map +1 -1
- package/dist/collection/components/input/input.js +21 -20
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/input/number-input.js +16 -16
- package/dist/collection/components/input/textarea.js +16 -16
- package/dist/collection/components/key-value/key-value.js +2 -2
- package/dist/collection/components/kpi/kpi.css +1 -1
- package/dist/collection/components/kpi/kpi.js +3 -3
- package/dist/collection/components/link-button/link-button.css +2 -2
- package/dist/collection/components/link-button/link-button.js +1 -1
- package/dist/collection/components/map-navigation/map-navigation.js +5 -5
- package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +4 -4
- package/dist/collection/components/menu/menu-expand-icon.js +1 -1
- package/dist/collection/components/menu/menu.js +3 -3
- package/dist/collection/components/menu-about/menu-about.js +1 -1
- package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
- package/dist/collection/components/menu-about-news/menu-about-news.js +2 -2
- package/dist/collection/components/menu-avatar/menu-avatar.css +1 -1
- package/dist/collection/components/menu-avatar/menu-avatar.js +4 -4
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +2 -2
- package/dist/collection/components/menu-category/menu-category.js +3 -3
- package/dist/collection/components/menu-item/menu-item.js +3 -3
- package/dist/collection/components/menu-settings/menu-settings.js +1 -1
- package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
- package/dist/collection/components/modal/modal.js +2 -2
- package/dist/collection/components/modal/test/modal.ct.js +48 -0
- package/dist/collection/components/modal/test/modal.ct.js.map +1 -1
- package/dist/collection/components/modal-header/modal-header.js +2 -2
- package/dist/collection/components/pagination/pagination.css +21 -21
- package/dist/collection/components/pane/pane.js +2 -2
- package/dist/collection/components/pill/pill.css +24 -8
- package/dist/collection/components/pill/pill.js +5 -6
- package/dist/collection/components/pill/pill.js.map +1 -1
- package/dist/collection/components/push-card/push-card.js +4 -4
- package/dist/collection/components/radio/radio.js +8 -8
- package/dist/collection/components/radio/radio.js.map +1 -1
- package/dist/collection/components/radio-group/radio-group.js +11 -11
- package/dist/collection/components/radio-group/radio-group.js.map +1 -1
- package/dist/collection/components/select/select.css +1 -1
- package/dist/collection/components/select/select.js +11 -11
- package/dist/collection/components/select/test/select.ct.js +35 -0
- package/dist/collection/components/select/test/select.ct.js.map +1 -1
- package/dist/collection/components/select-item/select-item.js +2 -2
- package/dist/collection/components/slider/slider.js +9 -9
- package/dist/collection/components/slider/slider.js.map +1 -1
- package/dist/collection/components/split-button/split-button.js +3 -3
- package/dist/collection/components/tab-item/tab-item.js +1 -1
- package/dist/collection/components/time-picker/time-picker.css +3 -3
- package/dist/collection/components/time-picker/time-picker.js +3 -3
- package/dist/collection/components/toast/toast-utils.js +1 -1
- package/dist/collection/components/toast/toast-utils.js.map +1 -1
- package/dist/collection/components/toast/toast.js +3 -3
- package/dist/collection/components/toggle/toggle.css +1 -1
- package/dist/collection/components/toggle/toggle.js +2 -2
- package/dist/collection/components/toggle-button/toggle-button.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/collection/components/tree/tree.js +2 -2
- package/dist/collection/components/tree-item/tree-item.js +2 -2
- package/dist/collection/components/typography/typography.js +2 -2
- package/dist/collection/components/upload/upload.js +1 -1
- package/dist/collection/components/utils/modal/message.js +6 -5
- package/dist/collection/components/utils/modal/message.js.map +1 -1
- package/dist/collection/components/validation-tooltip/validation-tooltip.js +1 -1
- package/dist/esm/{helper-text-util-DR9KOBuX.js → helper-text-util-CBxdYPv4.js} +3 -3
- package/dist/esm/{helper-text-util-DR9KOBuX.js.map → helper-text-util-CBxdYPv4.js.map} +1 -1
- package/dist/esm/{index-CpUAGkLr.js → index-8QmwFVqu.js} +3 -3
- package/dist/esm/{index-CpUAGkLr.js.map → index-8QmwFVqu.js.map} +1 -1
- package/dist/esm/{index-CrTP-icT.js → index-v48bcPT9.js} +4 -3
- package/dist/esm/{index-CrTP-icT.js.map → index-v48bcPT9.js.map} +1 -1
- package/dist/esm/index.js +4 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/ix-application-header.entry.js +3 -3
- package/dist/esm/ix-application-switch-modal.entry.js +2 -2
- package/dist/esm/ix-avatar.ix-menu-avatar-item.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-blind.entry.js +2 -2
- package/dist/esm/ix-blind.entry.js.map +1 -1
- package/dist/esm/ix-breadcrumb-item.entry.js +2 -2
- package/dist/esm/ix-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/ix-button.entry.js +27 -10
- package/dist/esm/ix-button.entry.js.map +1 -1
- package/dist/esm/ix-card-accordion_2.entry.js +1 -1
- package/dist/esm/ix-card-list.entry.js +1 -1
- package/dist/esm/ix-category-filter.entry.js +2 -2
- package/dist/esm/ix-category-filter.entry.js.map +1 -1
- package/dist/esm/ix-checkbox-group.entry.js +2 -2
- package/dist/esm/ix-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ix-chip.entry.js +6 -5
- package/dist/esm/ix-chip.entry.js.map +1 -1
- package/dist/esm/ix-col_4.entry.js +1 -1
- package/dist/esm/ix-content-header.entry.js +1 -1
- package/dist/esm/ix-date-dropdown.entry.js +1 -1
- package/dist/esm/ix-date-input.entry.js +10 -5
- package/dist/esm/ix-date-input.entry.js.map +1 -1
- package/dist/esm/ix-drawer.entry.js +1 -1
- package/dist/esm/ix-dropdown-button.entry.js +1 -1
- package/dist/esm/ix-dropdown-item.entry.js +1 -1
- package/dist/esm/ix-dropdown.entry.js +1 -1
- package/dist/esm/ix-dropdown.entry.js.map +1 -1
- package/dist/esm/ix-event-list-item.entry.js +2 -2
- package/dist/esm/ix-event-list-item.entry.js.map +1 -1
- package/dist/esm/ix-expanding-search.entry.js +2 -2
- package/dist/esm/ix-expanding-search.entry.js.map +1 -1
- package/dist/esm/ix-field-label_2.entry.js +2 -2
- package/dist/esm/ix-filter-chip_2.entry.js +1 -1
- package/dist/esm/ix-flip-tile.entry.js +1 -1
- package/dist/esm/ix-group-context-menu_2.entry.js +1 -1
- package/dist/esm/ix-group.entry.js +2 -2
- 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.ix-spinner.entry.js.map +1 -1
- package/dist/esm/ix-icon-button_2.entry.js +1 -1
- package/dist/esm/ix-icon-button_2.entry.js.map +1 -1
- package/dist/esm/ix-icon-toggle-button.entry.js +10 -3
- package/dist/esm/ix-icon-toggle-button.entry.js.map +1 -1
- package/dist/esm/ix-input.entry.js +8 -7
- package/dist/esm/ix-input.entry.js.map +1 -1
- package/dist/esm/ix-kpi.entry.js +2 -2
- package/dist/esm/ix-kpi.entry.js.map +1 -1
- package/dist/esm/ix-link-button.entry.js +2 -2
- package/dist/esm/ix-link-button.entry.js.map +1 -1
- package/dist/esm/ix-map-navigation-overlay.entry.js +1 -1
- package/dist/esm/ix-map-navigation.entry.js +1 -1
- package/dist/esm/ix-menu-about-news.entry.js +1 -1
- package/dist/esm/ix-menu-about.entry.js +2 -2
- 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 +1 -1
- package/dist/esm/ix-menu-expand-icon.entry.js +1 -1
- package/dist/esm/ix-menu-item.entry.js +1 -1
- package/dist/esm/{ix-menu-settings-B4RirRi3.js → ix-menu-settings-ofXmUBnS.js} +3 -3
- package/dist/esm/{ix-menu-settings-B4RirRi3.js.map → ix-menu-settings-ofXmUBnS.js.map} +1 -1
- package/dist/esm/ix-menu-settings.entry.js +2 -2
- package/dist/esm/ix-menu.entry.js +3 -3
- package/dist/esm/ix-message-bar.entry.js +1 -1
- package/dist/esm/ix-modal-content_2.entry.js +1 -1
- package/dist/esm/ix-number-input.entry.js +1 -1
- package/dist/esm/ix-pagination.entry.js +2 -2
- package/dist/esm/ix-pagination.entry.js.map +1 -1
- package/dist/esm/ix-pane.entry.js +1 -1
- package/dist/esm/ix-pill.entry.js +3 -4
- package/dist/esm/ix-pill.entry.js.map +1 -1
- package/dist/esm/ix-radio-group.entry.js +2 -2
- package/dist/esm/ix-radio-group.entry.js.map +1 -1
- package/dist/esm/ix-radio.entry.js +4 -4
- package/dist/esm/ix-radio.entry.js.map +1 -1
- package/dist/esm/ix-select.entry.js +2 -2
- package/dist/esm/ix-select.entry.js.map +1 -1
- package/dist/esm/ix-slider.entry.js +7 -7
- package/dist/esm/ix-slider.entry.js.map +1 -1
- package/dist/esm/ix-split-button.entry.js +1 -1
- package/dist/esm/ix-tab-item_2.entry.js +1 -1
- package/dist/esm/ix-time-picker.entry.js +2 -2
- package/dist/esm/ix-time-picker.entry.js.map +1 -1
- package/dist/esm/ix-toast.entry.js +1 -1
- package/dist/esm/ix-toggle.entry.js +1 -1
- package/dist/esm/ix-toggle.entry.js.map +1 -1
- package/dist/esm/ix-tree-item.entry.js +1 -1
- package/dist/esm/ix-upload.entry.js +1 -1
- package/dist/esm/ix-workflow-step.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{modal-DUew4SCE.js → modal-hSHQdjTH.js} +8 -7
- package/dist/esm/modal-hSHQdjTH.js.map +1 -0
- package/dist/esm/siemens-ix.js +1 -1
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/index.esm.js.map +1 -1
- package/dist/siemens-ix/ix-avatar.ix-menu-avatar-item.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-blind.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-breadcrumb-item.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-button.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-category-filter.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-checkbox-group.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-chip.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-date-input.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-dropdown.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-event-list-item.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-expanding-search.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-group.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-icon-button.ix-spinner.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-icon-toggle-button.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-input.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-kpi.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-link-button.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-menu-avatar.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-pagination.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-pill.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-radio-group.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-radio.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-select.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-slider.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-time-picker.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-toggle.entry.esm.js.map +1 -1
- package/dist/siemens-ix/p-02d3b161.entry.js +2 -0
- package/dist/siemens-ix/{p-78f99962.entry.js.map → p-02d3b161.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-a289764d.entry.js → p-07da3f73.entry.js} +2 -2
- package/dist/siemens-ix/{p-a289764d.entry.js.map → p-07da3f73.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-b11fe6c8.entry.js → p-09e44529.entry.js} +2 -2
- package/dist/siemens-ix/{p-af701797.entry.js → p-0e072d3b.entry.js} +2 -2
- package/dist/siemens-ix/{p-827653a3.entry.js → p-0fd654c3.entry.js} +2 -2
- package/dist/siemens-ix/p-12a439b5.entry.js +2 -0
- package/dist/siemens-ix/{p-8e525190.entry.js.map → p-12a439b5.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-9bbca220.entry.js → p-19d1ccda.entry.js} +2 -2
- package/dist/siemens-ix/{p-07c17517.entry.js → p-1f7453c6.entry.js} +2 -2
- package/dist/siemens-ix/{p-d2da2e45.entry.js → p-25132109.entry.js} +2 -2
- package/dist/siemens-ix/{p-ac4548a8.entry.js → p-260f60b2.entry.js} +2 -2
- package/dist/siemens-ix/{p-70cbacb8.entry.js → p-270566ba.entry.js} +2 -2
- package/dist/siemens-ix/{p-70cbacb8.entry.js.map → p-270566ba.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-aca27756.entry.js → p-29f30c68.entry.js} +2 -2
- package/dist/siemens-ix/p-2bea83e5.entry.js +2 -0
- package/dist/siemens-ix/p-2bea83e5.entry.js.map +1 -0
- package/dist/siemens-ix/{p-9646b346.entry.js → p-2d5b40e2.entry.js} +2 -2
- package/dist/siemens-ix/{p-8804a378.entry.js → p-2faf52f9.entry.js} +2 -2
- package/dist/siemens-ix/p-2faf52f9.entry.js.map +1 -0
- package/dist/siemens-ix/p-31e1093d.entry.js +2 -0
- package/dist/siemens-ix/{p-215df096.entry.js.map → p-31e1093d.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-163e742f.entry.js → p-3abfe41a.entry.js} +2 -2
- package/dist/siemens-ix/{p-163e742f.entry.js.map → p-3abfe41a.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-79febe81.entry.js → p-3cba58aa.entry.js} +2 -2
- package/dist/siemens-ix/{p-ca328fc2.entry.js → p-3edf32c2.entry.js} +2 -2
- package/dist/siemens-ix/p-4712afcc.entry.js +2 -0
- package/dist/siemens-ix/{p-18a47d9f.entry.js.map → p-4712afcc.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-a963c368.entry.js → p-47bb727f.entry.js} +2 -2
- package/dist/siemens-ix/p-4ab41e0d.entry.js +2 -0
- package/dist/siemens-ix/p-4ab41e0d.entry.js.map +1 -0
- package/dist/siemens-ix/{p-cbf6c3bf.entry.js → p-4b8fefdc.entry.js} +2 -2
- package/dist/siemens-ix/{p-1ff3556a.entry.js → p-4f631774.entry.js} +2 -2
- package/dist/siemens-ix/{p-6de38c2a.entry.js → p-501c0a17.entry.js} +2 -2
- package/dist/siemens-ix/p-501c0a17.entry.js.map +1 -0
- package/dist/siemens-ix/{p-09b83f0e.entry.js → p-51cbd678.entry.js} +2 -2
- package/dist/siemens-ix/{p-ee76fac1.entry.js → p-545498c8.entry.js} +2 -2
- package/dist/siemens-ix/{p-dd11dd49.entry.js → p-573527cc.entry.js} +2 -2
- package/dist/siemens-ix/{p-dd11dd49.entry.js.map → p-573527cc.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-8702121e.entry.js → p-58609f3a.entry.js} +2 -2
- package/dist/siemens-ix/p-587541f3.entry.js +2 -0
- package/dist/siemens-ix/{p-5b0d1cc9.entry.js.map → p-587541f3.entry.js.map} +1 -1
- package/dist/siemens-ix/p-593a640f.entry.js +2 -0
- package/dist/siemens-ix/{p-ff072152.entry.js.map → p-593a640f.entry.js.map} +1 -1
- package/dist/siemens-ix/p-5ebce6e6.entry.js +2 -0
- package/dist/siemens-ix/p-61dc07d9.entry.js +2 -0
- package/dist/siemens-ix/p-61dc07d9.entry.js.map +1 -0
- package/dist/siemens-ix/{p-158d9068.entry.js → p-66eaa236.entry.js} +2 -2
- package/dist/siemens-ix/{p-521dfa2a.entry.js → p-6cd1047e.entry.js} +2 -2
- package/dist/siemens-ix/p-6d3cf3f3.entry.js +2 -0
- package/dist/siemens-ix/p-6d3cf3f3.entry.js.map +1 -0
- package/dist/siemens-ix/p-758e81ae.entry.js +2 -0
- package/dist/siemens-ix/{p-ca8a2b16.entry.js.map → p-758e81ae.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-d132ce81.entry.js → p-798907cb.entry.js} +2 -2
- package/dist/siemens-ix/{p-7535cbf6.entry.js → p-79fc8e7f.entry.js} +2 -2
- package/dist/siemens-ix/p-8858e9b8.entry.js +2 -0
- package/dist/siemens-ix/{p-071f63d6.entry.js.map → p-8858e9b8.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-1d28d516.entry.js → p-8e5ac73d.entry.js} +2 -2
- package/dist/siemens-ix/{p-8c24d360.entry.js → p-8eba36e2.entry.js} +2 -2
- package/dist/siemens-ix/{p-44670707.entry.js → p-9bd19df7.entry.js} +2 -2
- package/dist/siemens-ix/{p-CFHLJNAe.js → p-BhiPH59d.js} +2 -2
- package/dist/siemens-ix/{p-CFHLJNAe.js.map → p-BhiPH59d.js.map} +1 -1
- package/dist/siemens-ix/p-C9vPes-N.js +2 -0
- package/dist/siemens-ix/p-C9vPes-N.js.map +1 -0
- package/dist/siemens-ix/{p-BKgqKHZU.js → p-D81W7llw.js} +2 -2
- package/dist/siemens-ix/{p-BKgqKHZU.js.map → p-D81W7llw.js.map} +1 -1
- package/dist/siemens-ix/{p-06843648.entry.js → p-a25bd5ef.entry.js} +2 -2
- package/dist/siemens-ix/{p-bf8e97d7.entry.js → p-a2bcae6b.entry.js} +2 -2
- package/dist/siemens-ix/{p-dd627440.entry.js → p-a797e935.entry.js} +2 -2
- package/dist/siemens-ix/p-ad6b0196.entry.js +2 -0
- package/dist/siemens-ix/{p-a4d17743.entry.js.map → p-ad6b0196.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-19e9505f.entry.js → p-b60d8b91.entry.js} +2 -2
- package/dist/siemens-ix/{p-2e4b9c1a.entry.js → p-c0df311f.entry.js} +2 -2
- package/dist/siemens-ix/{p-37f6a541.entry.js → p-c9050427.entry.js} +2 -2
- package/dist/siemens-ix/p-cabf35ff.entry.js +2 -0
- package/dist/siemens-ix/{p-781e0057.entry.js.map → p-cabf35ff.entry.js.map} +1 -1
- package/dist/siemens-ix/p-cc7bbfe5.entry.js +2 -0
- package/dist/siemens-ix/p-cc7bbfe5.entry.js.map +1 -0
- package/dist/siemens-ix/p-d1039043.entry.js +2 -0
- package/dist/siemens-ix/p-d1039043.entry.js.map +1 -0
- package/dist/siemens-ix/{p-2b496519.entry.js → p-d3a4559a.entry.js} +2 -2
- package/dist/siemens-ix/{p-32488953.entry.js → p-d691ca65.entry.js} +2 -2
- package/dist/siemens-ix/p-d691ca65.entry.js.map +1 -0
- package/dist/siemens-ix/{p-b6966cc0.entry.js → p-e40c7369.entry.js} +2 -2
- package/dist/siemens-ix/{p-8df5873d.entry.js → p-e50edf8d.entry.js} +2 -2
- package/dist/siemens-ix/{p-8df5873d.entry.js.map → p-e50edf8d.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-ea310106.entry.js → p-e8c1c88f.entry.js} +2 -2
- package/dist/siemens-ix/{p-BXguuvvE.js → p-eKeYJJIg.js} +2 -2
- package/dist/siemens-ix/{p-BXguuvvE.js.map → p-eKeYJJIg.js.map} +1 -1
- package/dist/siemens-ix/p-eefe2629.entry.js +2 -0
- package/dist/siemens-ix/{p-23a50a0c.entry.js.map → p-eefe2629.entry.js.map} +1 -1
- package/dist/siemens-ix/p-f18ea6b8.entry.js +2 -0
- package/dist/siemens-ix/p-f18ea6b8.entry.js.map +1 -0
- package/dist/siemens-ix/{p-CrTP-icT.js → p-v48bcPT9.js} +2 -2
- package/dist/siemens-ix/{p-CrTP-icT.js.map → p-v48bcPT9.js.map} +1 -1
- package/dist/siemens-ix/siemens-ix-core.css +1 -1
- package/dist/siemens-ix/siemens-ix.css +14 -3
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/application-header/application-header.d.ts +1 -1
- package/dist/types/components/application-sidebar/events.d.ts +2 -2
- package/dist/types/components/blind/blind.d.ts +1 -1
- package/dist/types/components/button/base-button.d.ts +1 -1
- package/dist/types/components/button/button.d.ts +7 -0
- package/dist/types/components/button/test/button.ct.d.ts +1 -0
- 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/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/field-wrapper/helper-text-util.d.ts +1 -1
- package/dist/types/components/group/group.d.ts +1 -1
- package/dist/types/components/icon-toggle-button/icon-toggle-button.d.ts +7 -0
- package/dist/types/components/menu/menu.d.ts +5 -5
- package/dist/types/components/modal/modal.d.ts +1 -1
- package/dist/types/components/pane/pane.d.ts +1 -1
- package/dist/types/components/select/select.d.ts +1 -1
- package/dist/types/components/select-item/select-item.d.ts +1 -1
- package/dist/types/components/slider/slider.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/utils/application-layout/context.d.ts +1 -1
- 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/input/validation.d.ts +1 -1
- package/dist/types/components/utils/menu-service/menu-service.d.ts +1 -1
- package/dist/types/components/utils/shadow-dom.d.ts +1 -1
- package/dist/types/components/validation-tooltip/validation-tooltip.d.ts +2 -2
- package/dist/types/components.d.ts +22 -2
- package/dist/types/tests/utils/test/index.d.ts +1 -1
- package/hydrate/index.js +94 -62
- package/hydrate/index.mjs +94 -62
- package/package.json +17 -11
- package/scss/components/_links.scss +15 -2
- package/scss/mixins/_hover.scss +9 -1
- package/components/p-C8xOvcAt.js +0 -131
- package/components/p-C8xOvcAt.js.map +0 -1
- package/components/p-D9Zr-lKz.js.map +0 -1
- package/components/p-Dn_WjwtW.js.map +0 -1
- package/components/p-HblhO3lB.js +0 -103
- package/components/p-d7CnwTHv.js +0 -130
- package/dist/cjs/modal-CY_zQjvm.js.map +0 -1
- package/dist/esm/modal-DUew4SCE.js.map +0 -1
- package/dist/siemens-ix/p-003f8d27.entry.js +0 -2
- package/dist/siemens-ix/p-04338b3f.entry.js +0 -2
- package/dist/siemens-ix/p-04338b3f.entry.js.map +0 -1
- package/dist/siemens-ix/p-0443dc8d.entry.js +0 -2
- package/dist/siemens-ix/p-0443dc8d.entry.js.map +0 -1
- package/dist/siemens-ix/p-071f63d6.entry.js +0 -2
- package/dist/siemens-ix/p-18a47d9f.entry.js +0 -2
- package/dist/siemens-ix/p-215df096.entry.js +0 -2
- package/dist/siemens-ix/p-23a50a0c.entry.js +0 -2
- package/dist/siemens-ix/p-27b13c4c.entry.js +0 -2
- package/dist/siemens-ix/p-27b13c4c.entry.js.map +0 -1
- package/dist/siemens-ix/p-32488953.entry.js.map +0 -1
- package/dist/siemens-ix/p-5b0d1cc9.entry.js +0 -2
- package/dist/siemens-ix/p-5fe74d24.entry.js +0 -2
- package/dist/siemens-ix/p-5fe74d24.entry.js.map +0 -1
- package/dist/siemens-ix/p-6de38c2a.entry.js.map +0 -1
- package/dist/siemens-ix/p-781e0057.entry.js +0 -2
- package/dist/siemens-ix/p-78f99962.entry.js +0 -2
- package/dist/siemens-ix/p-8804a378.entry.js.map +0 -1
- package/dist/siemens-ix/p-8e525190.entry.js +0 -2
- package/dist/siemens-ix/p-9bac6252.entry.js +0 -2
- package/dist/siemens-ix/p-9bac6252.entry.js.map +0 -1
- package/dist/siemens-ix/p-Bdv-vpZz.js +0 -2
- package/dist/siemens-ix/p-Bdv-vpZz.js.map +0 -1
- package/dist/siemens-ix/p-a4d17743.entry.js +0 -2
- package/dist/siemens-ix/p-c8fe1a7e.entry.js +0 -2
- package/dist/siemens-ix/p-c8fe1a7e.entry.js.map +0 -1
- package/dist/siemens-ix/p-ca8a2b16.entry.js +0 -2
- package/dist/siemens-ix/p-da040b8b.entry.js +0 -2
- package/dist/siemens-ix/p-da040b8b.entry.js.map +0 -1
- package/dist/siemens-ix/p-ff072152.entry.js +0 -2
- /package/dist/siemens-ix/{p-b11fe6c8.entry.js.map → p-09e44529.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-af701797.entry.js.map → p-0e072d3b.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-827653a3.entry.js.map → p-0fd654c3.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-9bbca220.entry.js.map → p-19d1ccda.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-07c17517.entry.js.map → p-1f7453c6.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-d2da2e45.entry.js.map → p-25132109.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-ac4548a8.entry.js.map → p-260f60b2.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-aca27756.entry.js.map → p-29f30c68.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-9646b346.entry.js.map → p-2d5b40e2.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-79febe81.entry.js.map → p-3cba58aa.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-ca328fc2.entry.js.map → p-3edf32c2.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-a963c368.entry.js.map → p-47bb727f.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-cbf6c3bf.entry.js.map → p-4b8fefdc.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-1ff3556a.entry.js.map → p-4f631774.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-09b83f0e.entry.js.map → p-51cbd678.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-ee76fac1.entry.js.map → p-545498c8.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-8702121e.entry.js.map → p-58609f3a.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-003f8d27.entry.js.map → p-5ebce6e6.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-158d9068.entry.js.map → p-66eaa236.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-521dfa2a.entry.js.map → p-6cd1047e.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-d132ce81.entry.js.map → p-798907cb.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-7535cbf6.entry.js.map → p-79fc8e7f.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-1d28d516.entry.js.map → p-8e5ac73d.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-8c24d360.entry.js.map → p-8eba36e2.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-44670707.entry.js.map → p-9bd19df7.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-06843648.entry.js.map → p-a25bd5ef.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-bf8e97d7.entry.js.map → p-a2bcae6b.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-dd627440.entry.js.map → p-a797e935.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-19e9505f.entry.js.map → p-b60d8b91.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-2e4b9c1a.entry.js.map → p-c0df311f.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-37f6a541.entry.js.map → p-c9050427.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-2b496519.entry.js.map → p-d3a4559a.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-b6966cc0.entry.js.map → p-e40c7369.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-ea310106.entry.js.map → p-e8c1c88f.entry.js.map} +0 -0
package/components/p-HblhO3lB.js
DELETED
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, e as createEvent, h, d as Host, F as Fragment } from './p-BA1wZ05L.js';
|
|
2
|
-
import { a as anime } from './p-Ou74PMQs.js';
|
|
3
|
-
import { B as BaseButton } from './p-CEyDHqBY.js';
|
|
4
|
-
import { b as a11yHostAttributes } from './p-Bb7pDeaQ.js';
|
|
5
|
-
import { b as iconChevronRightSmall } from './p-Dn_WjwtW.js';
|
|
6
|
-
import { d as defineCustomElement$1 } from './p-Dlmgmbod.js';
|
|
7
|
-
|
|
8
|
-
const breadcrumbItemCss = ":host{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 *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected: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){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected: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){cursor:pointer}:host .btn-danger: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){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger: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){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger: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{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected: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){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected: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){cursor:pointer}:host .btn-outline-danger: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){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger: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){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger: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{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected: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){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected: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){cursor:pointer}:host .btn-invisible-danger: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){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger: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{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected: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){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected: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){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected: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){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected: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){cursor:pointer}:host .btn-outline-primary: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){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary: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){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected: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){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected: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){cursor:pointer}:host .btn-invisible-primary: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){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected: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){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected: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){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected: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){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected: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){cursor:pointer}:host .btn-outline-secondary: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){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary: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){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected: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){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected: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){cursor:pointer}:host .btn-invisible-secondary: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){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary: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{min-width:5rem}:host{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 *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected: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){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected: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){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected: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){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected: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){cursor:pointer}:host .btn-outline-primary: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){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary: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){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected: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){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected: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){cursor:pointer}:host .btn-invisible-primary: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){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected: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){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected: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){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected: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){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected: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){cursor:pointer}:host .btn-outline-secondary: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){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary: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){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected: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){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected: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){cursor:pointer}:host .btn-invisible-secondary: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){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary: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{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-right:0.25rem;max-width:15rem;min-width:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host li{display:contents}:host .btn{pointer-events:all;width:-moz-fit-content;width:fit-content;padding-right:0;padding-left:0.25rem}:host .chevron{pointer-events:none;margin-left:0.5rem;margin-right:0rem;color:var(--theme-color-soft-text)}:host ::slotted(a[href]){text-decoration:none !important}:host ::slotted(a[href]:active){text-decoration:none !important}:host(:last-child) .btn:not(.dropdown-trigger){color:var(--theme-color-soft-text)}:host(.hide-chevron){cursor:default}:host(.hide-chevron) .btn{padding-right:0.5rem;pointer-events:none}:host(.invisible){display:none}:host(:focus-visible){outline:none}";
|
|
9
|
-
|
|
10
|
-
const BreadcrumbItem = /*@__PURE__*/ proxyCustomElement(class BreadcrumbItem extends H {
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
this.__registerHost();
|
|
14
|
-
this.__attachShadow();
|
|
15
|
-
this.itemClick = createEvent(this, "itemClick", 7);
|
|
16
|
-
/**@internal */
|
|
17
|
-
this.ghost = true;
|
|
18
|
-
/**@internal */
|
|
19
|
-
this.visible = true;
|
|
20
|
-
/**@internal */
|
|
21
|
-
this.showChevron = true;
|
|
22
|
-
/** @internal */
|
|
23
|
-
this.isDropdownTrigger = false;
|
|
24
|
-
}
|
|
25
|
-
componentDidLoad() {
|
|
26
|
-
this.animationFadeIn();
|
|
27
|
-
}
|
|
28
|
-
componentWillLoad() {
|
|
29
|
-
this.a11y = a11yHostAttributes(this.hostElement, [
|
|
30
|
-
'aria-describedby',
|
|
31
|
-
'aria-controls',
|
|
32
|
-
'aria-expanded',
|
|
33
|
-
]);
|
|
34
|
-
}
|
|
35
|
-
animationFadeIn() {
|
|
36
|
-
anime({
|
|
37
|
-
targets: this.hostElement,
|
|
38
|
-
duration: 150,
|
|
39
|
-
opacity: [0, 1],
|
|
40
|
-
translateX: ['-100%', '0%'],
|
|
41
|
-
easing: 'linear',
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
render() {
|
|
45
|
-
const props = {
|
|
46
|
-
variant: this.ghost ? 'primary' : 'secondary',
|
|
47
|
-
outline: false,
|
|
48
|
-
ghost: this.ghost,
|
|
49
|
-
iconOnly: false,
|
|
50
|
-
iconOval: false,
|
|
51
|
-
disabled: false,
|
|
52
|
-
icon: this.icon,
|
|
53
|
-
iconSize: '16',
|
|
54
|
-
loading: false,
|
|
55
|
-
selected: false,
|
|
56
|
-
type: 'button',
|
|
57
|
-
tabIndex: this.hostElement.tabIndex !== -1 ? this.hostElement.tabIndex : 0,
|
|
58
|
-
extraClasses: {
|
|
59
|
-
'dropdown-trigger': this.isDropdownTrigger,
|
|
60
|
-
},
|
|
61
|
-
ariaAttributes: this.a11y,
|
|
62
|
-
};
|
|
63
|
-
if (!this.visible) {
|
|
64
|
-
return h(Host, { class: 'invisible' });
|
|
65
|
-
}
|
|
66
|
-
return (h(Host, { class: {
|
|
67
|
-
'hide-chevron': !this.showChevron,
|
|
68
|
-
}, onClick: () => this.itemClick.emit(this.label) }, h("li", null, h(BaseButton, Object.assign({}, props, { afterContent: h(Fragment, null, this.showChevron ? (h("ix-icon", { name: iconChevronRightSmall, size: "16", class: 'chevron' })) : null) }), this.label, h("slot", null)))));
|
|
69
|
-
}
|
|
70
|
-
get hostElement() { return this; }
|
|
71
|
-
static get style() { return breadcrumbItemCss; }
|
|
72
|
-
}, [1, "ix-breadcrumb-item", {
|
|
73
|
-
"label": [1],
|
|
74
|
-
"icon": [1],
|
|
75
|
-
"ghost": [4],
|
|
76
|
-
"visible": [4],
|
|
77
|
-
"showChevron": [4, "show-chevron"],
|
|
78
|
-
"isDropdownTrigger": [4, "is-dropdown-trigger"],
|
|
79
|
-
"a11y": [32]
|
|
80
|
-
}]);
|
|
81
|
-
function defineCustomElement() {
|
|
82
|
-
if (typeof customElements === "undefined") {
|
|
83
|
-
return;
|
|
84
|
-
}
|
|
85
|
-
const components = ["ix-breadcrumb-item", "ix-spinner"];
|
|
86
|
-
components.forEach(tagName => { switch (tagName) {
|
|
87
|
-
case "ix-breadcrumb-item":
|
|
88
|
-
if (!customElements.get(tagName)) {
|
|
89
|
-
customElements.define(tagName, BreadcrumbItem);
|
|
90
|
-
}
|
|
91
|
-
break;
|
|
92
|
-
case "ix-spinner":
|
|
93
|
-
if (!customElements.get(tagName)) {
|
|
94
|
-
defineCustomElement$1();
|
|
95
|
-
}
|
|
96
|
-
break;
|
|
97
|
-
} });
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
export { BreadcrumbItem as B, defineCustomElement as d };
|
|
101
|
-
//# sourceMappingURL=p-HblhO3lB.js.map
|
|
102
|
-
|
|
103
|
-
//# sourceMappingURL=p-HblhO3lB.js.map
|
package/components/p-d7CnwTHv.js
DELETED
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, d as Host } from './p-BA1wZ05L.js';
|
|
2
|
-
import { B as BaseIconButton } from './p--wpo4GlP.js';
|
|
3
|
-
import { g as getFallbackLabelFromIconName } from './p-Bb7pDeaQ.js';
|
|
4
|
-
import { d as defineCustomElement$1 } from './p-Dlmgmbod.js';
|
|
5
|
-
|
|
6
|
-
const iconButtonCss = ":host{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 *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}*,*::after,*::before{box-sizing:border-box}::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}::-webkit-scrollbar-corner{display:none}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected: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){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected: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){cursor:pointer}:host .btn-danger: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){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger: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){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger: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{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected: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){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected: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){cursor:pointer}:host .btn-outline-danger: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){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger: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){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger: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{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected: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){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected: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){cursor:pointer}:host .btn-invisible-danger: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){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger: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{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected: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){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected: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){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected: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){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected: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){cursor:pointer}:host .btn-outline-primary: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){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary: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){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected: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){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected: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){cursor:pointer}:host .btn-invisible-primary: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){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected: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){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected: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){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected: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){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected: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){cursor:pointer}:host .btn-outline-secondary: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){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary: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){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected: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){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected: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){cursor:pointer}:host .btn-invisible-secondary: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){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary: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{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host ix-icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}";
|
|
7
|
-
|
|
8
|
-
const IconButton = /*@__PURE__*/ proxyCustomElement(class IconButton extends H {
|
|
9
|
-
constructor() {
|
|
10
|
-
super();
|
|
11
|
-
this.__registerHost();
|
|
12
|
-
this.__attachShadow();
|
|
13
|
-
/**
|
|
14
|
-
* Variant of button
|
|
15
|
-
*/
|
|
16
|
-
this.variant = 'secondary';
|
|
17
|
-
/**
|
|
18
|
-
* Button outline
|
|
19
|
-
*/
|
|
20
|
-
this.outline = false;
|
|
21
|
-
/**
|
|
22
|
-
* Button invisible
|
|
23
|
-
*/
|
|
24
|
-
this.ghost = false;
|
|
25
|
-
/**
|
|
26
|
-
* Button in oval shape
|
|
27
|
-
*/
|
|
28
|
-
this.oval = false;
|
|
29
|
-
/**
|
|
30
|
-
* Size of icon in button
|
|
31
|
-
*
|
|
32
|
-
*/
|
|
33
|
-
this.size = '24';
|
|
34
|
-
/**
|
|
35
|
-
* Disabled
|
|
36
|
-
*/
|
|
37
|
-
this.disabled = false;
|
|
38
|
-
/**
|
|
39
|
-
* Type of the button
|
|
40
|
-
*/
|
|
41
|
-
this.type = 'button';
|
|
42
|
-
/**
|
|
43
|
-
* Loading button
|
|
44
|
-
*/
|
|
45
|
-
this.loading = false;
|
|
46
|
-
}
|
|
47
|
-
componentDidLoad() {
|
|
48
|
-
if (this.type === 'submit') {
|
|
49
|
-
const submitButton = document.createElement('button');
|
|
50
|
-
submitButton.style.display = 'none';
|
|
51
|
-
submitButton.type = 'submit';
|
|
52
|
-
submitButton.tabIndex = -1;
|
|
53
|
-
this.hostElement.appendChild(submitButton);
|
|
54
|
-
this.submitButtonElement = submitButton;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
dispatchFormEvents() {
|
|
58
|
-
if (this.type === 'submit' && this.submitButtonElement) {
|
|
59
|
-
this.submitButtonElement.click();
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
getIconSizeClass() {
|
|
63
|
-
return {
|
|
64
|
-
'btn-icon-12': this.size === '12',
|
|
65
|
-
'btn-icon-16': this.size === '16',
|
|
66
|
-
'btn-icon-32': this.size === '24' || !this.size,
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
render() {
|
|
70
|
-
const baseButtonProps = {
|
|
71
|
-
ariaAttributes: {
|
|
72
|
-
'aria-label': this.a11yLabel
|
|
73
|
-
? this.a11yLabel
|
|
74
|
-
: getFallbackLabelFromIconName(this.icon),
|
|
75
|
-
},
|
|
76
|
-
variant: this.variant,
|
|
77
|
-
outline: this.outline,
|
|
78
|
-
ghost: this.ghost,
|
|
79
|
-
iconOnly: true,
|
|
80
|
-
iconOval: this.oval,
|
|
81
|
-
selected: false,
|
|
82
|
-
disabled: this.disabled || this.loading,
|
|
83
|
-
icon: this.icon,
|
|
84
|
-
iconColor: this.iconColor,
|
|
85
|
-
iconSize: this.size,
|
|
86
|
-
loading: this.loading,
|
|
87
|
-
onClick: () => this.dispatchFormEvents(),
|
|
88
|
-
type: this.type,
|
|
89
|
-
extraClasses: this.getIconSizeClass(),
|
|
90
|
-
};
|
|
91
|
-
return (h(Host, { key: '489506f8d42dfa6e8d851305ffa875b826f4bbe0', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: 'af5769a992a9f367c53b89abc51638e75da85bf0' }, baseButtonProps))));
|
|
92
|
-
}
|
|
93
|
-
get hostElement() { return this; }
|
|
94
|
-
static get style() { return iconButtonCss; }
|
|
95
|
-
}, [1, "ix-icon-button", {
|
|
96
|
-
"a11yLabel": [1, "a11y-label"],
|
|
97
|
-
"variant": [1],
|
|
98
|
-
"outline": [4],
|
|
99
|
-
"ghost": [4],
|
|
100
|
-
"oval": [4],
|
|
101
|
-
"icon": [1],
|
|
102
|
-
"size": [1],
|
|
103
|
-
"iconColor": [1, "icon-color"],
|
|
104
|
-
"disabled": [4],
|
|
105
|
-
"type": [1],
|
|
106
|
-
"loading": [4]
|
|
107
|
-
}]);
|
|
108
|
-
function defineCustomElement() {
|
|
109
|
-
if (typeof customElements === "undefined") {
|
|
110
|
-
return;
|
|
111
|
-
}
|
|
112
|
-
const components = ["ix-icon-button", "ix-spinner"];
|
|
113
|
-
components.forEach(tagName => { switch (tagName) {
|
|
114
|
-
case "ix-icon-button":
|
|
115
|
-
if (!customElements.get(tagName)) {
|
|
116
|
-
customElements.define(tagName, IconButton);
|
|
117
|
-
}
|
|
118
|
-
break;
|
|
119
|
-
case "ix-spinner":
|
|
120
|
-
if (!customElements.get(tagName)) {
|
|
121
|
-
defineCustomElement$1();
|
|
122
|
-
}
|
|
123
|
-
break;
|
|
124
|
-
} });
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
export { IconButton as I, defineCustomElement as d };
|
|
128
|
-
//# sourceMappingURL=p-d7CnwTHv.js.map
|
|
129
|
-
|
|
130
|
-
//# sourceMappingURL=p-d7CnwTHv.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modal-CY_zQjvm.js","sources":["src/components/utils/delegate.ts","src/components/utils/modal/message.ts","src/components/utils/modal/modal.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport type DelegateConfig = {\n parentElement?: Element;\n};\n\nexport interface FrameworkDelegate {\n attachView<R = HTMLElement>(view: any, config?: DelegateConfig): Promise<R>;\n removeView(view: any): Promise<void>;\n}\n\nclass DefaultFrameworkDelegate implements FrameworkDelegate {\n async attachView<R = HTMLElement>(\n view: any,\n config?: DelegateConfig\n ): Promise<R> {\n const attachToElement = config?.parentElement ?? document.body;\n attachToElement.appendChild(view);\n return view;\n }\n\n async removeView(view: any) {\n view.remove();\n }\n}\n\nconst coreDelegate = new DefaultFrameworkDelegate();\nlet currentDelegate: FrameworkDelegate = coreDelegate;\n\nexport function registerFrameworkDelegate(delegate: FrameworkDelegate) {\n currentDelegate = delegate;\n}\n\nexport const resolveDelegate = () => {\n return currentDelegate;\n};\n\nexport const getCoreDelegate = () => coreDelegate;\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { getCoreDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\nimport { ModalConfig } from './modal';\n\nexport type MessageConfig<T> = Omit<\n ModalConfig<T, unknown>,\n 'content' | 'title'\n> &\n MessageContent;\n\nfunction setA11yAttributes(element: HTMLElement, config: MessageContent) {\n const ariaDescribedby = config.ariaDescribedby;\n const ariaLabelledby = config.ariaLabelledby;\n\n delete config['ariaDescribedby'];\n delete config['ariaLabelledby'];\n\n if (ariaDescribedby) {\n element.setAttribute('aria-describedby', ariaDescribedby);\n }\n\n if (ariaLabelledby) {\n element.setAttribute('aria-labelledby', ariaLabelledby);\n }\n}\n\nfunction createConfirmButtons(\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) {\n let actions: MessageAction[] = [];\n\n if (textCancel !== undefined) {\n actions = [\n ...actions,\n {\n id: 'cancel',\n text: textCancel,\n type: 'cancel',\n payload: payloadCancel,\n } as MessageAction,\n ];\n }\n return [\n ...actions,\n {\n id: 'okay',\n text: textOkay,\n type: 'okay',\n payload: payloadOkay,\n } as MessageAction,\n ];\n}\n\nexport type MessageAction = {\n id: string;\n type: 'button-primary' | 'button-secondary' | 'okay' | 'cancel';\n text: string;\n payload?: any;\n};\n\nexport type MessageContent = {\n icon: string;\n iconColor?: string;\n messageTitle: string;\n message: string;\n actions: MessageAction[];\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n};\n\nexport async function showMessage<T>(config: MessageConfig<T>) {\n const onMessageAction = new TypedEvent<{\n actionId: string;\n payload: T;\n }>();\n const dialog = document.createElement('ix-modal');\n const header = document.createElement('ix-modal-header');\n const content = document.createElement('ix-modal-content');\n const footer = document.createElement('ix-modal-footer');\n\n setA11yAttributes(dialog, config);\n\n Object.assign(header, config);\n Object.assign(content, config);\n Object.assign(footer, config);\n\n header.innerText = config.messageTitle;\n content.innerText = config.message;\n\n config.actions.forEach(({ id, text, type, payload }) => {\n const button = document.createElement('ix-button');\n button.innerText = text;\n footer.appendChild(button);\n\n if (type === 'okay') {\n button.variant = 'primary';\n button.addEventListener('click', () =>\n dialog.closeModal({\n actionId: id,\n payload,\n })\n );\n return;\n } else if (type === 'cancel') {\n button.variant = 'primary';\n button.outline = true;\n button.addEventListener('click', () =>\n dialog.dismissModal({\n actionId: id,\n payload,\n })\n );\n return;\n }\n });\n\n dialog.appendChild(header);\n dialog.appendChild(content);\n dialog.appendChild(footer);\n\n const dialogRef =\n await getCoreDelegate().attachView<HTMLIxModalElement>(dialog);\n\n dialogRef.addEventListener(\n 'dialogClose',\n (\n event: CustomEvent<{\n actionId: string;\n payload: T;\n }>\n ) => {\n onMessageAction.emit(event.detail);\n dialogRef.remove();\n }\n );\n\n dialogRef.addEventListener(\n 'dialogDismiss',\n (\n event: CustomEvent<{\n actionId: string;\n payload: T;\n }>\n ) => {\n onMessageAction.emit(event.detail);\n dialogRef.remove();\n }\n );\n\n setA11yAttributes(dialogRef, config);\n Object.assign(dialogRef, config);\n\n dialogRef.showModal();\n return onMessageAction;\n}\n\nshowMessage.info = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'info',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.warning = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'warning',\n iconColor: 'color-warning',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.error = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'error',\n iconColor: 'color-alarm',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.success = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'success',\n iconColor: 'color-success',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.question = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'question',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { IxModalSize } from '../../modal/modal';\nimport { getCoreDelegate, resolveDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\n\nexport function setA11yAttributes(element: HTMLElement, config: ModalConfig) {\n const ariaDescribedby = config.ariaDescribedby;\n const ariaLabelledby = config.ariaLabelledby;\n\n delete config['ariaDescribedby'];\n delete config['ariaLabelledby'];\n\n if (ariaDescribedby) {\n element.setAttribute('aria-describedby', ariaDescribedby);\n }\n\n if (ariaLabelledby) {\n element.setAttribute('aria-labelledby', ariaLabelledby);\n }\n}\n\nexport interface ModalConfig<TReason = any, CONTENT = any> {\n animation?: boolean;\n ariaDescribedby?: string;\n ariaLabelledby?: string;\n backdrop?: boolean;\n closeOnBackdropClick?: boolean;\n beforeDismiss?: (reason?: TReason) => boolean | Promise<boolean>;\n centered?: boolean;\n container?: string | HTMLElement;\n content: CONTENT | string;\n keyboard?: boolean;\n size?: IxModalSize;\n title?: string;\n}\n\nexport interface ModalInstance<TReason = any> {\n htmlElement: HTMLIxModalElement;\n onClose: TypedEvent<TReason>;\n onDismiss: TypedEvent<TReason>;\n}\n\nfunction getIxModal(element: Element) {\n return element.closest('ix-modal');\n}\n\nexport function closeModal<TClose = any>(\n element: Element,\n closeResult: TClose\n) {\n const dialog = getIxModal(element);\n if (dialog) {\n dialog.closeModal(closeResult);\n return;\n }\n}\n\nexport function dismissModal(element: Element, dismissResult?: any) {\n const dialog = getIxModal(element);\n if (dialog) {\n dialog.dismissModal(dismissResult);\n return;\n }\n}\n\nexport async function showModal<T>(\n config: ModalConfig<T>\n): Promise<ModalInstance<T>> {\n const delegate = resolveDelegate();\n let dialogRef: HTMLIxModalElement | undefined;\n const onClose = new TypedEvent<T>();\n const onDismiss = new TypedEvent<T>();\n\n if (typeof config.content === 'string') {\n const dialog = document.createElement('ix-modal');\n dialog.innerText = config.content;\n dialogRef = await getCoreDelegate().attachView(dialog);\n }\n\n if (\n config.content instanceof HTMLElement &&\n config.content.tagName !== 'IX-MODAL'\n ) {\n const dialog = document.createElement('ix-modal');\n dialog.appendChild(config.content);\n dialogRef = await getCoreDelegate().attachView(dialog);\n }\n if (!dialogRef) {\n dialogRef = await delegate.attachView<HTMLIxModalElement>(config.content);\n }\n\n setA11yAttributes(dialogRef, config);\n Object.assign(dialogRef, config);\n\n await dialogRef.showModal();\n dialogRef.addEventListener('dialogClose', async ({ detail }: CustomEvent) => {\n onClose.emit(detail);\n await delegate.removeView(dialogRef);\n });\n\n dialogRef.addEventListener(\n 'dialogDismiss',\n async ({ detail }: CustomEvent) => {\n onDismiss.emit(detail);\n await delegate.removeView(dialogRef);\n }\n );\n\n requestAnimationFrame(() => {\n const autofocusElement = dialogRef.querySelector(\n '[autofocus],[auto-focus]'\n );\n\n if (autofocusElement) {\n (autofocusElement as HTMLIxButtonElement).focus();\n }\n });\n\n return {\n htmlElement: dialogRef,\n onClose,\n onDismiss,\n };\n}\n"],"names":["setA11yAttributes","TypedEvent"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modal-DUew4SCE.js","sources":["src/components/utils/delegate.ts","src/components/utils/modal/message.ts","src/components/utils/modal/modal.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport type DelegateConfig = {\n parentElement?: Element;\n};\n\nexport interface FrameworkDelegate {\n attachView<R = HTMLElement>(view: any, config?: DelegateConfig): Promise<R>;\n removeView(view: any): Promise<void>;\n}\n\nclass DefaultFrameworkDelegate implements FrameworkDelegate {\n async attachView<R = HTMLElement>(\n view: any,\n config?: DelegateConfig\n ): Promise<R> {\n const attachToElement = config?.parentElement ?? document.body;\n attachToElement.appendChild(view);\n return view;\n }\n\n async removeView(view: any) {\n view.remove();\n }\n}\n\nconst coreDelegate = new DefaultFrameworkDelegate();\nlet currentDelegate: FrameworkDelegate = coreDelegate;\n\nexport function registerFrameworkDelegate(delegate: FrameworkDelegate) {\n currentDelegate = delegate;\n}\n\nexport const resolveDelegate = () => {\n return currentDelegate;\n};\n\nexport const getCoreDelegate = () => coreDelegate;\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { getCoreDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\nimport { ModalConfig } from './modal';\n\nexport type MessageConfig<T> = Omit<\n ModalConfig<T, unknown>,\n 'content' | 'title'\n> &\n MessageContent;\n\nfunction setA11yAttributes(element: HTMLElement, config: MessageContent) {\n const ariaDescribedby = config.ariaDescribedby;\n const ariaLabelledby = config.ariaLabelledby;\n\n delete config['ariaDescribedby'];\n delete config['ariaLabelledby'];\n\n if (ariaDescribedby) {\n element.setAttribute('aria-describedby', ariaDescribedby);\n }\n\n if (ariaLabelledby) {\n element.setAttribute('aria-labelledby', ariaLabelledby);\n }\n}\n\nfunction createConfirmButtons(\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) {\n let actions: MessageAction[] = [];\n\n if (textCancel !== undefined) {\n actions = [\n ...actions,\n {\n id: 'cancel',\n text: textCancel,\n type: 'cancel',\n payload: payloadCancel,\n } as MessageAction,\n ];\n }\n return [\n ...actions,\n {\n id: 'okay',\n text: textOkay,\n type: 'okay',\n payload: payloadOkay,\n } as MessageAction,\n ];\n}\n\nexport type MessageAction = {\n id: string;\n type: 'button-primary' | 'button-secondary' | 'okay' | 'cancel';\n text: string;\n payload?: any;\n};\n\nexport type MessageContent = {\n icon: string;\n iconColor?: string;\n messageTitle: string;\n message: string;\n actions: MessageAction[];\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n};\n\nexport async function showMessage<T>(config: MessageConfig<T>) {\n const onMessageAction = new TypedEvent<{\n actionId: string;\n payload: T;\n }>();\n const dialog = document.createElement('ix-modal');\n const header = document.createElement('ix-modal-header');\n const content = document.createElement('ix-modal-content');\n const footer = document.createElement('ix-modal-footer');\n\n setA11yAttributes(dialog, config);\n\n Object.assign(header, config);\n Object.assign(content, config);\n Object.assign(footer, config);\n\n header.innerText = config.messageTitle;\n content.innerText = config.message;\n\n config.actions.forEach(({ id, text, type, payload }) => {\n const button = document.createElement('ix-button');\n button.innerText = text;\n footer.appendChild(button);\n\n if (type === 'okay') {\n button.variant = 'primary';\n button.addEventListener('click', () =>\n dialog.closeModal({\n actionId: id,\n payload,\n })\n );\n return;\n } else if (type === 'cancel') {\n button.variant = 'primary';\n button.outline = true;\n button.addEventListener('click', () =>\n dialog.dismissModal({\n actionId: id,\n payload,\n })\n );\n return;\n }\n });\n\n dialog.appendChild(header);\n dialog.appendChild(content);\n dialog.appendChild(footer);\n\n const dialogRef =\n await getCoreDelegate().attachView<HTMLIxModalElement>(dialog);\n\n dialogRef.addEventListener(\n 'dialogClose',\n (\n event: CustomEvent<{\n actionId: string;\n payload: T;\n }>\n ) => {\n onMessageAction.emit(event.detail);\n dialogRef.remove();\n }\n );\n\n dialogRef.addEventListener(\n 'dialogDismiss',\n (\n event: CustomEvent<{\n actionId: string;\n payload: T;\n }>\n ) => {\n onMessageAction.emit(event.detail);\n dialogRef.remove();\n }\n );\n\n setA11yAttributes(dialogRef, config);\n Object.assign(dialogRef, config);\n\n dialogRef.showModal();\n return onMessageAction;\n}\n\nshowMessage.info = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'info',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.warning = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'warning',\n iconColor: 'color-warning',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.error = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'error',\n iconColor: 'color-alarm',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.success = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'success',\n iconColor: 'color-success',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.question = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'question',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { IxModalSize } from '../../modal/modal';\nimport { getCoreDelegate, resolveDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\n\nexport function setA11yAttributes(element: HTMLElement, config: ModalConfig) {\n const ariaDescribedby = config.ariaDescribedby;\n const ariaLabelledby = config.ariaLabelledby;\n\n delete config['ariaDescribedby'];\n delete config['ariaLabelledby'];\n\n if (ariaDescribedby) {\n element.setAttribute('aria-describedby', ariaDescribedby);\n }\n\n if (ariaLabelledby) {\n element.setAttribute('aria-labelledby', ariaLabelledby);\n }\n}\n\nexport interface ModalConfig<TReason = any, CONTENT = any> {\n animation?: boolean;\n ariaDescribedby?: string;\n ariaLabelledby?: string;\n backdrop?: boolean;\n closeOnBackdropClick?: boolean;\n beforeDismiss?: (reason?: TReason) => boolean | Promise<boolean>;\n centered?: boolean;\n container?: string | HTMLElement;\n content: CONTENT | string;\n keyboard?: boolean;\n size?: IxModalSize;\n title?: string;\n}\n\nexport interface ModalInstance<TReason = any> {\n htmlElement: HTMLIxModalElement;\n onClose: TypedEvent<TReason>;\n onDismiss: TypedEvent<TReason>;\n}\n\nfunction getIxModal(element: Element) {\n return element.closest('ix-modal');\n}\n\nexport function closeModal<TClose = any>(\n element: Element,\n closeResult: TClose\n) {\n const dialog = getIxModal(element);\n if (dialog) {\n dialog.closeModal(closeResult);\n return;\n }\n}\n\nexport function dismissModal(element: Element, dismissResult?: any) {\n const dialog = getIxModal(element);\n if (dialog) {\n dialog.dismissModal(dismissResult);\n return;\n }\n}\n\nexport async function showModal<T>(\n config: ModalConfig<T>\n): Promise<ModalInstance<T>> {\n const delegate = resolveDelegate();\n let dialogRef: HTMLIxModalElement | undefined;\n const onClose = new TypedEvent<T>();\n const onDismiss = new TypedEvent<T>();\n\n if (typeof config.content === 'string') {\n const dialog = document.createElement('ix-modal');\n dialog.innerText = config.content;\n dialogRef = await getCoreDelegate().attachView(dialog);\n }\n\n if (\n config.content instanceof HTMLElement &&\n config.content.tagName !== 'IX-MODAL'\n ) {\n const dialog = document.createElement('ix-modal');\n dialog.appendChild(config.content);\n dialogRef = await getCoreDelegate().attachView(dialog);\n }\n if (!dialogRef) {\n dialogRef = await delegate.attachView<HTMLIxModalElement>(config.content);\n }\n\n setA11yAttributes(dialogRef, config);\n Object.assign(dialogRef, config);\n\n await dialogRef.showModal();\n dialogRef.addEventListener('dialogClose', async ({ detail }: CustomEvent) => {\n onClose.emit(detail);\n await delegate.removeView(dialogRef);\n });\n\n dialogRef.addEventListener(\n 'dialogDismiss',\n async ({ detail }: CustomEvent) => {\n onDismiss.emit(detail);\n await delegate.removeView(dialogRef);\n }\n );\n\n requestAnimationFrame(() => {\n const autofocusElement = dialogRef.querySelector(\n '[autofocus],[auto-focus]'\n );\n\n if (autofocusElement) {\n (autofocusElement as HTMLIxButtonElement).focus();\n }\n });\n\n return {\n htmlElement: dialogRef,\n onClose,\n onDismiss,\n };\n}\n"],"names":["setA11yAttributes"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as o,h as r,H as t,g as n}from"./p-BNpBEtDH.js";import{B as i}from"./p-1HUk727A.js";import{a as d}from"./p-Bb7pDeaQ.js";import"./p-Df9aoecP.js";const a=":host{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 *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}*,*::after,*::before{box-sizing:border-box}::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}::-webkit-scrollbar-corner{display:none}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected: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){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected: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){cursor:pointer}:host .btn-danger: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){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger: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){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger: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{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected: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){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected: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){cursor:pointer}:host .btn-outline-danger: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){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger: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){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger: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{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected: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){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected: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){cursor:pointer}:host .btn-invisible-danger: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){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger: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{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected: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){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected: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){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected: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){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected: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){cursor:pointer}:host .btn-outline-primary: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){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary: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){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected: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){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected: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){cursor:pointer}:host .btn-invisible-primary: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){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected: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){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected: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){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected: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){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected: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){cursor:pointer}:host .btn-outline-secondary: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){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary: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){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary: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{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary: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{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected: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){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected: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){cursor:pointer}:host .btn-invisible-secondary: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){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary: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{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host ix-icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}";const s=class{constructor(r){e(this,r);this.pressedChange=o(this,"pressedChange",7);this.variant="secondary";this.outline=false;this.ghost=false;this.pressed=false;this.size="24";this.disabled=false;this.loading=false}isIllegalToggleButtonConfig(){return this.variant==="primary"&&(this.outline||this.ghost)}logIllegalConfig(){console.warn('iX toggle button with illegal configuration detected. Variant "primary" can only be combined with "outline" or "ghost".')}onVariantChange(){if(this.isIllegalToggleButtonConfig()){this.logIllegalConfig()}}onGhostChange(){this.onVariantChange()}onOutlineChange(){this.onVariantChange()}componentDidLoad(){this.onVariantChange()}dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}getIconSizeClass(){return{"btn-icon-12":this.size==="12","btn-icon-16":this.size==="16","btn-icon-32":this.size==="24"}}render(){const e={variant:this.variant,outline:this.outline,ghost:this.ghost,iconOnly:true,iconOval:false,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,iconSize:this.size,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{"aria-pressed":d(this.pressed)},extraClasses:Object.assign({"icon-button":true},this.getIconSizeClass())};return r(t,{key:"c6ee50eeae6633065e5de88f97596caf8eb0e281",class:Object.assign(Object.assign({},this.getIconSizeClass()),{disabled:this.disabled||this.loading})},r(i,Object.assign({key:"7d47806873919e9f74da8531c1fe2b087902c56f"},e)))}get hostElement(){return n(this)}static get watchers(){return{variant:["onVariantChange"],ghost:["onGhostChange"],outline:["onOutlineChange"]}}};s.style=a;export{s as ix_icon_toggle_button};
|
|
2
|
-
//# sourceMappingURL=p-04338b3f.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["iconToggleButtonCss","IconToggleButton","constructor","hostRef","this","variant","outline","ghost","pressed","size","disabled","loading","isIllegalToggleButtonConfig","logIllegalConfig","console","warn","onVariantChange","onGhostChange","onOutlineChange","componentDidLoad","dispatchPressedChange","pressedChange","emit","getIconSizeClass","render","baseButtonProps","iconOnly","iconOval","selected","icon","iconSize","onClick","type","ariaAttributes","a11yBoolean","extraClasses","Object","assign","h","Host","key","class","BaseIconButton"],"sources":["src/components/icon-toggle-button/icon-toggle-button.scss?tag=ix-icon-toggle-button&encapsulation=shadow","src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import '../icon-button/icon-button-mixin.scss';\n\n@include base-icon-button;\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { BaseButtonProps } from '../button/base-button';\nimport { ButtonVariant } from '../button/button';\nimport { BaseIconButton } from '../icon-button/base-icon-button';\nimport { a11yBoolean } from '../utils/a11y';\n\n@Component({\n tag: 'ix-icon-toggle-button',\n shadow: true,\n styleUrl: './icon-toggle-button.scss',\n})\nexport class IconToggleButton {\n /**\n * Button variant.\n * Important: Variant 'primary' can only be combined with either outline or ghost.\n */\n @Prop() variant: ButtonVariant = 'secondary';\n\n /**\n * Outline button\n */\n @Prop() outline = false;\n\n /**\n * Button with no background or outline\n */\n @Prop() ghost = false;\n\n /**\n * Icon name\n */\n @Prop() icon?: string;\n\n /**\n * Show button as pressed\n */\n @Prop() pressed = false;\n\n /**\n * Size of icon in button\n */\n @Prop() size: '24' | '16' | '12' = '24';\n\n /**\n * Disable the button\n */\n @Prop({ reflect: true }) disabled = false;\n\n /**\n * Loading button\n */\n @Prop() loading: boolean = false;\n\n /**\n * Pressed change event\n */\n @Event() pressedChange!: EventEmitter<boolean>;\n\n @Element() hostElement!: HTMLIxIconToggleButtonElement;\n\n private isIllegalToggleButtonConfig() {\n return this.variant === 'primary' && (this.outline || this.ghost);\n }\n\n private logIllegalConfig() {\n console.warn(\n 'iX toggle button with illegal configuration detected. Variant \"primary\" can only be combined with \"outline\" or \"ghost\".'\n );\n }\n\n @Watch('variant')\n onVariantChange() {\n if (this.isIllegalToggleButtonConfig()) {\n this.logIllegalConfig();\n }\n }\n\n @Watch('ghost')\n onGhostChange() {\n this.onVariantChange();\n }\n\n @Watch('outline')\n onOutlineChange() {\n this.onVariantChange();\n }\n\n componentDidLoad() {\n this.onVariantChange();\n }\n\n private dispatchPressedChange() {\n this.pressedChange.emit(!this.pressed);\n }\n\n private getIconSizeClass() {\n return {\n 'btn-icon-12': this.size === '12',\n 'btn-icon-16': this.size === '16',\n 'btn-icon-32': this.size === '24',\n };\n }\n\n render() {\n const baseButtonProps: BaseButtonProps = {\n variant: this.variant,\n outline: this.outline,\n ghost: this.ghost,\n iconOnly: true,\n iconOval: false,\n selected: this.pressed,\n disabled: this.disabled || this.loading,\n icon: this.icon,\n iconSize: this.size,\n loading: this.loading,\n onClick: () => this.dispatchPressedChange(),\n type: 'button',\n ariaAttributes: {\n 'aria-pressed': a11yBoolean(this.pressed),\n },\n extraClasses: {\n 'icon-button': true,\n ...this.getIconSizeClass(),\n },\n };\n\n return (\n <Host\n class={{\n ...this.getIconSizeClass(),\n disabled: this.disabled || this.loading,\n }}\n >\n <BaseIconButton {...baseButtonProps}></BaseIconButton>\n </Host>\n );\n }\n}\n"],"mappings":"gKAAA,MAAMA,EAAsB,07tB,MC6BfC,EAAgB,MAL7B,WAAAC,CAAAC,G,uDAUUC,KAAOC,QAAkB,YAKzBD,KAAOE,QAAG,MAKVF,KAAKG,MAAG,MAURH,KAAOI,QAAG,MAKVJ,KAAIK,KAAuB,KAKVL,KAAQM,SAAG,MAK5BN,KAAOO,QAAY,KAsF5B,CA7ES,2BAAAC,GACN,OAAOR,KAAKC,UAAY,YAAcD,KAAKE,SAAWF,KAAKG,M,CAGrD,gBAAAM,GACNC,QAAQC,KACN,0H,CAKJ,eAAAC,GACE,GAAIZ,KAAKQ,8BAA+B,CACtCR,KAAKS,kB,EAKT,aAAAI,GACEb,KAAKY,iB,CAIP,eAAAE,GACEd,KAAKY,iB,CAGP,gBAAAG,GACEf,KAAKY,iB,CAGC,qBAAAI,GACNhB,KAAKiB,cAAcC,MAAMlB,KAAKI,Q,CAGxB,gBAAAe,GACN,MAAO,CACL,cAAenB,KAAKK,OAAS,KAC7B,cAAeL,KAAKK,OAAS,KAC7B,cAAeL,KAAKK,OAAS,K,CAIjC,MAAAe,GACE,MAAMC,EAAmC,CACvCpB,QAASD,KAAKC,QACdC,QAASF,KAAKE,QACdC,MAAOH,KAAKG,MACZmB,SAAU,KACVC,SAAU,MACVC,SAAUxB,KAAKI,QACfE,SAAUN,KAAKM,UAAYN,KAAKO,QAChCkB,KAAMzB,KAAKyB,KACXC,SAAU1B,KAAKK,KACfE,QAASP,KAAKO,QACdoB,QAAS,IAAM3B,KAAKgB,wBACpBY,KAAM,SACNC,eAAgB,CACd,eAAgBC,EAAY9B,KAAKI,UAEnC2B,aAAYC,OAAAC,OAAA,CACV,cAAe,MACZjC,KAAKmB,qBAIZ,OACEe,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAKL,OAAAC,OAAAD,OAAAC,OAAA,GACAjC,KAAKmB,oBACR,CAAAb,SAAUN,KAAKM,UAAYN,KAAKO,WAGlC2B,EAACI,EAAmBN,OAAAC,OAAA,CAAAG,IAAA,4CAAAf,I","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as o,H as r,g as h}from"./p-BNpBEtDH.js";import{a as i}from"./p-Bb7pDeaQ.js";import{H as c}from"./p-DHml78Yc.js";const n=':host{display:inline-flex;flex-direction:row;position:relative;height:1.5rem;margin-block-start:0.25rem;margin-block-end:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=checkbox]{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;height:100%}:host .label{display:inline-block;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-block-start:0.125rem;margin-inline-start:0.5625rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:not(.disabled)) .switch:focus-visible>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var(\n --theme-switch-off--background--info\n );--theme-switch-off--background--hover:var(\n --theme-switch-off--background--info--hover\n );--theme-switch-off--background--active:var(\n --theme-switch-off--background--info--active\n );--theme-switch-thumb-off--background:var(\n --theme-switch-thumb-off--background--info\n );--theme-switch-thumb-off--background--hover:var(\n --theme-switch-thumb-off--background--info--hover\n );--theme-switch-thumb-off--background--active:var(\n --theme-switch-thumb-off--background--info--active\n );--theme-switch-off--border-color:var(\n --theme-switch-off--border-color--info\n );--theme-switch-off--border-color--hover:var(\n --theme-switch-off--border-color--info--hover\n );--theme-switch-off--border-color--active:var(\n --theme-switch-off--border-color--info--active\n );--theme-switch-on--background:var(\n --theme-switch-on--background--info\n );--theme-switch-on--background--hover:var(\n --theme-switch-on--background--info--hover\n );--theme-switch-on--background--active:var(\n --theme-switch-on--background--info--active\n );--theme-switch-thumb-on--background:var(\n --theme-switch-thumb-on--background--info\n );--theme-switch-thumb-on--background--hover:var(\n --theme-switch-thumb-on--background--info--hover\n );--theme-switch-thumb-on--background--active:var(\n --theme-switch-thumb-on--background--info--active\n );--theme-switch-on--border-color:var(\n --theme-switch-on--border-color--info\n );--theme-switch-on--border-color--hover:var(\n --theme-switch-on--border-color--info--hover\n );--theme-switch-on--border-color--active:var(\n --theme-switch-on--border-color--info--active\n );--theme-switch-mixed--background:var(\n --theme-switch-mixed--background--info\n );--theme-switch-mixed--background--hover:var(\n --theme-switch-mixed--background--info--hover\n );--theme-switch-mixed--background--active:var(\n --theme-switch-mixed--background--info--active\n );--theme-switch-thumb-mixed--background:var(\n --theme-switch-thumb-mixed--background--info\n );--theme-switch-thumb-mixed--background--hover:var(\n --theme-switch-thumb-mixed--background--info--hover\n );--theme-switch-thumb-mixed--background--active:var(\n --theme-switch-thumb-mixed--background--info--active\n );--theme-switch-mixed--border-color:var(\n --theme-switch-mixed--border-color--info\n );--theme-switch-mixed--border-color--hover:var(\n --theme-switch-mixed--border-color--info--hover\n );--theme-switch-mixed--border-color--active:var(\n --theme-switch-mixed--border-color--info--active\n )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var(\n --theme-switch-off--background--warning\n );--theme-switch-off--background--hover:var(\n --theme-switch-off--background--warning--hover\n );--theme-switch-off--background--active:var(\n --theme-switch-off--background--warning--active\n );--theme-switch-thumb-off--background:var(\n --theme-switch-thumb-off--background--warning\n );--theme-switch-thumb-off--background--hover:var(\n --theme-switch-thumb-off--background--warning--hover\n );--theme-switch-thumb-off--background--active:var(\n --theme-switch-thumb-off--background--warning--active\n );--theme-switch-off--border-color:var(\n --theme-switch-off--border-color--warning\n );--theme-switch-off--border-color--hover:var(\n --theme-switch-off--border-color--warning--hover\n );--theme-switch-off--border-color--active:var(\n --theme-switch-off--border-color--warning--active\n );--theme-switch-on--background:var(\n --theme-switch-on--background--warning\n );--theme-switch-on--background--hover:var(\n --theme-switch-on--background--warning--hover\n );--theme-switch-on--background--active:var(\n --theme-switch-on--background--warning--active\n );--theme-switch-thumb-on--background:var(\n --theme-switch-thumb-on--background--warning\n );--theme-switch-thumb-on--background--hover:var(\n --theme-switch-thumb-on--background--warning--hover\n );--theme-switch-thumb-on--background--active:var(\n --theme-switch-thumb-on--background--warning--active\n );--theme-switch-on--border-color:var(\n --theme-switch-on--border-color--warning\n );--theme-switch-on--border-color--hover:var(\n --theme-switch-on--border-color--warning--hover\n );--theme-switch-on--border-color--active:var(\n --theme-switch-on--border-color--warning--active\n );--theme-switch-mixed--background:var(\n --theme-switch-mixed--background--warning\n );--theme-switch-mixed--background--hover:var(\n --theme-switch-mixed--background--warning--hover\n );--theme-switch-mixed--background--active:var(\n --theme-switch-mixed--background--warning--active\n );--theme-switch-thumb-mixed--background:var(\n --theme-switch-thumb-mixed--background--warning\n );--theme-switch-thumb-mixed--background--hover:var(\n --theme-switch-thumb-mixed--background--warning--hover\n );--theme-switch-thumb-mixed--background--active:var(\n --theme-switch-thumb-mixed--background--warning--active\n );--theme-switch-mixed--border-color:var(\n --theme-switch-mixed--border-color--warning\n );--theme-switch-mixed--border-color--hover:var(\n --theme-switch-mixed--border-color--warning--hover\n );--theme-switch-mixed--border-color--active:var(\n --theme-switch-mixed--border-color--warning--active\n )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var(\n --theme-switch-off--background--invalid\n );--theme-switch-off--background--hover:var(\n --theme-switch-off--background--invalid--hover\n );--theme-switch-off--background--active:var(\n --theme-switch-off--background--invalid--active\n );--theme-switch-thumb-off--background:var(\n --theme-switch-thumb-off--background--invalid\n );--theme-switch-thumb-off--background--hover:var(\n --theme-switch-thumb-off--background--invalid--hover\n );--theme-switch-thumb-off--background--active:var(\n --theme-switch-thumb-off--background--invalid--active\n );--theme-switch-off--border-color:var(\n --theme-switch-off--border-color--invalid\n );--theme-switch-off--border-color--hover:var(\n --theme-switch-off--border-color--invalid--hover\n );--theme-switch-off--border-color--active:var(\n --theme-switch-off--border-color--invalid--active\n );--theme-switch-on--background:var(\n --theme-switch-on--background--invalid\n );--theme-switch-on--background--hover:var(\n --theme-switch-on--background--invalid--hover\n );--theme-switch-on--background--active:var(\n --theme-switch-on--background--invalid--active\n );--theme-switch-thumb-on--background:var(\n --theme-switch-thumb-on--background--invalid\n );--theme-switch-thumb-on--background--hover:var(\n --theme-switch-thumb-on--background--invalid--hover\n );--theme-switch-thumb-on--background--active:var(\n --theme-switch-thumb-on--background--invalid--active\n );--theme-switch-on--border-color:var(\n --theme-switch-on--border-color--invalid\n );--theme-switch-on--border-color--hover:var(\n --theme-switch-on--border-color--invalid--hover\n );--theme-switch-on--border-color--active:var(\n --theme-switch-on--border-color--invalid--active\n );--theme-switch-mixed--background:var(\n --theme-switch-mixed--background--invalid\n );--theme-switch-mixed--background--hover:var(\n --theme-switch-mixed--background--invalid--hover\n );--theme-switch-mixed--background--active:var(\n --theme-switch-mixed--background--invalid--active\n );--theme-switch-thumb-mixed--background:var(\n --theme-switch-thumb-mixed--background--invalid\n );--theme-switch-thumb-mixed--background--hover:var(\n --theme-switch-thumb-mixed--background--invalid--hover\n );--theme-switch-thumb-mixed--background--active:var(\n --theme-switch-thumb-mixed--background--invalid--active\n );--theme-switch-mixed--border-color:var(\n --theme-switch-mixed--border-color--invalid\n );--theme-switch-mixed--border-color--hover:var(\n --theme-switch-mixed--border-color--invalid--hover\n );--theme-switch-mixed--border-color--active:var(\n --theme-switch-mixed--border-color--invalid--active\n )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var(\n --theme-switch-off--background--invalid\n );--theme-switch-off--background--hover:var(\n --theme-switch-off--background--invalid--hover\n );--theme-switch-off--background--active:var(\n --theme-switch-off--background--invalid--active\n );--theme-switch-thumb-off--background:var(\n --theme-switch-thumb-off--background--invalid\n );--theme-switch-thumb-off--background--hover:var(\n --theme-switch-thumb-off--background--invalid--hover\n );--theme-switch-thumb-off--background--active:var(\n --theme-switch-thumb-off--background--invalid--active\n );--theme-switch-off--border-color:var(\n --theme-switch-off--border-color--invalid\n );--theme-switch-off--border-color--hover:var(\n --theme-switch-off--border-color--invalid--hover\n );--theme-switch-off--border-color--active:var(\n --theme-switch-off--border-color--invalid--active\n );--theme-switch-on--background:var(\n --theme-switch-on--background--invalid\n );--theme-switch-on--background--hover:var(\n --theme-switch-on--background--invalid--hover\n );--theme-switch-on--background--active:var(\n --theme-switch-on--background--invalid--active\n );--theme-switch-thumb-on--background:var(\n --theme-switch-thumb-on--background--invalid\n );--theme-switch-thumb-on--background--hover:var(\n --theme-switch-thumb-on--background--invalid--hover\n );--theme-switch-thumb-on--background--active:var(\n --theme-switch-thumb-on--background--invalid--active\n );--theme-switch-on--border-color:var(\n --theme-switch-on--border-color--invalid\n );--theme-switch-on--border-color--hover:var(\n --theme-switch-on--border-color--invalid--hover\n );--theme-switch-on--border-color--active:var(\n --theme-switch-on--border-color--invalid--active\n );--theme-switch-mixed--background:var(\n --theme-switch-mixed--background--invalid\n );--theme-switch-mixed--background--hover:var(\n --theme-switch-mixed--background--invalid--hover\n );--theme-switch-mixed--background--active:var(\n --theme-switch-mixed--background--invalid--active\n );--theme-switch-thumb-mixed--background:var(\n --theme-switch-thumb-mixed--background--invalid\n );--theme-switch-thumb-mixed--background--hover:var(\n --theme-switch-thumb-mixed--background--invalid--hover\n );--theme-switch-thumb-mixed--background--active:var(\n --theme-switch-thumb-mixed--background--invalid--active\n );--theme-switch-mixed--border-color:var(\n --theme-switch-mixed--border-color--invalid\n );--theme-switch-mixed--border-color--hover:var(\n --theme-switch-mixed--border-color--invalid--hover\n );--theme-switch-mixed--border-color--active:var(\n --theme-switch-mixed--border-color--invalid--active\n )}';var a=undefined&&undefined.__decorate||function(e,t,o,r){var h=arguments.length,i=h<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)if(c=e[n])i=(h<3?c(i):h>3?c(t,o,i):c(t,o))||i;return h>3&&i&&Object.defineProperty(t,o,i),i};const d=class{constructor(o){e(this,o);this.checkedChange=t(this,"checkedChange",7);this.valueChange=t(this,"valueChange",7);this.ixBlur=t(this,"ixBlur",7);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.value="on";this.checked=false;this.disabled=false;this.indeterminate=false;this.textOn="On";this.textOff="Off";this.textIndeterminate="Mixed";this.hideText=false;this.required=false;this.touched=false}onCheckedChange(e){if(this.disabled){return}const t=this.indeterminate;const o=this.checked;if(this.indeterminate){this.indeterminate=false}this.checked=e;const{defaultPrevented:r}=this.checkedChange.emit(this.checked);if(r){this.indeterminate=t;this.checked=o}}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){if(this.checked){this.formInternals.setFormValue(this.value)}else{this.formInternals.setFormValue(null)}}watchCheckedChange(){this.touched=true;this.updateFormInternalValue()}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}render(){let e=this.textOff;if(this.checked){e=this.textOn}if(this.indeterminate){e=this.textIndeterminate}return o(r,{key:"2006d13cafca2fdd354b0481d45f06a08fba1eed",class:{disabled:this.disabled},onBlur:()=>this.ixBlur.emit(),onFocus:()=>this.touched=true},o("label",{key:"aa118214cf466c2dc95c494ae3762128258bbc0e",class:"wrapper"},o("button",{key:"952c8bd4175f6a87b424aab3740a79b9aafca0c4",role:"switch","aria-checked":i(this.checked),class:{switch:true,checked:this.checked,indeterminate:this.indeterminate},onClick:()=>this.onCheckedChange(!this.checked)},o("div",{key:"9eb7fd9a73b7cbc1b001c0d6a32972c94dd46b05",class:"slider"})),o("input",{key:"7fb350a1e6096e5e33011cf1c031d426b4a1d598",type:"checkbox",disabled:this.disabled,indeterminate:this.indeterminate,checked:this.checked,tabindex:0,"aria-hidden":i(true),"aria-checked":i(this.checked),onChange:e=>this.onCheckedChange(e.target.checked)}),!this.hideText&&o("ix-typography",{key:"d1dfac3bbcb0e01a3ea1862539c59467a3abd860",class:"label"},e)))}static get formAssociated(){return true}get hostElement(){return h(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};a([c()],d.prototype,"updateClassMappings",null);d.style=n;export{d as ix_toggle};
|
|
2
|
-
//# sourceMappingURL=p-0443dc8d.entry.js.map
|