@siemens/ix 5.1.1 → 5.2.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 +1 -1
- package/components/index.js +1 -1
- package/components/ix-action-card.js +1 -1
- package/components/ix-application-header.js +1 -1
- package/components/ix-application-switch-modal.js +1 -1
- package/components/ix-application.js +1 -1
- package/components/ix-avatar.js +1 -1
- package/components/ix-badge.d.ts +11 -0
- package/components/ix-badge.js +1 -0
- package/components/ix-blind.js +1 -1
- package/components/ix-breadcrumb-item.js +1 -1
- package/components/ix-breadcrumb.js +1 -1
- package/components/ix-button.js +1 -1
- package/components/ix-card-accordion.js +1 -1
- package/components/ix-card-content.js +1 -1
- package/components/ix-card-list.js +1 -1
- package/components/ix-card-title.js +1 -1
- package/components/ix-card.js +1 -1
- package/components/ix-category-filter.js +1 -1
- package/components/ix-chat-ai-message.d.ts +11 -0
- package/components/ix-chat-ai-message.js +1 -0
- package/components/ix-chat-attachment.d.ts +11 -0
- package/components/ix-chat-attachment.js +1 -0
- package/components/ix-chat-input.d.ts +11 -0
- package/components/ix-chat-input.js +1 -0
- package/components/ix-chat-user-message.d.ts +11 -0
- package/components/ix-chat-user-message.js +1 -0
- package/components/ix-chat.d.ts +11 -0
- package/components/ix-chat.js +1 -0
- package/components/ix-checkbox-group.js +1 -1
- package/components/ix-checkbox.js +1 -1
- package/components/ix-chip.js +1 -1
- package/components/ix-col.js +1 -1
- package/components/ix-content-header.js +1 -1
- package/components/ix-content.js +1 -1
- package/components/ix-css-grid-item.js +1 -1
- package/components/ix-css-grid.js +1 -1
- package/components/ix-custom-field.js +1 -1
- package/components/ix-date-dropdown.js +1 -1
- package/components/ix-date-input.js +1 -1
- package/components/ix-date-picker.js +1 -1
- package/components/ix-date-time-card.js +1 -1
- package/components/ix-datetime-input.js +1 -1
- package/components/ix-datetime-picker.js +1 -1
- package/components/ix-divider.js +1 -1
- package/components/ix-dropdown-button.js +1 -1
- package/components/ix-dropdown-header.js +1 -1
- package/components/ix-dropdown-item.js +1 -1
- package/components/ix-dropdown-quick-actions.js +1 -1
- package/components/ix-dropdown.js +1 -1
- package/components/ix-empty-state.js +1 -1
- package/components/ix-event-list-item.js +1 -1
- package/components/ix-event-list.js +1 -1
- package/components/ix-expanding-search.js +1 -1
- package/components/ix-field-label.js +1 -1
- package/components/ix-field-wrapper.js +1 -1
- package/components/ix-filter-chip.js +1 -1
- package/components/ix-flip-tile-content.js +1 -1
- package/components/ix-flip-tile.js +1 -1
- package/components/ix-group-context-menu.js +1 -1
- package/components/ix-group-item.js +1 -1
- package/components/ix-group.js +1 -1
- package/components/ix-helper-text.js +1 -1
- package/components/ix-icon-button.js +1 -1
- package/components/ix-icon-toggle-button.js +1 -1
- package/components/ix-input.js +1 -1
- package/components/ix-key-value-list.js +1 -1
- package/components/ix-key-value.js +1 -1
- package/components/ix-kpi.js +1 -1
- package/components/ix-layout-auto.js +1 -1
- package/components/ix-layout-grid.js +1 -1
- package/components/ix-link-button.js +1 -1
- package/components/ix-menu-about-item.js +1 -1
- package/components/ix-menu-about-news.js +1 -1
- package/components/ix-menu-about.js +1 -1
- package/components/ix-menu-avatar-item.js +1 -1
- package/components/ix-menu-avatar.js +1 -1
- package/components/ix-menu-category.js +1 -1
- package/components/ix-menu-expand-icon.js +1 -1
- package/components/ix-menu-item.js +1 -1
- package/components/ix-menu-settings-item.js +1 -1
- package/components/ix-menu-settings.js +1 -1
- package/components/ix-menu.js +1 -1
- package/components/ix-message-bar.js +1 -1
- package/components/ix-modal-content.js +1 -1
- package/components/ix-modal-footer.js +1 -1
- package/components/ix-modal-header.js +1 -1
- package/components/ix-modal-loading.js +1 -1
- package/components/ix-modal.js +1 -1
- package/components/ix-number-input.js +1 -1
- package/components/ix-pagination.js +1 -1
- package/components/ix-pane-layout.js +1 -1
- package/components/ix-pane.js +1 -1
- package/components/ix-pill.js +1 -1
- package/components/ix-popover-content.js +1 -1
- package/components/ix-popover-footer.js +1 -1
- package/components/ix-popover-header.js +1 -1
- package/components/ix-popover-image.js +1 -1
- package/components/ix-popover.js +1 -1
- package/components/ix-progress-indicator.js +1 -1
- package/components/ix-push-card.js +1 -1
- package/components/ix-radio-group.js +1 -1
- package/components/ix-radio.js +1 -1
- package/components/ix-range-field.js +1 -1
- package/components/ix-row.js +1 -1
- package/components/ix-select-item.js +1 -1
- package/components/ix-select.js +1 -1
- package/components/ix-slider.js +1 -1
- package/components/ix-spinner.js +1 -1
- package/components/ix-split-button.js +1 -1
- package/components/ix-tab-item.js +1 -1
- package/components/ix-tab-panel.js +1 -1
- package/components/ix-tab-set.js +1 -1
- package/components/ix-tabs.js +1 -1
- package/components/ix-textarea.js +1 -1
- package/components/ix-tile.js +1 -1
- package/components/ix-time-input.js +1 -1
- package/components/ix-time-picker.js +1 -1
- package/components/ix-toast-container.js +1 -1
- package/components/ix-toast.js +1 -1
- package/components/ix-toggle-button.js +1 -1
- package/components/ix-toggle.js +1 -1
- package/components/ix-tooltip.js +1 -1
- package/components/ix-tree-item.js +1 -1
- package/components/ix-tree.js +1 -1
- package/components/ix-typography.js +1 -1
- package/components/ix-upload.js +1 -1
- package/components/ix-workflow-step.js +1 -1
- package/components/ix-workflow-steps.js +1 -1
- package/components/p-1FBWW6v2.js +1 -0
- package/components/p-3U_cSqu_.js +1 -0
- package/components/p-4ZsT_zIm.js +1 -0
- package/components/{p-CUvmGsh_.js → p-BC2PyjjU.js} +1 -1
- package/{dist/siemens-ix/p-wfVRhTWc.js → components/p-BDnx22Gp.js} +1 -1
- package/components/{p-baqpOH0g.js → p-BGOtCwtj.js} +1 -1
- package/components/{p-CuFZ7CXu.js → p-BHjmN8zz.js} +1 -1
- package/components/p-BHoJOFM-.js +1 -0
- package/components/{p-CbbabcAR.js → p-BHtNsBtM.js} +1 -1
- package/components/p-BQ-hS49k.js +1 -0
- package/components/p-BTBxxgtF.js +1 -0
- package/components/{p-Cvpz1Ji5.js → p-BcbFeRB0.js} +1 -1
- package/components/p-BmZGQGZi.js +1 -0
- package/components/p-Bs5X90wM.js +1 -0
- package/components/p-C02EaF8C.js +1 -0
- package/components/p-CEE0wwD3.js +1 -0
- package/components/p-CLDB-pmj.js +1 -0
- package/components/p-CRtj-KBq.js +1 -0
- package/components/p-CTRSoM-z.js +1 -0
- package/components/p-CUpOF7jN.js +1 -0
- package/components/{p-GGleop6j.js → p-C_K74Xlt.js} +1 -1
- package/components/{p-BRoFUwzJ.js → p-CatmTvkh.js} +1 -1
- package/components/{p-Dl_YKIKl.js → p-CgPr717U.js} +1 -1
- package/components/p-CtZAuwv3.js +1 -0
- package/components/p-Ctb1EExj.js +1 -0
- package/components/p-CvAmaEU2.js +1 -0
- package/components/p-Cxwq4WaV.js +1 -0
- package/components/p-D6O-bCyA.js +1 -0
- package/components/{p-BBCsPlPH.js → p-D7qfGAJ7.js} +1 -1
- package/components/p-D7sEY2UQ.js +1 -0
- package/components/{p-DtmgZu-S.js → p-DWOjSq8j.js} +1 -1
- package/components/p-D_HzQCU-.js +1 -0
- package/components/p-DdlGyKd2.js +1 -0
- package/components/p-DiYkfhDE.js +1 -0
- package/components/p-DmtgI24u.js +1 -0
- package/components/p-DpvAVNqZ.js +1 -0
- package/components/p-DsVj4Cd-.js +1 -0
- package/components/{p-Bj_6nynP.js → p-DtWFUcZO.js} +1 -1
- package/components/p-DylHkzl6.js +1 -0
- package/components/p-NXyac9kC.js +1 -0
- package/components/p-OxstEnSC.js +1 -0
- package/components/p-R5tYZVVd.js +1 -0
- package/components/{p-Czy7a3I4.js → p-WisOWbJ8.js} +1 -1
- package/components/{p-1KOHyx-1.js → p-YFmbQndr.js} +1 -1
- package/components/p-eGuQ8D3W.js +1 -0
- package/components/{p-CtDOTMOT.js → p-eN5fQtqO.js} +1 -1
- package/components/p-ePylRxs_.js +1 -0
- package/components/p-hf_zqlB1.js +1 -0
- package/components/p-l9UTiHpM.js +1 -0
- package/components/{p-BZgc6bzH.js → p-snX1FfdL.js} +1 -1
- package/components/p-tpMN9yTQ.js +1 -0
- package/components/p-v9vlPlkd.js +1 -0
- package/dist/cjs/chip.types-BD73fAij.js +22 -0
- package/dist/cjs/{helper-text-util-BkHm7ofh.js → helper-text-util-Ci_KFQZ4.js} +1 -1
- package/dist/cjs/{index-CwJ-mkQd.js → index-BQht1mLe.js} +20 -0
- package/dist/cjs/index-DnclGKUw.js +28 -4
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{input.fc-DM-hX3xb.js → input.fc-xGzM_I6q.js} +1 -1
- package/dist/cjs/ix-action-card.cjs.entry.js +1 -1
- package/dist/cjs/ix-application-header.cjs.entry.js +2 -2
- package/dist/cjs/ix-application-switch-modal.cjs.entry.js +2 -2
- package/dist/cjs/ix-application.cjs.entry.js +1 -1
- package/dist/cjs/ix-avatar_2.cjs.entry.js +3 -3
- package/dist/cjs/ix-badge.cjs.entry.js +716 -0
- package/dist/cjs/ix-blind.cjs.entry.js +7 -7
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/ix-breadcrumb.cjs.entry.js +4 -4
- package/dist/cjs/ix-button.cjs.entry.js +1 -1
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js +7 -7
- package/dist/cjs/ix-card-list.cjs.entry.js +63 -10
- package/dist/cjs/ix-card_2.cjs.entry.js +5 -5
- package/dist/cjs/ix-category-filter.cjs.entry.js +5 -5
- package/dist/cjs/ix-chat-ai-message.cjs.entry.js +35 -0
- package/dist/cjs/ix-chat-attachment.cjs.entry.js +110 -0
- package/dist/cjs/ix-chat-input.cjs.entry.js +406 -0
- package/dist/cjs/ix-chat-user-message.cjs.entry.js +66 -0
- package/dist/cjs/ix-chat.cjs.entry.js +28 -0
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +3 -3
- package/dist/cjs/ix-checkbox.cjs.entry.js +5 -5
- package/dist/cjs/ix-chip.cjs.entry.js +10 -29
- package/dist/cjs/ix-col_4.cjs.entry.js +12 -12
- package/dist/cjs/ix-content-header.cjs.entry.js +4 -4
- package/dist/cjs/ix-content.cjs.entry.js +4 -4
- package/dist/cjs/ix-css-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-css-grid.cjs.entry.js +1 -1
- package/dist/cjs/ix-custom-field.cjs.entry.js +2 -2
- package/dist/cjs/ix-date-dropdown.cjs.entry.js +7 -7
- package/dist/cjs/ix-date-input.cjs.entry.js +7 -7
- package/dist/cjs/ix-date-picker.cjs.entry.js +9 -9
- package/dist/cjs/ix-date-time-card.cjs.entry.js +3 -3
- package/dist/cjs/ix-datetime-input.cjs.entry.js +7 -7
- package/dist/cjs/ix-datetime-picker.cjs.entry.js +4 -4
- package/dist/cjs/ix-divider.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +6 -6
- package/dist/cjs/ix-dropdown-header.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +7 -7
- package/dist/cjs/ix-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/ix-event-list-item.cjs.entry.js +6 -6
- package/dist/cjs/ix-event-list.cjs.entry.js +8 -5
- package/dist/cjs/ix-expanding-search.cjs.entry.js +6 -6
- package/dist/cjs/ix-field-label_2.cjs.entry.js +7 -7
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +6 -6
- package/dist/cjs/ix-flip-tile-content.cjs.entry.js +1 -1
- package/dist/cjs/ix-flip-tile.cjs.entry.js +5 -5
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +3 -3
- package/dist/cjs/ix-group.cjs.entry.js +9 -9
- package/dist/cjs/ix-helper-text.cjs.entry.js +4 -4
- package/dist/cjs/ix-icon-button_2.cjs.entry.js +5 -5
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +3 -3
- package/dist/cjs/ix-input.cjs.entry.js +8 -8
- package/dist/cjs/ix-key-value-list.cjs.entry.js +1 -1
- package/dist/cjs/ix-key-value.cjs.entry.js +1 -1
- package/dist/cjs/ix-kpi.cjs.entry.js +5 -5
- package/dist/cjs/ix-layout-auto.cjs.entry.js +1 -1
- package/dist/cjs/ix-link-button.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-about-news.cjs.entry.js +6 -6
- package/dist/cjs/ix-menu-about.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-avatar.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-category.cjs.entry.js +12 -9
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +3 -3
- package/dist/cjs/ix-menu-item.cjs.entry.js +5 -5
- package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-settings.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu.cjs.entry.js +14 -14
- package/dist/cjs/ix-message-bar.cjs.entry.js +3 -3
- package/dist/cjs/ix-modal-content_2.cjs.entry.js +5 -5
- package/dist/cjs/ix-modal-footer.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal-loading.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal.cjs.entry.js +3 -3
- package/dist/cjs/ix-number-input.cjs.entry.js +9 -9
- package/dist/cjs/ix-pagination.cjs.entry.js +4 -4
- package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -2
- package/dist/cjs/ix-pane.cjs.entry.js +9 -9
- package/dist/cjs/ix-pill_4.cjs.entry.js +20 -20
- package/dist/cjs/ix-popover-content.cjs.entry.js +2 -2
- package/dist/cjs/ix-popover-footer.cjs.entry.js +2 -2
- package/dist/cjs/ix-popover-header.cjs.entry.js +3 -3
- package/dist/cjs/ix-popover-image.cjs.entry.js +1 -1
- package/dist/cjs/ix-popover.cjs.entry.js +1 -1
- package/dist/cjs/ix-progress-indicator.cjs.entry.js +4 -4
- package/dist/cjs/ix-push-card.cjs.entry.js +2 -2
- package/dist/cjs/ix-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/ix-radio.cjs.entry.js +5 -5
- package/dist/cjs/ix-range-field.cjs.entry.js +4 -4
- package/dist/cjs/ix-select.cjs.entry.js +12 -12
- package/dist/cjs/ix-slider.cjs.entry.js +8 -8
- package/dist/cjs/ix-split-button.cjs.entry.js +3 -3
- package/dist/cjs/ix-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/ix-textarea.cjs.entry.js +5 -5
- package/dist/cjs/ix-tile.cjs.entry.js +5 -5
- package/dist/cjs/ix-time-input.cjs.entry.js +7 -7
- package/dist/cjs/ix-toast-container.cjs.entry.js +3 -3
- package/dist/cjs/ix-toast.cjs.entry.js +4 -4
- package/dist/cjs/ix-toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/ix-toggle.cjs.entry.js +5 -5
- package/dist/cjs/ix-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/ix-tree-item.cjs.entry.js +6 -6
- package/dist/cjs/ix-tree.cjs.entry.js +1 -1
- package/dist/cjs/ix-typography.cjs.entry.js +2 -2
- package/dist/cjs/ix-upload.cjs.entry.js +5 -5
- package/dist/cjs/ix-workflow-step.cjs.entry.js +5 -5
- package/dist/cjs/ix-workflow-steps.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/siemens-ix.cjs.js +1 -1
- package/dist/cjs/{validation-DJaUH-UR.js → validation-B1izlD8M.js} +59 -3
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/action-card/action-card.css +11 -11
- package/dist/collection/components/application/application.css +11 -11
- package/dist/collection/components/application-header/application-header.css +11 -11
- package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.css +11 -11
- package/dist/collection/components/avatar/avatar.css +19 -11
- package/dist/collection/components/badge/badge.css +622 -0
- package/dist/collection/components/badge/badge.js +815 -0
- package/dist/collection/components/badge/badge.status-icon.js +65 -0
- package/dist/collection/components/badge/badge.types.js +24 -0
- package/dist/collection/components/badge/badge.utils.js +57 -0
- package/dist/collection/components/badge/test/badge.page.js +190 -0
- package/dist/collection/components/blind/blind.css +119 -15
- package/dist/collection/components/blind/blind.js +5 -5
- package/dist/collection/components/breadcrumb/breadcrumb.css +11 -11
- package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +52 -44
- package/dist/collection/components/button/button.css +30 -22
- package/dist/collection/components/card/card.css +11 -11
- package/dist/collection/components/card/card.js +2 -2
- package/dist/collection/components/card-accordion/card-accordion.css +61 -44
- package/dist/collection/components/card-accordion/card-accordion.js +4 -4
- package/dist/collection/components/card-content/card-content.css +11 -11
- package/dist/collection/components/card-content/card-content.js +1 -1
- package/dist/collection/components/card-list/card-list.css +23 -11
- package/dist/collection/components/card-list/card-list.js +67 -10
- package/dist/collection/components/card-title/card-title.js +1 -1
- package/dist/collection/components/category-filter/category-filter.css +41 -33
- package/dist/collection/components/category-filter/category-filter.js +3 -3
- package/dist/collection/components/chat/chat.css +114 -0
- package/dist/collection/components/chat/chat.js +47 -0
- package/dist/collection/components/chat-ai-message/chat-ai-message.css +139 -0
- package/dist/collection/components/chat-ai-message/chat-ai-message.js +56 -0
- package/dist/collection/components/chat-attachment/chat-attachment.css +135 -0
- package/dist/collection/components/chat-attachment/chat-attachment.js +284 -0
- package/dist/collection/components/chat-attachment/chat-attachment.types.js +1 -0
- package/dist/collection/components/chat-input/chat-input.css +323 -0
- package/dist/collection/components/chat-input/chat-input.js +878 -0
- package/dist/collection/components/chat-user-message/chat-user-message.css +145 -0
- package/dist/collection/components/chat-user-message/chat-user-message.js +112 -0
- package/dist/collection/components/checkbox/checkbox.css +11 -11
- package/dist/collection/components/checkbox/checkbox.js +3 -3
- package/dist/collection/components/checkbox-group/checkbox-group.js +2 -2
- package/dist/collection/components/chip/chip.css +28 -19
- package/dist/collection/components/chip/chip.js +7 -8
- package/dist/collection/components/col/col.css +11 -11
- package/dist/collection/components/col/col.js +2 -2
- package/dist/collection/components/content/content.css +11 -11
- package/dist/collection/components/content/content.js +3 -3
- package/dist/collection/components/content-header/content-header.js +3 -3
- package/dist/collection/components/css-grid/css-grid-item.js +1 -1
- package/dist/collection/components/css-grid/css-grid.js +1 -1
- package/dist/collection/components/custom-field/custom-field.js +1 -1
- package/dist/collection/components/date-dropdown/date-dropdown.css +30 -22
- package/dist/collection/components/date-dropdown/date-dropdown.js +5 -5
- package/dist/collection/components/date-input/date-input.css +22 -22
- package/dist/collection/components/date-input/date-input.js +3 -3
- package/dist/collection/components/date-picker/date-picker.css +19 -11
- package/dist/collection/components/date-picker/date-picker.js +7 -7
- package/dist/collection/components/date-time-card/date-time-card.css +11 -11
- package/dist/collection/components/date-time-card/date-time-card.js +2 -2
- package/dist/collection/components/datetime-input/datetime-input.css +22 -22
- package/dist/collection/components/datetime-input/datetime-input.js +3 -3
- package/dist/collection/components/datetime-picker/datetime-picker.css +11 -11
- package/dist/collection/components/datetime-picker/datetime-picker.js +3 -3
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/dropdown/dropdown.css +11 -11
- package/dist/collection/components/dropdown/dropdown.js +1 -1
- package/dist/collection/components/dropdown-button/dropdown-button.css +326 -34
- package/dist/collection/components/dropdown-button/dropdown-button.js +4 -4
- package/dist/collection/components/dropdown-header/dropdown-header.css +11 -11
- package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.css +12 -12
- package/dist/collection/components/dropdown-item/dropdown-item.js +3 -3
- package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
- package/dist/collection/components/empty-state/empty-state.css +11 -11
- package/dist/collection/components/empty-state/empty-state.js +1 -1
- package/dist/collection/components/event-list/event-list.css +11 -11
- package/dist/collection/components/event-list/event-list.js +7 -4
- package/dist/collection/components/event-list-item/event-list-item.css +11 -11
- package/dist/collection/components/event-list-item/event-list-item.js +4 -4
- package/dist/collection/components/expanding-search/expanding-search.css +11 -11
- package/dist/collection/components/expanding-search/expanding-search.js +4 -4
- package/dist/collection/components/field-label/field-label.js +2 -2
- package/dist/collection/components/field-wrapper/field-wrapper.js +2 -2
- package/dist/collection/components/filter-chip/filter-chip.css +11 -11
- package/dist/collection/components/filter-chip/filter-chip.js +2 -2
- package/dist/collection/components/flip-tile/flip-tile.css +11 -11
- package/dist/collection/components/flip-tile/flip-tile.js +3 -3
- package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
- package/dist/collection/components/group/group-context-menu.js +1 -1
- package/dist/collection/components/group/group.js +8 -8
- package/dist/collection/components/group-item/group-item.css +11 -11
- package/dist/collection/components/helper-text/helper-text.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +49 -39
- package/dist/collection/components/icon-button/icon-button.js +2 -2
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +49 -39
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +2 -2
- package/dist/collection/components/input/input.css +11 -11
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input/number-input.css +11 -11
- package/dist/collection/components/input/number-input.js +5 -5
- package/dist/collection/components/input/textarea.css +11 -11
- package/dist/collection/components/input/textarea.js +2 -2
- package/dist/collection/components/ix-playground/ix-playground.js +1 -1
- package/dist/collection/components/key-value/key-value.js +1 -1
- package/dist/collection/components/key-value-list/key-value-list.js +1 -1
- package/dist/collection/components/kpi/kpi.css +11 -11
- package/dist/collection/components/kpi/kpi.js +3 -3
- package/dist/collection/components/layout-auto/layout-auto.js +1 -1
- package/dist/collection/components/layout-grid/layout-grid.js +2 -2
- package/dist/collection/components/link-button/link-button.js +3 -3
- package/dist/collection/components/menu/menu-expand-icon.css +30 -22
- package/dist/collection/components/menu/menu-expand-icon.js +1 -1
- package/dist/collection/components/menu/menu.css +11 -11
- package/dist/collection/components/menu/menu.js +12 -12
- package/dist/collection/components/menu-about/menu-about.css +11 -11
- package/dist/collection/components/menu-about/menu-about.js +2 -2
- package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
- package/dist/collection/components/menu-about-news/menu-about-news.css +11 -11
- package/dist/collection/components/menu-about-news/menu-about-news.js +4 -4
- package/dist/collection/components/menu-avatar/menu-avatar.css +11 -11
- package/dist/collection/components/menu-avatar/menu-avatar.js +2 -2
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.css +11 -11
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
- package/dist/collection/components/menu-category/menu-category.css +11 -11
- package/dist/collection/components/menu-category/menu-category.js +12 -9
- package/dist/collection/components/menu-item/menu-item.js +4 -4
- package/dist/collection/components/menu-settings/menu-settings.css +11 -11
- package/dist/collection/components/menu-settings/menu-settings.js +2 -2
- package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
- package/dist/collection/components/message-bar/message-bar.css +11 -11
- package/dist/collection/components/message-bar/message-bar.js +1 -1
- package/dist/collection/components/modal/modal.js +3 -3
- package/dist/collection/components/modal-content/modal-content.css +11 -11
- package/dist/collection/components/modal-content/modal-content.js +1 -1
- package/dist/collection/components/modal-footer/modal-footer.css +11 -11
- package/dist/collection/components/modal-footer/modal-footer.js +1 -1
- package/dist/collection/components/modal-header/modal-header.css +11 -11
- package/dist/collection/components/modal-header/modal-header.js +1 -1
- package/dist/collection/components/modal-loading/modal-loading.js +1 -1
- package/dist/collection/components/pagination/pagination.css +60 -50
- package/dist/collection/components/pagination/pagination.js +2 -2
- package/dist/collection/components/pane/pane.css +11 -11
- package/dist/collection/components/pane/pane.js +7 -7
- package/dist/collection/components/pane-layout/pane-layout.css +11 -11
- package/dist/collection/components/pane-layout/pane-layout.js +1 -1
- package/dist/collection/components/pill/pill.css +11 -11
- package/dist/collection/components/pill/pill.js +4 -4
- package/dist/collection/components/popover/popover.js +1 -1
- package/dist/collection/components/popover-content/popover-content.css +11 -11
- package/dist/collection/components/popover-content/popover-content.js +1 -1
- package/dist/collection/components/popover-footer/popover-footer.css +11 -11
- package/dist/collection/components/popover-footer/popover-footer.js +1 -1
- package/dist/collection/components/popover-header/popover-header.css +11 -11
- package/dist/collection/components/popover-header/popover-header.js +1 -1
- package/dist/collection/components/popover-image/popover-image.css +11 -11
- package/dist/collection/components/progress-indicator/progress-indicator.js +3 -3
- package/dist/collection/components/push-card/push-card.css +70 -0
- package/dist/collection/components/push-card/push-card.js +1 -1
- package/dist/collection/components/radio/radio.css +11 -11
- package/dist/collection/components/radio/radio.js +3 -3
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/range-field/range-field.css +11 -11
- package/dist/collection/components/range-field/range-field.js +2 -2
- package/dist/collection/components/row/row.js +1 -1
- package/dist/collection/components/select/select.css +11 -11
- package/dist/collection/components/select/select.js +10 -10
- package/dist/collection/components/select-item/select-item.js +2 -2
- package/dist/collection/components/slider/slider.css +11 -11
- package/dist/collection/components/slider/slider.js +6 -6
- package/dist/collection/components/spinner/spinner.css +55 -55
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-button/split-button.css +11 -11
- package/dist/collection/components/split-button/split-button.js +1 -1
- package/dist/collection/components/tab-item/tab-item.css +17 -11
- package/dist/collection/components/tab-item/tab-item.js +5 -5
- package/dist/collection/components/tab-panel/tab-panel.css +11 -11
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/tab-set/tab-set.css +11 -11
- package/dist/collection/components/tab-set/tab-set.js +1 -1
- package/dist/collection/components/tabs/tabs.css +11 -11
- package/dist/collection/components/tabs/tabs.js +5 -5
- package/dist/collection/components/tile/tile.css +11 -11
- package/dist/collection/components/tile/tile.js +4 -4
- package/dist/collection/components/time-input/time-input.css +22 -22
- package/dist/collection/components/time-input/time-input.js +3 -3
- package/dist/collection/components/time-picker/time-picker.css +11 -11
- package/dist/collection/components/time-picker/time-picker.js +5 -5
- package/dist/collection/components/toast/toast-container.css +11 -11
- package/dist/collection/components/toast/toast-container.js +2 -2
- package/dist/collection/components/toast/toast.css +11 -11
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.css +11 -11
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toggle-button/toggle-button.css +41 -33
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/collection/components/tree/tree.js +1 -1
- package/dist/collection/components/tree-item/tree-item.css +11 -11
- package/dist/collection/components/tree-item/tree-item.js +4 -4
- package/dist/collection/components/typography/typography.css +11 -11
- package/dist/collection/components/typography/typography.js +1 -1
- package/dist/collection/components/upload/upload.css +11 -11
- package/dist/collection/components/upload/upload.js +3 -3
- package/dist/collection/components/utils/input/validation.js +58 -3
- package/dist/collection/components/workflow-step/workflow-step.css +11 -11
- package/dist/collection/components/workflow-step/workflow-step.js +3 -3
- package/dist/collection/components/workflow-steps/workflow-steps.css +11 -11
- package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
- package/dist/esm/chip.types-4ZsT_zIm.js +20 -0
- package/dist/esm/{helper-text-util-D0LEFZuB.js → helper-text-util-sQKO6RPJ.js} +1 -1
- package/dist/esm/{index-DgUGsIlh.js → index-BeX6RWvV.js} +11 -1
- package/dist/esm/index-EBgS4zhE.js +28 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/{input.fc-CE3kP-L_.js → input.fc-DliqEtCM.js} +1 -1
- package/dist/esm/ix-action-card.entry.js +1 -1
- package/dist/esm/ix-application-header.entry.js +2 -2
- package/dist/esm/ix-application-switch-modal.entry.js +2 -2
- package/dist/esm/ix-application.entry.js +1 -1
- package/dist/esm/ix-avatar_2.entry.js +3 -3
- package/dist/esm/ix-badge.entry.js +714 -0
- package/dist/esm/ix-blind.entry.js +7 -7
- package/dist/esm/ix-breadcrumb-item.entry.js +2 -2
- package/dist/esm/ix-breadcrumb.entry.js +4 -4
- package/dist/esm/ix-button.entry.js +1 -1
- package/dist/esm/ix-card-accordion_2.entry.js +7 -7
- package/dist/esm/ix-card-list.entry.js +63 -10
- package/dist/esm/ix-card_2.entry.js +5 -5
- package/dist/esm/ix-category-filter.entry.js +5 -5
- package/dist/esm/ix-chat-ai-message.entry.js +33 -0
- package/dist/esm/ix-chat-attachment.entry.js +108 -0
- package/dist/esm/ix-chat-input.entry.js +404 -0
- package/dist/esm/ix-chat-user-message.entry.js +64 -0
- package/dist/esm/ix-chat.entry.js +26 -0
- package/dist/esm/ix-checkbox-group.entry.js +3 -3
- package/dist/esm/ix-checkbox.entry.js +5 -5
- package/dist/esm/ix-chip.entry.js +9 -28
- package/dist/esm/ix-col_4.entry.js +12 -12
- package/dist/esm/ix-content-header.entry.js +4 -4
- package/dist/esm/ix-content.entry.js +4 -4
- package/dist/esm/ix-css-grid-item.entry.js +1 -1
- package/dist/esm/ix-css-grid.entry.js +1 -1
- package/dist/esm/ix-custom-field.entry.js +2 -2
- package/dist/esm/ix-date-dropdown.entry.js +7 -7
- package/dist/esm/ix-date-input.entry.js +7 -7
- package/dist/esm/ix-date-picker.entry.js +9 -9
- package/dist/esm/ix-date-time-card.entry.js +3 -3
- package/dist/esm/ix-datetime-input.entry.js +7 -7
- package/dist/esm/ix-datetime-picker.entry.js +4 -4
- package/dist/esm/ix-divider.entry.js +1 -1
- package/dist/esm/ix-dropdown-button.entry.js +6 -6
- package/dist/esm/ix-dropdown-header.entry.js +2 -2
- package/dist/esm/ix-dropdown-quick-actions.entry.js +1 -1
- package/dist/esm/ix-dropdown_2.entry.js +7 -7
- package/dist/esm/ix-empty-state.entry.js +2 -2
- package/dist/esm/ix-event-list-item.entry.js +6 -6
- package/dist/esm/ix-event-list.entry.js +8 -5
- package/dist/esm/ix-expanding-search.entry.js +6 -6
- package/dist/esm/ix-field-label_2.entry.js +7 -7
- package/dist/esm/ix-filter-chip_2.entry.js +6 -6
- package/dist/esm/ix-flip-tile-content.entry.js +1 -1
- package/dist/esm/ix-flip-tile.entry.js +5 -5
- package/dist/esm/ix-group-context-menu_2.entry.js +3 -3
- package/dist/esm/ix-group.entry.js +9 -9
- package/dist/esm/ix-helper-text.entry.js +4 -4
- package/dist/esm/ix-icon-button_2.entry.js +5 -5
- package/dist/esm/ix-icon-toggle-button.entry.js +3 -3
- package/dist/esm/ix-input.entry.js +8 -8
- package/dist/esm/ix-key-value-list.entry.js +1 -1
- package/dist/esm/ix-key-value.entry.js +1 -1
- package/dist/esm/ix-kpi.entry.js +5 -5
- package/dist/esm/ix-layout-auto.entry.js +1 -1
- package/dist/esm/ix-link-button.entry.js +4 -4
- package/dist/esm/ix-menu-about-item.entry.js +1 -1
- package/dist/esm/ix-menu-about-news.entry.js +6 -6
- package/dist/esm/ix-menu-about.entry.js +4 -4
- package/dist/esm/ix-menu-avatar.entry.js +4 -4
- package/dist/esm/ix-menu-category.entry.js +12 -9
- package/dist/esm/ix-menu-expand-icon.entry.js +3 -3
- package/dist/esm/ix-menu-item.entry.js +5 -5
- package/dist/esm/ix-menu-settings-item.entry.js +1 -1
- package/dist/esm/ix-menu-settings.entry.js +4 -4
- package/dist/esm/ix-menu.entry.js +14 -14
- package/dist/esm/ix-message-bar.entry.js +3 -3
- package/dist/esm/ix-modal-content_2.entry.js +5 -5
- package/dist/esm/ix-modal-footer.entry.js +2 -2
- package/dist/esm/ix-modal-loading.entry.js +1 -1
- package/dist/esm/ix-modal.entry.js +3 -3
- package/dist/esm/ix-number-input.entry.js +9 -9
- package/dist/esm/ix-pagination.entry.js +4 -4
- package/dist/esm/ix-pane-layout.entry.js +2 -2
- package/dist/esm/ix-pane.entry.js +9 -9
- package/dist/esm/ix-pill_4.entry.js +20 -20
- package/dist/esm/ix-popover-content.entry.js +2 -2
- package/dist/esm/ix-popover-footer.entry.js +2 -2
- package/dist/esm/ix-popover-header.entry.js +3 -3
- package/dist/esm/ix-popover-image.entry.js +1 -1
- package/dist/esm/ix-popover.entry.js +1 -1
- package/dist/esm/ix-progress-indicator.entry.js +4 -4
- package/dist/esm/ix-push-card.entry.js +2 -2
- package/dist/esm/ix-radio-group.entry.js +3 -3
- package/dist/esm/ix-radio.entry.js +5 -5
- package/dist/esm/ix-range-field.entry.js +4 -4
- package/dist/esm/ix-select.entry.js +12 -12
- package/dist/esm/ix-slider.entry.js +8 -8
- package/dist/esm/ix-split-button.entry.js +3 -3
- package/dist/esm/ix-tab-panel.entry.js +2 -2
- package/dist/esm/ix-textarea.entry.js +5 -5
- package/dist/esm/ix-tile.entry.js +5 -5
- package/dist/esm/ix-time-input.entry.js +7 -7
- package/dist/esm/ix-toast-container.entry.js +3 -3
- package/dist/esm/ix-toast.entry.js +4 -4
- package/dist/esm/ix-toggle-button.entry.js +1 -1
- package/dist/esm/ix-toggle.entry.js +5 -5
- package/dist/esm/ix-tooltip.entry.js +1 -1
- package/dist/esm/ix-tree-item.entry.js +6 -6
- package/dist/esm/ix-tree.entry.js +1 -1
- package/dist/esm/ix-typography.entry.js +2 -2
- package/dist/esm/ix-upload.entry.js +5 -5
- package/dist/esm/ix-workflow-step.entry.js +5 -5
- package/dist/esm/ix-workflow-steps.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/siemens-ix.js +1 -1
- package/dist/esm/{validation-VVt5EFy0.js → validation-DXpftrw5.js} +59 -4
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/{p-71feb871.entry.js → p-0018f327.entry.js} +1 -1
- package/dist/siemens-ix/p-0329eb6e.entry.js +1 -0
- package/dist/siemens-ix/{p-c69036b1.entry.js → p-03745110.entry.js} +1 -1
- package/dist/siemens-ix/p-0555a6fb.entry.js +1 -0
- package/dist/siemens-ix/{p-71a31d92.entry.js → p-05c35730.entry.js} +1 -1
- package/dist/siemens-ix/p-0b10bb78.entry.js +1 -0
- package/dist/siemens-ix/p-0f2ac675.entry.js +1 -0
- package/dist/siemens-ix/{p-427f85c3.entry.js → p-12bce791.entry.js} +1 -1
- package/dist/siemens-ix/p-14554694.entry.js +1 -0
- package/dist/siemens-ix/p-1afa8fb3.entry.js +1 -0
- package/dist/siemens-ix/p-1bce1c19.entry.js +1 -0
- package/dist/siemens-ix/p-1d06e067.entry.js +1 -0
- package/dist/siemens-ix/{p-c0d56b86.entry.js → p-1fbb010f.entry.js} +1 -1
- package/dist/siemens-ix/p-1fddf959.entry.js +1 -0
- package/dist/siemens-ix/p-207d77b3.entry.js +1 -0
- package/dist/siemens-ix/{p-21b09017.entry.js → p-217dc62a.entry.js} +1 -1
- package/dist/siemens-ix/{p-2753ed4e.entry.js → p-222d3d93.entry.js} +1 -1
- package/dist/siemens-ix/p-2270cc5d.entry.js +1 -0
- package/dist/siemens-ix/p-29e8126a.entry.js +1 -0
- package/dist/siemens-ix/{p-ea9691c1.entry.js → p-2b0ffba0.entry.js} +1 -1
- package/dist/siemens-ix/p-2e780c86.entry.js +1 -0
- package/dist/siemens-ix/p-30008054.entry.js +1 -0
- package/dist/siemens-ix/p-34d5185d.entry.js +1 -0
- package/dist/siemens-ix/p-34f2792e.entry.js +1 -0
- package/dist/siemens-ix/{p-ac804eb2.entry.js → p-383e95ad.entry.js} +1 -1
- package/dist/siemens-ix/{p-e5e220c7.entry.js → p-38e0953a.entry.js} +1 -1
- package/dist/siemens-ix/p-39079ba7.entry.js +1 -0
- package/dist/siemens-ix/{p-ab202c45.entry.js → p-3c7a8e8b.entry.js} +1 -1
- package/dist/siemens-ix/p-3ca5d3b9.entry.js +1 -0
- package/dist/siemens-ix/{p-34eaf010.entry.js → p-4079292f.entry.js} +1 -1
- package/dist/siemens-ix/p-447d52de.entry.js +1 -0
- package/dist/siemens-ix/p-47e2c5a1.entry.js +1 -0
- package/dist/siemens-ix/{p-e3da7c67.entry.js → p-488b7074.entry.js} +1 -1
- package/dist/siemens-ix/p-49d8b129.entry.js +1 -0
- package/dist/siemens-ix/p-4ZsT_zIm.js +1 -0
- package/dist/siemens-ix/p-4b85292e.entry.js +1 -0
- package/dist/siemens-ix/p-4f02b8dd.entry.js +1 -0
- package/dist/siemens-ix/{p-d16ee3bd.entry.js → p-5014b469.entry.js} +1 -1
- package/dist/siemens-ix/p-55a57ce6.entry.js +1 -0
- package/dist/siemens-ix/{p-b534dadd.entry.js → p-55ae6204.entry.js} +1 -1
- package/dist/siemens-ix/p-55e8ad3b.entry.js +1 -0
- package/dist/siemens-ix/p-58c6aa27.entry.js +1 -0
- package/dist/siemens-ix/p-5f48d238.entry.js +1 -0
- package/dist/siemens-ix/p-64432fa0.entry.js +1 -0
- package/dist/siemens-ix/p-66097da1.entry.js +1 -0
- package/dist/siemens-ix/p-66e92cdd.entry.js +1 -0
- package/dist/siemens-ix/p-6c25b44d.entry.js +1 -0
- package/dist/siemens-ix/p-6ebf66b8.entry.js +1 -0
- package/dist/siemens-ix/{p-a2aa806e.entry.js → p-6ffe8ec7.entry.js} +1 -1
- package/dist/siemens-ix/{p-6aa5adb4.entry.js → p-7690a56d.entry.js} +1 -1
- package/dist/siemens-ix/p-7b9d9c0c.entry.js +1 -0
- package/dist/siemens-ix/{p-da2e0f0e.entry.js → p-7bc3af96.entry.js} +1 -1
- package/dist/siemens-ix/p-80d7a07a.entry.js +1 -0
- package/dist/siemens-ix/p-816bcf01.entry.js +1 -0
- package/dist/siemens-ix/p-836df58e.entry.js +1 -0
- package/dist/siemens-ix/p-86ad005e.entry.js +1 -0
- package/dist/siemens-ix/{p-d1cd3cb9.entry.js → p-884fd236.entry.js} +1 -1
- package/dist/siemens-ix/p-89f6329b.entry.js +1 -0
- package/dist/siemens-ix/p-8a14750f.entry.js +1 -0
- package/dist/siemens-ix/p-8c3e7613.entry.js +1 -0
- package/dist/siemens-ix/p-8df1362f.entry.js +1 -0
- package/dist/siemens-ix/p-9094212f.entry.js +1 -0
- package/{components/p-DkAUNod9.js → dist/siemens-ix/p-92804589.entry.js} +1 -1
- package/dist/siemens-ix/p-95625e2a.entry.js +1 -0
- package/dist/siemens-ix/p-99b97922.entry.js +1 -0
- package/dist/siemens-ix/p-99df3561.entry.js +1 -0
- package/dist/siemens-ix/p-BeX6RWvV.js +1 -0
- package/dist/siemens-ix/p-S-XikzrL.js +1 -0
- package/dist/siemens-ix/{p-57678563.entry.js → p-a1d79970.entry.js} +1 -1
- package/dist/siemens-ix/{p-bc0f5cbe.entry.js → p-a23edbb6.entry.js} +1 -1
- package/dist/siemens-ix/{p-f43c97cf.entry.js → p-a2a3d749.entry.js} +1 -1
- package/dist/siemens-ix/p-a7d695f5.entry.js +1 -0
- package/dist/siemens-ix/p-a87b0328.entry.js +1 -0
- package/dist/siemens-ix/{p-8f72a218.entry.js → p-a92495b8.entry.js} +1 -1
- package/dist/siemens-ix/{p-0e74e65c.entry.js → p-abe537f8.entry.js} +1 -1
- package/dist/siemens-ix/p-b299eca3.entry.js +1 -0
- package/dist/siemens-ix/{p-e9b37020.entry.js → p-b3eaf43d.entry.js} +1 -1
- package/dist/siemens-ix/p-b990c3f4.entry.js +1 -0
- package/dist/siemens-ix/p-baf74d39.entry.js +1 -0
- package/dist/siemens-ix/{p-4faa3c03.entry.js → p-bd2f7002.entry.js} +1 -1
- package/dist/siemens-ix/p-bf75d77b.entry.js +1 -0
- package/dist/siemens-ix/{p-b2fe56c7.entry.js → p-bf827cb3.entry.js} +1 -1
- package/dist/siemens-ix/p-c1b669ae.entry.js +1 -0
- package/dist/siemens-ix/{p-95e8951f.entry.js → p-c2d8ec4e.entry.js} +1 -1
- package/dist/siemens-ix/p-c3e44b4a.entry.js +1 -0
- package/dist/siemens-ix/p-c4379966.entry.js +1 -0
- package/dist/siemens-ix/{p-52096875.entry.js → p-c6346987.entry.js} +1 -1
- package/dist/siemens-ix/p-c6987c42.entry.js +1 -0
- package/dist/siemens-ix/{p-7655c4c2.entry.js → p-ca4259c9.entry.js} +1 -1
- package/dist/siemens-ix/{p-7899597f.entry.js → p-cb43f6e5.entry.js} +1 -1
- package/dist/siemens-ix/p-cc6305ab.entry.js +1 -0
- package/dist/siemens-ix/{p-5d7ede96.entry.js → p-ccea2ebf.entry.js} +1 -1
- package/dist/siemens-ix/p-cddc43e2.entry.js +1 -0
- package/dist/siemens-ix/{p-a44b1452.entry.js → p-cf56ddd5.entry.js} +1 -1
- package/dist/siemens-ix/{p-d45ff0a0.entry.js → p-cfd83faa.entry.js} +1 -1
- package/dist/siemens-ix/p-d0649c07.entry.js +1 -0
- package/dist/siemens-ix/p-d39c4aeb.entry.js +1 -0
- package/dist/siemens-ix/{p-d699bb26.entry.js → p-d555f28a.entry.js} +1 -1
- package/dist/siemens-ix/p-e4f04831.entry.js +1 -0
- package/dist/siemens-ix/p-e789cd7e.entry.js +1 -0
- package/dist/siemens-ix/p-e7dedba9.entry.js +1 -0
- package/dist/siemens-ix/{p-b7570885.entry.js → p-ea3b4ad4.entry.js} +1 -1
- package/dist/siemens-ix/p-eba11702.entry.js +1 -0
- package/dist/siemens-ix/p-eda419ea.entry.js +1 -0
- package/dist/siemens-ix/p-f3528209.entry.js +1 -0
- package/dist/siemens-ix/p-f3e24bb0.entry.js +1 -0
- package/dist/siemens-ix/{p-eac237a1.entry.js → p-f4575603.entry.js} +1 -1
- package/dist/siemens-ix/p-f705bb97.entry.js +1 -0
- package/dist/siemens-ix/p-fff1f8b1.entry.js +1 -0
- package/dist/siemens-ix/{p-C518yBiI.js → p-kmPsIcs5.js} +1 -1
- package/{components/p-CAH3dF6j.js → dist/siemens-ix/p-yUgQMMln.js} +1 -1
- package/dist/siemens-ix/siemens-ix.css +11 -11
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/badge/badge.d.ts +210 -0
- package/dist/types/components/badge/badge.status-icon.d.ts +21 -0
- package/dist/types/components/badge/badge.types.d.ts +19 -0
- package/dist/types/components/badge/badge.utils.d.ts +10 -0
- package/dist/types/components/badge/test/badge.page.d.ts +67 -0
- package/dist/types/components/card-list/card-list.d.ts +4 -1
- package/dist/types/components/chat/chat.d.ts +11 -0
- package/dist/types/components/chat-ai-message/chat-ai-message.d.ts +14 -0
- package/dist/types/components/chat-attachment/chat-attachment.d.ts +47 -0
- package/dist/types/components/chat-attachment/chat-attachment.types.d.ts +1 -0
- package/dist/types/components/chat-input/chat-input.d.ts +175 -0
- package/dist/types/components/chat-user-message/chat-user-message.d.ts +23 -0
- package/dist/types/components/chip/chip.d.ts +1 -1
- package/dist/types/components/menu-category/menu-category.d.ts +1 -1
- package/dist/types/components/utils/input/validation.d.ts +6 -0
- package/dist/types/components.d.ts +706 -5
- package/dist/types/public-api.d.ts +1 -0
- package/hydrate/index.js +2020 -430
- package/hydrate/index.mjs +2020 -430
- package/package.json +3 -3
- package/scss/mixins/_scrollbar.scss +21 -9
- package/components/p-3VG6z9c3.js +0 -1
- package/components/p-7HGOhDMX.js +0 -1
- package/components/p-BH2Yhp3V.js +0 -1
- package/components/p-BIcWFids.js +0 -1
- package/components/p-BWH03B1n.js +0 -1
- package/components/p-BWknDysp.js +0 -1
- package/components/p-B_MBGj0b.js +0 -1
- package/components/p-BtSt9tC5.js +0 -1
- package/components/p-BzFLbXmT.js +0 -1
- package/components/p-C7MRPZvZ.js +0 -1
- package/components/p-CHV-_J6i.js +0 -1
- package/components/p-Ca8JFa1v.js +0 -1
- package/components/p-CgHioxG-.js +0 -1
- package/components/p-CkIELF-1.js +0 -1
- package/components/p-D1sONqtj.js +0 -1
- package/components/p-D69Mojvn.js +0 -1
- package/components/p-DKH7tPDu.js +0 -1
- package/components/p-DLe8Pp58.js +0 -1
- package/components/p-DM7ma3Eh.js +0 -1
- package/components/p-DO3HtUke.js +0 -1
- package/components/p-DfdjJL6W.js +0 -1
- package/components/p-DjIyhGBC.js +0 -1
- package/components/p-DuMiVxY1.js +0 -1
- package/components/p-Dwe6tWhq.js +0 -1
- package/components/p-DwmHytZi.js +0 -1
- package/components/p-DziPiOL3.js +0 -1
- package/components/p-GmOVROeD.js +0 -1
- package/components/p-LbnItC1h.js +0 -1
- package/components/p-R1AQtGdV.js +0 -1
- package/components/p-_f_q2Etu.js +0 -1
- package/components/p-f1jZqaUz.js +0 -1
- package/components/p-olkZUb1j.js +0 -1
- package/components/p-z19mjzlp.js +0 -1
- package/dist/siemens-ix/p-03215d55.entry.js +0 -1
- package/dist/siemens-ix/p-04a42013.entry.js +0 -1
- package/dist/siemens-ix/p-0b24f8d0.entry.js +0 -1
- package/dist/siemens-ix/p-0fd5baf1.entry.js +0 -1
- package/dist/siemens-ix/p-18cae4df.entry.js +0 -1
- package/dist/siemens-ix/p-1a6b7e92.entry.js +0 -1
- package/dist/siemens-ix/p-1cd9a45a.entry.js +0 -1
- package/dist/siemens-ix/p-1ea183fb.entry.js +0 -1
- package/dist/siemens-ix/p-227ba1b8.entry.js +0 -1
- package/dist/siemens-ix/p-2eb094c0.entry.js +0 -1
- package/dist/siemens-ix/p-39fb1c9e.entry.js +0 -1
- package/dist/siemens-ix/p-3bb5600a.entry.js +0 -1
- package/dist/siemens-ix/p-3bfa4bbc.entry.js +0 -1
- package/dist/siemens-ix/p-3f5ac9f7.entry.js +0 -1
- package/dist/siemens-ix/p-4154d18a.entry.js +0 -1
- package/dist/siemens-ix/p-45106215.entry.js +0 -1
- package/dist/siemens-ix/p-4ceb3543.entry.js +0 -1
- package/dist/siemens-ix/p-4d179abe.entry.js +0 -1
- package/dist/siemens-ix/p-50a44cb9.entry.js +0 -1
- package/dist/siemens-ix/p-54a22a58.entry.js +0 -1
- package/dist/siemens-ix/p-5ff289c7.entry.js +0 -1
- package/dist/siemens-ix/p-601224bd.entry.js +0 -1
- package/dist/siemens-ix/p-703c7e7c.entry.js +0 -1
- package/dist/siemens-ix/p-71a5fae5.entry.js +0 -1
- package/dist/siemens-ix/p-747d14a2.entry.js +0 -1
- package/dist/siemens-ix/p-7c120d09.entry.js +0 -1
- package/dist/siemens-ix/p-8164a98b.entry.js +0 -1
- package/dist/siemens-ix/p-83f4cd88.entry.js +0 -1
- package/dist/siemens-ix/p-8658717f.entry.js +0 -1
- package/dist/siemens-ix/p-8900e229.entry.js +0 -1
- package/dist/siemens-ix/p-8b839f30.entry.js +0 -1
- package/dist/siemens-ix/p-8cea823b.entry.js +0 -1
- package/dist/siemens-ix/p-8d535dc9.entry.js +0 -1
- package/dist/siemens-ix/p-96a3b3df.entry.js +0 -1
- package/dist/siemens-ix/p-9f2905df.entry.js +0 -1
- package/dist/siemens-ix/p-DgUGsIlh.js +0 -1
- package/dist/siemens-ix/p-a25f267b.entry.js +0 -1
- package/dist/siemens-ix/p-a7f5e11e.entry.js +0 -1
- package/dist/siemens-ix/p-a8911648.entry.js +0 -1
- package/dist/siemens-ix/p-aa904521.entry.js +0 -1
- package/dist/siemens-ix/p-af808244.entry.js +0 -1
- package/dist/siemens-ix/p-b004e845.entry.js +0 -1
- package/dist/siemens-ix/p-b63d7f36.entry.js +0 -1
- package/dist/siemens-ix/p-bddd1cca.entry.js +0 -1
- package/dist/siemens-ix/p-bfb758cb.entry.js +0 -1
- package/dist/siemens-ix/p-c0c6d772.entry.js +0 -1
- package/dist/siemens-ix/p-c1c209f6.entry.js +0 -1
- package/dist/siemens-ix/p-c9718f0d.entry.js +0 -1
- package/dist/siemens-ix/p-cd42c4e6.entry.js +0 -1
- package/dist/siemens-ix/p-d02d2e49.entry.js +0 -1
- package/dist/siemens-ix/p-d13c0b78.entry.js +0 -1
- package/dist/siemens-ix/p-d5761950.entry.js +0 -1
- package/dist/siemens-ix/p-d770d8ba.entry.js +0 -1
- package/dist/siemens-ix/p-daf43138.entry.js +0 -1
- package/dist/siemens-ix/p-dc16a32d.entry.js +0 -1
- package/dist/siemens-ix/p-ddcc8627.entry.js +0 -1
- package/dist/siemens-ix/p-e58ae892.entry.js +0 -1
- package/dist/siemens-ix/p-e6046255.entry.js +0 -1
- package/dist/siemens-ix/p-eff190ad.entry.js +0 -1
- package/dist/siemens-ix/p-f1cd82bd.entry.js +0 -1
- package/dist/siemens-ix/p-f507157f.entry.js +0 -1
- package/dist/siemens-ix/p-fa5c236f.entry.js +0 -1
- package/dist/siemens-ix/p-fbd006be.entry.js +0 -1
- package/dist/siemens-ix/p-fdec73d4.entry.js +0 -1
- package/dist/siemens-ix/p-yZFaEeBW.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as t,e as o,h as r,d as i,t as n}from"./p-CtDOTMOT.js";import{P as a}from"./p-BtSt9tC5.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,j as s,h,a as c,b,S as u,o as p,d as m,e as v}from"./p-CAH3dF6j.js";import{g as f,i as x,d as y}from"./p-BZgc6bzH.js";import{I as g,h as k,o as w,c as T,a as I}from"./p-CTbTAb9U.js";import{D as C}from"./p-CApDAYIa.js";import{m as z}from"./p-Djkc69iv.js";import{r as H}from"./p-BEuV0Xpe.js";import{f as E}from"./p-C21npbUc.js";import{d as j}from"./p-B_MBGj0b.js";import{d as S}from"./p-DKH7tPDu.js";import{d as V}from"./p-olkZUb1j.js";import{d as P}from"./p-baqpOH0g.js";import{d as A}from"./p-CkIELF-1.js";import{d as D}from"./p-3VG6z9c3.js";import{d as B}from"./p-Dwe6tWhq.js";import{d as M}from"./p-Dl_YKIKl.js";import{d as R}from"./p-1KOHyx-1.js";import{c as O,g as F,H as q}from"./p-BWknDysp.js";const L=e(class extends(t(...C,g)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",6),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";watchValuePropHandler(e){this.onInput(e)}format="TT";minTime;maxTime;watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}required;helperText;label;invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorTimeUnparsable="Time is not valid";hourInterval=1;minuteInterval=1;secondInterval=1;millisecondInterval=100;i18nSelectTime="Confirm";i18nTime="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";suppressSubmitOnEnter=!1;hideHeader=!1;textAlignment="start";enableTopLayer=!1;ariaLabelTimeToggleButton="Toggle time picker";valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;time=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=z();slotEndRef=z();timePickerRef=z();inputElementRef=z();dropdownElementRef=z();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;handleInputKeyDown(e){"ArrowDown"===e.key&&(this.show=!0,H((()=>{const e=this.timePickerRef.current?.shadowRoot?.querySelector('button[tabindex="0"]');e?.focus()}))),s(e,this,this.value),h(e,this.suppressSubmitOnEnter,this.formInternals.form)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e}connectedCallback(){this.classObserver=O(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){if(!this.value){const e=l.now();e.isValid&&(this.value=e.toFormat(this.format))}this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isWithinConfiguredBounds(e){const t=e.startOf("day"),{min:o,max:r}=f(this.minTime,this.maxTime,this.format,t);return x(e,o,r)}syncPickerTimeFromValue(){const e=this.value?.trim()??"";this.time=e&&l.fromFormat(e,this.format).isValid?e:null}validateNonEmptyValue(e){if(!this.format)return null;const t=l.fromFormat(e,this.format);return t.isValid&&this.isWithinConfiguredBounds(t)?{isInputInvalid:!1,invalidReason:void 0}:{isInputInvalid:!0,invalidReason:t.isValid?"customError":t.invalidReason??void 0}}revalidateCurrentValue(){if(!this.value)return;const e=this.validateNonEmptyValue(this.value);e&&(this.isInputInvalid=e.isInputInvalid,this.invalidReason=e.invalidReason,this.emitValidityStateChangeIfChanged(),this.syncPickerTimeFromValue())}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),void this.syncPickerTimeFromValue();const t=this.validateNonEmptyValue(e);t?(this.isInputInvalid=t.isInputInvalid,this.invalidReason=t.invalidReason,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),this.syncPickerTimeFromValue()):this.syncPickerTimeFromValue()}onTimeIconClick(e){k(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.syncPickerTimeFromValue(),w(this.dropdownElementRef)}async closeDropdown(){return T(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}renderInput(){return r("div",{class:"input-wrapper"},r(m,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},style:{textAlign:this.textAlignment},disabled:this.disabled,readOnly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value,placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.initialValue=this.value,this.ixFocus.emit()},onBlur:()=>{p(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e)}),r(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{tabindex:-1,ref:e=>E(e,-1),"data-testid":"open-time-picker",class:{"time-icon-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:a,onClick:e=>this.onTimeIconClick(e),"aria-label":this.ariaLabelTimeToggleButton,"aria-expanded":this.show})))}hookValidationLifecycle({isInfo:e,isInvalid:t,isInvalidByRequired:o,isValid:r,isWarning:i}){this.isInvalid=t||o||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=i}emitValidityStateChangeIfChanged(){return v(this)}getValidityState(){return Promise.resolve(I(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const e=F(this.isInputInvalid,this.invalidText,this.i18nErrorTimeUnparsable);return r(i,{key:"ad852f1bdf16618d065d1fbab17420c11b3e5915",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:()=>{this.closeDropdown()}},r("ix-field-wrapper",{key:"cf0d1f5e6fef2a1391ca1fb9b748eb7c75af3d18",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),r("ix-dropdown",{key:"51ba0327ea62439e121ffbc1f6aa8a6a69564481","data-testid":"time-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:e=>{this.show=e.detail},focusTrapOptions:{targetElement:this.timePickerRef,trapFocusInShadowDom:!0}},r("ix-time-picker",{key:"9d994dfdd9b7d58ba305dcff031397a3486a5d64",ref:this.timePickerRef,format:this.format,time:this.time??"",minTime:this.minTime,maxTime:this.maxTime,hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval,embedded:!0,hideHeader:this.hideHeader,i18nConfirmTime:this.i18nSelectTime,i18nHeader:this.i18nTime,i18nHourColumnHeader:this.i18nHourColumnHeader,i18nSecondColumnHeader:this.i18nSecondColumnHeader,i18nMinuteColumnHeader:this.i18nMinuteColumnHeader,i18nMillisecondColumnHeader:this.i18nMillisecondColumnHeader,onTimeSelect:e=>{this.onInput(e.detail),this.initialValue!==e.detail&&(this.ixChange.emit(e.detail),this.initialValue=e.detail),this.show=!1}})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .time-icon-hidden{display:none}:host(.readonly) input{pointer-events:none}.input-wrapper{position:relative}'}},[593,"ix-time-input",{name:[513],placeholder:[513],value:[1537],format:[1],minTime:[1,"min-time"],maxTime:[1,"max-time"],required:[4],helperText:[1,"helper-text"],label:[1],invalidText:[513,"invalid-text"],readonly:[4],disabled:[4],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorTimeUnparsable:[1,"i18n-error-time-unparsable"],hourInterval:[2,"hour-interval"],minuteInterval:[2,"minute-interval"],secondInterval:[2,"second-interval"],millisecondInterval:[2,"millisecond-interval"],i18nSelectTime:[1,"i18n-select-time"],i18nTime:[1,"i18n-time"],i18nHourColumnHeader:[1,"i18n-hour-column-header"],i18nMinuteColumnHeader:[1,"i18n-minute-column-header"],i18nSecondColumnHeader:[1,"i18n-second-column-header"],i18nMillisecondColumnHeader:[1,"i18n-millisecond-column-header"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],hideHeader:[4,"hide-header"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],ariaLabelTimeToggleButton:[1,"aria-label-time-toggle-button"],show:[32],time:[32],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],focus:[32],openPicker:[64],hasValidValue:[64],getAssociatedFormElement:[64],getValidityState:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}]);!function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)}([q()],L.prototype,"hookValidationLifecycle",null);const W=L,K=function(){"undefined"!=typeof customElements&&["ix-time-input","ix-button","ix-date-time-card","ix-dropdown","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-time-picker","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-time-input":customElements.get(n(e))||customElements.define(n(e),L);break;case"ix-button":customElements.get(n(e))||j();break;case"ix-date-time-card":customElements.get(n(e))||S();break;case"ix-dropdown":customElements.get(n(e))||V();break;case"ix-field-label":customElements.get(n(e))||P();break;case"ix-field-wrapper":customElements.get(n(e))||A();break;case"ix-icon-button":customElements.get(n(e))||D();break;case"ix-spinner":customElements.get(n(e))||B();break;case"ix-time-picker":customElements.get(n(e))||y();break;case"ix-tooltip":customElements.get(n(e))||M();break;case"ix-typography":customElements.get(n(e))||R()}}))};export{W as IxTimeInput,K as defineCustomElement}
|
|
1
|
+
import{p as e,M as t,e as o,h as r,d as i,t as n}from"./p-eN5fQtqO.js";import{$ as a}from"./p-DsVj4Cd-.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,j as s,h,a as c,b,S as u,o as p,d as m,e as v}from"./p-BDnx22Gp.js";import{g as x,i as f,d as y}from"./p-snX1FfdL.js";import{I as g,h as k,o as w,c as T,a as I}from"./p-CTbTAb9U.js";import{D as C}from"./p-CApDAYIa.js";import{m as z}from"./p-Djkc69iv.js";import{r as E}from"./p-BEuV0Xpe.js";import{f as H}from"./p-C21npbUc.js";import{d as j}from"./p-CRtj-KBq.js";import{d as S}from"./p-DiYkfhDE.js";import{d as V}from"./p-CLDB-pmj.js";import{d as D}from"./p-BGOtCwtj.js";import{d as P}from"./p-eGuQ8D3W.js";import{d as A}from"./p-DdlGyKd2.js";import{d as B}from"./p-D7sEY2UQ.js";import{d as R}from"./p-CgPr717U.js";import{d as F}from"./p-YFmbQndr.js";import{c as M,g as q,H as L}from"./p-BTBxxgtF.js";const O=e(class extends(t(...C,g)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",6),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";watchValuePropHandler(e){this.onInput(e)}format="TT";minTime;maxTime;watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}required;helperText;label;invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorTimeUnparsable="Time is not valid";hourInterval=1;minuteInterval=1;secondInterval=1;millisecondInterval=100;i18nSelectTime="Confirm";i18nTime="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";suppressSubmitOnEnter=!1;hideHeader=!1;textAlignment="start";enableTopLayer=!1;ariaLabelTimeToggleButton="Toggle time picker";valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;time=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=z();slotEndRef=z();timePickerRef=z();inputElementRef=z();dropdownElementRef=z();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;handleInputKeyDown(e){"ArrowDown"===e.key&&(this.show=!0,E((()=>{const e=this.timePickerRef.current?.shadowRoot?.querySelector('button[tabindex="0"]');e?.focus()}))),s(e,this,this.value),h(e,this.suppressSubmitOnEnter,this.formInternals.form)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e}connectedCallback(){this.classObserver=M(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){if(!this.value){const e=l.now();e.isValid&&(this.value=e.toFormat(this.format))}this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isWithinConfiguredBounds(e){const t=e.startOf("day"),{min:o,max:r}=x(this.minTime,this.maxTime,this.format,t);return f(e,o,r)}syncPickerTimeFromValue(){const e=this.value?.trim()??"";this.time=e&&l.fromFormat(e,this.format).isValid?e:null}validateNonEmptyValue(e){if(!this.format)return null;const t=l.fromFormat(e,this.format);return t.isValid&&this.isWithinConfiguredBounds(t)?{isInputInvalid:!1,invalidReason:void 0}:{isInputInvalid:!0,invalidReason:t.isValid?"customError":t.invalidReason??void 0}}revalidateCurrentValue(){if(!this.value)return;const e=this.validateNonEmptyValue(this.value);e&&(this.isInputInvalid=e.isInputInvalid,this.invalidReason=e.invalidReason,this.emitValidityStateChangeIfChanged(),this.syncPickerTimeFromValue())}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),void this.syncPickerTimeFromValue();const t=this.validateNonEmptyValue(e);t?(this.isInputInvalid=t.isInputInvalid,this.invalidReason=t.invalidReason,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),this.syncPickerTimeFromValue()):this.syncPickerTimeFromValue()}onTimeIconClick(e){k(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.syncPickerTimeFromValue(),w(this.dropdownElementRef)}async closeDropdown(){return T(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}renderInput(){return r("div",{class:"input-wrapper"},r(m,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},style:{textAlign:this.textAlignment},disabled:this.disabled,readOnly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value,placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.initialValue=this.value,this.ixFocus.emit()},onBlur:()=>{p(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e)}),r(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{tabindex:-1,ref:e=>H(e,-1),"data-testid":"open-time-picker",class:{"time-icon-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:a,onClick:e=>this.onTimeIconClick(e),"aria-label":this.ariaLabelTimeToggleButton,"aria-expanded":this.show})))}hookValidationLifecycle({isInfo:e,isInvalid:t,isInvalidByRequired:o,isValid:r,isWarning:i}){this.isInvalid=t||o||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=i}emitValidityStateChangeIfChanged(){return v(this)}getValidityState(){return Promise.resolve(I(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const e=q(this.isInputInvalid,this.invalidText,this.i18nErrorTimeUnparsable);return r(i,{key:"efe1cbc9df92596227d70edfb368a4a7695794fa",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:()=>{this.closeDropdown()}},r("ix-field-wrapper",{key:"08967e192b1e3b4c30d822373d8090c18b7db2e1",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),r("ix-dropdown",{key:"336fec1ee4b2f222be22de2e4ad72e9a7659b8ff","data-testid":"time-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:e=>{this.show=e.detail},focusTrapOptions:{targetElement:this.timePickerRef,trapFocusInShadowDom:!0}},r("ix-time-picker",{key:"219accc28fa595836b21d809755c163bd42d10db",ref:this.timePickerRef,format:this.format,time:this.time??"",minTime:this.minTime,maxTime:this.maxTime,hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval,embedded:!0,hideHeader:this.hideHeader,i18nConfirmTime:this.i18nSelectTime,i18nHeader:this.i18nTime,i18nHourColumnHeader:this.i18nHourColumnHeader,i18nSecondColumnHeader:this.i18nSecondColumnHeader,i18nMinuteColumnHeader:this.i18nMinuteColumnHeader,i18nMillisecondColumnHeader:this.i18nMillisecondColumnHeader,onTimeSelect:e=>{this.onInput(e.detail),this.initialValue!==e.detail&&(this.ixChange.emit(e.detail),this.initialValue=e.detail),this.show=!1}})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .time-icon-hidden{display:none}:host(.readonly) input{pointer-events:none}.input-wrapper{position:relative}'}},[593,"ix-time-input",{name:[513],placeholder:[513],value:[1537],format:[1],minTime:[1,"min-time"],maxTime:[1,"max-time"],required:[4],helperText:[1,"helper-text"],label:[1],invalidText:[513,"invalid-text"],readonly:[4],disabled:[4],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorTimeUnparsable:[1,"i18n-error-time-unparsable"],hourInterval:[2,"hour-interval"],minuteInterval:[2,"minute-interval"],secondInterval:[2,"second-interval"],millisecondInterval:[2,"millisecond-interval"],i18nSelectTime:[1,"i18n-select-time"],i18nTime:[1,"i18n-time"],i18nHourColumnHeader:[1,"i18n-hour-column-header"],i18nMinuteColumnHeader:[1,"i18n-minute-column-header"],i18nSecondColumnHeader:[1,"i18n-second-column-header"],i18nMillisecondColumnHeader:[1,"i18n-millisecond-column-header"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],hideHeader:[4,"hide-header"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],ariaLabelTimeToggleButton:[1,"aria-label-time-toggle-button"],show:[32],time:[32],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],focus:[32],openPicker:[64],hasValidValue:[64],getAssociatedFormElement:[64],getValidityState:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}]);!function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)}([L()],O.prototype,"hookValidationLifecycle",null);const W=O,U=function(){"undefined"!=typeof customElements&&["ix-time-input","ix-button","ix-date-time-card","ix-dropdown","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-time-picker","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-time-input":customElements.get(n(e))||customElements.define(n(e),O);break;case"ix-button":customElements.get(n(e))||j();break;case"ix-date-time-card":customElements.get(n(e))||S();break;case"ix-dropdown":customElements.get(n(e))||V();break;case"ix-field-label":customElements.get(n(e))||D();break;case"ix-field-wrapper":customElements.get(n(e))||P();break;case"ix-icon-button":customElements.get(n(e))||A();break;case"ix-spinner":customElements.get(n(e))||B();break;case"ix-time-picker":customElements.get(n(e))||y();break;case"ix-tooltip":customElements.get(n(e))||R();break;case"ix-typography":customElements.get(n(e))||F()}}))};export{W as IxTimeInput,U as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{T as
|
|
1
|
+
import{T as s,d as o}from"./p-snX1FfdL.js";const p=s,r=o;export{p as IxTimePicker,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as o,h as r,d as s,t as e}from"./p-
|
|
1
|
+
import{p as t,H as o,h as r,d as s,t as e}from"./p-eN5fQtqO.js";import{T as a}from"./p-CWshStHZ.js";import{d as i}from"./p-DdlGyKd2.js";import{d as n}from"./p-D7sEY2UQ.js";import{d as c}from"./p-DmtgI24u.js";import{d as h}from"./p-YFmbQndr.js";const b=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}position="bottom-right";async showToast(t){const r=document.createElement("ix-toast"),s=new a;function e(t){r.remove(),s.emit(t)}return r.toastTitle=t.title,r.type=t.type??"info",r.preventAutoClose=!1===t.autoClose,r.autoCloseDelay=t.autoCloseDelay??5e3,r.icon=t.icon,r.iconColor=t.iconColor,r.hideIcon=t.hideIcon??!1,r.addEventListener("closeToast",(t=>{const{detail:o}=t;e(o)})),t.message&&("string"==typeof t.message?r.innerText=t.message:r.appendChild(t.message)),t.action&&t.action instanceof o&&(t.action.slot="action",r.appendChild(t.action)),this.hostElement.appendChild(r),{onClose:s,close:t=>{e(t)},pause:()=>{r.pause()},resume:()=>{r.resume()},isPaused:()=>r.isPaused()}}render(){return r(s,{key:"2b7b81cc4a3cbef019ea2e3d80289932f851d1ad",class:{"toast-container--bottom-right":"bottom-right"===this.position,"toast-container--top-right":"top-right"===this.position}},r("slot",{key:"8782fca12768a3a18aa03b480e06fa01a8f35968"}))}static get style(){return":host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host{display:block;position:fixed;z-index:var(--theme-z-index-toast)}:host ::slotted(*:not(:last-child)){margin-block-end:1rem}:host(.toast-container--top-right){right:1rem;top:2rem}:host(.toast-container--bottom-right){right:1rem;bottom:2rem}"}},[769,"ix-toast-container",{position:[1],showToast:[64]}]),m=b,l=function(){"undefined"!=typeof customElements&&["ix-toast-container","ix-icon-button","ix-spinner","ix-toast","ix-typography"].forEach((t=>{switch(t){case"ix-toast-container":customElements.get(e(t))||customElements.define(e(t),b);break;case"ix-icon-button":customElements.get(e(t))||i();break;case"ix-spinner":customElements.get(e(t))||n();break;case"ix-toast":customElements.get(e(t))||c();break;case"ix-typography":customElements.get(e(t))||h()}}))};export{m as IxToastContainer,l as defineCustomElement}
|
package/components/ix-toast.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{T as o,d as s}from"./p-
|
|
1
|
+
import{T as o,d as s}from"./p-DmtgI24u.js";const t=o,m=s;export{t as IxToast,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,M as e,e as t,h as o,d as a,t as d}from"./p-CtDOTMOT.js";import{B as i}from"./p-DM7ma3Eh.js";import{g as n,a as b}from"./p-C21npbUc.js";import{D as s}from"./p-CApDAYIa.js";import{I as l}from"./p-BST8QY5w.js";import{d as c}from"./p-Dwe6tWhq.js";const h=r(class extends(e(...s,l)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow(),this.pressedChange=t(this,"pressedChange",7)}get hostElement(){return this}variant="subtle-primary";disabled=!1;loading=!1;icon;iconRight;pressed=!1;pressedChange;dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}render(){const r={variant:this.variant,iconOnly:!1,iconOval:!1,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,iconRight:this.iconRight,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{...this.inheritAriaAttributes,"aria-pressed":b(this.pressed),"aria-label":this.inheritAriaAttributes["aria-label"]??n(this.icon)}};return o(a,{key:"128350f4501a9f4eb89c6510edafe59c00a0b1e8",class:{disabled:this.disabled||this.loading}},o(i,{key:"9dc929b6fa46e7260b5504b2627c94c794916ad5",...r},o("slot",{key:"b98585200dbee6bfdda03aa1d06243e72106c3e7"})))}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}]}}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{display:inline-block;height:2rem;width:auto;min-width:5rem;vertical-align:middle}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .btn{width:100%;height:100%}:host button:not(:disabled){cursor:pointer}:host(.disabled){pointer-events:none}"}},[769,"ix-toggle-button",{variant:[1],disabled:[516],loading:[4],icon:[1],iconRight:[1,"icon-right"],pressed:[4],inheritAriaAttributes:[32]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}]}]),u=h,v=function(){"undefined"!=typeof customElements&&["ix-toggle-button","ix-spinner"].forEach((r=>{switch(r){case"ix-toggle-button":customElements.get(d(r))||customElements.define(d(r),h);break;case"ix-spinner":customElements.get(d(r))||c()}}))};export{u as IxToggleButton,v as defineCustomElement}
|
|
1
|
+
import{p as r,M as e,e as t,h as o,d as a,t as d}from"./p-eN5fQtqO.js";import{B as i}from"./p-BQ-hS49k.js";import{g as n,a as b}from"./p-C21npbUc.js";import{D as s}from"./p-CApDAYIa.js";import{I as l}from"./p-BST8QY5w.js";import{d as c}from"./p-D7sEY2UQ.js";const h=r(class extends(e(...s,l)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow(),this.pressedChange=t(this,"pressedChange",7)}get hostElement(){return this}variant="subtle-primary";disabled=!1;loading=!1;icon;iconRight;pressed=!1;pressedChange;dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}render(){const r={variant:this.variant,iconOnly:!1,iconOval:!1,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,iconRight:this.iconRight,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{...this.inheritAriaAttributes,"aria-pressed":b(this.pressed),"aria-label":this.inheritAriaAttributes["aria-label"]??n(this.icon)}};return o(a,{key:"128350f4501a9f4eb89c6510edafe59c00a0b1e8",class:{disabled:this.disabled||this.loading}},o(i,{key:"9dc929b6fa46e7260b5504b2627c94c794916ad5",...r},o("slot",{key:"b98585200dbee6bfdda03aa1d06243e72106c3e7"})))}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}]}}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{display:inline-block;height:2rem;width:auto;min-width:5rem;vertical-align:middle}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .btn{width:100%;height:100%}:host button:not(:disabled){cursor:pointer}:host(.disabled){pointer-events:none}"}},[769,"ix-toggle-button",{variant:[1],disabled:[516],loading:[4],icon:[1],iconRight:[1,"icon-right"],pressed:[4],inheritAriaAttributes:[32]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}]}]),u=h,v=function(){"undefined"!=typeof customElements&&["ix-toggle-button","ix-spinner"].forEach((r=>{switch(r){case"ix-toggle-button":customElements.get(d(r))||customElements.define(d(r),h);break;case"ix-spinner":customElements.get(d(r))||c()}}))};export{u as IxToggleButton,v as defineCustomElement}
|
package/components/ix-toggle.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as r,e as t,h as o,d as i,t as a}from"./p-CtDOTMOT.js";import{a as h}from"./p-C21npbUc.js";import{D as c}from"./p-CApDAYIa.js";import{I as d}from"./p-BST8QY5w.js";import{d as b}from"./p-1KOHyx-1.js";import{H as n}from"./p-BWknDysp.js";const m=e(class extends(r(...c,d)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=t(this,"checkedChange",7),this.valueChange=t(this,"valueChange",7),this.ixBlur=t(this,"ixBlur",7),this.formInternals=this.attachInternals()}formInternals;get hostElement(){return this}name;value="on";checked=!1;disabled=!1;indeterminate=!1;textOn="On";textOff="Off";textIndeterminate="Mixed";hideText=!1;required=!1;checkedChange;valueChange;ixBlur;touched=!1;onCheckedChange(e){if(this.disabled)return;const r=this.indeterminate,t=this.checked;this.indeterminate&&(this.indeterminate=!1),this.checked=e;const{defaultPrevented:o}=this.checkedChange.emit(this.checked);o&&(this.indeterminate=r,this.checked=t)}componentWillLoad(){super.componentWillLoad(),this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value:null)}watchCheckedChange(){this.touched=!0,this.updateFormInternalValue()}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}resolveAriaLabel(){if(!this.inheritAriaAttributes["aria-labelledby"])return this.inheritAriaAttributes["aria-label"]}render(){let e=this.textOff;this.checked&&(e=this.textOn),this.indeterminate&&(e=this.textIndeterminate);const r=this.resolveAriaLabel(),t=this.indeterminate?"mixed":h(this.checked);return o(i,{key:"41d91ada6ad7f8f0000ff5c636274df99b5bcec3",...this.inheritAriaAttributes,role:"switch",tabindex:this.disabled?-1:0,"aria-label":r,"aria-checked":t,"aria-disabled":h(this.disabled),"aria-required":h(this.required),class:{disabled:this.disabled},onBlur:()=>this.ixBlur.emit(),onFocus:()=>this.touched=!0,onKeyDown:e=>{this.disabled||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.onCheckedChange(!this.checked))},onClick:()=>{this.disabled||this.onCheckedChange(!this.checked)}},o("div",{key:"d712114dae9e0316346e6fb20b3ae28678308788",class:"wrapper"},o("div",{key:"433f2624d9b2b619961a893c5ca4c13f628fa3a6",class:{switch:!0,checked:this.checked,indeterminate:this.indeterminate},"aria-hidden":"true"},o("div",{key:"02272dc7dad538380fe15e57835ac470e1327c4e",class:"slider"})),!this.hideText&&o("ix-typography",{key:"1917d18ba54dbcacb7995dafa45082d3ce7bc36d",class:"label","aria-hidden":"true"},e)))}static get formAssociated(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],checked:[{watchCheckedChange:0}]}}static get style(){return':host{display:inline-flex;flex-direction:row;position:relative;min-height:1.5rem;max-height:calc(100% - 0.5rem);margin-block-start:0.25rem;margin-block-end:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;max-height:100%}:host .label{word-break:break-word;display:block;white-space:normal;overflow:hidden;margin-block-start:0.125rem;margin-inline-start:0.5rem;min-height:1rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color)}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover);border:1px solid var(--theme-switch-thumb-off--border-color--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active);border:1px solid var(--theme-switch-thumb-off--border-color--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked>.slider:before{border:1px solid var(--theme-switch-thumb-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover);border:1px solid var(--theme-switch-thumb-on--border-color--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active);border:1px solid var(--theme-switch-thumb-on--border-color--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:focus),:host(:focus-visible){outline:none}:host(:not(.disabled):focus-visible) .switch>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-valid:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--valid );--theme-switch-off--background--hover:var( --theme-switch-off--background--valid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--valid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--valid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--valid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--valid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--valid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--valid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--valid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--valid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--valid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--valid--active );--theme-switch-on--background:var( --theme-switch-on--background--valid );--theme-switch-on--background--hover:var( --theme-switch-on--background--valid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--valid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--valid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--valid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--valid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--valid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--valid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--valid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--valid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--valid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--valid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--valid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--valid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--valid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--valid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--valid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--valid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--valid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--valid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--valid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--valid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--valid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--valid--active )}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--info );--theme-switch-off--background--hover:var( --theme-switch-off--background--info--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--info--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--info );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--info--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--info--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--info );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--info--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--info--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--info );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--info--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--info--active );--theme-switch-on--background:var( --theme-switch-on--background--info );--theme-switch-on--background--hover:var( --theme-switch-on--background--info--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--info--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--info );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--info--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--info--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--info );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--info--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--info--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--info );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--info--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--info--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--info );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--info--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--info--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--info );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--info--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--info--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--info );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--info--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--info--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--info );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--info--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--info--active )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--warning );--theme-switch-off--background--hover:var( --theme-switch-off--background--warning--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--warning--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--warning );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--warning--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--warning--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--warning );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--warning--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--warning--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--warning );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--warning--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--warning--active );--theme-switch-on--background:var( --theme-switch-on--background--warning );--theme-switch-on--background--hover:var( --theme-switch-on--background--warning--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--warning--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--warning );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--warning--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--warning--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--warning );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--warning--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--warning--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--warning );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--warning--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--warning--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--warning );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--warning--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--warning--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--warning );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--warning--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--warning--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--warning );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--warning--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--warning--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--warning );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--warning--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--warning--active )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--invalid );--theme-switch-off--background--hover:var( --theme-switch-off--background--invalid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--invalid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--invalid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--invalid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--invalid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--invalid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--invalid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--invalid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--invalid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--invalid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--invalid--active );--theme-switch-on--background:var( --theme-switch-on--background--invalid );--theme-switch-on--background--hover:var( --theme-switch-on--background--invalid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--invalid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--invalid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--invalid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--invalid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--invalid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--invalid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--invalid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--invalid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--invalid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--invalid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--invalid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--invalid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--invalid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--invalid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--invalid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--invalid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--invalid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--invalid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--invalid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--invalid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--invalid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--invalid--active )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--invalid );--theme-switch-off--background--hover:var( --theme-switch-off--background--invalid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--invalid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--invalid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--invalid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--invalid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--invalid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--invalid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--invalid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--invalid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--invalid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--invalid--active );--theme-switch-on--background:var( --theme-switch-on--background--invalid );--theme-switch-on--background--hover:var( --theme-switch-on--background--invalid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--invalid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--invalid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--invalid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--invalid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--invalid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--invalid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--invalid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--invalid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--invalid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--invalid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--invalid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--invalid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--invalid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--invalid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--invalid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--invalid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--invalid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--invalid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--invalid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--invalid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--invalid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--invalid--active )}'}},[577,"ix-toggle",{name:[513],value:[513],checked:[1540],disabled:[4],indeterminate:[1540],textOn:[1,"text-on"],textOff:[1,"text-off"],textIndeterminate:[1,"text-indeterminate"],hideText:[4,"hide-text"],required:[516],inheritAriaAttributes:[32],hasValidValue:[64],getAssociatedFormElement:[64],isTouched:[64]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],checked:[{watchCheckedChange:0}]}]);!function(e,r,t,o){var i,a=arguments.length,h=a<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(e,r,t,o);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(h=(a<3?i(h):a>3?i(r,t,h):i(r,t))||h);a>3&&h&&Object.defineProperty(r,t,h)}([n()],m.prototype,"updateClassMappings",null);const s=m,v=function(){"undefined"!=typeof customElements&&["ix-toggle","ix-typography"].forEach((e=>{switch(e){case"ix-toggle":customElements.get(a(e))||customElements.define(a(e),m);break;case"ix-typography":customElements.get(a(e))||b()}}))};export{s as IxToggle,v as defineCustomElement}
|
|
1
|
+
import{p as e,M as r,e as t,h as o,d as i,t as a}from"./p-eN5fQtqO.js";import{a as h}from"./p-C21npbUc.js";import{D as c}from"./p-CApDAYIa.js";import{I as d}from"./p-BST8QY5w.js";import{d as b}from"./p-YFmbQndr.js";import{H as n}from"./p-BTBxxgtF.js";const m=e(class extends(r(...c,d)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=t(this,"checkedChange",7),this.valueChange=t(this,"valueChange",7),this.ixBlur=t(this,"ixBlur",7),this.formInternals=this.attachInternals()}formInternals;get hostElement(){return this}name;value="on";checked=!1;disabled=!1;indeterminate=!1;textOn="On";textOff="Off";textIndeterminate="Mixed";hideText=!1;required=!1;checkedChange;valueChange;ixBlur;touched=!1;onCheckedChange(e){if(this.disabled)return;const r=this.indeterminate,t=this.checked;this.indeterminate&&(this.indeterminate=!1),this.checked=e;const{defaultPrevented:o}=this.checkedChange.emit(this.checked);o&&(this.indeterminate=r,this.checked=t)}componentWillLoad(){super.componentWillLoad(),this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value:null)}watchCheckedChange(){this.touched=!0,this.updateFormInternalValue()}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}resolveAriaLabel(){if(!this.inheritAriaAttributes["aria-labelledby"])return this.inheritAriaAttributes["aria-label"]}render(){let e=this.textOff;this.checked&&(e=this.textOn),this.indeterminate&&(e=this.textIndeterminate);const r=this.resolveAriaLabel(),t=this.indeterminate?"mixed":h(this.checked);return o(i,{key:"dcc719533d7ebad6ebfc175db7fcce81ca432f6c",...this.inheritAriaAttributes,role:"switch",tabindex:this.disabled?-1:0,"aria-label":r,"aria-checked":t,"aria-disabled":h(this.disabled),"aria-required":h(this.required),class:{disabled:this.disabled},onBlur:()=>this.ixBlur.emit(),onFocus:()=>this.touched=!0,onKeyDown:e=>{this.disabled||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.onCheckedChange(!this.checked))},onClick:()=>{this.disabled||this.onCheckedChange(!this.checked)}},o("div",{key:"86cac25e18858e76e535df0c0a66e94dc5ca4c30",class:"wrapper"},o("div",{key:"63eb080dd311b49c211e57abc8b1b5830a8fb81c",class:{switch:!0,checked:this.checked,indeterminate:this.indeterminate},"aria-hidden":"true"},o("div",{key:"a2f46d4412c3f51d93ffe20d9e8e7681c50f2fa8",class:"slider"})),!this.hideText&&o("ix-typography",{key:"8ed5848b4641a0152b937e8e3fdb9ce4d45ff1d3",class:"label","aria-hidden":"true"},e)))}static get formAssociated(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],checked:[{watchCheckedChange:0}]}}static get style(){return':host{display:inline-flex;flex-direction:row;position:relative;min-height:1.5rem;max-height:calc(100% - 0.5rem);margin-block-start:0.25rem;margin-block-end:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;max-height:100%}:host .label{word-break:break-word;display:block;white-space:normal;overflow:hidden;margin-block-start:0.125rem;margin-inline-start:0.5rem;min-height:1rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color)}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover);border:1px solid var(--theme-switch-thumb-off--border-color--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active);border:1px solid var(--theme-switch-thumb-off--border-color--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked>.slider:before{border:1px solid var(--theme-switch-thumb-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover);border:1px solid var(--theme-switch-thumb-on--border-color--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active);border:1px solid var(--theme-switch-thumb-on--border-color--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:focus),:host(:focus-visible){outline:none}:host(:not(.disabled):focus-visible) .switch>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-valid:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--valid );--theme-switch-off--background--hover:var( --theme-switch-off--background--valid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--valid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--valid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--valid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--valid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--valid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--valid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--valid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--valid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--valid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--valid--active );--theme-switch-on--background:var( --theme-switch-on--background--valid );--theme-switch-on--background--hover:var( --theme-switch-on--background--valid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--valid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--valid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--valid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--valid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--valid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--valid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--valid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--valid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--valid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--valid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--valid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--valid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--valid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--valid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--valid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--valid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--valid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--valid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--valid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--valid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--valid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--valid--active )}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--info );--theme-switch-off--background--hover:var( --theme-switch-off--background--info--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--info--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--info );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--info--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--info--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--info );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--info--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--info--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--info );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--info--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--info--active );--theme-switch-on--background:var( --theme-switch-on--background--info );--theme-switch-on--background--hover:var( --theme-switch-on--background--info--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--info--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--info );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--info--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--info--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--info );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--info--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--info--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--info );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--info--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--info--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--info );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--info--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--info--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--info );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--info--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--info--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--info );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--info--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--info--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--info );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--info--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--info--active )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--warning );--theme-switch-off--background--hover:var( --theme-switch-off--background--warning--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--warning--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--warning );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--warning--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--warning--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--warning );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--warning--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--warning--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--warning );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--warning--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--warning--active );--theme-switch-on--background:var( --theme-switch-on--background--warning );--theme-switch-on--background--hover:var( --theme-switch-on--background--warning--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--warning--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--warning );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--warning--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--warning--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--warning );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--warning--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--warning--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--warning );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--warning--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--warning--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--warning );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--warning--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--warning--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--warning );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--warning--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--warning--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--warning );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--warning--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--warning--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--warning );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--warning--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--warning--active )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--invalid );--theme-switch-off--background--hover:var( --theme-switch-off--background--invalid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--invalid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--invalid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--invalid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--invalid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--invalid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--invalid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--invalid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--invalid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--invalid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--invalid--active );--theme-switch-on--background:var( --theme-switch-on--background--invalid );--theme-switch-on--background--hover:var( --theme-switch-on--background--invalid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--invalid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--invalid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--invalid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--invalid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--invalid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--invalid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--invalid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--invalid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--invalid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--invalid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--invalid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--invalid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--invalid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--invalid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--invalid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--invalid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--invalid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--invalid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--invalid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--invalid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--invalid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--invalid--active )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--invalid );--theme-switch-off--background--hover:var( --theme-switch-off--background--invalid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--invalid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--invalid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--invalid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--invalid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--invalid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--invalid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--invalid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--invalid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--invalid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--invalid--active );--theme-switch-on--background:var( --theme-switch-on--background--invalid );--theme-switch-on--background--hover:var( --theme-switch-on--background--invalid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--invalid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--invalid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--invalid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--invalid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--invalid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--invalid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--invalid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--invalid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--invalid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--invalid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--invalid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--invalid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--invalid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--invalid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--invalid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--invalid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--invalid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--invalid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--invalid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--invalid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--invalid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--invalid--active )}'}},[577,"ix-toggle",{name:[513],value:[513],checked:[1540],disabled:[4],indeterminate:[1540],textOn:[1,"text-on"],textOff:[1,"text-off"],textIndeterminate:[1,"text-indeterminate"],hideText:[4,"hide-text"],required:[516],inheritAriaAttributes:[32],hasValidValue:[64],getAssociatedFormElement:[64],isTouched:[64]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],checked:[{watchCheckedChange:0}]}]);!function(e,r,t,o){var i,a=arguments.length,h=a<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(e,r,t,o);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(h=(a<3?i(h):a>3?i(r,t,h):i(r,t))||h);a>3&&h&&Object.defineProperty(r,t,h)}([n()],m.prototype,"updateClassMappings",null);const s=m,v=function(){"undefined"!=typeof customElements&&["ix-toggle","ix-typography"].forEach((e=>{switch(e){case"ix-toggle":customElements.get(a(e))||customElements.define(a(e),m);break;case"ix-typography":customElements.get(a(e))||b()}}))};export{s as IxToggle,v as defineCustomElement}
|
package/components/ix-tooltip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{T as o,d as
|
|
1
|
+
import{T as o,d as r}from"./p-CgPr717U.js";const s=o,p=r;export{s as IxTooltip,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{T as o,d as
|
|
1
|
+
import{T as o,d as p}from"./p-DpvAVNqZ.js";const s=o,r=p;export{s as IxTreeItem,r as defineCustomElement}
|
package/components/ix-tree.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as i,e,h as s,d as o,t as h}from"./p-CtDOTMOT.js";import{d as n}from"./p-BbwShqw_.js";import{r,d as c}from"./p-D5rshXh5.js";import{d as l}from"./p-DwmHytZi.js";const d=t=>!Number.isNaN(Number(t));class a{_config;_lastRepaint;_maxElementHeight;_renderAnimationFrame;_averageHeight;_scrollListener=null;_pendingRender=!1;static defaultConfig={width:"100%",height:"100%"};_element;_scroller;_itemHeights;_containerSize;_scrollPaddingBottom;_scrollPaddingTop;_scrollHeight;_itemPositions;_screenItemsLen;_lastFrom;_cachedItemsLen;static create(t,i=a.defaultConfig){return new a(t,i)}static mergeStyle(t,i){for(let e in i)t.style[e]!==i[e]&&(t.style[e]=i[e])}static getMaxBrowserHeight(){const t=document.createElement("div"),i=document.createElement("div");a.mergeStyle(t,{position:"absolute",height:"1px",opacity:0}),a.mergeStyle(i,{height:"1e7px"}),t.appendChild(i),document.body.appendChild(t);const e=i.offsetHeight;return document.body.removeChild(t),e}constructor(t,i){this._lastRepaint=null,this._maxElementHeight=a.getMaxBrowserHeight(),this.refresh(t,i);const e=this._config,s=()=>{this._pendingRender=!1;const t=this._getScrollPosition(),i=this._lastRepaint;if(t===i)return;const s=i?t-i:0;if(!i||s<0||s>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t,!1!==i&&"function"==typeof e.afterRender&&e.afterRender()}},o=e.scrollContainer||t;this._scrollListener=()=>{this._pendingRender||(this._pendingRender=!0,this._renderAnimationFrame=window.requestAnimationFrame(s))},o.addEventListener("scroll",this._scrollListener,{passive:!0}),s()}destroy(){this._renderAnimationFrame&&window.cancelAnimationFrame(this._renderAnimationFrame);const t=this._config,i=t?.scrollContainer||this._element;this._scrollListener&&i&&i.removeEventListener("scroll",this._scrollListener)}refresh(t,i=a.defaultConfig){const e=this._config?.scrollContainer||this._element;if(this._scrollListener&&e&&e.removeEventListener("scroll",this._scrollListener),this._config=i,!t||1!==t.nodeType)throw Error("HyperList requires a valid DOM Node container");this._element=t;const s=this._config,o=this._scroller||s.scroller||document.createElement(s.scrollerTagName||"tr");if("boolean"!=typeof s.useFragment&&(this._config.useFragment=!0),!s.generate)throw Error("Missing required `generate` function");if(!d(s.total))throw Error("Invalid required `total` value, expected number");if(!Array.isArray(s.itemHeight)&&!d(s.itemHeight))throw Error("Invalid required `itemHeight` value, expected number or array");this._itemHeights=d(s.itemHeight)?Array(s.total).fill(s.itemHeight):[s.itemHeight],Object.keys(a.defaultConfig).filter((t=>t in s)).forEach((t=>{const i=s[t],e=d(i);if(i&&"string"!=typeof i&&"number"!=typeof i)throw Error(`Invalid optional \`${t}\`, expected string or number`);e&&(s[t]=i+"px")}));const h=!!s.horizontal,n=s[h?"width":"height"];if(n){const t=d(n),i=!t&&"%"===n.slice(-1),e=parseInt(t?n:n.replace(/px|%/,""),10),s=window[h?"innerWidth":"innerHeight"];this._containerSize=i?s*e/100:d(n)?n:e}const r=s.scrollContainer,c=s.itemHeight*s.total,l=this._maxElementHeight;c>l&&console.warn(["HyperList: The maximum element height",l+"px has","been exceeded; please reduce your item height."].join(" ")),a.mergeStyle(t,{width:""+s.width,height:r?c+"px":""+s.height,overflow:r?"none":"auto",position:"relative"}),r&&a.mergeStyle(s.scrollContainer,{overflow:"auto"}),a.mergeStyle(o,{opacity:"0",position:"absolute",[h?"height":"width"]:"1px",[h?"width":"height"]:c+"px"}),this._scroller||t.appendChild(o);const u=this._computeScrollPadding();this._scrollPaddingBottom=u.bottom,this._scrollPaddingTop=u.top,this._scroller=o,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(s.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof s.afterRender&&s.afterRender(),this._scrollListener&&(s.scrollContainer||t).addEventListener("scroll",this._scrollListener,{passive:!0})}_getRow(t){const i=this._config;let e=i.generate(t),s=e.height;if(void 0!==s&&d(s)?(e=e.element,s!==this._itemHeights[t]&&(this._itemHeights[t]=s,this._computePositions(t),this._scrollHeight=this._computeScrollHeight())):s=this._itemHeights[t],!e||1!==e.nodeType)throw Error("Generator did not return a DOM Node for index: "+t);((t,i)=>{t.classList.add(i)})(e,i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;return a.mergeStyle(e,{position:"absolute",[i.horizontal?"left":"top"]:o+"px"}),e}_getScrollPosition(){const t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=!1){const i=this._config,e=this._element,s=this._getScrollPosition(),o=i.total;let h=this._getFrom(s)-1;if((h<0||h-this._screenItemsLen<0)&&(h=0),!t&&this._lastFrom===h)return!1;this._lastFrom=h;let n=h+this._cachedItemsLen;(n>o||n+this._cachedItemsLen>o)&&(n=o);const r=i.useFragment?document.createDocumentFragment():[];r[i.useFragment?"appendChild":"push"](this._scroller);for(let t=h;t<n;t++){let e=this._getRow(t);r[i.useFragment?"appendChild":"push"](e)}if(i.applyPatch)return i.applyPatch(e,r);e.innerHTML="",e.appendChild(r)}_computePositions(t=1){const i=this._config.total;t<1&&(t=1);for(let e=t;e<i;e++)this._itemPositions[e]=this._itemHeights[e-1]+this._itemPositions[e-1]}_computeScrollHeight(){const t=this._config,i=!!t.horizontal,e=t.total,s=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;a.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:s+"px"});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i)),h=Math.floor(e/2),n=e%2==0?(o[h]+o[h-1])/2:o[h],r=i?"clientWidth":"clientHeight",c=t.scrollContainer?t.scrollContainer:this._element,l=c[r]?c[r]:this._containerSize;return this._screenItemsLen=Math.ceil(l/n),this._containerSize=l,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=n,s}_computeScrollPadding(){const t=!!this._config.horizontal,i=window.getComputedStyle(this._element),e=t=>{const e=i.getPropertyValue("padding-"+t);return parseInt(e,10)||0};return t?{bottom:e("right"),top:e("left")}:{bottom:e("bottom"),top:e("top")}}_getFrom(t){let i=0;for(;this._itemPositions[i]<t;)i++;return i}}const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.contextChange=e(this,"contextChange",7),this.nodeToggled=e(this,"nodeToggled",7),this.nodeClicked=e(this,"nodeClicked",7),this.nodeRemoved=e(this,"nodeRemoved",7)}get hostElement(){return this}root="root";model={};renderItem;context={};toggleOnItemClick;contextChange;nodeToggled;nodeClicked;nodeRemoved;hyperlist;updates=new Map;observer;hasFirstRender=!1;dirtyItems=new Set;updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,scrollerTagName:"div",total:i.length,generate:e=>{const s=i[e],o=this.hostElement.querySelector(`[data-tree-node-id="${s.id}"]`),h=this.getContext(s.id);if(o&&!1===t.force){o.hasChildren=s.hasChildren,o.context={...h},o.disabled=!(!s.disabled&&!h.isDisabled);let t=this.dirtyItems.has(s.id);if(this.updates.has(s.id)){const i=this.updates.get(s.id);if(i){const e=i(s,{...this.context});"boolean"==typeof e&&(t=e)}}if(this.updatePadding(o,s),!t)return o}const n=t=>{this.updates.set(s.id,t)};let c=null;this.renderItem&&(c=this.renderItem(e,s,i,{...this.context},n)),null===c&&(c=r(s,h,n));const l=c;return l.setAttribute("data-tree-node-id",s.id),l.style.paddingRight="1rem",this.updatePadding(l,s),this.dirtyItems.delete(s.id),l}}}setContext(t,i){this.context={...this.context,[t]:i},this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}),this.context[t]):{isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}}buildTreeList(t,i=0){const e=[];if(t?.hasChildren){const s=i+1;t.children.forEach((t=>{const o=this.model[t],h=this.getContext(t);e.push({...o,level:i}),o.hasChildren&&h.isExpanded&&e.push(...this.buildTreeList(o,s))}))}return e}componentDidLoad(){this.initList(),this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const e=i.indexOf(t);e>=0&&i.splice(e,1)}))})),this.nodeRemoved.emit(i)})),this.observer.observe(this.hostElement,{childList:!0})}componentWillRender(){this.hasFirstRender=!0,this.isListInitialized()?this.refreshTree():this.initList()}connectedCallback(){this.hasFirstRender&&this.initList()}disconnectedCallback(){this.hyperlist?.destroy(),this.observer?.disconnect()}onModelChange(){this.hasFirstRender&&!this.isListInitialized()&&this.initList()}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){const t=this.hyperlist?._itemPositions;return void 0!==t&&t.length&&!t?.some((t=>void 0===t||Number.isNaN(t)))}async refreshTree(t=c){this.hyperlist&&this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}initList(){if(!this.model)return;this.hyperlist?.destroy();const t=this.getVirtualizerOptions(c);this.hyperlist=new a(this.hostElement,t)}getTreeNodeId(t){let i=t;for(;i&&i!==this.hostElement;){const t=i.dataset.treeNodeId;if(t)return t;i=i.parentElement}}onToggle(t){const{target:e}=t;if(t.preventDefault(),t.stopPropagation(),!(e instanceof i))return;const s=this.getTreeNodeId(e);if(!s)return;const o=this.model[s];if(!o.hasChildren)return;if(o.disabled)return;const h=this.getContext(s);h.isDisabled||(h.isExpanded=!h.isExpanded,this.nodeToggled.emit({id:s,isExpanded:h.isExpanded}),this.setContext(s,h))}onTreeItemClick(t){const{target:e}=t;if(!(e instanceof i))return;const s=this.getTreeNodeId(e);if(!s)return;const o=this.model[s],h=this.getContext(s);if(o.disabled||h.isDisabled)return;const r=t.composedPath(),c=r.indexOf(this.hostElement),l=r.slice(0,c);if(!n.pathIncludesTrigger(l)){if(!t.defaultPrevented){for(const t of Object.values(this.context))t.isSelected=!1;h.isSelected=!0,this.setContext(s,h)}this.toggleOnItemClick&&o.hasChildren&&(h.isExpanded=!h.isExpanded,this.nodeToggled.emit({id:s,isExpanded:h.isExpanded}),this.setContext(s,h)),this.nodeClicked.emit(s)}}render(){return s(o,{key:"8ec158ba41c5aa8e4577e9904ba250dc02ec9256",onClick:t=>this.onTreeItemClick(t)},s("slot",{key:"a2f2c325f7c54b7f1271d0ced1da60e0a211bb3b"}))}static get watchers(){return{model:[{onModelChange:0}]}}static get style(){return":host{display:block}"}},[769,"ix-tree",{root:[1],model:[16],renderItem:[16],context:[1040],toggleOnItemClick:[4,"toggle-on-item-click"],markItemsAsDirty:[64],refreshTree:[64]},[[0,"toggle","onToggle"]],{model:[{onModelChange:0}]}]),m=u,p=function(){"undefined"!=typeof customElements&&["ix-tree","ix-tree-item"].forEach((t=>{switch(t){case"ix-tree":customElements.get(h(t))||customElements.define(h(t),u);break;case"ix-tree-item":customElements.get(h(t))||l()}}))};export{m as IxTree,p as defineCustomElement}
|
|
1
|
+
import{p as t,H as i,e,h as s,d as o,t as h}from"./p-eN5fQtqO.js";import{d as n}from"./p-BbwShqw_.js";import{r,d as c}from"./p-D5rshXh5.js";import{d}from"./p-DpvAVNqZ.js";const l=t=>!Number.isNaN(Number(t));class a{_config;_lastRepaint;_maxElementHeight;_renderAnimationFrame;_averageHeight;_scrollListener=null;_pendingRender=!1;static defaultConfig={width:"100%",height:"100%"};_element;_scroller;_itemHeights;_containerSize;_scrollPaddingBottom;_scrollPaddingTop;_scrollHeight;_itemPositions;_screenItemsLen;_lastFrom;_cachedItemsLen;static create(t,i=a.defaultConfig){return new a(t,i)}static mergeStyle(t,i){for(let e in i)t.style[e]!==i[e]&&(t.style[e]=i[e])}static getMaxBrowserHeight(){const t=document.createElement("div"),i=document.createElement("div");a.mergeStyle(t,{position:"absolute",height:"1px",opacity:0}),a.mergeStyle(i,{height:"1e7px"}),t.appendChild(i),document.body.appendChild(t);const e=i.offsetHeight;return document.body.removeChild(t),e}constructor(t,i){this._lastRepaint=null,this._maxElementHeight=a.getMaxBrowserHeight(),this.refresh(t,i);const e=this._config,s=()=>{this._pendingRender=!1;const t=this._getScrollPosition(),i=this._lastRepaint;if(t===i)return;const s=i?t-i:0;if(!i||s<0||s>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t,!1!==i&&"function"==typeof e.afterRender&&e.afterRender()}},o=e.scrollContainer||t;this._scrollListener=()=>{this._pendingRender||(this._pendingRender=!0,this._renderAnimationFrame=window.requestAnimationFrame(s))},o.addEventListener("scroll",this._scrollListener,{passive:!0}),s()}destroy(){this._renderAnimationFrame&&window.cancelAnimationFrame(this._renderAnimationFrame);const t=this._config,i=t?.scrollContainer||this._element;this._scrollListener&&i&&i.removeEventListener("scroll",this._scrollListener)}refresh(t,i=a.defaultConfig){const e=this._config?.scrollContainer||this._element;if(this._scrollListener&&e&&e.removeEventListener("scroll",this._scrollListener),this._config=i,!t||1!==t.nodeType)throw Error("HyperList requires a valid DOM Node container");this._element=t;const s=this._config,o=this._scroller||s.scroller||document.createElement(s.scrollerTagName||"tr");if("boolean"!=typeof s.useFragment&&(this._config.useFragment=!0),!s.generate)throw Error("Missing required `generate` function");if(!l(s.total))throw Error("Invalid required `total` value, expected number");if(!Array.isArray(s.itemHeight)&&!l(s.itemHeight))throw Error("Invalid required `itemHeight` value, expected number or array");this._itemHeights=l(s.itemHeight)?Array(s.total).fill(s.itemHeight):[s.itemHeight],Object.keys(a.defaultConfig).filter((t=>t in s)).forEach((t=>{const i=s[t],e=l(i);if(i&&"string"!=typeof i&&"number"!=typeof i)throw Error(`Invalid optional \`${t}\`, expected string or number`);e&&(s[t]=i+"px")}));const h=!!s.horizontal,n=s[h?"width":"height"];if(n){const t=l(n),i=!t&&"%"===n.slice(-1),e=parseInt(t?n:n.replace(/px|%/,""),10),s=window[h?"innerWidth":"innerHeight"];this._containerSize=i?s*e/100:l(n)?n:e}const r=s.scrollContainer,c=s.itemHeight*s.total,d=this._maxElementHeight;c>d&&console.warn(["HyperList: The maximum element height",d+"px has","been exceeded; please reduce your item height."].join(" ")),a.mergeStyle(t,{width:""+s.width,height:r?c+"px":""+s.height,overflow:r?"none":"auto",position:"relative"}),r&&a.mergeStyle(s.scrollContainer,{overflow:"auto"}),a.mergeStyle(o,{opacity:"0",position:"absolute",[h?"height":"width"]:"1px",[h?"width":"height"]:c+"px"}),this._scroller||t.appendChild(o);const u=this._computeScrollPadding();this._scrollPaddingBottom=u.bottom,this._scrollPaddingTop=u.top,this._scroller=o,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(s.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof s.afterRender&&s.afterRender(),this._scrollListener&&(s.scrollContainer||t).addEventListener("scroll",this._scrollListener,{passive:!0})}_getRow(t){const i=this._config;let e=i.generate(t),s=e.height;if(void 0!==s&&l(s)?(e=e.element,s!==this._itemHeights[t]&&(this._itemHeights[t]=s,this._computePositions(t),this._scrollHeight=this._computeScrollHeight())):s=this._itemHeights[t],!e||1!==e.nodeType)throw Error("Generator did not return a DOM Node for index: "+t);((t,i)=>{t.classList.add(i)})(e,i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;return a.mergeStyle(e,{position:"absolute",[i.horizontal?"left":"top"]:o+"px"}),e}_getScrollPosition(){const t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=!1){const i=this._config,e=this._element,s=this._getScrollPosition(),o=i.total;let h=this._getFrom(s)-1;if((h<0||h-this._screenItemsLen<0)&&(h=0),!t&&this._lastFrom===h)return!1;this._lastFrom=h;let n=h+this._cachedItemsLen;(n>o||n+this._cachedItemsLen>o)&&(n=o);const r=i.useFragment?document.createDocumentFragment():[];r[i.useFragment?"appendChild":"push"](this._scroller);for(let t=h;t<n;t++){let e=this._getRow(t);r[i.useFragment?"appendChild":"push"](e)}if(i.applyPatch)return i.applyPatch(e,r);e.innerHTML="",e.appendChild(r)}_computePositions(t=1){const i=this._config.total;t<1&&(t=1);for(let e=t;e<i;e++)this._itemPositions[e]=this._itemHeights[e-1]+this._itemPositions[e-1]}_computeScrollHeight(){const t=this._config,i=!!t.horizontal,e=t.total,s=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;a.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:s+"px"});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i)),h=Math.floor(e/2),n=e%2==0?(o[h]+o[h-1])/2:o[h],r=i?"clientWidth":"clientHeight",c=t.scrollContainer?t.scrollContainer:this._element,d=c[r]?c[r]:this._containerSize;return this._screenItemsLen=Math.ceil(d/n),this._containerSize=d,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=n,s}_computeScrollPadding(){const t=!!this._config.horizontal,i=window.getComputedStyle(this._element),e=t=>{const e=i.getPropertyValue("padding-"+t);return parseInt(e,10)||0};return t?{bottom:e("right"),top:e("left")}:{bottom:e("bottom"),top:e("top")}}_getFrom(t){let i=0;for(;this._itemPositions[i]<t;)i++;return i}}const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.contextChange=e(this,"contextChange",7),this.nodeToggled=e(this,"nodeToggled",7),this.nodeClicked=e(this,"nodeClicked",7),this.nodeRemoved=e(this,"nodeRemoved",7)}get hostElement(){return this}root="root";model={};renderItem;context={};toggleOnItemClick;contextChange;nodeToggled;nodeClicked;nodeRemoved;hyperlist;updates=new Map;observer;hasFirstRender=!1;dirtyItems=new Set;updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,scrollerTagName:"div",total:i.length,generate:e=>{const s=i[e],o=this.hostElement.querySelector(`[data-tree-node-id="${s.id}"]`),h=this.getContext(s.id);if(o&&!1===t.force){o.hasChildren=s.hasChildren,o.context={...h},o.disabled=!(!s.disabled&&!h.isDisabled);let t=this.dirtyItems.has(s.id);if(this.updates.has(s.id)){const i=this.updates.get(s.id);if(i){const e=i(s,{...this.context});"boolean"==typeof e&&(t=e)}}if(this.updatePadding(o,s),!t)return o}const n=t=>{this.updates.set(s.id,t)};let c=null;this.renderItem&&(c=this.renderItem(e,s,i,{...this.context},n)),null===c&&(c=r(s,h,n));const d=c;return d.setAttribute("data-tree-node-id",s.id),d.style.paddingRight="1rem",this.updatePadding(d,s),this.dirtyItems.delete(s.id),d}}}setContext(t,i){this.context={...this.context,[t]:i},this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}),this.context[t]):{isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}}buildTreeList(t,i=0){const e=[];if(t?.hasChildren){const s=i+1;t.children.forEach((t=>{const o=this.model[t],h=this.getContext(t);e.push({...o,level:i}),o.hasChildren&&h.isExpanded&&e.push(...this.buildTreeList(o,s))}))}return e}componentDidLoad(){this.initList(),this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const e=i.indexOf(t);e>=0&&i.splice(e,1)}))})),this.nodeRemoved.emit(i)})),this.observer.observe(this.hostElement,{childList:!0})}componentWillRender(){this.hasFirstRender=!0,this.isListInitialized()?this.refreshTree():this.initList()}connectedCallback(){this.hasFirstRender&&this.initList()}disconnectedCallback(){this.hyperlist?.destroy(),this.observer?.disconnect()}onModelChange(){this.hasFirstRender&&!this.isListInitialized()&&this.initList()}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){const t=this.hyperlist?._itemPositions;return void 0!==t&&t.length&&!t?.some((t=>void 0===t||Number.isNaN(t)))}async refreshTree(t=c){this.hyperlist&&this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}initList(){if(!this.model)return;this.hyperlist?.destroy();const t=this.getVirtualizerOptions(c);this.hyperlist=new a(this.hostElement,t)}getTreeNodeId(t){let i=t;for(;i&&i!==this.hostElement;){const t=i.dataset.treeNodeId;if(t)return t;i=i.parentElement}}onToggle(t){const{target:e}=t;if(t.preventDefault(),t.stopPropagation(),!(e instanceof i))return;const s=this.getTreeNodeId(e);if(!s)return;const o=this.model[s];if(!o.hasChildren)return;if(o.disabled)return;const h=this.getContext(s);h.isDisabled||(h.isExpanded=!h.isExpanded,this.nodeToggled.emit({id:s,isExpanded:h.isExpanded}),this.setContext(s,h))}onTreeItemClick(t){const{target:e}=t;if(!(e instanceof i))return;const s=this.getTreeNodeId(e);if(!s)return;const o=this.model[s],h=this.getContext(s);if(o.disabled||h.isDisabled)return;const r=t.composedPath(),c=r.indexOf(this.hostElement),d=r.slice(0,c);if(!n.pathIncludesTrigger(d)){if(!t.defaultPrevented){for(const t of Object.values(this.context))t.isSelected=!1;h.isSelected=!0,this.setContext(s,h)}this.toggleOnItemClick&&o.hasChildren&&(h.isExpanded=!h.isExpanded,this.nodeToggled.emit({id:s,isExpanded:h.isExpanded}),this.setContext(s,h)),this.nodeClicked.emit(s)}}render(){return s(o,{key:"855ec01de8c175c0248069737dcfa240d3848264",onClick:t=>this.onTreeItemClick(t)},s("slot",{key:"ffc4b5117f8bda3710030ee85cdbceed417133c0"}))}static get watchers(){return{model:[{onModelChange:0}]}}static get style(){return":host{display:block}"}},[769,"ix-tree",{root:[1],model:[16],renderItem:[16],context:[1040],toggleOnItemClick:[4,"toggle-on-item-click"],markItemsAsDirty:[64],refreshTree:[64]},[[0,"toggle","onToggle"]],{model:[{onModelChange:0}]}]),m=u,p=function(){"undefined"!=typeof customElements&&["ix-tree","ix-tree-item"].forEach((t=>{switch(t){case"ix-tree":customElements.get(h(t))||customElements.define(h(t),u);break;case"ix-tree-item":customElements.get(h(t))||d()}}))};export{m as IxTree,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{I as o,d as
|
|
1
|
+
import{I as o,d as r}from"./p-YFmbQndr.js";const s=o,m=r;export{s as IxTypography,m as defineCustomElement}
|