@siemens/ix 5.1.0 → 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-CrLxhwo2.js → p-BC2PyjjU.js} +1 -1
- package/{dist/siemens-ix/p-wfVRhTWc.js → components/p-BDnx22Gp.js} +1 -1
- package/components/{p-DtOqKp7K.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-BHtNsBtM.js +1 -0
- package/components/p-BQ-hS49k.js +1 -0
- package/components/p-BTBxxgtF.js +1 -0
- package/components/{p-CT5pAQCz.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-CGHbrmJg.js → p-CatmTvkh.js} +1 -1
- package/components/{p-Dfd_ifAu.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-BuBQiemL.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-BNAvpXSk.js → p-R5tYZVVd.js} +1 -1
- package/components/{p-Czy7a3I4.js → p-WisOWbJ8.js} +1 -1
- package/components/{p-DhWkcMmR.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-CIA8i4dm.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 +3 -3
- package/dist/cjs/ix-application-header.cjs.entry.js +11 -11
- package/dist/cjs/ix-application-switch-modal.cjs.entry.js +2 -2
- package/dist/cjs/ix-application.cjs.entry.js +4 -4
- 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 +3 -3
- 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 +17 -14
- 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 +3 -3
- 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/action-card/action-card.js +3 -3
- package/dist/collection/components/application/application.css +11 -11
- package/dist/collection/components/application/application.js +10 -3
- package/dist/collection/components/application-header/application-header.css +11 -11
- package/dist/collection/components/application-header/application-header.js +10 -9
- 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/avatar/avatar.js +3 -0
- 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 +10 -5
- package/dist/collection/components/breadcrumb/breadcrumb.css +11 -11
- package/dist/collection/components/breadcrumb/breadcrumb.js +5 -2
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +52 -44
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +3 -0
- package/dist/collection/components/button/button.css +30 -22
- package/dist/collection/components/button/button.js +5 -2
- package/dist/collection/components/card/card.css +11 -11
- package/dist/collection/components/card/card.js +6 -2
- package/dist/collection/components/card-accordion/card-accordion.css +61 -44
- package/dist/collection/components/card-accordion/card-accordion.js +7 -4
- package/dist/collection/components/card-content/card-content.css +11 -11
- package/dist/collection/components/card-content/card-content.js +4 -1
- package/dist/collection/components/card-list/card-list.css +23 -11
- package/dist/collection/components/card-list/card-list.js +70 -10
- package/dist/collection/components/card-title/card-title.js +2 -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 +4 -3
- package/dist/collection/components/checkbox-group/checkbox-group.js +3 -2
- package/dist/collection/components/chip/chip.css +28 -19
- package/dist/collection/components/chip/chip.js +10 -8
- package/dist/collection/components/col/col.css +11 -11
- package/dist/collection/components/col/col.js +5 -2
- package/dist/collection/components/content/content.css +11 -11
- package/dist/collection/components/content/content.js +4 -3
- package/dist/collection/components/content-header/content-header.js +4 -4
- package/dist/collection/components/css-grid/css-grid-item.js +2 -1
- package/dist/collection/components/css-grid/css-grid.js +2 -1
- package/dist/collection/components/custom-field/custom-field.js +4 -1
- package/dist/collection/components/date-dropdown/date-dropdown.css +30 -22
- package/dist/collection/components/date-dropdown/date-dropdown.js +5 -5
- package/dist/collection/components/date-input/date-input.css +23 -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 +23 -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 +4 -1
- package/dist/collection/components/dropdown-button/dropdown-button.css +326 -34
- package/dist/collection/components/dropdown-button/dropdown-button.js +8 -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 +6 -3
- package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +4 -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 +10 -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 +7 -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 +5 -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 +5 -2
- package/dist/collection/components/flip-tile/flip-tile.css +11 -11
- package/dist/collection/components/flip-tile/flip-tile.js +8 -3
- package/dist/collection/components/flip-tile-content/flip-tile-content.js +4 -1
- package/dist/collection/components/group/group-context-menu.js +4 -1
- package/dist/collection/components/group/group.js +14 -8
- package/dist/collection/components/group-item/group-item.css +11 -11
- package/dist/collection/components/group-item/group-item.js +3 -0
- package/dist/collection/components/helper-text/helper-text.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +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 +12 -11
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input/number-input.css +12 -11
- package/dist/collection/components/input/number-input.js +5 -5
- package/dist/collection/components/input/textarea.css +12 -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 +4 -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 +4 -1
- package/dist/collection/components/layout-grid/layout-grid.js +5 -2
- package/dist/collection/components/link-button/link-button.js +6 -3
- package/dist/collection/components/menu/menu-expand-icon.css +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 +20 -12
- package/dist/collection/components/menu-about/menu-about.css +11 -11
- package/dist/collection/components/menu-about/menu-about.js +5 -2
- package/dist/collection/components/menu-about-item/menu-about-item.js +2 -1
- package/dist/collection/components/menu-about-news/menu-about-news.css +11 -11
- package/dist/collection/components/menu-about-news/menu-about-news.js +7 -4
- package/dist/collection/components/menu-avatar/menu-avatar.css +11 -11
- package/dist/collection/components/menu-avatar/menu-avatar.js +5 -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 +15 -9
- package/dist/collection/components/menu-item/menu-item.js +5 -5
- package/dist/collection/components/menu-settings/menu-settings.css +11 -11
- package/dist/collection/components/menu-settings/menu-settings.js +5 -2
- package/dist/collection/components/menu-settings-item/menu-settings-item.js +2 -1
- package/dist/collection/components/message-bar/message-bar.css +11 -11
- package/dist/collection/components/message-bar/message-bar.js +4 -1
- package/dist/collection/components/modal/modal.js +6 -3
- package/dist/collection/components/modal-content/modal-content.css +11 -11
- package/dist/collection/components/modal-content/modal-content.js +4 -1
- package/dist/collection/components/modal-footer/modal-footer.css +11 -11
- package/dist/collection/components/modal-footer/modal-footer.js +4 -1
- package/dist/collection/components/modal-header/modal-header.css +11 -11
- package/dist/collection/components/modal-header/modal-header.js +4 -1
- package/dist/collection/components/modal-loading/modal-loading.js +1 -1
- package/dist/collection/components/pagination/pagination.css +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 +8 -7
- package/dist/collection/components/pane-layout/pane-layout.css +11 -11
- package/dist/collection/components/pane-layout/pane-layout.js +9 -1
- package/dist/collection/components/pill/pill.css +11 -11
- package/dist/collection/components/pill/pill.js +7 -4
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/popover-content/popover-content.css +11 -11
- package/dist/collection/components/popover-content/popover-content.js +2 -2
- package/dist/collection/components/popover-footer/popover-footer.css +11 -11
- package/dist/collection/components/popover-footer/popover-footer.js +2 -2
- package/dist/collection/components/popover-header/popover-header.css +11 -11
- package/dist/collection/components/popover-header/popover-header.js +2 -2
- package/dist/collection/components/popover-image/popover-image.css +11 -11
- package/dist/collection/components/progress-indicator/progress-indicator.js +5 -3
- package/dist/collection/components/push-card/push-card.css +70 -0
- package/dist/collection/components/push-card/push-card.js +5 -1
- package/dist/collection/components/radio/radio.css +11 -11
- package/dist/collection/components/radio/radio.js +4 -3
- package/dist/collection/components/radio-group/radio-group.js +3 -2
- package/dist/collection/components/range-field/range-field.css +11 -11
- package/dist/collection/components/range-field/range-field.js +5 -2
- package/dist/collection/components/row/row.js +4 -1
- package/dist/collection/components/select/select.css +11 -11
- package/dist/collection/components/select/select.js +16 -12
- 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 +4 -1
- package/dist/collection/components/tab-item/tab-item.css +17 -11
- package/dist/collection/components/tab-item/tab-item.js +8 -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 +8 -5
- package/dist/collection/components/tile/tile.css +11 -11
- package/dist/collection/components/tile/tile.js +10 -4
- package/dist/collection/components/time-input/time-input.css +23 -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 +5 -2
- package/dist/collection/components/toast/toast.css +11 -11
- package/dist/collection/components/toast/toast.js +6 -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/toggle-button/toggle-button.js +5 -2
- package/dist/collection/components/tooltip/tooltip.js +2 -1
- package/dist/collection/components/tree/tree.js +4 -1
- package/dist/collection/components/tree-item/tree-item.css +11 -11
- package/dist/collection/components/tree-item/tree-item.js +7 -4
- package/dist/collection/components/typography/typography.css +11 -11
- package/dist/collection/components/typography/typography.js +4 -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 +7 -3
- package/dist/collection/components/workflow-steps/workflow-steps.css +11 -11
- package/dist/collection/components/workflow-steps/workflow-steps.js +4 -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 +3 -3
- package/dist/esm/ix-application-header.entry.js +11 -11
- package/dist/esm/ix-application-switch-modal.entry.js +2 -2
- package/dist/esm/ix-application.entry.js +4 -4
- 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 +3 -3
- 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 +17 -14
- 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 +3 -3
- 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-03745110.entry.js +1 -0
- package/dist/siemens-ix/p-0555a6fb.entry.js +1 -0
- package/dist/siemens-ix/{p-2f7b1e1e.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-2202ae94.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-b181bf0b.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-f8561834.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-34f61a28.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-12930fcd.entry.js → p-383e95ad.entry.js} +1 -1
- package/dist/siemens-ix/p-38e0953a.entry.js +1 -0
- package/dist/siemens-ix/p-39079ba7.entry.js +1 -0
- package/dist/siemens-ix/p-3c7a8e8b.entry.js +1 -0
- package/dist/siemens-ix/p-3ca5d3b9.entry.js +1 -0
- package/dist/siemens-ix/{p-646d5219.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-63491f83.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-d830e3d6.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-080147bd.entry.js → p-6ffe8ec7.entry.js} +1 -1
- package/dist/siemens-ix/{p-d80e7d50.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-81248fd2.entry.js → p-836df58e.entry.js} +1 -1
- package/dist/siemens-ix/p-86ad005e.entry.js +1 -0
- package/dist/siemens-ix/{p-56d2d54c.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-BbW5EIKF.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-2b9f7512.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-ee1617da.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-3bc384b7.entry.js → p-a92495b8.entry.js} +1 -1
- package/dist/siemens-ix/{p-9d9fec8c.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-4f0f97dd.entry.js → p-bd2f7002.entry.js} +1 -1
- package/dist/siemens-ix/p-bf75d77b.entry.js +1 -0
- package/dist/siemens-ix/{p-aec23f79.entry.js → p-bf827cb3.entry.js} +1 -1
- package/dist/siemens-ix/p-c1b669ae.entry.js +1 -0
- package/dist/siemens-ix/{p-8d73ddac.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-5685a2e6.entry.js → p-c6346987.entry.js} +1 -1
- package/dist/siemens-ix/p-c6987c42.entry.js +1 -0
- package/dist/siemens-ix/{p-d6c906b7.entry.js → p-ca4259c9.entry.js} +1 -1
- package/dist/siemens-ix/{p-b8beb613.entry.js → p-cb43f6e5.entry.js} +1 -1
- package/dist/siemens-ix/p-cc6305ab.entry.js +1 -0
- package/dist/siemens-ix/{p-264e971c.entry.js → p-ccea2ebf.entry.js} +1 -1
- package/dist/siemens-ix/p-cddc43e2.entry.js +1 -0
- package/dist/siemens-ix/{p-21e8ccb6.entry.js → p-cf56ddd5.entry.js} +1 -1
- package/dist/siemens-ix/{p-6f78e0f1.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-a6a0b240.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-ff1967de.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-f4575603.entry.js +1 -0
- 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/action-card/action-card.d.ts +1 -1
- package/dist/types/components/application/application.d.ts +7 -0
- package/dist/types/components/application-header/application-header.d.ts +1 -0
- package/dist/types/components/avatar/avatar.d.ts +3 -0
- package/dist/types/components/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/blind/blind.d.ts +5 -0
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +3 -0
- package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +3 -0
- package/dist/types/components/button/button.d.ts +3 -0
- package/dist/types/components/card/card.d.ts +4 -0
- package/dist/types/components/card-accordion/card-accordion.d.ts +3 -0
- package/dist/types/components/card-content/card-content.d.ts +3 -0
- package/dist/types/components/card-list/card-list.d.ts +7 -1
- package/dist/types/components/card-title/card-title.d.ts +1 -0
- 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/checkbox/checkbox.d.ts +1 -0
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +1 -0
- package/dist/types/components/chip/chip.d.ts +4 -1
- package/dist/types/components/col/col.d.ts +3 -0
- package/dist/types/components/content/content.d.ts +1 -0
- package/dist/types/components/content-header/content-header.d.ts +1 -1
- package/dist/types/components/css-grid/css-grid-item.d.ts +1 -0
- package/dist/types/components/css-grid/css-grid.d.ts +1 -0
- package/dist/types/components/custom-field/custom-field.d.ts +3 -0
- package/dist/types/components/dropdown/dropdown.d.ts +3 -0
- package/dist/types/components/dropdown-button/dropdown-button.d.ts +4 -0
- package/dist/types/components/dropdown-item/dropdown-item.d.ts +3 -0
- package/dist/types/components/dropdown-quick-actions/dropdown-quick-actions.d.ts +3 -0
- package/dist/types/components/event-list/event-list.d.ts +3 -0
- package/dist/types/components/event-list-item/event-list-item.d.ts +3 -0
- package/dist/types/components/field-label/field-label.d.ts +3 -0
- package/dist/types/components/filter-chip/filter-chip.d.ts +3 -0
- package/dist/types/components/flip-tile/flip-tile.d.ts +5 -0
- package/dist/types/components/flip-tile-content/flip-tile-content.d.ts +3 -0
- package/dist/types/components/group/group-context-menu.d.ts +3 -0
- package/dist/types/components/group/group.d.ts +6 -0
- package/dist/types/components/group-item/group-item.d.ts +3 -0
- package/dist/types/components/key-value-list/key-value-list.d.ts +3 -0
- package/dist/types/components/layout-auto/layout-auto.d.ts +3 -0
- package/dist/types/components/layout-grid/layout-grid.d.ts +3 -0
- package/dist/types/components/link-button/link-button.d.ts +3 -0
- package/dist/types/components/menu/menu.d.ts +8 -0
- package/dist/types/components/menu-about/menu-about.d.ts +3 -0
- package/dist/types/components/menu-about-item/menu-about-item.d.ts +1 -0
- package/dist/types/components/menu-about-news/menu-about-news.d.ts +3 -0
- package/dist/types/components/menu-avatar/menu-avatar.d.ts +3 -0
- package/dist/types/components/menu-category/menu-category.d.ts +4 -1
- package/dist/types/components/menu-item/menu-item.d.ts +1 -1
- package/dist/types/components/menu-settings/menu-settings.d.ts +3 -0
- package/dist/types/components/menu-settings-item/menu-settings-item.d.ts +1 -0
- package/dist/types/components/message-bar/message-bar.d.ts +3 -0
- package/dist/types/components/modal/modal.d.ts +3 -0
- package/dist/types/components/modal-content/modal-content.d.ts +3 -0
- package/dist/types/components/modal-footer/modal-footer.d.ts +3 -0
- package/dist/types/components/modal-header/modal-header.d.ts +3 -0
- package/dist/types/components/pane/pane.d.ts +1 -0
- package/dist/types/components/pane-layout/pane-layout.d.ts +8 -0
- package/dist/types/components/pill/pill.d.ts +3 -0
- package/dist/types/components/popover/popover.d.ts +1 -1
- package/dist/types/components/popover-content/popover-content.d.ts +1 -1
- package/dist/types/components/popover-footer/popover-footer.d.ts +1 -1
- package/dist/types/components/popover-header/popover-header.d.ts +1 -1
- package/dist/types/components/progress-indicator/progress-indicator.d.ts +2 -0
- package/dist/types/components/push-card/push-card.d.ts +4 -0
- package/dist/types/components/radio/radio.d.ts +1 -0
- package/dist/types/components/radio-group/radio-group.d.ts +1 -0
- package/dist/types/components/range-field/range-field.d.ts +3 -0
- package/dist/types/components/row/row.d.ts +3 -0
- package/dist/types/components/select/select.d.ts +1 -0
- package/dist/types/components/split-button/split-button.d.ts +3 -0
- package/dist/types/components/tab-item/tab-item.d.ts +3 -0
- package/dist/types/components/tabs/tabs.d.ts +3 -0
- package/dist/types/components/tile/tile.d.ts +6 -0
- package/dist/types/components/toast/toast-container.d.ts +3 -0
- package/dist/types/components/toast/toast.d.ts +4 -0
- package/dist/types/components/toggle-button/toggle-button.d.ts +3 -0
- package/dist/types/components/tooltip/tooltip.d.ts +1 -0
- package/dist/types/components/tree/tree.d.ts +3 -0
- package/dist/types/components/tree-item/tree-item.d.ts +3 -0
- package/dist/types/components/typography/typography.d.ts +3 -0
- package/dist/types/components/utils/input/validation.d.ts +6 -0
- package/dist/types/components/workflow-step/workflow-step.d.ts +4 -0
- package/dist/types/components/workflow-steps/workflow-steps.d.ts +3 -0
- package/dist/types/components.d.ts +706 -5
- package/dist/types/public-api.d.ts +1 -0
- package/hydrate/index.js +2269 -457
- package/hydrate/index.mjs +2269 -457
- package/package.json +3 -3
- package/scss/mixins/_scrollbar.scss +21 -9
- package/components/p-3VG6z9c3.js +0 -1
- package/components/p-5ntkLbuJ.js +0 -1
- package/components/p-7HGOhDMX.js +0 -1
- package/components/p-B-O0ylt_.js +0 -1
- package/components/p-BDlGgfYh.js +0 -1
- package/components/p-BWH03B1n.js +0 -1
- package/components/p-BWknDysp.js +0 -1
- package/components/p-BtSt9tC5.js +0 -1
- package/components/p-BzFLbXmT.js +0 -1
- package/components/p-C-sZLWci.js +0 -1
- package/components/p-C0WZnIxc.js +0 -1
- package/components/p-C2jvmCOl.js +0 -1
- package/components/p-CDf5TQum.js +0 -1
- package/components/p-CG9cQxRO.js +0 -1
- package/components/p-CJoOEoc-.js +0 -1
- package/components/p-CMtwWb3-.js +0 -1
- package/components/p-CpOGS2e_.js +0 -1
- package/components/p-CrDBjFhu.js +0 -1
- package/components/p-Cy2KAdml.js +0 -1
- package/components/p-DDvuSQX3.js +0 -1
- package/components/p-DHydRnvu.js +0 -1
- package/components/p-DKH7tPDu.js +0 -1
- package/components/p-DM7ma3Eh.js +0 -1
- package/components/p-DiLKm3tq.js +0 -1
- package/components/p-Dwe6tWhq.js +0 -1
- package/components/p-DziPiOL3.js +0 -1
- package/components/p-GmOVROeD.js +0 -1
- package/components/p-ImMb0joA.js +0 -1
- package/components/p-Wr4Qf8LA.js +0 -1
- package/components/p-aUZgVnx5.js +0 -1
- package/components/p-wFiL3dN1.js +0 -1
- package/components/p-zqHenwXl.js +0 -1
- package/components/p-zyYHTdEN.js +0 -1
- package/dist/siemens-ix/p-074c8b24.entry.js +0 -1
- package/dist/siemens-ix/p-0d60bd71.entry.js +0 -1
- package/dist/siemens-ix/p-0eb3a12a.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-2072682b.entry.js +0 -1
- package/dist/siemens-ix/p-247d2e7a.entry.js +0 -1
- package/dist/siemens-ix/p-24c54468.entry.js +0 -1
- package/dist/siemens-ix/p-321a10b6.entry.js +0 -1
- package/dist/siemens-ix/p-35bfaa91.entry.js +0 -1
- package/dist/siemens-ix/p-3854287c.entry.js +0 -1
- package/dist/siemens-ix/p-3bb5600a.entry.js +0 -1
- package/dist/siemens-ix/p-46768472.entry.js +0 -1
- package/dist/siemens-ix/p-46b2b660.entry.js +0 -1
- package/dist/siemens-ix/p-4bc4a175.entry.js +0 -1
- package/dist/siemens-ix/p-52dc064a.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-62a7ae9c.entry.js +0 -1
- package/dist/siemens-ix/p-641bc66c.entry.js +0 -1
- package/dist/siemens-ix/p-66b4875e.entry.js +0 -1
- package/dist/siemens-ix/p-705eded9.entry.js +0 -1
- package/dist/siemens-ix/p-710d32a6.entry.js +0 -1
- package/dist/siemens-ix/p-7c120d09.entry.js +0 -1
- package/dist/siemens-ix/p-7e6a5c38.entry.js +0 -1
- package/dist/siemens-ix/p-7fc7c67f.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-8900e229.entry.js +0 -1
- package/dist/siemens-ix/p-8969b2f9.entry.js +0 -1
- package/dist/siemens-ix/p-8c2365cc.entry.js +0 -1
- package/dist/siemens-ix/p-8cea823b.entry.js +0 -1
- package/dist/siemens-ix/p-8d05ae35.entry.js +0 -1
- package/dist/siemens-ix/p-90a5cda7.entry.js +0 -1
- package/dist/siemens-ix/p-957b77ec.entry.js +0 -1
- package/dist/siemens-ix/p-9a88ff9c.entry.js +0 -1
- package/dist/siemens-ix/p-DgUGsIlh.js +0 -1
- package/dist/siemens-ix/p-ae07f671.entry.js +0 -1
- package/dist/siemens-ix/p-b13f34d1.entry.js +0 -1
- package/dist/siemens-ix/p-b63d7f36.entry.js +0 -1
- package/dist/siemens-ix/p-b75db823.entry.js +0 -1
- package/dist/siemens-ix/p-b7f2f229.entry.js +0 -1
- package/dist/siemens-ix/p-ba9dcd79.entry.js +0 -1
- package/dist/siemens-ix/p-bc11adcd.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-c0dc5a8e.entry.js +0 -1
- package/dist/siemens-ix/p-c6d63b3c.entry.js +0 -1
- package/dist/siemens-ix/p-c97c218d.entry.js +0 -1
- package/dist/siemens-ix/p-d13c0b78.entry.js +0 -1
- package/dist/siemens-ix/p-d1ab68b3.entry.js +0 -1
- package/dist/siemens-ix/p-d253dadb.entry.js +0 -1
- package/dist/siemens-ix/p-d74baa8a.entry.js +0 -1
- package/dist/siemens-ix/p-d770d8ba.entry.js +0 -1
- package/dist/siemens-ix/p-db105778.entry.js +0 -1
- package/dist/siemens-ix/p-dc16a32d.entry.js +0 -1
- package/dist/siemens-ix/p-de58069d.entry.js +0 -1
- package/dist/siemens-ix/p-e283d7d1.entry.js +0 -1
- package/dist/siemens-ix/p-e5d2a048.entry.js +0 -1
- package/dist/siemens-ix/p-e698e193.entry.js +0 -1
- package/dist/siemens-ix/p-f0d97723.entry.js +0 -1
- package/dist/siemens-ix/p-f1257e08.entry.js +0 -1
- package/dist/siemens-ix/p-f9628912.entry.js +0 -1
- package/dist/siemens-ix/p-fa5c236f.entry.js +0 -1
- package/dist/siemens-ix/p-fb1e66a7.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,H as c,e as o,h as r,F as h,d,t}from"./p-CtDOTMOT.js";import{a as b}from"./p-C21npbUc.js";import{m as a}from"./p-Djkc69iv.js";import{a as i}from"./p-Dw_A3HUC.js";import{d as k}from"./p-DhWkcMmR.js";import{H as n}from"./p-BWknDysp.js";const l=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=o(this,"checkedChange",7),this.valueChange=o(this,"valueChange",7),this.ixBlur=o(this,"ixBlur",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;value="on";label;checked=!1;disabled=!1;indeterminate=!1;required=!1;checkedChange;valueChange;ixBlur;touched=!1;hasDefaultSlotElements=!1;defaultSlotElement;inputRef=a((e=>{e.checked=this.checked}));setCheckedState(e){this.checked=e,this.checkedChange.emit(this.checked)}onCheckedChange(){this.touched=!0,this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}componentWillLoad(){this.updateFormInternalValue()}componentDidLoad(){this.updateDefaultSlotElements()}updateDefaultSlotElements(){this.hasDefaultSlotElements=i(this.defaultSlotElement)}get isLabelLess(){return!this.label&&!this.hasDefaultSlotElements}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}renderCheckmark(){return r("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},this.indeterminate&&r(h,null,r("rect",{width:"18",height:"18",fill:"transparent"}),r("rect",{x:"3",y:"8",width:"12",height:"2",fill:"var(--ix-checkbox-check-color)"})),this.checked&&r("path",{d:"M3.65625 8.15625L8.4375 12.9375L14.625 3.9375",stroke:"var(--ix-checkbox-check-color)","stroke-width":"2"}))}render(){return r(d,{key:"9c353db29458af8bf9fff3a1433791dcaedb9e76","aria-checked":b(this.checked),"aria-disabled":b(this.disabled),role:"checkbox",class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate,"label-less":this.isLabelLess},onFocus:()=>this.touched=!0,onBlur:()=>this.ixBlur.emit()},r("label",{key:"d0ed641122caa2175facad671e038b5f6f61926a"},r("input",{key:"ce50b07c238ecf34096c4294d7795f585b896836","aria-checked":b(this.checked),required:this.required,disabled:this.disabled,checked:this.checked,ref:this.inputRef,type:"checkbox",onChange:()=>this.setCheckedState(!this.checked)}),r("div",{key:"81b24e66445a7a79dbf0ee2cfd129b70d74f9b74",class:"checkbox-button"},r("button",{key:"180a94cca8a27191d0853356e814e94af7d1edc5",disabled:this.disabled,class:{checked:this.checked},onClick:()=>this.setCheckedState(!this.checked)},this.renderCheckmark())),r("ix-typography",{key:"c2eef4e975fcb6fde8a381818896d74af3e6d5a3",format:"label",textColor:this.disabled?"weak":"std"},this.label,r("slot",{key:"c3b38ea2eba94a7093fa9d9394cfd197144cdec9",onSlotchange:()=>this.updateDefaultSlotElements(),ref:e=>this.defaultSlotElement=e}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{--ix-checkbox-check-color:var(--theme-color-primary--contrast);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 .checkbox-button{height:1.5rem;width:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}:host button{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem}:host button:disabled{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host button:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}:host input[type=checkbox]{display:none}:host label{display:flex;justify-content:flex-start;align-items:center;gap:var(--theme-space-0);width:100%;height:100%;cursor:pointer}:host(.label-less) ix-typography{display:none}:host button{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.checked) button,:host(.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.checked:hover) button,:host(.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.checked:active) button,:host(.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.checked.disabled) button,:host(.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-info) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--info );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--info--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--info--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--info );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--info--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--info--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--info );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--info--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--info--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--info );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--info--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--info--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--info );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--info--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--info--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--info );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--info--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--info--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-info:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-info:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-info.checked) button,:host(.ix-info.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-info.checked:hover) button,:host(.ix-info.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-info.checked:active) button,:host(.ix-info.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-info.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) button,:host(.ix-info.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-warning) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--warning );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--warning--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--warning--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--warning );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--warning--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--warning--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--warning );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--warning--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--warning--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--warning );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--warning--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--warning--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--warning );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--warning--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--warning--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--warning );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--warning--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--warning--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-warning:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-warning:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-warning.checked) button,:host(.ix-warning.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-warning.checked:hover) button,:host(.ix-warning.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-warning.checked:active) button,:host(.ix-warning.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-warning.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) button,:host(.ix-warning.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid--required) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--invalid );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--invalid--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--invalid--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--invalid );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--invalid--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--invalid--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--invalid );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--invalid--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--invalid--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--invalid );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--invalid--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--invalid--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--invalid );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--invalid--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--invalid--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--invalid );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--invalid--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--invalid--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid--required:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid--required:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid--required.checked) button,:host(.ix-invalid--required.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid--required.checked:hover) button,:host(.ix-invalid--required.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) button,:host(.ix-invalid--required.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid--required.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) button,:host(.ix-invalid--required.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--invalid );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--invalid--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--invalid--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--invalid );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--invalid--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--invalid--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--invalid );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--invalid--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--invalid--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--invalid );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--invalid--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--invalid--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--invalid );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--invalid--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--invalid--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--invalid );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--invalid--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--invalid--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid.checked) button,:host(.ix-invalid.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid.checked:hover) button,:host(.ix-invalid.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid.checked:active) button,:host(.ix-invalid.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) button,:host(.ix-invalid.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.disabled){pointer-events:none}:host(.disabled) button,:host(.disabled) label,:host(.disabled) input{pointer-events:none}"}},[833,"ix-checkbox",{name:[513],value:[513],label:[1],checked:[1540],disabled:[516],indeterminate:[516],required:[516],hasDefaultSlotElements:[32],hasValidValue:[64],getAssociatedFormElement:[64],isTouched:[64]},void 0,{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}]);!function(e,c,o,r){var h,d=arguments.length,t=d<3?c:null===r?r=Object.getOwnPropertyDescriptor(c,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,c,o,r);else for(var b=e.length-1;b>=0;b--)(h=e[b])&&(t=(d<3?h(t):d>3?h(c,o,t):h(c,o))||t);d>3&&t&&Object.defineProperty(c,o,t)}([n()],l.prototype,"updateClassMappings",null);const v=l,s=function(){"undefined"!=typeof customElements&&["ix-checkbox","ix-typography"].forEach((e=>{switch(e){case"ix-checkbox":customElements.get(t(e))||customElements.define(t(e),l);break;case"ix-typography":customElements.get(t(e))||k()}}))};export{v as IxCheckbox,s as defineCustomElement}
|
|
1
|
+
import{p as e,H as c,e as o,h as r,F as h,d,t}from"./p-eN5fQtqO.js";import{a as b}from"./p-C21npbUc.js";import{m as a}from"./p-Djkc69iv.js";import{a as i}from"./p-Dw_A3HUC.js";import{d as k}from"./p-YFmbQndr.js";import{H as n}from"./p-BTBxxgtF.js";const l=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=o(this,"checkedChange",7),this.valueChange=o(this,"valueChange",7),this.ixBlur=o(this,"ixBlur",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;value="on";label;checked=!1;disabled=!1;indeterminate=!1;required=!1;checkedChange;valueChange;ixBlur;touched=!1;hasDefaultSlotElements=!1;defaultSlotElement;inputRef=a((e=>{e.checked=this.checked}));setCheckedState(e){this.checked=e,this.checkedChange.emit(this.checked)}onCheckedChange(){this.touched=!0,this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}componentWillLoad(){this.updateFormInternalValue()}componentDidLoad(){this.updateDefaultSlotElements()}updateDefaultSlotElements(){this.hasDefaultSlotElements=i(this.defaultSlotElement)}get isLabelLess(){return!this.label&&!this.hasDefaultSlotElements}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}renderCheckmark(){return r("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},this.indeterminate&&r(h,null,r("rect",{width:"18",height:"18",fill:"transparent"}),r("rect",{x:"3",y:"8",width:"12",height:"2",fill:"var(--ix-checkbox-check-color)"})),this.checked&&r("path",{d:"M3.65625 8.15625L8.4375 12.9375L14.625 3.9375",stroke:"var(--ix-checkbox-check-color)","stroke-width":"2"}))}render(){return r(d,{key:"05fdc1eb3f6a434211e126fb459e436c468476f8","aria-checked":b(this.checked),"aria-disabled":b(this.disabled),role:"checkbox",class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate,"label-less":this.isLabelLess},onFocus:()=>this.touched=!0,onBlur:()=>this.ixBlur.emit()},r("label",{key:"5744fe6dba111b58198ba38de30d376444721edb"},r("input",{key:"45bd0ed2504a239e6ffe363d1129b3932eab9080","aria-checked":b(this.checked),required:this.required,disabled:this.disabled,checked:this.checked,ref:this.inputRef,type:"checkbox",onChange:()=>this.setCheckedState(!this.checked)}),r("div",{key:"64a0a64c6852864c9fb740760998fd56fbd44f91",class:"checkbox-button"},r("button",{key:"8d61df6001508ca11db0befd17e2e481f69645bf",disabled:this.disabled,class:{checked:this.checked},onClick:()=>this.setCheckedState(!this.checked)},this.renderCheckmark())),r("ix-typography",{key:"20a3e1dee55ba2d6920450b7cb257588ebbc405d",format:"label",textColor:this.disabled?"weak":"std"},this.label,r("slot",{key:"2741ee937a1351059df0bcc0a5923053e771f01f",onSlotchange:()=>this.updateDefaultSlotElements(),ref:e=>this.defaultSlotElement=e}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{--ix-checkbox-check-color:var(--theme-color-primary--contrast);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 .checkbox-button{height:1.5rem;width:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}:host button{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem}:host button:disabled{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host button:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}:host input[type=checkbox]{display:none}:host label{display:flex;justify-content:flex-start;align-items:center;gap:var(--theme-space-0);width:100%;height:100%;cursor:pointer}:host(.label-less) ix-typography{display:none}:host button{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.checked) button,:host(.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.checked:hover) button,:host(.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.checked:active) button,:host(.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.checked.disabled) button,:host(.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-info) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--info );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--info--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--info--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--info );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--info--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--info--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--info );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--info--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--info--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--info );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--info--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--info--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--info );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--info--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--info--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--info );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--info--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--info--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-info:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-info:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-info.checked) button,:host(.ix-info.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-info.checked:hover) button,:host(.ix-info.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-info.checked:active) button,:host(.ix-info.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-info.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) button,:host(.ix-info.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-warning) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--warning );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--warning--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--warning--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--warning );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--warning--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--warning--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--warning );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--warning--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--warning--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--warning );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--warning--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--warning--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--warning );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--warning--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--warning--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--warning );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--warning--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--warning--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-warning:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-warning:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-warning.checked) button,:host(.ix-warning.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-warning.checked:hover) button,:host(.ix-warning.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-warning.checked:active) button,:host(.ix-warning.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-warning.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) button,:host(.ix-warning.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid--required) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--invalid );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--invalid--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--invalid--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--invalid );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--invalid--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--invalid--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--invalid );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--invalid--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--invalid--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--invalid );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--invalid--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--invalid--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--invalid );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--invalid--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--invalid--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--invalid );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--invalid--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--invalid--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid--required:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid--required:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid--required.checked) button,:host(.ix-invalid--required.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid--required.checked:hover) button,:host(.ix-invalid--required.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) button,:host(.ix-invalid--required.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid--required.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) button,:host(.ix-invalid--required.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--invalid );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--invalid--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--invalid--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--invalid );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--invalid--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--invalid--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--invalid );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--invalid--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--invalid--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--invalid );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--invalid--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--invalid--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--invalid );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--invalid--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--invalid--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--invalid );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--invalid--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--invalid--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid.checked) button,:host(.ix-invalid.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid.checked:hover) button,:host(.ix-invalid.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid.checked:active) button,:host(.ix-invalid.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) button,:host(.ix-invalid.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.disabled){pointer-events:none}:host(.disabled) button,:host(.disabled) label,:host(.disabled) input{pointer-events:none}"}},[833,"ix-checkbox",{name:[513],value:[513],label:[1],checked:[1540],disabled:[516],indeterminate:[516],required:[516],hasDefaultSlotElements:[32],hasValidValue:[64],getAssociatedFormElement:[64],isTouched:[64]},void 0,{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}]);!function(e,c,o,r){var h,d=arguments.length,t=d<3?c:null===r?r=Object.getOwnPropertyDescriptor(c,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,c,o,r);else for(var b=e.length-1;b>=0;b--)(h=e[b])&&(t=(d<3?h(t):d>3?h(c,o,t):h(c,o))||t);d>3&&t&&Object.defineProperty(c,o,t)}([n()],l.prototype,"updateClassMappings",null);const v=l,s=function(){"undefined"!=typeof customElements&&["ix-checkbox","ix-typography"].forEach((e=>{switch(e){case"ix-checkbox":customElements.get(t(e))||customElements.define(t(e),l);break;case"ix-typography":customElements.get(t(e))||k()}}))};export{v as IxCheckbox,s as defineCustomElement}
|
package/components/ix-chip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,M as a,e as i,h as o,d as e,t}from"./p-CtDOTMOT.js";import{n as c}from"./p-BtSt9tC5.js";import{a as n}from"./p-C21npbUc.js";import{D as l}from"./p-CApDAYIa.js";import{I as h}from"./p-BST8QY5w.js";import{m as p}from"./p-Djkc69iv.js";import{d as u}from"./p-Dfd_ifAu.js";import{d as s}from"./p-DhWkcMmR.js";const d=["primary","alarm","critical","warning","info","neutral","success","custom"],b=r(class extends(a(...l,h)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow(),this.closeChip=i(this,"closeChip",7)}get hostElement(){return this}variant="primary";inactive=!1;closable=!1;icon;ariaLabelIcon;background;chipColor;outline=!1;tooltipText=!1;centerContent=!1;ariaLabelCloseButton="Close chip";closeChip;containerElementRef=p();getIgnoredAriaAttributes(){return["role"]}componentWillLoad(){super.componentWillLoad()}getTooltip(){if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text"))return null;const r="string"==typeof this.tooltipText&&this.tooltipText.trim()?this.tooltipText:this.hostElement.textContent?.trim();return o("ix-tooltip",{for:this.containerElementRef.waitForCurrent(),"aria-label":r||void 0},r)}getCustomStyles(r){const a={},i={};return"custom"!==r||(i.color=this.chipColor,this.chipColor&&(a.color=this.chipColor),this.outline&&this.background?a.borderColor=this.background:!this.outline&&this.background&&(i.backgroundColor=this.background)),{wrap:a,main:i}}getIconStyle(r){if("custom"===r)return{color:this.outline?this.background:this.chipColor}}getHostRole(r){return this.hostElement.hasAttribute("role")?this.hostElement.getAttribute("role")??void 0:r?"group":void 0}render(){const r=d.includes(this.variant)?this.variant:"primary",{wrap:a,main:i}=this.getCustomStyles(r),t=!this.inactive&&this.closable,l={"chip-wrap":!0,outline:this.outline,inactive:this.inactive,alarm:"alarm"===r,critical:"critical"===r,info:"info"===r,neutral:"neutral"===r,primary:"primary"===r,success:"success"===r,warning:"warning"===r,custom:"custom"===r,closable:this.closable,icon:!!this.icon,centerContent:this.centerContent},h=!this.ariaLabelIcon?.trim(),p=!!this.inheritAriaAttributes["aria-label"]?.trim()||!!this.inheritAriaAttributes["aria-labelledby"]?.trim(),u=!!this.tooltipText||this.hostElement.hasAttribute("tooltip-text");return o(e,{key:"9f724c90d7b7b50436fd53dac1c9e473b568f8f6",role:this.getHostRole(p&&(t||u)),class:{inactive:this.inactive}},o("div",{key:"5fe02566c2d6b0a5ef6c6bc5c75aa8a1c9eae41c",ref:this.containerElementRef,class:l,style:a},o("button",{key:"9fe4c5a27535af0dc8bff42cc2d4e7277e91e7bd",type:"button",class:"chip-main",...this.inheritAriaAttributes,disabled:this.inactive,style:i},o("div",{key:"fa78760c9912d9642d95b60e401f599de00bc26c",class:"content-wrapper"},this.icon&&o("ix-icon",{key:"34307f0a33c01af655f4d37498a6fc98dfc499c5",class:{"with-icon":!0},name:this.icon,size:"24","aria-label":this.ariaLabelIcon,"aria-hidden":n(h),style:this.getIconStyle(r)}),o("span",{key:"c2093240153933547f8c1e6e5cbe80d664c5aafa",class:"slot-container"},o("slot",{key:"c08bf6660d91b77e9d640583a9e2eb5cc4de7365"})))),t&&o("button",{key:"233aaa96d9650b9b357b7bae028f9baafd312517",type:"button",class:"chip-close","aria-label":this.ariaLabelCloseButton,onClick:r=>{this.closeChip.emit(r),r.stopPropagation()}},o("ix-icon",{key:"f095e50123273af0a21f3321e6b81358f1cfe8b3",class:"chip-close__icon",name:c,size:"16","aria-hidden":"true"}))),this.getTooltip())}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{display:inline-block;position:relative;height:2rem;max-height:2rem}: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(.inactive){pointer-events:none}.chip-wrap{display:inline-flex;width:inherit;max-width:100%;box-sizing:border-box;position:relative;align-items:stretch;border-radius:100px;vertical-align:top;min-height:2rem;max-height:2rem}.chip-wrap .chip-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;box-sizing:border-box;display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;width:100%;border-radius:inherit;padding-block:0.5rem;padding-inline:0.75rem;font:inherit;text-align:inherit;color:inherit;cursor:pointer;background:transparent}.chip-wrap .chip-main:disabled{cursor:default}.chip-wrap .chip-main:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.chip-wrap .chip-main .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.chip-wrap .chip-main .with-icon{margin-right:0.25rem}.chip-wrap .chip-main .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-wrap.centerContent .chip-main .content-wrapper{justify-content:center;text-align:center}.chip-wrap.outline .chip-main{padding-left:calc(0.75rem - 0.0625rem)}.chip-wrap.outline:not(.closable) .chip-main,.chip-wrap.outline.closable.inactive .chip-main{padding-right:calc(0.75rem - 0.0625rem)}.chip-wrap.outline.closable:not(.inactive) .chip-main{padding-right:calc(0.25rem + 1.5rem + 0.375rem - 0.0625rem)}.chip-wrap:not(.outline) .chip-main{padding-left:0.75rem}.chip-wrap:not(.outline):not(.closable) .chip-main,.chip-wrap:not(.outline).closable.inactive .chip-main{padding-right:0.75rem}.chip-wrap:not(.outline).closable:not(.inactive) .chip-main{padding-right:calc(0.25rem + 1.5rem + 0.375rem)}.chip-wrap .chip-close{position:absolute;right:0.25rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;box-sizing:border-box;border:0;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:var(--theme-color-std-text);border-radius:50%;flex-shrink:0;z-index:1}.chip-wrap .chip-close:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.chip-wrap .chip-close__icon{display:block;pointer-events:none}.chip-wrap.outline{border-width:0.0625rem;border-style:solid}.chip-wrap.primary:not(.outline){color:var(--theme-chip-primary--color)}.chip-wrap.primary:not(.outline) .chip-main{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.chip-wrap.primary:not(.outline) .chip-main:hover{background-color:var(--theme-chip-primary--background--hover)}.chip-wrap.primary:not(.outline) .chip-main:active{background-color:var(--theme-chip-primary--background--active)}.chip-wrap.primary:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.primary:not(.outline) .chip-close:hover{background-color:var(--theme-chip-primary--background--hover)}.chip-wrap.primary:not(.outline) .chip-close:active{background-color:var(--theme-chip-primary--background--active)}.chip-wrap.primary.outline{color:var(--theme-chip-primary-outline--color--display);background-color:var(--theme-chip-primary-outline--background);border:solid 0.0625rem var(--theme-chip-primary-outline--border-color)}.chip-wrap.primary.outline:hover:not(.inactive){border-color:var(--theme-chip-primary-outline--border-color--hover)}.chip-wrap.primary.outline:active:not(.inactive){border-color:var(--theme-chip-primary-outline--border-color--active)}.chip-wrap.primary.outline .chip-main{background-color:transparent;color:var(--theme-chip-primary-outline--color--display)}.chip-wrap.primary.outline .chip-main:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.chip-wrap.primary.outline .chip-main:active{background-color:var(--theme-chip-primary-outline--background--active)}.chip-wrap.primary.outline.icon .with-icon{color:var(--theme-color-primary)}.chip-wrap.primary.outline:hover:not(.inactive).icon .with-icon{color:var(--theme-chip-primary-outline--color--hover)}.chip-wrap.primary.outline:active:not(.inactive).icon .with-icon{color:var(--theme-chip-primary-outline--color--active)}.chip-wrap.primary.outline .chip-close{color:inherit}.chip-wrap.primary.outline .chip-close:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.chip-wrap.primary.outline .chip-close:active{background-color:var(--theme-chip-primary-outline--background--active)}.chip-wrap.alarm:not(.outline){color:var(--theme-color-alarm--contrast)}.chip-wrap.alarm:not(.outline) .chip-main{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}.chip-wrap.alarm:not(.outline) .chip-main:hover{background-color:var(--theme-color-alarm--hover)}.chip-wrap.alarm:not(.outline) .chip-main:active{background-color:var(--theme-color-alarm--active)}.chip-wrap.alarm:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.alarm:not(.outline) .chip-close:hover{background-color:var(--theme-color-alarm--hover)}.chip-wrap.alarm:not(.outline) .chip-close:active{background-color:var(--theme-color-alarm--active)}.chip-wrap.alarm.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-alarm)}.chip-wrap.alarm.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.alarm.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.alarm.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.alarm.outline.icon .with-icon{color:var(--theme-color-alarm)}.chip-wrap.alarm.outline .chip-close{color:inherit}.chip-wrap.alarm.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.alarm.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.critical:not(.outline){color:var(--theme-color-critical--contrast)}.chip-wrap.critical:not(.outline) .chip-main{background-color:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}.chip-wrap.critical:not(.outline) .chip-main:hover{background-color:var(--theme-color-critical--hover)}.chip-wrap.critical:not(.outline) .chip-main:active{background-color:var(--theme-color-critical--active)}.chip-wrap.critical:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.critical:not(.outline) .chip-close:hover{background-color:var(--theme-color-critical--hover)}.chip-wrap.critical:not(.outline) .chip-close:active{background-color:var(--theme-color-critical--active)}.chip-wrap.critical.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-critical)}.chip-wrap.critical.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.critical.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.critical.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.critical.outline.icon .with-icon{color:var(--theme-color-critical)}.chip-wrap.critical.outline .chip-close{color:inherit}.chip-wrap.critical.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.critical.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.warning:not(.outline){color:var(--theme-color-warning--contrast)}.chip-wrap.warning:not(.outline) .chip-main{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}.chip-wrap.warning:not(.outline) .chip-main:hover{background-color:var(--theme-color-warning--hover)}.chip-wrap.warning:not(.outline) .chip-main:active{background-color:var(--theme-color-warning--active)}.chip-wrap.warning:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.warning:not(.outline) .chip-close:hover{background-color:var(--theme-color-warning--hover)}.chip-wrap.warning:not(.outline) .chip-close:active{background-color:var(--theme-color-warning--active)}.chip-wrap.warning.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-warning)}.chip-wrap.warning.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.warning.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.warning.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.warning.outline.icon .with-icon{color:var(--theme-color-warning-text)}.chip-wrap.warning.outline .chip-close{color:inherit}.chip-wrap.warning.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.warning.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.info:not(.outline){color:var(--theme-color-info--contrast)}.chip-wrap.info:not(.outline) .chip-main{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}.chip-wrap.info:not(.outline) .chip-main:hover{background-color:var(--theme-color-info--hover)}.chip-wrap.info:not(.outline) .chip-main:active{background-color:var(--theme-color-info--active)}.chip-wrap.info:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.info:not(.outline) .chip-close:hover{background-color:var(--theme-color-info--hover)}.chip-wrap.info:not(.outline) .chip-close:active{background-color:var(--theme-color-info--active)}.chip-wrap.info.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-info)}.chip-wrap.info.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.info.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.info.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.info.outline.icon .with-icon{color:var(--theme-color-info)}.chip-wrap.info.outline .chip-close{color:inherit}.chip-wrap.info.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.info.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.neutral:not(.outline){color:var(--theme-color-neutral--contrast)}.chip-wrap.neutral:not(.outline) .chip-main{background-color:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}.chip-wrap.neutral:not(.outline) .chip-main:hover{background-color:var(--theme-color-neutral--hover)}.chip-wrap.neutral:not(.outline) .chip-main:active{background-color:var(--theme-color-neutral--active)}.chip-wrap.neutral:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.neutral:not(.outline) .chip-close:hover{background-color:var(--theme-color-neutral--hover)}.chip-wrap.neutral:not(.outline) .chip-close:active{background-color:var(--theme-color-neutral--active)}.chip-wrap.neutral.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-neutral)}.chip-wrap.neutral.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.neutral.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.neutral.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.neutral.outline.icon .with-icon{color:var(--theme-color-neutral)}.chip-wrap.neutral.outline .chip-close{color:inherit}.chip-wrap.neutral.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.neutral.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.success:not(.outline){color:var(--theme-color-success--contrast)}.chip-wrap.success:not(.outline) .chip-main{background-color:var(--theme-color-success);color:var(--theme-color-success--contrast)}.chip-wrap.success:not(.outline) .chip-main:hover{background-color:var(--theme-color-success--hover)}.chip-wrap.success:not(.outline) .chip-main:active{background-color:var(--theme-color-success--active)}.chip-wrap.success:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.success:not(.outline) .chip-close:hover{background-color:var(--theme-color-success--hover)}.chip-wrap.success:not(.outline) .chip-close:active{background-color:var(--theme-color-success--active)}.chip-wrap.success.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}.chip-wrap.success.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.success.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.success.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.success.outline.icon .with-icon{color:var(--theme-color-success)}.chip-wrap.success.outline .chip-close{color:inherit}.chip-wrap.success.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.success.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.outline .chip-close{background-color:var(--theme-chip-close-btn--background)}.chip-wrap.outline .chip-close:hover{background-color:var(--theme-chip-close-btn--background--hover)}.chip-wrap.outline .chip-close:active{background-color:var(--theme-chip-close-btn--background--active)}.chip-wrap.custom.outline{background-color:var(--theme-chip-outline--background)}.chip-wrap.custom.outline .chip-main{background-color:transparent}.chip-wrap.custom.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.custom.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.custom.outline .chip-close{color:inherit}.chip-wrap.custom.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.custom.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.custom:not(.outline) .chip-main{position:relative}.chip-wrap.custom:not(.outline) .chip-main:hover::after,.chip-wrap.custom:not(.outline) .chip-main:active::after{content:"";display:block;position:absolute;inset:0;border-radius:100px;pointer-events:none}.chip-wrap.custom:not(.outline) .chip-main:hover::after{background-color:color-mix(in srgb, currentColor 10%, transparent)}.chip-wrap.custom:not(.outline) .chip-main:active::after{background-color:color-mix(in srgb, currentColor 20%, transparent)}.chip-wrap.custom:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.custom:not(.outline) .chip-close:hover{background-color:color-mix(in srgb, currentColor 10%, transparent)}.chip-wrap.custom:not(.outline) .chip-close:active{background-color:color-mix(in srgb, currentColor 20%, transparent)}'}},[769,"ix-chip",{variant:[513],inactive:[4],closable:[4],icon:[1],ariaLabelIcon:[1,"aria-label-icon"],background:[1],chipColor:[1,"chip-color"],outline:[4],tooltipText:[8,"tooltip-text"],centerContent:[4,"center-content"],ariaLabelCloseButton:[1,"aria-label-close-button"],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}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["ix-chip","ix-tooltip","ix-typography"].forEach((r=>{switch(r){case"ix-chip":customElements.get(t(r))||customElements.define(t(r),b);break;case"ix-tooltip":customElements.get(t(r))||u();break;case"ix-typography":customElements.get(t(r))||s()}}))};export{m as IxChip,g as defineCustomElement}
|
|
1
|
+
import{C as o,d as s}from"./p-CTRSoM-z.js";const p=o,r=s;export{p as IxChip,r as defineCustomElement}
|
package/components/ix-col.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as o,d as
|
|
1
|
+
import{C as o,d as p}from"./p-tpMN9yTQ.js";const s=o,t=p;export{s as IxCol,t as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,e as a,h as s,d as i,t as o}from"./p-
|
|
1
|
+
import{p as e,H as t,e as a,h as s,d as i,t as o}from"./p-eN5fQtqO.js";import{C as r}from"./p-DsVj4Cd-.js";import{d as l}from"./p-DdlGyKd2.js";import{d as c}from"./p-D7sEY2UQ.js";import{d as n}from"./p-YFmbQndr.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.backButtonClick=a(this,"backButtonClick",7)}variant="primary";headerTitle;headerSubtitle=void 0;hasBackButton=!1;backButtonClick;render(){return s(i,{key:"f61310f6ea0a3469000fee7fb7b7186baa2cf36e"},this.hasBackButton?s("ix-icon-button",{class:"backButton",variant:"tertiary",icon:r,onClick:()=>this.backButtonClick.emit()}):null,s("div",{key:"e0676de94ec7d4ab15fb9fd482da5667f10cf4e4",class:"titleGroup"},s("div",{key:"6d0a6a9ff21a04430fa33f8a41c4e333bf3a4249",class:"headerTitleRow"},s("ix-typography",{key:"b66eb7cd9d491e3182765ad9747ecd626f45b23f",format:"secondary"===this.variant?"h4":"h3",class:{secondary:"secondary"===this.variant,titleOverflow:!0}},this.headerTitle),s("div",{key:"04c444efdf2cffaeb1ea0120c9e745626aef6f8c",class:"headerSlot"},s("slot",{key:"775eee1677756fd3a8f77f558b8110c93491bcd1",name:"header"}))),!!this.headerSubtitle&&s("ix-typography",{key:"abea3fa4aedd7ba74da32e656f34d472012dca14",format:"h6","text-color":"soft",class:{subtitle:"secondary"===this.variant,titleOverflow:!0},title:this.headerSubtitle},this.headerSubtitle)),s("div",{key:"798601c8081c2798088ebaeb3bce279947543e52",class:"buttons"},s("slot",{key:"330aa42677e2b0991519c0f3c9007c5f7eaa8483"})))}static get style(){return":host{display:flex;flex-direction:row;align-items:flex-start;padding:0}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0;min-width:0;white-space:nowrap;margin-right:0.5rem}:host .titleGroup .titleOverflow{overflow:hidden;text-overflow:ellipsis}:host .titleGroup .headerTitleRow{display:flex}:host .titleGroup .headerTitleRow .headerSlot{display:inline-flex;margin-left:0.5rem}:host .titleGroup .secondary{padding:0.25rem 0}:host .subtitle{margin-top:-0.125rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}"}},[769,"ix-content-header",{variant:[1],headerTitle:[1,"header-title"],headerSubtitle:[1,"header-subtitle"],hasBackButton:[4,"has-back-button"]}]),f=d,h=function(){"undefined"!=typeof customElements&&["ix-content-header","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-content-header":customElements.get(o(e))||customElements.define(o(e),d);break;case"ix-icon-button":customElements.get(o(e))||l();break;case"ix-spinner":customElements.get(o(e))||c();break;case"ix-typography":customElements.get(o(e))||n()}}))};export{f as IxContentHeader,h as defineCustomElement}
|
package/components/ix-content.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as e,H as t,h as o,d as r,t as s}from"./p-eN5fQtqO.js";import{h as a}from"./p-Dw_A3HUC.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}isContentHeaderSlotted=!1;get contentHeaderSlot(){return this.hostElement.shadowRoot.querySelector(".content-header slot")}render(){return o(r,{key:"b0090d73abb383f550111eb0adc7b143d8e605de"},o("div",{key:"ec8cce11ef773bb5b6665063558e33882c2c3d53",class:{"content-header":!0,slotted:this.isContentHeaderSlotted}},o("slot",{key:"04ecaaeebdf17a57efd35cba932bc09928911fdd",name:"header",onSlotchange:()=>{this.isContentHeaderSlotted=a(this.contentHeaderSlot)}})),o("div",{key:"2fdeaacd37f4fe25c30b4807c61035297253385b",class:"content"},o("slot",{key:"d9ee1690a88d8f8a587a23cb1520a9b0598f2949"})))}static get style(){return":host{display:flex;flex-direction:column;position:relative;padding:0.75rem 2rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}: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 .content{flex-grow:1;overflow:auto;position:relative}:host .content-header.slotted{margin-bottom:1.5rem}"}},[769,"ix-content",{isContentHeaderSlotted:[32]}]),n=c,b=function(){"undefined"!=typeof customElements&&["ix-content"].forEach((e=>{"ix-content"===e&&(customElements.get(s(e))||customElements.define(s(e),c))}))};export{n as IxContent,b as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as e,H as t,h as s,d as i,t as c}from"./p-eN5fQtqO.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}itemName;render(){const e={};return e["grid-area"]=this.itemName,s(i,{key:"4b9b2bded16014b694a78359c5591ad26098af76",style:e},s("slot",{key:"1311fdee7e255ae712cea4ca5b94a4c27ab4b3cf"}))}static get style(){return":host{display:block;position:relative}:host ::slotted(*){height:100%;width:100%}"}},[769,"ix-css-grid-item",{itemName:[1,"item-name"]}]),a=o,m=function(){"undefined"!=typeof customElements&&["ix-css-grid-item"].forEach((e=>{"ix-css-grid-item"===e&&(customElements.get(c(e))||customElements.define(c(e),o))}))};export{a as IxCssGridItem,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as s,d as i,t as n}from"./p-
|
|
1
|
+
import{p as e,H as t,h as s,d as i,t as n}from"./p-eN5fQtqO.js";const r=[{name:"sm",query:"only screen and (max-width: 576px)"},{name:"md",query:"only screen and (max-width: 768px)"},{name:"lg",query:"only screen and (max-width: 992px)"}],a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}templates;currentTemplate;disposeMediaQueryListener=[];mediaQueries=[];componentWillRender(){this.mediaQueries=r.map((e=>{const t=window.matchMedia(e.query),s=()=>{this.applyTemplate()};return this.disposeMediaQueryListener.push(s),t.addEventListener("change",s),{...e,mediaQuery:t}})),this.applyTemplate()}disconnectedCallback(){this.mediaQueries.forEach(((e,t)=>{e.mediaQuery.removeEventListener("change",this.disposeMediaQueryListener[t])}))}findNextTemplate(e){if(!this.templates)return[];const t=this.mediaQueries.findIndex((t=>t.name===e));return this.templates[this.mediaQueries[t+1].name]||this.findNextTemplate(this.mediaQueries[t+1].name)}applyTemplate(){if(!this.templates)return;let e=this.mediaQueries.find((e=>e.mediaQuery.matches));e||(e=this.mediaQueries[this.mediaQueries.length-1]);this.currentTemplate=this.templates[e.name]||this.findNextTemplate(e.name)}render(){const e={};return this.currentTemplate&&0!==this.currentTemplate.length&&(e["grid-template-areas"]=function(e){let t="";return e.forEach((e=>{t+='"',t=e.reduce(((e,t)=>`${e} ${t}`),t),t+='"\n'})),t}(this.currentTemplate)),s(i,{key:"08b015b37602ee0ec82a2c8fb45f2ebc37a5495a",style:e},s("slot",{key:"ed86863c712c46fb4de4cc4e9121958b372e8ade"}))}static get style(){return":host{display:grid;position:relative;row-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}"}},[769,"ix-css-grid",{templates:[16],currentTemplate:[32]}]),c=a,m=function(){"undefined"!=typeof customElements&&["ix-css-grid"].forEach((e=>{"ix-css-grid"===e&&(customElements.get(n(e))||customElements.define(n(e),a))}))};export{c as IxCssGrid,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as i,d as s,t as
|
|
1
|
+
import{p as t,H as e,h as i,d as s,t as a}from"./p-eN5fQtqO.js";import{d as o}from"./p-BGOtCwtj.js";import{d as n}from"./p-eGuQ8D3W.js";import{d as l}from"./p-CgPr717U.js";import{d as r}from"./p-YFmbQndr.js";import{H as d}from"./p-BTBxxgtF.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}required=!1;label;helperText;infoText;warningText;invalidText;validText;showTextAsTooltip;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;updateValidationState({isInvalid:t,isValid:e,isInfo:i,isWarning:s}){this.isInvalid=t,this.isValid=e,this.isInfo=i,this.isWarning=s}render(){return i(s,{key:"3865a646510b0a6c599fdeb3adb29d58f311d8d4"},i("ix-field-wrapper",{key:"bfaa5e15d46ce3328c072c1888ea3ca2a8f82521",label:this.label,helperText:this.helperText,infoText:this.infoText,warningText:this.warningText,invalidText:this.invalidText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,required:this.required},i("slot",{key:"6fc00234329533b6876319d7a851f417a0e9a4d3"})))}static get style(){return":host{display:block;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}"}},[769,"ix-custom-field",{required:[4],label:[1],helperText:[1,"helper-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],invalidText:[1,"invalid-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32]}]);!function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)}([d({includeChildren:!0})],f.prototype,"updateValidationState",null);const c=f,p=function(){"undefined"!=typeof customElements&&["ix-custom-field","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-custom-field":customElements.get(a(t))||customElements.define(a(t),f);break;case"ix-field-label":customElements.get(a(t))||o();break;case"ix-field-wrapper":customElements.get(a(t))||n();break;case"ix-tooltip":customElements.get(a(t))||l();break;case"ix-typography":customElements.get(a(t))||r()}}))};export{c as IxCustomField,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,M as e,e as o,h as r,d as i,t as s}from"./p-CtDOTMOT.js";import{p as a}from"./p-BtSt9tC5.js";import{D as n}from"./p-D1WplX1z.js";import{D as d,h as c}from"./p-CApDAYIa.js";import{m as l}from"./p-Djkc69iv.js";import{r as h}from"./p-BEuV0Xpe.js";import{B as b}from"./p-DM7ma3Eh.js";import{b as u,a as m}from"./p-C21npbUc.js";import{T as p}from"./p-DtmgZu-S.js";import{d as g}from"./p-Wr4Qf8LA.js";import{d as k}from"./p-BuBQiemL.js";import{d as f}from"./p-DKH7tPDu.js";import{d as v}from"./p-B-O0ylt_.js";import{d as x}from"./p-BDlGgfYh.js";import{d as y}from"./p-CrDBjFhu.js";import{d as w}from"./p-3VG6z9c3.js";import{d as D}from"./p-Dwe6tWhq.js";import{d as R}from"./p-DhWkcMmR.js";const q=t(class extends(e(...d)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dateRangeChange=o(this,"dateRangeChange",7)}get hostElement(){return this}disabled=!1;format="yyyy/LL/dd";singleSelection=!1;from="";to="";minDate="";maxDate="";dateRangeId="custom";variant="primary";loading=!1;showWeekNumbers=!1;onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId),this.updateCurrentDate(),this.setDateRangeSelection(this.dateRangeId),this.currentRangeValue&&this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}dateRangeOptions=[];onDateRangeOptionsChange(){this.initialize(),this.onDateRangeIdChange()}locale;weekStartIndex=0;i18nDone="Done";i18nNoRange="No range set";today=n.now().toISO();enableTopLayer=!1;dateRangeChange;selectedDateRangeId="";currentRangeValue;show=!1;triggerRef=l();onDisabledChange(){this.disabled&&this.closeDropdown()}datePickerRef=l();inheritAriaAttributes={};componentWillLoad(){this.initialize(),this.setDateRangeSelection(this.dateRangeId),this.inheritAriaAttributes=u(this.hostElement)}async getDateRange(){return this.currentRangeValue||{id:"",from:"",to:""}}initialize(){const t="custom"===this.dateRangeId||!this.dateRangeId&&!!this.from&&!!this.to;return t?(this.selectedDateRangeId="custom",void this.updateCurrentDate()):t||this.from?(console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".'),this.selectedDateRangeId="custom",void this.updateCurrentDate()):void 0}updateCurrentDate(){this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to}}onDateSelect(t){this.dateRangeChange.emit(t)}onRangeListSelect(t){this.setDateRangeSelection(t)&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue)}setDateRangeSelection(t){this.selectedDateRangeId=t;const e=this.dateRangeOptions.find((e=>e.id===t));if(e)if(e.from&&e?.from===this.currentRangeValue?.from){const t=n.fromFormat(e.from,this.format);this.datePickerRef.current?.updateSelectedYearMonth(t)}else this.currentRangeValue=e;return e}closeDropdown(){const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");t&&(t.show=!1)}getButtonLabel(){if(this.currentRangeValue?.from){let t=this.currentRangeValue.from;return this.currentRangeValue.to===this.currentRangeValue.from||this.currentRangeValue.to&&(t+=" - "+this.currentRangeValue.to),t}return this.i18nNoRange}render(){const t=this.inheritAriaAttributes["aria-label"]||this.getButtonLabel();return r(i,{key:"22f023b7eebe6aeb1d1fb43e6fd9fca761fbb654",onFocusout:t=>{t.relatedTarget&&this.closeDropdown()},role:"presentation"},r("ix-button",{key:"79990d758b39d7f8438d7333f1c148f94665f157","data-testid":"date-dropdown-trigger","data-date-dropdown-trigger":!0,variant:this.variant,loading:this.loading,icon:a,ref:this.triggerRef,disabled:this.disabled,...this.inheritAriaAttributes,"aria-haspopup":"true","aria-expanded":m(this.show),"aria-controls":"date-dropdown","aria-label":t,[p]:!0},this.getButtonLabel()),r("ix-dropdown",{key:"04df9639b41dc3084e0a035e39441a64fb5398aa",focusTrapOptions:{excludeElements:!0,trapFocusInShadowDom:!0},focusHost:this.hostElement,id:"date-dropdown","data-testid":"date-dropdown","data-date-dropdown":!0,class:"min-width max-height",trigger:this.triggerRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,onShowChanged:async({detail:t})=>{this.show=t,!t&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue),t&&c()&&h((()=>{const t=this.datePickerRef.current;t?.focus()}))}},r("div",{key:"23f80678526a96c98c84130b820932ac449bfdb6",class:"container"},this.dateRangeOptions?.length>1&&r("div",{key:"e0ca957c06b3bf7ab910687958d9744e1bccba5e",class:{"quick-selection":!0,"border-right":"custom"===this.selectedDateRangeId}},this.dateRangeOptions.map((t=>r(b,{disabled:!1,iconOnly:!1,iconOval:!1,selected:!1,loading:!1,type:"button",variant:"subtle-tertiary",onClick:()=>this.onRangeListSelect(t.id),ariaAttributes:{"aria-label":`${t.label}: ${t.from} to ${t.to}`}},t.label)))),r("div",{key:"47498278df33744c548709315f7e4f88b946c1cb",class:"picker-wrapper"},r("ix-date-picker",{key:"7d2f12fcc2cd5018edfec3aa387f5ede6704bd04",ref:this.datePickerRef,embedded:!0,locale:this.locale,onDateChange:t=>{t.stopPropagation(),this.currentRangeValue={...t.detail,id:"custom"}},onDateRangeChange:t=>t.stopPropagation(),format:this.format,singleSelection:this.singleSelection,from:this.from||this.currentRangeValue?.from,to:this.to||this.currentRangeValue?.to,minDate:this.minDate,maxDate:this.maxDate,today:this.today,weekStartIndex:this.weekStartIndex,showWeekNumbers:this.showWeekNumbers}),r("div",{key:"b1b223d1116fdd455887e985aa8906c24de5b990",class:"pull-right"},r("ix-button",{key:"f788cee56c6aefaa3de91cabad89c01499d1b036",onClick:()=>{this.currentRangeValue&&(this.onDateSelect(this.currentRangeValue),this.closeDropdown())}},this.i18nDone))))))}static get watchers(){return{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return":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 .pull-right{position:relative;float:right;padding:1rem}:host .quick-selection{display:inline-flex;flex-direction:column;gap:0.25rem;border-right:var(--theme-x-weak-bdr-1);overflow:auto;padding:0.5rem}:host .quick-selection ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .quick-selection *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .quick-selection ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .quick-selection ::-webkit-scrollbar-corner{display:none}:host .quick-selection .btn{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);min-width:8rem;min-height:2rem;max-height:2rem;justify-content:flex-start}:host .quick-selection .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .quick-selection .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 .quick-selection .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 .quick-selection .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .quick-selection .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 .container{display:flex;flex-direction:row;height:25rem;max-height:25rem;flex-wrap:nowrap}:host .picker-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}:host .picker-wrapper ix-date-picker{height:21rem}:host ix-dropdown{padding:0px}@media only screen and (max-width: 48em){:host .container{flex-direction:column;max-height:unset;height:unset}:host .quick-selection{max-height:12rem}}"}},[513,"ix-date-dropdown",{disabled:[4],format:[1],singleSelection:[4,"single-selection"],from:[1],to:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],dateRangeId:[1,"date-range-id"],variant:[1],loading:[4],showWeekNumbers:[4,"show-week-numbers"],dateRangeOptions:[16],locale:[1],weekStartIndex:[2,"week-start-index"],i18nDone:[1,"i18n-done"],i18nNoRange:[1,"i18n-no-range"],today:[1],enableTopLayer:[4,"enable-top-layer"],selectedDateRangeId:[32],currentRangeValue:[32],show:[32],getDateRange:[64]},void 0,{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}]),C=q,j=function(){"undefined"!=typeof customElements&&["ix-date-dropdown","ix-button","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-date-dropdown":customElements.get(s(t))||customElements.define(s(t),q);break;case"ix-button":customElements.get(s(t))||g();break;case"ix-date-picker":customElements.get(s(t))||k();break;case"ix-date-time-card":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||v();break;case"ix-dropdown-button":customElements.get(s(t))||x();break;case"ix-dropdown-item":customElements.get(s(t))||y();break;case"ix-icon-button":customElements.get(s(t))||w();break;case"ix-spinner":customElements.get(s(t))||D();break;case"ix-typography":customElements.get(s(t))||R()}}))};export{C as IxDateDropdown,j as defineCustomElement}
|
|
1
|
+
import{p as t,M as e,e as o,h as r,d as i,t as s}from"./p-eN5fQtqO.js";import{D as a}from"./p-DsVj4Cd-.js";import{D as n}from"./p-D1WplX1z.js";import{D as d,h as c}from"./p-CApDAYIa.js";import{m as l}from"./p-Djkc69iv.js";import{r as h}from"./p-BEuV0Xpe.js";import{B as b}from"./p-BQ-hS49k.js";import{b as u,a as m}from"./p-C21npbUc.js";import{T as p}from"./p-DWOjSq8j.js";import{d as g}from"./p-CRtj-KBq.js";import{d as k}from"./p-DtWFUcZO.js";import{d as f}from"./p-DiYkfhDE.js";import{d as v}from"./p-CLDB-pmj.js";import{d as x}from"./p-CvAmaEU2.js";import{d as y}from"./p-CUpOF7jN.js";import{d as w}from"./p-DdlGyKd2.js";import{d as D}from"./p-D7sEY2UQ.js";import{d as q}from"./p-YFmbQndr.js";const R=t(class extends(e(...d)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dateRangeChange=o(this,"dateRangeChange",7)}get hostElement(){return this}disabled=!1;format="yyyy/LL/dd";singleSelection=!1;from="";to="";minDate="";maxDate="";dateRangeId="custom";variant="primary";loading=!1;showWeekNumbers=!1;onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId),this.updateCurrentDate(),this.setDateRangeSelection(this.dateRangeId),this.currentRangeValue&&this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}dateRangeOptions=[];onDateRangeOptionsChange(){this.initialize(),this.onDateRangeIdChange()}locale;weekStartIndex=0;i18nDone="Done";i18nNoRange="No range set";today=n.now().toISO();enableTopLayer=!1;dateRangeChange;selectedDateRangeId="";currentRangeValue;show=!1;triggerRef=l();onDisabledChange(){this.disabled&&this.closeDropdown()}datePickerRef=l();inheritAriaAttributes={};componentWillLoad(){this.initialize(),this.setDateRangeSelection(this.dateRangeId),this.inheritAriaAttributes=u(this.hostElement)}async getDateRange(){return this.currentRangeValue||{id:"",from:"",to:""}}initialize(){const t="custom"===this.dateRangeId||!this.dateRangeId&&!!this.from&&!!this.to;return t?(this.selectedDateRangeId="custom",void this.updateCurrentDate()):t||this.from?(console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".'),this.selectedDateRangeId="custom",void this.updateCurrentDate()):void 0}updateCurrentDate(){this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to}}onDateSelect(t){this.dateRangeChange.emit(t)}onRangeListSelect(t){this.setDateRangeSelection(t)&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue)}setDateRangeSelection(t){this.selectedDateRangeId=t;const e=this.dateRangeOptions.find((e=>e.id===t));if(e)if(e.from&&e?.from===this.currentRangeValue?.from){const t=n.fromFormat(e.from,this.format);this.datePickerRef.current?.updateSelectedYearMonth(t)}else this.currentRangeValue=e;return e}closeDropdown(){const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");t&&(t.show=!1)}getButtonLabel(){if(this.currentRangeValue?.from){let t=this.currentRangeValue.from;return this.currentRangeValue.to===this.currentRangeValue.from||this.currentRangeValue.to&&(t+=" - "+this.currentRangeValue.to),t}return this.i18nNoRange}render(){const t=this.inheritAriaAttributes["aria-label"]||this.getButtonLabel();return r(i,{key:"5df489d50a9e459fcf350fcaf20dad2f3c6d09d8",onFocusout:t=>{t.relatedTarget&&this.closeDropdown()},role:"presentation"},r("ix-button",{key:"a457c4586b7d426cb3177b13ada395cd142c554c","data-testid":"date-dropdown-trigger","data-date-dropdown-trigger":!0,variant:this.variant,loading:this.loading,icon:a,ref:this.triggerRef,disabled:this.disabled,...this.inheritAriaAttributes,"aria-haspopup":"true","aria-expanded":m(this.show),"aria-controls":"date-dropdown","aria-label":t,[p]:!0},this.getButtonLabel()),r("ix-dropdown",{key:"4843647a409bf919d4221187eeb4fb9285a53f0e",focusTrapOptions:{excludeElements:!0,trapFocusInShadowDom:!0},focusHost:this.hostElement,id:"date-dropdown","data-testid":"date-dropdown","data-date-dropdown":!0,class:"min-width max-height",trigger:this.triggerRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,onShowChanged:async({detail:t})=>{this.show=t,!t&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue),t&&c()&&h((()=>{const t=this.datePickerRef.current;t?.focus()}))}},r("div",{key:"b56022ada38073e8f0eb41e45fe77ff9e7266619",class:"container"},this.dateRangeOptions?.length>1&&r("div",{key:"08899447b48dbb8e0a9afd9869611694f859de8c",class:{"quick-selection":!0,"border-right":"custom"===this.selectedDateRangeId}},this.dateRangeOptions.map((t=>r(b,{disabled:!1,iconOnly:!1,iconOval:!1,selected:!1,loading:!1,type:"button",variant:"subtle-tertiary",onClick:()=>this.onRangeListSelect(t.id),ariaAttributes:{"aria-label":`${t.label}: ${t.from} to ${t.to}`}},t.label)))),r("div",{key:"8c61f1698346dcbd76f6ac011c54c0034b19db70",class:"picker-wrapper"},r("ix-date-picker",{key:"d9f6d28e64a07aedd2f66a5edbb8c470e908b87e",ref:this.datePickerRef,embedded:!0,locale:this.locale,onDateChange:t=>{t.stopPropagation(),this.currentRangeValue={...t.detail,id:"custom"}},onDateRangeChange:t=>t.stopPropagation(),format:this.format,singleSelection:this.singleSelection,from:this.from||this.currentRangeValue?.from,to:this.to||this.currentRangeValue?.to,minDate:this.minDate,maxDate:this.maxDate,today:this.today,weekStartIndex:this.weekStartIndex,showWeekNumbers:this.showWeekNumbers}),r("div",{key:"1dc08213a7637d97a129484b84206f9c030448fd",class:"pull-right"},r("ix-button",{key:"fcdcc6e21a4aad47466ce6354d75286eed642081",onClick:()=>{this.currentRangeValue&&(this.onDateSelect(this.currentRangeValue),this.closeDropdown())}},this.i18nDone))))))}static get watchers(){return{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return":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 .pull-right{position:relative;float:right;padding:1rem}:host .quick-selection{display:inline-flex;flex-direction:column;gap:0.25rem;border-right:var(--theme-x-weak-bdr-1);overflow:auto;padding:0.5rem}:host .quick-selection *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .quick-selection *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .quick-selection *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .quick-selection *::-webkit-scrollbar-corner{display:none}:host .quick-selection .btn{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);min-width:8rem;min-height:2rem;max-height:2rem;justify-content:flex-start}:host .quick-selection .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .quick-selection .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 .quick-selection .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 .quick-selection .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .quick-selection .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 .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .quick-selection .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 .container{display:flex;flex-direction:row;height:25rem;max-height:25rem;flex-wrap:nowrap}:host .picker-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}:host .picker-wrapper ix-date-picker{height:21rem}:host ix-dropdown{padding:0px}@media only screen and (max-width: 48em){:host .container{flex-direction:column;max-height:unset;height:unset}:host .quick-selection{max-height:12rem}}"}},[513,"ix-date-dropdown",{disabled:[4],format:[1],singleSelection:[4,"single-selection"],from:[1],to:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],dateRangeId:[1,"date-range-id"],variant:[1],loading:[4],showWeekNumbers:[4,"show-week-numbers"],dateRangeOptions:[16],locale:[1],weekStartIndex:[2,"week-start-index"],i18nDone:[1,"i18n-done"],i18nNoRange:[1,"i18n-no-range"],today:[1],enableTopLayer:[4,"enable-top-layer"],selectedDateRangeId:[32],currentRangeValue:[32],show:[32],getDateRange:[64]},void 0,{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}]),j=R,C=function(){"undefined"!=typeof customElements&&["ix-date-dropdown","ix-button","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-date-dropdown":customElements.get(s(t))||customElements.define(s(t),R);break;case"ix-button":customElements.get(s(t))||g();break;case"ix-date-picker":customElements.get(s(t))||k();break;case"ix-date-time-card":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||v();break;case"ix-dropdown-button":customElements.get(s(t))||x();break;case"ix-dropdown-item":customElements.get(s(t))||y();break;case"ix-icon-button":customElements.get(s(t))||w();break;case"ix-spinner":customElements.get(s(t))||D();break;case"ix-typography":customElements.get(s(t))||q()}}))};export{j as IxDateDropdown,C as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as t,e as o,h as r,d as a,t as n}from"./p-CtDOTMOT.js";import{q as i}from"./p-BtSt9tC5.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,a as s,b as h,h as c,S as b,o as p,d as u,e as m}from"./p-CAH3dF6j.js";import{I as v,h as f,o as x,c as y,a as g}from"./p-CTbTAb9U.js";import{m as k}from"./p-Djkc69iv.js";import{D as w,h as z}from"./p-CApDAYIa.js";import{f as T}from"./p-C21npbUc.js";import{d as E}from"./p-Wr4Qf8LA.js";import{d as D}from"./p-BuBQiemL.js";import{d as C}from"./p-DKH7tPDu.js";import{d as I}from"./p-B-O0ylt_.js";import{d as j}from"./p-BDlGgfYh.js";import{d as S}from"./p-CrDBjFhu.js";import{d as V}from"./p-DtOqKp7K.js";import{d as A}from"./p-zyYHTdEN.js";import{d as B}from"./p-3VG6z9c3.js";import{d as L}from"./p-Dwe6tWhq.js";import{d as P}from"./p-Dfd_ifAu.js";import{d as O}from"./p-DhWkcMmR.js";import{c as R,g as W,H as q}from"./p-BWknDysp.js";const F=e(class extends(t(...w,v)){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)}minDate="";maxDate="";locale;format="yyyy/LL/dd";required;helperText;label;ariaLabelCalendarButton="Open calendar";invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorDateUnparsable="Date is not valid";showWeekNumbers=!1;weekStartIndex=0;ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;from=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=k();slotEndRef=k();datepickerRef=k();inputElementRef=k();dropdownElementRef=k();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;updateFormInternalValue(e){this.formInternals.setFormValue(e||null),this.value=e}connectedCallback(){this.classObserver=R(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.isInputInvalid?this.from=null:this.watchValue(),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}watchValue(){this.from=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),void this.valueChange.emit(e);if(!this.format)return;const t=l.fromFormat(e,this.format),o=l.fromFormat(this.minDate,this.format),r=l.fromFormat(this.maxDate,this.format);this.isInputInvalid=!t.isValid||t<o||t>r,this.isInputInvalid?(this.invalidReason=t.invalidReason??void 0,this.from=void 0):(this.updateFormInternalValue(e),this.closeDropdown(),z()&&this.inputElementRef.current?.focus()),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(e)}onCalenderClick(e){f(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return x(this.dropdownElementRef)}async closeDropdown(){return y(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleInputKeyDown(e){c(e,this.suppressSubmitOnEnter,this.formInternals.form)}renderInput(){return r("div",{class:"input-wrapper"},r(u,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,readonly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value??"",placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.ixFocus.emit()},onBlur:()=>{this.touched=!0,p(this,this.inputElementRef.current,this.value),this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e),style:{textAlign:this.textAlignment}}),r(b,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{tabindex:-1,ref:e=>T(e,-1),"aria-label":this.ariaLabelCalendarButton,"data-testid":"open-calendar",class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:i,onClick:e=>this.onCalenderClick(e)})))}hookValidationLifecycle({isInfo:e,isInvalid:t,isInvalidByRequired:o,isValid:r,isWarning:a}){this.isInvalid=t||o||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=a}emitValidityStateChangeIfChanged(){return m(this)}getValidityState(){return Promise.resolve(g(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=W(this.isInputInvalid,this.invalidText,this.i18nErrorDateUnparsable);return r(a,{key:"cd25d18346e36dce13464172417c605bb4883275",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:e=>{e.relatedTarget&&this.closeDropdown()}},r("ix-field-wrapper",{key:"e594e88d3f5629dfe9701eea33fffb714a402252",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:"06f1a86337a9f3b03c7d06011b27375ff619a72f","data-testid":"date-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.datepickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>(this.datepickerRef.current?.focusActiveDay(),!0),keyboardActivationKeys:["ArrowUp","ArrowDown"]},r("ix-date-picker",{key:"dc2237c371745ce1734af52ae8497f8f5276d9c7",ref:this.datepickerRef,format:this.format,locale:this.locale,singleSelection:!0,from:this.from??"",minDate:this.minDate,maxDate:this.maxDate,onDateChange:e=>{const{from:t}=e.detail;this.onInput(t),this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)},showWeekNumbers:this.showWeekNumbers,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,embedded:!0})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0},{watchValue:0}]}}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}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}'}},[593,"ix-date-input",{name:[513],placeholder:[513],value:[1537],minDate:[1,"min-date"],maxDate:[1,"max-date"],locale:[1],format:[1],required:[4],helperText:[1,"helper-text"],label:[1],ariaLabelCalendarButton:[1,"aria-label-calendar-button"],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"],i18nErrorDateUnparsable:[1,"i18n-error-date-unparsable"],showWeekNumbers:[4,"show-week-numbers"],weekStartIndex:[2,"week-start-index"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],show:[32],from:[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},{watchValue:0}]}]);!function(e,t,o,r){var a,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(n<3?a(i):n>3?a(t,o,i):a(t,o))||i);n>3&&i&&Object.defineProperty(t,o,i)}([q()],F.prototype,"hookValidationLifecycle",null);const N=F,H=function(){"undefined"!=typeof customElements&&["ix-date-input","ix-button","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-date-input":customElements.get(n(e))||customElements.define(n(e),F);break;case"ix-button":customElements.get(n(e))||E();break;case"ix-date-picker":customElements.get(n(e))||D();break;case"ix-date-time-card":customElements.get(n(e))||C();break;case"ix-dropdown":customElements.get(n(e))||I();break;case"ix-dropdown-button":customElements.get(n(e))||j();break;case"ix-dropdown-item":customElements.get(n(e))||S();break;case"ix-field-label":customElements.get(n(e))||V();break;case"ix-field-wrapper":customElements.get(n(e))||A();break;case"ix-icon-button":customElements.get(n(e))||B();break;case"ix-spinner":customElements.get(n(e))||L();break;case"ix-tooltip":customElements.get(n(e))||P();break;case"ix-typography":customElements.get(n(e))||O()}}))};export{N as IxDateInput,H as defineCustomElement}
|
|
1
|
+
import{p as e,M as t,e as o,h as r,d as a,t as n}from"./p-eN5fQtqO.js";import{K as i}from"./p-DsVj4Cd-.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,a as s,b as h,h as c,S as b,o as p,d as u,e as m}from"./p-BDnx22Gp.js";import{I as v,h as x,o as f,c as y,a as g}from"./p-CTbTAb9U.js";import{m as k}from"./p-Djkc69iv.js";import{D as w,h as z}from"./p-CApDAYIa.js";import{f as E}from"./p-C21npbUc.js";import{d as C}from"./p-CRtj-KBq.js";import{d as j}from"./p-DtWFUcZO.js";import{d as T}from"./p-DiYkfhDE.js";import{d as D}from"./p-CLDB-pmj.js";import{d as I}from"./p-CvAmaEU2.js";import{d as S}from"./p-CUpOF7jN.js";import{d as V}from"./p-BGOtCwtj.js";import{d as B}from"./p-eGuQ8D3W.js";import{d as A}from"./p-DdlGyKd2.js";import{d as L}from"./p-D7sEY2UQ.js";import{d as P}from"./p-CgPr717U.js";import{d as F}from"./p-YFmbQndr.js";import{c as O,g as R,H as q}from"./p-BTBxxgtF.js";const N=e(class extends(t(...w,v)){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)}minDate="";maxDate="";locale;format="yyyy/LL/dd";required;helperText;label;ariaLabelCalendarButton="Open calendar";invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorDateUnparsable="Date is not valid";showWeekNumbers=!1;weekStartIndex=0;ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;from=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=k();slotEndRef=k();datepickerRef=k();inputElementRef=k();dropdownElementRef=k();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;updateFormInternalValue(e){this.formInternals.setFormValue(e||null),this.value=e}connectedCallback(){this.classObserver=O(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.isInputInvalid?this.from=null:this.watchValue(),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}watchValue(){this.from=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),void this.valueChange.emit(e);if(!this.format)return;const t=l.fromFormat(e,this.format),o=l.fromFormat(this.minDate,this.format),r=l.fromFormat(this.maxDate,this.format);this.isInputInvalid=!t.isValid||t<o||t>r,this.isInputInvalid?(this.invalidReason=t.invalidReason??void 0,this.from=void 0):(this.updateFormInternalValue(e),this.closeDropdown(),z()&&this.inputElementRef.current?.focus()),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(e)}onCalenderClick(e){x(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return f(this.dropdownElementRef)}async closeDropdown(){return y(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleInputKeyDown(e){c(e,this.suppressSubmitOnEnter,this.formInternals.form)}renderInput(){return r("div",{class:"input-wrapper"},r(u,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,readonly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value??"",placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.ixFocus.emit()},onBlur:()=>{this.touched=!0,p(this,this.inputElementRef.current,this.value),this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e),style:{textAlign:this.textAlignment}}),r(b,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{tabindex:-1,ref:e=>E(e,-1),"aria-label":this.ariaLabelCalendarButton,"data-testid":"open-calendar",class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:i,onClick:e=>this.onCalenderClick(e)})))}hookValidationLifecycle({isInfo:e,isInvalid:t,isInvalidByRequired:o,isValid:r,isWarning:a}){this.isInvalid=t||o||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=a}emitValidityStateChangeIfChanged(){return m(this)}getValidityState(){return Promise.resolve(g(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=R(this.isInputInvalid,this.invalidText,this.i18nErrorDateUnparsable);return r(a,{key:"fa39c581495ea09be06ca5d1f200dc6bba252eef",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:e=>{e.relatedTarget&&this.closeDropdown()}},r("ix-field-wrapper",{key:"09d8df1e50ca8b1a8cb1c17f5cdd81fde1ffc469",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:"5f16427b97d679c1b01701895e3f188b971cf8b2","data-testid":"date-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.datepickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>(this.datepickerRef.current?.focusActiveDay(),!0),keyboardActivationKeys:["ArrowUp","ArrowDown"]},r("ix-date-picker",{key:"9c6be87560ca85c7229c7d7cc013cc92350284d6",ref:this.datepickerRef,format:this.format,locale:this.locale,singleSelection:!0,from:this.from??"",minDate:this.minDate,maxDate:this.maxDate,onDateChange:e=>{const{from:t}=e.detail;this.onInput(t),this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)},showWeekNumbers:this.showWeekNumbers,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,embedded:!0})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0},{watchValue:0}]}}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 .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}'}},[593,"ix-date-input",{name:[513],placeholder:[513],value:[1537],minDate:[1,"min-date"],maxDate:[1,"max-date"],locale:[1],format:[1],required:[4],helperText:[1,"helper-text"],label:[1],ariaLabelCalendarButton:[1,"aria-label-calendar-button"],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"],i18nErrorDateUnparsable:[1,"i18n-error-date-unparsable"],showWeekNumbers:[4,"show-week-numbers"],weekStartIndex:[2,"week-start-index"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],show:[32],from:[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},{watchValue:0}]}]);!function(e,t,o,r){var a,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(n<3?a(i):n>3?a(t,o,i):a(t,o))||i);n>3&&i&&Object.defineProperty(t,o,i)}([q()],N.prototype,"hookValidationLifecycle",null);const W=N,U=function(){"undefined"!=typeof customElements&&["ix-date-input","ix-button","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-date-input":customElements.get(n(e))||customElements.define(n(e),N);break;case"ix-button":customElements.get(n(e))||C();break;case"ix-date-picker":customElements.get(n(e))||j();break;case"ix-date-time-card":customElements.get(n(e))||T();break;case"ix-dropdown":customElements.get(n(e))||D();break;case"ix-dropdown-button":customElements.get(n(e))||I();break;case"ix-dropdown-item":customElements.get(n(e))||S();break;case"ix-field-label":customElements.get(n(e))||V();break;case"ix-field-wrapper":customElements.get(n(e))||B();break;case"ix-icon-button":customElements.get(n(e))||A();break;case"ix-spinner":customElements.get(n(e))||L();break;case"ix-tooltip":customElements.get(n(e))||P();break;case"ix-typography":customElements.get(n(e))||F()}}))};export{W as IxDateInput,U as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-
|
|
1
|
+
import{D as o,d as s}from"./p-DtWFUcZO.js";const t=o,p=s;export{t as IxDatePicker,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-
|
|
1
|
+
import{D as o,d as s}from"./p-DiYkfhDE.js";const p=o,r=s;export{p as IxDateTimeCard,r as defineCustomElement}
|