@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as a,H as o,e as r,h as t,d as e,t as n}from"./p-eN5fQtqO.js";import{t as c}from"./p-DsVj4Cd-.js";let d=0;const i=(a="expand-content")=>[a,d++].join("-"),s=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.accordionExpand=r(this,"accordionExpand",7)}ariaLabelExpandButton;collapse=!1;variant="outline";get hostElement(){return this}accordionExpand;expandContent=!1;onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(a){a.preventDefault(),a.stopPropagation(),this.expandContent=!this.expandContent,this.accordionExpand.emit({expand:this.expandContent,nativeEvent:a}),this.expandContent&&this.scrollExpandedContentIntoView()}scrollExpandedContentIntoView(){setTimeout((()=>{this.expandedContent&&this.expandedContent.getBoundingClientRect().bottom>window.innerHeight&&this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(!1)}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return t(e,{key:"6ab37d107ccca9e0d342653a80b4ebb05f838bf6",slot:"card-accordion",class:{[`variant-${this.variant}`]:!0}},t("button",{key:"c2d9f8703cd03d006a1f0a10488c65df7f25d07d",tabIndex:0,class:{"expand-action":!0,show:this.expandContent},onClick:a=>this.onExpandActionClick(a),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":i(),"aria-label":this.ariaLabelExpandButton},t("ix-icon",{key:"e52734bc0d748eb648737af3ecff9c809ec5f7eb",name:c,class:{"expand-icon":!0,show:this.expandContent}})),t("div",{key:"0f000ebd3e93623fe4c0cf9c3c322f98bc79c23d",class:{"expand-content":!0,show:this.expandContent}},t("div",{key:"1bdc7c69f1c256e509a4b6c55e99eeb1c2959f40",class:"expand-content-inner"},t("div",{key:"c9d502bdbb504f220a2c89831ef102916cd2dbcc",class:"expand-content-body"},t("slot",{key:"647904aa76abd086e3ff80970cdee286c8fb1cf9"})),t("div",{key:"5fdbf86a8769e2cca9f2174eafd4e7e80e6058a3",class:"expand-content-footer"}))))}static get watchers(){return{collapse:[{onInitialExpandChange:0}]}}static get style(){return':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out;--ix-card-accordion-expanded-height:14.75rem}: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 .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;align-items:center;justify-content:flex-start}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(180deg)}:host .expand-content{display:block;position:relative;width:100%;height:0;overflow:hidden;transition:height var(--theme-default-time) ease-in-out}:host .expand-content::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:var(--ix-card-accordion-expand-content--border-radius, 0);border-top:none}:host .expand-content.show{height:var(--ix-card-accordion-expanded-height)}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content-body{opacity:0;transition:opacity var(--theme-default-time) ease-in-out}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(var(--ix-card-accordion-expanded-height) - 1rem);color:var(--theme-color-std-text);opacity:1}:host .expand-content-footer{display:block;position:absolute;bottom:0;left:0;width:100%;height:1rem;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host(.variant-outline) .expand-action{background-color:var(--theme-push-card-outline-accordion--background)}:host(.variant-outline) .expand-action:hover{background:var(--theme-push-card-outline-accordion--background--hover)}:host(.variant-outline) .expand-action:active{background:var(--theme-push-card-outline-accordion--background--active)}:host(.variant-outline) .expand-content{background-color:var(--theme-push-card-outline-accordion-frame--background)}:host(.variant-outline) .expand-content::after{border:var(--theme-push-card-outline-accordion-frame--border-width) solid transparent;border-color:var(--theme-push-card-outline-accordion-frame--border-color)}:host(.variant-outline) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-outline) .expand-content-footer{background-color:var(--theme-push-card-outline-accordion-footer--background)}:host(.variant-filled) .expand-action{background-color:var(--theme-push-card-filled-accordion--background)}:host(.variant-filled) .expand-action:hover{background:var(--theme-push-card-filled-accordion--background--hover)}:host(.variant-filled) .expand-action:active{background:var(--theme-push-card-filled-accordion--background--active)}:host(.variant-filled) .expand-content{background-color:var(--theme-push-card-filled-accordion-frame--background)}:host(.variant-filled) .expand-content::after{border:var(--theme-push-card-filled-accordion-frame--border-width) solid transparent;border-color:var(--theme-push-card-filled-accordion-frame--border-color)}:host(.variant-filled) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-filled) .expand-content-footer{background-color:var(--theme-push-card-filled-accordion-footer--background)}:host(.variant-alarm) .expand-action{background-color:var(--theme-push-card-alarm-accordion--background)}:host(.variant-alarm) .expand-action:hover{background:var(--theme-push-card-alarm-accordion--background--hover)}:host(.variant-alarm) .expand-action:active{background:var(--theme-push-card-alarm-accordion--background--active)}:host(.variant-alarm) .expand-content{background-color:var(--theme-push-card-alarm-accordion-frame--background)}:host(.variant-alarm) .expand-content::after{border:var(--theme-push-card-alarm-accordion-frame--border-width) solid transparent;border-color:var(--theme-push-card-alarm-accordion-frame--border-color)}:host(.variant-alarm) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-alarm) .expand-content-footer{background-color:var(--theme-push-card-alarm-accordion-footer--background)}:host(.variant-critical) .expand-action{background-color:var(--theme-push-card-critical-accordion--background)}:host(.variant-critical) .expand-action:hover{background:var(--theme-push-card-critical-accordion--background--hover)}:host(.variant-critical) .expand-action:active{background:var(--theme-push-card-critical-accordion--background--active)}:host(.variant-critical) .expand-content{background-color:var(--theme-push-card-critical-accordion-frame--background)}:host(.variant-critical) .expand-content::after{border:var(--theme-push-card-critical-accordion-frame--border-width) solid transparent;border-color:var(--theme-push-card-critical-accordion-frame--border-color)}:host(.variant-critical) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-critical) .expand-content-footer{background-color:var(--theme-push-card-critical-accordion-footer--background)}:host(.variant-warning) .expand-action{background-color:var(--theme-push-card-warning-accordion--background)}:host(.variant-warning) .expand-action:hover{background:var(--theme-push-card-warning-accordion--background--hover)}:host(.variant-warning) .expand-action:active{background:var(--theme-push-card-warning-accordion--background--active)}:host(.variant-warning) .expand-content{background-color:var(--theme-push-card-warning-accordion-frame--background)}:host(.variant-warning) .expand-content::after{border:var(--theme-push-card-warning-accordion-frame--border-width) solid transparent;border-color:var(--theme-push-card-warning-accordion-frame--border-color)}:host(.variant-warning) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-warning) .expand-content-footer{background-color:var(--theme-push-card-warning-accordion-footer--background)}:host(.variant-success) .expand-action{background-color:var(--theme-push-card-success-accordion--background)}:host(.variant-success) .expand-action:hover{background:var(--theme-push-card-success-accordion--background--hover)}:host(.variant-success) .expand-action:active{background:var(--theme-push-card-success-accordion--background--active)}:host(.variant-success) .expand-content{background-color:var(--theme-push-card-success-accordion-frame--background)}:host(.variant-success) .expand-content::after{border:var(--theme-push-card-success-accordion-frame--border-width) solid transparent;border-color:var(--theme-push-card-success-accordion-frame--border-color)}:host(.variant-success) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-success) .expand-content-footer{background-color:var(--theme-push-card-success-accordion-footer--background)}:host(.variant-info) .expand-action{background-color:var(--theme-push-card-info-accordion--background)}:host(.variant-info) .expand-action:hover{background:var(--theme-push-card-info-accordion--background--hover)}:host(.variant-info) .expand-action:active{background:var(--theme-push-card-info-accordion--background--active)}:host(.variant-info) .expand-content{background-color:var(--theme-push-card-info-accordion-frame--background)}:host(.variant-info) .expand-content::after{border:var(--theme-push-card-info-accordion-frame--border-width) solid transparent;border-color:var(--theme-push-card-info-accordion-frame--border-color)}:host(.variant-info) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-info) .expand-content-footer{background-color:var(--theme-push-card-info-accordion-footer--background)}:host(.variant-neutral) .expand-action{background-color:var(--theme-push-card-neutral-accordion--background)}:host(.variant-neutral) .expand-action:hover{background:var(--theme-push-card-neutral-accordion--background--hover)}:host(.variant-neutral) .expand-action:active{background:var(--theme-push-card-neutral-accordion--background--active)}:host(.variant-neutral) .expand-content{background-color:var(--theme-push-card-neutral-accordion-frame--background)}:host(.variant-neutral) .expand-content::after{border:var(--theme-push-card-neutral-accordion-frame--border-width) solid transparent;border-color:var(--theme-push-card-neutral-accordion-frame--border-color)}:host(.variant-neutral) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-neutral) .expand-content-footer{background-color:var(--theme-push-card-neutral-accordion-footer--background)}:host(.variant-primary) .expand-action{background-color:var(--theme-push-card-primary-accordion--background)}:host(.variant-primary) .expand-action:hover{background:var(--theme-push-card-primary-accordion--background--hover)}:host(.variant-primary) .expand-action:active{background:var(--theme-push-card-primary-accordion--background--active)}:host(.variant-primary) .expand-content{background-color:var(--theme-push-card-primary-accordion-frame--background)}:host(.variant-primary) .expand-content::after{border:var(--theme-push-card-primary-accordion-frame--border-width) solid transparent;border-color:var(--theme-push-card-primary-accordion-frame--border-color)}:host(.variant-primary) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-primary) .expand-content-footer{background-color:var(--theme-push-card-primary-accordion-footer--background)}'}},[769,"ix-card-accordion",{ariaLabelExpandButton:[1,"aria-label-expand-button"],collapse:[4],variant:[1],expandContent:[32]},void 0,{collapse:[{onInitialExpandChange:0}]}]);function h(){"undefined"!=typeof customElements&&["ix-card-accordion"].forEach((a=>{"ix-card-accordion"===a&&(customElements.get(n(a))||customElements.define(n(a),s))}))}export{s as C,h as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,M as r,f as e,h as a,F as o,d as i,t as s}from"./p-eN5fQtqO.js";import{B as n}from"./p-CRbQNmxe.js";import{b as l,a as d}from"./p-DD206pTM.js";import{m as h}from"./p-Djkc69iv.js";import{b,h as c}from"./p-Dw_A3HUC.js";import{P as u,u as p,F as m}from"./p-D7qfGAJ7.js";import{D as v}from"./p-CApDAYIa.js";import{C as g}from"./p-Dpk_WgCl.js";import{A as x}from"./p-Byed_Z2G.js";import{d as f}from"./p-ePylRxs_.js";import{d as y}from"./p-CGGWaScq.js";import{d as w}from"./p-BKVBe7Co.js";import{d as k}from"./p-D_VBAyPm.js";import{d as C}from"./p-YFmbQndr.js";function A(t){const{initials:r}=t;return r?a("div",{class:"avatar-initials"},a("ix-typography",{format:"label-lg"},r)):a("svg",{class:"avatar-image",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32","aria-label":t.ariaLabel},a("g",{fill:"none","fill-rule":"evenodd"},a("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),a("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"})))}function j(t){return a("div",{class:"avatar"},t.image?a("img",{src:t.image,class:"avatar-image","aria-label":t.ariaLabel}):a(A,{initials:t.initials,ariaLabel:t.ariaLabel}))}function E(t){return a(o,null,a("div",{class:"user-info",onClick:t=>t.preventDefault()},a(j,{image:t.image,initials:t.initials,ariaLabel:t.ariaLabel}),a("div",{class:"user"},a("div",{class:"username"},t.userName),t.extra&&a("ix-typography",{class:"extra","text-color":"soft"},t.extra))))}const D=t(class extends(r(...v,g,x)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}image;initials;username;extra;tooltipText;ariaLabelTooltip;isClosestApplicationHeader=!1;dropdownShow=!1;hasSlottedElements=!1;slotElement;dropdownElement;observeChildrenChange;tooltipRef=h();a11yAttributes={};get items(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}componentWillLoad(){this.a11yAttributes=l(this.hostElement);const t=b("ix-application-header",this.hostElement);this.isClosestApplicationHeader=null!==t,this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0})}componentDidLoad(){this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}async slottedChanged(){this.hasSlottedElements=c(this.slotElement)}resolveAvatarTrigger(){return new Promise(((t,r)=>{e((()=>{const e=this.hostElement.shadowRoot.querySelector("button");e?t(e):r(new Error("ix-avatar - trigger element not found"))}))}))}resolveTooltipTrigger(){return this.resolveAvatarTrigger().catch((()=>this.hostElement))}onDropdownClick(t){t.target===this.dropdownElement&&t.preventDefault()}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(`[aria-controls="${this.getHostElementId()}-proxy-listbox"]`)}isAriaActiveDescendantActive(){return this.dropdownShow}getAriaActiveDescendantProxyItemId(){return u}updateProxyList(){const t=this.items,r=this.hostElement.shadowRoot.querySelector(".proxy-list");r&&p(r,t,((t,r)=>{r.role="menuitem",r.innerText=t.label??t.textContent??"",r.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.a11yAttributes["aria-label"],r=this.tooltipText||this.username,e=r===this.username,s=a(o,null,a(j,{image:this.image,initials:this.initials,ariaLabel:t}),!!r&&a("ix-tooltip",{ref:this.tooltipRef,for:this.resolveTooltipTrigger(),"aria-hidden":d(e),"aria-label":this.ariaLabelTooltip},r));return this.isClosestApplicationHeader?a(i,{slot:"ix-application-header-avatar",class:"avatar-button"},a(n,{disabled:!1,iconOval:!1,icon:void 0,iconOnly:!1,loading:!1,selected:!1,type:"button",variant:"tertiary",ariaAttributes:{role:"menu","aria-controls":`${this.getHostElementId()}-proxy-listbox`,"aria-expanded":d(this.dropdownShow),"aria-haspopup":"menu"}},s),a("ix-dropdown",{ref:t=>this.dropdownElement=t,trigger:this.resolveAvatarTrigger(),class:"avatar-dropdown",onClick:t=>this.onDropdownClick(t),onShowChanged:t=>{this.dropdownShow=t.detail,t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},disableFocusTrap:!0,focusHost:this.hostElement},a(m,{hostId:this.getHostElementId(),otherProps:{}}),this.username&&a(o,null,a(E,{extra:this.extra,image:this.image,initials:this.initials,userName:this.username,ariaLabel:t}),this.hasSlottedElements&&a("ix-divider",{onClick:t=>t.preventDefault()})),a("slot",{onSlotchange:()=>this.slottedChanged(),ref:t=>this.slotElement=t}))):a(i,null,s)}static get style(){return":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}: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 .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host(.avatar-button) button{padding:0px}:host(.avatar-button) .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host(.avatar-button) .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.avatar-button) button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .avatar{transform:scale(0.8)}:host(.avatar-button) .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host(.avatar-button) .proxy-list li{height:2px;width:2px;pointer-events:all}"}},[769,"ix-avatar",{image:[1],initials:[1],username:[1],extra:[1],tooltipText:[1,"tooltip-text"],ariaLabelTooltip:[1,"aria-label-tooltip"],isClosestApplicationHeader:[32],dropdownShow:[32],hasSlottedElements:[32]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]);function L(){"undefined"!=typeof customElements&&["ix-avatar","ix-divider","ix-dropdown","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-avatar":customElements.get(s(t))||customElements.define(s(t),D);break;case"ix-divider":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||y();break;case"ix-spinner":customElements.get(s(t))||w();break;case"ix-tooltip":customElements.get(s(t))||k();break;case"ix-typography":customElements.get(s(t))||C()}}))}export{D as A,L as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as s,d as o,t as i}from"./p-eN5fQtqO.js";import{d as n}from"./p-Dw_A3HUC.js";import{N as r}from"./p-DsVj4Cd-.js";import{d as a}from"./p-
|
|
1
|
+
import{p as t,H as e,h as s,d as o,t as i}from"./p-eN5fQtqO.js";import{d as n}from"./p-Dw_A3HUC.js";import{N as r}from"./p-DsVj4Cd-.js";import{d as a}from"./p-CiP3eKpd.js";import{d as c}from"./p-BKVBe7Co.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}showContextMenu=!1;getTrigger(){return this.hostElement}configureDropdown(t,e){t.positioningStrategy="fixed",t.trigger=e}onSlotChange(){const t=this.hostElement.shadowRoot.querySelector("slot");if(!t)return;const e=n(t);this.showContextMenu=0!==e.length;const s=e.find((t=>"IX-DROPDOWN"===t.tagName)),o=this.getTrigger();o&&s&&this.configureDropdown(s,o)}render(){return s(o,{key:"8d5cde7a5aeadb2bb73d56e23481b592e408c211"},s("ix-icon-button",{key:"91701da1319aed49a3ced6debf9e136d65bb4f9f",class:{hide:!this.showContextMenu},size:"24",variant:"subtle-tertiary",icon:r}),s("slot",{key:"12b2df94d37c16da0e9db898b67f470f383dec8e",onSlotchange:()=>this.onSlotChange()}))}static get style(){return":host{display:block;position:relative;height:2rem;width:2rem;margin-block-start:0.3125rem;margin-inline-end:0.3125rem;margin-inline-start:auto}:host .hide{visibility:collapse}:host ::slotted(ix-dropdown){cursor:default}"}},[769,"ix-group-context-menu",{showContextMenu:[32]}]);function m(){"undefined"!=typeof customElements&&["ix-group-context-menu","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-group-context-menu":customElements.get(i(t))||customElements.define(i(t),d);break;case"ix-icon-button":customElements.get(i(t))||a();break;case"ix-spinner":customElements.get(i(t))||c()}}))}export{d as G,m as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as o,e as t,h as i,d as r,t as s}from"./p-eN5fQtqO.js";import{I as a,u as d}from"./p-DsVj4Cd-.js";import{a as n}from"./p-
|
|
1
|
+
import{p as e,M as o,e as t,h as i,d as r,t as s}from"./p-eN5fQtqO.js";import{I as a,u as d}from"./p-DsVj4Cd-.js";import{a as n}from"./p-DD206pTM.js";import{e as l}from"./p-C5UTTqsv.js";import{D as c}from"./p-CApDAYIa.js";import{C as h}from"./p-Dpk_WgCl.js";const m=e=>class extends e{ixFocusVisible=!1;disableAriaSelectHandling=!1;constructor(...e){super(...e)}componentDidLoad(){super.componentDidLoad&&super.componentDidLoad()}$internal_checkAriaSelected(e){this.hostElement&&(this.disableAriaSelectHandling?this.hostElement.removeAttribute("aria-selected"):this.hostElement.ariaSelected=n(e))}},b=e(class extends(o(...c,h,m)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.itemClick=t(this,"itemClick",7)}get hostElement(){return this}label;icon;ariaLabelIcon;ariaLabelButton;hover=!1;disabled=!1;checked=!1;itemRole="menuitem";isSubMenu=!1;suppressChecked=!1;hasVisualFocus=!1;itemClick;async emitItemClick(){this.itemClick.emit(this.hostElement)}async getDropdownItemElement(){return this.hostElement}isIconOnly(){return void 0===this.label&&""===this.hostElement.innerText&&void 0!==this.icon}render(){const e=this.getHostElementId();let o={};return this.isSubMenu&&(o={"aria-haspopup":"menu","aria-expanded":"false"}),i(r,{key:"f1c9bb57644764f6787c20fb7fe12e8d2e757d8c",id:e,role:this.itemRole,"aria-disabled":n(this.disabled),"aria-label":this.hostElement.ariaLabel??this.ariaLabelButton,class:{hover:this.hover,"icon-only":this.isIconOnly(),disabled:this.disabled,submenu:this.isSubMenu,[l]:!this.disabled,"outline-visible":this.hasVisualFocus},onClick:()=>{this.disabled||this.emitItemClick()},onKeyDown:e=>{this.disabled||"Enter"!==e.key&&" "!==e.key||this.emitItemClick()},...o},i("div",{key:"7b2bba29e4d206d6bcd3698c86a614b7c89040f4",class:{"dropdown-item":!0,"no-checked-field":this.suppressChecked,disabled:this.disabled}},this.suppressChecked?null:i("div",{class:"dropdown-item-checked"},this.checked?i("ix-icon",{"aria-hidden":"true",class:"checkmark",name:a,size:"16"}):null),this.icon?i("ix-icon",{class:"dropdown-item-icon",name:this.icon,"aria-label":this.ariaLabelIcon}):null,i("div",{key:"9e7eaec28999e3d461e1cef864de78430e79687e",class:"dropdown-item-text"},this.label,i("slot",{key:"9995e3e812948823f2d0bcfc81522626d550a0bd"})),i("div",{key:"dd1f0367cf02891353a150b5b93eb7408435a0c9",class:"dropdown-item-end"},i("slot",{key:"86e9ad8d4950f020309abad73c151038bf3344c2",name:"end"}),this.isSubMenu?i("ix-icon",{name:d,class:"submenu-icon"}):null)))}static get watchers(){return{ixFocusVisible:[{$internal_checkAriaSelected:0}]}}static get style(){return":host{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}: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 .dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);border:0.0625rem solid transparent;white-space:nowrap;width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem}:host .dropdown-item.no-checked-field{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}:host .dropdown-item-checked{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}:host .dropdown-item-icon{margin-right:0.5rem;color:var(--theme-color-std-text)}:host .dropdown-item-text{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host .dropdown-item-end{margin-left:auto}:host(.icon-only) .dropdown-item-icon{margin-right:0px}:host(.icon-only) .dropdown-item-checked{display:none}:host(.icon-only) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(.submenu) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(:not(.disabled):not(:disabled).hover),:host(:not(.disabled):not(:disabled):hover){background-color:var(--theme-ghost--background--hover)}:host(:not(.disabled):not(:disabled).active),:host(:not(.disabled):not(:disabled):active){background-color:var(--theme-ghost--background--active)}:host(.disabled){pointer-events:none;color:var(--theme-color-weak-text) !important}:host(.disabled) .dropdown-item-icon{color:var(--theme-color-weak-text) !important}:host(:focus-visible){outline:none}:host(:focus-visible) .dropdown-item{border-color:var(--theme-color-focus-bdr)}:host(.ix-focused){outline:none}:host(.ix-focused) .dropdown-item{border-color:var(--theme-color-focus-bdr)}:host(.outline-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:-0.0625rem}:host([hidden]){display:none !important}"}},[769,"ix-dropdown-item",{ixFocusVisible:[516,"ix-focus-visible"],disableAriaSelectHandling:[4,"disable-aria-select-handling"],label:[513],icon:[1],ariaLabelIcon:[1,"aria-label-icon"],ariaLabelButton:[1,"aria-label-button"],hover:[4],disabled:[516],checked:[516],itemRole:[1,"item-role"],isSubMenu:[4,"is-sub-menu"],suppressChecked:[4,"suppress-checked"],hasVisualFocus:[516,"has-visual-focus"],emitItemClick:[64],getDropdownItemElement:[64]},void 0,{ixFocusVisible:[{$internal_checkAriaSelected:0}]}]);function u(){"undefined"!=typeof customElements&&["ix-dropdown-item"].forEach((e=>{"ix-dropdown-item"===e&&(customElements.get(s(e))||customElements.define(s(e),b))}))}export{b as D,m as F,u as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as r,M as e,h as t,d as o,t as a}from"./p-eN5fQtqO.js";import{B as d}from"./p-CRbQNmxe.js";import{D as n}from"./p-CApDAYIa.js";import{I as b}from"./p-BF2IsI5j.js";import{d as s}from"./p-BKVBe7Co.js";const i=r(class extends(e(...n,b)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow()}variant="primary";disabled=!1;type="button";loading=!1;form;icon;iconRight;alignment="center";iconSize="24";href;target="_self";rel;get hostElement(){return this}submitButtonElement;handleClick(r){(this.disabled||this.loading)&&(r.stopPropagation(),r.preventDefault())}componentDidLoad(){if("submit"!==this.type)return;const r=document.createElement("button");r.style.display="none",r.type="submit",r.tabIndex=-1,this.form&&r.setAttribute("form",this.form),this.hostElement.appendChild(r),this.submitButtonElement=r}handleFormChange(r){this.submitButtonElement&&(r?this.submitButtonElement.setAttribute("form",r):this.submitButtonElement.removeAttribute("form"))}componentDidRender(){this.submitButtonElement&&!this.hostElement.contains(this.submitButtonElement)&&this.hostElement.appendChild(this.submitButtonElement)}dispatchFormEvents(){"submit"!==this.type||!this.submitButtonElement||this.disabled||this.loading||this.submitButtonElement.click()}setFocus(){this.hostElement.shadowRoot.querySelector(this.href?"a":"button")?.focus()}render(){return t(o,{key:"0eb555f606e1fb774004c7ab8d950076baaa0284",class:{disabled:this.disabled||this.loading},tabIndex:this.disabled||this.loading?-1:0},t(d,{key:"a9ead157a199a3575627f4af70a0355687d4e990",variant:this.variant,iconOnly:!1,iconOval:!1,selected:!1,disabled:this.disabled||this.loading,icon:this.icon,iconRight:this.iconRight,iconSize:this.iconSize,loading:this.loading,onClick:()=>this.dispatchFormEvents(),type:this.type,alignment:this.alignment,ariaAttributes:this.inheritAriaAttributes,href:this.href,target:this.target,rel:this.rel},t("slot",{key:"de07260fc4785b2c30e6fdace31005435f273a93"})))}static get delegatesFocus(){return!0}static get watchers(){return{form:[{handleFormChange:0}]}}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.active:not(.disabled)) .btn-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.active:not(.disabled)) .btn-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.active:not(.disabled)) .btn-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.active:not(.disabled)) .btn-subtle-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.active:not(.disabled)) .btn-subtle-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.active:not(.disabled)) .btn-danger-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.active:not(.disabled)) .btn-danger-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.active:not(.disabled)) .btn-danger-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}"}},[785,"ix-button",{variant:[1],disabled:[516],type:[1],loading:[4],form:[1],icon:[1],iconRight:[1,"icon-right"],alignment:[1],iconSize:[1,"icon-size"],href:[1],target:[1],rel:[1],inheritAriaAttributes:[32]},[[2,"click","handleClick"]],{form:[{handleFormChange:0}]}]);function l(){"undefined"!=typeof customElements&&["ix-button","ix-spinner"].forEach((r=>{switch(r){case"ix-button":customElements.get(a(r))||customElements.define(a(r),i);break;case"ix-spinner":customElements.get(a(r))||s()}}))}export{i as B,l as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as t,h as i,d as s,t as a}from"./p-eN5fQtqO.js";import{m as o}from"./p-Djkc69iv.js";import{r,h as l,H as n}from"./p-
|
|
1
|
+
import{p as e,M as t,h as i,d as s,t as a}from"./p-eN5fQtqO.js";import{m as o}from"./p-Djkc69iv.js";import{r,h as l,H as n}from"./p-CHJbp28K.js";import{D as c}from"./p-CApDAYIa.js";import{C as h}from"./p-Dpk_WgCl.js";import{d}from"./p-CAd-WgR8.js";import{d as m}from"./p-D_VBAyPm.js";import{d as f}from"./p-YFmbQndr.js";const p=e(class extends(t(...c,h)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}helperText;label;invalidText;validText;infoText;warningText;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;showTextAsTooltip=!1;required=!1;controlRef;slotRef=o();hasExplicitAriaLabel=!1;componentDidLoad(){this.syncAriaLabel(!0)}syncAriaLabel(e=!1){this.controlRef&&!this.hasExplicitAriaLabel&&this.controlRef.waitForCurrent().then((t=>{e&&(t.hasAttribute("aria-label")||t.hasAttribute("aria-labelledby"))?this.hasExplicitAriaLabel=!0:this.label?t.setAttribute("aria-label",this.label):t.removeAttribute("aria-label")}))}componentWillLoad(){if(!this.hostElement.querySelector(".error-message-container")){const e=document.createElement("span");e.classList.add("error-message-container"),e.id=`${this.getHostElementId()}-errormessage`,e.hidden=!0,this.hostElement.appendChild(e)}if(!this.hostElement.querySelector(".helper-message-container")){const e=document.createElement("span");e.classList.add("helper-message-container"),e.id=`${this.getHostElementId()}-helpermessage`,e.hidden=!0,this.hostElement.appendChild(e)}}componentWillRender(){const e=this.hostElement.querySelector(`#${this.getHostElementId()}-errormessage`),t=this.hostElement.querySelector(`#${this.getHostElementId()}-helpermessage`);this.isInvalid&&this.invalidText&&e&&(e.textContent=this.invalidText),t&&(t.textContent=r({isInvalid:this.isInvalid,invalidText:this.invalidText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,isValid:this.isValid,validText:this.validText,helperText:this.helperText}))}getAriaErrorMessageElement(){return Promise.resolve(this.hostElement.querySelector(`#${this.getHostElementId()}-errormessage`))}getAriaHelperMessageElement(){return Promise.resolve(this.hostElement.querySelector(`#${this.getHostElementId()}-helpermessage`))}render(){const e={invalidText:this.invalidText,isInvalid:this.isInvalid,isValid:this.isValid,validText:this.validText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,helperText:this.helperText};let t={};return this.isInvalid&&this.invalidText&&(t={role:"alert","aria-live":"polite"}),i(s,{key:"fd7a223ad75c9c2073031d63f60783fb56fd7b09",...t},this.label&&i("div",{key:"3c435387e8297bb8b2e97436df054012ab2f801d",class:"field-top"},i("ix-field-label",{key:"a5526dca7376ca80a982d955b38c32b053018428",required:this.required,controlRef:this.controlRef,isInvalid:this.isInvalid,ariaHidden:!0},this.label)),i("div",{key:"c76fcf98ad31b6c89b5e6aae4c2e44a27f7ae7df",class:{"slot-wrapper":!0},ref:this.slotRef},i("slot",{key:"77c50384c3098490c1cb55b130645a244fbe884a"})),i("div",{key:"36ce0a8d7a15a2eeee189caf304983a80fbc2bc2",class:"field-bottom"},!this.showTextAsTooltip&&i(n,{key:"7f0d5cf73307cdd236a11e381695f22c58bdf50c",...e}),i("div",{key:"c1cd0ff7edbd167e03517810fb4b3b5aa423f22e",class:"bottom-right"},i("slot",{key:"3acb46dffa748d54a7cc05e44f993927cac412f5",name:"bottom-right"}))),!0===this.showTextAsTooltip&&l(e)&&i("ix-tooltip",{key:"0bb08975464a35c0a22f8e0f276d11c650ea6eb3",for:this.slotRef.waitForCurrent(),showDelay:500,placement:"bottom"},i(n,{key:"f1658860c1245ebb708d79f0c9c9717b960718d0",...e})))}static get watchers(){return{label:[{syncAriaLabel:0}]}}static get style(){return":host{display:flex;position:relative;flex-direction:column}:host .slot-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:0.25rem}:host .field-bottom,:host .field-top{display:flex;flex-direction:row;position:relative;justify-content:space-between;gap:1rem;width:100%;min-width:100%}:host .field-bottom .bottom-right{margin-left:auto;margin-right:0px}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}"}},[769,"ix-field-wrapper",{helperText:[1,"helper-text"],label:[1],invalidText:[1,"invalid-text"],validText:[1,"valid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],isInvalid:[4,"is-invalid"],isValid:[4,"is-valid"],isInfo:[4,"is-info"],isWarning:[4,"is-warning"],showTextAsTooltip:[4,"show-text-as-tooltip"],required:[4],controlRef:[16],getAriaErrorMessageElement:[64],getAriaHelperMessageElement:[64]},void 0,{label:[{syncAriaLabel:0}]}]);function b(){"undefined"!=typeof customElements&&["ix-field-wrapper","ix-field-label","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-field-wrapper":customElements.get(a(e))||customElements.define(a(e),p);break;case"ix-field-label":customElements.get(a(e))||d();break;case"ix-tooltip":customElements.get(a(e))||m();break;case"ix-typography":customElements.get(a(e))||f()}}))}export{p as F,b as d}
|
|
@@ -24,11 +24,11 @@ class Animation {
|
|
|
24
24
|
}
|
|
25
25
|
static ensureCache() {
|
|
26
26
|
if (this.#cache !== null)
|
|
27
|
-
return;
|
|
27
|
+
return this.#cache;
|
|
28
28
|
if (typeof window === 'undefined') {
|
|
29
29
|
// SSR only
|
|
30
30
|
this.#cache = { ...this.#FALLBACKS };
|
|
31
|
-
return;
|
|
31
|
+
return this.#cache;
|
|
32
32
|
}
|
|
33
33
|
const root = document.documentElement || document.body;
|
|
34
34
|
const styles = window.getComputedStyle(root);
|
|
@@ -45,6 +45,7 @@ class Animation {
|
|
|
45
45
|
slow: read('--theme-slow-time', this.#FALLBACKS.slow),
|
|
46
46
|
xslow: read('--theme-x-slow-time', this.#FALLBACKS.xslow),
|
|
47
47
|
};
|
|
48
|
+
return this.#cache;
|
|
48
49
|
}
|
|
49
50
|
static prefersReducedMotion() {
|
|
50
51
|
if (typeof window === 'undefined' || !window.matchMedia)
|
|
@@ -52,28 +53,23 @@ class Animation {
|
|
|
52
53
|
return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
53
54
|
}
|
|
54
55
|
static get shortTime() {
|
|
55
|
-
this.ensureCache();
|
|
56
|
-
const t = this.#cache.short;
|
|
56
|
+
const t = this.ensureCache().short;
|
|
57
57
|
return this.prefersReducedMotion() ? 0 : t;
|
|
58
58
|
}
|
|
59
59
|
static get defaultTime() {
|
|
60
|
-
this.ensureCache();
|
|
61
|
-
const t = this.#cache.default;
|
|
60
|
+
const t = this.ensureCache().default;
|
|
62
61
|
return this.prefersReducedMotion() ? 0 : t;
|
|
63
62
|
}
|
|
64
63
|
static get mediumTime() {
|
|
65
|
-
this.ensureCache();
|
|
66
|
-
const t = this.#cache.medium;
|
|
64
|
+
const t = this.ensureCache().medium;
|
|
67
65
|
return this.prefersReducedMotion() ? 0 : t;
|
|
68
66
|
}
|
|
69
67
|
static get slowTime() {
|
|
70
|
-
this.ensureCache();
|
|
71
|
-
const t = this.#cache.slow;
|
|
68
|
+
const t = this.ensureCache().slow;
|
|
72
69
|
return this.prefersReducedMotion() ? 0 : t;
|
|
73
70
|
}
|
|
74
71
|
static get xSlowTime() {
|
|
75
|
-
this.ensureCache();
|
|
76
|
-
const t = this.#cache.xslow;
|
|
72
|
+
const t = this.ensureCache().xslow;
|
|
77
73
|
return this.prefersReducedMotion() ? 0 : t;
|
|
78
74
|
}
|
|
79
75
|
}
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -6,7 +6,7 @@ var logicalFilterOperator = require('./logical-filter-operator-Dv9-d8FB.js');
|
|
|
6
6
|
var tree_types = require('./tree.types-Cs9O1Wtf.js');
|
|
7
7
|
var uploadFileState = require('./upload-file-state-BvLCvnjZ.js');
|
|
8
8
|
var modal = require('./modal-_AhJoT78.js');
|
|
9
|
-
var animation = require('./animation-
|
|
9
|
+
var animation = require('./animation-BIfSQAkX.js');
|
|
10
10
|
var index = require('./index-BQht1mLe.js');
|
|
11
11
|
var typedEvent = require('./typed-event-Bw4IfJC0.js');
|
|
12
12
|
var themeSwitcher = require('./theme-switcher-sbkXOvhB.js');
|
|
@@ -0,0 +1,306 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-DnclGKUw.js');
|
|
4
|
+
var a11y = require('./a11y--G19CFwe.js');
|
|
5
|
+
|
|
6
|
+
/*
|
|
7
|
+
* SPDX-FileCopyrightText: 2026 Siemens AG
|
|
8
|
+
*
|
|
9
|
+
* SPDX-License-Identifier: MIT
|
|
10
|
+
*
|
|
11
|
+
* This source code is licensed under the MIT license found in the
|
|
12
|
+
* LICENSE file in the root directory of this source tree.
|
|
13
|
+
*/
|
|
14
|
+
const reportMutationError = (error) => {
|
|
15
|
+
if (typeof reportError === 'function') {
|
|
16
|
+
reportError(error);
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
console.error(error);
|
|
20
|
+
};
|
|
21
|
+
// A MutationObserver can watch many direct targets and keeps only weak references
|
|
22
|
+
// to them, so all IX hosts can share one observer without observing a whole subtree.
|
|
23
|
+
const registrations = new WeakMap();
|
|
24
|
+
const suppressedHosts = new WeakSet();
|
|
25
|
+
let observer;
|
|
26
|
+
let registrationCount = 0;
|
|
27
|
+
const dispatchMutations = (mutations) => {
|
|
28
|
+
const changesByHandler = new Map();
|
|
29
|
+
mutations.forEach((mutation) => {
|
|
30
|
+
const hostElement = mutation.target;
|
|
31
|
+
if (suppressedHosts.has(hostElement)) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
const registration = registrations.get(hostElement);
|
|
35
|
+
const attributeName = mutation.attributeName;
|
|
36
|
+
if (!registration || !attributeName) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
let changedAttributes = changesByHandler.get(registration.handler);
|
|
40
|
+
if (!changedAttributes) {
|
|
41
|
+
changedAttributes = new Set();
|
|
42
|
+
changesByHandler.set(registration.handler, changedAttributes);
|
|
43
|
+
}
|
|
44
|
+
changedAttributes.add(attributeName);
|
|
45
|
+
});
|
|
46
|
+
changesByHandler.forEach((attributeNames, handler) => {
|
|
47
|
+
try {
|
|
48
|
+
handler(attributeNames);
|
|
49
|
+
}
|
|
50
|
+
catch (error) {
|
|
51
|
+
reportMutationError(error);
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
};
|
|
55
|
+
const getObserver = () => {
|
|
56
|
+
if (typeof MutationObserver === 'undefined') {
|
|
57
|
+
return undefined;
|
|
58
|
+
}
|
|
59
|
+
observer ??= new MutationObserver(dispatchMutations);
|
|
60
|
+
return observer;
|
|
61
|
+
};
|
|
62
|
+
const observeAriaAttributes = (hostElement, handler) => {
|
|
63
|
+
const ariaObserver = getObserver();
|
|
64
|
+
if (!ariaObserver) {
|
|
65
|
+
return false;
|
|
66
|
+
}
|
|
67
|
+
if (!registrations.has(hostElement)) {
|
|
68
|
+
registrationCount++;
|
|
69
|
+
}
|
|
70
|
+
registrations.set(hostElement, { handler });
|
|
71
|
+
ariaObserver.observe(hostElement, {
|
|
72
|
+
attributeFilter: a11y.a11yAttributes,
|
|
73
|
+
attributes: true,
|
|
74
|
+
});
|
|
75
|
+
return true;
|
|
76
|
+
};
|
|
77
|
+
const unobserveAriaAttributes = (hostElement) => {
|
|
78
|
+
if (!registrations.delete(hostElement)) {
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
registrationCount--;
|
|
82
|
+
if (registrationCount === 0) {
|
|
83
|
+
observer?.disconnect();
|
|
84
|
+
observer = undefined;
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
const runWithoutAriaAttributeObservation = (hostElement, callback) => {
|
|
88
|
+
const registration = registrations.get(hostElement);
|
|
89
|
+
if (!registration || !observer) {
|
|
90
|
+
return callback();
|
|
91
|
+
}
|
|
92
|
+
const activeObserver = observer;
|
|
93
|
+
dispatchMutations(activeObserver.takeRecords());
|
|
94
|
+
suppressedHosts.add(hostElement);
|
|
95
|
+
try {
|
|
96
|
+
return callback();
|
|
97
|
+
}
|
|
98
|
+
finally {
|
|
99
|
+
const remainingMutations = activeObserver
|
|
100
|
+
.takeRecords()
|
|
101
|
+
.filter((mutation) => mutation.target !== hostElement);
|
|
102
|
+
suppressedHosts.delete(hostElement);
|
|
103
|
+
dispatchMutations(remainingMutations);
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
const flushAriaAttributeMutations = () => {
|
|
107
|
+
if (observer) {
|
|
108
|
+
dispatchMutations(observer.takeRecords());
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
|
|
112
|
+
const InheritAriaAttributesMixin = (Base) => {
|
|
113
|
+
const InheritAriaAttributesMixinCtor = class extends Base {
|
|
114
|
+
constructor(hostRef) {
|
|
115
|
+
super();
|
|
116
|
+
index.registerInstance(this, hostRef);
|
|
117
|
+
}
|
|
118
|
+
inheritAriaAttributes = {};
|
|
119
|
+
#ariaObserverInitialized = false;
|
|
120
|
+
#ariaObservationActive = false;
|
|
121
|
+
#ariaInitializationPending = false;
|
|
122
|
+
#disconnected = false;
|
|
123
|
+
#ariaAttributesBeforeDisconnect;
|
|
124
|
+
#ariaAttributesChangedWhileDisconnected = new Set();
|
|
125
|
+
#ariaAttributeRemovalPatched = false;
|
|
126
|
+
#readingAriaAttributes = false;
|
|
127
|
+
#handleAriaMutations(changedAttributes) {
|
|
128
|
+
const hostElement = this.#getHostElement();
|
|
129
|
+
const ignoredAttributes = this.getIgnoredAriaAttributes();
|
|
130
|
+
let updatedAttributes = this.inheritAriaAttributes;
|
|
131
|
+
changedAttributes.forEach((attributeName) => {
|
|
132
|
+
if (ignoredAttributes.includes(attributeName)) {
|
|
133
|
+
return;
|
|
134
|
+
}
|
|
135
|
+
const newValue = hostElement.getAttribute(attributeName);
|
|
136
|
+
const currentValue = updatedAttributes[attributeName] ?? null;
|
|
137
|
+
if (newValue === currentValue) {
|
|
138
|
+
return;
|
|
139
|
+
}
|
|
140
|
+
if (updatedAttributes === this.inheritAriaAttributes) {
|
|
141
|
+
updatedAttributes = { ...updatedAttributes };
|
|
142
|
+
}
|
|
143
|
+
if (newValue === null) {
|
|
144
|
+
delete updatedAttributes[attributeName];
|
|
145
|
+
}
|
|
146
|
+
else {
|
|
147
|
+
updatedAttributes[attributeName] = newValue;
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
if (updatedAttributes !== this.inheritAriaAttributes) {
|
|
151
|
+
this.inheritAriaAttributes = updatedAttributes;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
getIgnoredAriaAttributes() {
|
|
155
|
+
return [];
|
|
156
|
+
}
|
|
157
|
+
readAriaAttributesFromHost() {
|
|
158
|
+
const hostElement = this.#getHostElement();
|
|
159
|
+
return runWithoutAriaAttributeObservation(hostElement, () => {
|
|
160
|
+
this.#readingAriaAttributes = true;
|
|
161
|
+
try {
|
|
162
|
+
return a11y.a11yHostAttributes(hostElement, this.getIgnoredAriaAttributes());
|
|
163
|
+
}
|
|
164
|
+
finally {
|
|
165
|
+
this.#readingAriaAttributes = false;
|
|
166
|
+
}
|
|
167
|
+
});
|
|
168
|
+
}
|
|
169
|
+
#getHostElement() {
|
|
170
|
+
if (!this.hostElement) {
|
|
171
|
+
throw new Error('Host element is not defined. Make sure to apply the InheritAriaAttributesMixin to a Stencil component.');
|
|
172
|
+
}
|
|
173
|
+
return this.hostElement;
|
|
174
|
+
}
|
|
175
|
+
#getAriaAttributesFromHost() {
|
|
176
|
+
const hostElement = this.#getHostElement();
|
|
177
|
+
const attributes = new Map();
|
|
178
|
+
a11y.a11yAttributes.forEach((attributeName) => {
|
|
179
|
+
const value = hostElement.getAttribute(attributeName);
|
|
180
|
+
if (value !== null) {
|
|
181
|
+
attributes.set(attributeName, value);
|
|
182
|
+
}
|
|
183
|
+
});
|
|
184
|
+
return attributes;
|
|
185
|
+
}
|
|
186
|
+
#patchAriaAttributeRemoval() {
|
|
187
|
+
if (this.#ariaAttributeRemovalPatched ||
|
|
188
|
+
typeof MutationObserver === 'undefined') {
|
|
189
|
+
return;
|
|
190
|
+
}
|
|
191
|
+
const hostElement = this.#getHostElement();
|
|
192
|
+
const removeAttribute = hostElement.removeAttribute.bind(hostElement);
|
|
193
|
+
// ARIA attributes are moved from the host to the internal element during
|
|
194
|
+
// initialization. When Angular later calls removeAttribute(), the host
|
|
195
|
+
// attribute is already absent, so no MutationObserver record is created.
|
|
196
|
+
// Intercept the call to also clear the forwarded internal attribute.
|
|
197
|
+
hostElement.removeAttribute = (attributeName) => {
|
|
198
|
+
removeAttribute(attributeName);
|
|
199
|
+
if (a11y.a11yAttributes.includes(attributeName)) {
|
|
200
|
+
if (this.#readingAriaAttributes) {
|
|
201
|
+
return;
|
|
202
|
+
}
|
|
203
|
+
if (!this.#ariaObservationActive) {
|
|
204
|
+
this.#ariaAttributesChangedWhileDisconnected.add(attributeName);
|
|
205
|
+
}
|
|
206
|
+
this.#updateInheritedAriaAttribute(null, attributeName);
|
|
207
|
+
}
|
|
208
|
+
};
|
|
209
|
+
this.#ariaAttributeRemovalPatched = true;
|
|
210
|
+
}
|
|
211
|
+
#observeAriaAttributes() {
|
|
212
|
+
this.#ariaObservationActive = observeAriaAttributes(this.#getHostElement(), (attributeNames) => this.#handleAriaMutations(attributeNames));
|
|
213
|
+
}
|
|
214
|
+
connectedCallback() {
|
|
215
|
+
if (super.connectedCallback) {
|
|
216
|
+
super.connectedCallback();
|
|
217
|
+
}
|
|
218
|
+
this.#disconnected = false;
|
|
219
|
+
if (this.#ariaInitializationPending && !this.#ariaObserverInitialized) {
|
|
220
|
+
this.#ariaInitializationPending = false;
|
|
221
|
+
this.#initializeAriaAttributes();
|
|
222
|
+
return;
|
|
223
|
+
}
|
|
224
|
+
if (this.#ariaObserverInitialized) {
|
|
225
|
+
const hostElement = this.#getHostElement();
|
|
226
|
+
this.#observeAriaAttributes();
|
|
227
|
+
if (this.#ariaAttributesBeforeDisconnect) {
|
|
228
|
+
const inheritedAttributes = this.readAriaAttributesFromHost();
|
|
229
|
+
a11y.a11yAttributes.forEach((attributeName) => {
|
|
230
|
+
const oldValue = this.#ariaAttributesBeforeDisconnect?.get(attributeName) ?? null;
|
|
231
|
+
const newValue = inheritedAttributes[attributeName] ??
|
|
232
|
+
hostElement.getAttribute(attributeName);
|
|
233
|
+
if (newValue !== oldValue ||
|
|
234
|
+
this.#ariaAttributesChangedWhileDisconnected.has(attributeName)) {
|
|
235
|
+
this.#updateInheritedAriaAttribute(newValue ?? null, attributeName);
|
|
236
|
+
}
|
|
237
|
+
});
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
this.#ariaAttributesBeforeDisconnect = undefined;
|
|
241
|
+
this.#ariaAttributesChangedWhileDisconnected.clear();
|
|
242
|
+
}
|
|
243
|
+
componentWillLoad() {
|
|
244
|
+
if (super.componentWillLoad) {
|
|
245
|
+
const baseLoad = super.componentWillLoad();
|
|
246
|
+
if (baseLoad) {
|
|
247
|
+
return baseLoad.then(() => this.#initializeAriaAttributesIfConnected());
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
this.#initializeAriaAttributesIfConnected();
|
|
251
|
+
}
|
|
252
|
+
#initializeAriaAttributesIfConnected() {
|
|
253
|
+
if (this.#disconnected) {
|
|
254
|
+
this.#ariaInitializationPending = true;
|
|
255
|
+
return;
|
|
256
|
+
}
|
|
257
|
+
this.#initializeAriaAttributes();
|
|
258
|
+
}
|
|
259
|
+
#initializeAriaAttributes() {
|
|
260
|
+
this.inheritAriaAttributes = this.readAriaAttributesFromHost();
|
|
261
|
+
this.#patchAriaAttributeRemoval();
|
|
262
|
+
this.#ariaObserverInitialized = true;
|
|
263
|
+
this.#observeAriaAttributes();
|
|
264
|
+
}
|
|
265
|
+
#updateInheritedAriaAttribute(newValue, propName) {
|
|
266
|
+
const ignoredAttributes = this.getIgnoredAriaAttributes();
|
|
267
|
+
if (ignoredAttributes.includes(propName)) {
|
|
268
|
+
return;
|
|
269
|
+
}
|
|
270
|
+
const currentValue = this.inheritAriaAttributes[propName] ?? null;
|
|
271
|
+
if (newValue === currentValue) {
|
|
272
|
+
return;
|
|
273
|
+
}
|
|
274
|
+
const updatedAttributes = {
|
|
275
|
+
...this.inheritAriaAttributes,
|
|
276
|
+
};
|
|
277
|
+
if (newValue === null) {
|
|
278
|
+
delete updatedAttributes[propName];
|
|
279
|
+
}
|
|
280
|
+
else {
|
|
281
|
+
updatedAttributes[propName] = newValue;
|
|
282
|
+
}
|
|
283
|
+
this.inheritAriaAttributes = updatedAttributes;
|
|
284
|
+
}
|
|
285
|
+
disconnectedCallback() {
|
|
286
|
+
this.#disconnected = true;
|
|
287
|
+
this.#ariaAttributesChangedWhileDisconnected.clear();
|
|
288
|
+
if (this.#ariaObserverInitialized) {
|
|
289
|
+
flushAriaAttributeMutations();
|
|
290
|
+
this.#ariaAttributesBeforeDisconnect =
|
|
291
|
+
this.#getAriaAttributesFromHost();
|
|
292
|
+
unobserveAriaAttributes(this.#getHostElement());
|
|
293
|
+
this.#ariaObservationActive = false;
|
|
294
|
+
}
|
|
295
|
+
else {
|
|
296
|
+
this.#ariaAttributesBeforeDisconnect = undefined;
|
|
297
|
+
}
|
|
298
|
+
if (super.disconnectedCallback) {
|
|
299
|
+
super.disconnectedCallback();
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
};
|
|
303
|
+
return InheritAriaAttributesMixinCtor;
|
|
304
|
+
};
|
|
305
|
+
|
|
306
|
+
exports.InheritAriaAttributesMixin = InheritAriaAttributesMixin;
|