@siemens/ix 4.4.0 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/READMEOSS.html +24 -10
- package/components/index.js +1 -1
- package/components/ix-action-card.js +1 -1
- package/components/ix-application-header.js +1 -1
- package/components/ix-application-switch-modal.js +1 -1
- package/components/ix-application.js +1 -1
- package/components/ix-avatar.js +1 -1
- package/components/ix-blind.js +1 -1
- package/components/ix-breadcrumb-item.js +1 -1
- package/components/ix-breadcrumb.js +1 -1
- package/components/ix-button.js +1 -1
- package/components/ix-card-accordion.js +1 -1
- package/components/ix-card-content.js +1 -1
- package/components/ix-card-list.js +1 -1
- package/components/ix-card-title.js +1 -1
- package/components/ix-card.js +1 -1
- package/components/ix-category-filter.js +1 -1
- package/components/ix-checkbox-group.js +1 -1
- package/components/ix-checkbox.js +1 -1
- package/components/ix-chip.js +1 -1
- package/components/ix-col.js +1 -1
- package/components/ix-content-header.js +1 -1
- package/components/ix-content.js +1 -1
- package/components/ix-css-grid-item.js +1 -1
- package/components/ix-css-grid.js +1 -1
- package/components/ix-custom-field.js +1 -1
- package/components/ix-date-dropdown.js +1 -1
- package/components/ix-date-input.js +1 -1
- package/components/ix-date-picker.js +1 -1
- package/components/ix-date-time-card.js +1 -1
- package/components/{ix-validation-tooltip.d.ts → ix-datetime-input.d.ts} +4 -4
- package/components/ix-datetime-input.js +1 -0
- package/components/ix-datetime-picker.js +1 -1
- package/components/ix-divider.js +1 -1
- package/components/ix-dropdown-button.js +1 -1
- package/components/ix-dropdown-header.js +1 -1
- package/components/ix-dropdown-item.js +1 -1
- package/components/ix-dropdown-quick-actions.js +1 -1
- package/components/ix-dropdown.js +1 -1
- package/components/ix-empty-state.js +1 -1
- package/components/ix-event-list-item.js +1 -1
- package/components/ix-event-list.js +1 -1
- package/components/ix-expanding-search.js +1 -1
- package/components/ix-field-label.js +1 -1
- package/components/ix-field-wrapper.js +1 -1
- package/components/ix-filter-chip.js +1 -1
- package/components/ix-flip-tile-content.js +1 -1
- package/components/ix-flip-tile.js +1 -1
- package/components/ix-group-context-menu.js +1 -1
- package/components/ix-group-item.js +1 -1
- package/components/ix-group.js +1 -1
- package/components/ix-helper-text.js +1 -1
- package/components/ix-icon-button.js +1 -1
- package/components/ix-icon-toggle-button.js +1 -1
- package/components/ix-input.js +1 -1
- package/components/ix-key-value-list.js +1 -1
- package/components/ix-key-value.js +1 -1
- package/components/ix-kpi.js +1 -1
- package/components/ix-layout-auto.js +1 -1
- package/components/ix-layout-grid.js +1 -1
- package/components/ix-link-button.js +1 -1
- package/components/ix-menu-about-item.js +1 -1
- package/components/ix-menu-about-news.js +1 -1
- package/components/ix-menu-about.js +1 -1
- package/components/ix-menu-avatar-item.js +1 -1
- package/components/ix-menu-avatar.js +1 -1
- package/components/ix-menu-category.js +1 -1
- package/components/ix-menu-expand-icon.js +1 -1
- package/components/ix-menu-item.js +1 -1
- package/components/ix-menu-settings-item.js +1 -1
- package/components/ix-menu-settings.js +1 -1
- package/components/ix-menu.js +1 -1
- package/components/ix-message-bar.js +1 -1
- package/components/ix-modal-content.js +1 -1
- package/components/ix-modal-footer.js +1 -1
- package/components/ix-modal-header.js +1 -1
- package/components/ix-modal-loading.js +1 -1
- package/components/ix-modal.js +1 -1
- package/components/ix-number-input.js +1 -1
- package/components/ix-pagination.js +1 -1
- package/components/ix-pane-layout.js +1 -1
- package/components/ix-pane.js +1 -1
- package/components/ix-pill.js +1 -1
- package/components/ix-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-input-group.d.ts → ix-range-field.d.ts} +4 -4
- package/components/ix-range-field.js +1 -0
- package/components/ix-row.js +1 -1
- package/components/ix-select-item.js +1 -1
- package/components/ix-select.js +1 -1
- package/components/ix-slider.js +1 -1
- package/components/ix-spinner.js +1 -1
- package/components/ix-split-button.js +1 -1
- package/components/ix-tab-item.js +1 -1
- package/components/{ix-application-sidebar.d.ts → ix-tab-panel.d.ts} +4 -4
- package/components/ix-tab-panel.js +1 -0
- package/components/{ix-drawer.d.ts → ix-tab-set.d.ts} +4 -4
- package/components/ix-tab-set.js +1 -0
- package/components/ix-tabs.js +1 -1
- package/components/ix-textarea.js +1 -1
- package/components/ix-tile.js +1 -1
- package/components/ix-time-input.js +1 -1
- package/components/ix-time-picker.js +1 -1
- package/components/ix-toast-container.js +1 -1
- package/components/ix-toast.js +1 -1
- package/components/ix-toggle-button.js +1 -1
- package/components/ix-toggle.js +1 -1
- package/components/ix-tooltip.js +1 -1
- package/components/ix-tree-item.js +1 -1
- package/components/ix-tree.js +1 -1
- package/components/ix-typography.js +1 -1
- package/components/ix-upload.js +1 -1
- package/components/ix-workflow-step.js +1 -1
- package/components/ix-workflow-steps.js +1 -1
- package/components/p-4pTtJwcY.js +1 -0
- package/components/p-546lBshK.js +1 -0
- package/components/p-5jph302v.js +1 -0
- package/components/p-B1ZcjHve.js +1 -0
- package/components/{p-CRcg3Wl9.js → p-B1q6Xh9M.js} +1 -1
- package/components/p-B4Yxzuow.js +1 -0
- package/components/p-B5k8YVR0.js +1 -0
- package/components/p-B8RlWbEh.js +1 -0
- package/components/p-BE4QI9tD.js +1 -0
- package/components/p-BL9SR36X.js +1 -0
- package/components/p-BP8g-yqY.js +1 -0
- package/components/p-B_czElDE.js +1 -0
- package/components/p-BcxPyyrm.js +1 -0
- package/components/p-BooU9e46.js +1 -0
- package/components/p-Btv5ReUJ.js +1 -0
- package/components/p-BtvsjuLo.js +1 -0
- package/components/p-BwC_Hmai.js +1 -0
- package/components/p-Bxdy-8CE.js +1 -0
- package/components/p-Bxrgt3H_.js +1 -0
- package/components/p-By6x--zJ.js +1 -0
- package/components/p-Byed_Z2G.js +1 -0
- package/components/p-C-wf4kbs.js +1 -0
- package/components/p-C95SE6lT.js +1 -0
- package/components/p-C9HBQRMb.js +1 -0
- package/components/p-CDKHgTB8.js +1 -0
- package/components/p-CJ3dR7zd.js +1 -0
- package/components/p-CKYjdhXo.js +1 -0
- package/components/p-CQj_gEvY.js +1 -0
- package/components/p-CVmLf9WY.js +1 -0
- package/components/p-CWlPNXA-.js +1 -0
- package/components/p-CWshStHZ.js +1 -0
- package/components/p-CYgb41KQ.js +1 -0
- package/components/p-C_95k0nq.js +1 -0
- package/components/p-CcllZcv2.js +1 -0
- package/components/p-Cf71L4Ol.js +1 -0
- package/components/p-CgOv_MV_.js +1 -0
- package/components/p-CsP_r-y6.js +1 -0
- package/components/p-CuswfnZ5.js +1 -0
- package/components/p-D4RWuUBi.js +1 -0
- package/components/p-D4T7_gkf.js +1 -0
- package/components/p-D5gbubPJ.js +1 -0
- package/components/{p-DSTYytot.js → p-D5rshXh5.js} +1 -1
- package/components/p-D6Wm2E-0.js +1 -0
- package/components/p-D8Wb4thH.js +1 -0
- package/components/p-DN2Mr91y.js +1 -0
- package/components/p-DNIQ2C1K.js +1 -0
- package/components/p-DOCAISxs.js +1 -0
- package/components/p-DQql_9wo.js +1 -0
- package/components/p-DRw2l8Az.js +1 -0
- package/components/p-DSpVcflZ.js +1 -0
- package/components/p-DTcUamMt.js +1 -0
- package/components/p-DUkuP1OH.js +1 -0
- package/components/p-DdMuwGlF.js +1 -0
- package/components/p-DfnCSsMy.js +1 -0
- package/components/p-Djkc69iv.js +1 -0
- package/components/p-Dpk_WgCl.js +1 -0
- package/components/p-DuTDx0c-.js +1 -0
- package/components/p-Dx6rQdpk.js +1 -0
- package/components/p-Dx8kFukG.js +1 -0
- package/components/p-JXbYOM9q.js +1 -0
- package/components/p-JevOq-9X.js +1 -0
- package/components/p-MZOpritx.js +1 -0
- package/components/p-NLlCSNeG.js +1 -0
- package/components/p-VEcjhpT4.js +1 -0
- package/components/p-W0q0WVKl.js +1 -0
- package/components/p-XBJqkmoc.js +1 -0
- package/components/p-XBTykBKS.js +1 -0
- package/components/{p-BJxTLVYT.js → p-_Uc7YwjU.js} +1 -1
- package/components/p-qsIASuyM.js +1 -0
- package/components/p-uIG84RqI.js +1 -0
- package/components/p-wEbi9beJ.js +1 -0
- package/components/p-zs7a2E3b.js +1 -0
- package/components/package.json +1 -1
- package/dist/cjs/{a11y-DldCLr8D.js → a11y-C_6YiIMa.js} +1 -2
- package/dist/cjs/animation-hxDbANsw.js +81 -0
- package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
- package/dist/cjs/aria-activedescendant.mixin-_lb0Xz2S.js +85 -0
- package/dist/cjs/{base-button-BvWcXXIH.js → base-button-C-1izOSS.js} +14 -10
- package/dist/cjs/{base-icon-button-DgnV_-qM.js → base-icon-button-BeXf6v9s.js} +3 -3
- package/dist/cjs/component-CYtonfpw.js +143 -0
- package/dist/cjs/{context-CmNuiaNz.js → context-DqdXbKw_.js} +5 -2
- package/dist/cjs/{dropdown-controller-BLOjtc6w.js → dropdown-controller-DeBeUVhj.js} +12 -9
- package/dist/cjs/{floating-ui.dom-CMzYsRR7.js → find-element-DPxOAdgO.js} +101 -0
- package/dist/cjs/focus-proxy-BCuVbpDb.js +48 -0
- package/dist/cjs/focus-trap-_cyPFvFq.js +106 -0
- package/dist/cjs/focus-utilities-yx7wWjEO.js +119 -0
- package/dist/cjs/focus-visible.mixin-BU5Ql7d1.js +42 -0
- package/dist/cjs/{helper-text-util-CX9jWl8m.js → helper-text-util-CvfY1JxE.js} +26 -8
- package/dist/cjs/id.mixin-DINDQztK.js +21 -0
- package/dist/cjs/index-B4J4JK0P.js +17 -0
- package/dist/cjs/{index-Dxeom0qd.js → index-BKQkUbyE.js} +529 -126
- package/dist/cjs/{index-DIYO-Liy.js → index-Dw-NwUuT.js} +2 -4
- package/dist/cjs/{index-BxmN3RtX.js → index-SVeYVn-h.js} +1 -2
- package/dist/cjs/index.cjs.js +266 -47
- package/dist/cjs/inherit-aria-attributes.mixin-Sl7J-OlO.js +36 -0
- package/dist/cjs/{picker-input.util-DJNAVluZ.js → input-picker.mixin-EoIayQV9.js} +25 -1
- package/dist/cjs/{input.fc-BIQRswZt.js → input.fc-CsACCdp7.js} +15 -17
- package/dist/cjs/ix-action-card.cjs.entry.js +39 -19
- package/dist/cjs/ix-application-header.cjs.entry.js +126 -69
- package/dist/cjs/ix-application-switch-modal.cjs.entry.js +9 -13
- package/dist/cjs/ix-application.cjs.entry.js +46 -34
- package/dist/cjs/ix-avatar_2.cjs.entry.js +126 -22
- package/dist/cjs/ix-blind.cjs.entry.js +37 -23
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +234 -43
- package/dist/cjs/ix-breadcrumb.cjs.entry.js +85 -68
- package/dist/cjs/ix-button.cjs.entry.js +227 -40
- package/dist/cjs/ix-card-accordion_2.cjs.entry.js +30 -19
- package/dist/cjs/ix-card-list.cjs.entry.js +104 -54
- package/dist/cjs/ix-card_2.cjs.entry.js +17 -17
- package/dist/cjs/ix-category-filter.cjs.entry.js +180 -111
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +52 -27
- package/dist/cjs/ix-checkbox.cjs.entry.js +58 -37
- package/dist/cjs/ix-chip.cjs.entry.js +317 -81
- package/dist/cjs/ix-col_4.cjs.entry.js +1109 -495
- package/dist/cjs/ix-content-header.cjs.entry.js +25 -17
- package/dist/cjs/ix-content.cjs.entry.js +7 -7
- package/dist/cjs/ix-css-grid-item.cjs.entry.js +6 -2
- package/dist/cjs/ix-css-grid.cjs.entry.js +13 -5
- package/dist/cjs/ix-custom-field.cjs.entry.js +41 -12
- package/dist/cjs/ix-date-dropdown.cjs.entry.js +170 -145
- package/dist/cjs/ix-date-input.cjs.entry.js +212 -125
- package/dist/cjs/ix-date-picker.cjs.entry.js +752 -0
- package/dist/cjs/ix-date-time-card.cjs.entry.js +25 -18
- package/dist/cjs/ix-datetime-input.cjs.entry.js +548 -0
- package/dist/cjs/ix-datetime-picker.cjs.entry.js +242 -58
- package/dist/cjs/ix-divider.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +155 -38
- package/dist/cjs/ix-dropdown-header.cjs.entry.js +6 -2
- package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +2 -2
- package/dist/cjs/ix-dropdown_2.cjs.entry.js +992 -0
- package/dist/cjs/ix-empty-state.cjs.entry.js +32 -6
- package/dist/cjs/ix-event-list-item.cjs.entry.js +38 -27
- package/dist/cjs/ix-event-list.cjs.entry.js +26 -26
- package/dist/cjs/ix-expanding-search.cjs.entry.js +58 -44
- package/dist/cjs/ix-field-label_2.cjs.entry.js +178 -56
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +85 -37
- package/dist/cjs/ix-flip-tile-content.cjs.entry.js +8 -8
- package/dist/cjs/ix-flip-tile.cjs.entry.js +43 -30
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +51 -27
- package/dist/cjs/ix-group.cjs.entry.js +63 -40
- package/dist/cjs/ix-helper-text.cjs.entry.js +43 -16
- package/dist/cjs/ix-icon-button_2.cjs.entry.js +232 -52
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +221 -45
- package/dist/cjs/ix-input.cjs.entry.js +128 -56
- package/dist/cjs/ix-key-value-list.cjs.entry.js +6 -6
- package/dist/cjs/ix-key-value.cjs.entry.js +24 -6
- package/dist/cjs/ix-kpi.cjs.entry.js +37 -13
- package/dist/cjs/ix-layout-auto.cjs.entry.js +15 -15
- package/dist/cjs/ix-link-button.cjs.entry.js +19 -15
- package/dist/cjs/ix-menu-about-item.cjs.entry.js +13 -6
- package/dist/cjs/ix-menu-about-news.cjs.entry.js +45 -18
- package/dist/cjs/ix-menu-about.cjs.entry.js +72 -28
- package/dist/cjs/ix-menu-avatar.cjs.entry.js +62 -31
- package/dist/cjs/ix-menu-category.cjs.entry.js +157 -74
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +24 -24
- package/dist/cjs/ix-menu-item.cjs.entry.js +100 -51
- package/dist/cjs/ix-menu-settings-item.cjs.entry.js +13 -6
- package/dist/cjs/ix-menu-settings.cjs.entry.js +87 -4
- package/dist/cjs/ix-menu.cjs.entry.js +123 -136
- package/dist/cjs/ix-message-bar.cjs.entry.js +33 -22
- package/dist/cjs/ix-modal-content_2.cjs.entry.js +36 -17
- package/dist/cjs/ix-modal-footer.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal-loading.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal.cjs.entry.js +98 -61
- package/dist/cjs/ix-number-input.cjs.entry.js +211 -131
- package/dist/cjs/ix-pagination.cjs.entry.js +108 -89
- package/dist/cjs/ix-pane-layout.cjs.entry.js +26 -27
- package/dist/cjs/ix-pane.cjs.entry.js +114 -82
- package/dist/cjs/ix-pill_4.cjs.entry.js +746 -0
- package/dist/cjs/ix-progress-indicator.cjs.entry.js +48 -40
- package/dist/cjs/ix-push-card.cjs.entry.js +36 -15
- package/dist/cjs/ix-radio-group.cjs.entry.js +63 -26
- package/dist/cjs/ix-radio.cjs.entry.js +51 -25
- package/dist/cjs/ix-range-field.cjs.entry.js +122 -0
- package/dist/cjs/ix-select.cjs.entry.js +398 -373
- package/dist/cjs/ix-slider.cjs.entry.js +108 -68
- package/dist/cjs/ix-split-button.cjs.entry.js +118 -48
- package/dist/cjs/ix-tab-panel.cjs.entry.js +30 -0
- package/dist/cjs/ix-textarea.cjs.entry.js +135 -48
- package/dist/cjs/ix-tile.cjs.entry.js +12 -12
- package/dist/cjs/ix-time-input.cjs.entry.js +298 -152
- package/dist/cjs/ix-toast-container.cjs.entry.js +14 -54
- package/dist/cjs/ix-toast.cjs.entry.js +47 -31
- package/dist/cjs/ix-toggle-button.cjs.entry.js +200 -27
- package/dist/cjs/ix-toggle.cjs.entry.js +244 -48
- package/dist/cjs/ix-tooltip.cjs.entry.js +76 -52
- package/dist/cjs/ix-tree-item.cjs.entry.js +50 -16
- package/dist/cjs/ix-tree.cjs.entry.js +101 -45
- package/dist/cjs/ix-typography.cjs.entry.js +19 -12
- package/dist/cjs/ix-upload.cjs.entry.js +80 -76
- package/dist/cjs/ix-workflow-step.cjs.entry.js +39 -34
- package/dist/cjs/ix-workflow-steps.cjs.entry.js +20 -15
- package/dist/cjs/{listener-BShKJBRB.js → listener-BafrcTaM.js} +7 -6
- package/dist/cjs/loader.cjs.js +3 -4
- package/dist/cjs/{logical-filter-operator-q-2KOPJs.js → logical-filter-operator-Dv9-d8FB.js} +2 -0
- package/dist/cjs/luxon-datetime-format-masks-DQVILoY7.js +43 -0
- package/dist/cjs/{make-ref-BaH6_YJk.js → make-ref-CHsa3FY7.js} +6 -2
- package/dist/cjs/menu-service-D_QsHUgR.js +63 -0
- package/dist/cjs/modal-_AhJoT78.js +190 -0
- package/dist/cjs/service-CRjXhKel.js +94 -0
- package/dist/cjs/shadow-dom-BG8VqeIu.js +91 -0
- package/dist/cjs/siemens-ix.cjs.js +4 -5
- package/dist/cjs/tab.mixin-DObUK6A4.js +21 -0
- package/dist/cjs/theme-switcher-sbkXOvhB.js +127 -0
- package/dist/cjs/time-picker-constraints-CxGhm1qV.js +79 -0
- package/dist/cjs/{tree.types-BygtRFW3.js → tree.types-Cs9O1Wtf.js} +2 -0
- package/dist/cjs/typed-event-Bw4IfJC0.js +44 -0
- package/dist/cjs/{validation-DF9UXqHB.js → validation-Dier-uPA.js} +32 -9
- package/dist/collection/collection-manifest.json +16 -9
- package/dist/collection/components/action-card/action-card.js +37 -19
- package/dist/collection/components/application/application.js +62 -48
- package/dist/collection/components/application-header/application-header.js +116 -84
- package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js +5 -7
- package/dist/collection/components/avatar/avatar.css +30 -5
- package/dist/collection/components/avatar/avatar.js +108 -35
- package/dist/collection/components/blind/blind.js +33 -16
- package/dist/collection/components/breadcrumb/breadcrumb.css +7 -2
- package/dist/collection/components/breadcrumb/breadcrumb.js +125 -79
- package/dist/collection/components/breadcrumb/breadcrumb.types.js +1 -0
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +66 -90
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +131 -69
- package/dist/collection/components/button/base-button.js +13 -9
- package/dist/collection/components/button/button.css +38 -45
- package/dist/collection/components/button/button.js +69 -59
- package/dist/collection/components/card/card.js +15 -16
- package/dist/collection/components/card-accordion/card-accordion.js +27 -17
- package/dist/collection/components/card-content/card-content.js +1 -1
- package/dist/collection/components/card-list/card-list.js +127 -54
- package/dist/collection/components/card-title/card-title.js +1 -1
- package/dist/collection/components/category-filter/category-filter.css +38 -45
- package/dist/collection/components/category-filter/category-filter.js +173 -105
- package/dist/collection/components/category-filter/filter-state.js +2 -4
- package/dist/collection/components/category-filter/input-state.js +2 -0
- package/dist/collection/components/checkbox/checkbox.css +1 -0
- package/dist/collection/components/checkbox/checkbox.js +52 -33
- package/dist/collection/components/checkbox-group/checkbox-group.js +48 -25
- package/dist/collection/components/chip/chip.css +369 -346
- package/dist/collection/components/chip/chip.js +171 -80
- package/dist/collection/components/chip/chip.types.js +18 -0
- package/dist/collection/components/col/col.js +20 -2
- package/dist/collection/components/content/content.js +5 -6
- package/dist/collection/components/content-header/content-header.js +23 -17
- package/dist/collection/components/css-grid/css-grid-item.js +5 -1
- package/dist/collection/components/css-grid/css-grid.js +12 -6
- package/dist/collection/components/custom-field/custom-field.js +38 -11
- package/dist/collection/components/date-dropdown/date-dropdown.css +202 -18
- package/dist/collection/components/date-dropdown/date-dropdown.js +168 -201
- package/dist/collection/components/date-input/date-input.css +4 -4
- package/dist/collection/components/date-input/date-input.js +199 -112
- package/dist/collection/components/date-picker/date-picker.css +66 -25
- package/dist/collection/components/date-picker/date-picker.js +582 -193
- package/dist/collection/components/date-time-card/date-time-card.css +3 -0
- package/dist/collection/components/date-time-card/date-time-card.js +43 -18
- package/dist/collection/components/datetime-input/datetime-input.css +621 -0
- package/dist/collection/components/datetime-input/datetime-input.js +1372 -0
- package/dist/collection/components/datetime-input/datetime-input.types.js +1 -0
- package/dist/collection/components/datetime-picker/datetime-picker.css +2 -10
- package/dist/collection/components/datetime-picker/datetime-picker.js +364 -58
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/dropdown/dropdown-controller.js +12 -9
- package/dist/collection/components/dropdown/dropdown-focus.js +178 -0
- package/dist/collection/components/dropdown/dropdown.css +1 -1
- package/dist/collection/components/dropdown/dropdown.js +809 -201
- package/dist/collection/components/dropdown-button/dropdown-button.css +38 -0
- package/dist/collection/components/dropdown-button/dropdown-button.js +258 -36
- package/dist/collection/components/dropdown-header/dropdown-header.js +5 -1
- package/dist/collection/components/dropdown-item/dropdown-item.css +23 -3
- package/dist/collection/components/dropdown-item/dropdown-item.js +129 -26
- package/dist/collection/components/dropdown-item/dropdown-item.types.js +1 -0
- package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
- package/dist/collection/components/empty-state/empty-state.js +31 -7
- package/dist/collection/components/event-list/event-list.js +25 -26
- package/dist/collection/components/event-list-item/event-list-item.js +35 -26
- package/dist/collection/components/expanding-search/expanding-search.js +56 -42
- package/dist/collection/components/field-label/field-label.css +10 -0
- package/dist/collection/components/field-label/field-label.js +34 -11
- package/dist/collection/components/field-wrapper/field-wrapper.css +1 -2
- package/dist/collection/components/field-wrapper/field-wrapper.js +193 -49
- package/dist/collection/components/field-wrapper/helper-text-util.js +22 -5
- package/dist/collection/components/filter-chip/filter-chip.css +0 -5
- package/dist/collection/components/filter-chip/filter-chip.js +33 -11
- package/dist/collection/components/flip-tile/flip-tile.js +39 -27
- package/dist/collection/components/flip-tile-content/flip-tile-content.js +7 -9
- package/dist/collection/components/group/group-context-menu.js +3 -4
- package/dist/collection/components/group/group.js +60 -38
- package/dist/collection/components/group-item/group-item.js +45 -22
- package/dist/collection/components/helper-text/helper-text.js +37 -12
- package/dist/collection/components/icon-button/base-icon-button.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +38 -45
- package/dist/collection/components/icon-button/icon-button.js +58 -56
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +38 -45
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +61 -63
- package/dist/collection/components/input/input.css +4 -8
- package/dist/collection/components/input/input.fc.js +10 -11
- package/dist/collection/components/input/input.js +119 -49
- package/dist/collection/components/input/input.util.js +1 -2
- package/dist/collection/components/input/number-input.css +4 -4
- package/dist/collection/components/input/number-input.js +202 -124
- package/dist/collection/components/input/textarea.css +4 -4
- package/dist/collection/components/input/textarea.js +127 -42
- package/dist/collection/components/ix-playground/ix-playground.js +25 -0
- package/dist/collection/components/key-value/key-value.js +23 -7
- package/dist/collection/components/key-value-list/key-value-list.js +5 -7
- package/dist/collection/components/kpi/kpi.js +35 -13
- package/dist/collection/components/layout-auto/layout-auto.js +14 -15
- package/dist/collection/components/layout-grid/layout-grid.js +14 -16
- package/dist/collection/components/link-button/link-button.js +17 -15
- package/dist/collection/components/menu/menu-expand-icon.css +12 -5
- package/dist/collection/components/menu/menu-expand-icon.js +60 -45
- package/dist/collection/components/menu/menu.js +114 -160
- package/dist/collection/components/menu-about/menu-about.css +63 -3
- package/dist/collection/components/menu-about/menu-about.js +111 -36
- package/dist/collection/components/menu-about-item/menu-about-item.js +18 -14
- package/dist/collection/components/menu-about-news/menu-about-news.js +65 -17
- package/dist/collection/components/menu-avatar/menu-avatar.js +57 -27
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +15 -4
- package/dist/collection/components/menu-category/menu-category.js +156 -42
- package/dist/collection/components/menu-item/menu-item.js +94 -46
- package/dist/collection/components/menu-settings/menu-settings.css +0 -3
- package/dist/collection/components/menu-settings/menu-settings.js +111 -36
- package/dist/collection/components/menu-settings-item/menu-settings-item.js +23 -16
- package/dist/collection/components/message-bar/message-bar.js +31 -22
- package/dist/collection/components/modal/modal.css +2 -1
- package/dist/collection/components/modal/modal.js +98 -63
- package/dist/collection/components/modal-content/modal-content.js +1 -1
- package/dist/collection/components/modal-footer/modal-footer.js +1 -1
- package/dist/collection/components/modal-header/modal-header.js +34 -16
- package/dist/collection/components/modal-loading/modal-loading.js +1 -1
- package/dist/collection/components/pagination/pagination.css +38 -45
- package/dist/collection/components/pagination/pagination.js +103 -85
- package/dist/collection/components/pane/pane.js +108 -77
- package/dist/collection/components/pane-layout/pane-layout.js +23 -25
- package/dist/collection/components/pill/pill.css +8 -24
- package/dist/collection/components/pill/pill.js +60 -29
- package/dist/collection/components/progress-indicator/progress-indicator.js +46 -39
- package/dist/collection/components/push-card/push-card.js +35 -16
- package/dist/collection/components/radio/radio.js +47 -23
- package/dist/collection/components/radio-group/radio-group.js +59 -24
- package/dist/collection/components/{input-group/input-group.css → range-field/range-field.css} +26 -39
- package/dist/collection/components/range-field/range-field.js +193 -0
- package/dist/collection/components/row/row.js +1 -1
- package/dist/collection/components/select/select.css +36 -13
- package/dist/collection/components/select/select.js +427 -383
- package/dist/collection/components/select/test/select-controller.js +89 -0
- package/dist/collection/components/select-item/select-item.js +46 -59
- package/dist/collection/components/slider/slider.css +0 -7
- package/dist/collection/components/slider/slider.js +101 -85
- package/dist/collection/components/spinner/spinner.js +14 -15
- package/dist/collection/components/split-button/split-button.css +36 -19
- package/dist/collection/components/split-button/split-button.js +116 -77
- package/dist/collection/components/tab-item/tab-item.css +73 -81
- package/dist/collection/components/tab-item/tab-item.js +279 -93
- package/dist/collection/components/tab-item/tab.mixin.js +40 -0
- package/dist/collection/components/{application-sidebar/application-sidebar.css → tab-panel/tab-panel.css} +3 -11
- package/dist/collection/components/tab-panel/tab-panel.js +67 -0
- package/dist/collection/components/{drawer/drawer.css → tab-set/tab-set.css} +1 -62
- package/dist/collection/components/tab-set/tab-set.js +92 -0
- package/dist/collection/components/tabs/tabs.css +71 -39
- package/dist/collection/components/tabs/tabs.js +261 -416
- package/dist/collection/components/tile/tile.js +11 -12
- package/dist/collection/components/time-input/time-input.css +4 -4
- package/dist/collection/components/time-input/time-input.js +349 -138
- package/dist/collection/components/time-picker/time-picker-column-values.js +25 -0
- package/dist/collection/components/time-picker/time-picker-compute-time.js +64 -0
- package/dist/collection/components/time-picker/time-picker-constraints.js +71 -0
- package/dist/collection/components/time-picker/time-picker-display.js +21 -0
- package/dist/collection/components/time-picker/time-picker-format.js +40 -0
- package/dist/collection/components/time-picker/time-picker-range.js +50 -0
- package/dist/collection/components/time-picker/time-picker-step-focus.js +32 -0
- package/dist/collection/components/time-picker/time-picker.css +17 -4
- package/dist/collection/components/time-picker/time-picker.js +544 -264
- package/dist/collection/components/toast/{styles/toast-container.css → toast-container.css} +6 -8
- package/dist/collection/components/toast/toast-container.js +15 -97
- package/dist/collection/components/toast/toast-utils.js +16 -4
- package/dist/collection/components/toast/toast.js +45 -30
- package/dist/collection/components/toggle/toggle.css +7 -4
- package/dist/collection/components/toggle/toggle.js +85 -44
- package/dist/collection/components/toggle-button/toggle-button.css +38 -45
- package/dist/collection/components/toggle-button/toggle-button.js +41 -46
- package/dist/collection/components/tooltip/tooltip.js +68 -44
- package/dist/collection/components/tree/tree.js +74 -34
- package/dist/collection/components/tree-item/default-tree-item.js +2 -0
- package/dist/collection/components/tree-item/tree-item.css +9 -4
- package/dist/collection/components/tree-item/tree-item.js +70 -15
- package/dist/collection/components/typography/typography.js +18 -13
- package/dist/collection/components/upload/upload.js +110 -75
- package/dist/collection/components/utils/a11y.js +1 -2
- package/dist/collection/components/utils/animation.js +24 -44
- package/dist/collection/components/utils/application-layout/service.js +22 -40
- package/dist/collection/components/utils/context.js +4 -1
- package/dist/collection/components/utils/delegate.js +1 -2
- package/dist/collection/components/utils/dependency-function.js +55 -0
- package/dist/collection/components/utils/event.js +16 -0
- package/dist/collection/components/utils/find-element.js +1 -1
- package/dist/collection/components/utils/focus/detect-keyboard-mode.js +28 -0
- package/dist/collection/components/utils/focus/focus-proxy.js +40 -0
- package/dist/collection/components/utils/focus/focus-trap.js +99 -0
- package/dist/collection/components/utils/focus/focus-utilities.js +117 -0
- package/dist/collection/components/utils/focus.js +9 -6
- package/dist/collection/components/utils/input/index.js +5 -0
- package/dist/collection/components/utils/input/validation.js +31 -8
- package/dist/collection/components/utils/internal/component.js +2 -1
- package/dist/collection/components/utils/internal/index.js +1 -1
- package/dist/collection/components/utils/internal/mixins/accessibility/aria-activedescendant.mixin.js +84 -0
- package/dist/collection/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.js +190 -0
- package/dist/collection/components/utils/internal/mixins/focus-visible.mixin.js +91 -0
- package/dist/collection/components/utils/internal/mixins/id.mixin.js +17 -0
- package/dist/collection/components/utils/internal/mixins/input/input-picker.mixin.js +45 -0
- package/dist/collection/components/utils/internal/mixins/setup.mixin.js +118 -0
- package/dist/collection/components/utils/lazy-list/lazy.js +24 -9
- package/dist/collection/components/utils/listener.js +6 -5
- package/dist/collection/components/utils/luxon-datetime-format-masks.js +38 -0
- package/dist/collection/components/utils/make-ref.js +5 -2
- package/dist/collection/components/utils/menu-service/menu-service.js +17 -37
- package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js +1 -49
- package/dist/collection/components/utils/modal/index.js +2 -2
- package/dist/collection/components/utils/modal/loading.js +34 -29
- package/dist/collection/components/utils/modal/message.js +133 -106
- package/dist/collection/components/utils/modal/modal.js +11 -8
- package/dist/collection/components/utils/overlay.js +1 -3
- package/dist/collection/components/utils/shadow-dom.js +42 -0
- package/dist/collection/components/{drawer → utils}/test/animejs.mock.js +8 -8
- package/dist/collection/components/utils/theme-switcher.js +85 -133
- package/dist/collection/components/utils/typed-event.js +29 -31
- package/dist/collection/components/workflow-step/workflow-step.js +37 -33
- package/dist/collection/components/workflow-steps/workflow-steps.js +19 -15
- package/dist/collection/public-api.js +4 -0
- package/dist/collection/tests/utils/test/page.js +34 -9
- package/dist/esm/{a11y-DAzBNVe7.js → a11y-B5k8YVR0.js} +1 -2
- package/dist/esm/animation-DNIQ2C1K.js +79 -0
- package/dist/esm/app-globals-DQuL1Twl.js +3 -0
- package/dist/esm/aria-activedescendant.mixin-CM-NUHTW.js +83 -0
- package/dist/esm/{base-button-CV0w47z9.js → base-button-hppF0uUM.js} +14 -10
- package/dist/esm/{base-icon-button-BuHd34qo.js → base-icon-button-_xVULsPr.js} +3 -3
- package/dist/esm/component-Chfbghog.js +139 -0
- package/dist/esm/{context-BniHpAE1.js → context-zqk3Dkv-.js} +5 -2
- package/dist/esm/{dropdown-controller-D3K9vmFp.js → dropdown-controller-D6Wm2E-0.js} +12 -9
- package/dist/esm/{floating-ui.dom-CAqtPJ4-.js → find-element-Bxrgt3H_.js} +100 -1
- package/dist/esm/focus-proxy-BgLEsVE2.js +43 -0
- package/dist/esm/focus-trap-DDLHqzV2.js +102 -0
- package/dist/esm/focus-utilities-DnaItyVQ.js +108 -0
- package/dist/esm/focus-visible.mixin-CoMZ6z5Z.js +40 -0
- package/dist/esm/{helper-text-util-C9sLzo0k.js → helper-text-util-AEl-1QU6.js} +26 -9
- package/dist/esm/id.mixin-CUbYLenp.js +19 -0
- package/dist/esm/{index-BEPo7U1W.js → index-Ca5WUunf.js} +529 -127
- package/dist/esm/{index-BBzEV-f4.js → index-Cl7fhG1I.js} +2 -3
- package/dist/esm/index-XBTykBKS.js +14 -0
- package/dist/esm/{index-BG5XMoOy.js → index-nCVTBc9Y.js} +1 -2
- package/dist/esm/index.js +262 -45
- package/dist/esm/inherit-aria-attributes.mixin-CBuZQFB-.js +34 -0
- package/dist/esm/{picker-input.util-D1uMJUKN.js → input-picker.mixin-Bo_sZpC4.js} +25 -2
- package/dist/esm/{input.fc-C1ytwpkt.js → input.fc-DjE-oOZc.js} +17 -19
- package/dist/esm/ix-action-card.entry.js +39 -19
- package/dist/esm/ix-application-header.entry.js +126 -69
- package/dist/esm/ix-application-switch-modal.entry.js +9 -13
- package/dist/esm/ix-application.entry.js +46 -34
- package/dist/esm/ix-avatar_2.entry.js +126 -22
- package/dist/esm/ix-blind.entry.js +37 -23
- package/dist/esm/ix-breadcrumb-item.entry.js +234 -43
- package/dist/esm/ix-breadcrumb.entry.js +85 -68
- package/dist/esm/ix-button.entry.js +227 -40
- package/dist/esm/ix-card-accordion_2.entry.js +30 -19
- package/dist/esm/ix-card-list.entry.js +104 -54
- package/dist/esm/ix-card_2.entry.js +17 -17
- package/dist/esm/ix-category-filter.entry.js +180 -111
- package/dist/esm/ix-checkbox-group.entry.js +52 -27
- package/dist/esm/ix-checkbox.entry.js +58 -37
- package/dist/esm/ix-chip.entry.js +317 -81
- package/dist/esm/ix-col_4.entry.js +1110 -496
- package/dist/esm/ix-content-header.entry.js +25 -17
- package/dist/esm/ix-content.entry.js +7 -7
- package/dist/esm/ix-css-grid-item.entry.js +6 -2
- package/dist/esm/ix-css-grid.entry.js +13 -5
- package/dist/esm/ix-custom-field.entry.js +41 -12
- package/dist/esm/ix-date-dropdown.entry.js +170 -145
- package/dist/esm/ix-date-input.entry.js +209 -122
- package/dist/esm/ix-date-picker.entry.js +750 -0
- package/dist/esm/ix-date-time-card.entry.js +25 -18
- package/dist/esm/ix-datetime-input.entry.js +546 -0
- package/dist/esm/ix-datetime-picker.entry.js +242 -58
- package/dist/esm/ix-divider.entry.js +2 -2
- package/dist/esm/ix-dropdown-button.entry.js +155 -38
- package/dist/esm/ix-dropdown-header.entry.js +6 -2
- package/dist/esm/ix-dropdown-quick-actions.entry.js +2 -2
- package/dist/esm/ix-dropdown_2.entry.js +989 -0
- package/dist/esm/ix-empty-state.entry.js +32 -6
- package/dist/esm/ix-event-list-item.entry.js +38 -27
- package/dist/esm/ix-event-list.entry.js +27 -27
- package/dist/esm/ix-expanding-search.entry.js +58 -44
- package/dist/esm/ix-field-label_2.entry.js +177 -55
- package/dist/esm/ix-filter-chip_2.entry.js +85 -37
- package/dist/esm/ix-flip-tile-content.entry.js +8 -8
- package/dist/esm/ix-flip-tile.entry.js +43 -30
- package/dist/esm/ix-group-context-menu_2.entry.js +51 -27
- package/dist/esm/ix-group.entry.js +63 -40
- package/dist/esm/ix-helper-text.entry.js +43 -16
- package/dist/esm/ix-icon-button_2.entry.js +232 -52
- package/dist/esm/ix-icon-toggle-button.entry.js +221 -45
- package/dist/esm/ix-input.entry.js +129 -57
- package/dist/esm/ix-key-value-list.entry.js +6 -6
- package/dist/esm/ix-key-value.entry.js +24 -6
- package/dist/esm/ix-kpi.entry.js +37 -13
- package/dist/esm/ix-layout-auto.entry.js +15 -15
- package/dist/esm/ix-link-button.entry.js +19 -15
- package/dist/esm/ix-menu-about-item.entry.js +13 -6
- package/dist/esm/ix-menu-about-news.entry.js +45 -18
- package/dist/esm/ix-menu-about.entry.js +72 -28
- package/dist/esm/ix-menu-avatar.entry.js +62 -31
- package/dist/esm/ix-menu-category.entry.js +157 -74
- package/dist/esm/ix-menu-expand-icon.entry.js +24 -24
- package/dist/esm/ix-menu-item.entry.js +100 -51
- package/dist/esm/ix-menu-settings-item.entry.js +13 -6
- package/dist/esm/ix-menu-settings.entry.js +90 -3
- package/dist/esm/ix-menu.entry.js +123 -136
- package/dist/esm/ix-message-bar.entry.js +33 -22
- package/dist/esm/ix-modal-content_2.entry.js +36 -17
- package/dist/esm/ix-modal-footer.entry.js +2 -2
- package/dist/esm/ix-modal-loading.entry.js +2 -2
- package/dist/esm/ix-modal.entry.js +98 -61
- package/dist/esm/ix-number-input.entry.js +212 -132
- package/dist/esm/ix-pagination.entry.js +108 -89
- package/dist/esm/ix-pane-layout.entry.js +26 -27
- package/dist/esm/ix-pane.entry.js +114 -82
- package/dist/esm/ix-pill_4.entry.js +741 -0
- package/dist/esm/ix-progress-indicator.entry.js +48 -40
- package/dist/esm/ix-push-card.entry.js +36 -15
- package/dist/esm/ix-radio-group.entry.js +63 -26
- package/dist/esm/ix-radio.entry.js +51 -25
- package/dist/esm/ix-range-field.entry.js +120 -0
- package/dist/esm/ix-select.entry.js +398 -373
- package/dist/esm/ix-slider.entry.js +108 -68
- package/dist/esm/ix-split-button.entry.js +118 -48
- package/dist/esm/ix-tab-panel.entry.js +28 -0
- package/dist/esm/ix-textarea.entry.js +136 -49
- package/dist/esm/ix-tile.entry.js +12 -12
- package/dist/esm/ix-time-input.entry.js +295 -149
- package/dist/esm/ix-toast-container.entry.js +14 -54
- package/dist/esm/ix-toast.entry.js +47 -31
- package/dist/esm/ix-toggle-button.entry.js +200 -27
- package/dist/esm/ix-toggle.entry.js +244 -48
- package/dist/esm/ix-tooltip.entry.js +69 -45
- package/dist/esm/ix-tree-item.entry.js +50 -16
- package/dist/esm/ix-tree.entry.js +101 -45
- package/dist/esm/ix-typography.entry.js +19 -12
- package/dist/esm/ix-upload.entry.js +80 -76
- package/dist/esm/ix-workflow-step.entry.js +39 -34
- package/dist/esm/ix-workflow-steps.entry.js +20 -15
- package/dist/esm/{listener-DcAn-vyA.js → listener-Dk6XGheN.js} +7 -6
- package/dist/esm/loader.js +4 -5
- package/dist/esm/{logical-filter-operator-BH3f5fa3.js → logical-filter-operator-C9HBQRMb.js} +2 -0
- package/dist/esm/luxon-datetime-format-masks-CoQiziG8.js +40 -0
- package/dist/esm/{make-ref-bcj7UEIC.js → make-ref-Djkc69iv.js} +6 -3
- package/dist/esm/menu-service-DTIYRV47.js +61 -0
- package/dist/esm/modal-DaGSr1j4.js +181 -0
- package/dist/esm/{rwd.util-pXYAoEyc.js → rwd.util-JJddxCCh.js} +1 -1
- package/dist/esm/service-CEglFEKY.js +92 -0
- package/dist/esm/shadow-dom-BIe8Nw9M.js +85 -0
- package/dist/esm/siemens-ix.js +5 -6
- package/dist/esm/tab.mixin-2hU1i4Yk.js +19 -0
- package/dist/esm/theme-switcher-CRVG13AN.js +124 -0
- package/dist/esm/time-picker-constraints-Bsg2RskF.js +74 -0
- package/dist/esm/{tree.types-DSTYytot.js → tree.types-D5rshXh5.js} +2 -0
- package/dist/esm/typed-event-CWshStHZ.js +42 -0
- package/dist/esm/{validation-CTBekLDe.js → validation-BT5aAuSO.js} +32 -9
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/p-04bbcd53.entry.js +1 -0
- package/dist/siemens-ix/p-077cb0a7.entry.js +1 -0
- package/dist/siemens-ix/p-0de68f63.entry.js +1 -0
- package/dist/siemens-ix/p-12647d5d.entry.js +1 -0
- package/dist/siemens-ix/p-12750b7b.entry.js +1 -0
- package/dist/siemens-ix/p-15aefb52.entry.js +1 -0
- package/dist/siemens-ix/p-1629de03.entry.js +1 -0
- package/dist/siemens-ix/p-1ce32501.entry.js +1 -0
- package/dist/siemens-ix/p-1fa6a663.entry.js +1 -0
- package/dist/siemens-ix/p-2142fab0.entry.js +1 -0
- package/dist/siemens-ix/p-21c0d22c.entry.js +1 -0
- package/dist/siemens-ix/p-222881a1.entry.js +1 -0
- package/dist/siemens-ix/p-232da11d.entry.js +1 -0
- package/dist/siemens-ix/p-23aaf08e.entry.js +1 -0
- package/dist/siemens-ix/p-25c784e4.entry.js +1 -0
- package/dist/siemens-ix/p-280d8b68.entry.js +1 -0
- package/dist/siemens-ix/{p-6aadd69d.entry.js → p-2a735134.entry.js} +1 -1
- package/dist/siemens-ix/p-2afcdc78.entry.js +1 -0
- package/dist/siemens-ix/p-2bef3c58.entry.js +1 -0
- package/dist/siemens-ix/p-2d7e415f.entry.js +1 -0
- package/dist/siemens-ix/p-2d8f3ea3.entry.js +1 -0
- package/dist/siemens-ix/p-2e5e7ccf.entry.js +1 -0
- package/dist/siemens-ix/p-38cb18b4.entry.js +1 -0
- package/dist/siemens-ix/p-3f752a9c.entry.js +1 -0
- package/dist/siemens-ix/p-40a26154.entry.js +1 -0
- package/dist/siemens-ix/p-44a3f1f0.entry.js +1 -0
- package/dist/siemens-ix/p-45552c4c.entry.js +1 -0
- package/dist/siemens-ix/p-48386b43.entry.js +1 -0
- package/dist/siemens-ix/p-4pTtJwcY.js +1 -0
- package/dist/siemens-ix/p-5024bd91.entry.js +1 -0
- package/dist/siemens-ix/p-50b75fdf.entry.js +1 -0
- package/dist/siemens-ix/p-58d349a2.entry.js +1 -0
- package/dist/siemens-ix/p-5a44cb29.entry.js +1 -0
- package/dist/siemens-ix/p-5ae844d7.entry.js +1 -0
- package/dist/siemens-ix/p-5b3f7baa.entry.js +1 -0
- package/dist/siemens-ix/p-5c478e3e.entry.js +1 -0
- package/dist/siemens-ix/p-61a481f3.entry.js +1 -0
- package/dist/siemens-ix/p-65b8ad90.entry.js +1 -0
- package/dist/siemens-ix/p-65bc8a0d.entry.js +1 -0
- package/dist/siemens-ix/p-68eb9150.entry.js +1 -0
- package/dist/siemens-ix/p-69459b73.entry.js +1 -0
- package/dist/siemens-ix/p-6df3d9e4.entry.js +1 -0
- package/dist/siemens-ix/p-6e63af65.entry.js +1 -0
- package/dist/siemens-ix/p-6fb379fb.entry.js +1 -0
- package/dist/siemens-ix/p-756c8779.entry.js +1 -0
- package/dist/siemens-ix/p-782fb465.entry.js +1 -0
- package/dist/siemens-ix/p-7a83e693.entry.js +1 -0
- package/dist/siemens-ix/p-82f44b05.entry.js +1 -0
- package/dist/siemens-ix/p-834330b3.entry.js +1 -0
- package/dist/siemens-ix/p-8493e35e.entry.js +1 -0
- package/dist/siemens-ix/p-84fbdef9.entry.js +1 -0
- package/dist/siemens-ix/p-85ce0a9f.entry.js +1 -0
- package/dist/siemens-ix/p-8937e9b1.entry.js +1 -0
- package/dist/siemens-ix/p-8cfddec2.entry.js +1 -0
- package/dist/siemens-ix/p-8d76c0b0.entry.js +1 -0
- package/dist/siemens-ix/p-9015a4c5.entry.js +1 -0
- package/dist/siemens-ix/p-91b02cb7.entry.js +1 -0
- package/dist/siemens-ix/p-9362c304.entry.js +1 -0
- package/dist/siemens-ix/p-9586a886.entry.js +1 -0
- package/dist/siemens-ix/p-986142f0.entry.js +1 -0
- package/dist/siemens-ix/p-9907d408.entry.js +1 -0
- package/dist/siemens-ix/p-9b8f1bc7.entry.js +1 -0
- package/dist/siemens-ix/p-B5k8YVR0.js +1 -0
- package/dist/siemens-ix/p-BFUINhFM.js +1 -0
- package/dist/siemens-ix/p-BIe8Nw9M.js +1 -0
- package/dist/siemens-ix/p-BL9SR36X.js +1 -0
- package/dist/siemens-ix/p-BZApVtkF.js +1 -0
- package/dist/siemens-ix/p-BgL7Z4IG.js +1 -0
- package/dist/siemens-ix/p-Bxrgt3H_.js +1 -0
- package/dist/siemens-ix/p-C9HBQRMb.js +1 -0
- package/dist/siemens-ix/p-CM-NUHTW.js +1 -0
- package/dist/siemens-ix/p-CUbYLenp.js +1 -0
- package/dist/siemens-ix/p-CWlPNXA-.js +1 -0
- package/dist/siemens-ix/p-CWshStHZ.js +1 -0
- package/dist/siemens-ix/p-Ca5WUunf.js +2 -0
- package/dist/siemens-ix/p-CgOv_MV_.js +1 -0
- package/dist/siemens-ix/p-Cl7fhG1I.js +1 -0
- package/dist/siemens-ix/p-CoQiziG8.js +1 -0
- package/dist/siemens-ix/p-CxGywkh5.js +1 -0
- package/dist/siemens-ix/p-D148LCh1.js +1 -0
- package/dist/siemens-ix/{p-DSTYytot.js → p-D5rshXh5.js} +1 -1
- package/dist/siemens-ix/p-D6Wm2E-0.js +1 -0
- package/dist/siemens-ix/p-DIWED8Ls.js +1 -0
- package/dist/siemens-ix/p-DNIQ2C1K.js +1 -0
- package/dist/siemens-ix/p-DQuL1Twl.js +1 -0
- package/dist/siemens-ix/p-Djkc69iv.js +1 -0
- package/dist/siemens-ix/p-Dl_bUxb7.js +1 -0
- package/dist/siemens-ix/p-DnCbHs-d.js +1 -0
- package/dist/siemens-ix/p-DnaItyVQ.js +1 -0
- package/dist/siemens-ix/p-DuTDx0c-.js +1 -0
- package/dist/siemens-ix/p-Dx6rQdpk.js +1 -0
- package/dist/siemens-ix/p-DzWThpzp.js +1 -0
- package/dist/siemens-ix/p-GLcPX9PU.js +1 -0
- package/dist/siemens-ix/{p-pXYAoEyc.js → p-JJddxCCh.js} +1 -1
- package/dist/siemens-ix/p-XBTykBKS.js +1 -0
- package/dist/siemens-ix/p-Z4IKO1Dx.js +1 -0
- package/dist/siemens-ix/p-a44e8a8f.entry.js +1 -0
- package/dist/siemens-ix/p-a5d60068.entry.js +1 -0
- package/dist/siemens-ix/p-ae5569aa.entry.js +1 -0
- package/dist/siemens-ix/p-afa900f7.entry.js +1 -0
- package/dist/siemens-ix/p-b17053bc.entry.js +1 -0
- package/dist/siemens-ix/p-b1930204.entry.js +1 -0
- package/dist/siemens-ix/{p-d458b450.entry.js → p-b517c2e1.entry.js} +1 -1
- package/dist/siemens-ix/p-b96eabf7.entry.js +1 -0
- package/dist/siemens-ix/p-ba0eaaf5.entry.js +1 -0
- package/dist/siemens-ix/p-bd60b9fe.entry.js +1 -0
- package/dist/siemens-ix/p-bef76eac.entry.js +1 -0
- package/dist/siemens-ix/p-c350c5d0.entry.js +1 -0
- package/dist/siemens-ix/p-c56497da.entry.js +1 -0
- package/dist/siemens-ix/p-c78a5414.entry.js +1 -0
- package/dist/siemens-ix/p-c921c01b.entry.js +1 -0
- package/dist/siemens-ix/p-cb9f8b47.entry.js +1 -0
- package/dist/siemens-ix/p-d34c0c51.entry.js +1 -0
- package/dist/siemens-ix/p-d440cd94.entry.js +1 -0
- package/dist/siemens-ix/{p-2b559d4b.entry.js → p-d798773f.entry.js} +1 -1
- package/dist/siemens-ix/p-d8c99656.entry.js +1 -0
- package/dist/siemens-ix/p-da8840cc.entry.js +1 -0
- package/dist/siemens-ix/p-dd2b271e.entry.js +1 -0
- package/dist/siemens-ix/p-de79c9cf.entry.js +1 -0
- package/dist/siemens-ix/p-dedd5fc0.entry.js +1 -0
- package/dist/siemens-ix/p-df13643b.entry.js +1 -0
- package/dist/siemens-ix/p-df32a25c.entry.js +1 -0
- package/dist/siemens-ix/p-e09fcd95.entry.js +1 -0
- package/dist/siemens-ix/p-e316d8a5.entry.js +1 -0
- package/dist/siemens-ix/p-ea440d84.entry.js +1 -0
- package/dist/siemens-ix/p-ed2aea43.entry.js +1 -0
- package/dist/siemens-ix/p-edb738d9.entry.js +1 -0
- package/dist/siemens-ix/p-f107a580.entry.js +1 -0
- package/dist/siemens-ix/p-f847a799.entry.js +1 -0
- package/dist/siemens-ix/p-fcac86a5.entry.js +1 -0
- package/dist/siemens-ix/p-fpBGwEVT.js +1 -0
- package/dist/siemens-ix/p-jBB3q9qq.js +1 -0
- package/dist/siemens-ix/p-yAf8WIcn.js +1 -0
- package/dist/siemens-ix/siemens-ix-core.css +1 -1
- package/dist/siemens-ix/siemens-ix-standalone.css +1 -0
- package/dist/siemens-ix/siemens-ix.css +285 -988
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/siemens-ix/theme/classic-dark.css +1 -1
- package/dist/siemens-ix/theme/classic-light.css +1 -1
- package/dist/types/components/application/application.d.ts +8 -5
- package/dist/types/components/application-header/application-header.d.ts +0 -7
- package/dist/types/components/avatar/avatar.d.ts +60 -8
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +29 -9
- package/dist/types/components/breadcrumb/breadcrumb.types.d.ts +9 -0
- package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +42 -12
- package/dist/types/components/button/button.d.ts +31 -8
- package/dist/types/components/card-list/card-list.d.ts +8 -0
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +2 -2
- package/dist/types/components/chip/chip.d.ts +48 -4
- package/dist/types/components/chip/chip.types.d.ts +2 -0
- package/dist/types/components/custom-field/custom-field.d.ts +2 -2
- package/dist/types/components/date-dropdown/date-dropdown.d.ts +18 -17
- package/dist/types/components/date-input/date-input.d.ts +18 -5
- package/dist/types/components/date-picker/date-picker.d.ts +62 -10
- package/dist/types/components/date-time-card/date-time-card.d.ts +4 -0
- package/dist/types/components/datetime-input/datetime-input.d.ts +210 -0
- package/dist/types/components/datetime-input/datetime-input.types.d.ts +3 -0
- package/dist/types/components/datetime-picker/datetime-picker.d.ts +32 -0
- package/dist/types/components/dropdown/dropdown-controller.d.ts +3 -2
- package/dist/types/components/dropdown/dropdown-focus.d.ts +20 -0
- package/dist/types/components/dropdown/dropdown.d.ts +109 -14
- package/dist/types/components/dropdown-button/dropdown-button.d.ts +82 -2
- package/dist/types/components/dropdown-item/dropdown-item.d.ts +55 -1
- package/dist/types/components/dropdown-item/dropdown-item.types.d.ts +1 -0
- package/dist/types/components/field-label/field-label.d.ts +3 -2
- package/dist/types/components/field-wrapper/field-wrapper.d.ts +39 -5
- package/dist/types/components/field-wrapper/helper-text-util.d.ts +11 -0
- package/dist/types/components/helper-text/helper-text.d.ts +2 -2
- package/dist/types/components/icon-button/icon-button.d.ts +31 -8
- package/dist/types/components/icon-toggle-button/icon-toggle-button.d.ts +31 -8
- package/dist/types/components/layout-auto/layout-auto.d.ts +2 -2
- package/dist/types/components/menu/menu-expand-icon.d.ts +4 -5
- package/dist/types/components/menu/menu.d.ts +0 -11
- package/dist/types/components/menu-about/menu-about.d.ts +19 -6
- package/dist/types/components/menu-about-item/menu-about-item.d.ts +20 -1
- package/dist/types/components/menu-about-news/menu-about-news.d.ts +22 -1
- package/dist/types/components/menu-category/menu-category.d.ts +23 -4
- package/dist/types/components/menu-item/menu-item.d.ts +2 -0
- package/dist/types/components/menu-settings/menu-settings.d.ts +19 -6
- package/dist/types/components/menu-settings-item/menu-settings-item.d.ts +21 -2
- package/dist/types/components/modal/modal.d.ts +6 -4
- package/dist/types/components/modal-header/modal-header.d.ts +2 -2
- package/dist/types/components/pill/pill.d.ts +16 -2
- package/dist/types/components/range-field/range-field.d.ts +34 -0
- package/dist/types/components/select/select.d.ts +82 -32
- package/dist/types/components/select/test/select-controller.d.ts +15 -0
- package/dist/types/components/select-item/select-item.d.ts +47 -7
- package/dist/types/components/slider/slider.d.ts +0 -6
- package/dist/types/components/split-button/split-button.d.ts +43 -8
- package/dist/types/components/tab-item/tab-item.d.ts +77 -15
- package/dist/types/components/tab-item/tab-item.types.d.ts +2 -1
- package/dist/types/components/tab-item/tab.mixin.d.ts +26 -0
- package/dist/types/components/tab-panel/tab-panel.d.ts +42 -0
- package/dist/types/components/tab-set/tab-set.d.ts +17 -0
- package/dist/types/components/tabs/tabs.d.ts +68 -58
- package/dist/types/components/time-input/time-input.d.ts +43 -6
- package/dist/types/components/time-picker/time-picker-column-values.d.ts +15 -0
- package/dist/types/components/time-picker/time-picker-compute-time.d.ts +6 -0
- package/dist/types/components/time-picker/time-picker-constraints.d.ts +16 -0
- package/dist/types/components/time-picker/time-picker-display.d.ts +6 -0
- package/dist/types/components/time-picker/time-picker-format.d.ts +13 -0
- package/dist/types/components/time-picker/time-picker-range.d.ts +11 -0
- package/dist/types/components/time-picker/time-picker-step-focus.d.ts +7 -0
- package/dist/types/components/time-picker/time-picker.d.ts +51 -9
- package/dist/types/components/time-picker/time-picker.types.d.ts +1 -0
- package/dist/types/components/toast/toast-container.d.ts +3 -11
- package/dist/types/components/toggle/toggle.d.ts +32 -1
- package/dist/types/components/toggle-button/toggle-button.d.ts +31 -6
- package/dist/types/components/tooltip/tooltip.d.ts +1 -1
- package/dist/types/components/tree/tree-model.d.ts +4 -0
- package/dist/types/components/tree-item/tree-item.d.ts +6 -0
- package/dist/types/components/upload/upload.d.ts +10 -4
- package/dist/types/components/utils/dependency-function.d.ts +16 -0
- package/dist/types/components/utils/event.d.ts +8 -0
- package/dist/types/components/utils/focus/detect-keyboard-mode.d.ts +5 -0
- package/dist/types/components/utils/focus/focus-proxy.d.ts +12 -0
- package/dist/types/components/utils/focus/focus-trap.d.ts +12 -0
- package/dist/types/components/utils/focus/focus-utilities.d.ts +32 -0
- package/dist/types/components/utils/input/index.d.ts +6 -2
- package/dist/types/components/utils/input/validation.d.ts +2 -2
- package/dist/types/components/utils/internal/component.d.ts +107 -2
- package/dist/types/components/utils/internal/index.d.ts +2 -1
- package/dist/types/components/utils/internal/mixins/accessibility/aria-activedescendant.mixin.d.ts +30 -0
- package/dist/types/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.d.ts +25 -0
- package/dist/types/components/utils/internal/mixins/focus-visible.mixin.d.ts +33 -0
- package/dist/types/components/utils/internal/mixins/id.mixin.d.ts +22 -0
- package/dist/types/components/utils/internal/mixins/input/input-picker.mixin.d.ts +24 -0
- package/dist/types/components/utils/internal/mixins/setup.mixin.d.ts +31 -0
- package/dist/types/components/utils/luxon-datetime-format-masks.d.ts +13 -0
- package/dist/types/components/utils/make-ref.d.ts +1 -0
- package/dist/types/components/utils/menu-tabs/menu-tabs-utils.d.ts +0 -5
- package/dist/types/components/utils/modal/index.d.ts +2 -2
- package/dist/types/components/utils/modal/loading.d.ts +8 -7
- package/dist/types/components/utils/modal/message.d.ts +27 -27
- package/dist/types/components/utils/modal/modal.d.ts +9 -18
- package/dist/types/components/utils/overlay.d.ts +2 -2
- package/dist/types/components/utils/shadow-dom.d.ts +16 -0
- package/dist/types/components/utils/test/animejs.mock.d.ts +1 -0
- package/dist/types/components/utils/theme-switcher.d.ts +24 -22
- package/dist/types/components.d.ts +1192 -613
- package/dist/types/public-api.d.ts +5 -0
- package/dist/types/tests/utils/test/page.d.ts +7 -1
- package/hydrate/index.js +12689 -6438
- package/hydrate/index.mjs +12689 -6438
- package/package.json +13 -7
- package/scss/_core.scss +3 -45
- package/scss/_standalone.scss +45 -0
- package/scss/components/_table.scss +5 -1
- package/scss/ix-core.scss +0 -2
- package/{dist/collection/components/menu-settings-item/menu-settings-item.css → scss/ix-standalone.scss} +2 -5
- package/scss/legacy/components/_checkboxes.scss +1 -1
- package/scss/legacy/components/_dropdown.scss +1 -1
- package/scss/legacy/components/_forms.scss +1 -1
- package/scss/legacy/components/_modal.scss +1 -1
- package/scss/legacy/components/_radiobuttons.scss +1 -1
- package/scss/legacy/mixins/_fonts.scss +1 -1
- package/scss/mixins/shadow-dom/_focus-visible.scss +12 -0
- package/scss/theme/classic/dark/_index.scss +0 -1
- package/scss/theme/classic/dark/_variables.scss +40 -40
- package/scss/theme/classic/light/_index.scss +0 -1
- package/scss/theme/classic/light/_variables.scss +40 -40
- package/scss/theme/classic/theme.scss +22 -28
- package/scss/theme/core/components/button.scss +29 -29
- package/scss/theme/core/components/chip.scss +4 -4
- package/scss/theme/core/components/link.scss +2 -2
- package/scss/theme/core/components/tab.scss +4 -4
- package/components/ix-application-sidebar.js +0 -1
- package/components/ix-drawer.js +0 -1
- package/components/ix-input-group.js +0 -1
- package/components/ix-validation-tooltip.js +0 -1
- package/components/p-0oJ9dyRQ.js +0 -1
- package/components/p-9tuDiQEH.js +0 -1
- package/components/p-AHG5KaOt.js +0 -1
- package/components/p-B0gQmZW3.js +0 -1
- package/components/p-B81cFxT_.js +0 -1
- package/components/p-BAIdCBnK.js +0 -1
- package/components/p-BH3f5fa3.js +0 -1
- package/components/p-BKNhBo9h.js +0 -1
- package/components/p-BLaucX4x.js +0 -1
- package/components/p-BM_otpzy.js +0 -1
- package/components/p-BWHIcA46.js +0 -1
- package/components/p-BWRJteYa.js +0 -1
- package/components/p-BYACnsyo.js +0 -1
- package/components/p-BbN-BCaw.js +0 -1
- package/components/p-BdCnOrqW.js +0 -1
- package/components/p-BhgW5qDm.js +0 -1
- package/components/p-Bi1VyG64.js +0 -1
- package/components/p-BncjKdXL.js +0 -1
- package/components/p-Bo9ALIy0.js +0 -1
- package/components/p-BvFOMxgl.js +0 -1
- package/components/p-C9SfsAWb.js +0 -1
- package/components/p-CAqtPJ4-.js +0 -1
- package/components/p-CFRrPFxi.js +0 -1
- package/components/p-CMi1hdQj.js +0 -1
- package/components/p-CPz6ThvB.js +0 -1
- package/components/p-CS1HnwQr.js +0 -1
- package/components/p-CYMB75De.js +0 -1
- package/components/p-CZsAGuDS.js +0 -1
- package/components/p-C_3dz2Xl.js +0 -1
- package/components/p-C_6_Rh7K.js +0 -1
- package/components/p-Cce1kE8J.js +0 -1
- package/components/p-CdT1qV2I.js +0 -1
- package/components/p-Cgi0rnuQ.js +0 -1
- package/components/p-ChDWY0o5.js +0 -1
- package/components/p-CjFgf9s9.js +0 -1
- package/components/p-CkBQGLbj.js +0 -1
- package/components/p-ClVzB9MP.js +0 -1
- package/components/p-CsGkJrm6.js +0 -1
- package/components/p-CxWzccPV.js +0 -1
- package/components/p-D3K9vmFp.js +0 -1
- package/components/p-DAzBNVe7.js +0 -1
- package/components/p-DNJriU2G.js +0 -1
- package/components/p-DQgVT_uh.js +0 -1
- package/components/p-DaVdylP8.js +0 -1
- package/components/p-DnKEXwdz.js +0 -1
- package/components/p-DrsekPHj.js +0 -1
- package/components/p-IsTvRVoY.js +0 -1
- package/components/p-LoRL-toz.js +0 -1
- package/components/p-MJm14Xlr.js +0 -1
- package/components/p-VHuL40oZ.js +0 -1
- package/components/p-WUp_O0u4.js +0 -1
- package/components/p-bcj7UEIC.js +0 -1
- package/components/p-gkooEHol.js +0 -1
- package/components/p-mraQmnXA.js +0 -1
- package/components/p-rBthI1EV.js +0 -1
- package/components/p-t0v_1-tY.js +0 -1
- package/components/p-unwtt2da.js +0 -1
- package/components/p-xCBXKXNq.js +0 -1
- package/components/p-xrAJuWDf.js +0 -1
- package/dist/cjs/animation-D5wGQwTg.js +0 -100
- package/dist/cjs/app-globals-Cu3bQGoC.js +0 -8
- package/dist/cjs/find-element-D7yD1Ukn.js +0 -103
- package/dist/cjs/focus-Cl8_98b5.js +0 -67
- package/dist/cjs/ix-application-sidebar.cjs.entry.js +0 -42
- package/dist/cjs/ix-drawer.cjs.entry.js +0 -166
- package/dist/cjs/ix-dropdown-item.cjs.entry.js +0 -63
- package/dist/cjs/ix-dropdown.cjs.entry.js +0 -436
- package/dist/cjs/ix-input-group.cjs.entry.js +0 -129
- package/dist/cjs/ix-menu-settings-B3zMjM3D.js +0 -128
- package/dist/cjs/ix-pill.cjs.entry.js +0 -87
- package/dist/cjs/ix-tab-item_2.cjs.entry.js +0 -495
- package/dist/cjs/ix-time-picker.cjs.entry.js +0 -689
- package/dist/cjs/ix-validation-tooltip.cjs.entry.js +0 -156
- package/dist/cjs/menu-service-CW0vT80Q.js +0 -83
- package/dist/cjs/modal-BPMUkqrW.js +0 -289
- package/dist/cjs/service-DuiJmf7R.js +0 -104
- package/dist/cjs/setup-icNDj1cf.js +0 -31
- package/dist/cjs/shadow-dom-DT01VwcB.js +0 -48
- package/dist/cjs/theme-switcher-BfjZ3MX8.js +0 -175
- package/dist/cjs/typed-event-DxWATHPL.js +0 -46
- package/dist/collection/components/application-sidebar/application-sidebar.js +0 -68
- package/dist/collection/components/application-sidebar/events.js +0 -14
- package/dist/collection/components/drawer/drawer.js +0 -392
- package/dist/collection/components/input-group/input-group.js +0 -152
- package/dist/collection/components/menu-about-item/menu-about-item.css +0 -12
- package/dist/collection/components/menu-category/enter-leave.js +0 -29
- package/dist/collection/components/utils/menu-tabs/menu-tabs-fc.js +0 -32
- package/dist/collection/components/validation-tooltip/validation-tooltip.css +0 -225
- package/dist/collection/components/validation-tooltip/validation-tooltip.js +0 -251
- package/dist/esm/animation-BLaucX4x.js +0 -98
- package/dist/esm/app-globals-Ciii0tIL.js +0 -6
- package/dist/esm/find-element-CFRrPFxi.js +0 -100
- package/dist/esm/focus-BAKpVknt.js +0 -65
- package/dist/esm/ix-application-sidebar.entry.js +0 -40
- package/dist/esm/ix-drawer.entry.js +0 -164
- package/dist/esm/ix-dropdown-item.entry.js +0 -61
- package/dist/esm/ix-dropdown.entry.js +0 -434
- package/dist/esm/ix-input-group.entry.js +0 -127
- package/dist/esm/ix-menu-settings-BrtDbSQ1.js +0 -123
- package/dist/esm/ix-pill.entry.js +0 -85
- package/dist/esm/ix-tab-item_2.entry.js +0 -492
- package/dist/esm/ix-time-picker.entry.js +0 -687
- package/dist/esm/ix-validation-tooltip.entry.js +0 -154
- package/dist/esm/menu-service-BMvtckRa.js +0 -81
- package/dist/esm/modal-BJAcx3Qd.js +0 -281
- package/dist/esm/service-Da0kv8hS.js +0 -102
- package/dist/esm/setup-eUHKNfBC.js +0 -28
- package/dist/esm/shadow-dom-i60z1FJC.js +0 -43
- package/dist/esm/theme-switcher-CpQ8JvHL.js +0 -172
- package/dist/esm/typed-event-BdCnOrqW.js +0 -44
- package/dist/siemens-ix/p-01283ae6.entry.js +0 -1
- package/dist/siemens-ix/p-048bcd80.entry.js +0 -1
- package/dist/siemens-ix/p-05d31b79.entry.js +0 -1
- package/dist/siemens-ix/p-086cadf8.entry.js +0 -1
- package/dist/siemens-ix/p-18c9b87e.entry.js +0 -1
- package/dist/siemens-ix/p-1b119c78.entry.js +0 -1
- package/dist/siemens-ix/p-1cdd52bc.entry.js +0 -1
- package/dist/siemens-ix/p-23df8fd9.entry.js +0 -1
- package/dist/siemens-ix/p-2441d048.entry.js +0 -1
- package/dist/siemens-ix/p-24947da1.entry.js +0 -1
- package/dist/siemens-ix/p-2b155e81.entry.js +0 -1
- package/dist/siemens-ix/p-2d817735.entry.js +0 -1
- package/dist/siemens-ix/p-3190954f.entry.js +0 -1
- package/dist/siemens-ix/p-359fd705.entry.js +0 -1
- package/dist/siemens-ix/p-3950fb46.entry.js +0 -1
- package/dist/siemens-ix/p-39bab003.entry.js +0 -1
- package/dist/siemens-ix/p-41e6c15a.entry.js +0 -1
- package/dist/siemens-ix/p-44ceb2c5.entry.js +0 -1
- package/dist/siemens-ix/p-46992171.entry.js +0 -1
- package/dist/siemens-ix/p-48f612e5.entry.js +0 -1
- package/dist/siemens-ix/p-49394ea8.entry.js +0 -1
- package/dist/siemens-ix/p-526f3a49.entry.js +0 -1
- package/dist/siemens-ix/p-52edd3f5.entry.js +0 -1
- package/dist/siemens-ix/p-555ee3b3.entry.js +0 -1
- package/dist/siemens-ix/p-57c72eda.entry.js +0 -1
- package/dist/siemens-ix/p-599176fb.entry.js +0 -1
- package/dist/siemens-ix/p-5a69c9e8.entry.js +0 -1
- package/dist/siemens-ix/p-5d1b7333.entry.js +0 -1
- package/dist/siemens-ix/p-5dca1d52.entry.js +0 -1
- package/dist/siemens-ix/p-5f471e1f.entry.js +0 -1
- package/dist/siemens-ix/p-60f84e32.entry.js +0 -1
- package/dist/siemens-ix/p-62156528.entry.js +0 -1
- package/dist/siemens-ix/p-6525aed2.entry.js +0 -1
- package/dist/siemens-ix/p-67eacb9b.entry.js +0 -1
- package/dist/siemens-ix/p-6e6dd3b2.entry.js +0 -1
- package/dist/siemens-ix/p-772b82bc.entry.js +0 -1
- package/dist/siemens-ix/p-77940c84.entry.js +0 -1
- package/dist/siemens-ix/p-7a50b7bc.entry.js +0 -1
- package/dist/siemens-ix/p-7bd3643e.entry.js +0 -1
- package/dist/siemens-ix/p-7c83069f.entry.js +0 -1
- package/dist/siemens-ix/p-7c9f479c.entry.js +0 -1
- package/dist/siemens-ix/p-80d52f41.entry.js +0 -1
- package/dist/siemens-ix/p-83ebc68a.entry.js +0 -1
- package/dist/siemens-ix/p-87ddae31.entry.js +0 -1
- package/dist/siemens-ix/p-8a49d412.entry.js +0 -1
- package/dist/siemens-ix/p-90afea9d.entry.js +0 -1
- package/dist/siemens-ix/p-91b62848.entry.js +0 -1
- package/dist/siemens-ix/p-9432d8bc.entry.js +0 -1
- package/dist/siemens-ix/p-9502ad09.entry.js +0 -1
- package/dist/siemens-ix/p-957439fa.entry.js +0 -1
- package/dist/siemens-ix/p-963a2b1c.entry.js +0 -1
- package/dist/siemens-ix/p-9987b6aa.entry.js +0 -1
- package/dist/siemens-ix/p-9ab70f63.entry.js +0 -1
- package/dist/siemens-ix/p-9b042e1e.entry.js +0 -1
- package/dist/siemens-ix/p-9cc7b831.entry.js +0 -1
- package/dist/siemens-ix/p-9cd5c8fd.entry.js +0 -1
- package/dist/siemens-ix/p-9d26ab4c.entry.js +0 -1
- package/dist/siemens-ix/p-9f22ba26.entry.js +0 -1
- package/dist/siemens-ix/p-BBzEV-f4.js +0 -1
- package/dist/siemens-ix/p-BEPo7U1W.js +0 -2
- package/dist/siemens-ix/p-BH3f5fa3.js +0 -1
- package/dist/siemens-ix/p-BLaucX4x.js +0 -1
- package/dist/siemens-ix/p-BUNsXW03.js +0 -1
- package/dist/siemens-ix/p-BXpulp6I.js +0 -1
- package/dist/siemens-ix/p-BayAOLV_.js +0 -1
- package/dist/siemens-ix/p-BdCnOrqW.js +0 -1
- package/dist/siemens-ix/p-BhgW5qDm.js +0 -1
- package/dist/siemens-ix/p-BncjKdXL.js +0 -1
- package/dist/siemens-ix/p-BtTxCH_z.js +0 -1
- package/dist/siemens-ix/p-BvFOMxgl.js +0 -1
- package/dist/siemens-ix/p-C6fzB3UQ.js +0 -1
- package/dist/siemens-ix/p-CAqtPJ4-.js +0 -1
- package/dist/siemens-ix/p-CFRrPFxi.js +0 -1
- package/dist/siemens-ix/p-CUWFODSd.js +0 -1
- package/dist/siemens-ix/p-CZsAGuDS.js +0 -1
- package/dist/siemens-ix/p-Cv_GwYyx.js +0 -1
- package/dist/siemens-ix/p-D3K9vmFp.js +0 -1
- package/dist/siemens-ix/p-DAzBNVe7.js +0 -1
- package/dist/siemens-ix/p-DKTq7BLY.js +0 -1
- package/dist/siemens-ix/p-EA1w1TTe.js +0 -1
- package/dist/siemens-ix/p-GJWUiWDT.js +0 -1
- package/dist/siemens-ix/p-Tgy1PBFv.js +0 -1
- package/dist/siemens-ix/p-W85AQR46.js +0 -1
- package/dist/siemens-ix/p-a2651024.entry.js +0 -1
- package/dist/siemens-ix/p-a37cd269.entry.js +0 -1
- package/dist/siemens-ix/p-a41f8be4.entry.js +0 -1
- package/dist/siemens-ix/p-a91f7f14.entry.js +0 -1
- package/dist/siemens-ix/p-aa36835f.entry.js +0 -1
- package/dist/siemens-ix/p-ab9cbf10.entry.js +0 -1
- package/dist/siemens-ix/p-ada8618e.entry.js +0 -1
- package/dist/siemens-ix/p-ae55e8e6.entry.js +0 -1
- package/dist/siemens-ix/p-b2bd816c.entry.js +0 -1
- package/dist/siemens-ix/p-b41a3733.entry.js +0 -1
- package/dist/siemens-ix/p-b6ae81a9.entry.js +0 -1
- package/dist/siemens-ix/p-bafa90ed.entry.js +0 -1
- package/dist/siemens-ix/p-bbcef047.entry.js +0 -1
- package/dist/siemens-ix/p-bcj7UEIC.js +0 -1
- package/dist/siemens-ix/p-c187909f.entry.js +0 -1
- package/dist/siemens-ix/p-c94c1d45.entry.js +0 -1
- package/dist/siemens-ix/p-ced4c721.entry.js +0 -1
- package/dist/siemens-ix/p-d3ad73e1.entry.js +0 -1
- package/dist/siemens-ix/p-d3afd82f.entry.js +0 -1
- package/dist/siemens-ix/p-d7086b5a.entry.js +0 -1
- package/dist/siemens-ix/p-d8bc930c.entry.js +0 -1
- package/dist/siemens-ix/p-daadd1ae.entry.js +0 -1
- package/dist/siemens-ix/p-dd3bb443.entry.js +0 -1
- package/dist/siemens-ix/p-df0fc6d4.entry.js +0 -1
- package/dist/siemens-ix/p-e09125fd.entry.js +0 -1
- package/dist/siemens-ix/p-e1978224.entry.js +0 -1
- package/dist/siemens-ix/p-e1c15a19.entry.js +0 -1
- package/dist/siemens-ix/p-e91b7758.entry.js +0 -1
- package/dist/siemens-ix/p-f75eab15.entry.js +0 -1
- package/dist/siemens-ix/p-f7b73fa9.entry.js +0 -1
- package/dist/siemens-ix/p-f8a078e5.entry.js +0 -1
- package/dist/siemens-ix/p-faa0599d.entry.js +0 -1
- package/dist/siemens-ix/p-fb077c75.entry.js +0 -1
- package/dist/siemens-ix/p-fb52d56c.entry.js +0 -1
- package/dist/siemens-ix/p-fb75665a.entry.js +0 -1
- package/dist/siemens-ix/p-fce55dc2.entry.js +0 -1
- package/dist/siemens-ix/p-fe1c3443.entry.js +0 -1
- package/dist/siemens-ix/p-fe5f2f38.entry.js +0 -1
- package/dist/siemens-ix/p-gkooEHol.js +0 -1
- package/dist/siemens-ix/p-i60z1FJC.js +0 -1
- package/dist/types/components/application-sidebar/application-sidebar.d.ts +0 -7
- package/dist/types/components/application-sidebar/events.d.ts +0 -4
- package/dist/types/components/drawer/drawer.d.ts +0 -62
- package/dist/types/components/drawer/test/animejs.mock.d.ts +0 -0
- package/dist/types/components/input-group/input-group.d.ts +0 -25
- package/dist/types/components/menu-category/enter-leave.d.ts +0 -7
- package/dist/types/components/utils/menu-tabs/menu-tabs-fc.d.ts +0 -8
- package/dist/types/components/validation-tooltip/validation-tooltip.d.ts +0 -46
- /package/scss/{_common-variables.scss → misc/_common-variables.scss} +0 -0
- /package/scss/{_normalize.scss → misc/_normalize.scss} +0 -0
- /package/scss/{_z-index.scss → misc/_z-index.scss} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as t,r as e,c as s,g as i,h as o,H as a}from"./p-Ca5WUunf.js";import{h as r}from"./p-Cl7fhG1I.js";import{a as h}from"./p-DhE1t8Qh.js";import{c as n}from"./p-DuTDx0c-.js";import{c}from"./p-CX81WQtk.js";import{r as d}from"./p-BEuV0Xpe.js";import{D as m,h as l}from"./p-Dl_bUxb7.js";import{g as b}from"./p-BIe8Nw9M.js";import{m as f}from"./p-Djkc69iv.js";import{d as p}from"./p-D6Wm2E-0.js";import"./p-CWshStHZ.js";import"./p-DnaItyVQ.js";const u=class extends(t(...m)){constructor(t){super(),e(this,t),this.closeOtherCategories=s(this,"closeOtherCategories",7)}get hostElement(){return i(this)}label;icon;notifications;tooltipText;closeOtherCategories;menuExpand=!1;showItems=!1;showDropdown=!1;nestedItems=[];observer;menuItemsContainer;ixMenu;dropdownRef=f();categoryParentRef=f();isNestedItemActive(){return this.getNestedItems().some((t=>t.active))}getNestedItems(){return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"))}getNestedItemsHeight(){return 40*this.getNestedItems().length}onExpandCategory(t){t?this.animateFadeIn():this.animateFadeOut()}animateFadeOut(){h(this.menuItemsContainer,{duration:150,easing:"easeInSine",opacity:[1,0],maxHeight:[this.getNestedItemsHeight()+40,0],onComplete:()=>{setTimeout((()=>{this.showItems=!1,this.showDropdown=!1}),175)}})}animateFadeIn(){this.showItems=!0,this.showDropdown=!1,h(this.menuItemsContainer,{duration:150,easing:"easeInSine",opacity:[0,1],maxHeight:[0,this.getNestedItemsHeight()+40]})}showMenuItemDropdown(){if(!this.ixMenu?.expand&&(this.closeOtherCategories.emit(),this.dropdownRef.current)){const t=p.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);t&&p.present(t)}}hideMenuItemDropdown(){if(this.dropdownRef.current){const t=p.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);t&&p.dismiss(t)}}handleCategoryVisibility(){this.ixMenu?.expand?this.onExpandCategory(!this.showItems):this.showMenuItemDropdown()}onCategoryClick(t){t.stopPropagation(),this.handleCategoryVisibility()}onKeyDown(t){if("Enter"===t.key||" "===t.key){t.preventDefault();const e=this.ixMenu?.expand&&this.showItems;if(this.handleCategoryVisibility(),!e){const t=this.getNestedItems()[0];t&&d((()=>d((()=>t.focus()))))}}}onMenuItemsKeyDown(t){if("Escape"===t.key)return t.preventDefault(),this.categoryParentRef.current?.focus(),void this.handleCategoryVisibility();if("ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"Tab"!==t.key)return;const e=this.getNestedItems();if(0===e.length)return;const s=t.composedPath(),i=e.findIndex((t=>s.includes(t)));-1!==i&&(t.preventDefault(),"ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey?e[(i+1)%e.length].focus():e[(i-1+e.length)%e.length].focus())}onNestedItemsChanged(t){const e=this.nestedItems.length;if(this.nestedItems=this.getNestedItems(),this.showItems&&this.menuItemsContainer&&e!==this.nestedItems.length&&(this.menuItemsContainer.style.maxHeight=`${this.getNestedItemsHeight()+40}px`),this.menuExpand&&!this.showItems&&t)for(const e of t??[])if("class"===e.attributeName&&e.target instanceof HTMLElement&&e.target.classList.contains("active"))return this.showItems=!0,void this.onExpandCategory(!0)}isCategoryItemListVisible(){return this.menuExpand&&(this.showItems||this.isNestedItemActive())}componentWillLoad(){const t=n(this.hostElement);if(!t)throw Error("ix-menu-category can only be used as a child of ix-menu");this.ixMenu=t,this.menuExpand=this.ixMenu.expand,this.showItems=this.isCategoryItemListVisible()}componentDidLoad(){this.observer=c((t=>this.onNestedItemsChanged(t))),this.observer.observe(this.hostElement,{attributes:!0,attributeFilter:["class"],childList:!0,subtree:!0}),d((()=>{this.onNestedItemsChanged(),this.onShowItemsChange()})),this.ixMenu?.addEventListener("expandChange",(({detail:t})=>{this.menuExpand=t,t||this.clearMenuItemStyles(),this.showItems=this.isCategoryItemListVisible()}))}clearMenuItemStyles(){this.menuItemsContainer?.style.removeProperty("max-height"),this.menuItemsContainer?.style.removeProperty("opacity")}onShowItemsChange(){this.getNestedItems().forEach((t=>{t.hidden=!this.showItems&&!this.showDropdown}))}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return o(a,{key:"e775a045a05963df9bf1cad8af41cde3ba0024fc",class:{expanded:this.showItems},onPointerEnter:()=>{this.showMenuItemDropdown()},onPointerLeave:t=>{"touch"!==t.pointerType&&this.hideMenuItemDropdown()}},o("ix-menu-item",{key:"55481bde3309e80823c3e1efcbd079b4c149607f","aria-haspopup":"true","aria-expanded":this.showItems||this.showDropdown?"true":"false",ref:this.categoryParentRef,class:"category-parent",active:this.isNestedItemActive(),notifications:this.notifications,icon:this.icon,onClick:t=>this.onCategoryClick(t),onKeyDown:t=>this.onKeyDown(t),tooltipText:this.tooltipText,isCategory:!0},o("span",{key:"5d12c486d64aa42633db1250016d8471c9f4d63a",class:"category"},o("span",{key:"3a7b5b3cb0bb27a140ea0d3522aa4b0735aff00b",class:"category-text"},this.label),o("ix-icon",{key:"2fffdfadde0f86b453746cd785a69bcf72523f92",name:r,class:{"category-chevron":!0,"category-chevron--open":this.showItems},"aria-hidden":"true"}))),o("div",{key:"005a89c89004c7cf7a7f6621fbcdcf19f1d98fb6",ref:t=>this.menuItemsContainer=t,class:{"menu-items":!0,"menu-items--expanded":this.showItems,"menu-items--collapsed":!this.showItems},role:"menu",onKeyDown:t=>this.onMenuItemsKeyDown(t)},this.showItems?o("slot",null):null),o("ix-dropdown",{key:"b8fbeea12f40ad51d832be57644672f69a2c61fb",ref:this.dropdownRef,hostRole:"menu","aria-label":this.label,closeBehavior:"both",show:this.showDropdown,onShowChange:({detail:t})=>{if(t)return;const e=document.activeElement,s=b(e).includes(this.hostElement);l()&&s&&d((()=>d((()=>this.hostElement.focus()))))},onShowChanged:({detail:t})=>{this.showDropdown=t},class:"category-dropdown",anchor:this.hostElement,placement:"right-start",offset:{mainAxis:3},focusHost:this.hostElement,onClick:t=>{t.target instanceof HTMLElement&&("IX-MENU-ITEM"===t.target.tagName?this.showDropdown=!1:t.preventDefault())},onFocusout:t=>{const e=t.relatedTarget;e&&e!==this.hostElement&&!this.hostElement.contains(e)&&(this.showDropdown=!1)}},o("ix-dropdown-item",{key:"cec1683aa36e2c5db9abe748e6fcb2f901b61028",class:"category-dropdown-header",tabindex:-1,"aria-hidden":"true"},o("ix-typography",{key:"ea96b374abdc5e8dd79ac993782749bc217bfd0a",format:"label",bold:!0,textColor:"std"},this.label)),o("ix-divider",{key:"aa0cae17e78ddcaa6db6822c3f3e27ca35977e07"}),o("slot",{key:"8fe5b81ea58e6f9ec316c06f002a5ff84552d3ff"})))}static get delegatesFocus(){return!0}static get watchers(){return{showDropdown:[{onShowItemsChange:0}],showItems:[{onShowItemsChange:0}]}}};u.style=":host{display:flex;flex-direction:column;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-text{width:100%;padding-right:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .category-chevron{margin-left:auto;margin-right:0;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0;transition:var(--theme-default-time) max-height ease-in-out}:host .menu-items--expanded{max-height:999999999px;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--collapsed{display:none}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;padding-left:0.125rem;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}";export{u as ix_menu_category}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as t,r as e,g as r,h as a,H as s}from"./p-Ca5WUunf.js";import{L as i}from"./p-Cl7fhG1I.js";import{i as o,a as n}from"./p-XBTykBKS.js";import{D as l,h}from"./p-Dl_bUxb7.js";import{r as d}from"./p-BEuV0Xpe.js";import"./p-DnaItyVQ.js";import"./p-BIe8Nw9M.js";const c=class extends(t(...l)){constructor(t){super(),e(this,t)}get hostElement(){return r(this)}type;hideArrow=!1;observeElements;hasLabel=!1;elements;warnInDev(t,e){}componentWillLoad(){this.observeElements=new MutationObserver((()=>{this.validateRangeElements()})),this.observeElements.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.validateRangeElements()}disconnectedCallback(){this.observeElements?.disconnect()}validateRangeElements(){if(!this.type)throw new Error("Input range type is not specified.");const t=this.hostElement?.children;if(!t)return;if(2!==t?.length)throw new Error("Input range must have exactly two child elements.");let e=!1;if("time-range"===this.type?e=Array.from(t).every((t=>"ix-time-input"===t.tagName.toLowerCase())):"date-range"===this.type?e=Array.from(t).every((t=>"ix-date-input"===t.tagName.toLowerCase())):"datetime-range"===this.type&&(e=Array.from(t).every((t=>"ix-datetime-input"===t.tagName.toLowerCase()))),!e)throw new Error(`Input range elements are not valid for the specified type (type=${this.type}). Current elements: ${Array.from(t).map((t=>t.tagName.toLowerCase())).join(", ")}`);this.elements=Array.from(t),this.hasLabel=this.elements.some((t=>!!t.label)),this.hasLabel&&this.elements.forEach((t=>{t.label?t.classList.remove("fallback-label-margin"):t.classList.add("fallback-label-margin")}))}async onValueChange(t){if(!this.elements)return;const[e,r]=this.elements;if(h())return;if(!t.detail||t.target!==e)return;if(!o(e))return void this.warnInDev("First element is not an input field component.",e);if(!o(r))return void this.warnInDev("Second element is not an input field component.",r);const a=await r.getNativeInputElement();a?.focus(),n(r)?d((()=>r.openPicker())):this.warnInDev("Second element is not an input field with picker component.",r)}render(){return a(s,{key:"9a7a7fe48f24b453a0ec97441a295ecdedce01bc",class:{"hide-arrow":this.hideArrow},role:"group"},!this.hideArrow&&a("ix-icon",{key:"6e70058b9ed46a3d0d8a9d81db96a1449a94eb00","aria-hidden":"true",class:{"range-delimiter":!0,"has-label":this.hasLabel},name:i}),a("slot",{key:"f700e47951e5a58c9232adb5a79fa01f42d369fa"}))}};c.style=":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;position:relative;gap:0.25rem}:host .range-delimiter{order:2;flex:0 0 auto;margin-top:0.25rem}:host .range-delimiter.has-label{margin-top:2rem}:host ::slotted(:first-child),:host ::slotted(:last-child){flex:1 1 0;min-width:0}:host ::slotted(:first-child){order:1}:host ::slotted(:last-child){order:3}:host ::slotted(.fallback-label-margin){margin-top:1.8rem}:host(.hide-arrow){gap:0.5rem}";export{c as ix_range_field}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as o,g as r,h as t,H as e}from"./p-Ca5WUunf.js";import{h as n}from"./p-Cl7fhG1I.js";let c=0;const d=(a="expand-content")=>[a,c++].join("-"),i=class{constructor(r){a(this,r),this.accordionExpand=o(this,"accordionExpand",7)}ariaLabelExpandButton;collapse=!1;variant="outline";get hostElement(){return r(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.getBoundingClientRect().bottom>window.innerHeight&&this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(!1)}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return t(e,{key:"99d74bce00deda78eec3e658c6315074bcc6f838",slot:"card-accordion",class:{[`variant-${this.variant}`]:!0}},t("button",{key:"0388734d427625db6a28c89cd3f854258060924b",tabIndex:0,class:{"expand-action":!0,show:this.expandContent},onClick:a=>this.onExpandActionClick(a),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":d(),"aria-label":this.ariaLabelExpandButton},t("ix-icon",{key:"30cfd29665e01c6f717546b498a093dfd505c18a",name:n,class:{"expand-icon":!0,show:this.expandContent}})),t("div",{key:"55d278b4ff6fff66a0d1daee213c558bc5fa95cc",class:{"expand-content":!0,show:this.expandContent}},t("div",{key:"580b4d462ddab11dabc62222d88b9af585e9ae2e",class:"expand-content-inner"},t("div",{key:"d5b05b3b7fa03a773d8c6c8256e100a723700be4",class:"expand-content-body"},t("slot",{key:"baf8f14174f1a79e626ce3e9dc8cb149f6f0cc59"})),t("div",{key:"1be55e44df3a61bf32942fabcdd738d0738f091a",class:"expand-content-footer"}))))}static get watchers(){return{collapse:[{onInitialExpandChange:0}]}}};i.style=':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}: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:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;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.show{border:var(--theme-push-card-outline-accordion-frame--border-width, 0px) solid 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.show{border:var(--theme-push-card-filled-accordion-frame--border-width, 0px) solid 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.show{border:var(--theme-push-card-alarm-accordion-frame--border-width, 0px) solid 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.show{border:var(--theme-push-card-critical-accordion-frame--border-width, 0px) solid 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.show{border:var(--theme-push-card-warning-accordion-frame--border-width, 0px) solid 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.show{border:var(--theme-push-card-success-accordion-frame--border-width, 0px) solid 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.show{border:var(--theme-push-card-info-accordion-frame--border-width, 0px) solid 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.show{border:var(--theme-push-card-neutral-accordion-frame--border-width, 0px) solid 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.show{border:var(--theme-push-card-primary-accordion-frame--border-width, 0px) solid 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)}';const s=class{constructor(o){a(this,o)}render(){return t(e,{key:"118fc1fabc92827855d151206ee45226d23cd269"},t("slot",{key:"0b2536768b4509e294d98d117c9a28f3cc5b7a12"}),t("div",{key:"5611dca0fe3debc9c0fbe5ae96e4c221187cc12a",class:"title-actions"},t("slot",{key:"ffa0ad8bd01bc19cd39ccaf08b67d2d6a7cb5a1c",name:"title-actions"})))}};s.style=":host{display:flex;position:relative;flex-direction:row;align-items:center;margin-top:0.25rem;margin-bottom:0.25rem;gap:1rem;width:100%}:host .title-actions{display:flex;position:relative;flex-direction:row;gap:0.25rem;margin-left:auto;margin-right:0}";export{i as ix_card_accordion,s as ix_card_title}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,g as i,h as s,H as a}from"./p-Ca5WUunf.js";import{y as o,G as h,H as r,I as n,J as l}from"./p-Cl7fhG1I.js";import{a as d}from"./p-DhE1t8Qh.js";import{A as p}from"./p-DNIQ2C1K.js";import{m as c}from"./p-D_Hmobxf.js";import{a as b}from"./p-CKoABG1h.js";import{a as m}from"./p-B5k8YVR0.js";import{a as g}from"./p-4pTtJwcY.js";import"./p-CWshStHZ.js";const x=class{constructor(i){t(this,i),this.expandedChanged=e(this,"expandedChanged",7),this.variantChanged=e(this,"variantChanged",7),this.borderlessChanged=e(this,"borderlessChanged",7),this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7),this.slotChanged=e(this,"slotChanged",7)}get hostElement(){return i(this)}heading;variant="inline";hideOnCollapse=!1;size="240px";borderless=!1;expanded=!1;composition="top";icon;closeOnClickOutside=!1;ariaLabelIcon;ariaLabelCollapseCloseButton;ignoreLayoutSettings=!1;isMobile=!1;expandedChanged;variantChanged;borderlessChanged;hideOnCollapseChanged;slotChanged;expandIcon="";showContent=!1;minimizeIcon="";floating=!1;parentWidthPx=0;parentHeightPx=0;static validPositions=["top","left","bottom","right"];static collapsedPane="40px";static collapsedPaneMobile="48px";animations=new Map;animationCounter=0;mutationObserver;resizeObserver;disposableWindowClick;get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return"bottom"===this.composition||"top"===this.composition}get isLeftRightPane(){return"left"===this.composition||"right"===this.composition}get isMobileTop(){return"top"===this.composition||"left"===this.composition}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),this.disposableWindowClick?.()}onExpandedChange(){this.closeOnClickOutside&&this.expanded?this.disposableWindowClick=b(window,"click",(t=>{(t.composedPath?.()||[]).includes(this.hostElement)||this.dispatchExpandedChangedEvent()})):this.disposableWindowClick?.()}componentWillLoad(){this.onExpandedChange(),this.floating="floating"===this.variant,this.expanded&&this.onParentSizeChange(),this.isMobile=c("sm"),g.onChange.on((()=>{this.isMobile=c("sm")})),this.currentSlot&&this.setPosition(this.currentSlot),this.setIcons(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type&&"slot"===t.attributeName){const e=this.currentSlot,i=t.oldValue;e!==i&&(this.slotChanged.emit({slot:i??"",newSlot:e??""}),e&&this.setPosition(e))}}))})),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeOldValue:!0});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize,this.parentHeightPx=t[0].borderBoxSize[0].blockSize})),t&&this.resizeObserver.observe(t)}setPosition(t){x.validPositions.includes(t)&&(this.composition=t)}getExpandPaneSize(){let t;if(this.isBottomTopPane)if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentHeightPx/2)}px`:`${Math.round(this.parentHeightPx/3)}px`;else if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentWidthPx/2)}px`:`${Math.round(this.parentWidthPx/3)}px`;return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t,this.minimizeIcon=e}getIconNames(){let t="",e="";switch(this.composition){case"left":t=this.isMobile?h:l,e=this.isMobile?r:n;break;case"right":t=this.isMobile?r:n,e=this.isMobile?h:l;break;case"bottom":t=r,e=h;break;case"top":t=h,e=r}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey(),i=d(this.hostElement,{duration:p.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{this.expanded?this.animateVerticalPadding("8px"):(this.showContent=!1,this.animateVerticalPadding("0px"))},complete:()=>{this.expanded&&(this.showContent=!0),this.animations.delete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey(),i=d(this.hostElement,{duration:p.mediumTime,height:t,easing:"easeInOutSine",delay:0,onBegin:()=>{this.expanded?this.isMobile||this.animateHorizontalPadding("8px"):(this.showContent=!1,this.isMobile||this.animateHorizontalPadding("0px"))},onComplete:()=>{this.expanded&&(this.showContent=!0),this.animations.delete(e)}});this.animations.set(e,i)}removePadding(){d(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=p.mediumTime){let i=this.getKey(),s=d(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=p.mediumTime){let i=this.getKey(),s=d(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause())),this.animations.clear(),this.animationCounter=0}onMobileChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.hostElement.style.removeProperty("min-height"),this.onParentSizeChange()}onPositionChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.onParentSizeChange()}onHideOnCollapseChange(t){this.onParentSizeChange(),this.hideOnCollapseChanged.emit({slot:this.currentSlot??"",hideOnCollapse:t})}onVariantChange(t){this.floating="floating"===t,this.variantChanged.emit({slot:this.currentSlot??"",variant:t})}onBorderlessChange(t){this.borderlessChanged.emit({slot:this.currentSlot??"",borderless:t})}dispatchExpandedChangedEvent(){const t=!this.expanded;this.expandedChanged.emit({slot:this.currentSlot??"",expanded:t}).defaultPrevented||(this.expanded=t)}onParentSizeChange(){if(this.clearAnimations(),this.removePadding(),this.expanded){if(this.isMobile)this.hostElement.style.height="100%";else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=t,this.animateHorizontalPadding("8px",0)):(this.hostElement.style.width=t,this.animateVerticalPadding("8px",0))}this.showContent=!0}else this.showContent=!1,this.isMobile?this.hostElement.style.height=this.hideOnCollapse?"0":x.collapsedPaneMobile:this.isBottomTopPane?this.hostElement.style.height=this.hideOnCollapse?"0":x.collapsedPane:this.hostElement.style.width=this.hideOnCollapse?"0":x.collapsedPane}onSizeChange(){if(this.expanded)if(this.isMobile)this.hostElement.style.minHeight=this.hideOnCollapse?"0":x.collapsedPaneMobile,this.animateHorizontalFadeIn("100%");else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=this.hideOnCollapse?"0":x.collapsedPane,this.animateHorizontalFadeIn(t)):(this.hostElement.style.width=this.hideOnCollapse?"0":x.collapsedPane,this.animateVerticalFadeIn(t))}else this.showContent=!1,this.isMobile?this.hostElement.style.height=x.collapsedPaneMobile:this.isBottomTopPane?this.animateHorizontalFadeIn(x.collapsedPane):this.animateVerticalFadeIn(x.collapsedPane)}render(){const t=!this.expanded&&!this.isMobile&&this.isLeftRightPane;let e;return e=this.ariaLabelCollapseCloseButton?this.ariaLabelCollapseCloseButton:this.expanded?this.isMobile||this.hideOnCollapse?"Close pane":"Collapse pane":"Expand pane",s(a,{key:"7cbc0656b5c4c2ec4057733c7eb652004ebdc383",class:{"floating-pane":this.floating,"inline-pane":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&"right"!==this.composition&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"not-visible":this.hideOnCollapse&&!this.expanded},"aria-expanded":m(this.expanded)},s("aside",{key:"7c1ea7ef3cf622297ea4363908baf81a9db99dda",id:`pane-${this.composition}`,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},s("div",{key:"f6292f3f589efc59514c6998a2ccb7cce694e40e",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},s("ix-icon-button",{key:"8b1a984c693aae6838e0c502fa8002ca64d9ca45",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?o:this.expandIcon:this.minimizeIcon,iconColor:this.expanded&&(this.isMobile||this.hideOnCollapse)?"color-soft-text":void 0,variant:"subtle-tertiary",onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":`pane-${this.composition}`,"aria-label":e}),s("div",{key:"794a1436c031004c6353bbaa0a6c232ac26fe173",class:{"title-text":!0,rotate:t}},this.icon&&s("ix-icon",{key:"ec37b0262e2c6b9111753e91388b82db166f7e4c",class:"pane-icon",size:"24",name:this.icon,"aria-label":this.ariaLabelIcon}),s("div",{key:"525da27f90b187e64800360a2e49ee3547ea23d6",class:"title-text-overflow"},s("ix-typography",{key:"b11a3a538ffb8db6be4dee5f64d18f9d9e0b78a3",format:"h4"},this.heading)),this.expanded&&s("div",{key:"eee6ca859602eb76be791238ca93eda110a61fd9",class:"slot-header"},s("slot",{key:"c494d88c9d5c58a2d69a6c95e520e1864a80a275",name:"header"})))),s("div",{key:"0ce9b176670c9493b900ef86e2d6f1ff0719910b",class:"side-pane-content",hidden:!this.showContent},s("slot",{key:"34491085f2d7ccacba88b177c7db695062e42b29"}))))}static get watchers(){return{expanded:[{onExpandedChange:0},{onSizeChange:0}],isMobile:[{onMobileChange:0}],composition:[{onPositionChange:0}],hideOnCollapse:[{onHideOnCollapseChange:0}],variant:[{onVariantChange:0}],borderless:[{onBorderlessChange:0}],parentHeightPx:[{onParentSizeChange:0}],parentWidthPx:[{onParentSizeChange:0}],size:[{onSizeChange:0}]}}};x.style=":host(.floating-pane){--ix-pane--background:var(--theme-pane-floating--background);--ix-pane--border-color:var(--theme-pane-floating--border-color);--ix-pane--color:var(--theme-pane-floating--color);--ix-pane--box-shadow:var(--theme-pane-floating--box-shadow)}:host(.inline-pane){--ix-pane--background:var(--theme-pane-inline--background);--ix-pane--border-color:var(--theme-pane-inline--border-color);--ix-pane--color:var(--theme-pane-inline--color);--ix-pane--box-shadow:var(--theme-pane-inline--box-shadow)}:host{display:flex;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:var(--ix-pane--box-shadow);background-color:var(--ix-pane--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host aside{width:100%;height:100%}:host .pane-icon{color:var(--ix-pane--color)}:host .slot-header-content{display:inline-block;position:relative;max-height:2rem}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2) var(--theme-space-3) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host .slot-header{max-height:2rem;max-width:unset}:host .slot-header.rotate{max-height:unset;max-width:2rem}:host(.not-visible){display:none}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";export{x as ix_pane}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as r,r as e,c as t,g as o,h as a,H as d}from"./p-Ca5WUunf.js";import{B as n}from"./p-fpBGwEVT.js";import{g as b,a as s}from"./p-B5k8YVR0.js";import{D as i}from"./p-Dl_bUxb7.js";import{I as l}from"./p-yAf8WIcn.js";import"./p-DzWThpzp.js";import"./p-DnaItyVQ.js";import"./p-BIe8Nw9M.js";const c=class extends(r(...i,l)){constructor(r){super(),e(this,r),this.pressedChange=t(this,"pressedChange",7)}variant="subtle-primary";outline=!1;ghost=!1;icon;oval=!1;pressed=!1;size="24";disabled=!1;loading=!1;pressedChange;get hostElement(){return o(this)}dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}getIconSizeClass(){return{"btn-icon-12":"12"===this.size,"btn-icon-16":"16"===this.size,"btn-icon-32":"24"===this.size}}render(){const r={variant:this.variant,iconOnly:!0,iconOval:this.oval,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,iconSize:this.size,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{...this.inheritAriaAttributes,"aria-pressed":s(this.pressed),"aria-label":this.inheritAriaAttributes["aria-label"]??b(this.icon)},extraClasses:{"icon-button":!0,...this.getIconSizeClass()}};return a(d,{key:"0a1dfc74c10dd9f01b64dc48005183716c249bf3",class:{...this.getIconSizeClass(),disabled:this.disabled||this.loading}},a(n,{key:"b74ab2be815eb77c86fc49daa2c0a68448bc036b",...r}))}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}]}}};c.style=":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: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:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}*,*::after,*::before{box-sizing:border-box}::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host .icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}";export{c as ix_icon_toggle_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as t,r as e,g as o,h as r,H as a,c as i,d as n}from"./p-Ca5WUunf.js";import{a as c}from"./p-B5k8YVR0.js";import{D as s,h as l}from"./p-Dl_bUxb7.js";import{m as h}from"./p-Djkc69iv.js";import{y as b,e as d}from"./p-Cl7fhG1I.js";import{C as u}from"./p-CUbYLenp.js";import{B as m}from"./p-jBB3q9qq.js";import{q as g}from"./p-DnaItyVQ.js";import{I as v}from"./p-yAf8WIcn.js";import{r as p}from"./p-BEuV0Xpe.js";import"./p-BIe8Nw9M.js";const f=class extends(t(...s)){constructor(t){super(),e(this,t)}get hostElement(){return o(this)}variant="primary";outline=!1;icon;ariaLabelIcon;background;pillColor;alignLeft=!1;tooltipText=!1;iconOnly=!1;containerElementRef=h();componentWillLoad(){this.checkIfContentAvailable()}checkIfContentAvailable(){this.iconOnly=!(this.hostElement.children.length>0||this.hostElement.textContent)}getTooltip(){if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text"))return null;const t="string"==typeof this.tooltipText&&this.tooltipText.trim()?this.tooltipText:this.hostElement.textContent?.trim();return r("ix-tooltip",{for:this.containerElementRef.waitForCurrent(),"aria-label":t||void 0},t)}render(){let t={};"custom"===this.variant&&(t={color:this.pillColor,[this.outline?"borderColor":"backgroundColor"]:this.background});const e=this.hostElement.hasAttribute("aria-label")||this.hostElement.hasAttribute("aria-labelledby");let o;this.hostElement.hasAttribute("role")?o=this.hostElement.getAttribute("role")??void 0:e&&(o="group");const i=!this.ariaLabelIcon?.trim();return r(a,{key:"7b8f2661c2d2cd4f9d4e71631cfed268167adb5b",style:"custom"===this.variant?{"--ix-icon-button-color":this.pillColor}:{},class:{"align-left":this.alignLeft},role:o},r("div",{key:"319eb41667d05e12400f933aa71387476b2e1892",ref:this.containerElementRef,style:{...t},class:{container:!0,outline:this.outline,inactive:!1,alarm:"alarm"===this.variant,critical:"critical"===this.variant,info:"info"===this.variant,neutral:"neutral"===this.variant,primary:"primary"===this.variant,success:"success"===this.variant,warning:"warning"===this.variant,custom:"custom"===this.variant,closable:!1,icon:!!this.icon,"with-gap":!this.iconOnly}},this.icon&&r("ix-icon",{key:"34124123e8411fd9eb1ae957dd6b7d70c115c041",class:{"with-icon":!0},name:this.icon,size:"16","aria-label":this.ariaLabelIcon,"aria-hidden":c(i)}),r("span",{key:"6b9b25474bfc28109676a60a15d7f13601c5946e",class:"slot-container"},r("slot",{key:"0d05a9372c9d11ed5cb5f28b618ef3c0b91d31c4",onSlotchange:()=>this.checkIfContentAvailable()}))),this.getTooltip())}};f.style=":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;max-width:100%;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;vertical-align:top;height:2rem;max-height:2rem;cursor:default}.container .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.container .with-icon{margin-right:0.25rem}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.centerContent .content-wrapper{justify-content:center;text-align:center}.container.outline{padding-left:calc(0.5rem - 0.0625rem)}.container.outline.icon.alarm .with-icon{color:var(--theme-color-alarm)}.container.outline.icon.critical .with-icon{color:var(--theme-color-critical)}.container.outline.icon.warning .with-icon{color:var(--theme-color-warning-text)}.container.outline.icon.info .with-icon{color:var(--theme-color-info)}.container.outline.icon.neutral .with-icon{color:var(--theme-color-neutral)}.container.outline.icon.success .with-icon{color:var(--theme-color-success)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 0.0625rem)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 0.0625rem)}.container:not(.outline){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive,.container:not(.outline):not(.closable){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-primary-outline--background);border:solid 0.0625rem var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-outline--color);--ix-icon-button-color:var(--theme-chip-outline--color)}.container.primary.outline .with-icon{color:var(--theme-color-primary)}.container.outline{border-width:0.0625rem;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center}:host .container .with-icon{margin-right:0}:host .container.outline{background-color:var(--theme-pill-outline--background)}:host .container.outline.icon{padding-left:0.4375rem;padding-right:0.4375rem}:host .container:not(.outline).icon{padding-left:0.5rem;padding-right:0.5rem}:host .with-gap{gap:0.25rem}:host(.align-left) .container{justify-content:flex-start}";const k=class extends(t(...s,u,m)){constructor(t){super(),e(this,t),this.tabClick=i(this,"tabClick",7),this.tabClose=i(this,"tabClose",7)}get hostElement(){return o(this)}selected=!1;disabled=!1;icon;counter;closable=!1;label;ariaLabelCloseButton="Close tab";placement="bottom";rounded=!1;small=!1;layout="auto";iconOnly=!1;tabClick;tabClose;onTabSelect(t){t.defaultPrevented||(this.disabled?t.preventDefault():this.tabClick.emit({tabKey:this.tabKey,nativeEvent:t}).defaultPrevented&&t.stopPropagation())}render(){let t="normal";const e=this.label||this.hostElement.textContent?.trim();return t=this.rounded?"rounded":!this.icon||void 0!==e&&""!==e?"normal":"icon-only",r(a,{key:"38ee3ed8b3819d38144608d31446ba60f32658b3",id:this.getHostElementId(),role:"tab","aria-selected":c(this.selected),tabIndex:this.selected&&!this.disabled?0:-1,class:{selected:this.selected,disabled:this.disabled,"small-tab":this.small,"icon-only":"icon-only"===t,stretched:"stretched"===this.layout,bottom:"bottom"===this.placement,top:"top"===this.placement,circle:this.rounded},onClick:t=>this.onTabSelect(t),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.onTabSelect(t),this.closable&&"Delete"===t.key&&(t.preventDefault(),this.tabClose.emit({tabKey:this.tabKey,nativeEvent:t}))}},"rounded"===t&&r("div",{key:"d5273f2315118f712fc4c25d3d286dca1166fb73",class:{circle:!0}},this.icon&&r("ix-icon",{key:"52cfcee729debba7d264af7ff4d4ea030575925e",name:this.icon,size:"24"}),r("slot",{key:"b5e14c4b4cb69b1bbb4caa5c15c4355db8caf510"})),this.icon&&"rounded"!==t&&r("ix-icon",{key:"827b6cd5390799f361f726a455d94c58f9a542c1",name:this.icon,size:"16",class:"tab-icon"}),"normal"===t&&r("div",{key:"9be6aeb959a037a951cd7b108eb3d217e1504dc1",class:{text:!!this.label,selected:this.selected,disabled:this.disabled}},this.label,r("slot",{key:"62f22936b12a97234c2ec3d5210e7d3f2435fa11"})),"rounded"===t&&void 0!==this.counter&&r("div",{key:"023ac330510e532464624dd78ea8bf3fd06922f0",class:{counter:!0,selected:this.selected,disabled:this.disabled}},this.counter),this.counter&&"rounded"!==t&&r("ix-pill",{key:"98ce5d4ee78b06cd252ab0550b3be543d17df4d7",variant:"primary",outline:!0,class:"tab-counter"},this.counter),this.closable&&"rounded"!==t&&r("ix-icon-button",{key:"c00ea1fc9869cbd4d503b1060b8161812e69c1df","aria-label":this.ariaLabelCloseButton,class:"close-tab",size:"12",variant:"subtle-tertiary",icon:b,onClick:t=>{t.stopPropagation(),t.preventDefault(),this.tabClose.emit({tabKey:this.tabKey,nativeEvent:t})}}))}};k.style=':host{position:relative;display:flex;align-items:center;justify-content:center;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color);touch-action:none;height:2.5rem;min-height:2.5rem;max-height:2.5rem;padding:0.0625rem 1.5rem;gap:0.5rem}: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 .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .text span,:host .text span::before{pointer-events:none}:host .text{vertical-align:middle}:host slot{white-space:nowrap}:host .circle{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;background-color:var(--theme-animated-tab-circle--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-animated-tab-icon--color);cursor:pointer}:host .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-color-1);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:14px;color:var(--theme-pill-outline--color);cursor:pointer}:host .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}:host .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled);cursor:default}:host .hidden{display:none}:host(:not(.disabled)){cursor:pointer}:host(.circle){height:4.5rem;min-height:4.5rem;max-height:4.5rem}:host(.stretched){flex-basis:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.selected:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected:not(.disabled))::after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--theme-tab-indicator--background--selected)}:host(.selected:not(.disabled)) .circle{background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}:host(.selected:not(.disabled)) .circle:hover{background-color:var(--theme-animated-tab-circle--background--selected)}:host(.selected.bottom:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected.bottom:not(.disabled))::after{bottom:0px}:host(.selected.top:not(.disabled))::after{top:0px}:host(:hover:not(.circle):not(.disabled)){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover)}:host(:active:not(.circle):not(.disabled)){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}:host(.disabled){cursor:default;color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled);pointer-events:none}:host(.disabled)::after{background-color:var(--theme-tab-indicator--background--disabled)}:host(.disabled) .circle{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled);cursor:default}:host(.icon-only){display:flex;justify-content:center;align-items:center;padding:1.5rem 0.5rem}:host(.small-tab){height:2rem;min-height:2rem;max-height:2rem;padding:1rem}:host(.small-tab.icon){padding:1rem 0.25rem}:host(:not(.circle):focus-visible){outline-offset:-0.0625rem;outline:0.0625rem solid var(--theme-color-focus-bdr)}:host(.circle:focus-visible){outline:none}:host(.circle:focus-visible) .circle{outline-offset:0.125rem;outline:0.0625rem solid var(--theme-color-focus-bdr)}';const w=class{constructor(t){e(this,t)}get hostElement(){return o(this)}get tabPanels(){return Array.from(g(this.hostElement,"ix-tab-panel"))}get tabList(){return this.hostElement?.querySelector("ix-tabs")}get tabListItems(){return this.tabList?Array.from(this.tabList.querySelectorAll("ix-tab-item")):[]}panelsObserver;componentWillLoad(){this.panelsObserver=new MutationObserver((()=>this.onPanelComponentsChange())),this.panelsObserver.observe(this.hostElement,{childList:!0,subtree:!0}),this.onPanelComponentsChange()}componentDidLoad(){this.onPanelComponentsChange()}disconnectedCallback(){this.panelsObserver?.disconnect()}onPanelComponentsChange(){const t=this.tabList,e=this.tabListItems,o=this.tabPanels;if(!t||!e||!o)return;const r=t.activeTabKey;if(!r)return;const a=e.find((t=>t.tabKey===r)),i=o.find((t=>t.tabKey===r));if(!a||!i)return;const n=a.getAttribute("id");i.setAttribute("aria-labelledby",n??"");const c=i.getAttribute("id");a.setAttribute("aria-controls",c??""),this.checkPanelsVisibility()}checkPanelsVisibility(){const t=this.tabList?.querySelectorAll("ix-tab-item"),e=this.tabPanels;t&&e&&e.forEach((t=>{t.hidden=t.tabKey!==this.tabList?.activeTabKey}))}render(){return r(a,{key:"139dd7a9fbd2a12a67de5db64d0731a86ba1c355",onTabChange:()=>this.checkPanelsVisibility()},r("slot",{key:"8feff5e84cf1f1576df78077a022d2832a51b602"}))}};w.style=":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}";const x=class extends(t(...s,v)){constructor(t){super(),e(this,t),this.tabChange=i(this,"tabChange",7),this.tabClose=i(this,"tabClose",7)}get hostElement(){return o(this)}small=!1;rounded=!1;layout="auto";placement="bottom";ariaLabelMoreTabs="Show all tabs";activeTabKey;keyboardNavigation="automatic";tabChange;tabClose;isTabsOverflow=!1;overflowMenuItems=[];resizeObserver;itemsObserver;tabsContainerRef=h();tabsRef=h();get tabs(){return Array.from(this.hostElement.querySelectorAll("ix-tab-item"))}componentDidLoad(){this.itemsObserver=new MutationObserver((()=>{this.onComponentChildrenChange(),p((()=>this.onComponentResize()))})),this.itemsObserver.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.resizeObserver=new ResizeObserver((()=>this.onComponentResize())),this.resizeObserver.observe(this.hostElement),this.onComponentResize()}componentWillLoad(){this.onComponentChildrenChange(),this.activeTabKey&&this.setTabActive(this.activeTabKey)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.itemsObserver&&this.itemsObserver.disconnect()}onActiveTabChange(t,e){const o=this.tabs.find((t=>t.selected));o?.tabKey!==t&&this.emitTabChangeEvent(t,e)}setTabActive(t){const e=this.tabs;if(void 0===t)return e.forEach((t=>t.selected=!1)),this.onComponentChildrenChange(),void(this.activeTabKey=void 0);const o=e.find((e=>e.tabKey===t));return o&&!o.disabled?(e.forEach((t=>t.selected=!1)),o.selected=!0,this.onComponentChildrenChange(),this.activeTabKey=o.tabKey,o.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),this.activeTabKey):void 0}onComponentChildrenChange(){const t=this.tabs;t.forEach((e=>{const o={layout:this.layout,small:this.small,rounded:this.rounded,placement:this.placement,iconOnly:t.every((t=>!t.label&&!!t.icon))};Object.assign(e,o)})),this.overflowMenuItems=Array.from(t).map((t=>({tabKey:t.tabKey,label:t.label||t.textContent||"",icon:t.icon,disabled:t.disabled}))),!t.some((t=>t.selected))&&t.length>0&&l()&&(t[0].focus(),this.emitTabChangeEvent(t[0].tabKey))}onComponentResize(){const t=this.tabsRef.current;t&&n((()=>{this.isTabsOverflow=t.scrollWidth>t.clientWidth}))}onTabClick(t){t.defaultPrevented||void 0!==t.detail.tabKey&&this.emitTabChangeEvent(t.detail.tabKey)}emitTabChangeEvent(t,e=this.activeTabKey){!function(t,e,o){const r=t(),{defaultPrevented:a}=e.emit(r.new);a&&o(r.old)}((()=>({new:this.setTabActive(t),old:e})),this.tabChange,(t=>this.setTabActive(t)))}onTabsNavigate(t){if(t.target instanceof HTMLElement&&"tablist"===t.target.getAttribute("role"))return;const e=this.tabs.filter((t=>!t.disabled));let o=e.findIndex((t=>t.selected));"manual"===this.keyboardNavigation&&(o=e.findIndex((t=>t===document.activeElement)));const r=t=>{t.focus(),"automatic"===this.keyboardNavigation&&this.emitTabChangeEvent(t.tabKey)};if("ArrowRight"===t.key||"ArrowLeft"===t.key){if(t.preventDefault(),-1===o)return;r(e[(o+("ArrowRight"===t.key?1:-1)+e.length)%e.length])}"Home"===t.key&&(t.preventDefault(),r(e[0])),"End"===t.key&&(t.preventDefault(),r(e[e.length-1]))}render(){return r(a,{key:"693c87dc0f9b96e5a18ddb2d84ddc71c94ef29b0",onTabClick:t=>this.onTabClick(t),class:{small:this.small}},r("div",{key:"b76d32b5429e62d1d11808901e828c3630685f83",ref:this.tabsContainerRef,class:{"tabs-container":!0,top:"top"===this.placement,bottom:"bottom"===this.placement}},r("div",{key:"cf4ab3c93c03ca431b2b46a24bf767f723691f44",class:{"overflow-shadow-container":!0,"overflow-shadow":this.isTabsOverflow}},r("div",{key:"9d185cf8802e1b24f14b591ac99087f9a4acdec9",role:"tablist",...this.inheritAriaAttributes,ref:this.tabsRef,class:{tabs:!0,"tabs-stretched":"stretched"===this.layout},tabIndex:this.isTabsOverflow?0:-1,onKeyDown:t=>this.onTabsNavigate(t)},r("slot",{key:"8a697543efbf5c125296d5619e820ea2d1fe26b8"}))),this.isTabsOverflow&&"stretched"!==this.layout&&r("ix-dropdown-button",{key:"7403b1b2d55cecc918a4ab32a7e5b680a12226bd",ariaLabel:this.ariaLabelMoreTabs,icon:d,class:{"tabs-context-menu":!0},variant:"subtle-tertiary"},this.overflowMenuItems.map((t=>r("ix-dropdown-item",{key:t.tabKey,checked:t.tabKey===this.activeTabKey,icon:t.icon,label:t.label,disabled:t.disabled,onClick:()=>this.activeTabKey=t.tabKey}))))))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],activeTabKey:[{onActiveTabChange:0}]}}};x.style=':host{width:auto;display:flex;align-items:center;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tabs-container{display:flex;flex-direction:row;position:relative;width:100%;justify-content:space-between;align-items:center}:host .tabs-container.top::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.top::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.top::before,:host .tabs-container.top::after{top:0;bottom:auto}:host .tabs-container.bottom::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.bottom::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.bottom::before,:host .tabs-container.bottom::after{top:auto;bottom:0}:host .tabs{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;scroll-behavior:smooth;width:100%;touch-action:pan-y;padding-right:2.75rem;scrollbar-width:none}:host .tabs::-webkit-scrollbar{display:none}:host .tabs.tabs-stretched{padding-right:0px}:host .tabs:focus-visible{outline-offset:-1px;outline:1px solid var(--theme-color-focus-bdr)}:host .tabs-context-menu{margin-right:0.5rem}:host .overflow-shadow-container{display:block;position:relative;height:100%;width:100%;pointer-events:all;overflow:auto}:host .overflow-shadow{-webkit-mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%);mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%)}';export{f as ix_pill,k as ix_tab_item,w as ix_tab_set,x as ix_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,g as e,h as t,H as o}from"./p-Ca5WUunf.js";import{u as i,A as r}from"./p-DuTDx0c-.js";import{a as s}from"./p-4pTtJwcY.js";import{m as n}from"./p-CgOv_MV_.js";import{h as c}from"./p-BIe8Nw9M.js";import{t as l}from"./p-Dx6rQdpk.js";import"./p-CWshStHZ.js";import"./p-D_Hmobxf.js";const h=class{constructor(e){a(this,e)}get hostElement(){return e(this)}theme;colorSchema="system";forceBreakpoint;forceLayoutChange(a){a?(s.disableBreakpointDetection(),s.setBreakpoint(a)):s.enableBreakpointDetection()}breakpoints=["sm","md","lg"];onBreakpointsChange(a){s.setBreakpoints(a)}appSwitchConfig;breakpoint="lg";applicationSidebarSlotted=!1;contextProvider;get menu(){return this.hostElement.querySelector("ix-menu")}get applicationSidebarSlot(){return this.hostElement.shadowRoot.querySelector(".application-sidebar slot")}modeDisposable;onContentClick(){n.isPinned||this.menu?.toggleMenu(!1)}componentWillLoad(){s.setBreakpoints(this.breakpoints),this.contextProvider=i(this.hostElement,r,{hideHeader:!1,sidebar:this.applicationSidebarSlotted,appSwitchConfig:this.appSwitchConfig}),this.modeDisposable=s.onChange.on((a=>{this.breakpoint=a})),this.breakpoint=s.breakpoint,this.forceBreakpoint&&this.forceLayoutChange(this.forceBreakpoint)}disconnectedCallback(){this.modeDisposable?.dispose()}changeTheme(){this.theme&&l.setTheme(this.theme)}changeColorSchema(){this.colorSchema&&l.setColorSchema(this.colorSchema)}onApplicationSidebarChange(){this.contextProvider?this.contextProvider.emit({hideHeader:!1,sidebar:this.applicationSidebarSlotted,appSwitchConfig:this.appSwitchConfig}):console.error("Context provider not available")}render(){return t(o,{key:"9621e446a9532a740dcdef516a51d326c59587a7","data-role":"",class:{[`breakpoint-${this.breakpoint}`]:!0}},t("slot",{key:"0061a139b7fa722e97da65fbcaf2853bdd185466",name:"application-header"}),t("div",{key:"b2da184f99ab27ce576be02221497bb24462bb69",class:"application"},t("slot",{key:"8e5895c10cb495320f251c9c44949700629be9ee",name:"menu"}),t("aside",{key:"60a6cd879294682b56061f4b0fd9bb2342fce229",class:{"application-sidebar":!0,slotted:this.applicationSidebarSlotted},onClick:()=>this.onContentClick()},t("slot",{key:"19416cec696ff2b7ae2818ebe375b98892df3116",name:"application-sidebar",onSlotchange:()=>this.applicationSidebarSlotted=c(this.applicationSidebarSlot)})),t("div",{key:"d6bd6479222c1b19c6e45f68e6993c534ce5afd2",class:"content-area"},t("main",{key:"ac7117c1a192eadf913e8ab474019dcdd5c81025",class:"content",onClick:()=>this.onContentClick()},t("slot",{key:"bac13c155b023321b111f3ea89603840c6b73fe0"})),t("footer",{key:"5acded667f8360c952516a0a55ca5b0936834add",class:"footer"},t("slot",{key:"34be70c1aa056e735aa52c17d4a8c469a68611ed",name:"bottom"})))))}static get watchers(){return{breakpoints:[{onBreakpointsChange:0}],theme:[{changeTheme:0}],colorSchema:[{changeColorSchema:0}],appSwitchConfig:[{onApplicationSidebarChange:0}],applicationSidebarSlotted:[{onApplicationSidebarChange:0}]}}};h.style=":host{display:flex;position:relative;width:100vw;height:100vh;flex-direction:column}: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 ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .application{display:flex;position:relative;flex-direction:row;height:100%;width:100%;overflow:hidden}:host .content-area{display:flex;position:relative;flex-direction:column;flex-wrap:nowrap;height:calc(100% - var(--ix-safe-area-inset-bottom, 0px));width:100%;margin-left:var(--ix-application-menu-margin-left);min-width:0}:host main{display:block;position:relative;flex-grow:1;width:100%;padding-bottom:var(--ix-safe-area-inset-bottom);overflow:auto}:host footer{display:block;position:relative;width:100%}:host(.breakpoint-md){--ix-application-menu-margin-left:calc( 3.25rem + var(--ix-application-menu-safe-area-left, 0rem) )}:host(.breakpoint-md) aside.slotted{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-md) aside.slotted+.content-area{margin-left:0}:host(.breakpoint-md) aside:not(.slotted)+.content-area{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-lg){--ix-application-menu-margin-left:0}:host(.breakpoint-sm){--ix-application-menu-margin-left:var( --ix-application-menu-safe-area-left, 0rem )}";export{h as ix_application}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,g as e,h as i,H as s}from"./p-Ca5WUunf.js";import{H as o}from"./p-DnCbHs-d.js";import{c as r,a as n}from"./p-D148LCh1.js";import"./p-Cl7fhG1I.js";import"./p-B5k8YVR0.js";import"./p-XBTykBKS.js";const a=class{constructor(e){t(this,e)}get hostElement(){return e(this)}htmlFor;helperText;invalidText;validText;infoText;warningText;validationResults={isInfo:!1,isInvalid:!1,isValid:!1,isWarning:!1,isInvalidByRequired:!1};observer=new MutationObserver((()=>this.checkForRequired()));classObserver;connectedCallback(){this.observer.observe(window.document,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}componentWillRender(){this.checkForRequired()}async checkForRequired(){if(!this.htmlFor)return;const t=document.getElementById(this.htmlFor);t&&(this.classObserver&&this.classObserver.destroy(),this.classObserver=r(t,(()=>{this.validationResults=n(t)})),this.validationResults=n(t))}render(){return i(s,{key:"e86aee742388bd82aab6cbf8e9847cc720636a4b"},i(o,{key:"310510c551f0595d975a0b4690a26a4d4ee53fff",helperText:this.helperText,invalidText:this.invalidText,validText:this.validText,infoText:this.infoText,warningText:this.warningText,...this.validationResults}))}};a.style=":host{display:block}: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)}";export{a as ix_helper_text}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,g as t,h as i,H as s,M as o}from"./p-Ca5WUunf.js";import{b as r}from"./p-B5k8YVR0.js";import{i as a}from"./p-XBTykBKS.js";import{m as l}from"./p-Djkc69iv.js";import{b as n}from"./p-BIe8Nw9M.js";import{c as h}from"./p-D148LCh1.js";import{r as d,h as c,H as f}from"./p-DnCbHs-d.js";import{D as p}from"./p-Dl_bUxb7.js";import{C as m}from"./p-CUbYLenp.js";import"./p-Cl7fhG1I.js";import"./p-DnaItyVQ.js";const b=class{constructor(t){e(this,t)}get hostElement(){return t(this)}required;htmlFor;controlRef;isInvalid=!1;textOverflow="wrap";explicitIsInvalid=void 0;isInvalidChanged(e){this.explicitIsInvalid=e}htmlForObserver=new MutationObserver((()=>this.checkForInternalState()));htmlForClassObserver;controlRefClassObserver;a11yAttributes={};labelRef=l();connectedCallback(){this.registerHtmlForObserver(),this.registerControlRefObserver()}disconnectedCallback(){this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.controlRefClassObserver&&this.controlRefClassObserver.destroy()}componentWillRender(){this.checkForInternalState(),n(this.hostElement,"ix-range-field")&&(this.textOverflow="no-wrap")}componentWillLoad(){this.a11yAttributes=r(this.hostElement)}registerHtmlForObserver(){"undefined"!=typeof window&&(this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlFor&&this.htmlForObserver.observe(window.document,{childList:!0,subtree:!0}))}async registerControlRefObserver(){if("undefined"!=typeof window&&(this.controlRefClassObserver&&this.controlRefClassObserver.destroy(),this.controlRef&&!this.htmlFor)){const e=await this.controlRef.waitForCurrent();this.controlRefClassObserver=h(e,(()=>this.checkForInvalidState(e)))}}registerHtmlForClassObserver(e){this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.htmlForClassObserver=h(e,(()=>this.checkForInvalidState(e)))}checkForInvalidState(e){const t=e.classList.contains("is-invalid")||e.classList.contains("ix-invalid");this.isInvalid=this.explicitIsInvalid??t}async checkForInternalState(){if(this.htmlFor){const e=document.getElementById(this.htmlFor);if(e)return"boolean"==typeof e.required&&(this.required=e.required),this.registerHtmlForClassObserver(e),void this.checkForInvalidState(e)}if(this.controlRef){const e=await this.controlRef.waitForCurrent();this.required=e.required}}async focusOnClick(){if(this.htmlFor){const e=document.getElementById(this.htmlFor);if(e){let t=null;t=a(e)?await e.getNativeInputElement():e,"function"==typeof t.focus&&t.focus()}}this.controlRef&&(await this.controlRef.waitForCurrent()).focus()}render(){return i(s,{key:"ad08b7a792dd213a1aca7987b8ab1257a4440c2e",onClick:()=>this.focusOnClick(),class:{"text-overflow-wrap":"wrap"===this.textOverflow,"text-overflow-no-wrap":"no-wrap"===this.textOverflow}},i("label",{key:"e26ab143b023ec5ab6e06391ee3fedd51bf71270",htmlFor:this.htmlFor,...this.a11yAttributes,ref:this.labelRef},i("ix-typography",{key:"d3b6dba658be6505526efb3041b96799808531e5",textColor:this.isInvalid?"alarm":"soft",format:"label"},i("slot",{key:"4afe1e2663314280cec3de64436ebf94e9921524"}),this.required&&i("span",{key:"28e1138de051afea91cf40226d5c3d315e331f8b"},"*"))))}static get watchers(){return{isInvalid:[{isInvalidChanged:0}],htmlFor:[{registerHtmlForObserver:0}],controlRef:[{registerControlRefObserver:0}]}}};b.style=":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}:host(.text-overflow-no-wrap){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.text-overflow-no-wrap) ix-typography{text-overflow:ellipsis;overflow:hidden}";const v=class extends(o(...p,m)){constructor(t){super(),e(this,t)}get hostElement(){return t(this)}helperText;label;invalidText;validText;infoText;warningText;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;showTextAsTooltip=!1;required=!1;controlRef;slotRef=l();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=d({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:"a4f662cd63da96de568d5e07e0f6a45c94bcd584",...t},this.label&&i("div",{key:"1346c736edc70179f2059775f374291769a421f7",class:"field-top"},i("ix-field-label",{key:"618c08136bad64dad9db510093823d733515a73a",required:this.required,controlRef:this.controlRef,isInvalid:this.isInvalid,ariaHidden:!0},this.label)),i("div",{key:"2828a6fb240b15aea2cc70bf7ddef77db0075fcb",class:{"slot-wrapper":!0},ref:this.slotRef},i("slot",{key:"d778378932be23d0a791b3669960fa649a4ec5c1"})),i("div",{key:"ed43976cd734aa9875e2c93e91d2eefd26335c37",class:"field-bottom"},!this.showTextAsTooltip&&i(f,{key:"16431fc816256f1725b79724cd8f6074859238a8",...e}),i("div",{key:"add4cb3093d060e453ceedf72a77cdbe7d7384fa",class:"bottom-right"},i("slot",{key:"db90b01c037ea3821cfa651e2e1b37c2d5be5056",name:"bottom-right"}))),!0===this.showTextAsTooltip&&c(e)&&i("ix-tooltip",{key:"5e26bbe7f3a8915b7066701158a5db6eb83466f6",for:this.slotRef.waitForCurrent(),showDelay:500,placement:"bottom"},i(f,{key:"8ba126d47085141f329a2c691c44bfb5a61f099a",...e})))}static get watchers(){return{label:[{syncAriaLabel:0}]}}};v.style=":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}";export{b as ix_field_label,v as ix_field_wrapper}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as o,g as t,h as r,H as s,M as i}from"./p-Ca5WUunf.js";import{n as a}from"./p-Cl7fhG1I.js";import{b as l}from"./p-B5k8YVR0.js";import{I as c,a as n}from"./p-DnaItyVQ.js";import{D as h}from"./p-Dl_bUxb7.js";import{F as d}from"./p-BgL7Z4IG.js";import{C as b}from"./p-CUbYLenp.js";import{m}from"./p-Djkc69iv.js";import"./p-BIe8Nw9M.js";const u=class{constructor(t){e(this,t),this.closeClick=o(this,"closeClick",7)}get hostElement(){return t(this)}disabled=!1;readonly=!1;ariaLabelCloseIconButton;closeClick;onCloseClick(e){e.preventDefault(),e.stopPropagation(),this.closeClick.emit()}render(){return r(s,{key:"9841430ba413f80306e58e57a00171a5c25dcb30",class:{disabled:this.disabled,readonly:this.readonly},title:this.hostElement.textContent},r("div",{key:"35110f7c7d5e10b2f0369b0662b7c09f476f2808",class:"slot-container"},r("slot",{key:"6ab57ea45ff84f87f4cc569c455fb896336c8392"})),this.disabled||this.readonly?null:r("ix-icon-button",{variant:"tertiary",oval:!0,icon:a,size:"16",disabled:this.disabled,onClick:e=>{this.onCloseClick(e)},onKeyDown:e=>{switch(e.key){case"Enter":case" ":this.onCloseClick(e);break;case"Tab":break;default:e.preventDefault(),e.stopPropagation()}},"aria-label":this.ariaLabelCloseIconButton}))}};u.style=":host{display:inline-flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}: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 .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem}:host .slot-container :host-context(.disabled){background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}:host ix-icon-button{height:1.5rem;margin-left:0.25rem}:host ix-icon-button:not(.disabled):not(:disabled):focus-visible{outline:none}:host(.disabled){border:var(--theme-focus--border-thickness) solid var(--theme-color-component-4);color:var(--theme-color-weak-text);padding-right:0.5rem;cursor:default}:host(.readonly){padding-right:0.5rem}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}";class p extends CustomEvent{constructor(e){super("ix-select-item:labelChange",{bubbles:!0,detail:e})}}class k extends CustomEvent{constructor(e){super("ix-select-item:valueChange",{bubbles:!0,detail:e})}}const v=class extends(i(...h,d,b)){constructor(t){super(),e(this,t),this.itemClick=o(this,"itemClick",7)}get hostElement(){return t(this)}label;value;selected=!1;hover=!1;itemClick;componentLoaded=!1;dropdownItemRef=m();inheritAriaAttributes={};componentDidLoad(){this.inheritAriaAttributes=l(this.hostElement)}async getDropdownItemElement(){return this.dropdownItemRef.waitForCurrent()}componentDidRender(){null==this.value&&console.warn("ix-select-item must have a `value` property"),this.componentLoaded=!0}onValueChange(e,o){this.componentLoaded&&this.hostElement.dispatchEvent(new k({newValue:e,oldValue:o}))}labelChange(e,o){this.componentLoaded&&this.hostElement.dispatchEvent(new p({newValue:e,oldValue:o}))}render(){const e={...this.inheritAriaAttributes,"aria-label":this.inheritAriaAttributes["aria-label"]??this.label};return r(s,{key:"41ab96fb19faa443d399c320bb1fd0ddfd436afb",...e,id:this.getHostElementId(),disableAriaSelectHandling:!0,class:{[n]:!0},"aria-hidden":"true",role:"presentation"},r("ix-dropdown-item",{key:"b346f53bce7b1294fb31f723b5446f4bcf133d88","aria-hidden":"true",itemRole:"option",class:{"select-item-checked":this.selected,[c]:this.ixFocusVisible},checked:this.selected,label:this.label?this.label:this.value,ref:this.dropdownItemRef}))}static get watchers(){return{ixFocusVisible:[{$internal_checkAriaSelected:0}],value:[{onValueChange:0}],label:[{labelChange:0}]}}};v.style=":host{display:block;position:relative}:host>ix-dropdown-item{width:100%}:host ix-dropdown-item{color:var(--theme-color-std-text)}:host .select-item-checked{background-color:var(--theme-select-list-item--background--selected);--ix-dropdown-item-checked-color:var(--theme-color-std-text)}:host(.display-none){display:none}";export{u as ix_filter_chip,v as ix_select_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as s}from"./p-Ca5WUunf.js";const i=[{name:"sm",query:"only screen and (max-width: 576px)"},{name:"md",query:"only screen and (max-width: 768px)"},{name:"lg",query:"only screen and (max-width: 992px)"}],n=class{constructor(t){e(this,t)}templates;currentTemplate;disposeMediaQueryListener=[];mediaQueries=[];componentWillRender(){this.mediaQueries=i.map((e=>{const t=window.matchMedia(e.query),s=()=>{this.applyTemplate()};return this.disposeMediaQueryListener.push(s),t.addEventListener("change",s),{...e,mediaQuery:t}})),this.applyTemplate()}disconnectedCallback(){this.mediaQueries.forEach(((e,t)=>{e.mediaQuery.removeEventListener("change",this.disposeMediaQueryListener[t])}))}findNextTemplate(e){if(!this.templates)return[];const t=this.mediaQueries.findIndex((t=>t.name===e));return this.templates[this.mediaQueries[t+1].name]||this.findNextTemplate(this.mediaQueries[t+1].name)}applyTemplate(){if(!this.templates)return;let e=this.mediaQueries.find((e=>e.mediaQuery.matches));e||(e=this.mediaQueries[this.mediaQueries.length-1]);this.currentTemplate=this.templates[e.name]||this.findNextTemplate(e.name)}render(){const e={};return this.currentTemplate&&0!==this.currentTemplate.length&&(e["grid-template-areas"]=function(e){let t="";return e.forEach((e=>{t+='"',t=e.reduce(((e,t)=>`${e} ${t}`),t),t+='"\n'})),t}(this.currentTemplate)),t(s,{key:"90eb8b6d89365b75ca151c8f8aa06e8c0ca8d8e9",style:e},t("slot",{key:"bbaf70a779b756872793a86ae24e247909ef0b96"}))}};n.style=":host{display:grid;position:relative;row-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}";export{n as ix_css_grid}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as o,H as
|
|
1
|
+
import{r,h as o,H as a}from"./p-Ca5WUunf.js";const t=class{constructor(o){r(this,o)}render(){return o(a,{key:"bab5a43ac92a13caca46d241091c27c773990aba"},o("slot",{key:"fefe386636d486a7e1d4b35a23eafe0d04b7270c"}))}};t.style=":host{display:flex;padding:0.5rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}: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}";export{t as ix_modal_footer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as e,r,c as t,g as o,h,H as i}from"./p-Ca5WUunf.js";import{a}from"./p-B5k8YVR0.js";import{D as c}from"./p-Dl_bUxb7.js";import{I as d}from"./p-yAf8WIcn.js";import{H as m}from"./p-D148LCh1.js";import"./p-DnaItyVQ.js";import"./p-BIe8Nw9M.js";import"./p-XBTykBKS.js";const b=class extends(e(...c,d)){constructor(e){super(),r(this,e),this.checkedChange=t(this,"checkedChange",7),this.valueChange=t(this,"valueChange",7),this.ixBlur=t(this,"ixBlur",7),e.$hostElement$["s-ei"]?this.formInternals=e.$hostElement$["s-ei"]:(this.formInternals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.formInternals)}formInternals;get hostElement(){return o(this)}name;value="on";checked=!1;disabled=!1;indeterminate=!1;textOn="On";textOff="Off";textIndeterminate="Mixed";hideText=!1;required=!1;checkedChange;valueChange;ixBlur;touched=!1;onCheckedChange(e){if(this.disabled)return;const r=this.indeterminate,t=this.checked;this.indeterminate&&(this.indeterminate=!1),this.checked=e;const{defaultPrevented:o}=this.checkedChange.emit(this.checked);o&&(this.indeterminate=r,this.checked=t)}componentWillLoad(){super.componentWillLoad(),this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value:null)}watchCheckedChange(){this.touched=!0,this.updateFormInternalValue()}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}resolveAriaLabel(){if(!this.inheritAriaAttributes["aria-labelledby"])return this.inheritAriaAttributes["aria-label"]}render(){let e=this.textOff;this.checked&&(e=this.textOn),this.indeterminate&&(e=this.textIndeterminate);const r=this.resolveAriaLabel(),t=this.indeterminate?"mixed":a(this.checked);return h(i,{key:"f04221cc34cc579df99e90487157323b582ffa88",...this.inheritAriaAttributes,role:"switch",tabindex:this.disabled?-1:0,"aria-label":r,"aria-checked":t,"aria-disabled":a(this.disabled),"aria-required":a(this.required),class:{disabled:this.disabled},onBlur:()=>this.ixBlur.emit(),onFocus:()=>this.touched=!0,onKeyDown:e=>{this.disabled||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.onCheckedChange(!this.checked))},onClick:()=>{this.disabled||this.onCheckedChange(!this.checked)}},h("div",{key:"4245387d288d1fe68551ab59ac12af32c977ee96",class:"wrapper"},h("div",{key:"53fb838a752b34fd73947aaee99abbe6700a9654",class:{switch:!0,checked:this.checked,indeterminate:this.indeterminate},"aria-hidden":"true"},h("div",{key:"dc000096dd4bccc837b70861b113727b2fa8511e",class:"slider"})),!this.hideText&&h("ix-typography",{key:"c869cdc3cc704a35f82146c69e08f2fce7c50149",class:"label","aria-hidden":"true"},e)))}static get formAssociated(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],checked:[{watchCheckedChange:0}]}}};(function(e,r,t,o){var h,i=arguments.length,a=i<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,r,t,o);else for(var c=e.length-1;c>=0;c--)(h=e[c])&&(a=(i<3?h(a):i>3?h(r,t,a):h(r,t))||a);i>3&&a&&Object.defineProperty(r,t,a)})([m()],b.prototype,"updateClassMappings",null),b.style=':host{display:inline-flex;flex-direction:row;position:relative;min-height:1.5rem;max-height:calc(100% - 0.5rem);margin-block-start:0.25rem;margin-block-end:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;max-height:100%}:host .label{word-break:break-word;display:block;white-space:normal;overflow:hidden;margin-block-start:0.125rem;margin-inline-start:0.5rem;min-height:1rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color)}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover);border:1px solid var(--theme-switch-thumb-off--border-color--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active);border:1px solid var(--theme-switch-thumb-off--border-color--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked>.slider:before{border:1px solid var(--theme-switch-thumb-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover);border:1px solid var(--theme-switch-thumb-on--border-color--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active);border:1px solid var(--theme-switch-thumb-on--border-color--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:focus),:host(:focus-visible){outline:none}:host(:not(.disabled):focus-visible) .switch>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-valid:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--valid );--theme-switch-off--background--hover:var( --theme-switch-off--background--valid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--valid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--valid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--valid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--valid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--valid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--valid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--valid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--valid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--valid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--valid--active );--theme-switch-on--background:var( --theme-switch-on--background--valid );--theme-switch-on--background--hover:var( --theme-switch-on--background--valid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--valid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--valid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--valid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--valid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--valid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--valid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--valid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--valid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--valid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--valid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--valid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--valid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--valid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--valid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--valid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--valid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--valid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--valid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--valid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--valid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--valid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--valid--active )}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--info );--theme-switch-off--background--hover:var( --theme-switch-off--background--info--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--info--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--info );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--info--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--info--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--info );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--info--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--info--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--info );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--info--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--info--active );--theme-switch-on--background:var( --theme-switch-on--background--info );--theme-switch-on--background--hover:var( --theme-switch-on--background--info--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--info--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--info );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--info--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--info--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--info );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--info--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--info--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--info );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--info--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--info--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--info );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--info--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--info--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--info );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--info--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--info--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--info );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--info--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--info--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--info );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--info--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--info--active )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--warning );--theme-switch-off--background--hover:var( --theme-switch-off--background--warning--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--warning--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--warning );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--warning--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--warning--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--warning );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--warning--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--warning--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--warning );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--warning--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--warning--active );--theme-switch-on--background:var( --theme-switch-on--background--warning );--theme-switch-on--background--hover:var( --theme-switch-on--background--warning--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--warning--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--warning );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--warning--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--warning--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--warning );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--warning--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--warning--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--warning );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--warning--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--warning--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--warning );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--warning--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--warning--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--warning );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--warning--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--warning--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--warning );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--warning--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--warning--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--warning );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--warning--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--warning--active )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--invalid );--theme-switch-off--background--hover:var( --theme-switch-off--background--invalid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--invalid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--invalid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--invalid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--invalid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--invalid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--invalid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--invalid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--invalid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--invalid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--invalid--active );--theme-switch-on--background:var( --theme-switch-on--background--invalid );--theme-switch-on--background--hover:var( --theme-switch-on--background--invalid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--invalid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--invalid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--invalid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--invalid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--invalid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--invalid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--invalid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--invalid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--invalid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--invalid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--invalid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--invalid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--invalid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--invalid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--invalid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--invalid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--invalid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--invalid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--invalid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--invalid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--invalid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--invalid--active )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var( --theme-switch-off--background--invalid );--theme-switch-off--background--hover:var( --theme-switch-off--background--invalid--hover );--theme-switch-off--background--active:var( --theme-switch-off--background--invalid--active );--theme-switch-thumb-off--border-color:var( --theme-switch-thumb-off--border-color--invalid );--theme-switch-thumb-off--border-color--hover:var( --theme-switch-thumb-off--border-color--invalid--hover );--theme-switch-thumb-off--border-color--active:var( --theme-switch-thumb-off--border-color--invalid--active );--theme-switch-thumb-off--background:var( --theme-switch-thumb-off--background--invalid );--theme-switch-thumb-off--background--hover:var( --theme-switch-thumb-off--background--invalid--hover );--theme-switch-thumb-off--background--active:var( --theme-switch-thumb-off--background--invalid--active );--theme-switch-off--border-color:var( --theme-switch-off--border-color--invalid );--theme-switch-off--border-color--hover:var( --theme-switch-off--border-color--invalid--hover );--theme-switch-off--border-color--active:var( --theme-switch-off--border-color--invalid--active );--theme-switch-on--background:var( --theme-switch-on--background--invalid );--theme-switch-on--background--hover:var( --theme-switch-on--background--invalid--hover );--theme-switch-on--background--active:var( --theme-switch-on--background--invalid--active );--theme-switch-thumb-on--border-color:var( --theme-switch-thumb-on--border-color--invalid );--theme-switch-thumb-on--border-color--hover:var( --theme-switch-thumb-on--border-color--invalid--hover );--theme-switch-thumb-on--border-color--active:var( --theme-switch-thumb-on--border-color--invalid--active );--theme-switch-thumb-on--background:var( --theme-switch-thumb-on--background--invalid );--theme-switch-thumb-on--background--hover:var( --theme-switch-thumb-on--background--invalid--hover );--theme-switch-thumb-on--background--active:var( --theme-switch-thumb-on--background--invalid--active );--theme-switch-on--border-color:var( --theme-switch-on--border-color--invalid );--theme-switch-on--border-color--hover:var( --theme-switch-on--border-color--invalid--hover );--theme-switch-on--border-color--active:var( --theme-switch-on--border-color--invalid--active );--theme-switch-mixed--background:var( --theme-switch-mixed--background--invalid );--theme-switch-mixed--background--hover:var( --theme-switch-mixed--background--invalid--hover );--theme-switch-mixed--background--active:var( --theme-switch-mixed--background--invalid--active );--theme-switch-thumb-mixed--border-color:var( --theme-switch-thumb-mixed--border-color--invalid );--theme-switch-thumb-mixed--border-color--hover:var( --theme-switch-thumb-mixed--border-color--invalid--hover );--theme-switch-thumb-mixed--border-color--active:var( --theme-switch-thumb-mixed--border-color--invalid--active );--theme-switch-thumb-mixed--background:var( --theme-switch-thumb-mixed--background--invalid );--theme-switch-thumb-mixed--background--hover:var( --theme-switch-thumb-mixed--background--invalid--hover );--theme-switch-thumb-mixed--background--active:var( --theme-switch-thumb-mixed--background--invalid--active );--theme-switch-mixed--border-color:var( --theme-switch-mixed--border-color--invalid );--theme-switch-mixed--border-color--hover:var( --theme-switch-mixed--border-color--invalid--hover );--theme-switch-mixed--border-color--active:var( --theme-switch-mixed--border-color--invalid--active )}';export{b as ix_toggle}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as t,r as e,c as r,g as o,h as s,H as i}from"./p-Ca5WUunf.js";import{j as a}from"./p-Cl7fhG1I.js";import{b as n}from"./p-B5k8YVR0.js";import{D as h}from"./p-Dl_bUxb7.js";import{c as l}from"./p-CX81WQtk.js";import"./p-DnaItyVQ.js";import"./p-BIe8Nw9M.js";const b=class extends(t(...h)){constructor(t){super(),e(this,t),this.itemClick=r(this,"itemClick",7),this.nextClick=r(this,"nextClick",7)}get hostElement(){return o(this)}visibleItemCount=9;nextItems=[];onNextItemsChange(){this.onChildMutation()}subtle=!1;ariaLabelPreviousButton="Show previous breadcrumb items";enableTopLayer=!1;itemClick;nextClick;items=[];isNextDropdownExpanded=!1;shouldRenderNextDropdown=!1;mutationObserver;inheritAriaAttributes={};onItemClick(t){this.itemClick.emit(t)}componentDidLoad(){this.mutationObserver=l((()=>this.onChildMutation())),this.mutationObserver.observe(this.hostElement,{subtree:!0,childList:!0})}componentWillLoad(){this.inheritAriaAttributes=n(this.hostElement),this.onChildMutation()}disconnectedCallback(){this.mutationObserver?.disconnect()}async onChildMutation(){const t=this.getItems();t.forEach(((e,r)=>{const o=t.length-1===r,s=0!==this.nextItems.length&&o;e.subtle=this.subtle,e.hideChevron=o&&!s,e.isDropdownTrigger=s,e.isCurrentPage=o,e.invisible=!!s||r<t.length-this.visibleItemCount})),this.shouldRenderNextDropdown=0!==this.nextItems.length,this.items=t}getItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}onNextDropdownExpandedChange(){this.onChildMutation()}render(){const t=this.items?.[this.items.length-1];return this.inheritAriaAttributes["aria-label"]=this.inheritAriaAttributes["aria-label"]??"Breadcrumbs",s(i,{key:"063930e1d24291c3134f24ab3375873640478350",...this.inheritAriaAttributes,role:"navigation"},this.items?.length>this.visibleItemCount&&s("ix-dropdown-button",{key:"70ac97d2a811f0233eb4fd90af37b67dd878bd44","aria-label":this.ariaLabelPreviousButton,label:"...",variant:"tertiary",class:"previous-button",enableTopLayer:this.enableTopLayer},s("ix-icon",{key:"b472c12e89554e61fa1a31eb10381c5d0e967d1c",slot:"button-label",name:a,size:"16",class:"chevron"}),this.items.slice(0,this.items.length-this.visibleItemCount).map((t=>{const e=t.label??t.innerText;return s("ix-dropdown-item",{label:e,onClick:()=>{this.onItemClick({breadcrumbKey:t.breadcrumbKey,label:e})},onItemClick:t=>t.stopPropagation()})}))),s("div",{key:"038b3647e975049385db65b8e074eec506499845",class:"crumb-items"},s("slot",{key:"50d0835f4de60f07bd637be7c61b51bcfc3c7f02"})),this.shouldRenderNextDropdown&&s("ix-dropdown-button",{key:"f9e3b86fca769167ff38837820e929d724b96702",label:t.label??t.innerText,class:"next-button",variant:"tertiary",enableTopLayer:this.enableTopLayer,"aria-current":"page"},s("ix-icon",{key:"0ae0b05b6f8928a12a45b4d9a9e6d6d1e17daee2",slot:"button-label",name:a,size:"16",class:"chevron"}),this.nextItems?.map((t=>s("ix-dropdown-item",{label:t.label,onClick:e=>{this.nextClick.emit({event:e,item:t})},onItemClick:t=>t.stopPropagation()})))))}static get delegatesFocus(){return!0}static get watchers(){return{nextItems:[{onNextItemsChange:0}],isNextDropdownExpanded:[{onNextDropdownExpandedChange:0}]}}};b.style=":host{display:flex;justify-content:flex-start;height:2.5rem;align-items:center;background-color:transparent}: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 .previous-button{width:auto;min-width:0px;margin-right:0.25rem}:host .crumb-dropdown{overflow:visible}:host .remove-anchor::after{display:none}:host .more-text{display:flex}:host .more-text .more-text-ellipsis{width:1rem;display:inline-block;font-weight:700}:host .more-text ix-icon{padding-top:2px}:host nav,:host ol,:host .crumb-items{display:contents}:host .chevron{margin-left:0.5rem;margin-right:0rem;color:var(--theme-color-soft-text)}";export{b as ix_breadcrumb}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as e,r as t,c as a,g as r,h as i,H as o}from"./p-Ca5WUunf.js";import{F as s,j as d}from"./p-Cl7fhG1I.js";import{D as n,I as c}from"./p-D1WplX1z.js";import{q as h}from"./p-DnaItyVQ.js";import{D as l,h as b}from"./p-Dl_bUxb7.js";import{m}from"./p-Djkc69iv.js";import{r as g}from"./p-BEuV0Xpe.js";import"./p-BIe8Nw9M.js";const u=class extends(e(...l)){constructor(e){super(),t(this,e),this.dateChange=a(this,"dateChange",7),this.dateRangeChange=a(this,"dateRangeChange",7),this.dateSelect=a(this,"dateSelect",7)}get hostElement(){return r(this)}format="yyyy/LL/dd";singleSelection=!1;corners="rounded";from;watchFromPropHandler(e){if(!e)return void(this.currFromDate=void 0);const t=this.parseDateString(e);t&&(this.currFromDate=t,this.updateSelectedYearMonth(t))}to;watchToPropHandler(e){if(!e)return void(this.currToDate=void 0);const t=this.parseDateString(e);t&&(this.currToDate=t,this.updateSelectedYearMonth(t))}minDate="";maxDate="";i18nDone="Done";ariaLabelPreviousMonthButton="Change calendar view to previous month";ariaLabelNextMonthButton="Change calendar view to next month";ariaLabelMonthSelection="Select month";ariaLabelYearSelection="Select year";weekStartIndex=0;locale;onLocaleChange(){this.setTranslations()}showWeekNumbers=!1;embedded=!1;today=n.now().toISO();enableTopLayer=!1;dateChange;dateRangeChange;dateSelect;async getCurrentDate(){const e=this.currFromDate?.isValid?this.currFromDate?.toFormat(this.format):void 0,t=this.currToDate?.isValid?this.currToDate?.toFormat(this.format):void 0;return this.singleSelection?{from:e,to:void 0}:{from:e,to:t}}currFromDate;currToDate;selectedYear=0;tempYear=0;startYear=0;endYear=0;selectedMonth=0;tempMonth=0;yearDropdownButtonRef=m();yearMonthSelectionDropdownRef=m();dayNames;monthNames;focusedDay=1;isDayFocus=!1;monthChangedFromFocus=!1;DAYS_IN_WEEK=7;calendar=[];onKeyDown(e){if(!this.isDayFocus)return;if(this.yearMonthSelectionDropdownRef.current?.show)return;if(["PageUp","PageDown","Home","End"].includes(e.key)){switch(e.key){case"PageUp":this.navigateCalendar(-1,e.shiftKey);break;case"PageDown":this.navigateCalendar(1,e.shiftKey);break;case"Home":this.focusFirstDayOfCurrentWeek();break;case"End":this.focusLastDayOfCurrentWeek()}return}let t=this.focusedDay;switch(e.key){case"ArrowLeft":t--;break;case"ArrowRight":t++;break;case"ArrowUp":t-=7;break;case"ArrowDown":t+=7;break;default:return}e.preventDefault(),this.setFocusedDay(t)}setFocusedDay(e=0){e>this.getDaysInCurrentMonth()?(e-=this.getDaysInCurrentMonth(),this.changeCalendarView(1),this.monthChangedFromFocus=!0):e<1&&(this.changeCalendarView(-1),e+=this.getDaysInCurrentMonth(),this.monthChangedFromFocus=!0),this.focusedDay=e}getDaysInCurrentMonth(){return n.utc(this.selectedYear,this.selectedMonth+1).daysInMonth||0}getFirstDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?t.dayNumbers.find((e=>void 0!==e))??e:e}getLastDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?[...t.dayNumbers].reverse().find((e=>void 0!==e))??e:e}getDateTimeNow(){return n.fromISO(this.today)}parseDateString(e){const t=n.fromFormat(e,this.format);if(t.isValid)return t;console.error(t.invalidExplanation)}async updateSelectedYearMonth(e){this.selectedYear=e.year,this.selectedMonth=e.month-1}onDayBlur(){this.isDayFocus=!1}onDayFocus(){this.isDayFocus=!0}componentWillLoad(){this.setTranslations(),this.currFromDate=this.from?n.fromFormat(this.from,this.format):void 0,this.currToDate=this.to?n.fromFormat(this.to,this.format):void 0;const e=this.currFromDate?.year??this.getDateTimeNow().year;this.startYear=e-101,this.endYear=e+101,this.selectedMonth=(this.currFromDate?.month??this.getDateTimeNow().month)-1,this.selectedYear=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}keyboardNavigationYearSelection;keyboardNavigationMonthSelection;disconnectedCallback(){this.keyboardNavigationYearSelection?.(),this.keyboardNavigationMonthSelection?.()}componentDidLoad(){super.componentDidLoad?.()}componentWillRender(){this.calculateCalendar()}componentDidRender(){if(!this.monthChangedFromFocus&&!this.isDayFocus)return;const e=this.hostElement.shadowRoot.querySelector(`[id=day-cell-${this.focusedDay}]`);e?.focus(),this.monthChangedFromFocus=!1}async navigateCalendar(e,t){this.navigateByMonthOrYear(t?"year":"month",e)}async focusFirstDayOfCurrentWeek(){this.focusedDay=this.getFirstDayOfWeek(this.focusedDay)}async focusLastDayOfCurrentWeek(){this.focusedDay=this.getLastDayOfWeek(this.focusedDay)}async isCalendarDayFocused(){return this.isDayFocus&&!this.yearMonthSelectionDropdownRef.current?.show}async focusActiveDay(){const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected")??e.querySelector(".calendar-item.today")??e.querySelector(".calendar-item.first-day");if(!t)return;const a=t.dataset.calendarDay;a&&(this.focusedDay=parseInt(a,10)),t.focus()}setTranslations(){this.dayNames=this.rotateWeekDayNames(c.weekdays("long",{locale:this.locale}),this.weekStartIndex),this.monthNames=c.months("long",{locale:this.locale})}rotateWeekDayNames(e,t){const a=[...e];if(0===t)return a;const r=e.length;return a.push(...a.splice(0,(-(t=-t)%r+r)%r)),a}async onDone(){const e=await this.getCurrentDate();this.dateSelect.emit(e)}calculateCalendar(){const e=[],t=n.utc(this.selectedYear,this.selectedMonth+1),a=t.startOf("month"),r=t.endOf("month");let i=a.weekNumber,o=r.weekNumber,s=a.weekday-1,d=r.weekday-1;if(0!==this.weekStartIndex){const e=c.weekdays(),t=e[a.weekday];s=this.dayNames.findIndex((e=>e===t));const i=e[r.weekday];d=this.dayNames.findIndex((e=>e===i))}let h=!1;1===o&&(o=r.weeksInWeekYear+1,h=!0);let l=!1;i===a.weeksInWeekYear&&(i=1,o++,l=!0);let b=1;for(let t=i;t<=o&&b<=31;t++){const n=[];for(let e=0;e<this.DAYS_IN_WEEK&&b<=31;e++)n.push(t===i&&e<s||t===o&&e>d?void 0:b++);e.push(l||h?1===t?{weekNumber:a.weeksInWeekYear,dayNumbers:n}:t===r.weekNumber?{weekNumber:1,dayNumbers:n}:{weekNumber:t-1,dayNumbers:n}:{weekNumber:t,dayNumbers:n})}this.calendar=e}selectMonth(e){this.selectedMonth=e,this.selectedYear=this.tempYear,this.tempMonth=e}changeCalendarView(e){this.selectedMonth+e<0?(this.selectedYear--,this.selectedMonth=11):this.selectedMonth+e>11?(this.selectedYear++,this.selectedMonth=0):this.selectedMonth+=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}navigateByMonthOrYear(e,t){let a=this.selectedYear,r=this.selectedMonth;"year"===e?a+=t:(r+=t,r<0?(r=11,a--):r>11&&(r=0,a++));const i=n.utc(a,r+1).daysInMonth||0;this.focusedDay=Math.min(this.focusedDay,i),this.selectedYear=a,this.selectedMonth=r,this.tempYear=a,this.tempMonth=r,this.monthChangedFromFocus=!0}selectDay(e,t){if(t.classList.contains("disabled"))return;const a=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return this.singleSelection||void 0===this.currFromDate?(this.currFromDate=a,void this.onDateChange()):void 0!==this.currToDate?(this.currFromDate=a,this.currToDate=void 0,void this.onDateChange()):a<this.currFromDate?(this.currToDate=this.currFromDate,this.currFromDate=a,void this.onDateChange()):(this.currToDate=a,void this.onDateChange())}onDateChange(){this.getCurrentDate().then((e=>{this.dateChange.emit(e),this.singleSelection||this.dateRangeChange.emit(e)}))}getUtilitiesBasedOnDay(e){const t=this.getDateTimeNow(),a=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return{isFirstDay:()=>1===e,isToday:()=>t.hasSame(a,"day"),isSelected:()=>!(!this.currFromDate?.hasSame(a,"day")&&!this.currToDate?.hasSame(a,"day")),isRange:()=>!!(this.currFromDate&&a.startOf("day")>this.currFromDate.startOf("day")&&void 0!==this.currToDate&&a.startOf("day")<this.currToDate?.startOf("day"))}}getDayClasses(e){const t=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e)),a=this.getUtilitiesBasedOnDay(e);return{"calendar-item":!0,"empty-day":void 0===e,"first-day":a.isFirstDay(),today:a.isToday(),selected:a.isSelected(),range:a.isRange(),disabled:!this.isWithinMinMaxDate(t)}}isWithinMinMaxYear(e){const t=this.minDate?n.fromFormat(this.minDate,this.format).year:void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format).year:void 0;return!(t&&e<t||a&&e>a)}isWithinMinMaxMonth(e){const t=this.minDate?n.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format):void 0,r=t?.month,i=a?.month;return!(r&&this.tempYear===t.year&&e<r||i&&this.tempYear===a.year&&e>i)}isWithinMinMaxDate(e){const t=this.minDate?n.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format):void 0,r=!!t&&e.startOf("day")<t.startOf("day"),i=!!a&&e.startOf("day")>a.startOf("day");return!r&&!i}renderMonths(){return this.monthNames.map(((e,t)=>i("ix-dropdown-item",{checked:this.tempYear===this.selectedYear&&this.tempMonth===t,key:e,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxMonth(t)},onClick:()=>{this.selectMonth(t)}},i("span",{class:"capitalize monthMargin"},`${e}`))))}renderYears(){const e=[];for(let t=this.startYear;t<=this.endYear;t++)e.push(i("ix-dropdown-item",{key:t,checked:this.tempYear===t,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxYear(t)},onClick:()=>{this.tempYear=t,this.selectedYear=this.tempYear}},i("div",{style:{"min-width":"max-content"}},`${t}`)));return e}changeFocusedDay(){this.monthChangedFromFocus||g((()=>{const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected"),a=e.querySelector(".calendar-item.today");let r=t??a;if(r||(r=e.querySelector(".calendar-item.first-day")),!r)return;const i=r.dataset.calendarDay;i&&(this.focusedDay=parseInt(i,10))}))}async intersect(e){const t=await this.yearDropdownButtonRef.current.getDropdownReference();e.forEach((e=>{e.isIntersecting&&("top"===e.target.dataset.sentinel?(this.startYear-=5,this.skipFirstScrollOffset||g((()=>{const e=h(t,"ix-dropdown-item")[0];t.scrollTo(0,e.offsetTop)})),this.skipFirstScrollOffset=!1):this.endYear+=5)}))}skipFirstScrollOffset=!0;intersectStart=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});intersectEnd=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});render(){return i(o,{key:"24023290f0be6f05b07f49a8dd4b4250691d4786",onKeyDown:e=>this.onKeyDown(e),onFocusin:()=>{b()&&this.changeFocusedDay()}},i("ix-date-time-card",{key:"8b027dc4451810fff9a6206494fd3a3929d06c88",corners:this.corners,embedded:this.embedded},i("div",{key:"fdcce83484f260288adb734b499b51abb30a7caa",class:"header",slot:"header"},i("ix-icon-button",{key:"c7a6149d7ccd508a6bde054894416dbb18c6980d",onClick:()=>this.changeCalendarView(-1),icon:s,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelPreviousMonthButton}),i("div",{key:"0615b2bca767f539a87aef439c63a4b71ccfa5a7",class:"selector"},i("ix-dropdown-button",{key:"30ba87301cbf3beceb9ad1276f04f4980b615ef8",focusCheckedItem:!0,"aria-label":this.ariaLabelMonthSelection,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation()}},i("ix-typography",{key:"fe2144b20ce35fafcb481373880cea356b569a43",bold:!0,class:"capitalize",slot:"button-label"},this.monthNames[this.selectedMonth]),this.renderMonths()),i("ix-dropdown-button",{key:"b1da89f7258e6e19ff82a9aea226d546d1a765c8",focusCheckedItem:!0,"aria-label":this.ariaLabelYearSelection,ref:this.yearDropdownButtonRef,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation(),e.detail?g((()=>{this.intersectStart.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="top"]')),this.intersectEnd.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="bottom"]'));const e=this.yearDropdownButtonRef.current.querySelector("ix-dropdown-item[checked]");e&&g((()=>{e.scrollIntoView({block:"center"})}))})):(this.intersectStart.disconnect(),this.intersectEnd.disconnect())}},i("div",{key:"c691f17e0b907711728489764a4ae194bb54da2c",class:"infinite-scrolling-spacer"},i("div",{key:"c19074e1f348c3e900d44ba71afb1f2aee5fe863",class:"sentinel","data-sentinel":"top"})),i("ix-typography",{key:"1c5ca1280e23bf1f8375495145fb9030cbbc0973",bold:!0,class:"capitalize",slot:"button-label"},this.selectedYear),this.renderYears(),i("div",{key:"1801c9bfe5d160d44ce4c3036877ddf7c0fd504b",class:"infinite-scrolling-spacer"},i("div",{key:"4991dac359e092b5bed9b64527d72e4981471af0",class:"sentinel","data-sentinel":"bottom"})))),i("ix-icon-button",{key:"ad36cae3ccbd6a03cffe61e082a3dd74ee08116c",onClick:()=>this.changeCalendarView(1),icon:d,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelNextMonthButton})),i("div",{key:"2c1c1ffdb2e58307661b8a65823994a135d51823",role:"grid",class:{grid:!0,"grid--show-week-numbers":this.showWeekNumbers}},i("div",{key:"32d6045a99385719068593f29ff1766727290546",role:"row"},this.showWeekNumbers&&i("div",{key:"5b8842263324526d660e7f96b3da2d86f5cdb0cc",class:"calendar-item week-day",role:"columnheader"}),this.dayNames.map((e=>i("div",{key:e,class:"calendar-item week-day",role:"columnheader"},i("div",{class:"overflow"},e.slice(0,3)))))),this.calendar.map((e=>i("div",{role:"row"},this.showWeekNumbers&&i("div",{class:"calendar-item week-number",role:"rowheader"},e.weekNumber),e.dayNumbers.map((t=>t?i("div",{role:"gridcell","aria-selected":this.getUtilitiesBasedOnDay(t).isSelected()?"true":"false",key:t,id:`day-cell-${t}`,"data-calendar-day":t,"data-date-value":`${e.weekNumber}-${t}`,class:this.getDayClasses(t),onClick:e=>{this.selectDay(t,e.currentTarget)},onKeyDown:e=>{const a=e.currentTarget;"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.selectDay(t,a))},tabIndex:t===this.focusedDay?0:-1,autofocus:this.getUtilitiesBasedOnDay(t).isToday(),onFocus:()=>this.onDayFocus(),onBlur:()=>this.onDayBlur(),"aria-label":`${t} ${c.months()[this.selectedMonth]} ${this.selectedYear}`},t):i("div",{role:"gridcell"}))))))),i("div",{key:"194191ba4ba4d80cea105eb3b1ec5bdda9f040a7",class:{button:!0,hidden:this.singleSelection||this.embedded}},i("ix-button",{key:"dcfeaf1772943b610a39aadaf6282c307913e020",hidden:this.singleSelection||this.embedded,onClick:()=>this.onDone()},this.i18nDone))))}static get delegatesFocus(){return!0}static get watchers(){return{from:[{watchFromPropHandler:0}],to:[{watchToPropHandler:0}],locale:[{onLocaleChange:0}]}}};u.style=":host{display:block;position:relative;max-width:21rem}: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 .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid [role=row]{display:grid;grid-column:1/-1;grid-template-columns:subgrid}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected);font-weight:var(--theme-font-weight-bold)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:var(--theme-ms-0);line-height:143%;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}:host .infinite-scrolling-spacer:first-of-type{position:relative;padding-bottom:4rem}:host .infinite-scrolling-spacer:first-of-type .sentinel{position:absolute;bottom:0;height:1px;width:50px}:host .infinite-scrolling-spacer:last-of-type{position:relative;padding-top:4rem}:host .infinite-scrolling-spacer:last-of-type .sentinel{position:absolute;top:0;height:1px;width:50px}";export{u as ix_date_picker}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as a,r as e,c as t,h as s,H as c}from"./p-Ca5WUunf.js";import{B as b}from"./p-jBB3q9qq.js";const l=class extends(a(b)){constructor(a){super(),e(this,a),this.labelChange=t(this,"labelChange",7)}label;labelChange;watchLabel(a,e){this.labelChange.emit({name:"ix-menu-about-item",oldLabel:e,newLabel:a})}render(){return s(c,{key:"30ba62aac3a8dff2224f9a207ca9f7fd2223bea8"},s("ix-tab-panel",{key:"524c2909d0a0bec44a1867e8ff1323c0944e49e8",tabKey:this.tabKey},s("slot",{key:"aaa24a90ca22a0379437a2971b4dc1c52ee81110"})))}static get watchers(){return{label:[{watchLabel:0}]}}};export{l as ix_menu_about_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as i,H as r}from"./p-Ca5WUunf.js";import{r as o}from"./p-Cl7fhG1I.js";import{a as s}from"./p-B5k8YVR0.js";const n=class{constructor(i){e(this,i),this.itemClick=t(this,"itemClick",7)}variant="outline";itemColor;selected=!1;disabled=!1;chevron=!1;itemClick;handleItemClick(){this.itemClick.emit()}render(){let e=this.itemColor?.startsWith("--theme")?`var(${this.itemColor})`:`var(--theme-${this.itemColor})`;return i(r,{key:"e89ec7112eae8f95be0f4b6c8bebe08849c7eeee",class:{disabled:this.disabled,[`event-list-item-${this.variant}`]:!0}},i("div",{key:"b13673e69dd5af2704188bace4730f22ffdbf365",role:"listitem","aria-disabled":s(this.disabled),class:{"event-list-item":!0,selected:this.selected,disabled:this.disabled}},i("div",{key:"c8d2a9d3ab952ae71d3d6332053351e2767c1684",class:"indicator "+(this.itemColor?"":"indicator-empty"),style:{"background-color":this.itemColor?e:"inherit",opacity:""+(this.disabled?.4:1)}}),i("div",{key:"8907cb8546dd65841019a429f902a8f52001da1d",class:"event-list-item-container"},i("div",{key:"ab647037d3f2f42f9b2617911b4a57914bf54061",class:"event-content"},i("slot",{key:"1f02bd2896c932efe66d79219ee9b62e170081b8"})),this.chevron&&i("ix-icon",{key:"d70b40c9fd33e2adaa6f4069d54f57ff1a8db500",name:o,size:"16",class:"chevron-icon","aria-hidden":"true"}))))}};n.style=":host(.event-list-item-outline) .event-list-item{--ix-event-list-item--color-border:var( --theme-event-item-outline--border );--ix-event-list-item--background:var( --theme-event-item-outline--background );--ix-event-list-item--background--hover:var( --theme-event-item-outline--background--hover );--ix-event-list-item--background--active:var( --theme-event-item-outline--background--active );--ix-event-list-item--background--selected:var( --theme-event-item-outline--background--selected );--ix-event-list-item--border--hover:var( --theme-event-item-outline--border--hover );--ix-event-list-item--border--active:var( --theme-event-item-outline--border--active );--ix-event-list-item--border--selected:var( --theme-event-item-outline--border--selected );--ix-event-list-item--border--disabled:var( --theme-event-item-outline--border--disabled )}:host(.event-list-item-filled) .event-list-item{--ix-event-list-item--color-border:var( --theme-event-item-filled--border );--ix-event-list-item--background:var( --theme-event-item-filled--background );--ix-event-list-item--background--hover:var( --theme-event-item-filled--background--hover );--ix-event-list-item--background--active:var( --theme-event-item-filled--background--active );--ix-event-list-item--background--selected:var( --theme-event-item-filled--background--selected );--ix-event-list-item--border--hover:var( --theme-event-item-filled--border--hover );--ix-event-list-item--border--active:var( --theme-event-item-filled--border--active );--ix-event-list-item--border--selected:var( --theme-event-item-filled--border--selected );--ix-event-list-item--border--disabled:var( --theme-event-item-filled--border--disabled )}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .event-list-item{display:flex;align-items:center;position:relative;height:var(--event-list-item-height, 2.5rem);max-height:var(--event-list-item-height, 2.5rem);border-radius:var(--event-list-item-border-radius, 0.25rem);background-color:var(--ix-event-list-item--background);overflow:hidden;transition:var(--theme-default-time);cursor:pointer;margin-bottom:var(--event-list-item-margin-bottom, 0.5rem)}:host .event-list-item .indicator{height:100%;width:0.5rem;max-width:0.5rem;min-width:0.5rem;border-top-left-radius:var(--event-list-item-border-radius, 0.25rem);border-bottom-left-radius:var(--event-list-item-border-radius, 0.25rem)}:host .event-list-item .indicator-empty{border:var(--theme-weak-bdr-1);border-right:none}:host .event-list-item .event-list-item-container{display:flex;flex-grow:1;width:calc(100% - (1rem + 0.5rem));height:100%;border:0.062rem solid;border-color:var(--ix-event-list-item--color-border);border-top-left-radius:0;border-top-right-radius:var(--event-list-item-border-radius, 0.25rem);border-bottom-left-radius:0;border-bottom-right-radius:var(--event-list-item-border-radius, 0.25rem);border-left:none;padding-left:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .event-list-item .event-content{display:flex;align-items:center;width:100%;height:var(--event-list-item-height, 100%);max-height:var(--event-list-item-height, 100%);white-space:var(--event-list-item-content-white-space, inherit);overflow:hidden;padding-inline-end:0.5rem}:host .event-list-item .chevron-icon{margin-left:auto;margin-right:0.5rem;opacity:0.6;align-self:center}:host .event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected):not(.disabled):not(:disabled):hover,:host .event-list-item:not(.selected):not(.disabled):not(:disabled).hover{background-color:var(--ix-event-list-item--background--hover)}:host .event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected):not(.disabled):not(:disabled):active,:host .event-list-item:not(.selected):not(.disabled):not(:disabled).active{background-color:var(--ix-event-list-item--background--active)}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):hover,:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled).hover{border-color:var(--ix-event-list-item--border--hover)}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):active,:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled).active{border-color:var(--ix-event-list-item--border--active)}:host .event-list-item.selected .event-list-item-container{background-color:var(--ix-event-list-item--background--selected);border-color:var(--ix-event-list-item--border--selected)}:host .event-list-item[disabled],:host .event-list-item.disabled{pointer-events:none}:host .event-list-item[disabled] .event-list-item-container,:host .event-list-item.disabled .event-list-item-container{background-color:var(--ix-event-list-item--background--disabled);border-color:var(--ix-event-list-item--border--disabled)}:host(.disabled){pointer-events:none}";export{n as ix_event_list_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,g as i,h as t,H as s}from"./p-Ca5WUunf.js";import{m as o}from"./p-Djkc69iv.js";import{H as r}from"./p-D148LCh1.js";import"./p-XBTykBKS.js";const c=class{constructor(i){e(this,i)}get hostElement(){return i(this)}helperText;label;direction="column";invalidText;infoText;validText;warningText;showTextAsTooltip=!1;required=!1;isInvalid=!1;isInfo=!1;isValid=!1;isWarning=!1;touched=!1;groupRef=o();get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("ix-checkbox"))}observer=new MutationObserver((()=>{this.checkForRequiredCheckbox()}));checkForRequiredCheckbox(){this.required=this.checkboxElements.some((e=>e.required))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.checkForRequiredCheckbox()}disconnectedCallback(){this.observer&&this.observer.disconnect()}onClassFieldUpdate({isInvalid:e,isInvalidByRequired:i,isInfo:t,isValid:s,isWarning:o}){this.isInvalid=e||i,this.isInfo=t,this.isValid=s,this.isWarning=o}isTouched(){return Promise.resolve(this.touched)}hasValidValue(){return Promise.resolve(this.checkboxElements.some((e=>e.checked)))}render(){return t(s,{key:"7ce000341dfbf0b447b05cf56eb0c0f0ce6ced71",ref:this.groupRef,onIxBlur:()=>this.touched=!0},t("ix-field-wrapper",{key:"c993e1c79c87c4bf67937c1656c30959cc290f78",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,validText:this.validText,warningText:this.warningText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isInfo:this.isInfo,isValid:this.isValid,isWarning:this.isWarning,controlRef:this.groupRef},t("div",{key:"78a0cfe64c2f3f2de8574282f36531e4c4aa9012",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},t("slot",{key:"1b90032207b05a058e5639e08c997269a683b504"}))))}};(function(e,i,t,s){var o,r=arguments.length,c=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(c=(r<3?o(c):r>3?o(i,t,c):o(i,t))||c);r>3&&c&&Object.defineProperty(i,t,c)})([r({includeChildren:!0})],c.prototype,"onClassFieldUpdate",null),c.style=":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";export{c as ix_checkbox_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,g as i,h as e,H as s}from"./p-Ca5WUunf.js";import{H as n}from"./p-D148LCh1.js";import"./p-XBTykBKS.js";const o=class{constructor(i){t(this,i)}get hostElement(){return i(this)}required=!1;label;helperText;infoText;warningText;invalidText;validText;showTextAsTooltip;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;updateValidationState({isInvalid:t,isValid:i,isInfo:e,isWarning:s}){this.isInvalid=t,this.isValid=i,this.isInfo=e,this.isWarning=s}render(){return e(s,{key:"58b6b1c90f21d49345286996f1089fb9f0f383f9"},e("ix-field-wrapper",{key:"13f416719110d2ed029164837d67c01cf81e782e",label:this.label,helperText:this.helperText,infoText:this.infoText,warningText:this.warningText,invalidText:this.invalidText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,required:this.required},e("slot",{key:"94fa34d216ef723f2d8c5d685c359233eb10fb93"})))}};(function(t,i,e,s){var n,o=arguments.length,a=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,s);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(a=(o<3?n(a):o>3?n(i,e,a):n(i,e))||a);o>3&&a&&Object.defineProperty(i,e,a)})([n({includeChildren:!0})],o.prototype,"updateValidationState",null),o.style=":host{display:block;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}";export{o as ix_custom_field}
|