@siemens/ix 5.1.0 → 5.1.1
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/ix-action-card.js +1 -1
- package/components/ix-application-header.js +1 -1
- package/components/ix-application-switch-modal.js +1 -1
- package/components/ix-application.js +1 -1
- package/components/ix-avatar.js +1 -1
- package/components/ix-blind.js +1 -1
- package/components/ix-breadcrumb.js +1 -1
- package/components/ix-button.js +1 -1
- package/components/ix-card-accordion.js +1 -1
- package/components/ix-card-content.js +1 -1
- package/components/ix-card-list.js +1 -1
- package/components/ix-card-title.js +1 -1
- package/components/ix-card.js +1 -1
- package/components/ix-category-filter.js +1 -1
- package/components/ix-checkbox-group.js +1 -1
- package/components/ix-checkbox.js +1 -1
- package/components/ix-chip.js +1 -1
- package/components/ix-col.js +1 -1
- package/components/ix-content-header.js +1 -1
- package/components/ix-content.js +1 -1
- package/components/ix-css-grid-item.js +1 -1
- package/components/ix-css-grid.js +1 -1
- package/components/ix-custom-field.js +1 -1
- package/components/ix-date-dropdown.js +1 -1
- package/components/ix-date-input.js +1 -1
- package/components/ix-date-picker.js +1 -1
- package/components/ix-datetime-input.js +1 -1
- package/components/ix-datetime-picker.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-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.js +1 -1
- package/components/ix-helper-text.js +1 -1
- package/components/ix-input.js +1 -1
- package/components/ix-key-value-list.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-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.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.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-split-button.js +1 -1
- package/components/ix-tab-item.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-DhWkcMmR.js → p-1KOHyx-1.js} +1 -1
- package/components/{p-zqHenwXl.js → p-BH2Yhp3V.js} +1 -1
- package/components/{p-CrDBjFhu.js → p-BIcWFids.js} +1 -1
- package/components/{p-CGHbrmJg.js → p-BRoFUwzJ.js} +1 -1
- package/components/{p-CIA8i4dm.js → p-BZgc6bzH.js} +1 -1
- package/components/{p-Wr4Qf8LA.js → p-B_MBGj0b.js} +1 -1
- package/components/{p-BuBQiemL.js → p-Bj_6nynP.js} +1 -1
- package/components/p-C7MRPZvZ.js +1 -0
- package/components/{p-aUZgVnx5.js → p-CHV-_J6i.js} +1 -1
- package/components/{p-CrLxhwo2.js → p-CUvmGsh_.js} +1 -1
- package/components/{p-CJoOEoc-.js → p-Ca8JFa1v.js} +1 -1
- package/components/p-CbbabcAR.js +1 -0
- package/components/{p-C2jvmCOl.js → p-CgHioxG-.js} +1 -1
- package/components/{p-zyYHTdEN.js → p-CkIELF-1.js} +1 -1
- package/components/{p-CT5pAQCz.js → p-Cvpz1Ji5.js} +1 -1
- package/components/{p-DHydRnvu.js → p-D1sONqtj.js} +1 -1
- package/components/{p-CG9cQxRO.js → p-D69Mojvn.js} +1 -1
- package/components/p-DLe8Pp58.js +1 -0
- package/components/{p-C0WZnIxc.js → p-DO3HtUke.js} +1 -1
- package/components/{p-Cy2KAdml.js → p-DfdjJL6W.js} +1 -1
- package/components/{p-C-sZLWci.js → p-DjIyhGBC.js} +1 -1
- package/components/{p-BbW5EIKF.js → p-DkAUNod9.js} +1 -1
- package/components/{p-Dfd_ifAu.js → p-Dl_YKIKl.js} +1 -1
- package/components/{p-BNAvpXSk.js → p-DuMiVxY1.js} +1 -1
- package/components/{p-ImMb0joA.js → p-DwmHytZi.js} +1 -1
- package/components/{p-BDlGgfYh.js → p-LbnItC1h.js} +1 -1
- package/components/{p-CpOGS2e_.js → p-R1AQtGdV.js} +1 -1
- package/components/{p-wFiL3dN1.js → p-_f_q2Etu.js} +1 -1
- package/components/{p-DtOqKp7K.js → p-baqpOH0g.js} +1 -1
- package/components/p-f1jZqaUz.js +1 -0
- package/components/{p-B-O0ylt_.js → p-olkZUb1j.js} +1 -1
- package/components/{p-CDf5TQum.js → p-z19mjzlp.js} +1 -1
- package/dist/cjs/ix-action-card.cjs.entry.js +2 -2
- package/dist/cjs/ix-application-header.cjs.entry.js +9 -9
- package/dist/cjs/ix-application.cjs.entry.js +3 -3
- package/dist/cjs/ix-blind.cjs.entry.js +5 -5
- package/dist/cjs/ix-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/ix-button.cjs.entry.js +2 -2
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js +5 -5
- package/dist/cjs/ix-card-list.cjs.entry.js +4 -4
- package/dist/cjs/ix-card_2.cjs.entry.js +3 -3
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/ix-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/ix-chip.cjs.entry.js +4 -4
- package/dist/cjs/ix-col_4.cjs.entry.js +5 -5
- package/dist/cjs/ix-content-header.cjs.entry.js +3 -3
- package/dist/cjs/ix-content.cjs.entry.js +3 -3
- package/dist/cjs/ix-css-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-css-grid.cjs.entry.js +1 -1
- package/dist/cjs/ix-custom-field.cjs.entry.js +1 -1
- package/dist/cjs/ix-date-input.cjs.entry.js +1 -1
- package/dist/cjs/ix-datetime-input.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +4 -4
- package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +4 -4
- package/dist/cjs/ix-event-list-item.cjs.entry.js +4 -4
- package/dist/cjs/ix-event-list.cjs.entry.js +2 -2
- package/dist/cjs/ix-field-label_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-flip-tile-content.cjs.entry.js +1 -1
- package/dist/cjs/ix-flip-tile.cjs.entry.js +3 -3
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-group.cjs.entry.js +8 -8
- package/dist/cjs/ix-input.cjs.entry.js +1 -1
- package/dist/cjs/ix-key-value-list.cjs.entry.js +1 -1
- package/dist/cjs/ix-layout-auto.cjs.entry.js +1 -1
- package/dist/cjs/ix-link-button.cjs.entry.js +3 -3
- package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-about-news.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-about.cjs.entry.js +2 -2
- package/dist/cjs/ix-menu-avatar.cjs.entry.js +2 -2
- package/dist/cjs/ix-menu-category.cjs.entry.js +5 -5
- package/dist/cjs/ix-menu-item.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-settings.cjs.entry.js +2 -2
- package/dist/cjs/ix-menu.cjs.entry.js +12 -12
- package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal-footer.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal.cjs.entry.js +3 -3
- package/dist/cjs/ix-number-input.cjs.entry.js +1 -1
- package/dist/cjs/ix-pane-layout.cjs.entry.js +1 -1
- package/dist/cjs/ix-pane.cjs.entry.js +7 -7
- package/dist/cjs/ix-pill_4.cjs.entry.js +14 -14
- package/dist/cjs/ix-popover-content.cjs.entry.js +1 -1
- package/dist/cjs/ix-popover-footer.cjs.entry.js +1 -1
- package/dist/cjs/ix-popover-header.cjs.entry.js +1 -1
- package/dist/cjs/ix-popover.cjs.entry.js +1 -1
- package/dist/cjs/ix-progress-indicator.cjs.entry.js +3 -3
- package/dist/cjs/ix-push-card.cjs.entry.js +1 -1
- package/dist/cjs/ix-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/ix-radio.cjs.entry.js +3 -3
- package/dist/cjs/ix-range-field.cjs.entry.js +2 -2
- package/dist/cjs/ix-select.cjs.entry.js +13 -10
- package/dist/cjs/ix-split-button.cjs.entry.js +1 -1
- package/dist/cjs/ix-textarea.cjs.entry.js +1 -1
- package/dist/cjs/ix-tile.cjs.entry.js +4 -4
- package/dist/cjs/ix-time-input.cjs.entry.js +1 -1
- package/dist/cjs/ix-toast-container.cjs.entry.js +2 -2
- package/dist/cjs/ix-toast.cjs.entry.js +2 -2
- package/dist/cjs/ix-toggle-button.cjs.entry.js +2 -2
- package/dist/cjs/ix-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/ix-tree-item.cjs.entry.js +4 -4
- package/dist/cjs/ix-tree.cjs.entry.js +1 -1
- package/dist/cjs/ix-typography.cjs.entry.js +1 -1
- package/dist/cjs/ix-workflow-step.cjs.entry.js +3 -3
- package/dist/cjs/ix-workflow-steps.cjs.entry.js +1 -1
- package/dist/collection/components/action-card/action-card.js +3 -3
- package/dist/collection/components/application/application.js +10 -3
- package/dist/collection/components/application-header/application-header.js +10 -9
- package/dist/collection/components/avatar/avatar.js +3 -0
- package/dist/collection/components/blind/blind.js +10 -5
- package/dist/collection/components/breadcrumb/breadcrumb.js +5 -2
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +3 -0
- package/dist/collection/components/button/button.js +5 -2
- package/dist/collection/components/card/card.js +6 -2
- package/dist/collection/components/card-accordion/card-accordion.js +7 -4
- package/dist/collection/components/card-content/card-content.js +4 -1
- package/dist/collection/components/card-list/card-list.js +7 -4
- package/dist/collection/components/card-title/card-title.js +2 -1
- 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.js +7 -4
- package/dist/collection/components/col/col.js +5 -2
- 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-input/date-input.css +1 -0
- package/dist/collection/components/datetime-input/datetime-input.css +1 -0
- package/dist/collection/components/dropdown/dropdown.js +4 -1
- package/dist/collection/components/dropdown-button/dropdown-button.js +8 -4
- 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/event-list/event-list.js +5 -2
- package/dist/collection/components/event-list-item/event-list-item.js +7 -4
- package/dist/collection/components/field-label/field-label.js +5 -2
- package/dist/collection/components/filter-chip/filter-chip.js +5 -2
- 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.js +3 -0
- package/dist/collection/components/input/input.css +1 -0
- package/dist/collection/components/input/number-input.css +1 -0
- package/dist/collection/components/input/textarea.css +1 -0
- package/dist/collection/components/key-value-list/key-value-list.js +4 -1
- 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.js +20 -12
- 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.js +7 -4
- package/dist/collection/components/menu-avatar/menu-avatar.js +5 -2
- package/dist/collection/components/menu-category/menu-category.js +8 -5
- package/dist/collection/components/menu-item/menu-item.js +5 -5
- 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.js +4 -1
- package/dist/collection/components/modal/modal.js +6 -3
- package/dist/collection/components/modal-content/modal-content.js +4 -1
- package/dist/collection/components/modal-footer/modal-footer.js +4 -1
- package/dist/collection/components/modal-header/modal-header.js +4 -1
- package/dist/collection/components/pane/pane.js +8 -7
- package/dist/collection/components/pane-layout/pane-layout.js +9 -1
- 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.js +2 -2
- package/dist/collection/components/popover-footer/popover-footer.js +2 -2
- package/dist/collection/components/popover-header/popover-header.js +2 -2
- package/dist/collection/components/progress-indicator/progress-indicator.js +5 -3
- package/dist/collection/components/push-card/push-card.js +5 -1
- 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.js +5 -2
- package/dist/collection/components/row/row.js +4 -1
- package/dist/collection/components/select/select.js +14 -10
- package/dist/collection/components/split-button/split-button.js +4 -1
- package/dist/collection/components/tab-item/tab-item.js +8 -5
- package/dist/collection/components/tabs/tabs.js +8 -5
- package/dist/collection/components/tile/tile.js +10 -4
- package/dist/collection/components/time-input/time-input.css +1 -0
- package/dist/collection/components/toast/toast-container.js +5 -2
- package/dist/collection/components/toast/toast.js +6 -2
- 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.js +7 -4
- package/dist/collection/components/typography/typography.js +4 -1
- package/dist/collection/components/workflow-step/workflow-step.js +7 -3
- package/dist/collection/components/workflow-steps/workflow-steps.js +4 -1
- package/dist/esm/ix-action-card.entry.js +2 -2
- package/dist/esm/ix-application-header.entry.js +9 -9
- package/dist/esm/ix-application.entry.js +3 -3
- package/dist/esm/ix-blind.entry.js +5 -5
- package/dist/esm/ix-breadcrumb.entry.js +2 -2
- package/dist/esm/ix-button.entry.js +2 -2
- package/dist/esm/ix-card-accordion_2.entry.js +5 -5
- package/dist/esm/ix-card-list.entry.js +4 -4
- package/dist/esm/ix-card_2.entry.js +3 -3
- package/dist/esm/ix-checkbox-group.entry.js +2 -2
- package/dist/esm/ix-checkbox.entry.js +3 -3
- package/dist/esm/ix-chip.entry.js +4 -4
- package/dist/esm/ix-col_4.entry.js +5 -5
- package/dist/esm/ix-content-header.entry.js +3 -3
- package/dist/esm/ix-content.entry.js +3 -3
- package/dist/esm/ix-css-grid-item.entry.js +1 -1
- package/dist/esm/ix-css-grid.entry.js +1 -1
- package/dist/esm/ix-custom-field.entry.js +1 -1
- package/dist/esm/ix-date-input.entry.js +1 -1
- package/dist/esm/ix-datetime-input.entry.js +1 -1
- package/dist/esm/ix-dropdown-button.entry.js +4 -4
- package/dist/esm/ix-dropdown-quick-actions.entry.js +1 -1
- package/dist/esm/ix-dropdown_2.entry.js +4 -4
- package/dist/esm/ix-event-list-item.entry.js +4 -4
- package/dist/esm/ix-event-list.entry.js +2 -2
- package/dist/esm/ix-field-label_2.entry.js +2 -2
- package/dist/esm/ix-filter-chip_2.entry.js +2 -2
- package/dist/esm/ix-flip-tile-content.entry.js +1 -1
- package/dist/esm/ix-flip-tile.entry.js +3 -3
- package/dist/esm/ix-group-context-menu_2.entry.js +1 -1
- package/dist/esm/ix-group.entry.js +8 -8
- package/dist/esm/ix-input.entry.js +1 -1
- package/dist/esm/ix-key-value-list.entry.js +1 -1
- package/dist/esm/ix-layout-auto.entry.js +1 -1
- package/dist/esm/ix-link-button.entry.js +3 -3
- package/dist/esm/ix-menu-about-item.entry.js +1 -1
- package/dist/esm/ix-menu-about-news.entry.js +4 -4
- package/dist/esm/ix-menu-about.entry.js +2 -2
- package/dist/esm/ix-menu-avatar.entry.js +2 -2
- package/dist/esm/ix-menu-category.entry.js +5 -5
- package/dist/esm/ix-menu-item.entry.js +4 -4
- package/dist/esm/ix-menu-settings-item.entry.js +1 -1
- package/dist/esm/ix-menu-settings.entry.js +2 -2
- package/dist/esm/ix-menu.entry.js +12 -12
- package/dist/esm/ix-message-bar.entry.js +1 -1
- package/dist/esm/ix-modal-content_2.entry.js +2 -2
- package/dist/esm/ix-modal-footer.entry.js +1 -1
- package/dist/esm/ix-modal.entry.js +3 -3
- package/dist/esm/ix-number-input.entry.js +1 -1
- package/dist/esm/ix-pane-layout.entry.js +1 -1
- package/dist/esm/ix-pane.entry.js +7 -7
- package/dist/esm/ix-pill_4.entry.js +14 -14
- package/dist/esm/ix-popover-content.entry.js +1 -1
- package/dist/esm/ix-popover-footer.entry.js +1 -1
- package/dist/esm/ix-popover-header.entry.js +1 -1
- package/dist/esm/ix-popover.entry.js +1 -1
- package/dist/esm/ix-progress-indicator.entry.js +3 -3
- package/dist/esm/ix-push-card.entry.js +1 -1
- package/dist/esm/ix-radio-group.entry.js +2 -2
- package/dist/esm/ix-radio.entry.js +3 -3
- package/dist/esm/ix-range-field.entry.js +2 -2
- package/dist/esm/ix-select.entry.js +13 -10
- package/dist/esm/ix-split-button.entry.js +1 -1
- package/dist/esm/ix-textarea.entry.js +1 -1
- package/dist/esm/ix-tile.entry.js +4 -4
- package/dist/esm/ix-time-input.entry.js +1 -1
- package/dist/esm/ix-toast-container.entry.js +2 -2
- package/dist/esm/ix-toast.entry.js +2 -2
- package/dist/esm/ix-toggle-button.entry.js +2 -2
- package/dist/esm/ix-tooltip.entry.js +1 -1
- package/dist/esm/ix-tree-item.entry.js +4 -4
- package/dist/esm/ix-tree.entry.js +1 -1
- package/dist/esm/ix-typography.entry.js +1 -1
- package/dist/esm/ix-workflow-step.entry.js +3 -3
- package/dist/esm/ix-workflow-steps.entry.js +1 -1
- package/dist/siemens-ix/{p-321a10b6.entry.js → p-03215d55.entry.js} +1 -1
- package/dist/siemens-ix/{p-c97c218d.entry.js → p-04a42013.entry.js} +1 -1
- package/dist/siemens-ix/{p-b75db823.entry.js → p-0b24f8d0.entry.js} +1 -1
- package/dist/siemens-ix/{p-9d9fec8c.entry.js → p-0e74e65c.entry.js} +1 -1
- package/dist/siemens-ix/{p-bc11adcd.entry.js → p-0fd5baf1.entry.js} +1 -1
- package/dist/siemens-ix/{p-641bc66c.entry.js → p-1cd9a45a.entry.js} +1 -1
- package/dist/siemens-ix/{p-90a5cda7.entry.js → p-1ea183fb.entry.js} +1 -1
- package/dist/siemens-ix/{p-957b77ec.entry.js → p-227ba1b8.entry.js} +1 -1
- package/dist/siemens-ix/{p-f8561834.entry.js → p-2753ed4e.entry.js} +1 -1
- package/dist/siemens-ix/{p-c6d63b3c.entry.js → p-2eb094c0.entry.js} +1 -1
- package/dist/siemens-ix/{p-646d5219.entry.js → p-34eaf010.entry.js} +1 -1
- package/dist/siemens-ix/{p-fb1e66a7.entry.js → p-39fb1c9e.entry.js} +1 -1
- package/dist/siemens-ix/{p-7e6a5c38.entry.js → p-3bfa4bbc.entry.js} +1 -1
- package/dist/siemens-ix/{p-f0d97723.entry.js → p-3f5ac9f7.entry.js} +1 -1
- package/dist/siemens-ix/{p-f9628912.entry.js → p-4154d18a.entry.js} +1 -1
- package/dist/siemens-ix/{p-2202ae94.entry.js → p-427f85c3.entry.js} +1 -1
- package/dist/siemens-ix/{p-46768472.entry.js → p-45106215.entry.js} +1 -1
- package/dist/siemens-ix/{p-b7f2f229.entry.js → p-4ceb3543.entry.js} +1 -1
- package/dist/siemens-ix/{p-0eb3a12a.entry.js → p-4d179abe.entry.js} +1 -1
- package/dist/siemens-ix/{p-4f0f97dd.entry.js → p-4faa3c03.entry.js} +1 -1
- package/dist/siemens-ix/{p-e283d7d1.entry.js → p-50a44cb9.entry.js} +1 -1
- package/dist/siemens-ix/{p-5685a2e6.entry.js → p-52096875.entry.js} +1 -1
- package/dist/siemens-ix/{p-2b9f7512.entry.js → p-57678563.entry.js} +1 -1
- package/dist/siemens-ix/{p-264e971c.entry.js → p-5d7ede96.entry.js} +1 -1
- package/dist/siemens-ix/{p-d80e7d50.entry.js → p-6aa5adb4.entry.js} +1 -1
- package/dist/siemens-ix/{p-b13f34d1.entry.js → p-703c7e7c.entry.js} +1 -1
- package/dist/siemens-ix/{p-2f7b1e1e.entry.js → p-71a31d92.entry.js} +1 -1
- package/dist/siemens-ix/{p-8c2365cc.entry.js → p-71a5fae5.entry.js} +1 -1
- package/dist/siemens-ix/{p-8969b2f9.entry.js → p-747d14a2.entry.js} +1 -1
- package/dist/siemens-ix/{p-d6c906b7.entry.js → p-7655c4c2.entry.js} +1 -1
- package/dist/siemens-ix/{p-b8beb613.entry.js → p-7899597f.entry.js} +1 -1
- package/dist/siemens-ix/{p-46b2b660.entry.js → p-8658717f.entry.js} +1 -1
- package/dist/siemens-ix/{p-62a7ae9c.entry.js → p-8b839f30.entry.js} +1 -1
- package/dist/siemens-ix/{p-db105778.entry.js → p-8d535dc9.entry.js} +1 -1
- package/dist/siemens-ix/{p-3bc384b7.entry.js → p-8f72a218.entry.js} +1 -1
- package/dist/siemens-ix/{p-8d73ddac.entry.js → p-95e8951f.entry.js} +1 -1
- package/dist/siemens-ix/{p-4bc4a175.entry.js → p-96a3b3df.entry.js} +1 -1
- package/dist/siemens-ix/{p-f1257e08.entry.js → p-9f2905df.entry.js} +1 -1
- package/dist/siemens-ix/{p-d253dadb.entry.js → p-a25f267b.entry.js} +1 -1
- package/dist/siemens-ix/{p-080147bd.entry.js → p-a2aa806e.entry.js} +1 -1
- package/dist/siemens-ix/{p-21e8ccb6.entry.js → p-a44b1452.entry.js} +1 -1
- package/dist/siemens-ix/p-a7f5e11e.entry.js +1 -0
- package/dist/siemens-ix/p-a8911648.entry.js +1 -0
- package/dist/siemens-ix/p-aa904521.entry.js +1 -0
- package/dist/siemens-ix/p-ab202c45.entry.js +1 -0
- package/dist/siemens-ix/{p-12930fcd.entry.js → p-ac804eb2.entry.js} +1 -1
- package/dist/siemens-ix/p-af808244.entry.js +1 -0
- package/dist/siemens-ix/{p-2072682b.entry.js → p-b004e845.entry.js} +1 -1
- package/dist/siemens-ix/{p-aec23f79.entry.js → p-b2fe56c7.entry.js} +1 -1
- package/dist/siemens-ix/{p-ff1967de.entry.js → p-b7570885.entry.js} +1 -1
- package/dist/siemens-ix/{p-247d2e7a.entry.js → p-bddd1cca.entry.js} +1 -1
- package/dist/siemens-ix/{p-b181bf0b.entry.js → p-c0d56b86.entry.js} +1 -1
- package/dist/siemens-ix/{p-ae07f671.entry.js → p-c1c209f6.entry.js} +1 -1
- package/dist/siemens-ix/{p-710d32a6.entry.js → p-c69036b1.entry.js} +1 -1
- package/dist/siemens-ix/{p-24c54468.entry.js → p-c9718f0d.entry.js} +1 -1
- package/dist/siemens-ix/{p-d74baa8a.entry.js → p-cd42c4e6.entry.js} +1 -1
- package/dist/siemens-ix/p-d02d2e49.entry.js +1 -0
- package/dist/siemens-ix/{p-d830e3d6.entry.js → p-d16ee3bd.entry.js} +1 -1
- package/dist/siemens-ix/{p-56d2d54c.entry.js → p-d1cd3cb9.entry.js} +1 -1
- package/dist/siemens-ix/{p-6f78e0f1.entry.js → p-d45ff0a0.entry.js} +1 -1
- package/dist/siemens-ix/{p-9a88ff9c.entry.js → p-d5761950.entry.js} +1 -1
- package/dist/siemens-ix/{p-a6a0b240.entry.js → p-d699bb26.entry.js} +1 -1
- package/dist/siemens-ix/{p-35bfaa91.entry.js → p-daf43138.entry.js} +1 -1
- package/dist/siemens-ix/{p-3854287c.entry.js → p-ddcc8627.entry.js} +1 -1
- package/dist/siemens-ix/{p-63491f83.entry.js → p-e3da7c67.entry.js} +1 -1
- package/dist/siemens-ix/{p-52dc064a.entry.js → p-e58ae892.entry.js} +1 -1
- package/dist/siemens-ix/{p-de58069d.entry.js → p-e5e220c7.entry.js} +1 -1
- package/dist/siemens-ix/{p-d1ab68b3.entry.js → p-e6046255.entry.js} +1 -1
- package/dist/siemens-ix/{p-34f61a28.entry.js → p-ea9691c1.entry.js} +1 -1
- package/dist/siemens-ix/{p-66b4875e.entry.js → p-eac237a1.entry.js} +1 -1
- package/dist/siemens-ix/p-eff190ad.entry.js +1 -0
- package/dist/siemens-ix/{p-ba9dcd79.entry.js → p-f1cd82bd.entry.js} +1 -1
- package/dist/siemens-ix/{p-ee1617da.entry.js → p-f43c97cf.entry.js} +1 -1
- package/dist/siemens-ix/p-f507157f.entry.js +1 -0
- package/dist/siemens-ix/p-fbd006be.entry.js +1 -0
- 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/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 +3 -0
- package/dist/types/components/card-title/card-title.d.ts +1 -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 +3 -0
- 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 +3 -0
- 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/workflow-step/workflow-step.d.ts +4 -0
- package/dist/types/components/workflow-steps/workflow-steps.d.ts +3 -0
- package/hydrate/index.js +439 -217
- package/hydrate/index.mjs +439 -217
- package/package.json +1 -1
- package/components/p-5ntkLbuJ.js +0 -1
- package/components/p-CMtwWb3-.js +0 -1
- package/components/p-DDvuSQX3.js +0 -1
- package/components/p-DiLKm3tq.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-705eded9.entry.js +0 -1
- package/dist/siemens-ix/p-7fc7c67f.entry.js +0 -1
- package/dist/siemens-ix/p-81248fd2.entry.js +0 -1
- package/dist/siemens-ix/p-8d05ae35.entry.js +0 -1
- package/dist/siemens-ix/p-c0dc5a8e.entry.js +0 -1
- package/dist/siemens-ix/p-e5d2a048.entry.js +0 -1
- package/dist/siemens-ix/p-e698e193.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as
|
|
1
|
+
import{p as r,H as e,h as a,d as o,t}from"./p-CtDOTMOT.js";import{d as c}from"./p-DfdjJL6W.js";import{d}from"./p-_f_q2Etu.js";import{d as i}from"./p-BH2Yhp3V.js";import{d as s}from"./p-DLe8Pp58.js";import{d as n}from"./p-1KOHyx-1.js";const h=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}icon;ariaLabelIcon;notification;heading;subheading;variant="outline";expanded=!1;passive=!1;render(){return a(o,{key:"559d12fce394d034e88a67d1792cf89db5e1f9d6",class:"card-"+this.variant},a("ix-card",{key:"74a3295376423e02defc79637f53905f1975a10e",variant:this.variant,passive:this.passive},a("ix-card-content",{key:"e88ae5131c174acebb759628d6de18bdf26d8141"},a("ix-card-title",{key:"6c1df74de6c6e7b82a6301db6ecc6268d4891e47"},this.icon?a("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon}):null,a("ix-typography",{key:"0f1b79fd78aa5b954c6320b9f61dbbcab61ef3c7",format:"display-xxl"},this.notification??0),a("slot",{key:"778a56994a47ad9e8fbcee8526c592e6e0459930",name:"title-action"})),a("ix-typography",{key:"5a3b385c75a69f0324fc890c2519476111bc2a4e",format:"h4"},this.heading),a("ix-typography",{key:"6f261327133e30244fe398c91e099b3dcba848fa"},this.subheading)),a("ix-card-accordion",{key:"3175d45b32f0d9a1eaccb205a3052b5746fc5287",collapse:!this.expanded,variant:this.variant},a("slot",{key:"08b90be54cd2d292349ead1ce20a173104ce266e"}))))}static get style(){return":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}"}},[769,"ix-push-card",{icon:[1],ariaLabelIcon:[1,"aria-label-icon"],notification:[1],heading:[1],subheading:[1],variant:[1],expanded:[4],passive:[4]}]),b=h,m=function(){"undefined"!=typeof customElements&&["ix-push-card","ix-card","ix-card-accordion","ix-card-content","ix-card-title","ix-typography"].forEach((r=>{switch(r){case"ix-push-card":customElements.get(t(r))||customElements.define(t(r),h);break;case"ix-card":customElements.get(t(r))||c();break;case"ix-card-accordion":customElements.get(t(r))||d();break;case"ix-card-content":customElements.get(t(r))||i();break;case"ix-card-title":customElements.get(t(r))||s();break;case"ix-typography":customElements.get(t(r))||n()}}))};export{b as IxPushCard,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,e as i,h as s,d as
|
|
1
|
+
import{p as e,H as t,e as i,h as s,d as a,t as o}from"./p-CtDOTMOT.js";import{m as r}from"./p-Djkc69iv.js";import{d as n}from"./p-baqpOH0g.js";import{d as l}from"./p-CkIELF-1.js";import{d as h}from"./p-Dl_YKIKl.js";import{d}from"./p-1KOHyx-1.js";import{H as c}from"./p-BWknDysp.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7)}get hostElement(){return this}helperText;label;value;invalidText;infoText;warningText;validText;showTextAsTooltip;direction="column";required=!1;valueChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;touched=!1;groupRef=r();observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}));get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue(),this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}disconnectedCallback(){this.observer&&this.observer.disconnect()}selectInitialValue(){this.value&&this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((t,i)=>{i!==e.length-1&&(t.checked=!1)}));const t=this.isSomeRadioChecked();for(const e of this.radiobuttonElements)e.tabIndex=e.checked?0:-1;!t&&this.radiobuttonElements.length>0&&(this.radiobuttonElements[0].tabIndex=0)}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}isSomeRadioChecked(){return this.radiobuttonElements.some((e=>e.checked))}onValueChangeHandler(e){this.touched=!0,this.radiobuttonElements.forEach((t=>{t.checked=t.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((t=>{t===e.target?(t.checked=!0,this.valueChange.emit(t.value)):t.checked=!1}))}onClassField({isInvalid:e,isInfo:t,isValid:i,isWarning:s,isInvalidByRequired:a}){this.isInvalid=e||a,this.isInfo=t,this.isValid=i,this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}async setCheckedToNextItem(e,t=!0){const{radiobuttonElements:i}=this,{length:s}=i;if(s<=1)return;const a=i.indexOf(e),o=t?1:-1;let r=(a+o+s)%s;for(;i[r].disabled;){if(r===a)return;r=(r+o+s)%s}const n=i[r];n.setCheckedState(!0),n.focus()}render(){return s(a,{key:"96ce8cbd3b252510f336800c67d90419103609be",onIxBlur:()=>this.touched=!0,ref:this.groupRef,role:"radiogroup"},s("ix-field-wrapper",{key:"248a9516790541bdacec10fd759344baa1337876",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},s("div",{key:"9fd29fcd02a5460b2466fc9b80171ed8cd5e39d0",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},s("slot",{key:"40619f7896a159433a1fc2ec8a398fd3ddfe15aa"}))))}static get watchers(){return{value:[{onValueChangeHandler:0}]}}static get style(){return":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:0.5rem 1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}"}},[769,"ix-radio-group",{helperText:[1,"helper-text"],label:[1],value:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],direction:[1],required:[4],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64],setCheckedToNextItem:[64]},[[0,"checkedChange","onCheckedChangeHandler"]],{value:[{onValueChangeHandler:0}]}]);!function(e,t,i,s){var a,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(r=(o<3?a(r):o>3?a(t,i,r):a(t,i))||r);o>3&&r&&Object.defineProperty(t,i,r)}([c({includeChildren:!0})],u.prototype,"onClassField",null);const p=u,f=function(){"undefined"!=typeof customElements&&["ix-radio-group","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-radio-group":customElements.get(o(e))||customElements.define(o(e),u);break;case"ix-field-label":customElements.get(o(e))||n();break;case"ix-field-wrapper":customElements.get(o(e))||l();break;case"ix-tooltip":customElements.get(o(e))||h();break;case"ix-typography":customElements.get(o(e))||d()}}))};export{p as IxRadioGroup,f as defineCustomElement}
|
package/components/ix-radio.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as r,e as o,h as d,d as a,t as c}from"./p-CtDOTMOT.js";import{a as i}from"./p-C21npbUc.js";import{d as t}from"./p-DhWkcMmR.js";import{c as n}from"./p-BWknDysp.js";const h=e(class extends r{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;label;disabled=!1;checked=!1;required=!1;checkedChange;valueChange;ixBlur;classMutationObserver;async setCheckedState(e){this.checked||this.checkedChange.emit(e).defaultPrevented||(this.checked=e)}async onCheckedChange(){this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}connectedCallback(){const e=this.hostElement.closest("ix-radio-group");e&&(this.classMutationObserver=n(e,(()=>{this.hostElement.classList.toggle("ix-invalid--required",e.classList.contains("ix-invalid--required"))})))}disconnectedCallback(){this.classMutationObserver&&this.classMutationObserver.destroy()}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}onKeyDown(e){if(this.disabled)return;let r=!1;"Space"===e.code&&(r=!0,this.setCheckedState(!0));const o=this.hostElement.closest("ix-radio-group");switch(e.code){case"ArrowUp":case"ArrowLeft":r=!0,o?.setCheckedToNextItem(this.hostElement,!1);break;case"ArrowDown":case"ArrowRight":r=!0,o?.setCheckedToNextItem(this.hostElement,!0)}r&&(e.stopPropagation(),e.preventDefault())}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){let e=0;return this.disabled&&(e=-1),d(a,{key:"38a5132a44f733662ff6b744cb4469595df3d2b9","aria-checked":i(this.checked),"aria-disabled":i(this.disabled),role:"radio",tabindex:e,class:{disabled:this.disabled,checked:this.checked},onClick:()=>{this.disabled||this.setCheckedState(!0)},onKeyDown:e=>this.onKeyDown(e),onBlur:()=>this.ixBlur.emit()},d("label",{key:"2505290137ef4bf9771119b347c95896afd3bfb2"},d("div",{key:"774c09d5a0bb29a13cf6fb091e912f81d17e3ea8",class:"radio-button"},d("div",{key:"1a44e92780fa8fa8ecee253400b23febfa3de481","aria-hidden":"true",class:{"radio-checkmark":!0,checked:this.checked}},d("div",{key:"e2e26bd36cbc7c94be84fed124f30dda3aee4086",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}}))),this.label&&d("ix-typography",{key:"c96621fb5011671d18b32d38bb619585ba2aaa35",format:"label",textColor:this.disabled?"weak":"std"},this.label,d("slot",{key:"849c0c96db14348798bb2ca509e3e828dfd40600"}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange: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 .radio-checkmark{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--info );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--info--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--info--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--info );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--info--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--info--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--info );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--info--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--info--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--info );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--info--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--info--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--info );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--info--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--info--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--info );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--info--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--info--active )}:host(.ix-info) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--warning );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--warning--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--warning--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--warning );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--warning--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--warning--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--warning );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--warning--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--warning--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--warning );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--warning--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--warning--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--warning );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--warning--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--warning--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--warning );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--warning--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--warning--active )}:host(.ix-warning) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid--required) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}"}},[833,"ix-radio",{name:[513],value:[513],label:[1],disabled:[516],checked:[1540],required:[516],setCheckedState:[64],hasValidValue:[64],getAssociatedFormElement:[64]},void 0,{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}]),b=h,k=function(){"undefined"!=typeof customElements&&["ix-radio","ix-typography"].forEach((e=>{switch(e){case"ix-radio":customElements.get(c(e))||customElements.define(c(e),h);break;case"ix-typography":customElements.get(c(e))||t()}}))};export{b as IxRadio,k as defineCustomElement}
|
|
1
|
+
import{p as e,H as r,e as o,h as d,d as a,t as c}from"./p-CtDOTMOT.js";import{a as i}from"./p-C21npbUc.js";import{d as t}from"./p-1KOHyx-1.js";import{c as n}from"./p-BWknDysp.js";const h=e(class extends r{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;label;disabled=!1;checked=!1;required=!1;checkedChange;valueChange;ixBlur;classMutationObserver;async setCheckedState(e){this.checked||this.checkedChange.emit(e).defaultPrevented||(this.checked=e)}async onCheckedChange(){this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}connectedCallback(){const e=this.hostElement.closest("ix-radio-group");e&&(this.classMutationObserver=n(e,(()=>{this.hostElement.classList.toggle("ix-invalid--required",e.classList.contains("ix-invalid--required"))})))}disconnectedCallback(){this.classMutationObserver&&this.classMutationObserver.destroy()}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}onKeyDown(e){if(this.disabled)return;let r=!1;"Space"===e.code&&(r=!0,this.setCheckedState(!0));const o=this.hostElement.closest("ix-radio-group");switch(e.code){case"ArrowUp":case"ArrowLeft":r=!0,o?.setCheckedToNextItem(this.hostElement,!1);break;case"ArrowDown":case"ArrowRight":r=!0,o?.setCheckedToNextItem(this.hostElement,!0)}r&&(e.stopPropagation(),e.preventDefault())}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){let e=0;return this.disabled&&(e=-1),d(a,{key:"d6533cba8c7db26ade65df95ed8d5b8633c053f2","aria-checked":i(this.checked),"aria-disabled":i(this.disabled),role:"radio",tabindex:e,class:{disabled:this.disabled,checked:this.checked},onClick:()=>{this.disabled||this.setCheckedState(!0)},onKeyDown:e=>this.onKeyDown(e),onBlur:()=>this.ixBlur.emit()},d("label",{key:"b458abc7f94dca6caf12c633953fe11307990b8e"},d("div",{key:"bad09b21c40286db89ee29757c66ed81b129b0d2",class:"radio-button"},d("div",{key:"2c528acbd6a05b9fb3ddd71b75d1a8682f6fafc3","aria-hidden":"true",class:{"radio-checkmark":!0,checked:this.checked}},d("div",{key:"de7e5a0d22a2f6b1b431e210bb73f9fed161530b",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}}))),this.label&&d("ix-typography",{key:"ba92e2c1e197e78e443b597261db32d44063d7d2",format:"label",textColor:this.disabled?"weak":"std"},this.label,d("slot",{key:"6699f5473812078a34278907c58919eab380907a"}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange: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 .radio-checkmark{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--info );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--info--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--info--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--info );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--info--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--info--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--info );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--info--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--info--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--info );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--info--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--info--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--info );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--info--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--info--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--info );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--info--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--info--active )}:host(.ix-info) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--warning );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--warning--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--warning--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--warning );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--warning--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--warning--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--warning );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--warning--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--warning--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--warning );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--warning--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--warning--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--warning );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--warning--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--warning--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--warning );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--warning--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--warning--active )}:host(.ix-warning) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid--required) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}"}},[833,"ix-radio",{name:[513],value:[513],label:[1],disabled:[516],checked:[1540],required:[516],setCheckedState:[64],hasValidValue:[64],getAssociatedFormElement:[64]},void 0,{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}]),b=h,k=function(){"undefined"!=typeof customElements&&["ix-radio","ix-typography"].forEach((e=>{switch(e){case"ix-radio":customElements.get(c(e))||customElements.define(c(e),h);break;case"ix-typography":customElements.get(c(e))||t()}}))};export{b as IxRadio,k as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,M as e,h as r,d as
|
|
1
|
+
import{p as t,M as e,h as r,d as i,t as s}from"./p-CtDOTMOT.js";import{O as a}from"./p-BtSt9tC5.js";import{i as o,a as n}from"./p-XBTykBKS.js";import{D as l,h}from"./p-CApDAYIa.js";import{r as c}from"./p-BEuV0Xpe.js";const d=t(class extends(e(...l)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}type;hideArrow=!1;observeElements;hasLabel=!1;elements;warnInDev(t,e){}componentWillLoad(){this.observeElements=new MutationObserver((()=>{this.validateRangeElements()})),this.observeElements.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.validateRangeElements()}disconnectedCallback(){this.observeElements?.disconnect()}validateRangeElements(){if(!this.type)throw Error("Input range type is not specified.");const t=this.hostElement?.children;if(!t)return;if(2!==t?.length)throw Error("Input range must have exactly two child elements.");let e=!1;if("time-range"===this.type?e=Array.from(t).every((t=>"ix-time-input"===t.tagName.toLowerCase())):"date-range"===this.type?e=Array.from(t).every((t=>"ix-date-input"===t.tagName.toLowerCase())):"datetime-range"===this.type&&(e=Array.from(t).every((t=>"ix-datetime-input"===t.tagName.toLowerCase()))),!e)throw Error(`Input range elements are not valid for the specified type (type=${this.type}). Current elements: ${Array.from(t).map((t=>t.tagName.toLowerCase())).join(", ")}`);this.elements=Array.from(t),this.hasLabel=this.elements.some((t=>!!t.label)),this.hasLabel&&this.elements.forEach((t=>{t.label?t.classList.remove("fallback-label-margin"):t.classList.add("fallback-label-margin")}))}async onValueChange(t){if(!this.elements)return;const[e,r]=this.elements;if(h())return;if(!t.detail||t.target!==e)return;if(!o(e))return void this.warnInDev("First element is not an input field component.",e);if(!o(r))return void this.warnInDev("Second element is not an input field component.",r);const i=await r.getNativeInputElement();i?.focus(),n(r)?c((()=>r.openPicker())):this.warnInDev("Second element is not an input field with picker component.",r)}render(){return r(i,{key:"b0f8679efb64c79cb0896f4f6da02360cb712fd0",class:{"hide-arrow":this.hideArrow},role:"group"},!this.hideArrow&&r("ix-icon",{key:"ca058c6a86cc66f47a558e96cc0119041b02e603","aria-hidden":"true",class:{"range-delimiter":!0,"has-label":this.hasLabel},name:a}),r("slot",{key:"18e92d8e65c9fd215734fe0702b4728070d9e3d9"}))}static get style(){return":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;position:relative;gap:0.25rem}:host .range-delimiter{order:2;flex:0 0 auto;margin-top:0.25rem}:host .range-delimiter.has-label{margin-top:2rem}:host ::slotted(:first-child),:host ::slotted(:last-child){flex:1 1 0;min-width:0}:host ::slotted(:first-child){order:1}:host ::slotted(:last-child){order:3}:host ::slotted(.fallback-label-margin){margin-top:1.8rem}:host(.hide-arrow){gap:0.5rem}"}},[769,"ix-range-field",{type:[1],hideArrow:[4,"hide-arrow"],hasLabel:[32]},[[0,"ixChange","onValueChange"]]]),b=d,m=function(){"undefined"!=typeof customElements&&["ix-range-field"].forEach((t=>{"ix-range-field"===t&&(customElements.get(s(t))||customElements.define(s(t),d))}))};export{b as IxRangeField,m as defineCustomElement}
|
package/components/ix-row.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{R as o,d as
|
|
1
|
+
import{R as o,d as s}from"./p-DuMiVxY1.js";const p=o,r=s;export{p as IxRow,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as
|
|
1
|
+
import{S as o,d as s}from"./p-BRoFUwzJ.js";const p=o,r=s;export{p as IxSelectItem,r as defineCustomElement}
|
package/components/ix-select.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as
|
|
1
|
+
import{S as o,d as s}from"./p-R1AQtGdV.js";const t=o,p=s;export{t as IxSelect,p as defineCustomElement}
|
package/components/ix-slider.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,e as r,h as a,d as i,t as o}from"./p-CtDOTMOT.js";import{b as s}from"./p-C21npbUc.js";import{O as n}from"./p-CuFZ7CXu.js";import{m as c}from"./p-Djkc69iv.js";import{d as l}from"./p-DtOqKp7K.js";import{d as h}from"./p-zyYHTdEN.js";import{d}from"./p-Dfd_ifAu.js";import{d as u}from"./p-DhWkcMmR.js";import{H as b}from"./p-BWknDysp.js";var m=function(e,t,r,a){var i,o=arguments.length,s=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(o<3?i(s):o>3?i(t,r,s):i(t,r))||s);return o>3&&s&&Object.defineProperty(t,r,s),s};function p(e,t,r){return t<e?e:t>r?r:t}const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=r(this,"valueChange",7),this.formInternals=this.attachInternals()}formInternals;get hostElement(){return this}helperText;label;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;step=1;min=0;max=100;value=0;marker;trace=!1;traceReference=0;disabled=!1;valueChange;rangeInput=0;rangeMin=0;rangeMax=100;rangeTraceReference=0;showTooltip=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;a11yAttributes;lastFormValue;touched=!1;controlRef=c();thumbRef=c();tooltipRef=c();get hasLabels(){return!!this.hostElement.querySelector('[slot="label-start"], [slot="label-end"]')}get tooltip(){return this.tooltipRef.current}get pseudoThumb(){return this.thumbRef.current}get slider(){return this.hostElement.shadowRoot?.getElementById("slider")}onShowTooltipChange(){this.showTooltip&&this.pseudoThumb?this.tooltip?.showTooltip(this.pseudoThumb):this.tooltip?.hideTooltip()}onClassField({isInvalid:e,isInfo:t,isValid:r,isWarning:a,isInvalidByRequired:i}){this.isInvalid=e||i,this.isInfo=t,this.isValid=r,this.isWarning=a}componentWillLoad(){this.a11yAttributes=s(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]),this.updateRangeVariables(),this.setFormValueIfChanged(this.value)}updateRangeVariables(){this.rangeInput=p(this.min,this.value,this.max),this.rangeTraceReference=p(this.min,this.traceReference,this.max),this.rangeMin=Math.min(this.min,this.max),this.rangeMax=Math.max(this.min,this.max),void 0!==this.value&&this.setFormValueIfChanged(this.value)}updateFormInternalValue(e){this.setFormValueIfChanged(e),this.valueChange.emit(e)}setFormValueIfChanged(e){const t=""+e;this.lastFormValue!==t&&(this.formInternals.setFormValue(t),this.lastFormValue=t)}onInput(e){e.stopPropagation();const t=parseFloat(this.slider.value);if(!isNaN(t)){const e=this.rangeInput;this.rangeInput=t;const{defaultPrevented:r}=this.emitInputEvent();r?(this.rangeInput=e,this.slider.value=""+e):this.updateFormInternalValue(t)}}emitInputEvent(){return this.valueChange.emit(this.rangeInput)}isMarkerActive(e){return e>=Math.min(this.traceReference,this.rangeInput)&&e<=Math.max(this.traceReference,this.rangeInput)}onPointerUp(){this.showTooltip=!1}hasValidValue(){return Promise.resolve(!0)}isTouched(){return Promise.resolve(this.touched)}render(){const e=this.rangeMax-this.rangeMin;let t=(this.rangeTraceReference-this.rangeMin)/e,r=(this.rangeInput-this.rangeMin)/e,o=t,s=r;return r-t<=0&&(o=r,s=t),a(i,{key:"5eed909b2857b9bfbea41402736fe01d7ad9a434",class:{disabled:this.disabled,invalid:this.isInvalid,info:this.isInfo,valid:this.isValid,warning:this.isWarning},onPointerDown:()=>setTimeout((()=>this.showTooltip=!0))},a("ix-field-wrapper",{key:"6f5ef62c132260787b91ea5b5f08faf21153735f",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.controlRef},a("div",{key:"c67536334750605b342859dbf6c38abcc730c6a6",class:"slider-container"},a("div",{key:"33649db602e05ea4f2496c6b7b5a3620eca81a49",class:"slider"},a("div",{key:"f282b195ad420d036e90b4cc45c59fe9232b5919",class:"track"},a("div",{key:"f68211f2d377f2741eaedcdc4ca7fcbcd0f1bbfb",ref:this.thumbRef,class:"thumb",style:{left:`calc(${r} * (100% - 1rem))`}}),a("svg",{key:"50576c072bbd33c8689017d7f67b83694d73516c",class:"ticks",xmlns:"http://www.w3.org/2000/svg"},this.marker?.filter((e=>e>=this.min&&e<=this.max)).map((t=>{const r=(t-this.rangeMin)/e;return a("circle",{class:{tick:!0,"tick-active":this.isMarkerActive(t)&&this.trace,"tick-at-min":0===r,"tick-at-max":1===r},cx:"0",cy:"0",style:{"--tick-value":""+r}})})))),a("input",{key:"3ee47514d9a51488410c2b0984f05f39e74153a7",id:"slider",ref:this.controlRef,type:"range",list:this.marker?"markers":void 0,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:e=>this.onInput(e),onFocus:()=>{this.showTooltip=!0,this.touched=!0},onBlur:()=>{this.showTooltip=!1},style:{"--value":""+r,"--trace-reference":""+t,"--trace-start":""+o,"--trace-end":""+s},class:{trace:this.trace&&t!==r,"hide-trace-reference":this.trace&&(this.traceReference<=this.min||this.traceReference>=this.max)},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max,...this.a11yAttributes}),a("ix-tooltip",{key:"740ea0d7cf7a200c7db7ea8ac70fd2537b84b4a5",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:!0,for:this.thumbRef.waitForCurrent()},this.rangeInput)),this.hasLabels&&a("div",{key:"d5264eaabacd9f667600df1f0cdf8e89b24d7730",class:"label"},a("div",{key:"4ac2ebda49543e04e619452bd59c3f30a0404879"},a("slot",{key:"dcc9ecd173f1d49133e1070b72b34b8485cc9860",name:"label-start"})),a("div",{key:"022869a430a0644e24932553a321da5fa8dd4df2"},a("slot",{key:"4da9fdcb1d570657a3796a32d0925025e16dc4b7",name:"label-end"}))))))}static get formAssociated(){return!0}static get watchers(){return{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}}static get style(){return':host{display:flex;flex-direction:column;min-height:2rem;justify-content:center;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-slider-track-marker--background);--trace-color:var(--theme-slider-trace--background);--tick-color:var(--theme-slider-track-marker--background);--tick-color--active:var(--theme-slider-trace-marker--background);--track-color:var(--theme-slider-track--background)}: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[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1.5rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc((var(--trace-end) - var(--trace-start)) * 100%);left:calc(var(--trace-start) * 100%);height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%);border-radius:clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem)}:host .slider-container{width:100%}:host .slider-container .slider{width:100%}:host .slider-container .slider input[type=range]{width:100%}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(100% * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host{}:host .ticks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}:host .ticks circle.tick{--tick-size:6px;--tick-radius:calc(var(--tick-size) / 2);r:var(--tick-radius);fill:var(--tick-color);transform:translate(calc(var(--tick-value) * (100% - var(--thumb-size)) + var(--thumb-size) / 2), 50%)}:host .ticks .tick.tick-at-min{transform:translate(var(--tick-radius), 50%)}:host .ticks .tick.tick-at-max{transform:translate(calc(100% - var(--tick-radius)), 50%)}:host .ticks .tick.tick-active{fill:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:100%;top:50%;transform:translateY(-50%);left:0px;border-radius:2px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host(.invalid){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.invalid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.invalid) input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.disabled){pointer-events:none;--track-color:var(--theme-slider-track--background--disabled);--trace-color:var(--theme-slider-trace--background--disabled);--tick-color:var(--theme-slider-track-marker--background--disabled);--tick-color--active:var(--theme-slider-trace-marker--background--disabled)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.warning){--trace-color:var(--theme-color-warning-40);--tick-color--active:var(--theme-color-warning)}:host(.warning) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-warning)}:host(.warning) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-warning)}:host(.info){--trace-color:var(--theme-color-info-40);--tick-color--active:var(--theme-color-info)}:host(.info) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-info)}:host(.info) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-info)}:host(.valid){--trace-color:var(--theme-color-success-40);--tick-color--active:var(--theme-color-success)}:host(.valid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-success)}:host(.valid) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-success)}'}},[833,"ix-slider",{helperText:[1,"helper-text"],label:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],step:[2],min:[2],max:[2],value:[2],marker:[16],trace:[4],traceReference:[2,"trace-reference"],disabled:[4],rangeInput:[32],rangeMin:[32],rangeMax:[32],rangeTraceReference:[32],showTooltip:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64]},void 0,{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}]);m([b()],v.prototype,"onClassField",null),m([n("pointerup",(e=>e.showTooltip))],v.prototype,"onPointerUp",null);const g=v,k=function(){"undefined"!=typeof customElements&&["ix-slider","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-slider":customElements.get(o(e))||customElements.define(o(e),v);break;case"ix-field-label":customElements.get(o(e))||l();break;case"ix-field-wrapper":customElements.get(o(e))||h();break;case"ix-tooltip":customElements.get(o(e))||d();break;case"ix-typography":customElements.get(o(e))||u()}}))};export{g as IxSlider,k as defineCustomElement}
|
|
1
|
+
import{p as e,H as t,e as r,h as a,d as i,t as o}from"./p-CtDOTMOT.js";import{b as s}from"./p-C21npbUc.js";import{O as n}from"./p-CuFZ7CXu.js";import{m as c}from"./p-Djkc69iv.js";import{d as l}from"./p-baqpOH0g.js";import{d as h}from"./p-CkIELF-1.js";import{d}from"./p-Dl_YKIKl.js";import{d as u}from"./p-1KOHyx-1.js";import{H as b}from"./p-BWknDysp.js";var m=function(e,t,r,a){var i,o=arguments.length,s=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(o<3?i(s):o>3?i(t,r,s):i(t,r))||s);return o>3&&s&&Object.defineProperty(t,r,s),s};function p(e,t,r){return t<e?e:t>r?r:t}const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=r(this,"valueChange",7),this.formInternals=this.attachInternals()}formInternals;get hostElement(){return this}helperText;label;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;step=1;min=0;max=100;value=0;marker;trace=!1;traceReference=0;disabled=!1;valueChange;rangeInput=0;rangeMin=0;rangeMax=100;rangeTraceReference=0;showTooltip=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;a11yAttributes;lastFormValue;touched=!1;controlRef=c();thumbRef=c();tooltipRef=c();get hasLabels(){return!!this.hostElement.querySelector('[slot="label-start"], [slot="label-end"]')}get tooltip(){return this.tooltipRef.current}get pseudoThumb(){return this.thumbRef.current}get slider(){return this.hostElement.shadowRoot?.getElementById("slider")}onShowTooltipChange(){this.showTooltip&&this.pseudoThumb?this.tooltip?.showTooltip(this.pseudoThumb):this.tooltip?.hideTooltip()}onClassField({isInvalid:e,isInfo:t,isValid:r,isWarning:a,isInvalidByRequired:i}){this.isInvalid=e||i,this.isInfo=t,this.isValid=r,this.isWarning=a}componentWillLoad(){this.a11yAttributes=s(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]),this.updateRangeVariables(),this.setFormValueIfChanged(this.value)}updateRangeVariables(){this.rangeInput=p(this.min,this.value,this.max),this.rangeTraceReference=p(this.min,this.traceReference,this.max),this.rangeMin=Math.min(this.min,this.max),this.rangeMax=Math.max(this.min,this.max),void 0!==this.value&&this.setFormValueIfChanged(this.value)}updateFormInternalValue(e){this.setFormValueIfChanged(e),this.valueChange.emit(e)}setFormValueIfChanged(e){const t=""+e;this.lastFormValue!==t&&(this.formInternals.setFormValue(t),this.lastFormValue=t)}onInput(e){e.stopPropagation();const t=parseFloat(this.slider.value);if(!isNaN(t)){const e=this.rangeInput;this.rangeInput=t;const{defaultPrevented:r}=this.emitInputEvent();r?(this.rangeInput=e,this.slider.value=""+e):this.updateFormInternalValue(t)}}emitInputEvent(){return this.valueChange.emit(this.rangeInput)}isMarkerActive(e){return e>=Math.min(this.traceReference,this.rangeInput)&&e<=Math.max(this.traceReference,this.rangeInput)}onPointerUp(){this.showTooltip=!1}hasValidValue(){return Promise.resolve(!0)}isTouched(){return Promise.resolve(this.touched)}render(){const e=this.rangeMax-this.rangeMin;let t=(this.rangeTraceReference-this.rangeMin)/e,r=(this.rangeInput-this.rangeMin)/e,o=t,s=r;return r-t<=0&&(o=r,s=t),a(i,{key:"5eed909b2857b9bfbea41402736fe01d7ad9a434",class:{disabled:this.disabled,invalid:this.isInvalid,info:this.isInfo,valid:this.isValid,warning:this.isWarning},onPointerDown:()=>setTimeout((()=>this.showTooltip=!0))},a("ix-field-wrapper",{key:"6f5ef62c132260787b91ea5b5f08faf21153735f",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.controlRef},a("div",{key:"c67536334750605b342859dbf6c38abcc730c6a6",class:"slider-container"},a("div",{key:"33649db602e05ea4f2496c6b7b5a3620eca81a49",class:"slider"},a("div",{key:"f282b195ad420d036e90b4cc45c59fe9232b5919",class:"track"},a("div",{key:"f68211f2d377f2741eaedcdc4ca7fcbcd0f1bbfb",ref:this.thumbRef,class:"thumb",style:{left:`calc(${r} * (100% - 1rem))`}}),a("svg",{key:"50576c072bbd33c8689017d7f67b83694d73516c",class:"ticks",xmlns:"http://www.w3.org/2000/svg"},this.marker?.filter((e=>e>=this.min&&e<=this.max)).map((t=>{const r=(t-this.rangeMin)/e;return a("circle",{class:{tick:!0,"tick-active":this.isMarkerActive(t)&&this.trace,"tick-at-min":0===r,"tick-at-max":1===r},cx:"0",cy:"0",style:{"--tick-value":""+r}})})))),a("input",{key:"3ee47514d9a51488410c2b0984f05f39e74153a7",id:"slider",ref:this.controlRef,type:"range",list:this.marker?"markers":void 0,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:e=>this.onInput(e),onFocus:()=>{this.showTooltip=!0,this.touched=!0},onBlur:()=>{this.showTooltip=!1},style:{"--value":""+r,"--trace-reference":""+t,"--trace-start":""+o,"--trace-end":""+s},class:{trace:this.trace&&t!==r,"hide-trace-reference":this.trace&&(this.traceReference<=this.min||this.traceReference>=this.max)},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max,...this.a11yAttributes}),a("ix-tooltip",{key:"740ea0d7cf7a200c7db7ea8ac70fd2537b84b4a5",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:!0,for:this.thumbRef.waitForCurrent()},this.rangeInput)),this.hasLabels&&a("div",{key:"d5264eaabacd9f667600df1f0cdf8e89b24d7730",class:"label"},a("div",{key:"4ac2ebda49543e04e619452bd59c3f30a0404879"},a("slot",{key:"dcc9ecd173f1d49133e1070b72b34b8485cc9860",name:"label-start"})),a("div",{key:"022869a430a0644e24932553a321da5fa8dd4df2"},a("slot",{key:"4da9fdcb1d570657a3796a32d0925025e16dc4b7",name:"label-end"}))))))}static get formAssociated(){return!0}static get watchers(){return{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}}static get style(){return':host{display:flex;flex-direction:column;min-height:2rem;justify-content:center;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-slider-track-marker--background);--trace-color:var(--theme-slider-trace--background);--tick-color:var(--theme-slider-track-marker--background);--tick-color--active:var(--theme-slider-trace-marker--background);--track-color:var(--theme-slider-track--background)}: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[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1.5rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc((var(--trace-end) - var(--trace-start)) * 100%);left:calc(var(--trace-start) * 100%);height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%);border-radius:clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem)}:host .slider-container{width:100%}:host .slider-container .slider{width:100%}:host .slider-container .slider input[type=range]{width:100%}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(100% * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host{}:host .ticks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}:host .ticks circle.tick{--tick-size:6px;--tick-radius:calc(var(--tick-size) / 2);r:var(--tick-radius);fill:var(--tick-color);transform:translate(calc(var(--tick-value) * (100% - var(--thumb-size)) + var(--thumb-size) / 2), 50%)}:host .ticks .tick.tick-at-min{transform:translate(var(--tick-radius), 50%)}:host .ticks .tick.tick-at-max{transform:translate(calc(100% - var(--tick-radius)), 50%)}:host .ticks .tick.tick-active{fill:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:100%;top:50%;transform:translateY(-50%);left:0px;border-radius:2px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host(.invalid){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.invalid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.invalid) input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.disabled){pointer-events:none;--track-color:var(--theme-slider-track--background--disabled);--trace-color:var(--theme-slider-trace--background--disabled);--tick-color:var(--theme-slider-track-marker--background--disabled);--tick-color--active:var(--theme-slider-trace-marker--background--disabled)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.warning){--trace-color:var(--theme-color-warning-40);--tick-color--active:var(--theme-color-warning)}:host(.warning) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-warning)}:host(.warning) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-warning)}:host(.info){--trace-color:var(--theme-color-info-40);--tick-color--active:var(--theme-color-info)}:host(.info) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-info)}:host(.info) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-info)}:host(.valid){--trace-color:var(--theme-color-success-40);--tick-color--active:var(--theme-color-success)}:host(.valid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-success)}:host(.valid) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-success)}'}},[833,"ix-slider",{helperText:[1,"helper-text"],label:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],step:[2],min:[2],max:[2],value:[2],marker:[16],trace:[4],traceReference:[2,"trace-reference"],disabled:[4],rangeInput:[32],rangeMin:[32],rangeMax:[32],rangeTraceReference:[32],showTooltip:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64]},void 0,{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}]);m([b()],g.prototype,"onClassField",null),m([n("pointerup",(e=>e.showTooltip))],g.prototype,"onPointerUp",null);const v=g,k=function(){"undefined"!=typeof customElements&&["ix-slider","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-slider":customElements.get(o(e))||customElements.define(o(e),g);break;case"ix-field-label":customElements.get(o(e))||l();break;case"ix-field-wrapper":customElements.get(o(e))||h();break;case"ix-tooltip":customElements.get(o(e))||d();break;case"ix-typography":customElements.get(o(e))||u()}}))};export{v as IxSlider,k as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,M as o,e as r,h as e,d as i,t as s}from"./p-CtDOTMOT.js";import{z as a}from"./p-BtSt9tC5.js";import{P as n,u as b,a as l,F as d}from"./p-BBCsPlPH.js";import{D as h}from"./p-CApDAYIa.js";import{A as c}from"./p-Byed_Z2G.js";import{d as u}from"./p-
|
|
1
|
+
import{p as t,M as o,e as r,h as e,d as i,t as s}from"./p-CtDOTMOT.js";import{z as a}from"./p-BtSt9tC5.js";import{P as n,u as b,a as l,F as d}from"./p-BBCsPlPH.js";import{D as h}from"./p-CApDAYIa.js";import{A as c}from"./p-Byed_Z2G.js";import{d as u}from"./p-B_MBGj0b.js";import{d as p}from"./p-olkZUb1j.js";import{d as m}from"./p-LbnItC1h.js";import{d as x}from"./p-3VG6z9c3.js";import{d as f}from"./p-Dwe6tWhq.js";const g=t(class extends(o(...h,c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=r(this,"buttonClick",7)}get hostElement(){return this}variant="primary";closeBehavior="both";label;ariaLabelButton;icon;splitIcon;ariaLabelSplitIconButton;disabled=!1;disableButton=!1;disableDropdownButton=!1;enableTopLayer=!1;buttonClick;showDropdown=!1;internalId="ix-split-button";observeChildrenChange;componentDidLoad(){super.componentDidLoad(),this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0}),this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}get isDisabledButton(){return this.disabled||this.disableButton}get isDisabledIcon(){return this.disabled||this.disableDropdownButton}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(".right-button")}isAriaActiveDescendantActive(){return this.showDropdown}getAriaActiveDescendantProxyItemId(){return n}updateProxyList(){const t=this.hostElement.querySelectorAll("ix-dropdown-item"),o=this.hostElement.shadowRoot.querySelector(".proxy-list");o&&b(o,Array.from(t),((t,o)=>{o.role="menuitem",o.innerText=t.label??t.textContent??"",o.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.variant.toLocaleLowerCase().includes("secondary"),o={variant:this.variant,disabled:this.isDisabledButton,class:{"left-button":!0,"left-button-border":!t}};return e(i,{key:"884bfb24e3ee02006ea0479f14db9f6340b3392d"},this.label?e("ix-button",{...o,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton},this.label):e("ix-icon-button",{...o,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton}),e("ix-dropdown-button",{key:"bfc3ce10b22f56593f22a99fa3fd5dc8f1fd1bcd",class:"right-button","aria-label":this.ariaLabelSplitIconButton,icon:this.splitIcon??a,enableTopLayer:this.enableTopLayer,closeBehavior:this.closeBehavior,disabled:this.isDisabledIcon,suppressAriaActiveDescendant:!0,onShowChanged:({detail:t})=>this.showDropdown=t,"aria-controls":`${this.internalId}-${l}`},e(d,{key:"dd46c1d745719edccd4d1243a4136e1d10ce88d7",hostId:this.internalId,otherProps:{}}),e("slot",{key:"b7b4e70109eec84ea87011734a9b8415a71998c2"})))}static get style(){return".btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{position:relative;display:inline-flex;vertical-align:middle}:host .left-button{width:calc(100% - 2rem);--ix-button-border-radius-right:0}:host .right-button{width:2rem;--ix-dropdown-button-border-radius-left:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}: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 .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem;margin-right:0.125rem}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}"}},[769,"ix-split-button",{variant:[1],closeBehavior:[8,"close-behavior"],label:[1],ariaLabelButton:[1,"aria-label-button"],icon:[1],splitIcon:[1,"split-icon"],ariaLabelSplitIconButton:[1,"aria-label-split-icon-button"],disabled:[4],disableButton:[4,"disable-button"],disableDropdownButton:[4,"disable-dropdown-button"],enableTopLayer:[4,"enable-top-layer"]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]),k=g,w=function(){"undefined"!=typeof customElements&&["ix-split-button","ix-button","ix-dropdown","ix-dropdown-button","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-split-button":customElements.get(s(t))||customElements.define(s(t),g);break;case"ix-button":customElements.get(s(t))||u();break;case"ix-dropdown":customElements.get(s(t))||p();break;case"ix-dropdown-button":customElements.get(s(t))||m();break;case"ix-icon-button":customElements.get(s(t))||x();break;case"ix-spinner":customElements.get(s(t))||f()}}))};export{k as IxSplitButton,w as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{T as o,d as s}from"./p-
|
|
1
|
+
import{T as o,d as s}from"./p-DO3HtUke.js";const t=o,p=s;export{t as IxTabItem,p as defineCustomElement}
|
package/components/ix-tabs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{T as
|
|
1
|
+
import{T as a,d as o}from"./p-Ca8JFa1v.js";const s=a,p=o;export{s as IxTabs,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as o,e as t,h as r,d as a,t as n}from"./p-CtDOTMOT.js";import{m as i}from"./p-Djkc69iv.js";import{m as d,g as l,T as s,f as h,i as b,o as c}from"./p-CAH3dF6j.js";import{d as p}from"./p-DtOqKp7K.js";import{d as u}from"./p-zyYHTdEN.js";import{d as m}from"./p-Dfd_ifAu.js";import{d as v}from"./p-DhWkcMmR.js";import{H as x}from"./p-BWknDysp.js";function y(e){if(!e)return;const o=/^(\d+(?:\.\d+)?)\s*(px|rem|em|%)?$/.exec(e.trim());if(!o)return;const[,t,r]=o,a=Number.parseFloat(t);return Number.isNaN(a)?void 0:r?`${a}${r.toLowerCase()}`:a+"px"}let g=0;const f=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=t(this,"valueChange",7),this.validityStateChange=t(this,"validityStateChange",7),this.ixBlur=t(this,"ixBlur",7),this.ixChange=t(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;textareaHeight;textareaWidth;textareaRows;textareaCols;resizeBehavior="both";maxLength;minLength;valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;textAreaRef=i((()=>{this.initResizeObserver()}));inputId="ix-textarea-"+g++;touched=!1;initialValue;resizeObserver;isManuallyResized=!1;manualHeight;manualWidth;isProgrammaticResize=!1;lastObservedInlineHeight;lastObservedInlineWidth;updateClassMappings(e){d(this,e)}onDimensionPropsChange(){this.resetManualResizeState(),this.isProgrammaticResize=!0}onResizeBehaviorChange(){this.initResizeObserver()}componentWillLoad(){this.updateFormInternalValue(this.value)}disconnectedCallback(){this.resizeObserver?.disconnect()}resetManualResizeState(){this.isManuallyResized=!1,this.manualHeight=void 0,this.manualWidth=void 0}updateLastObservedInlineStyles(e){this.lastObservedInlineHeight=e.style.height,this.lastObservedInlineWidth=e.style.width}hasInlineStyleChange(e){return e.style.height!==this.lastObservedInlineHeight||e.style.width!==this.lastObservedInlineWidth}initResizeObserver(){this.resizeObserver?.disconnect();const e=this.textAreaRef.current;if(!e)return;if("none"===this.resizeBehavior)return;let o=!0;this.updateLastObservedInlineStyles(e),this.resizeObserver=new ResizeObserver((()=>{const e=this.textAreaRef.current;if(!e)return;if(o)return o=!1,void this.updateLastObservedInlineStyles(e);const t=this.hasInlineStyleChange(e);this.updateLastObservedInlineStyles(e),t&&(this.isProgrammaticResize?this.isProgrammaticResize=!1:(this.isManuallyResized=!0,this.manualHeight=e.style.height,this.manualWidth=e.style.width))})),this.resizeObserver.observe(e)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.textAreaRef.current&&this.touched&&l(this,this.textAreaRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getTextareaHeight(){return this.isManuallyResized?this.manualHeight:y(this.textareaHeight)}getTextareaWidth(){return this.isManuallyResized?this.manualWidth||"100%":y(this.textareaWidth)}render(){return r(a,{key:"25fd15e33b307ef6679fa4ecb743675e193b5c66",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"e710567e5ad61faaaa6ca856371adec196c14811",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"5971779593dae3517af5cd174000a7c5cb8c1cdc",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength),r("div",{key:"73a09a125b0cdd366fa916071784290d1acff350",class:"input-wrapper"},r(s,{key:"d79416a34716bf036e0a8943904c1986793c3399",id:this.inputId,minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.getTextareaHeight(),textareaWidth:this.getTextareaWidth(),resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,ariaAttributes:b(this),onFocus:()=>h(this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{c(this,this.textAreaRef.current,this.value),this.touched=!0}}))))}static get formAssociated(){return!0}static get watchers(){return{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange: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(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{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])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea: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])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{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])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}'}},[577,"ix-textarea",{name:[513],placeholder:[513],value:[1537],required:[516],disabled:[4],readonly:[4],helperText:[1,"helper-text"],infoText:[1,"info-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],validText:[1,"valid-text"],warningText:[1,"warning-text"],label:[513],invalidText:[1,"invalid-text"],textareaHeight:[1,"textarea-height"],textareaWidth:[1,"textarea-width"],textareaRows:[2,"textarea-rows"],textareaCols:[2,"textarea-cols"],resizeBehavior:[1,"resize-behavior"],maxLength:[2,"max-length"],minLength:[2,"min-length"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],isInvalidByRequired:[32],manualHeight:[32],manualWidth:[32],getAssociatedFormElement:[64],hasValidValue:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}]);!function(e,o,t,r){var a,n=arguments.length,i=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(i=(n<3?a(i):n>3?a(o,t,i):a(o,t))||i);n>3&&i&&Object.defineProperty(o,t,i)}([x()],f.prototype,"updateClassMappings",null);const k=f,w=function(){"undefined"!=typeof customElements&&["ix-textarea","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-textarea":customElements.get(n(e))||customElements.define(n(e),f);break;case"ix-field-label":customElements.get(n(e))||p();break;case"ix-field-wrapper":customElements.get(n(e))||u();break;case"ix-tooltip":customElements.get(n(e))||m();break;case"ix-typography":customElements.get(n(e))||v()}}))};export{k as IxTextarea,w as defineCustomElement}
|
|
1
|
+
import{p as e,H as o,e as t,h as r,d as a,t as n}from"./p-CtDOTMOT.js";import{m as i}from"./p-Djkc69iv.js";import{m as d,g as l,T as s,f as h,i as b,o as c}from"./p-CAH3dF6j.js";import{d as p}from"./p-baqpOH0g.js";import{d as u}from"./p-CkIELF-1.js";import{d as m}from"./p-Dl_YKIKl.js";import{d as v}from"./p-1KOHyx-1.js";import{H as x}from"./p-BWknDysp.js";function y(e){if(!e)return;const o=/^(\d+(?:\.\d+)?)\s*(px|rem|em|%)?$/.exec(e.trim());if(!o)return;const[,t,r]=o,a=Number.parseFloat(t);return Number.isNaN(a)?void 0:r?`${a}${r.toLowerCase()}`:a+"px"}let g=0;const f=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=t(this,"valueChange",7),this.validityStateChange=t(this,"validityStateChange",7),this.ixBlur=t(this,"ixBlur",7),this.ixChange=t(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;textareaHeight;textareaWidth;textareaRows;textareaCols;resizeBehavior="both";maxLength;minLength;valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;textAreaRef=i((()=>{this.initResizeObserver()}));inputId="ix-textarea-"+g++;touched=!1;initialValue;resizeObserver;isManuallyResized=!1;manualHeight;manualWidth;isProgrammaticResize=!1;lastObservedInlineHeight;lastObservedInlineWidth;updateClassMappings(e){d(this,e)}onDimensionPropsChange(){this.resetManualResizeState(),this.isProgrammaticResize=!0}onResizeBehaviorChange(){this.initResizeObserver()}componentWillLoad(){this.updateFormInternalValue(this.value)}disconnectedCallback(){this.resizeObserver?.disconnect()}resetManualResizeState(){this.isManuallyResized=!1,this.manualHeight=void 0,this.manualWidth=void 0}updateLastObservedInlineStyles(e){this.lastObservedInlineHeight=e.style.height,this.lastObservedInlineWidth=e.style.width}hasInlineStyleChange(e){return e.style.height!==this.lastObservedInlineHeight||e.style.width!==this.lastObservedInlineWidth}initResizeObserver(){this.resizeObserver?.disconnect();const e=this.textAreaRef.current;if(!e)return;if("none"===this.resizeBehavior)return;let o=!0;this.updateLastObservedInlineStyles(e),this.resizeObserver=new ResizeObserver((()=>{const e=this.textAreaRef.current;if(!e)return;if(o)return o=!1,void this.updateLastObservedInlineStyles(e);const t=this.hasInlineStyleChange(e);this.updateLastObservedInlineStyles(e),t&&(this.isProgrammaticResize?this.isProgrammaticResize=!1:(this.isManuallyResized=!0,this.manualHeight=e.style.height,this.manualWidth=e.style.width))})),this.resizeObserver.observe(e)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.textAreaRef.current&&this.touched&&l(this,this.textAreaRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getTextareaHeight(){return this.isManuallyResized?this.manualHeight:y(this.textareaHeight)}getTextareaWidth(){return this.isManuallyResized?this.manualWidth||"100%":y(this.textareaWidth)}render(){return r(a,{key:"25fd15e33b307ef6679fa4ecb743675e193b5c66",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"e710567e5ad61faaaa6ca856371adec196c14811",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"5971779593dae3517af5cd174000a7c5cb8c1cdc",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength),r("div",{key:"73a09a125b0cdd366fa916071784290d1acff350",class:"input-wrapper"},r(s,{key:"d79416a34716bf036e0a8943904c1986793c3399",id:this.inputId,minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.getTextareaHeight(),textareaWidth:this.getTextareaWidth(),resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,ariaAttributes:b(this),onFocus:()=>h(this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{c(this,this.textAreaRef.current,this.value),this.touched=!0}}))))}static get formAssociated(){return!0}static get watchers(){return{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange: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(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{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])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea: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])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{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])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}'}},[577,"ix-textarea",{name:[513],placeholder:[513],value:[1537],required:[516],disabled:[4],readonly:[4],helperText:[1,"helper-text"],infoText:[1,"info-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],validText:[1,"valid-text"],warningText:[1,"warning-text"],label:[513],invalidText:[1,"invalid-text"],textareaHeight:[1,"textarea-height"],textareaWidth:[1,"textarea-width"],textareaRows:[2,"textarea-rows"],textareaCols:[2,"textarea-cols"],resizeBehavior:[1,"resize-behavior"],maxLength:[2,"max-length"],minLength:[2,"min-length"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],isInvalidByRequired:[32],manualHeight:[32],manualWidth:[32],getAssociatedFormElement:[64],hasValidValue:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}]);!function(e,o,t,r){var a,n=arguments.length,i=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(i=(n<3?a(i):n>3?a(o,t,i):a(o,t))||i);n>3&&i&&Object.defineProperty(o,t,i)}([x()],f.prototype,"updateClassMappings",null);const k=f,w=function(){"undefined"!=typeof customElements&&["ix-textarea","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-textarea":customElements.get(n(e))||customElements.define(n(e),f);break;case"ix-field-label":customElements.get(n(e))||p();break;case"ix-field-wrapper":customElements.get(n(e))||u();break;case"ix-tooltip":customElements.get(n(e))||m();break;case"ix-typography":customElements.get(n(e))||v()}}))};export{k as IxTextarea,w as defineCustomElement}
|
package/components/ix-tile.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as o,d as r,t as s}from"./p-CtDOTMOT.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}size="medium";hasHeaderSlot=!1;hasFooterSlot=!1;handleHeaderSlotChange(){this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')}handleFooterSlotChange(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]')}render(){return o(r,{key:"
|
|
1
|
+
import{p as e,H as t,h as o,d as r,t as s}from"./p-CtDOTMOT.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}size="medium";hasHeaderSlot=!1;hasFooterSlot=!1;handleHeaderSlotChange(){this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')}handleFooterSlotChange(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]')}render(){return o(r,{key:"fe4f063c20f7e7d92d074dfecd5f7da29e5b466f",class:{"tile-small":"small"===this.size,"tile-medium":"medium"===this.size,"tile-big":"big"===this.size}},o("div",{key:"10a6e4e55560a8c8927fbd6bfd477b4b2bd6ac63",class:{"tile-header":!0,"has-content":this.hasHeaderSlot}},o("slot",{key:"2757565c81f4b79cc58adf4063f884957c102317",name:"header",onSlotchange:()=>this.handleHeaderSlotChange()})),o("div",{key:"051387aa0b12e9075e8711979e2706d3f1fbcdb0",class:"tile-subheader"},o("slot",{key:"bdb3cd31f463b89940f377ff078ad78a154d0b7d",name:"subheader"})),o("div",{key:"4e856e13a8ced7fc25fc286c65eecc5a2de2b826",class:"tile-content"},o("slot",{key:"91b44be36ded3293d1c0fb11d3e383aff88aa01d"})),o("div",{key:"890de1414349994751cf9dc2081d3542d49fef1b",class:{"tile-footer":!0,"has-content":this.hasFooterSlot}},o("slot",{key:"0f45773fa5a79c27c563629b8645f3440d88acb7",name:"footer",onSlotchange:()=>this.handleFooterSlotChange()})))}static get style(){return":host{min-width:11.937rem;max-width:11.937rem;width:11.937rem;display:flex;flex-direction:column;border:1px solid var(--theme-tile--border);border-radius:var(--theme-tile--border-radius);background-color:var(--theme-color-2);color:var(--theme-color-std-text);box-shadow:var(--theme-tile--box-shadow)}: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 .tile-header{display:flex;align-items:center;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .tile-header,:host .tile-subheader,:host .tile-content,:host .tile-footer{padding:0 1rem}:host .tile-header,:host .tile-content{flex-grow:1}:host .tile-header.has-content{display:flex;height:2.5rem;max-height:2.5rem;padding-inline-end:0.5rem}:host .tile-subheader{color:var(--theme-btn-invisible-secondary--color);flex-grow:0}:host .tile-footer.has-content{border-block-start:1px solid var(--theme-color-1);height:2.5rem}:host(.tile-small){height:2.5rem;min-height:2.5rem;max-height:2.5rem}:host(.tile-medium){height:5rem;min-height:5rem;max-height:5rem}:host(.tile-big){height:10rem;min-height:10rem;max-height:10rem}:host(:active),:host(:focus-visible),:host(:visited){outline:none}"}},[769,"ix-tile",{size:[1],hasHeaderSlot:[32],hasFooterSlot:[32]}]),h=a,i=function(){"undefined"!=typeof customElements&&["ix-tile"].forEach((e=>{"ix-tile"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))};export{h as IxTile,i as defineCustomElement}
|