@siemens/ix 5.2.0 → 5.2.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/index.js +1 -1
- package/components/ix-action-card.js +1 -1
- package/components/ix-application-header.js +1 -1
- package/components/ix-application-switch-modal.js +1 -1
- package/components/ix-avatar.js +1 -1
- package/components/ix-badge.js +1 -1
- package/components/ix-blind.js +1 -1
- package/components/ix-breadcrumb-item.js +1 -1
- package/components/ix-breadcrumb.js +1 -1
- package/components/ix-button.js +1 -1
- package/components/ix-card-accordion.js +1 -1
- package/components/ix-card-list.js +1 -1
- package/components/ix-category-filter.js +1 -1
- package/components/ix-chat-attachment.js +1 -1
- package/components/ix-chat-input.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-content-header.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-item.js +1 -1
- package/components/ix-dropdown.js +1 -1
- package/components/ix-empty-state.js +1 -1
- package/components/ix-event-list-item.js +1 -1
- package/components/ix-event-list.js +1 -1
- package/components/ix-expanding-search.js +1 -1
- package/components/ix-field-label.js +1 -1
- package/components/ix-field-wrapper.js +1 -1
- package/components/ix-filter-chip.js +1 -1
- package/components/ix-flip-tile.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-icon-button.js +1 -1
- package/components/ix-icon-toggle-button.js +1 -1
- package/components/ix-input.js +1 -1
- package/components/ix-menu-about-news.js +1 -1
- package/components/ix-menu-about.js +1 -1
- package/components/ix-menu-avatar-item.js +1 -1
- package/components/ix-menu-avatar.js +1 -1
- package/components/ix-menu-category.js +1 -1
- package/components/ix-menu-expand-icon.js +1 -1
- package/components/ix-menu-item.js +1 -1
- package/components/ix-menu-settings.js +1 -1
- package/components/ix-menu.js +1 -1
- package/components/ix-message-bar.js +1 -1
- package/components/ix-modal-header.js +1 -1
- package/components/ix-modal-loading.js +1 -1
- package/components/ix-modal.js +1 -1
- package/components/ix-number-input.js +1 -1
- package/components/ix-pagination.js +1 -1
- package/components/ix-pane.js +1 -1
- package/components/ix-pill.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-select-item.js +1 -1
- package/components/ix-select.js +1 -1
- package/components/ix-slider.js +1 -1
- package/components/ix-spinner.js +1 -1
- package/components/ix-split-button.js +1 -1
- package/components/ix-tab-item.js +1 -1
- package/components/ix-tabs.js +1 -1
- package/components/ix-textarea.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-upload.js +1 -1
- package/components/ix-workflow-step.js +1 -1
- package/components/{p-Bs5X90wM.js → p-B3ZUi0gM.js} +1 -1
- package/components/p-BE708_H3.js +1 -0
- package/components/p-BF2IsI5j.js +1 -0
- package/components/{p-l9UTiHpM.js → p-BGpGr8Qv.js} +1 -1
- package/components/{p-CEE0wwD3.js → p-BKCLcJ_A.js} +1 -1
- package/components/{p-D7sEY2UQ.js → p-BKVBe7Co.js} +1 -1
- package/components/{p-3U_cSqu_.js → p-BOImZPcG.js} +1 -1
- package/components/{p-CtZAuwv3.js → p-BpE93ty6.js} +1 -1
- package/components/p-BqeSHO6C.js +1 -0
- package/components/{p-BGOtCwtj.js → p-CAd-WgR8.js} +1 -1
- package/components/p-CFH9HkmQ.js +1 -0
- package/components/p-CGGWaScq.js +1 -0
- package/components/{p-WisOWbJ8.js → p-CHJbp28K.js} +1 -1
- package/components/{p-BQ-hS49k.js → p-CRbQNmxe.js} +1 -1
- package/components/{p-DmtgI24u.js → p-CYgC-XN6.js} +1 -1
- package/components/p-CiP3eKpd.js +1 -0
- package/components/{p-OxstEnSC.js → p-CqWfy46u.js} +1 -1
- package/components/p-D5-dW4IM.js +1 -0
- package/components/p-DB-zpRCO.js +1 -0
- package/components/{p-C21npbUc.js → p-DD206pTM.js} +1 -1
- package/components/{p-D_HzQCU-.js → p-DIq_C5Sa.js} +1 -1
- package/components/p-DKU5FVxI.js +1 -0
- package/components/{p-snX1FfdL.js → p-DLgZfUmI.js} +1 -1
- package/components/p-DXmwthlZ.js +1 -0
- package/components/p-D_VBAyPm.js +1 -0
- package/components/p-DcOoa9vE.js +1 -0
- package/components/{p-CatmTvkh.js → p-DyC90hvu.js} +1 -1
- package/components/p-DzDB4UBp.js +1 -0
- package/components/p-QnnFQ3fz.js +1 -0
- package/components/p-WX1HYV2-.js +1 -0
- package/components/{p-BC2PyjjU.js → p-_irxfS9S.js} +1 -1
- package/components/{p-CUpOF7jN.js → p-n2_EOgMr.js} +1 -1
- package/components/p-q_MHsaAK.js +1 -0
- package/components/{p-eGuQ8D3W.js → p-viP8I2_s.js} +1 -1
- package/dist/cjs/{a11y-_XjpTo2w.js → a11y--G19CFwe.js} +1 -0
- package/dist/cjs/{animation-hxDbANsw.js → animation-BIfSQAkX.js} +8 -12
- package/dist/cjs/{base-button-BP6iIMR7.js → base-button-DIhNZecD.js} +1 -1
- package/dist/cjs/{base-icon-button-BmiGQb9v.js → base-icon-button-DASKxRmK.js} +1 -1
- package/dist/cjs/{focus-visible.mixin-1V7Eldn_.js → focus-visible.mixin-GrZAmMez.js} +1 -1
- package/dist/cjs/{helper-text-util-Ci_KFQZ4.js → helper-text-util-EAfzAOH6.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/inherit-aria-attributes.mixin-DZ_vNjkJ.js +306 -0
- package/dist/cjs/{input.fc-xGzM_I6q.js → input.fc-ellguRiE.js} +8 -3
- package/dist/cjs/ix-action-card.cjs.entry.js +1 -1
- package/dist/cjs/ix-application-header.cjs.entry.js +1 -1
- package/dist/cjs/ix-avatar_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-badge.cjs.entry.js +8 -159
- package/dist/cjs/ix-blind.cjs.entry.js +13 -7
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +4 -157
- package/dist/cjs/ix-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ix-button.cjs.entry.js +4 -157
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js +7 -4
- package/dist/cjs/ix-category-filter.cjs.entry.js +7 -7
- package/dist/cjs/ix-chat-input.cjs.entry.js +8 -8
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/ix-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ix-chip.cjs.entry.js +2 -157
- package/dist/cjs/ix-col_4.cjs.entry.js +5 -5
- package/dist/cjs/ix-date-dropdown.cjs.entry.js +6 -6
- package/dist/cjs/ix-date-input.cjs.entry.js +3 -3
- package/dist/cjs/ix-date-picker.cjs.entry.js +15 -11
- package/dist/cjs/ix-datetime-input.cjs.entry.js +3 -3
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +9 -6
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +13 -7
- package/dist/cjs/ix-event-list-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-event-list.cjs.entry.js +6 -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.cjs.entry.js +1 -1
- package/dist/cjs/ix-group.cjs.entry.js +9 -9
- package/dist/cjs/ix-helper-text.cjs.entry.js +2 -2
- package/dist/cjs/ix-icon-button_2.cjs.entry.js +5 -160
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +5 -160
- package/dist/cjs/ix-input.cjs.entry.js +3 -3
- package/dist/cjs/ix-menu-avatar.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-category.cjs.entry.js +24 -166
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +3 -3
- package/dist/cjs/ix-menu-item.cjs.entry.js +11 -160
- package/dist/cjs/ix-menu.cjs.entry.js +40 -18
- package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal.cjs.entry.js +15 -8
- package/dist/cjs/ix-number-input.cjs.entry.js +16 -13
- package/dist/cjs/ix-pagination.cjs.entry.js +3 -3
- package/dist/cjs/ix-pane.cjs.entry.js +2 -2
- package/dist/cjs/ix-pill_4.cjs.entry.js +12 -160
- package/dist/cjs/ix-popover-header.cjs.entry.js +1 -1
- package/dist/cjs/ix-popover.cjs.entry.js +5 -156
- package/dist/cjs/ix-radio.cjs.entry.js +1 -1
- package/dist/cjs/ix-select.cjs.entry.js +10 -10
- package/dist/cjs/ix-slider.cjs.entry.js +1 -1
- package/dist/cjs/ix-textarea.cjs.entry.js +3 -3
- package/dist/cjs/ix-time-input.cjs.entry.js +3 -3
- package/dist/cjs/ix-toggle-button.cjs.entry.js +4 -159
- package/dist/cjs/ix-toggle.cjs.entry.js +2 -155
- package/dist/cjs/ix-tooltip.cjs.entry.js +6 -2
- package/dist/cjs/ix-tree.cjs.entry.js +1 -0
- package/dist/cjs/ix-upload.cjs.entry.js +1 -1
- package/dist/cjs/ix-workflow-step.cjs.entry.js +11 -5
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/siemens-ix.cjs.js +1 -1
- package/dist/collection/components/badge/badge.js +7 -5
- package/dist/collection/components/badge/test/badge.page.js +6 -2
- package/dist/collection/components/blind/blind.js +11 -5
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +108 -0
- package/dist/collection/components/button/button.css +54 -0
- package/dist/collection/components/card-accordion/card-accordion.js +7 -4
- package/dist/collection/components/category-filter/category-filter.css +54 -0
- package/dist/collection/components/category-filter/category-filter.js +4 -4
- package/dist/collection/components/chat-input/chat-input.js +8 -8
- package/dist/collection/components/checkbox-group/checkbox-group.css +1 -1
- package/dist/collection/components/date-dropdown/date-dropdown.js +4 -4
- package/dist/collection/components/date-picker/date-picker.js +15 -11
- package/dist/collection/components/dropdown/dropdown.js +11 -5
- package/dist/collection/components/dropdown-button/dropdown-button.css +9 -180
- package/dist/collection/components/dropdown-button/dropdown-button.js +7 -4
- package/dist/collection/components/event-list/event-list.js +6 -2
- package/dist/collection/components/group/group.js +9 -9
- package/dist/collection/components/icon-button/icon-button.css +54 -0
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +54 -0
- package/dist/collection/components/input/input.util.js +6 -1
- package/dist/collection/components/input/number-input.js +13 -10
- package/dist/collection/components/menu/menu-expand-icon.css +6 -0
- package/dist/collection/components/menu/menu.js +39 -17
- package/dist/collection/components/menu-category/menu-category.js +22 -11
- package/dist/collection/components/menu-item/menu-item.js +9 -5
- package/dist/collection/components/modal/modal.js +13 -6
- package/dist/collection/components/modal-header/modal-header.js +2 -2
- package/dist/collection/components/pagination/pagination.css +54 -0
- package/dist/collection/components/popover/popover.js +3 -1
- package/dist/collection/components/popover/test/popover.page.js +3 -2
- package/dist/collection/components/select/select.js +9 -9
- package/dist/collection/components/tabs/tabs.js +10 -5
- package/dist/collection/components/time-picker/test/expect-defined.js +13 -0
- package/dist/collection/components/time-picker/time-picker.js +5 -5
- package/dist/collection/components/toggle-button/toggle-button.css +54 -0
- package/dist/collection/components/tooltip/tooltip.js +6 -2
- package/dist/collection/components/utils/a11y.js +1 -1
- package/dist/collection/components/utils/animation.js +8 -12
- package/dist/collection/components/utils/internal/mixins/accessibility/aria-attribute-observer.js +106 -0
- package/dist/collection/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.js +175 -166
- package/dist/collection/components/utils/lazy-list/lazy.js +1 -0
- package/dist/collection/components/workflow-step/workflow-step.css +2 -2
- package/dist/collection/components/workflow-step/workflow-step.js +10 -4
- package/dist/collection/tests/utils/test/page.js +3 -0
- package/dist/esm/{a11y-C21npbUc.js → a11y-DD206pTM.js} +1 -1
- package/dist/esm/{animation-DNIQ2C1K.js → animation-BqeSHO6C.js} +8 -12
- package/dist/esm/{base-button-DZdtpLxn.js → base-button-Oanl-VqF.js} +1 -1
- package/dist/esm/{base-icon-button-DufFLJC-.js → base-icon-button-CxmfMOOd.js} +1 -1
- package/dist/esm/{focus-visible.mixin-CaRK3Ex_.js → focus-visible.mixin-DNYMa4dY.js} +1 -1
- package/dist/esm/{helper-text-util-sQKO6RPJ.js → helper-text-util-BJ-ZMW2J.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/inherit-aria-attributes.mixin-BmTKblYV.js +304 -0
- package/dist/esm/{input.fc-DliqEtCM.js → input.fc-Cwmx0lGN.js} +8 -3
- package/dist/esm/ix-action-card.entry.js +1 -1
- package/dist/esm/ix-application-header.entry.js +1 -1
- package/dist/esm/ix-avatar_2.entry.js +2 -2
- package/dist/esm/ix-badge.entry.js +8 -159
- package/dist/esm/ix-blind.entry.js +13 -7
- package/dist/esm/ix-breadcrumb-item.entry.js +4 -157
- package/dist/esm/ix-breadcrumb.entry.js +1 -1
- package/dist/esm/ix-button.entry.js +4 -157
- package/dist/esm/ix-card-accordion_2.entry.js +7 -4
- package/dist/esm/ix-category-filter.entry.js +7 -7
- package/dist/esm/ix-chat-input.entry.js +8 -8
- package/dist/esm/ix-checkbox-group.entry.js +1 -1
- package/dist/esm/ix-checkbox.entry.js +1 -1
- package/dist/esm/ix-chip.entry.js +2 -157
- package/dist/esm/ix-col_4.entry.js +5 -5
- package/dist/esm/ix-date-dropdown.entry.js +6 -6
- package/dist/esm/ix-date-input.entry.js +3 -3
- package/dist/esm/ix-date-picker.entry.js +15 -11
- package/dist/esm/ix-datetime-input.entry.js +3 -3
- package/dist/esm/ix-dropdown-button.entry.js +9 -6
- package/dist/esm/ix-dropdown_2.entry.js +13 -7
- package/dist/esm/ix-event-list-item.entry.js +1 -1
- package/dist/esm/ix-event-list.entry.js +6 -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.entry.js +1 -1
- package/dist/esm/ix-group.entry.js +9 -9
- package/dist/esm/ix-helper-text.entry.js +2 -2
- package/dist/esm/ix-icon-button_2.entry.js +5 -160
- package/dist/esm/ix-icon-toggle-button.entry.js +5 -160
- package/dist/esm/ix-input.entry.js +3 -3
- package/dist/esm/ix-menu-avatar.entry.js +1 -1
- package/dist/esm/ix-menu-category.entry.js +24 -166
- package/dist/esm/ix-menu-expand-icon.entry.js +3 -3
- package/dist/esm/ix-menu-item.entry.js +11 -160
- package/dist/esm/ix-menu.entry.js +40 -18
- package/dist/esm/ix-modal-content_2.entry.js +2 -2
- package/dist/esm/ix-modal.entry.js +15 -8
- package/dist/esm/ix-number-input.entry.js +16 -13
- package/dist/esm/ix-pagination.entry.js +3 -3
- package/dist/esm/ix-pane.entry.js +2 -2
- package/dist/esm/ix-pill_4.entry.js +12 -160
- package/dist/esm/ix-popover-header.entry.js +1 -1
- package/dist/esm/ix-popover.entry.js +5 -156
- package/dist/esm/ix-radio.entry.js +1 -1
- package/dist/esm/ix-select.entry.js +10 -10
- package/dist/esm/ix-slider.entry.js +1 -1
- package/dist/esm/ix-textarea.entry.js +3 -3
- package/dist/esm/ix-time-input.entry.js +3 -3
- package/dist/esm/ix-toggle-button.entry.js +4 -159
- package/dist/esm/ix-toggle.entry.js +2 -155
- package/dist/esm/ix-tooltip.entry.js +6 -2
- package/dist/esm/ix-tree.entry.js +1 -0
- package/dist/esm/ix-upload.entry.js +1 -1
- package/dist/esm/ix-workflow-step.entry.js +11 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/siemens-ix.js +1 -1
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/p-0409f281.entry.js +1 -0
- package/dist/siemens-ix/{p-2e780c86.entry.js → p-0819923e.entry.js} +1 -1
- package/dist/siemens-ix/p-0b875bbd.entry.js +1 -0
- package/dist/siemens-ix/p-1a7b51d8.entry.js +1 -0
- package/dist/siemens-ix/{p-2b0ffba0.entry.js → p-1aef893c.entry.js} +1 -1
- package/dist/siemens-ix/{p-03745110.entry.js → p-213059a9.entry.js} +1 -1
- package/dist/siemens-ix/p-24138425.entry.js +1 -0
- package/dist/siemens-ix/{p-29e8126a.entry.js → p-32104d25.entry.js} +1 -1
- package/dist/siemens-ix/{p-447d52de.entry.js → p-35042cda.entry.js} +1 -1
- package/dist/siemens-ix/p-351e8732.entry.js +1 -0
- package/dist/siemens-ix/{p-884fd236.entry.js → p-38eef16a.entry.js} +1 -1
- package/dist/siemens-ix/p-3a60004f.entry.js +1 -0
- package/dist/siemens-ix/p-3ad11c04.entry.js +1 -0
- package/dist/siemens-ix/p-3c92d126.entry.js +1 -0
- package/dist/siemens-ix/{p-d0649c07.entry.js → p-3fe85552.entry.js} +1 -1
- package/dist/siemens-ix/{p-f4575603.entry.js → p-40239cf6.entry.js} +1 -1
- package/dist/siemens-ix/{p-a92495b8.entry.js → p-403b7d10.entry.js} +1 -1
- package/dist/siemens-ix/p-4739e88e.entry.js +1 -0
- package/dist/siemens-ix/p-4c765c73.entry.js +1 -0
- package/dist/siemens-ix/{p-0b10bb78.entry.js → p-50ece3e2.entry.js} +1 -1
- package/dist/siemens-ix/p-53319a22.entry.js +1 -0
- package/dist/siemens-ix/{p-1fbb010f.entry.js → p-571a1628.entry.js} +1 -1
- package/dist/siemens-ix/{p-4079292f.entry.js → p-60f7be48.entry.js} +1 -1
- package/dist/siemens-ix/p-643ed439.entry.js +1 -0
- package/dist/siemens-ix/p-6505e43d.entry.js +1 -0
- package/dist/siemens-ix/{p-217dc62a.entry.js → p-675e2aa8.entry.js} +1 -1
- package/dist/siemens-ix/{p-99b97922.entry.js → p-79a08a2a.entry.js} +1 -1
- package/dist/siemens-ix/p-83827bb2.entry.js +1 -0
- package/dist/siemens-ix/p-859294b4.entry.js +1 -0
- package/dist/siemens-ix/p-8af23465.entry.js +1 -0
- package/dist/siemens-ix/{p-6ffe8ec7.entry.js → p-8bc225b7.entry.js} +1 -1
- package/dist/siemens-ix/p-9254cb19.entry.js +1 -0
- package/dist/siemens-ix/p-9c6e5dcc.entry.js +1 -0
- package/dist/siemens-ix/{p-bf827cb3.entry.js → p-9df616d3.entry.js} +1 -1
- package/dist/siemens-ix/p-Bemn50Nk.js +1 -0
- package/dist/siemens-ix/p-BqeSHO6C.js +1 -0
- package/dist/siemens-ix/{p-HpQs38Y0.js → p-CDKWxg_L.js} +1 -1
- package/dist/siemens-ix/{p-CXbob2Ew.js → p-CLxF-dX8.js} +1 -1
- package/dist/siemens-ix/p-Cv_omozQ.js +1 -0
- package/dist/siemens-ix/{p-C21npbUc.js → p-DD206pTM.js} +1 -1
- package/dist/siemens-ix/p-a05bf6b5.entry.js +1 -0
- package/dist/siemens-ix/p-a4c3f3d3.entry.js +1 -0
- package/dist/siemens-ix/{p-836df58e.entry.js → p-aa0770ab.entry.js} +1 -1
- package/dist/siemens-ix/{p-89f6329b.entry.js → p-b5bf48cb.entry.js} +1 -1
- package/dist/siemens-ix/p-b9dcbd84.entry.js +1 -0
- package/dist/siemens-ix/{p-f3528209.entry.js → p-c393c20e.entry.js} +1 -1
- package/dist/siemens-ix/{p-b3eaf43d.entry.js → p-caac5984.entry.js} +1 -1
- package/dist/siemens-ix/p-cfd75035.entry.js +1 -0
- package/dist/siemens-ix/{p-47e2c5a1.entry.js → p-d4d99140.entry.js} +1 -1
- package/dist/siemens-ix/p-d94ad8f8.entry.js +1 -0
- package/dist/siemens-ix/p-da700215.entry.js +1 -0
- package/dist/siemens-ix/p-ddb49318.entry.js +1 -0
- package/dist/siemens-ix/{p-1afa8fb3.entry.js → p-de9a4607.entry.js} +1 -1
- package/dist/siemens-ix/{p-4b85292e.entry.js → p-e2e7c16a.entry.js} +1 -1
- package/dist/siemens-ix/p-e5239c6d.entry.js +1 -0
- package/dist/siemens-ix/p-e87e947c.entry.js +1 -0
- package/dist/siemens-ix/p-e8d73d19.entry.js +1 -0
- package/dist/siemens-ix/{p-0329eb6e.entry.js → p-e8f5519f.entry.js} +1 -1
- package/dist/siemens-ix/{p-92804589.entry.js → p-f7f6cf46.entry.js} +1 -1
- package/dist/siemens-ix/{p-bd2f7002.entry.js → p-fcfecc91.entry.js} +1 -1
- package/dist/siemens-ix/{p-kmPsIcs5.js → p-rgh7lt60.js} +1 -1
- package/dist/siemens-ix/p-xptA1Kt1.js +1 -0
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/badge/badge.d.ts +1 -16
- package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +1 -16
- package/dist/types/components/button/button.d.ts +1 -16
- package/dist/types/components/chip/chip.d.ts +1 -16
- package/dist/types/components/dropdown/dropdown-focus.d.ts +1 -1
- package/dist/types/components/group/group.d.ts +1 -1
- package/dist/types/components/icon-button/icon-button.d.ts +2 -17
- package/dist/types/components/icon-toggle-button/icon-toggle-button.d.ts +1 -16
- package/dist/types/components/input/input.util.d.ts +2 -3
- package/dist/types/components/input/number-input.d.ts +1 -0
- package/dist/types/components/menu/menu.d.ts +1 -1
- package/dist/types/components/menu-category/menu-category.d.ts +2 -17
- package/dist/types/components/menu-item/menu-item.d.ts +1 -16
- package/dist/types/components/modal/modal.d.ts +1 -0
- package/dist/types/components/modal-header/modal-header.d.ts +1 -1
- package/dist/types/components/popover/popover.d.ts +1 -16
- package/dist/types/components/tabs/tabs.d.ts +3 -16
- package/dist/types/components/time-picker/test/expect-defined.d.ts +1 -0
- package/dist/types/components/toggle/toggle.d.ts +1 -16
- package/dist/types/components/toggle-button/toggle-button.d.ts +1 -16
- package/dist/types/components/tree/tree.d.ts +1 -1
- package/dist/types/components/utils/a11y.d.ts +1 -0
- package/dist/types/components/utils/internal/mixins/accessibility/aria-attribute-observer.d.ts +7 -0
- package/dist/types/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.d.ts +7 -18
- package/dist/types/components/utils/shadow-dom.d.ts +1 -1
- package/dist/types/components/workflow-step/workflow-step.d.ts +1 -0
- package/hydrate/index.js +535 -2015
- package/hydrate/index.mjs +535 -2015
- package/package.json +1 -1
- package/components/p-1FBWW6v2.js +0 -1
- package/components/p-BDnx22Gp.js +0 -1
- package/components/p-BHoJOFM-.js +0 -1
- package/components/p-BST8QY5w.js +0 -1
- package/components/p-BcbFeRB0.js +0 -1
- package/components/p-CLDB-pmj.js +0 -1
- package/components/p-CRtj-KBq.js +0 -1
- package/components/p-CTRSoM-z.js +0 -1
- package/components/p-CgPr717U.js +0 -1
- package/components/p-CvAmaEU2.js +0 -1
- package/components/p-DNIQ2C1K.js +0 -1
- package/components/p-DdlGyKd2.js +0 -1
- package/components/p-DtWFUcZO.js +0 -1
- package/components/p-DylHkzl6.js +0 -1
- package/components/p-NXyac9kC.js +0 -1
- package/components/p-hf_zqlB1.js +0 -1
- package/dist/cjs/inherit-aria-attributes.mixin-EyRU0cDO.js +0 -36
- package/dist/esm/inherit-aria-attributes.mixin-nCmPujqf.js +0 -34
- package/dist/siemens-ix/p-0555a6fb.entry.js +0 -1
- package/dist/siemens-ix/p-05c35730.entry.js +0 -1
- package/dist/siemens-ix/p-0f2ac675.entry.js +0 -1
- package/dist/siemens-ix/p-12bce791.entry.js +0 -1
- package/dist/siemens-ix/p-30008054.entry.js +0 -1
- package/dist/siemens-ix/p-488b7074.entry.js +0 -1
- package/dist/siemens-ix/p-49d8b129.entry.js +0 -1
- package/dist/siemens-ix/p-55a57ce6.entry.js +0 -1
- package/dist/siemens-ix/p-55ae6204.entry.js +0 -1
- package/dist/siemens-ix/p-55e8ad3b.entry.js +0 -1
- package/dist/siemens-ix/p-5f48d238.entry.js +0 -1
- package/dist/siemens-ix/p-64432fa0.entry.js +0 -1
- package/dist/siemens-ix/p-6ebf66b8.entry.js +0 -1
- package/dist/siemens-ix/p-7690a56d.entry.js +0 -1
- package/dist/siemens-ix/p-80d7a07a.entry.js +0 -1
- package/dist/siemens-ix/p-816bcf01.entry.js +0 -1
- package/dist/siemens-ix/p-86ad005e.entry.js +0 -1
- package/dist/siemens-ix/p-8c3e7613.entry.js +0 -1
- package/dist/siemens-ix/p-8df1362f.entry.js +0 -1
- package/dist/siemens-ix/p-9094212f.entry.js +0 -1
- package/dist/siemens-ix/p-99df3561.entry.js +0 -1
- package/dist/siemens-ix/p-B4oiZyZC.js +0 -1
- package/dist/siemens-ix/p-DNIQ2C1K.js +0 -1
- package/dist/siemens-ix/p-a1d79970.entry.js +0 -1
- package/dist/siemens-ix/p-a7d695f5.entry.js +0 -1
- package/dist/siemens-ix/p-baf74d39.entry.js +0 -1
- package/dist/siemens-ix/p-bf75d77b.entry.js +0 -1
- package/dist/siemens-ix/p-cddc43e2.entry.js +0 -1
- package/dist/siemens-ix/p-cfd83faa.entry.js +0 -1
- package/dist/siemens-ix/p-fff1f8b1.entry.js +0 -1
- package/dist/siemens-ix/p-vphIrWGB.js +0 -1
- package/dist/siemens-ix/p-yUgQMMln.js +0 -1
- /package/dist/siemens-ix/{p-383e95ad.entry.js → p-f4d8f94b.entry.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,e as a,h as s,d as i,t as o}from"./p-eN5fQtqO.js";import{C as r}from"./p-DsVj4Cd-.js";import{d as
|
|
1
|
+
import{p as e,H as t,e as a,h as s,d as i,t as o}from"./p-eN5fQtqO.js";import{C as r}from"./p-DsVj4Cd-.js";import{d as c}from"./p-CiP3eKpd.js";import{d as l}from"./p-BKVBe7Co.js";import{d as n}from"./p-YFmbQndr.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.backButtonClick=a(this,"backButtonClick",7)}variant="primary";headerTitle;headerSubtitle=void 0;hasBackButton=!1;backButtonClick;render(){return s(i,{key:"f61310f6ea0a3469000fee7fb7b7186baa2cf36e"},this.hasBackButton?s("ix-icon-button",{class:"backButton",variant:"tertiary",icon:r,onClick:()=>this.backButtonClick.emit()}):null,s("div",{key:"e0676de94ec7d4ab15fb9fd482da5667f10cf4e4",class:"titleGroup"},s("div",{key:"6d0a6a9ff21a04430fa33f8a41c4e333bf3a4249",class:"headerTitleRow"},s("ix-typography",{key:"b66eb7cd9d491e3182765ad9747ecd626f45b23f",format:"secondary"===this.variant?"h4":"h3",class:{secondary:"secondary"===this.variant,titleOverflow:!0}},this.headerTitle),s("div",{key:"04c444efdf2cffaeb1ea0120c9e745626aef6f8c",class:"headerSlot"},s("slot",{key:"775eee1677756fd3a8f77f558b8110c93491bcd1",name:"header"}))),!!this.headerSubtitle&&s("ix-typography",{key:"abea3fa4aedd7ba74da32e656f34d472012dca14",format:"h6","text-color":"soft",class:{subtitle:"secondary"===this.variant,titleOverflow:!0},title:this.headerSubtitle},this.headerSubtitle)),s("div",{key:"798601c8081c2798088ebaeb3bce279947543e52",class:"buttons"},s("slot",{key:"330aa42677e2b0991519c0f3c9007c5f7eaa8483"})))}static get style(){return":host{display:flex;flex-direction:row;align-items:flex-start;padding:0}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0;min-width:0;white-space:nowrap;margin-right:0.5rem}:host .titleGroup .titleOverflow{overflow:hidden;text-overflow:ellipsis}:host .titleGroup .headerTitleRow{display:flex}:host .titleGroup .headerTitleRow .headerSlot{display:inline-flex;margin-left:0.5rem}:host .titleGroup .secondary{padding:0.25rem 0}:host .subtitle{margin-top:-0.125rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}"}},[769,"ix-content-header",{variant:[1],headerTitle:[1,"header-title"],headerSubtitle:[1,"header-subtitle"],hasBackButton:[4,"has-back-button"]}]),f=d,h=function(){"undefined"!=typeof customElements&&["ix-content-header","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-content-header":customElements.get(o(e))||customElements.define(o(e),d);break;case"ix-icon-button":customElements.get(o(e))||c();break;case"ix-spinner":customElements.get(o(e))||l();break;case"ix-typography":customElements.get(o(e))||n()}}))};export{f as IxContentHeader,h as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as i,d as s,t as a}from"./p-eN5fQtqO.js";import{d as o}from"./p-
|
|
1
|
+
import{p as t,H as e,h as i,d as s,t as a}from"./p-eN5fQtqO.js";import{d as o}from"./p-CAd-WgR8.js";import{d as n}from"./p-viP8I2_s.js";import{d as l}from"./p-D_VBAyPm.js";import{d as r}from"./p-YFmbQndr.js";import{H as d}from"./p-BTBxxgtF.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}required=!1;label;helperText;infoText;warningText;invalidText;validText;showTextAsTooltip;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;updateValidationState({isInvalid:t,isValid:e,isInfo:i,isWarning:s}){this.isInvalid=t,this.isValid=e,this.isInfo=i,this.isWarning=s}render(){return i(s,{key:"3865a646510b0a6c599fdeb3adb29d58f311d8d4"},i("ix-field-wrapper",{key:"bfaa5e15d46ce3328c072c1888ea3ca2a8f82521",label:this.label,helperText:this.helperText,infoText:this.infoText,warningText:this.warningText,invalidText:this.invalidText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,required:this.required},i("slot",{key:"6fc00234329533b6876319d7a851f417a0e9a4d3"})))}static get style(){return":host{display:block;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}"}},[769,"ix-custom-field",{required:[4],label:[1],helperText:[1,"helper-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],invalidText:[1,"invalid-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32]}]);!function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)}([d({includeChildren:!0})],f.prototype,"updateValidationState",null);const c=f,p=function(){"undefined"!=typeof customElements&&["ix-custom-field","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-custom-field":customElements.get(a(t))||customElements.define(a(t),f);break;case"ix-field-label":customElements.get(a(t))||o();break;case"ix-field-wrapper":customElements.get(a(t))||n();break;case"ix-tooltip":customElements.get(a(t))||l();break;case"ix-typography":customElements.get(a(t))||r()}}))};export{c as IxCustomField,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,M as e,e as o,h as r,d as i,t as s}from"./p-eN5fQtqO.js";import{D as a}from"./p-DsVj4Cd-.js";import{D as n}from"./p-D1WplX1z.js";import{D as d,h as c}from"./p-CApDAYIa.js";import{m as l}from"./p-Djkc69iv.js";import{r as h}from"./p-BEuV0Xpe.js";import{B as b}from"./p-BQ-hS49k.js";import{b as u,a as m}from"./p-C21npbUc.js";import{T as p}from"./p-DWOjSq8j.js";import{d as g}from"./p-CRtj-KBq.js";import{d as k}from"./p-DtWFUcZO.js";import{d as f}from"./p-DiYkfhDE.js";import{d as v}from"./p-CLDB-pmj.js";import{d as x}from"./p-CvAmaEU2.js";import{d as y}from"./p-CUpOF7jN.js";import{d as w}from"./p-DdlGyKd2.js";import{d as D}from"./p-D7sEY2UQ.js";import{d as q}from"./p-YFmbQndr.js";const R=t(class extends(e(...d)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dateRangeChange=o(this,"dateRangeChange",7)}get hostElement(){return this}disabled=!1;format="yyyy/LL/dd";singleSelection=!1;from="";to="";minDate="";maxDate="";dateRangeId="custom";variant="primary";loading=!1;showWeekNumbers=!1;onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId),this.updateCurrentDate(),this.setDateRangeSelection(this.dateRangeId),this.currentRangeValue&&this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}dateRangeOptions=[];onDateRangeOptionsChange(){this.initialize(),this.onDateRangeIdChange()}locale;weekStartIndex=0;i18nDone="Done";i18nNoRange="No range set";today=n.now().toISO();enableTopLayer=!1;dateRangeChange;selectedDateRangeId="";currentRangeValue;show=!1;triggerRef=l();onDisabledChange(){this.disabled&&this.closeDropdown()}datePickerRef=l();inheritAriaAttributes={};componentWillLoad(){this.initialize(),this.setDateRangeSelection(this.dateRangeId),this.inheritAriaAttributes=u(this.hostElement)}async getDateRange(){return this.currentRangeValue||{id:"",from:"",to:""}}initialize(){const t="custom"===this.dateRangeId||!this.dateRangeId&&!!this.from&&!!this.to;return t?(this.selectedDateRangeId="custom",void this.updateCurrentDate()):t||this.from?(console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".'),this.selectedDateRangeId="custom",void this.updateCurrentDate()):void 0}updateCurrentDate(){this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to}}onDateSelect(t){this.dateRangeChange.emit(t)}onRangeListSelect(t){this.setDateRangeSelection(t)&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue)}setDateRangeSelection(t){this.selectedDateRangeId=t;const e=this.dateRangeOptions.find((e=>e.id===t));if(e)if(e.from&&e?.from===this.currentRangeValue?.from){const t=n.fromFormat(e.from,this.format);this.datePickerRef.current?.updateSelectedYearMonth(t)}else this.currentRangeValue=e;return e}closeDropdown(){const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");t&&(t.show=!1)}getButtonLabel(){if(this.currentRangeValue?.from){let t=this.currentRangeValue.from;return this.currentRangeValue.to===this.currentRangeValue.from||this.currentRangeValue.to&&(t+=" - "+this.currentRangeValue.to),t}return this.i18nNoRange}render(){const t=this.inheritAriaAttributes["aria-label"]||this.getButtonLabel();return r(i,{key:"5df489d50a9e459fcf350fcaf20dad2f3c6d09d8",onFocusout:t=>{t.relatedTarget&&this.closeDropdown()},role:"presentation"},r("ix-button",{key:"a457c4586b7d426cb3177b13ada395cd142c554c","data-testid":"date-dropdown-trigger","data-date-dropdown-trigger":!0,variant:this.variant,loading:this.loading,icon:a,ref:this.triggerRef,disabled:this.disabled,...this.inheritAriaAttributes,"aria-haspopup":"true","aria-expanded":m(this.show),"aria-controls":"date-dropdown","aria-label":t,[p]:!0},this.getButtonLabel()),r("ix-dropdown",{key:"4843647a409bf919d4221187eeb4fb9285a53f0e",focusTrapOptions:{excludeElements:!0,trapFocusInShadowDom:!0},focusHost:this.hostElement,id:"date-dropdown","data-testid":"date-dropdown","data-date-dropdown":!0,class:"min-width max-height",trigger:this.triggerRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,onShowChanged:async({detail:t})=>{this.show=t,!t&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue),t&&c()&&h((()=>{const t=this.datePickerRef.current;t?.focus()}))}},r("div",{key:"b56022ada38073e8f0eb41e45fe77ff9e7266619",class:"container"},this.dateRangeOptions?.length>1&&r("div",{key:"08899447b48dbb8e0a9afd9869611694f859de8c",class:{"quick-selection":!0,"border-right":"custom"===this.selectedDateRangeId}},this.dateRangeOptions.map((t=>r(b,{disabled:!1,iconOnly:!1,iconOval:!1,selected:!1,loading:!1,type:"button",variant:"subtle-tertiary",onClick:()=>this.onRangeListSelect(t.id),ariaAttributes:{"aria-label":`${t.label}: ${t.from} to ${t.to}`}},t.label)))),r("div",{key:"8c61f1698346dcbd76f6ac011c54c0034b19db70",class:"picker-wrapper"},r("ix-date-picker",{key:"d9f6d28e64a07aedd2f66a5edbb8c470e908b87e",ref:this.datePickerRef,embedded:!0,locale:this.locale,onDateChange:t=>{t.stopPropagation(),this.currentRangeValue={...t.detail,id:"custom"}},onDateRangeChange:t=>t.stopPropagation(),format:this.format,singleSelection:this.singleSelection,from:this.from||this.currentRangeValue?.from,to:this.to||this.currentRangeValue?.to,minDate:this.minDate,maxDate:this.maxDate,today:this.today,weekStartIndex:this.weekStartIndex,showWeekNumbers:this.showWeekNumbers}),r("div",{key:"1dc08213a7637d97a129484b84206f9c030448fd",class:"pull-right"},r("ix-button",{key:"fcdcc6e21a4aad47466ce6354d75286eed642081",onClick:()=>{this.currentRangeValue&&(this.onDateSelect(this.currentRangeValue),this.closeDropdown())}},this.i18nDone))))))}static get watchers(){return{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .pull-right{position:relative;float:right;padding:1rem}:host .quick-selection{display:inline-flex;flex-direction:column;gap:0.25rem;border-right:var(--theme-x-weak-bdr-1);overflow:auto;padding:0.5rem}:host .quick-selection *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .quick-selection *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .quick-selection *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .quick-selection *::-webkit-scrollbar-corner{display:none}:host .quick-selection .btn{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem);min-width:8rem;min-height:2rem;max-height:2rem;justify-content:flex-start}:host .quick-selection .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .quick-selection .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .quick-selection .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .quick-selection .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host .container{display:flex;flex-direction:row;height:25rem;max-height:25rem;flex-wrap:nowrap}:host .picker-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}:host .picker-wrapper ix-date-picker{height:21rem}:host ix-dropdown{padding:0px}@media only screen and (max-width: 48em){:host .container{flex-direction:column;max-height:unset;height:unset}:host .quick-selection{max-height:12rem}}"}},[513,"ix-date-dropdown",{disabled:[4],format:[1],singleSelection:[4,"single-selection"],from:[1],to:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],dateRangeId:[1,"date-range-id"],variant:[1],loading:[4],showWeekNumbers:[4,"show-week-numbers"],dateRangeOptions:[16],locale:[1],weekStartIndex:[2,"week-start-index"],i18nDone:[1,"i18n-done"],i18nNoRange:[1,"i18n-no-range"],today:[1],enableTopLayer:[4,"enable-top-layer"],selectedDateRangeId:[32],currentRangeValue:[32],show:[32],getDateRange:[64]},void 0,{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}]),j=R,C=function(){"undefined"!=typeof customElements&&["ix-date-dropdown","ix-button","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-date-dropdown":customElements.get(s(t))||customElements.define(s(t),R);break;case"ix-button":customElements.get(s(t))||g();break;case"ix-date-picker":customElements.get(s(t))||k();break;case"ix-date-time-card":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||v();break;case"ix-dropdown-button":customElements.get(s(t))||x();break;case"ix-dropdown-item":customElements.get(s(t))||y();break;case"ix-icon-button":customElements.get(s(t))||w();break;case"ix-spinner":customElements.get(s(t))||D();break;case"ix-typography":customElements.get(s(t))||q()}}))};export{j as IxDateDropdown,C as defineCustomElement}
|
|
1
|
+
import{p as t,M as e,e as o,h as r,d as i,t as s}from"./p-eN5fQtqO.js";import{D as a}from"./p-DsVj4Cd-.js";import{D as n}from"./p-D1WplX1z.js";import{D as d,h as c}from"./p-CApDAYIa.js";import{m as l}from"./p-Djkc69iv.js";import{r as h}from"./p-BEuV0Xpe.js";import{B as b}from"./p-CRbQNmxe.js";import{b as u,a as m}from"./p-DD206pTM.js";import{T as p}from"./p-DWOjSq8j.js";import{d as g}from"./p-q_MHsaAK.js";import{d as k}from"./p-D5-dW4IM.js";import{d as f}from"./p-DiYkfhDE.js";import{d as v}from"./p-CGGWaScq.js";import{d as x}from"./p-DzDB4UBp.js";import{d as y}from"./p-n2_EOgMr.js";import{d as w}from"./p-CiP3eKpd.js";import{d as D}from"./p-BKVBe7Co.js";import{d as q}from"./p-YFmbQndr.js";const R=t(class extends(e(...d)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dateRangeChange=o(this,"dateRangeChange",7)}get hostElement(){return this}disabled=!1;format="yyyy/LL/dd";singleSelection=!1;from="";to="";minDate="";maxDate="";dateRangeId="custom";variant="primary";loading=!1;showWeekNumbers=!1;onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId),this.updateCurrentDate(),this.setDateRangeSelection(this.dateRangeId),this.currentRangeValue&&this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}dateRangeOptions=[];onDateRangeOptionsChange(){this.initialize(),this.onDateRangeIdChange()}locale;weekStartIndex=0;i18nDone="Done";i18nNoRange="No range set";today=n.now().toISO();enableTopLayer=!1;dateRangeChange;selectedDateRangeId="";currentRangeValue;show=!1;triggerRef=l();onDisabledChange(){this.disabled&&this.closeDropdown()}datePickerRef=l();inheritAriaAttributes={};componentWillLoad(){this.initialize(),this.setDateRangeSelection(this.dateRangeId),this.inheritAriaAttributes=u(this.hostElement)}async getDateRange(){return this.currentRangeValue||{id:"",from:"",to:""}}initialize(){const t="custom"===this.dateRangeId||!this.dateRangeId&&!!this.from&&!!this.to;return t?(this.selectedDateRangeId="custom",void this.updateCurrentDate()):t||this.from?(console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".'),this.selectedDateRangeId="custom",void this.updateCurrentDate()):void 0}updateCurrentDate(){this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to}}onDateSelect(t){this.dateRangeChange.emit(t)}onRangeListSelect(t){this.setDateRangeSelection(t)&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue)}setDateRangeSelection(t){this.selectedDateRangeId=t;const e=this.dateRangeOptions.find((e=>e.id===t));if(e)if(e.from&&e?.from===this.currentRangeValue?.from){const t=n.fromFormat(e.from,this.format);this.datePickerRef.current?.updateSelectedYearMonth(t)}else this.currentRangeValue=e;return e}closeDropdown(){const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");t&&(t.show=!1)}getButtonLabel(){if(this.currentRangeValue?.from){let t=this.currentRangeValue.from;return this.currentRangeValue.to===this.currentRangeValue.from||this.currentRangeValue.to&&(t+=" - "+this.currentRangeValue.to),t}return this.i18nNoRange}render(){const t=this.inheritAriaAttributes["aria-label"]||this.getButtonLabel();return r(i,{key:"5df489d50a9e459fcf350fcaf20dad2f3c6d09d8",onFocusout:t=>{t.relatedTarget&&this.closeDropdown()},role:"presentation"},r("ix-button",{key:"9de1225750e827a48370d77b643accbf717b5c90","data-testid":"date-dropdown-trigger","data-date-dropdown-trigger":!0,class:{active:this.show},variant:this.variant,loading:this.loading,icon:a,ref:this.triggerRef,disabled:this.disabled,...this.inheritAriaAttributes,"aria-haspopup":"true","aria-expanded":m(this.show),"aria-controls":"date-dropdown","aria-label":t,[p]:!0},this.getButtonLabel()),r("ix-dropdown",{key:"5adea2a62d0f2936c7f414d07e4b215fa46013c7",focusTrapOptions:{excludeElements:!0,trapFocusInShadowDom:!0},focusHost:this.hostElement,id:"date-dropdown","data-testid":"date-dropdown","data-date-dropdown":!0,class:"min-width max-height",trigger:this.triggerRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,onShowChanged:async({detail:t})=>{this.show=t,!t&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue),t&&c()&&h((()=>{const t=this.datePickerRef.current;t?.focus()}))}},r("div",{key:"529789401a81e427362891c8067dceef2d792ccd",class:"container"},this.dateRangeOptions?.length>1&&r("div",{key:"37357e44ca576b728da92a56b168441660298ad3",class:{"quick-selection":!0,"border-right":"custom"===this.selectedDateRangeId}},this.dateRangeOptions.map((t=>r(b,{disabled:!1,iconOnly:!1,iconOval:!1,selected:!1,loading:!1,type:"button",variant:"subtle-tertiary",onClick:()=>this.onRangeListSelect(t.id),ariaAttributes:{"aria-label":`${t.label}: ${t.from} to ${t.to}`}},t.label)))),r("div",{key:"78ba6a786dd6c0f4eab6158c44bca11d8ee3b8a5",class:"picker-wrapper"},r("ix-date-picker",{key:"17bd8255602531babe2f71e2db5ffac8bb2b7b2f",ref:this.datePickerRef,embedded:!0,locale:this.locale,onDateChange:t=>{t.stopPropagation(),this.currentRangeValue={...t.detail,id:"custom"}},onDateRangeChange:t=>t.stopPropagation(),format:this.format,singleSelection:this.singleSelection,from:this.from||this.currentRangeValue?.from,to:this.to||this.currentRangeValue?.to,minDate:this.minDate,maxDate:this.maxDate,today:this.today,weekStartIndex:this.weekStartIndex,showWeekNumbers:this.showWeekNumbers}),r("div",{key:"bedbd4ed054f58030718054a601b0ba9215ded11",class:"pull-right"},r("ix-button",{key:"05cb78d1a4e407390c00abad740a4516b6fd10fb",onClick:()=>{this.currentRangeValue&&(this.onDateSelect(this.currentRangeValue),this.closeDropdown())}},this.i18nDone))))))}static get watchers(){return{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .pull-right{position:relative;float:right;padding:1rem}:host .quick-selection{display:inline-flex;flex-direction:column;gap:0.25rem;border-right:var(--theme-x-weak-bdr-1);overflow:auto;padding:0.5rem}:host .quick-selection *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .quick-selection *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .quick-selection *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .quick-selection *::-webkit-scrollbar-corner{display:none}:host .quick-selection .btn{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem);min-width:8rem;min-height:2rem;max-height:2rem;justify-content:flex-start}:host .quick-selection .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .quick-selection .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .quick-selection .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .quick-selection .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host .container{display:flex;flex-direction:row;height:25rem;max-height:25rem;flex-wrap:nowrap}:host .picker-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}:host .picker-wrapper ix-date-picker{height:21rem}:host ix-dropdown{padding:0px}@media only screen and (max-width: 48em){:host .container{flex-direction:column;max-height:unset;height:unset}:host .quick-selection{max-height:12rem}}"}},[513,"ix-date-dropdown",{disabled:[4],format:[1],singleSelection:[4,"single-selection"],from:[1],to:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],dateRangeId:[1,"date-range-id"],variant:[1],loading:[4],showWeekNumbers:[4,"show-week-numbers"],dateRangeOptions:[16],locale:[1],weekStartIndex:[2,"week-start-index"],i18nDone:[1,"i18n-done"],i18nNoRange:[1,"i18n-no-range"],today:[1],enableTopLayer:[4,"enable-top-layer"],selectedDateRangeId:[32],currentRangeValue:[32],show:[32],getDateRange:[64]},void 0,{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}]),C=R,j=function(){"undefined"!=typeof customElements&&["ix-date-dropdown","ix-button","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-date-dropdown":customElements.get(s(t))||customElements.define(s(t),R);break;case"ix-button":customElements.get(s(t))||g();break;case"ix-date-picker":customElements.get(s(t))||k();break;case"ix-date-time-card":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||v();break;case"ix-dropdown-button":customElements.get(s(t))||x();break;case"ix-dropdown-item":customElements.get(s(t))||y();break;case"ix-icon-button":customElements.get(s(t))||w();break;case"ix-spinner":customElements.get(s(t))||D();break;case"ix-typography":customElements.get(s(t))||q()}}))};export{C as IxDateDropdown,j as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as t,e as o,h as r,d as a,t as n}from"./p-eN5fQtqO.js";import{K as i}from"./p-DsVj4Cd-.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,a as s,b as h,h as c,S as b,o as p,d as u,e as m}from"./p-BDnx22Gp.js";import{I as v,h as x,o as f,c as y,a as g}from"./p-CTbTAb9U.js";import{m as k}from"./p-Djkc69iv.js";import{D as w,h as z}from"./p-CApDAYIa.js";import{f as E}from"./p-C21npbUc.js";import{d as C}from"./p-CRtj-KBq.js";import{d as j}from"./p-DtWFUcZO.js";import{d as T}from"./p-DiYkfhDE.js";import{d as D}from"./p-CLDB-pmj.js";import{d as I}from"./p-CvAmaEU2.js";import{d as S}from"./p-CUpOF7jN.js";import{d as V}from"./p-BGOtCwtj.js";import{d as B}from"./p-eGuQ8D3W.js";import{d as A}from"./p-DdlGyKd2.js";import{d as L}from"./p-D7sEY2UQ.js";import{d as P}from"./p-CgPr717U.js";import{d as F}from"./p-YFmbQndr.js";import{c as O,g as R,H as q}from"./p-BTBxxgtF.js";const N=e(class extends(t(...w,v)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",6),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";watchValuePropHandler(e){this.onInput(e)}minDate="";maxDate="";locale;format="yyyy/LL/dd";required;helperText;label;ariaLabelCalendarButton="Open calendar";invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorDateUnparsable="Date is not valid";showWeekNumbers=!1;weekStartIndex=0;ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;from=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=k();slotEndRef=k();datepickerRef=k();inputElementRef=k();dropdownElementRef=k();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;updateFormInternalValue(e){this.formInternals.setFormValue(e||null),this.value=e}connectedCallback(){this.classObserver=O(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.isInputInvalid?this.from=null:this.watchValue(),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}watchValue(){this.from=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),void this.valueChange.emit(e);if(!this.format)return;const t=l.fromFormat(e,this.format),o=l.fromFormat(this.minDate,this.format),r=l.fromFormat(this.maxDate,this.format);this.isInputInvalid=!t.isValid||t<o||t>r,this.isInputInvalid?(this.invalidReason=t.invalidReason??void 0,this.from=void 0):(this.updateFormInternalValue(e),this.closeDropdown(),z()&&this.inputElementRef.current?.focus()),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(e)}onCalenderClick(e){x(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return f(this.dropdownElementRef)}async closeDropdown(){return y(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleInputKeyDown(e){c(e,this.suppressSubmitOnEnter,this.formInternals.form)}renderInput(){return r("div",{class:"input-wrapper"},r(u,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,readonly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value??"",placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.ixFocus.emit()},onBlur:()=>{this.touched=!0,p(this,this.inputElementRef.current,this.value),this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e),style:{textAlign:this.textAlignment}}),r(b,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{tabindex:-1,ref:e=>E(e,-1),"aria-label":this.ariaLabelCalendarButton,"data-testid":"open-calendar",class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:i,onClick:e=>this.onCalenderClick(e)})))}hookValidationLifecycle({isInfo:e,isInvalid:t,isInvalidByRequired:o,isValid:r,isWarning:a}){this.isInvalid=t||o||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=a}emitValidityStateChangeIfChanged(){return m(this)}getValidityState(){return Promise.resolve(g(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const e=R(this.isInputInvalid,this.invalidText,this.i18nErrorDateUnparsable);return r(a,{key:"fa39c581495ea09be06ca5d1f200dc6bba252eef",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:e=>{e.relatedTarget&&this.closeDropdown()}},r("ix-field-wrapper",{key:"09d8df1e50ca8b1a8cb1c17f5cdd81fde1ffc469",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),r("ix-dropdown",{key:"5f16427b97d679c1b01701895e3f188b971cf8b2","data-testid":"date-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:e=>{this.show=e.detail},focusTrapOptions:{targetElement:this.datepickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>(this.datepickerRef.current?.focusActiveDay(),!0),keyboardActivationKeys:["ArrowUp","ArrowDown"]},r("ix-date-picker",{key:"9c6be87560ca85c7229c7d7cc013cc92350284d6",ref:this.datepickerRef,format:this.format,locale:this.locale,singleSelection:!0,from:this.from??"",minDate:this.minDate,maxDate:this.maxDate,onDateChange:e=>{const{from:t}=e.detail;this.onInput(t),this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)},showWeekNumbers:this.showWeekNumbers,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,embedded:!0})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0},{watchValue:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}'}},[593,"ix-date-input",{name:[513],placeholder:[513],value:[1537],minDate:[1,"min-date"],maxDate:[1,"max-date"],locale:[1],format:[1],required:[4],helperText:[1,"helper-text"],label:[1],ariaLabelCalendarButton:[1,"aria-label-calendar-button"],invalidText:[513,"invalid-text"],readonly:[4],disabled:[4],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorDateUnparsable:[1,"i18n-error-date-unparsable"],showWeekNumbers:[4,"show-week-numbers"],weekStartIndex:[2,"week-start-index"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],show:[32],from:[32],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],focus:[32],openPicker:[64],hasValidValue:[64],getAssociatedFormElement:[64],getValidityState:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{watchValuePropHandler:0},{watchValue:0}]}]);!function(e,t,o,r){var a,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(n<3?a(i):n>3?a(t,o,i):a(t,o))||i);n>3&&i&&Object.defineProperty(t,o,i)}([q()],N.prototype,"hookValidationLifecycle",null);const W=N,U=function(){"undefined"!=typeof customElements&&["ix-date-input","ix-button","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-date-input":customElements.get(n(e))||customElements.define(n(e),N);break;case"ix-button":customElements.get(n(e))||C();break;case"ix-date-picker":customElements.get(n(e))||j();break;case"ix-date-time-card":customElements.get(n(e))||T();break;case"ix-dropdown":customElements.get(n(e))||D();break;case"ix-dropdown-button":customElements.get(n(e))||I();break;case"ix-dropdown-item":customElements.get(n(e))||S();break;case"ix-field-label":customElements.get(n(e))||V();break;case"ix-field-wrapper":customElements.get(n(e))||B();break;case"ix-icon-button":customElements.get(n(e))||A();break;case"ix-spinner":customElements.get(n(e))||L();break;case"ix-tooltip":customElements.get(n(e))||P();break;case"ix-typography":customElements.get(n(e))||F()}}))};export{W as IxDateInput,U as defineCustomElement}
|
|
1
|
+
import{p as e,M as t,e as o,h as r,d as a,t as n}from"./p-eN5fQtqO.js";import{K as i}from"./p-DsVj4Cd-.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,a as s,b as h,h as c,S as b,o as p,d as u,e as m}from"./p-DcOoa9vE.js";import{I as v,h as x,o as f,c as y,a as g}from"./p-CTbTAb9U.js";import{m as k}from"./p-Djkc69iv.js";import{D as w,h as z}from"./p-CApDAYIa.js";import{f as E}from"./p-DD206pTM.js";import{d as T}from"./p-q_MHsaAK.js";import{d as D}from"./p-D5-dW4IM.js";import{d as I}from"./p-DiYkfhDE.js";import{d as C}from"./p-CGGWaScq.js";import{d as j}from"./p-DzDB4UBp.js";import{d as S}from"./p-n2_EOgMr.js";import{d as V}from"./p-CAd-WgR8.js";import{d as A}from"./p-viP8I2_s.js";import{d as B}from"./p-CiP3eKpd.js";import{d as L}from"./p-BKVBe7Co.js";import{d as P}from"./p-D_VBAyPm.js";import{d as R}from"./p-YFmbQndr.js";import{c as O,g as q,H as F}from"./p-BTBxxgtF.js";const W=e(class extends(t(...w,v)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",6),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";watchValuePropHandler(e){this.onInput(e)}minDate="";maxDate="";locale;format="yyyy/LL/dd";required;helperText;label;ariaLabelCalendarButton="Open calendar";invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorDateUnparsable="Date is not valid";showWeekNumbers=!1;weekStartIndex=0;ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;from=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=k();slotEndRef=k();datepickerRef=k();inputElementRef=k();dropdownElementRef=k();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;updateFormInternalValue(e){this.formInternals.setFormValue(e||null),this.value=e}connectedCallback(){this.classObserver=O(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.isInputInvalid?this.from=null:this.watchValue(),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}watchValue(){this.from=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),void this.valueChange.emit(e);if(!this.format)return;const t=l.fromFormat(e,this.format),o=l.fromFormat(this.minDate,this.format),r=l.fromFormat(this.maxDate,this.format);this.isInputInvalid=!t.isValid||t<o||t>r,this.isInputInvalid?(this.invalidReason=t.invalidReason??void 0,this.from=void 0):(this.updateFormInternalValue(e),this.closeDropdown(),z()&&this.inputElementRef.current?.focus()),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(e)}onCalenderClick(e){x(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return f(this.dropdownElementRef)}async closeDropdown(){return y(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleInputKeyDown(e){c(e,this.suppressSubmitOnEnter,this.formInternals.form)}renderInput(){return r("div",{class:"input-wrapper"},r(u,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,readonly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value??"",placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.ixFocus.emit()},onBlur:()=>{this.touched=!0,p(this,this.inputElementRef.current,this.value),this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e),style:{textAlign:this.textAlignment}}),r(b,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{tabindex:-1,ref:e=>E(e,-1),"aria-label":this.ariaLabelCalendarButton,"data-testid":"open-calendar",class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:i,onClick:e=>this.onCalenderClick(e)})))}hookValidationLifecycle({isInfo:e,isInvalid:t,isInvalidByRequired:o,isValid:r,isWarning:a}){this.isInvalid=t||o||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=a}emitValidityStateChangeIfChanged(){return m(this)}getValidityState(){return Promise.resolve(g(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const e=q(this.isInputInvalid,this.invalidText,this.i18nErrorDateUnparsable);return r(a,{key:"fa39c581495ea09be06ca5d1f200dc6bba252eef",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:e=>{e.relatedTarget&&this.closeDropdown()}},r("ix-field-wrapper",{key:"09d8df1e50ca8b1a8cb1c17f5cdd81fde1ffc469",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),r("ix-dropdown",{key:"5f16427b97d679c1b01701895e3f188b971cf8b2","data-testid":"date-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:e=>{this.show=e.detail},focusTrapOptions:{targetElement:this.datepickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>(this.datepickerRef.current?.focusActiveDay(),!0),keyboardActivationKeys:["ArrowUp","ArrowDown"]},r("ix-date-picker",{key:"9c6be87560ca85c7229c7d7cc013cc92350284d6",ref:this.datepickerRef,format:this.format,locale:this.locale,singleSelection:!0,from:this.from??"",minDate:this.minDate,maxDate:this.maxDate,onDateChange:e=>{const{from:t}=e.detail;this.onInput(t),this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)},showWeekNumbers:this.showWeekNumbers,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,embedded:!0})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0},{watchValue:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}'}},[593,"ix-date-input",{name:[513],placeholder:[513],value:[1537],minDate:[1,"min-date"],maxDate:[1,"max-date"],locale:[1],format:[1],required:[4],helperText:[1,"helper-text"],label:[1],ariaLabelCalendarButton:[1,"aria-label-calendar-button"],invalidText:[513,"invalid-text"],readonly:[4],disabled:[4],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorDateUnparsable:[1,"i18n-error-date-unparsable"],showWeekNumbers:[4,"show-week-numbers"],weekStartIndex:[2,"week-start-index"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],show:[32],from:[32],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],focus:[32],openPicker:[64],hasValidValue:[64],getAssociatedFormElement:[64],getValidityState:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{watchValuePropHandler:0},{watchValue:0}]}]);!function(e,t,o,r){var a,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(n<3?a(i):n>3?a(t,o,i):a(t,o))||i);n>3&&i&&Object.defineProperty(t,o,i)}([F()],W.prototype,"hookValidationLifecycle",null);const M=W,N=function(){"undefined"!=typeof customElements&&["ix-date-input","ix-button","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-date-input":customElements.get(n(e))||customElements.define(n(e),W);break;case"ix-button":customElements.get(n(e))||T();break;case"ix-date-picker":customElements.get(n(e))||D();break;case"ix-date-time-card":customElements.get(n(e))||I();break;case"ix-dropdown":customElements.get(n(e))||C();break;case"ix-dropdown-button":customElements.get(n(e))||j();break;case"ix-dropdown-item":customElements.get(n(e))||S();break;case"ix-field-label":customElements.get(n(e))||V();break;case"ix-field-wrapper":customElements.get(n(e))||A();break;case"ix-icon-button":customElements.get(n(e))||B();break;case"ix-spinner":customElements.get(n(e))||L();break;case"ix-tooltip":customElements.get(n(e))||P();break;case"ix-typography":customElements.get(n(e))||R()}}))};export{M as IxDateInput,N as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-
|
|
1
|
+
import{D as o,d as s}from"./p-D5-dW4IM.js";const p=o,r=s;export{p as IxDatePicker,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,M as e,e as o,h as r,d as i,t as a}from"./p-eN5fQtqO.js";import{K as n}from"./p-DsVj4Cd-.js";import{D as l}from"./p-D1WplX1z.js";import{c as s,h as d,e as h,a as c,b,S as u,f as m,o as p,d as v}from"./p-BDnx22Gp.js";import{g as x,i as f,d as y}from"./p-snX1FfdL.js";import{I as g,h as k,o as w,c as T,a as C}from"./p-CTbTAb9U.js";import{m as E}from"./p-Djkc69iv.js";import{g as I,a as z,d as D}from"./p-3U_cSqu_.js";import{D as j}from"./p-CApDAYIa.js";import{d as S}from"./p-CRtj-KBq.js";import{d as V}from"./p-tpMN9yTQ.js";import{d as P}from"./p-DtWFUcZO.js";import{d as B}from"./p-DiYkfhDE.js";import{d as L}from"./p-CLDB-pmj.js";import{d as A}from"./p-CvAmaEU2.js";import{d as F}from"./p-CUpOF7jN.js";import{d as M}from"./p-BGOtCwtj.js";import{d as O}from"./p-eGuQ8D3W.js";import{d as R}from"./p-DdlGyKd2.js";import{d as H}from"./p-BHtNsBtM.js";import{d as U}from"./p-R5tYZVVd.js";import{d as N}from"./p-D7sEY2UQ.js";import{d as q}from"./p-CgPr717U.js";import{d as W}from"./p-YFmbQndr.js";import{c as K,g as Q,H as Y}from"./p-BTBxxgtF.js";const G=t(class extends(e(...j,g)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";format="yyyy/LL/dd HH:mm:ss";locale;required=!1;disabled=!1;readonly=!1;minDate;maxDate;minTime;maxTime;label;helperText;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;i18nErrorDateTimeUnparsable="Date time is not valid";i18nDone="Confirm";i18nTime="Time";ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";ariaLabelCalendarButton="Toggle calendar";showWeekNumbers=!1;weekStartIndex=0;suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;slotStartRef=E();slotEndRef=E();inputElementRef=E();dropdownElementRef=E();datetimePickerRef=E();show=!1;from=null;time=null;classObserver;initialValue;invalidReason;touched=!1;validityTracker=s();disposableChangesAndVisibilityObservers;watchValuePropHandler(t){this.onInput(t)}watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}get combinedFormat(){return this.format}get dateOnlyFormat(){return I(this.format)}get timeOnlyFormat(){return z(this.format)}syncPickerState(){if(!this.value)return this.from=null,void(this.time=null);const t=l.fromFormat(this.value,this.combinedFormat,{locale:this.locale});t.isValid?(this.from=t.toFormat(this.dateOnlyFormat),this.time=t.toFormat(this.timeOnlyFormat)):(this.from=null,this.time=null)}async onInput(t){if(this.value=t,!t)return this.isInputInvalid=!1,this.invalidReason=void 0,this.from=null,this.time=null,this.emitValidityStateChangeIfChanged(),this.formInternals.setFormValue(null),void this.valueChange.emit(t);if(!this.format)return;const e=l.fromFormat(t,this.combinedFormat,{locale:this.locale}),o=this.computeConstraintValidation(e);this.isInputInvalid=o.isInvalid,this.invalidReason=o.reason,e.isValid?(this.from=e.toFormat(this.dateOnlyFormat),this.time=e.toFormat(this.timeOnlyFormat)):(this.from=null,this.time=null),this.formInternals.setFormValue(this.isInputInvalid?null:t),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(t)}parseConstraintDate(t,e){if(!t)return null;const o={locale:this.locale};let r=l.fromFormat(t,this.format,o);return r.isValid||(r=l.fromFormat(t,this.dateOnlyFormat,o)),r.isValid?"start"===e?r.startOf("day"):r.endOf("day"):null}validateConstraints(t,e,o,r,i){const a=!t.isValid,n=!!(e?.isValid&&t.isValid&&t<e),l=!!(o?.isValid&&t.isValid&&t>o),s=t.isValid&&!f(t,r,i);let d;return n?d="rangeUnderflow":l?d="rangeOverflow":s?d="customError":a&&(d=t.invalidReason||void 0),{isInvalid:a||n||l||s,reason:d}}getTimeConstraintBoundsForDate(t,e,o){if(!t.isValid)return{min:null,max:null};const r=x(this.minTime,this.maxTime,this.timeOnlyFormat,t.startOf("day"));if(!e?.isValid&&!o?.isValid)return r;const i=!!e?.isValid&&t.hasSame(e,"day"),a=!!o?.isValid&&t.hasSame(o,"day");return{min:i?r.min:null,max:a?r.max:null}}computeConstraintValidation(t){const e=this.parseConstraintDate(this.minDate,"start"),o=this.parseConstraintDate(this.maxDate,"end"),{min:r,max:i}=this.getTimeConstraintBoundsForDate(t,e,o);return this.validateConstraints(t,e,o,r,i)}revalidateCurrentValue(){if(!this.value||!this.format)return;const t=l.fromFormat(this.value,this.combinedFormat,{locale:this.locale});if(!t.isValid)return;const e=this.computeConstraintValidation(t);this.isInputInvalid=e.isInvalid,this.invalidReason=e.reason,this.emitValidityStateChangeIfChanged()}handleInputKeyDown(t){d(t,this.suppressSubmitOnEnter,this.formInternals.form)}initPickerValues(){if(this.syncPickerState(),!this.value){const t=l.now();t.isValid&&(this.from=t.toFormat(this.dateOnlyFormat),this.time=t.toFormat(this.timeOnlyFormat))}}onCalendarClick(t){k(t,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.initPickerValues(),w(this.dropdownElementRef)}async closeDropdown(){return T(this.dropdownElementRef)}updateFormInternalValue(t){this.formInternals.setFormValue(t||null)}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getValidityState(){return Promise.resolve(C(this.isInputInvalid,!!this.required,this.value))}async onInputValidationChange(){this.isInvalid=this.isInputInvalid;const t=await this.getValidityState();this.validityStateChange.emit({valid:t.valid,valueMissing:t.valueMissing,rangeUnderflow:"rangeUnderflow"===this.invalidReason,rangeOverflow:"rangeOverflow"===this.invalidReason,typeMismatch:!(!this.invalidReason||"rangeUnderflow"===this.invalidReason||"rangeOverflow"===this.invalidReason),customError:t.customError,badInput:t.badInput,patternMismatch:!1,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,invalidReason:this.invalidReason})}hookValidationLifecycle({isInfo:t,isInvalid:e,isInvalidByRequired:o,isValid:r,isWarning:i}){this.isInvalid=e||o||this.isInputInvalid,this.isInfo=t,this.isValid=r,this.isWarning=i}emitValidityStateChangeIfChanged(){return h(this)}emitChange(t){this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)}connectedCallback(){this.classObserver=K(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value),this.initialValue=this.value}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleDateSelect=t=>{const{from:e,time:o}=t.detail;if(!e||!o)return;const r=l.fromFormat(e,this.dateOnlyFormat,{locale:this.locale}),i=l.fromFormat(o,this.timeOnlyFormat,{locale:this.locale});if(!r.isValid||!i.isValid)return;const a=r.set({hour:i.hour,minute:i.minute,second:i.second,millisecond:i.millisecond}).toFormat(this.format);this.onInput(a),this.emitChange(a),this.closeDropdown()};getPickerElement(){return this.dropdownElementRef}renderInput(){return r("div",{class:"input-wrapper"},r(v,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,name:this.name,placeholder:this.placeholder,readonly:this.readonly,ref:this.inputElementRef,required:this.required,style:{textAlign:this.textAlignment},type:"text",value:this.value??"",onBlur:()=>{p(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onClick:t=>{this.show&&(t.stopPropagation(),t.preventDefault())},onFocus:()=>{m(this,this.value),this.ixFocus.emit()},onInput:t=>{this.onInput(t.target.value)},onKeyDown:t=>this.handleInputKeyDown(t)}),r(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{"aria-label":this.ariaLabelCalendarButton,tabindex:-1,class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",icon:n,size:"16",onClick:t=>this.onCalendarClick(t)})))}render(){const t=Q(this.isInputInvalid,this.invalidText,this.i18nErrorDateTimeUnparsable);return r(i,{key:"c6dab3c854539b33ce7bcdffdb441b96ae909c46",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"cd147faf61199c60e0ab224af2dd2e56dcfea64a",controlRef:this.inputElementRef,helperText:this.helperText,infoText:this.infoText,invalidText:t,isInfo:this.isInfo,isInvalid:this.isInvalid,isValid:this.isValid,isWarning:this.isWarning,label:this.label,required:this.required,showTextAsTooltip:this.showTextAsTooltip,validText:this.validText,warningText:this.warningText},this.renderInput()),r("ix-dropdown",{key:"35ab730d2c304fb4aa71bc86c0994d0f1a952410",class:"datetime-dropdown",closeBehavior:"outside","data-testid":"datetime-dropdown",enableTopLayer:this.enableTopLayer,ref:this.dropdownElementRef,show:this.show,suppressOverflowBehavior:!0,trigger:this.inputElementRef.waitForCurrent(),onShowChanged:t=>{this.show=t.detail},focusTrapOptions:{targetElement:this.datetimePickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>{const t=this.datetimePickerRef.current;if(t){const e=await t.getDatepickerElement();e?.focusActiveDay()}return!0},keyboardActivationKeys:["ArrowUp","ArrowDown"]},r("ix-datetime-picker",{key:"78934892208337ab3fdd71fe196dad5fd4914ec9",ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,dateFormat:this.dateOnlyFormat,embedded:!0,from:this.from??"",i18nDone:this.i18nDone,i18nTime:this.i18nTime,locale:this.locale,maxDate:this.maxDate,maxTime:this.maxTime,minDate:this.minDate,minTime:this.minTime,ref:this.datetimePickerRef,showWeekNumbers:this.showWeekNumbers,singleSelection:!0,time:this.time??"",timeFormat:this.timeOnlyFormat,weekStartIndex:this.weekStartIndex,onDateSelect:this.handleDateSelect})))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],isInputInvalid:[{onInputValidationChange:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}'}},[577,"ix-datetime-input",{name:[513],placeholder:[513],value:[1537],format:[1],locale:[1],required:[4],disabled:[4],readonly:[4],minDate:[1,"min-date"],maxDate:[1,"max-date"],minTime:[1,"min-time"],maxTime:[1,"max-time"],label:[1],helperText:[1,"helper-text"],invalidText:[513,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorDateTimeUnparsable:[1,"i-1-8n-error-date-time-unparsable"],i18nDone:[1,"i-1-8n-done"],i18nTime:[1,"i-1-8n-time"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],ariaLabelCalendarButton:[1,"aria-label-calendar-button"],showWeekNumbers:[4,"show-week-numbers"],weekStartIndex:[2,"week-start-index"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],show:[32],from:[32],time:[32],openPicker:[64],hasValidValue:[64],getAssociatedFormElement:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64],getValidityState:[64]},void 0,{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],isInputInvalid:[{onInputValidationChange:0}]}]);!function(t,e,o,r){var i,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,r);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(e,o,n):i(e,o))||n);a>3&&n&&Object.defineProperty(e,o,n)}([Y()],G.prototype,"hookValidationLifecycle",null);const X=G,Z=function(){"undefined"!=typeof customElements&&["ix-datetime-input","ix-button","ix-col","ix-date-picker","ix-date-time-card","ix-datetime-picker","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-icon-button","ix-layout-grid","ix-row","ix-spinner","ix-time-picker","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-datetime-input":customElements.get(a(t))||customElements.define(a(t),G);break;case"ix-button":customElements.get(a(t))||S();break;case"ix-col":customElements.get(a(t))||V();break;case"ix-date-picker":customElements.get(a(t))||P();break;case"ix-date-time-card":customElements.get(a(t))||B();break;case"ix-datetime-picker":customElements.get(a(t))||D();break;case"ix-dropdown":customElements.get(a(t))||L();break;case"ix-dropdown-button":customElements.get(a(t))||A();break;case"ix-dropdown-item":customElements.get(a(t))||F();break;case"ix-field-label":customElements.get(a(t))||M();break;case"ix-field-wrapper":customElements.get(a(t))||O();break;case"ix-icon-button":customElements.get(a(t))||R();break;case"ix-layout-grid":customElements.get(a(t))||H();break;case"ix-row":customElements.get(a(t))||U();break;case"ix-spinner":customElements.get(a(t))||N();break;case"ix-time-picker":customElements.get(a(t))||y();break;case"ix-tooltip":customElements.get(a(t))||q();break;case"ix-typography":customElements.get(a(t))||W()}}))};export{X as IxDatetimeInput,Z as defineCustomElement}
|
|
1
|
+
import{p as t,M as e,e as o,h as r,d as i,t as a}from"./p-eN5fQtqO.js";import{K as n}from"./p-DsVj4Cd-.js";import{D as l}from"./p-D1WplX1z.js";import{c as s,h as d,e as h,a as c,b,S as u,f as m,o as p,d as v}from"./p-DcOoa9vE.js";import{g as x,i as f,d as y}from"./p-DLgZfUmI.js";import{I as g,h as k,o as w,c as T,a as I}from"./p-CTbTAb9U.js";import{m as E}from"./p-Djkc69iv.js";import{g as z,a as C,d as D}from"./p-BOImZPcG.js";import{D as j}from"./p-CApDAYIa.js";import{d as S}from"./p-q_MHsaAK.js";import{d as V}from"./p-tpMN9yTQ.js";import{d as P}from"./p-D5-dW4IM.js";import{d as B}from"./p-DiYkfhDE.js";import{d as M}from"./p-CGGWaScq.js";import{d as A}from"./p-DzDB4UBp.js";import{d as L}from"./p-n2_EOgMr.js";import{d as O}from"./p-CAd-WgR8.js";import{d as F}from"./p-viP8I2_s.js";import{d as H}from"./p-CiP3eKpd.js";import{d as R}from"./p-BHtNsBtM.js";import{d as q}from"./p-R5tYZVVd.js";import{d as N}from"./p-BKVBe7Co.js";import{d as W}from"./p-D_VBAyPm.js";import{d as U}from"./p-YFmbQndr.js";import{c as K,g as Y,H as _}from"./p-BTBxxgtF.js";const G=t(class extends(e(...j,g)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";format="yyyy/LL/dd HH:mm:ss";locale;required=!1;disabled=!1;readonly=!1;minDate;maxDate;minTime;maxTime;label;helperText;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;i18nErrorDateTimeUnparsable="Date time is not valid";i18nDone="Confirm";i18nTime="Time";ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";ariaLabelCalendarButton="Toggle calendar";showWeekNumbers=!1;weekStartIndex=0;suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;slotStartRef=E();slotEndRef=E();inputElementRef=E();dropdownElementRef=E();datetimePickerRef=E();show=!1;from=null;time=null;classObserver;initialValue;invalidReason;touched=!1;validityTracker=s();disposableChangesAndVisibilityObservers;watchValuePropHandler(t){this.onInput(t)}watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}get combinedFormat(){return this.format}get dateOnlyFormat(){return z(this.format)}get timeOnlyFormat(){return C(this.format)}syncPickerState(){if(!this.value)return this.from=null,void(this.time=null);const t=l.fromFormat(this.value,this.combinedFormat,{locale:this.locale});t.isValid?(this.from=t.toFormat(this.dateOnlyFormat),this.time=t.toFormat(this.timeOnlyFormat)):(this.from=null,this.time=null)}async onInput(t){if(this.value=t,!t)return this.isInputInvalid=!1,this.invalidReason=void 0,this.from=null,this.time=null,this.emitValidityStateChangeIfChanged(),this.formInternals.setFormValue(null),void this.valueChange.emit(t);if(!this.format)return;const e=l.fromFormat(t,this.combinedFormat,{locale:this.locale}),o=this.computeConstraintValidation(e);this.isInputInvalid=o.isInvalid,this.invalidReason=o.reason,e.isValid?(this.from=e.toFormat(this.dateOnlyFormat),this.time=e.toFormat(this.timeOnlyFormat)):(this.from=null,this.time=null),this.formInternals.setFormValue(this.isInputInvalid?null:t),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(t)}parseConstraintDate(t,e){if(!t)return null;const o={locale:this.locale};let r=l.fromFormat(t,this.format,o);return r.isValid||(r=l.fromFormat(t,this.dateOnlyFormat,o)),r.isValid?"start"===e?r.startOf("day"):r.endOf("day"):null}validateConstraints(t,e,o,r,i){const a=!t.isValid,n=!!(e?.isValid&&t.isValid&&t<e),l=!!(o?.isValid&&t.isValid&&t>o),s=t.isValid&&!f(t,r,i);let d;return n?d="rangeUnderflow":l?d="rangeOverflow":s?d="customError":a&&(d=t.invalidReason||void 0),{isInvalid:a||n||l||s,reason:d}}getTimeConstraintBoundsForDate(t,e,o){if(!t.isValid)return{min:null,max:null};const r=x(this.minTime,this.maxTime,this.timeOnlyFormat,t.startOf("day"));if(!e?.isValid&&!o?.isValid)return r;const i=!!e?.isValid&&t.hasSame(e,"day"),a=!!o?.isValid&&t.hasSame(o,"day");return{min:i?r.min:null,max:a?r.max:null}}computeConstraintValidation(t){const e=this.parseConstraintDate(this.minDate,"start"),o=this.parseConstraintDate(this.maxDate,"end"),{min:r,max:i}=this.getTimeConstraintBoundsForDate(t,e,o);return this.validateConstraints(t,e,o,r,i)}revalidateCurrentValue(){if(!this.value||!this.format)return;const t=l.fromFormat(this.value,this.combinedFormat,{locale:this.locale});if(!t.isValid)return;const e=this.computeConstraintValidation(t);this.isInputInvalid=e.isInvalid,this.invalidReason=e.reason,this.emitValidityStateChangeIfChanged()}handleInputKeyDown(t){d(t,this.suppressSubmitOnEnter,this.formInternals.form)}initPickerValues(){if(this.syncPickerState(),!this.value){const t=l.now();t.isValid&&(this.from=t.toFormat(this.dateOnlyFormat),this.time=t.toFormat(this.timeOnlyFormat))}}onCalendarClick(t){k(t,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.initPickerValues(),w(this.dropdownElementRef)}async closeDropdown(){return T(this.dropdownElementRef)}updateFormInternalValue(t){this.formInternals.setFormValue(t||null)}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getValidityState(){return Promise.resolve(I(this.isInputInvalid,!!this.required,this.value))}async onInputValidationChange(){this.isInvalid=this.isInputInvalid;const t=await this.getValidityState();this.validityStateChange.emit({valid:t.valid,valueMissing:t.valueMissing,rangeUnderflow:"rangeUnderflow"===this.invalidReason,rangeOverflow:"rangeOverflow"===this.invalidReason,typeMismatch:!(!this.invalidReason||"rangeUnderflow"===this.invalidReason||"rangeOverflow"===this.invalidReason),customError:t.customError,badInput:t.badInput,patternMismatch:!1,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,invalidReason:this.invalidReason})}hookValidationLifecycle({isInfo:t,isInvalid:e,isInvalidByRequired:o,isValid:r,isWarning:i}){this.isInvalid=e||o||this.isInputInvalid,this.isInfo=t,this.isValid=r,this.isWarning=i}emitValidityStateChangeIfChanged(){return h(this)}emitChange(t){this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)}connectedCallback(){this.classObserver=K(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value),this.initialValue=this.value}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleDateSelect=t=>{const{from:e,time:o}=t.detail;if(!e||!o)return;const r=l.fromFormat(e,this.dateOnlyFormat,{locale:this.locale}),i=l.fromFormat(o,this.timeOnlyFormat,{locale:this.locale});if(!r.isValid||!i.isValid)return;const a=r.set({hour:i.hour,minute:i.minute,second:i.second,millisecond:i.millisecond}).toFormat(this.format);this.onInput(a),this.emitChange(a),this.closeDropdown()};getPickerElement(){return this.dropdownElementRef}renderInput(){return r("div",{class:"input-wrapper"},r(v,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,name:this.name,placeholder:this.placeholder,readonly:this.readonly,ref:this.inputElementRef,required:this.required,style:{textAlign:this.textAlignment},type:"text",value:this.value??"",onBlur:()=>{p(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onClick:t=>{this.show&&(t.stopPropagation(),t.preventDefault())},onFocus:()=>{m(this,this.value),this.ixFocus.emit()},onInput:t=>{this.onInput(t.target.value)},onKeyDown:t=>this.handleInputKeyDown(t)}),r(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{"aria-label":this.ariaLabelCalendarButton,tabindex:-1,class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",icon:n,size:"16",onClick:t=>this.onCalendarClick(t)})))}render(){const t=Y(this.isInputInvalid,this.invalidText,this.i18nErrorDateTimeUnparsable);return r(i,{key:"c6dab3c854539b33ce7bcdffdb441b96ae909c46",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"cd147faf61199c60e0ab224af2dd2e56dcfea64a",controlRef:this.inputElementRef,helperText:this.helperText,infoText:this.infoText,invalidText:t,isInfo:this.isInfo,isInvalid:this.isInvalid,isValid:this.isValid,isWarning:this.isWarning,label:this.label,required:this.required,showTextAsTooltip:this.showTextAsTooltip,validText:this.validText,warningText:this.warningText},this.renderInput()),r("ix-dropdown",{key:"35ab730d2c304fb4aa71bc86c0994d0f1a952410",class:"datetime-dropdown",closeBehavior:"outside","data-testid":"datetime-dropdown",enableTopLayer:this.enableTopLayer,ref:this.dropdownElementRef,show:this.show,suppressOverflowBehavior:!0,trigger:this.inputElementRef.waitForCurrent(),onShowChanged:t=>{this.show=t.detail},focusTrapOptions:{targetElement:this.datetimePickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>{const t=this.datetimePickerRef.current;if(t){const e=await t.getDatepickerElement();e?.focusActiveDay()}return!0},keyboardActivationKeys:["ArrowUp","ArrowDown"]},r("ix-datetime-picker",{key:"78934892208337ab3fdd71fe196dad5fd4914ec9",ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,dateFormat:this.dateOnlyFormat,embedded:!0,from:this.from??"",i18nDone:this.i18nDone,i18nTime:this.i18nTime,locale:this.locale,maxDate:this.maxDate,maxTime:this.maxTime,minDate:this.minDate,minTime:this.minTime,ref:this.datetimePickerRef,showWeekNumbers:this.showWeekNumbers,singleSelection:!0,time:this.time??"",timeFormat:this.timeOnlyFormat,weekStartIndex:this.weekStartIndex,onDateSelect:this.handleDateSelect})))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],isInputInvalid:[{onInputValidationChange:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}'}},[577,"ix-datetime-input",{name:[513],placeholder:[513],value:[1537],format:[1],locale:[1],required:[4],disabled:[4],readonly:[4],minDate:[1,"min-date"],maxDate:[1,"max-date"],minTime:[1,"min-time"],maxTime:[1,"max-time"],label:[1],helperText:[1,"helper-text"],invalidText:[513,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorDateTimeUnparsable:[1,"i-1-8n-error-date-time-unparsable"],i18nDone:[1,"i-1-8n-done"],i18nTime:[1,"i-1-8n-time"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],ariaLabelCalendarButton:[1,"aria-label-calendar-button"],showWeekNumbers:[4,"show-week-numbers"],weekStartIndex:[2,"week-start-index"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],show:[32],from:[32],time:[32],openPicker:[64],hasValidValue:[64],getAssociatedFormElement:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64],getValidityState:[64]},void 0,{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],isInputInvalid:[{onInputValidationChange:0}]}]);!function(t,e,o,r){var i,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,r);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(e,o,n):i(e,o))||n);a>3&&n&&Object.defineProperty(e,o,n)}([_()],G.prototype,"hookValidationLifecycle",null);const Q=G,Z=function(){"undefined"!=typeof customElements&&["ix-datetime-input","ix-button","ix-col","ix-date-picker","ix-date-time-card","ix-datetime-picker","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-icon-button","ix-layout-grid","ix-row","ix-spinner","ix-time-picker","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-datetime-input":customElements.get(a(t))||customElements.define(a(t),G);break;case"ix-button":customElements.get(a(t))||S();break;case"ix-col":customElements.get(a(t))||V();break;case"ix-date-picker":customElements.get(a(t))||P();break;case"ix-date-time-card":customElements.get(a(t))||B();break;case"ix-datetime-picker":customElements.get(a(t))||D();break;case"ix-dropdown":customElements.get(a(t))||M();break;case"ix-dropdown-button":customElements.get(a(t))||A();break;case"ix-dropdown-item":customElements.get(a(t))||L();break;case"ix-field-label":customElements.get(a(t))||O();break;case"ix-field-wrapper":customElements.get(a(t))||F();break;case"ix-icon-button":customElements.get(a(t))||H();break;case"ix-layout-grid":customElements.get(a(t))||R();break;case"ix-row":customElements.get(a(t))||q();break;case"ix-spinner":customElements.get(a(t))||N();break;case"ix-time-picker":customElements.get(a(t))||y();break;case"ix-tooltip":customElements.get(a(t))||W();break;case"ix-typography":customElements.get(a(t))||U()}}))};export{Q as IxDatetimeInput,Z as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-
|
|
1
|
+
import{D as o,d as s}from"./p-BOImZPcG.js";const m=o,p=s;export{m as IxDatetimePicker,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as o,d as
|
|
1
|
+
import{D as o,d as p}from"./p-DzDB4UBp.js";const s=o,r=p;export{s as IxDropdownButton,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as o,d as
|
|
1
|
+
import{D as o,d as r}from"./p-n2_EOgMr.js";const s=o,p=r;export{s as IxDropdownItem,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as o,d as
|
|
1
|
+
import{D as o,d as s}from"./p-CGGWaScq.js";const a=o,p=s;export{a as IxDropdown,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,e as a,h as r,d as o,t as c}from"./p-eN5fQtqO.js";import{d as s}from"./p-
|
|
1
|
+
import{p as t,H as e,e as a,h as r,d as o,t as c}from"./p-eN5fQtqO.js";import{d as s}from"./p-q_MHsaAK.js";import{d as i}from"./p-BKVBe7Co.js";import{d as n}from"./p-YFmbQndr.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.actionClick=a(this,"actionClick",7)}layout="large";icon;header;subHeader;action;ariaLabelEmptyStateIcon;actionClick;render(){return r(o,{key:"c7c62331f07da27fc2f4f43aa2a50e14d617e0f6",class:"emptyState emptyState--"+this.layout},this.icon&&r("div",{key:"44b56e63a08d33c3cec8a790dc7483062c562f7f",class:"emptyState__icon"},r("ix-icon",{key:"d43f77965ea9e50b886d48f7e533fedf6e1173b4",name:this.icon,size:"32",color:"color-soft-text","aria-label":this.ariaLabelEmptyStateIcon})),r("div",{key:"2c1da308b8cdc40e570391d641a28f40a3c547f4",class:"emptyState__content"},r("div",{key:"c0a463113791be8473f1a113066c77ca6c6cf58d",class:"content__label"},r("ix-typography",{key:"2841339368d8de62795ba2e4bf30b65b525621de",format:"large"===this.layout?"h3":"body"},this.header),this.subHeader&&r("div",{key:"9d455295f3ec660089ecf3c964c0cbda23b614e5",class:"label__subHeader"},this.subHeader)),this.action&&r("div",{key:"24d72b3c2d9869093c31bd1a0e4479dac3b00bee",class:"content__action"},r("ix-button",{key:"43b6bef5639dd157742fc072cd7057bb56fe9f5b",onClick:()=>this.actionClick.emit()},this.action))))}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 .label__subHeader{color:var(--theme-color-soft-text)}:host(.emptyState.emptyState--large){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--large) .emptyState__icon{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center}:host(.emptyState.emptyState--large) .emptyState__icon ix-icon{transform:scale(1.75)}:host(.emptyState.emptyState--large) .emptyState__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}:host(.emptyState.emptyState--large) .emptyState__content .content__label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem}:host(.emptyState.emptyState--large) .label__subHeader,:host(.emptyState.emptyState--large) ix-typography{text-align:center}:host(.emptyState.emptyState--compact){display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compact) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compact) .emptyState__content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compactBreak){display:flex;flex-direction:row;align-items:flex-start;gap:1rem}:host(.emptyState.emptyState--compactBreak) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compactBreak) .emptyState__content{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem}"}},[513,"ix-empty-state",{layout:[1],icon:[1],header:[1],subHeader:[1,"sub-header"],action:[1],ariaLabelEmptyStateIcon:[1,"aria-label-empty-state-icon"]}]),m=l,p=function(){"undefined"!=typeof customElements&&["ix-empty-state","ix-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-empty-state":customElements.get(c(t))||customElements.define(c(t),l);break;case"ix-button":customElements.get(c(t))||s();break;case"ix-spinner":customElements.get(c(t))||i();break;case"ix-typography":customElements.get(c(t))||n()}}))};export{m as IxEmptyState,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,e as i,h as r,d as o,t as s}from"./p-eN5fQtqO.js";import{L as n}from"./p-DsVj4Cd-.js";import{a as l}from"./p-
|
|
1
|
+
import{p as e,H as t,e as i,h as r,d as o,t as s}from"./p-eN5fQtqO.js";import{L as n}from"./p-DsVj4Cd-.js";import{a as l}from"./p-DD206pTM.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.itemClick=i(this,"itemClick",7)}variant="outline";itemColor;selected=!1;disabled=!1;chevron=!1;itemClick;handleItemClick(){this.itemClick.emit()}render(){let e=this.itemColor?.startsWith("--theme")?`var(${this.itemColor})`:`var(--theme-${this.itemColor})`;return r(o,{key:"a9bcbd4a1f0a240324e1e58dbc6489c1b60d9ffd",class:{disabled:this.disabled,["event-list-item-"+this.variant]:!0}},r("div",{key:"40d3bcf6be18cd99e0a3f19355d08122eaca8a31",role:"listitem","aria-disabled":l(this.disabled),class:{"event-list-item":!0,selected:this.selected,disabled:this.disabled}},r("div",{key:"7645085fa71963863fffe8c4a7f85288b563ee99",class:"indicator "+(this.itemColor?"":"indicator-empty"),style:{"background-color":this.itemColor?e:"inherit",opacity:""+(this.disabled?.4:1)}}),r("div",{key:"22c9414286ea6f5ac0dbf76af542e62cc41ec1fa",class:"event-list-item-container"},r("div",{key:"ccd04a3054f1285c9bdcdc8a440b2ce8e626b606",class:"event-content"},r("slot",{key:"19d3223501c51d391cecbd14c79e660b2880d1d4"})),this.chevron&&r("ix-icon",{key:"577a5993cc4b428e76c1a0a23ef7848ce8df0fe5",name:n,size:"16",class:"chevron-icon","aria-hidden":"true"}))))}static get style(){return":host(.event-list-item-outline) .event-list-item{--ix-event-list-item--color-border:var( --theme-event-item-outline--border );--ix-event-list-item--background:var( --theme-event-item-outline--background );--ix-event-list-item--background--hover:var( --theme-event-item-outline--background--hover );--ix-event-list-item--background--active:var( --theme-event-item-outline--background--active );--ix-event-list-item--background--selected:var( --theme-event-item-outline--background--selected );--ix-event-list-item--border--hover:var( --theme-event-item-outline--border--hover );--ix-event-list-item--border--active:var( --theme-event-item-outline--border--active );--ix-event-list-item--border--selected:var( --theme-event-item-outline--border--selected );--ix-event-list-item--border--disabled:var( --theme-event-item-outline--border--disabled )}:host(.event-list-item-filled) .event-list-item{--ix-event-list-item--color-border:var( --theme-event-item-filled--border );--ix-event-list-item--background:var( --theme-event-item-filled--background );--ix-event-list-item--background--hover:var( --theme-event-item-filled--background--hover );--ix-event-list-item--background--active:var( --theme-event-item-filled--background--active );--ix-event-list-item--background--selected:var( --theme-event-item-filled--background--selected );--ix-event-list-item--border--hover:var( --theme-event-item-filled--border--hover );--ix-event-list-item--border--active:var( --theme-event-item-filled--border--active );--ix-event-list-item--border--selected:var( --theme-event-item-filled--border--selected );--ix-event-list-item--border--disabled:var( --theme-event-item-filled--border--disabled )}: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 .event-list-item{display:flex;align-items:center;position:relative;height:var(--event-list-item-height, 2.5rem);max-height:var(--event-list-item-height, 2.5rem);border-radius:var(--event-list-item-border-radius, 0.25rem);background-color:var(--ix-event-list-item--background);overflow:hidden;transition:var(--theme-default-time);cursor:pointer;margin-bottom:var(--event-list-item-margin-bottom, 0.5rem)}:host .event-list-item .indicator{height:100%;width:0.5rem;max-width:0.5rem;min-width:0.5rem;border-top-left-radius:var(--event-list-item-border-radius, 0.25rem);border-bottom-left-radius:var(--event-list-item-border-radius, 0.25rem)}:host .event-list-item .indicator-empty{border:var(--theme-weak-bdr-1);border-right:none}:host .event-list-item .event-list-item-container{display:flex;flex-grow:1;width:calc(100% - (1rem + 0.5rem));height:100%;border:0.062rem solid;border-color:var(--ix-event-list-item--color-border);border-top-left-radius:0;border-top-right-radius:var(--event-list-item-border-radius, 0.25rem);border-bottom-left-radius:0;border-bottom-right-radius:var(--event-list-item-border-radius, 0.25rem);border-left:none;padding-left:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .event-list-item .event-content{display:flex;align-items:center;width:100%;height:var(--event-list-item-height, 100%);max-height:var(--event-list-item-height, 100%);white-space:var(--event-list-item-content-white-space, inherit);overflow:hidden;padding-inline-end:0.5rem}:host .event-list-item .chevron-icon{margin-left:auto;margin-right:0.5rem;opacity:0.6;align-self:center}:host .event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected):not(.disabled):not(:disabled):hover,:host .event-list-item:not(.selected):not(.disabled):not(:disabled).hover{background-color:var(--ix-event-list-item--background--hover)}:host .event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected):not(.disabled):not(:disabled):active,:host .event-list-item:not(.selected):not(.disabled):not(:disabled).active{background-color:var(--ix-event-list-item--background--active)}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):hover,:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled).hover{border-color:var(--ix-event-list-item--border--hover)}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):active,:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled).active{border-color:var(--ix-event-list-item--border--active)}:host .event-list-item.selected .event-list-item-container{background-color:var(--ix-event-list-item--background--selected);border-color:var(--ix-event-list-item--border--selected)}:host .event-list-item[disabled],:host .event-list-item.disabled{pointer-events:none}:host .event-list-item[disabled] .event-list-item-container,:host .event-list-item.disabled .event-list-item-container{background-color:var(--ix-event-list-item--background--disabled);border-color:var(--ix-event-list-item--border--disabled)}:host(.disabled){pointer-events:none}"}},[769,"ix-event-list-item",{variant:[1],itemColor:[1,"item-color"],selected:[4],disabled:[4],chevron:[4]},[[1,"click","handleItemClick"]]]),a=d,c=function(){"undefined"!=typeof customElements&&["ix-event-list-item"].forEach((e=>{"ix-event-list-item"===e&&(customElements.get(s(e))||customElements.define(s(e),d))}))};export{a as IxEventListItem,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as i,d as s,t as r}from"./p-eN5fQtqO.js";import{c as o}from"./p-CX81WQtk.js";import{a}from"./p-JJddxCCh.js";import{a as h}from"./p-DhE1t8Qh.js";const n=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}mutationObserver=o(this.onMutation.bind(this));static fadeOutDuration=50;static fadeInDuration=150;get hostElement(){return this}itemHeight="S";compact=!1;animated=!1;chevron=!1;watchChevron(t){this.handleChevron(t)}componentDidLoad(){if(this.animated&&this.triggerFadeIn(),!Number.isNaN(Number(this.itemHeight))){const t=a(this.itemHeight);this.hostElement.querySelectorAll("ix-event-list-item").forEach((e=>{this.setCustomHeight(e,t)}))}this.handleChevron(this.chevron),this.mutationObserver.observe(this.hostElement,{childList:!0,subtree:!0})}onMutation(t){this.triggerFadeOut().then((()=>{if(!Number.isNaN(Number(this.itemHeight))){const e=a(this.itemHeight);this.findEventListItems(t).forEach((t=>this.setCustomHeight(t,e)))}this.handleChevron(this.chevron),this.triggerFadeIn()}))}findEventListItems(t){const e=[];return t.forEach((t=>{"childList"===t.type&&t.addedNodes.forEach((t=>{"IX-EVENT-LIST-ITEM"===t.tagName&&e.push(t)}))})),e}setCustomHeight(t,e){t.style.setProperty("--event-list-item-height",e)}triggerFadeOut(){return new Promise((e=>{if(!this.animated)return e();const i=this.hostElement.shadowRoot?.querySelector('div[role="list"]');if(!i)return e();h(i,{opacity:[{opacity:1,easing:"easeInSine"},{opacity:0}],duration:t.fadeOutDuration,onComplete:()=>{e()}})}))}triggerFadeIn(){this.animated&&this.hostElement.querySelectorAll("ix-event-list-item").forEach(((e,i)=>{const s=80*i;h(e,{offset:s/(s+t.fadeInDuration),duration:t.fadeInDuration+s,opacity:[0,1],easing:"easeInOutSine",delay:s,autoplay:!0})}))}handleChevron(t){this.hostElement.querySelectorAll("ix-event-list-item").forEach((e=>{t?e.setAttribute("chevron","true"):void 0!==t&&e.removeAttribute("chevron")}))}render(){return i(s,{key:"
|
|
1
|
+
import{p as t,H as e,h as i,d as s,t as r}from"./p-eN5fQtqO.js";import{c as o}from"./p-CX81WQtk.js";import{a}from"./p-JJddxCCh.js";import{a as h}from"./p-DhE1t8Qh.js";const n=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}mutationObserver=o(this.onMutation.bind(this));static fadeOutDuration=50;static fadeInDuration=150;get hostElement(){return this}itemHeight="S";compact=!1;animated=!1;chevron=!1;watchChevron(t){this.handleChevron(t)}componentDidLoad(){if(this.animated&&this.triggerFadeIn(),!Number.isNaN(Number(this.itemHeight))){const t=a(this.itemHeight);this.hostElement.querySelectorAll("ix-event-list-item").forEach((e=>{this.setCustomHeight(e,t)}))}this.handleChevron(this.chevron),this.mutationObserver.observe(this.hostElement,{childList:!0,subtree:!0})}onMutation(t){this.triggerFadeOut().then((()=>{if(!Number.isNaN(Number(this.itemHeight))){const e=a(this.itemHeight);this.findEventListItems(t).forEach((t=>this.setCustomHeight(t,e)))}this.handleChevron(this.chevron),this.triggerFadeIn()}))}findEventListItems(t){const e=[];return t.forEach((t=>{"childList"===t.type&&t.addedNodes.forEach((t=>{"IX-EVENT-LIST-ITEM"===t.tagName&&e.push(t)}))})),e}setCustomHeight(t,e){t.style.setProperty("--event-list-item-height",e)}triggerFadeOut(){return new Promise((e=>{if(!this.animated)return e();const i=this.hostElement.shadowRoot?.querySelector('div[role="list"]');if(!i)return e();i?h(i,{opacity:[{opacity:1,easing:"easeInSine"},{opacity:0}],duration:t.fadeOutDuration,onComplete:()=>{e()}}):e()}))}triggerFadeIn(){this.animated&&this.hostElement.querySelectorAll("ix-event-list-item").forEach(((e,i)=>{const s=80*i;h(e,{offset:s/(s+t.fadeInDuration),duration:t.fadeInDuration+s,opacity:[0,1],easing:"easeInOutSine",delay:s,autoplay:!0})}))}handleChevron(t){this.hostElement.querySelectorAll("ix-event-list-item").forEach((e=>{t?e.setAttribute("chevron","true"):void 0!==t&&e.removeAttribute("chevron")}))}render(){return i(s,{key:"4a355c1cdb34b5c13f05a3abb0fabd1205733371",class:{"item-size-s":"S"===this.itemHeight,"item-size-l":"L"===this.itemHeight,compact:this.compact}},i("div",{key:"5963f8ed3d7c534701bbc717f85b69cb42240300",role:"list"},i("slot",{key:"8ddf236842628e767cd5428a56f10dddc532b892"})))}static get watchers(){return{chevron:[{watchChevron:0}]}}static get style(){return":host{display: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(.item-size-l){--event-list-item-height:6.5rem;--event-list-item-content-white-space:normal}:host(.compact){--event-list-item-border-radius:0;--event-list-item-margin-bottom:0}"}},[769,"ix-event-list",{itemHeight:[8,"item-height"],compact:[4],animated:[4],chevron:[4]},void 0,{chevron:[{watchChevron:0}]}]),c=n,l=function(){"undefined"!=typeof customElements&&["ix-event-list"].forEach((t=>{"ix-event-list"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))};export{c as IxEventList,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,H as t,e as r,h as e,d as n,t as a}from"./p-eN5fQtqO.js";import{x as i,w as l}from"./p-DsVj4Cd-.js";import{d}from"./p-DdlGyKd2.js";import{d as s}from"./p-D7sEY2UQ.js";const c=o(class extends t{icon;placeholder="Enter text here";value="";fullWidth=!1;variant="tertiary";ariaLabelSearchIconButton;ariaLabelClearIconButton="Clear search";ariaLabelSearchInput="Search input";isFieldChanged=!1;expanded=!1;hasFocus=!1;valueChange;expandInput(){setTimeout(this.focusTextInput,300),this.expanded=!0}collapseInput(){!this.isFieldChanged&&this.expanded&&(this.expanded=!1)}clearInput(){this.value="",this.isFieldChanged=!1}onChange(o){this.value=o.target.value,this.isFieldChanged=!this.isFieldChanged||""!==this.value,this.valueChange.emit(this.value)}textInput;constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.valueChange=r(this,"valueChange",7),this.focusTextInput=this.focusTextInput.bind(this)}focusTextInput(){this.textInput?.focus()}clearClicked(){this.clearInput(),this.textInput?.focus(),this.valueChange.emit(this.value)}render(){return e(n,{key:"4d6452d558ed37acdf210f14a3cdd2de27a7034e",class:{expanded:this.expanded,"right-position":this.expanded,fullWidth:this.fullWidth}},e("ix-icon-button",{key:"aac4778c162d196b24e0d824a9f935b48bd77878",size:this.expanded?"16":"24",icon:this.icon??l,variant:this.expanded?"tertiary":this.variant,"data-testid":"button",onClick:()=>this.expandInput(),tabindex:this.expanded?-1:0,color:this.hasFocus?"input-search-icon--color--focus":void 0,class:{"btn-search":!0,"btn-search--expanded":this.expanded},"aria-label":this.ariaLabelSearchIconButton??(this.expanded?"Close search":"Open search")}),e("div",{key:"b48c231d07c5a6e1022497c8fc2549aa9d43f914",class:{expanded:this.expanded,fullWidth:this.fullWidth,collapsed:!this.expanded,"disable-pointer":!this.expanded,"input-container":!0},"data-testid":"input-wrapper"},e("input",{key:"aaa9f94916684ede2655ed81c4577b302b5d65db",class:{"ix-form-control":!0,input:this.expanded,"disable-pointer":!this.expanded,"opacity-before":!this.expanded,"opacity-after":this.expanded},ref:o=>this.textInput=o,"data-testid":"input",placeholder:this.placeholder,type:"text",value:this.value,onBlur:()=>{this.collapseInput(),this.hasFocus=!1},onFocus:()=>this.hasFocus=!0,onInput:o=>this.onChange(o),tabindex:this.expanded?0:-1,"aria-label":this.ariaLabelSearchInput}),this.isFieldChanged?e("ix-icon-button",{class:"btn-clear",icon:i,variant:"subtle-tertiary",size:"16","data-testid":"clear-button",onClick:()=>this.clearClicked(),"aria-label":this.ariaLabelClearIconButton}):null))}static get style(){return".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}:host{display:inline-flex;width:auto;height:2rem;align-items:center;justify-content:space-between;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-container{transition:all var(--theme-medium-time) ease-in-out}:host input{box-shadow:var(--theme-input--box-shadow);cursor:auto !important;width:100%}:host .expanded{width:11.5625rem}:host .expanded.fullWidth{width:100%}:host .collapsed{width:1.5rem;border:none}:host{}:host .btn-search-icon{align-self:center;margin:auto;position:relative}:host .btn-search{display:flex;max-width:2rem;max-height:2rem;border-radius:var(--theme-input--border-radius);transition:all var(--theme-default-time) ease-in-out;z-index:1;align-items:center;position:relative;border:none}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):hover,:host .btn-search:not(.disabled):not(:disabled).hover{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):active,:host .btn-search:not(.disabled):not(:disabled).active{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:none}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:var(--focus--border-color);outline-width:1px;outline-style:solid}:host .btn-search.btn-search--expanded{margin-left:0.25rem;pointer-events:none}:host .btn-search:active{width:2rem;height:2rem;border-radius:var(--theme-input--border-radius);border:var(--theme-std-bdr-1) !important}:host{}:host .input-container{display:flex;position:absolute;align-items:center;flex-wrap:nowrap}:host .btn-clear{position:absolute;border-radius:var(--theme-input--border-radius);right:0px;margin-right:0.25rem}:host .input{padding-left:2rem !important;padding-right:2.5rem !important}:host .opacity-before{opacity:0}:host .opacity-after{opacity:1}:host(.right-position){width:11.5625rem !important}:host(.right-position.fullWidth){width:100% !important}:host(.right-position.fullWidth) .fullWidth{width:100% !important}"}},[513,"ix-expanding-search",{icon:[1],placeholder:[1],value:[1025],fullWidth:[4,"full-width"],variant:[1],ariaLabelSearchIconButton:[1,"aria-label-search-icon-button"],ariaLabelClearIconButton:[1,"aria-label-clear-icon-button"],ariaLabelSearchInput:[1,"aria-label-search-input"],isFieldChanged:[32],expanded:[32],hasFocus:[32]}]),h=c,b=function(){"undefined"!=typeof customElements&&["ix-expanding-search","ix-icon-button","ix-spinner"].forEach((o=>{switch(o){case"ix-expanding-search":customElements.get(a(o))||customElements.define(a(o),c);break;case"ix-icon-button":customElements.get(a(o))||d();break;case"ix-spinner":customElements.get(a(o))||s()}}))};export{h as IxExpandingSearch,b as defineCustomElement}
|
|
1
|
+
import{p as o,H as t,e as r,h as e,d as n,t as a}from"./p-eN5fQtqO.js";import{x as i,w as l}from"./p-DsVj4Cd-.js";import{d}from"./p-CiP3eKpd.js";import{d as s}from"./p-BKVBe7Co.js";const c=o(class extends t{icon;placeholder="Enter text here";value="";fullWidth=!1;variant="tertiary";ariaLabelSearchIconButton;ariaLabelClearIconButton="Clear search";ariaLabelSearchInput="Search input";isFieldChanged=!1;expanded=!1;hasFocus=!1;valueChange;expandInput(){setTimeout(this.focusTextInput,300),this.expanded=!0}collapseInput(){!this.isFieldChanged&&this.expanded&&(this.expanded=!1)}clearInput(){this.value="",this.isFieldChanged=!1}onChange(o){this.value=o.target.value,this.isFieldChanged=!this.isFieldChanged||""!==this.value,this.valueChange.emit(this.value)}textInput;constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.valueChange=r(this,"valueChange",7),this.focusTextInput=this.focusTextInput.bind(this)}focusTextInput(){this.textInput?.focus()}clearClicked(){this.clearInput(),this.textInput?.focus(),this.valueChange.emit(this.value)}render(){return e(n,{key:"4d6452d558ed37acdf210f14a3cdd2de27a7034e",class:{expanded:this.expanded,"right-position":this.expanded,fullWidth:this.fullWidth}},e("ix-icon-button",{key:"aac4778c162d196b24e0d824a9f935b48bd77878",size:this.expanded?"16":"24",icon:this.icon??l,variant:this.expanded?"tertiary":this.variant,"data-testid":"button",onClick:()=>this.expandInput(),tabindex:this.expanded?-1:0,color:this.hasFocus?"input-search-icon--color--focus":void 0,class:{"btn-search":!0,"btn-search--expanded":this.expanded},"aria-label":this.ariaLabelSearchIconButton??(this.expanded?"Close search":"Open search")}),e("div",{key:"b48c231d07c5a6e1022497c8fc2549aa9d43f914",class:{expanded:this.expanded,fullWidth:this.fullWidth,collapsed:!this.expanded,"disable-pointer":!this.expanded,"input-container":!0},"data-testid":"input-wrapper"},e("input",{key:"aaa9f94916684ede2655ed81c4577b302b5d65db",class:{"ix-form-control":!0,input:this.expanded,"disable-pointer":!this.expanded,"opacity-before":!this.expanded,"opacity-after":this.expanded},ref:o=>this.textInput=o,"data-testid":"input",placeholder:this.placeholder,type:"text",value:this.value,onBlur:()=>{this.collapseInput(),this.hasFocus=!1},onFocus:()=>this.hasFocus=!0,onInput:o=>this.onChange(o),tabindex:this.expanded?0:-1,"aria-label":this.ariaLabelSearchInput}),this.isFieldChanged?e("ix-icon-button",{class:"btn-clear",icon:i,variant:"subtle-tertiary",size:"16","data-testid":"clear-button",onClick:()=>this.clearClicked(),"aria-label":this.ariaLabelClearIconButton}):null))}static get style(){return".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}:host{display:inline-flex;width:auto;height:2rem;align-items:center;justify-content:space-between;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-container{transition:all var(--theme-medium-time) ease-in-out}:host input{box-shadow:var(--theme-input--box-shadow);cursor:auto !important;width:100%}:host .expanded{width:11.5625rem}:host .expanded.fullWidth{width:100%}:host .collapsed{width:1.5rem;border:none}:host{}:host .btn-search-icon{align-self:center;margin:auto;position:relative}:host .btn-search{display:flex;max-width:2rem;max-height:2rem;border-radius:var(--theme-input--border-radius);transition:all var(--theme-default-time) ease-in-out;z-index:1;align-items:center;position:relative;border:none}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):hover,:host .btn-search:not(.disabled):not(:disabled).hover{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):active,:host .btn-search:not(.disabled):not(:disabled).active{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:none}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:var(--focus--border-color);outline-width:1px;outline-style:solid}:host .btn-search.btn-search--expanded{margin-left:0.25rem;pointer-events:none}:host .btn-search:active{width:2rem;height:2rem;border-radius:var(--theme-input--border-radius);border:var(--theme-std-bdr-1) !important}:host{}:host .input-container{display:flex;position:absolute;align-items:center;flex-wrap:nowrap}:host .btn-clear{position:absolute;border-radius:var(--theme-input--border-radius);right:0px;margin-right:0.25rem}:host .input{padding-left:2rem !important;padding-right:2.5rem !important}:host .opacity-before{opacity:0}:host .opacity-after{opacity:1}:host(.right-position){width:11.5625rem !important}:host(.right-position.fullWidth){width:100% !important}:host(.right-position.fullWidth) .fullWidth{width:100% !important}"}},[513,"ix-expanding-search",{icon:[1],placeholder:[1],value:[1025],fullWidth:[4,"full-width"],variant:[1],ariaLabelSearchIconButton:[1,"aria-label-search-icon-button"],ariaLabelClearIconButton:[1,"aria-label-clear-icon-button"],ariaLabelSearchInput:[1,"aria-label-search-input"],isFieldChanged:[32],expanded:[32],hasFocus:[32]}]),h=c,b=function(){"undefined"!=typeof customElements&&["ix-expanding-search","ix-icon-button","ix-spinner"].forEach((o=>{switch(o){case"ix-expanding-search":customElements.get(a(o))||customElements.define(a(o),c);break;case"ix-icon-button":customElements.get(a(o))||d();break;case"ix-spinner":customElements.get(a(o))||s()}}))};export{h as IxExpandingSearch,b as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as
|
|
1
|
+
import{F as o,d as s}from"./p-CAd-WgR8.js";const p=o,r=s;export{p as IxFieldLabel,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as
|
|
1
|
+
import{F as s,d as o}from"./p-viP8I2_s.js";const p=s,r=o;export{p as IxFieldWrapper,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as o,d as s}from"./p-
|
|
1
|
+
import{F as o,d as s}from"./p-DIq_C5Sa.js";const a=o,p=s;export{a as IxFilterChip,p as defineCustomElement}
|