@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
package/components/ix-chip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,H as t,e,h as n,d as r,t as i}from"./p-C_6_Rh7K.js";import{h as c}from"./p-CdT1qV2I.js";import{m as a}from"./p-bcj7UEIC.js";import{d as l}from"./p-mraQmnXA.js";import{d as s}from"./p-AHG5KaOt.js";import{d as u}from"./p-C9SfsAWb.js";import{d as h}from"./p-VHuL40oZ.js";const b=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.closeChip=e(this,"closeChip",7),this.variant="primary",this.inactive=!1,this.closable=!1,this.outline=!1,this.tooltipText=!1,this.centerContent=!1,this.ariaLabelCloseButton="Close chip",this.containerElementRef=a()}getCloseButton(){return n("div",{class:"close-button-container"},n("ix-icon-button",{type:"button",variant:"subtle-tertiary",icon:c,class:"close-button",oval:!0,size:"16",style:"custom"===this.variant?{color:this.chipColor}:{},onClick:o=>{this.closeChip.emit(o),o.stopPropagation()},"aria-label":this.ariaLabelCloseButton}))}getTooltip(){var o;if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text"))return null;const t="string"==typeof this.tooltipText&&this.tooltipText.trim()?this.tooltipText:null===(o=this.hostElement.textContent)||void 0===o?void 0:o.trim();return n("ix-tooltip",{for:this.containerElementRef.waitForCurrent()},t)}render(){let o={};return"custom"===this.variant&&(o={color:this.chipColor,[this.outline?"borderColor":"backgroundColor"]:this.background}),n(r,{key:"a96f0d68cb019de562e3f4c491af7c746c10261c",tabIndex:"-1",class:{inactive:this.inactive},style:"custom"===this.variant?{"--ix-icon-button-color":this.chipColor}:{}},n("div",{key:"bc4e70fbd0c757d05e35ceeeb8a938695de1ec6e",ref:this.containerElementRef,style:Object.assign({},o),class:{container:!0,outline:this.outline,inactive:this.inactive,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:this.closable,icon:!!this.icon,centerContent:this.centerContent}},n("div",{key:"88e3b421d1128a4199e32d1c514b36cee2056ba4",class:"content-wrapper"},this.icon&&n("ix-icon",{key:"5730c161e18c55c517fd171bb73d3dcf9136cfb2",class:{"with-icon":!0},name:this.icon,size:"24",style:"custom"===this.variant?{color:this.outline?this.background:this.chipColor}:void 0}),n("span",{key:"e918f71979002937e1a532658b02c004dec79ed1",class:"slot-container"},n("slot",{key:"72e33beeaecb069b2221fd994b7ce93a9ab09501"}))),!1===this.inactive&&this.closable&&this.getCloseButton()),this.getTooltip())}get hostElement(){return this}static get style(){return':host{display:inline-block;position:relative;height:2rem;max-height:2rem;margin-left: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(.inactive){pointer-events: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:pointer}.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.icon{padding-left:calc(0.75rem - 1px)}.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:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){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:hover{background-color:var(--theme-chip-primary--background--hover)}.container.primary:active{background-color:var(--theme-chip-primary--background--active)}.container.primary:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.primary.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-primary-outline--background);border:solid 1px 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.primary.outline:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.container.primary.outline:active{background-color:var(--theme-chip-primary-outline--background--active)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.alarm.active::after,.container.alarm:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.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:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.alarm:not(.outline).active::after,.container.alarm:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.alarm.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-alarm)}.container.alarm.outline:hover::after{display:none}.container.alarm.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.alarm.outline.active::after,.container.alarm.outline:active::after{display:none}.container.alarm.outline.active,.container.alarm.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.alarm:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.critical.active::after,.container.critical:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.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:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.critical:not(.outline).active::after,.container.critical:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.critical.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-critical)}.container.critical.outline:hover::after{display:none}.container.critical.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.critical.outline.active::after,.container.critical.outline:active::after{display:none}.container.critical.outline.active,.container.critical.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.critical:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.warning.active::after,.container.warning:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.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:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.warning:not(.outline).active::after,.container.warning:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.warning.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-warning)}.container.warning.outline:hover::after{display:none}.container.warning.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.warning.outline.active::after,.container.warning.outline:active::after{display:none}.container.warning.outline.active,.container.warning.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.warning:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.info{color:var(--theme-color-info--contrast)}.container.info:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.info.active::after,.container.info:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.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:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.info:not(.outline).active::after,.container.info:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.info.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-info)}.container.info.outline:hover::after{display:none}.container.info.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.info.outline.active::after,.container.info.outline:active::after{display:none}.container.info.outline.active,.container.info.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.info:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.neutral.active::after,.container.neutral:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.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:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.neutral:not(.outline).active::after,.container.neutral:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.neutral.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-neutral)}.container.neutral.outline:hover::after{display:none}.container.neutral.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.neutral.outline.active::after,.container.neutral.outline:active::after{display:none}.container.neutral.outline.active,.container.neutral.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.neutral:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.success{color:var(--theme-color-success--contrast)}.container.success:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.success.active::after,.container.success:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.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:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.success:not(.outline).active::after,.container.success:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.success.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}.container.success.outline:hover::after{display:none}.container.success.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.success.outline.active::after,.container.success.outline:active::after{display:none}.container.success.outline.active,.container.success.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.success:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}'}},[257,"ix-chip",{variant:[513],inactive:[4],closable:[4],icon:[1],background:[1],chipColor:[1,"chip-color"],outline:[4],tooltipText:[8,"tooltip-text"],centerContent:[4,"center-content"],ariaLabelCloseButton:[1,"aria-label-close-button"]}]),d=b,v=function(){"undefined"!=typeof customElements&&["ix-chip","ix-icon-button","ix-spinner","ix-tooltip","ix-typography"].forEach((o=>{switch(o){case"ix-chip":customElements.get(i(o))||customElements.define(i(o),b);break;case"ix-icon-button":customElements.get(i(o))||l();break;case"ix-spinner":customElements.get(i(o))||s();break;case"ix-tooltip":customElements.get(i(o))||u();break;case"ix-typography":customElements.get(i(o))||h()}}))};export{d as IxChip,v as defineCustomElement}
|
|
1
|
+
import{p as r,M as a,e as i,h as o,d as e,t}from"./p-Bxdy-8CE.js";import{n as c}from"./p-CQj_gEvY.js";import{a as n}from"./p-B5k8YVR0.js";import{D as l}from"./p-Dx8kFukG.js";import{I as h}from"./p-BE4QI9tD.js";import{m as p}from"./p-Djkc69iv.js";import{d as u}from"./p-XBJqkmoc.js";import{d as s}from"./p-MZOpritx.js";const d=["primary","alarm","critical","warning","info","neutral","success","custom"],b=r(class extends(a(...l,h)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow(),this.closeChip=i(this,"closeChip",7)}get hostElement(){return this}variant="primary";inactive=!1;closable=!1;icon;ariaLabelIcon;background;chipColor;outline=!1;tooltipText=!1;centerContent=!1;ariaLabelCloseButton="Close chip";closeChip;containerElementRef=p();getIgnoredAriaAttributes(){return["role"]}componentWillLoad(){super.componentWillLoad()}getTooltip(){if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text"))return null;const r="string"==typeof this.tooltipText&&this.tooltipText.trim()?this.tooltipText:this.hostElement.textContent?.trim();return o("ix-tooltip",{for:this.containerElementRef.waitForCurrent(),"aria-label":r||void 0},r)}getCustomStyles(r){const a={},i={};return"custom"!==r||(i.color=this.chipColor,this.chipColor&&(a.color=this.chipColor),this.outline&&this.background?a.borderColor=this.background:!this.outline&&this.background&&(i.backgroundColor=this.background)),{wrap:a,main:i}}getIconStyle(r){if("custom"===r)return{color:this.outline?this.background:this.chipColor}}getHostRole(r){return this.hostElement.hasAttribute("role")?this.hostElement.getAttribute("role")??void 0:r?"group":void 0}render(){const r=d.includes(this.variant)?this.variant:"primary",{wrap:a,main:i}=this.getCustomStyles(r),t=!this.inactive&&this.closable,l={"chip-wrap":!0,outline:this.outline,inactive:this.inactive,alarm:"alarm"===r,critical:"critical"===r,info:"info"===r,neutral:"neutral"===r,primary:"primary"===r,success:"success"===r,warning:"warning"===r,custom:"custom"===r,closable:this.closable,icon:!!this.icon,centerContent:this.centerContent},h=!this.ariaLabelIcon?.trim(),p=!!this.inheritAriaAttributes["aria-label"]?.trim()||!!this.inheritAriaAttributes["aria-labelledby"]?.trim(),u=!!this.tooltipText||this.hostElement.hasAttribute("tooltip-text");return o(e,{key:"ce26e0d24d71d552acdd962c5b277319a9ad8440",role:this.getHostRole(p&&(t||u)),class:{inactive:this.inactive}},o("div",{key:"e0d71bc62636c5d592260b8b0db1ecae4692f451",ref:this.containerElementRef,class:l,style:a},o("button",{key:"e04d0c14e50d73655c0caf406373e3d678abfa69",type:"button",class:"chip-main",...this.inheritAriaAttributes,disabled:this.inactive,style:i},o("div",{key:"73704c677c0d29106d9a17ed72713d35a73fca33",class:"content-wrapper"},this.icon&&o("ix-icon",{key:"1758dc64e728902d6c2fbf82913a66afb3a103e5",class:{"with-icon":!0},name:this.icon,size:"24","aria-label":this.ariaLabelIcon,"aria-hidden":n(h),style:this.getIconStyle(r)}),o("span",{key:"fa4ad21840fab8b2d3a041c08a269f0311c20392",class:"slot-container"},o("slot",{key:"c68dfc344ea985bc18dc29f4c3face2bd0238fc7"})))),t&&o("button",{key:"3f084d56ec7b791aa89418dfe00efe66e4c673aa",type:"button",class:"chip-close","aria-label":this.ariaLabelCloseButton,onClick:r=>{this.closeChip.emit(r),r.stopPropagation()}},o("ix-icon",{key:"f5a87d2fbc9bfb907b746219e65ec8d4e75f645c",class:"chip-close__icon",name:c,size:"16","aria-hidden":"true"}))),this.getTooltip())}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}]}}static get style(){return':host{display:inline-block;position:relative;height:2rem;max-height:2rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.inactive){pointer-events:none}.chip-wrap{display:inline-flex;width:inherit;max-width:100%;box-sizing:border-box;position:relative;align-items:stretch;border-radius:100px;vertical-align:top;min-height:2rem;max-height:2rem}.chip-wrap .chip-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;box-sizing:border-box;display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;width:100%;border-radius:inherit;padding-block:0.5rem;padding-inline:0.75rem;font:inherit;text-align:inherit;color:inherit;cursor:pointer;background:transparent}.chip-wrap .chip-main:disabled{cursor:default}.chip-wrap .chip-main:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.chip-wrap .chip-main .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.chip-wrap .chip-main .with-icon{margin-right:0.25rem}.chip-wrap .chip-main .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-wrap.centerContent .chip-main .content-wrapper{justify-content:center;text-align:center}.chip-wrap.outline .chip-main{padding-left:calc(0.75rem - 0.0625rem)}.chip-wrap.outline:not(.closable) .chip-main,.chip-wrap.outline.closable.inactive .chip-main{padding-right:calc(0.75rem - 0.0625rem)}.chip-wrap.outline.closable:not(.inactive) .chip-main{padding-right:calc(0.25rem + 1.5rem + 0.375rem - 0.0625rem)}.chip-wrap:not(.outline) .chip-main{padding-left:0.75rem}.chip-wrap:not(.outline):not(.closable) .chip-main,.chip-wrap:not(.outline).closable.inactive .chip-main{padding-right:0.75rem}.chip-wrap:not(.outline).closable:not(.inactive) .chip-main{padding-right:calc(0.25rem + 1.5rem + 0.375rem)}.chip-wrap .chip-close{position:absolute;right:0.25rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;box-sizing:border-box;border:0;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:var(--theme-color-std-text);border-radius:50%;flex-shrink:0;z-index:1}.chip-wrap .chip-close:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.chip-wrap .chip-close__icon{display:block;pointer-events:none}.chip-wrap.outline{border-width:0.0625rem;border-style:solid}.chip-wrap.primary:not(.outline){color:var(--theme-chip-primary--color)}.chip-wrap.primary:not(.outline) .chip-main{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.chip-wrap.primary:not(.outline) .chip-main:hover{background-color:var(--theme-chip-primary--background--hover)}.chip-wrap.primary:not(.outline) .chip-main:active{background-color:var(--theme-chip-primary--background--active)}.chip-wrap.primary:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.primary:not(.outline) .chip-close:hover{background-color:var(--theme-chip-primary--background--hover)}.chip-wrap.primary:not(.outline) .chip-close:active{background-color:var(--theme-chip-primary--background--active)}.chip-wrap.primary.outline{color:var(--theme-chip-primary-outline--color--display);background-color:var(--theme-chip-primary-outline--background);border:solid 0.0625rem var(--theme-chip-primary-outline--border-color)}.chip-wrap.primary.outline:hover:not(.inactive){border-color:var(--theme-chip-primary-outline--border-color--hover)}.chip-wrap.primary.outline:active:not(.inactive){border-color:var(--theme-chip-primary-outline--border-color--active)}.chip-wrap.primary.outline .chip-main{background-color:transparent;color:var(--theme-chip-primary-outline--color--display)}.chip-wrap.primary.outline .chip-main:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.chip-wrap.primary.outline .chip-main:active{background-color:var(--theme-chip-primary-outline--background--active)}.chip-wrap.primary.outline.icon .with-icon{color:var(--theme-color-primary)}.chip-wrap.primary.outline:hover:not(.inactive).icon .with-icon{color:var(--theme-chip-primary-outline--color--hover)}.chip-wrap.primary.outline:active:not(.inactive).icon .with-icon{color:var(--theme-chip-primary-outline--color--active)}.chip-wrap.primary.outline .chip-close{color:inherit}.chip-wrap.primary.outline .chip-close:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.chip-wrap.primary.outline .chip-close:active{background-color:var(--theme-chip-primary-outline--background--active)}.chip-wrap.alarm:not(.outline){color:var(--theme-color-alarm--contrast)}.chip-wrap.alarm:not(.outline) .chip-main{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}.chip-wrap.alarm:not(.outline) .chip-main:hover{background-color:var(--theme-color-alarm--hover)}.chip-wrap.alarm:not(.outline) .chip-main:active{background-color:var(--theme-color-alarm--active)}.chip-wrap.alarm:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.alarm:not(.outline) .chip-close:hover{background-color:var(--theme-color-alarm--hover)}.chip-wrap.alarm:not(.outline) .chip-close:active{background-color:var(--theme-color-alarm--active)}.chip-wrap.alarm.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-alarm)}.chip-wrap.alarm.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.alarm.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.alarm.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.alarm.outline.icon .with-icon{color:var(--theme-color-alarm)}.chip-wrap.alarm.outline .chip-close{color:inherit}.chip-wrap.alarm.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.alarm.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.critical:not(.outline){color:var(--theme-color-critical--contrast)}.chip-wrap.critical:not(.outline) .chip-main{background-color:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}.chip-wrap.critical:not(.outline) .chip-main:hover{background-color:var(--theme-color-critical--hover)}.chip-wrap.critical:not(.outline) .chip-main:active{background-color:var(--theme-color-critical--active)}.chip-wrap.critical:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.critical:not(.outline) .chip-close:hover{background-color:var(--theme-color-critical--hover)}.chip-wrap.critical:not(.outline) .chip-close:active{background-color:var(--theme-color-critical--active)}.chip-wrap.critical.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-critical)}.chip-wrap.critical.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.critical.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.critical.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.critical.outline.icon .with-icon{color:var(--theme-color-critical)}.chip-wrap.critical.outline .chip-close{color:inherit}.chip-wrap.critical.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.critical.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.warning:not(.outline){color:var(--theme-color-warning--contrast)}.chip-wrap.warning:not(.outline) .chip-main{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}.chip-wrap.warning:not(.outline) .chip-main:hover{background-color:var(--theme-color-warning--hover)}.chip-wrap.warning:not(.outline) .chip-main:active{background-color:var(--theme-color-warning--active)}.chip-wrap.warning:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.warning:not(.outline) .chip-close:hover{background-color:var(--theme-color-warning--hover)}.chip-wrap.warning:not(.outline) .chip-close:active{background-color:var(--theme-color-warning--active)}.chip-wrap.warning.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-warning)}.chip-wrap.warning.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.warning.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.warning.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.warning.outline.icon .with-icon{color:var(--theme-color-warning-text)}.chip-wrap.warning.outline .chip-close{color:inherit}.chip-wrap.warning.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.warning.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.info:not(.outline){color:var(--theme-color-info--contrast)}.chip-wrap.info:not(.outline) .chip-main{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}.chip-wrap.info:not(.outline) .chip-main:hover{background-color:var(--theme-color-info--hover)}.chip-wrap.info:not(.outline) .chip-main:active{background-color:var(--theme-color-info--active)}.chip-wrap.info:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.info:not(.outline) .chip-close:hover{background-color:var(--theme-color-info--hover)}.chip-wrap.info:not(.outline) .chip-close:active{background-color:var(--theme-color-info--active)}.chip-wrap.info.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-info)}.chip-wrap.info.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.info.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.info.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.info.outline.icon .with-icon{color:var(--theme-color-info)}.chip-wrap.info.outline .chip-close{color:inherit}.chip-wrap.info.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.info.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.neutral:not(.outline){color:var(--theme-color-neutral--contrast)}.chip-wrap.neutral:not(.outline) .chip-main{background-color:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}.chip-wrap.neutral:not(.outline) .chip-main:hover{background-color:var(--theme-color-neutral--hover)}.chip-wrap.neutral:not(.outline) .chip-main:active{background-color:var(--theme-color-neutral--active)}.chip-wrap.neutral:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.neutral:not(.outline) .chip-close:hover{background-color:var(--theme-color-neutral--hover)}.chip-wrap.neutral:not(.outline) .chip-close:active{background-color:var(--theme-color-neutral--active)}.chip-wrap.neutral.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-neutral)}.chip-wrap.neutral.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.neutral.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.neutral.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.neutral.outline.icon .with-icon{color:var(--theme-color-neutral)}.chip-wrap.neutral.outline .chip-close{color:inherit}.chip-wrap.neutral.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.neutral.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.success:not(.outline){color:var(--theme-color-success--contrast)}.chip-wrap.success:not(.outline) .chip-main{background-color:var(--theme-color-success);color:var(--theme-color-success--contrast)}.chip-wrap.success:not(.outline) .chip-main:hover{background-color:var(--theme-color-success--hover)}.chip-wrap.success:not(.outline) .chip-main:active{background-color:var(--theme-color-success--active)}.chip-wrap.success:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.success:not(.outline) .chip-close:hover{background-color:var(--theme-color-success--hover)}.chip-wrap.success:not(.outline) .chip-close:active{background-color:var(--theme-color-success--active)}.chip-wrap.success.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}.chip-wrap.success.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.success.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.success.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.success.outline.icon .with-icon{color:var(--theme-color-success)}.chip-wrap.success.outline .chip-close{color:inherit}.chip-wrap.success.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.success.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.outline .chip-close{background-color:var(--theme-chip-close-btn--background)}.chip-wrap.outline .chip-close:hover{background-color:var(--theme-chip-close-btn--background--hover)}.chip-wrap.outline .chip-close:active{background-color:var(--theme-chip-close-btn--background--active)}.chip-wrap.custom.outline{background-color:var(--theme-chip-outline--background)}.chip-wrap.custom.outline .chip-main{background-color:transparent}.chip-wrap.custom.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.custom.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.custom.outline .chip-close{color:inherit}.chip-wrap.custom.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.custom.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.custom:not(.outline) .chip-main{position:relative}.chip-wrap.custom:not(.outline) .chip-main:hover::after,.chip-wrap.custom:not(.outline) .chip-main:active::after{content:"";display:block;position:absolute;inset:0;border-radius:100px;pointer-events:none}.chip-wrap.custom:not(.outline) .chip-main:hover::after{background-color:color-mix(in srgb, currentColor 10%, transparent)}.chip-wrap.custom:not(.outline) .chip-main:active::after{background-color:color-mix(in srgb, currentColor 20%, transparent)}.chip-wrap.custom:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.custom:not(.outline) .chip-close:hover{background-color:color-mix(in srgb, currentColor 10%, transparent)}.chip-wrap.custom:not(.outline) .chip-close:active{background-color:color-mix(in srgb, currentColor 20%, transparent)}'}},[769,"ix-chip",{variant:[513],inactive:[4],closable:[4],icon:[1],ariaLabelIcon:[1,"aria-label-icon"],background:[1],chipColor:[1,"chip-color"],outline:[4],tooltipText:[8,"tooltip-text"],centerContent:[4,"center-content"],ariaLabelCloseButton:[1,"aria-label-close-button"],inheritAriaAttributes:[32]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["ix-chip","ix-tooltip","ix-typography"].forEach((r=>{switch(r){case"ix-chip":customElements.get(t(r))||customElements.define(t(r),b);break;case"ix-tooltip":customElements.get(t(r))||u();break;case"ix-typography":customElements.get(t(r))||s()}}))};export{m as IxChip,g as defineCustomElement}
|
package/components/ix-col.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as o,d as s}from"./p-
|
|
1
|
+
import{C as o,d as s}from"./p-DTcUamMt.js";const t=o,a=s;export{t as IxCol,a as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,e as a,h as
|
|
1
|
+
import{p as e,H as t,e as a,h as i,d as s,t as o}from"./p-Bxdy-8CE.js";import{o as r}from"./p-CQj_gEvY.js";import{d as l}from"./p-NLlCSNeG.js";import{d as c}from"./p-By6x--zJ.js";import{d as n}from"./p-MZOpritx.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.backButtonClick=a(this,"backButtonClick",7)}variant="primary";headerTitle;headerSubtitle=void 0;hasBackButton=!1;backButtonClick;render(){return i(s,{key:"08d49655e0c6990b14505b590d2ba0e94a295db6"},this.hasBackButton?i("ix-icon-button",{class:"backButton",variant:"tertiary",icon:r,onClick:()=>this.backButtonClick.emit()}):null,i("div",{key:"8afb44c00a90916824175200dd536e56eb949624",class:"titleGroup"},i("div",{key:"2a27fa1f4b31d9114dfebc9a8aff5729f906b1c8",class:"headerTitleRow"},i("ix-typography",{key:"d901bfeee7f8abc8e5007e53c21105f5c79b0a56",format:"secondary"===this.variant?"h4":"h3",class:{secondary:"secondary"===this.variant,titleOverflow:!0}},this.headerTitle),i("div",{key:"1a846985aeb4a94d9524d1666a271c9c145095a6",class:"headerSlot"},i("slot",{key:"25543ed73b45c08a9b50912362376fb9fc1906cd",name:"header"}))),!!this.headerSubtitle&&i("ix-typography",{key:"288fe9e598a20b6dac48f0a2024c094b6680dbb3",format:"h6","text-color":"soft",class:{subtitle:"secondary"===this.variant,titleOverflow:!0},title:this.headerSubtitle},this.headerSubtitle)),i("div",{key:"8e393c872c9332878140746709d4ec57cd3f2a8d",class:"buttons"},i("slot",{key:"be658a281dd351bb609ef0f347da991288672fb7"})))}static get style(){return":host{display:flex;flex-direction:row;align-items:flex-start;padding:0}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0;min-width:0;white-space:nowrap;margin-right:0.5rem}:host .titleGroup .titleOverflow{overflow:hidden;text-overflow:ellipsis}:host .titleGroup .headerTitleRow{display:flex}:host .titleGroup .headerTitleRow .headerSlot{display:inline-flex;margin-left:0.5rem}:host .titleGroup .secondary{padding:0.25rem 0}:host .subtitle{margin-top:-0.125rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}"}},[769,"ix-content-header",{variant:[1],headerTitle:[1,"header-title"],headerSubtitle:[1,"header-subtitle"],hasBackButton:[4,"has-back-button"]}]),h=d,f=function(){"undefined"!=typeof customElements&&["ix-content-header","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-content-header":customElements.get(o(e))||customElements.define(o(e),d);break;case"ix-icon-button":customElements.get(o(e))||l();break;case"ix-spinner":customElements.get(o(e))||c();break;case"ix-typography":customElements.get(o(e))||n()}}))};export{h as IxContentHeader,f as defineCustomElement}
|
package/components/ix-content.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as e,H as t,h as o,d as r,t as a}from"./p-Bxdy-8CE.js";import{h as s}from"./p-D4RWuUBi.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}isContentHeaderSlotted=!1;get contentHeaderSlot(){return this.hostElement.shadowRoot.querySelector(".content-header slot")}render(){return o(r,{key:"c55017944f9bae7571742eace9f6e7c741e736e3"},o("div",{key:"42bb2691481a6e55ec4ad1f1e1e075e96cedd0df",class:{"content-header":!0,slotted:this.isContentHeaderSlotted}},o("slot",{key:"ea93135ea0b4a1e7a20a159446280ceb24aa4b01",name:"header",onSlotchange:()=>{this.isContentHeaderSlotted=s(this.contentHeaderSlot)}})),o("div",{key:"90c0076e390d2a7b9a5c7be22ba05fba1e2302bf",class:"content"},o("slot",{key:"aff4024b33c30f527a951df5656d105847c87fe6"})))}static get style(){return":host{display:flex;flex-direction:column;position:relative;padding:1.5rem 2rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .content{flex-grow:1;overflow:auto;position:relative}:host .content-header.slotted{margin-bottom:1rem}"}},[769,"ix-content",{isContentHeaderSlotted:[32]}]),c=n,l=function(){"undefined"!=typeof customElements&&["ix-content"].forEach((e=>{"ix-content"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))};export{c as IxContent,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as s,d as i,t as c}from"./p-
|
|
1
|
+
import{p as t,H as e,h as s,d as i,t as c}from"./p-Bxdy-8CE.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}itemName;render(){const t={};return t["grid-area"]=this.itemName,s(i,{key:"5b0d3b6ab2e0f7fc79378a854c60e3635e8ab692",style:t},s("slot",{key:"fc224d72d60566ddb1ba52ae6457e7458a56cccf"}))}static get style(){return":host{display:block;position:relative}:host ::slotted(*){height:100%;width:100%}"}},[769,"ix-css-grid-item",{itemName:[1,"item-name"]}]),d=o,m=function(){"undefined"!=typeof customElements&&["ix-css-grid-item"].forEach((t=>{"ix-css-grid-item"===t&&(customElements.get(c(t))||customElements.define(c(t),o))}))};export{d as IxCssGridItem,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as e,H as t,h as s,d as i,t as n}from"./p-Bxdy-8CE.js";const r=[{name:"sm",query:"only screen and (max-width: 576px)"},{name:"md",query:"only screen and (max-width: 768px)"},{name:"lg",query:"only screen and (max-width: 992px)"}],a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}templates;currentTemplate;disposeMediaQueryListener=[];mediaQueries=[];componentWillRender(){this.mediaQueries=r.map((e=>{const t=window.matchMedia(e.query),s=()=>{this.applyTemplate()};return this.disposeMediaQueryListener.push(s),t.addEventListener("change",s),{...e,mediaQuery:t}})),this.applyTemplate()}disconnectedCallback(){this.mediaQueries.forEach(((e,t)=>{e.mediaQuery.removeEventListener("change",this.disposeMediaQueryListener[t])}))}findNextTemplate(e){if(!this.templates)return[];const t=this.mediaQueries.findIndex((t=>t.name===e));return this.templates[this.mediaQueries[t+1].name]||this.findNextTemplate(this.mediaQueries[t+1].name)}applyTemplate(){if(!this.templates)return;let e=this.mediaQueries.find((e=>e.mediaQuery.matches));e||(e=this.mediaQueries[this.mediaQueries.length-1]);this.currentTemplate=this.templates[e.name]||this.findNextTemplate(e.name)}render(){const e={};return this.currentTemplate&&0!==this.currentTemplate.length&&(e["grid-template-areas"]=function(e){let t="";return e.forEach((e=>{t+='"',t=e.reduce(((e,t)=>`${e} ${t}`),t),t+='"\n'})),t}(this.currentTemplate)),s(i,{key:"90eb8b6d89365b75ca151c8f8aa06e8c0ca8d8e9",style:e},s("slot",{key:"bbaf70a779b756872793a86ae24e247909ef0b96"}))}static get style(){return":host{display:grid;position:relative;row-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}"}},[769,"ix-css-grid",{templates:[16],currentTemplate:[32]}]),c=a,m=function(){"undefined"!=typeof customElements&&["ix-css-grid"].forEach((e=>{"ix-css-grid"===e&&(customElements.get(n(e))||customElements.define(n(e),a))}))};export{c as IxCssGrid,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,h as i,d as s,t as o}from"./p-
|
|
1
|
+
import{p as t,H as e,h as i,d as s,t as o}from"./p-Bxdy-8CE.js";import{d as n}from"./p-Cf71L4Ol.js";import{d as l}from"./p-CuswfnZ5.js";import{d as a}from"./p-XBJqkmoc.js";import{d as r}from"./p-MZOpritx.js";import{H as d}from"./p-C-wf4kbs.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}required=!1;label;helperText;infoText;warningText;invalidText;validText;showTextAsTooltip;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;updateValidationState({isInvalid:t,isValid:e,isInfo:i,isWarning:s}){this.isInvalid=t,this.isValid=e,this.isInfo=i,this.isWarning=s}render(){return i(s,{key:"58b6b1c90f21d49345286996f1089fb9f0f383f9"},i("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},i("slot",{key:"94fa34d216ef723f2d8c5d685c359233eb10fb93"})))}static get style(){return":host{display:block;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}"}},[769,"ix-custom-field",{required:[4],label:[1],helperText:[1,"helper-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],invalidText:[1,"invalid-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32]}]);!function(t,e,i,s){var o,n=arguments.length,l=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(l=(n<3?o(l):n>3?o(e,i,l):o(e,i))||l);n>3&&l&&Object.defineProperty(e,i,l)}([d({includeChildren:!0})],f.prototype,"updateValidationState",null);const c=f,p=function(){"undefined"!=typeof customElements&&["ix-custom-field","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-custom-field":customElements.get(o(t))||customElements.define(o(t),f);break;case"ix-field-label":customElements.get(o(t))||n();break;case"ix-field-wrapper":customElements.get(o(t))||l();break;case"ix-tooltip":customElements.get(o(t))||a();break;case"ix-typography":customElements.get(o(t))||r()}}))};export{c as IxCustomField,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,e as i,h as s,F as o,d as a,t as n}from"./p-C_6_Rh7K.js";import{k as r}from"./p-CdT1qV2I.js";import{D as d}from"./p-D1WplX1z.js";import{m as h}from"./p-bcj7UEIC.js";import{d as c}from"./p-xrAJuWDf.js";import{d as m}from"./p-ChDWY0o5.js";import{d as l}from"./p-B81cFxT_.js";import{d as b}from"./p-BbN-BCaw.js";import{d as g}from"./p-CsGkJrm6.js";import{d as u}from"./p-B0gQmZW3.js";import{d as p}from"./p-mraQmnXA.js";import{d as f}from"./p-CMi1hdQj.js";import{d as k}from"./p-Cce1kE8J.js";import{d as x}from"./p-AHG5KaOt.js";const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dateRangeChange=i(this,"dateRangeChange",7),this.disabled=!1,this.format="yyyy/LL/dd",this.singleSelection=!1,this.from="",this.to="",this.minDate="",this.maxDate="",this.dateRangeId="custom",this.variant="primary",this.loading=!1,this.showWeekNumbers=!1,this.customRangeDisabled=!1,this.dateRangeOptions=[],this.weekStartIndex=0,this.i18nCustomItem="Custom...",this.i18nDone="Done",this.i18nNoRange="No range set",this.today=d.now().toISO(),this.enableTopLayer=!1,this.selectedDateRangeId="",this.triggerRef=h(),this.datePickerTouched=!1}onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId),this.updateCurrentDate(),this.setDateRangeSelection(this.dateRangeId),this.currentRangeValue&&this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}onDateRangeOptionsChange(){this.initialize(),this.onDateRangeIdChange()}onDisabledChange(){this.disabled&&this.closeDropdown()}componentWillLoad(){this.initialize(),this.setDateRangeSelection(this.dateRangeId)}async getDateRange(){return this.currentRangeValue||{id:"",from:"",to:""}}initialize(){const t="custom"===this.dateRangeId||!this.dateRangeId&&!!this.from&&!!this.to;return t&&!this.customRangeDisabled?(this.selectedDateRangeId="custom",void this.updateCurrentDate()):t||this.from?(console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".'),this.selectedDateRangeId="custom",void this.updateCurrentDate()):void 0}updateCurrentDate(){this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to}}onDateSelect(t,e=!0){this.dateRangeChange.emit(t),e&&this.closeDropdown(),this.datePickerTouched=!1}onRangeListSelect(t){this.setDateRangeSelection(t)&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue)}setDateRangeSelection(t){this.selectedDateRangeId=t;const e=this.dateRangeOptions.find((e=>e.id===t));return e&&(this.currentRangeValue=e),e}closeDropdown(){const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");t&&(t.show=!1)}getButtonLabel(){var t,e;if("custom"===this.selectedDateRangeId&&(null===(t=this.currentRangeValue)||void 0===t?void 0:t.from)){let t=this.currentRangeValue.from;return this.currentRangeValue.to&&(t+=" - "+this.currentRangeValue.to),t}if(!this.selectedDateRangeId)return this.i18nNoRange;if(!this.dateRangeOptions||0===(null===(e=this.dateRangeOptions)||void 0===e?void 0:e.length))return this.i18nNoRange;const i=this.dateRangeOptions.find((t=>t.id===this.selectedDateRangeId));return i?i.label:(console.error("Cannot find range option with id "+this.selectedDateRangeId),this.i18nNoRange)}render(){var t,e,i;return s(a,{key:"34b878eb8221b6c13f235d1b42ec63d3b6dce25c"},s("ix-button",{key:"6f442e0178a7aabdf35321780d95414ab80af0cb","data-testid":"date-dropdown-trigger","data-date-dropdown-trigger":!0,variant:this.variant,loading:this.loading,icon:r,ref:this.triggerRef,disabled:this.disabled,ariaLabelButton:this.ariaLabelDropdownButton},this.getButtonLabel()),s("ix-dropdown",{key:"13e442c5143981a0436675ce43541a6a48f6e597","data-testid":"date-dropdown","data-date-dropdown":!0,class:"min-width max-height",trigger:this.triggerRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",enableTopLayer:this.enableTopLayer,onShowChanged:({detail:t})=>{!t&&"custom"===this.selectedDateRangeId&&this.datePickerTouched&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue)}},s("ix-layout-grid",{key:"49291819c2c01fce81097c562651fddbd0e97c79",noMargin:!0},s("ix-row",{key:"94e2c60aef9145b53d522359712ba589cbfa927f"},(null===(t=this.dateRangeOptions)||void 0===t?void 0:t.length)>1&&s("ix-col",{key:"1c1b7ad6422fb90575d4296f47cabfdc68d0e8cc",class:{"no-margin":!0,"border-right":"custom"===this.selectedDateRangeId}},this.dateRangeOptions.map((t=>s("ix-dropdown-item",{label:t.label,onClick:()=>this.onRangeListSelect(t.id),checked:this.selectedDateRangeId===t.id}))),s("div",{key:"fb98566476232ec358a720a96eb0df980d7ee415",hidden:this.customRangeDisabled},s("ix-dropdown-item",{key:"366f32a5f783616fc89b33e813d9641822c493a0",label:this.i18nCustomItem,checked:"custom"===this.selectedDateRangeId,onClick:()=>this.onRangeListSelect("custom")}))),s("ix-col",{key:"d4fa12da77f51f05146fbebc123881df059f4d45",class:"no-margin"},"custom"===this.selectedDateRangeId&&s(o,{key:"89266fc7d1998258fe343694402b95a6a1242f50"},s("ix-date-picker",{key:"8a98c0ad64816ec791215762874c0f3b36ddf41c",embedded:!0,locale:this.locale,onDateChange:t=>{t.stopPropagation(),this.currentRangeValue=Object.assign(Object.assign({},t.detail),{id:"custom"}),this.datePickerTouched=!0},onDateRangeChange:t=>t.stopPropagation(),format:this.format,singleSelection:this.singleSelection,from:this.from||(null===(e=this.currentRangeValue)||void 0===e?void 0:e.from),to:this.to||(null===(i=this.currentRangeValue)||void 0===i?void 0:i.to),minDate:this.minDate,maxDate:this.maxDate,today:this.today,weekStartIndex:this.weekStartIndex,showWeekNumbers:this.showWeekNumbers}),s("div",{key:"bc7248eefd41cec82a1b5098ddb02e15b4c56898",class:"pull-right"},s("ix-button",{key:"d9a0d55379527f733c80627d3f16c5f22704688f",onClick:()=>{this.currentRangeValue&&this.onDateSelect(this.currentRangeValue)}},this.i18nDone))))))))}get hostElement(){return this}static get watchers(){return{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}@media (max-width: 48em){:host .min-width{width:-moz-min-content;width:min-content}}@media (min-width: 48em){:host .border-right{border-right:var(--theme-x-weak-bdr-2)}}:host ix-button{width:100%}:host .max-height{max-height:-moz-max-content;max-height:max-content}:host .no-margin{margin:0;padding:0}:host .pull-right{float:right;padding:0 1rem 0.75rem 1rem}"}},[1,"ix-date-dropdown",{disabled:[4],format:[1],singleSelection:[4,"single-selection"],from:[1],to:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],dateRangeId:[1,"date-range-id"],variant:[1],loading:[4],showWeekNumbers:[4,"show-week-numbers"],ariaLabelDropdownButton:[1,"aria-label-dropdown-button"],customRangeDisabled:[4,"custom-range-disabled"],dateRangeOptions:[16],locale:[1],weekStartIndex:[2,"week-start-index"],i18nCustomItem:[1,"i18n-custom-item"],i18nDone:[1,"i18n-done"],i18nNoRange:[1,"i18n-no-range"],today:[1],enableTopLayer:[4,"enable-top-layer"],selectedDateRangeId:[32],currentRangeValue:[32],getDateRange:[64]},void 0,{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}]),v=w,D=function(){"undefined"!=typeof customElements&&["ix-date-dropdown","ix-button","ix-col","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-item","ix-icon-button","ix-layout-grid","ix-row","ix-spinner"].forEach((t=>{switch(t){case"ix-date-dropdown":customElements.get(n(t))||customElements.define(n(t),w);break;case"ix-button":customElements.get(n(t))||c();break;case"ix-col":customElements.get(n(t))||m();break;case"ix-date-picker":customElements.get(n(t))||l();break;case"ix-date-time-card":customElements.get(n(t))||b();break;case"ix-dropdown":customElements.get(n(t))||g();break;case"ix-dropdown-item":customElements.get(n(t))||u();break;case"ix-icon-button":customElements.get(n(t))||p();break;case"ix-layout-grid":customElements.get(n(t))||f();break;case"ix-row":customElements.get(n(t))||k();break;case"ix-spinner":customElements.get(n(t))||x()}}))};export{v as IxDateDropdown,D as defineCustomElement}
|
|
1
|
+
import{p as e,M as t,e as o,h as r,d as i,t as s}from"./p-Bxdy-8CE.js";import{p as a}from"./p-CQj_gEvY.js";import{D as n}from"./p-D1WplX1z.js";import{D as d,h as l}from"./p-Dx8kFukG.js";import{m as c}from"./p-Djkc69iv.js";import{r as h}from"./p-BEuV0Xpe.js";import{B as b}from"./p-qsIASuyM.js";import{b as u,a as m}from"./p-B5k8YVR0.js";import{T as p,d as g}from"./p-B1ZcjHve.js";import{d as k}from"./p-Btv5ReUJ.js";import{d as f}from"./p-BtvsjuLo.js";import{d as v}from"./p-546lBshK.js";import{d as x}from"./p-CDKHgTB8.js";import{d as y}from"./p-uIG84RqI.js";import{d as w}from"./p-NLlCSNeG.js";import{d as D}from"./p-By6x--zJ.js";import{d as R}from"./p-MZOpritx.js";const q=e(class extends(t(...d)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dateRangeChange=o(this,"dateRangeChange",7)}get hostElement(){return this}disabled=!1;format="yyyy/LL/dd";singleSelection=!1;from="";to="";minDate="";maxDate="";dateRangeId="custom";variant="primary";loading=!1;showWeekNumbers=!1;onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId),this.updateCurrentDate(),this.setDateRangeSelection(this.dateRangeId),this.currentRangeValue&&this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}dateRangeOptions=[];onDateRangeOptionsChange(){this.initialize(),this.onDateRangeIdChange()}locale;weekStartIndex=0;i18nDone="Done";i18nNoRange="No range set";today=n.now().toISO();enableTopLayer=!1;dateRangeChange;selectedDateRangeId="";currentRangeValue;show=!1;triggerRef=c();onDisabledChange(){this.disabled&&this.closeDropdown()}datePickerRef=c();inheritAriaAttributes={};componentWillLoad(){this.initialize(),this.setDateRangeSelection(this.dateRangeId),this.inheritAriaAttributes=u(this.hostElement)}async getDateRange(){return this.currentRangeValue||{id:"",from:"",to:""}}initialize(){const e="custom"===this.dateRangeId||!this.dateRangeId&&!!this.from&&!!this.to;return e?(this.selectedDateRangeId="custom",void this.updateCurrentDate()):e||this.from?(console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".'),this.selectedDateRangeId="custom",void this.updateCurrentDate()):void 0}updateCurrentDate(){this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to}}onDateSelect(e){this.dateRangeChange.emit(e)}onRangeListSelect(e){this.setDateRangeSelection(e)&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue)}setDateRangeSelection(e){this.selectedDateRangeId=e;const t=this.dateRangeOptions.find((t=>t.id===e));if(t)if(t.from&&t?.from===this.currentRangeValue?.from){const e=n.fromFormat(t.from,this.format);this.datePickerRef.current?.updateSelectedYearMonth(e)}else this.currentRangeValue=t;return t}closeDropdown(){const e=this.hostElement.shadowRoot.querySelector("ix-dropdown");e&&(e.show=!1)}getButtonLabel(){if(this.currentRangeValue?.from){let e=this.currentRangeValue.from;return this.currentRangeValue.to===this.currentRangeValue.from||this.currentRangeValue.to&&(e+=" - "+this.currentRangeValue.to),e}return this.i18nNoRange}render(){const e=this.inheritAriaAttributes["aria-label"]||this.getButtonLabel();return r(i,{key:"04bd340613c20abbe3b836dab11637d7991fd295",onFocusout:e=>{e.relatedTarget&&this.closeDropdown()},role:"presentation"},r("ix-button",{key:"a95f89b7d276e96aebd318e2d8ca100d113d599a","data-testid":"date-dropdown-trigger","data-date-dropdown-trigger":!0,variant:this.variant,loading:this.loading,icon:a,ref:this.triggerRef,disabled:this.disabled,...this.inheritAriaAttributes,"aria-haspopup":"true","aria-expanded":m(this.show),"aria-controls":"date-dropdown","aria-label":e,[p]:!0},this.getButtonLabel()),r("ix-dropdown",{key:"45614c12ee610cda3ddf8cbc740a0df76ed33cc0",focusTrapOptions:{excludeElements:!0,trapFocusInShadowDom:!0},focusHost:this.hostElement,id:"date-dropdown","data-testid":"date-dropdown","data-date-dropdown":!0,class:"min-width max-height",trigger:this.triggerRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,onShowChanged:async({detail:e})=>{this.show=e,!e&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue),e&&l()&&h((()=>{const e=this.datePickerRef.current;e?.focus()}))}},r("div",{key:"074b28feb93dea7482763f380870b0755a752419",class:"container"},this.dateRangeOptions?.length>1&&r("div",{key:"25983a11b1ac61f12b4bbd140871bae70b3a813f",class:{"quick-selection":!0,"border-right":"custom"===this.selectedDateRangeId}},this.dateRangeOptions.map((e=>r(b,{disabled:!1,iconOnly:!1,iconOval:!1,selected:!1,loading:!1,type:"button",variant:"subtle-tertiary",onClick:()=>this.onRangeListSelect(e.id),ariaAttributes:{"aria-label":`${e.label}: ${e.from} to ${e.to}`}},e.label)))),r("div",{key:"1090e03e941d7a3914e3d4e3f3850bebe195f2ec",class:"picker-wrapper"},r("ix-date-picker",{key:"fd864d0454c857db7016e3d2ed9322617fbc79eb",ref:this.datePickerRef,embedded:!0,locale:this.locale,onDateChange:e=>{e.stopPropagation(),this.currentRangeValue={...e.detail,id:"custom"}},onDateRangeChange:e=>e.stopPropagation(),format:this.format,singleSelection:this.singleSelection,from:this.from||this.currentRangeValue?.from,to:this.to||this.currentRangeValue?.to,minDate:this.minDate,maxDate:this.maxDate,today:this.today,weekStartIndex:this.weekStartIndex,showWeekNumbers:this.showWeekNumbers}),r("div",{key:"bdd9ca166ed48d1e0599e5e9b0da38ac6f3c1b18",class:"pull-right"},r("ix-button",{key:"3fd556de5401f53c83804665669c0c9f42ce6821",onClick:()=>{this.currentRangeValue&&(this.onDateSelect(this.currentRangeValue),this.closeDropdown())}},this.i18nDone))))))}static get watchers(){return{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .pull-right{position:relative;float:right;padding:1rem}:host .quick-selection{display:inline-flex;flex-direction:column;gap:0.25rem;border-right:var(--theme-x-weak-bdr-1);overflow:auto;padding:0.5rem}:host .quick-selection ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .quick-selection *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .quick-selection ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .quick-selection ::-webkit-scrollbar-corner{display:none}:host .quick-selection .btn{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem;min-width:8rem;min-height:2rem;max-height:2rem;justify-content:flex-start}:host .quick-selection .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .quick-selection .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .quick-selection .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .quick-selection .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host .container{display:flex;flex-direction:row;height:25rem;max-height:25rem;flex-wrap:nowrap}:host .picker-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}:host .picker-wrapper ix-date-picker{height:21rem}:host ix-dropdown{padding:0px}@media only screen and (max-width: 48em){:host .container{flex-direction:column;max-height:unset;height:unset}:host .quick-selection{max-height:12rem}}"}},[513,"ix-date-dropdown",{disabled:[4],format:[1],singleSelection:[4,"single-selection"],from:[1],to:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],dateRangeId:[1,"date-range-id"],variant:[1],loading:[4],showWeekNumbers:[4,"show-week-numbers"],dateRangeOptions:[16],locale:[1],weekStartIndex:[2,"week-start-index"],i18nDone:[1,"i18n-done"],i18nNoRange:[1,"i18n-no-range"],today:[1],enableTopLayer:[4,"enable-top-layer"],selectedDateRangeId:[32],currentRangeValue:[32],show:[32],getDateRange:[64]},void 0,{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}]),C=q,j=function(){"undefined"!=typeof customElements&&["ix-date-dropdown","ix-button","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-date-dropdown":customElements.get(s(e))||customElements.define(s(e),q);break;case"ix-button":customElements.get(s(e))||k();break;case"ix-date-picker":customElements.get(s(e))||f();break;case"ix-date-time-card":customElements.get(s(e))||v();break;case"ix-dropdown":customElements.get(s(e))||g();break;case"ix-dropdown-button":customElements.get(s(e))||x();break;case"ix-dropdown-item":customElements.get(s(e))||y();break;case"ix-icon-button":customElements.get(s(e))||w();break;case"ix-spinner":customElements.get(s(e))||D();break;case"ix-typography":customElements.get(s(e))||R()}}))};export{C as IxDateDropdown,j as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,e as o,h as r,d as a,t as n}from"./p-C_6_Rh7K.js";import{l as i}from"./p-CdT1qV2I.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,a as s,b as h,o as c,h as b,S as u,d as p,e as m,f as v}from"./p-DaVdylP8.js";import{H as y,c as x,g as f}from"./p-0oJ9dyRQ.js";import{h as g,o as k,c as w,a as z}from"./p-BvFOMxgl.js";import{m as C}from"./p-bcj7UEIC.js";import{d as j}from"./p-xrAJuWDf.js";import{d as E}from"./p-B81cFxT_.js";import{d as I}from"./p-BbN-BCaw.js";import{d as V}from"./p-CsGkJrm6.js";import{d as S}from"./p-CkBQGLbj.js";import{d as T}from"./p-9tuDiQEH.js";import{d as D}from"./p-mraQmnXA.js";import{d as B}from"./p-AHG5KaOt.js";import{d as L}from"./p-C9SfsAWb.js";import{d as A}from"./p-VHuL40oZ.js";const P=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",6),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals(),this.value="",this.minDate="",this.maxDate="",this.format="yyyy/LL/dd",this.ariaLabelCalendarButton="Open calendar",this.readonly=!1,this.disabled=!1,this.i18nErrorDateUnparsable="Date is not valid",this.showWeekNumbers=!1,this.weekStartIndex=0,this.ariaLabelPreviousMonthButton="Previous month",this.ariaLabelNextMonthButton="Next month",this.suppressSubmitOnEnter=!1,this.textAlignment="start",this.enableTopLayer=!1,this.show=!1,this.from=null,this.isInputInvalid=!1,this.isInvalid=!1,this.isValid=!1,this.isInfo=!1,this.isWarning=!1,this.focus=!1,this.slotStartRef=C(),this.slotEndRef=C(),this.datepickerRef=C(),this.inputElementRef=C(),this.dropdownElementRef=C(),this.touched=!1,this.validityTracker=d()}watchValuePropHandler(t){this.onInput(t)}updateFormInternalValue(t){this.formInternals.setFormValue(t||null),this.value=t}connectedCallback(){this.classObserver=x(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.isInputInvalid?this.from=null:this.watchValue(),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){var t,e;null===(t=this.classObserver)||void 0===t||t.destroy(),null===(e=this.disposableChangesAndVisibilityObservers)||void 0===e||e.call(this)}watchValue(){this.from=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(t){var e;if(this.value=t,!t)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(t),void this.valueChange.emit(t);if(!this.format)return;const o=l.fromFormat(t,this.format),r=l.fromFormat(this.minDate,this.format),a=l.fromFormat(this.maxDate,this.format);this.isInputInvalid=!o.isValid||o<r||o>a,this.isInputInvalid?(this.invalidReason=null!==(e=o.invalidReason)&&void 0!==e?e:void 0,this.from=void 0):(this.updateFormInternalValue(t),this.closeDropdown()),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(t)}onCalenderClick(t){g(t,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return k(this.dropdownElementRef)}async closeDropdown(){return w(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleInputKeyDown(t){c(t,this,this.value),b(t,this.suppressSubmitOnEnter,this.formInternals.form)}renderInput(){var t;return r("div",{class:"input-wrapper"},r(m,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,readonly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:null!==(t=this.value)&&void 0!==t?t:"",placeholder:this.placeholder,name:this.name,onInput:t=>{this.onInput(t.target.value)},onClick:t=>{this.show&&(t.stopPropagation(),t.preventDefault())},onFocus:async()=>{this.initialValue=this.value,this.openDropdown(),this.ixFocus.emit()},onBlur:()=>{p(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onKeyDown:t=>this.handleInputKeyDown(t),style:{textAlign:this.textAlignment}}),r(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{"data-testid":"open-calendar",class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:i,onClick:t=>this.onCalenderClick(t),"aria-label":this.ariaLabelCalendarButton})))}hookValidationLifecycle({isInfo:t,isInvalid:e,isInvalidByRequired:o,isValid:r,isWarning:a}){this.isInvalid=e||o||this.isInputInvalid,this.isInfo=t,this.isValid=r,this.isWarning=a}emitValidityStateChangeIfChanged(){return v(this)}getValidityState(){return Promise.resolve(z(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var t;const e=f(this.isInputInvalid,this.invalidText,this.i18nErrorDateUnparsable);return r(a,{key:"a188d09b1e24447e3fbc5a7a09c6e34042548a8c",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"c50fde9b3aee7a2645a70fd3bb090471f633d6a9",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),r("ix-dropdown",{key:"7a95a993e629b158905a32c1538e96a2d6275799","data-testid":"date-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:t=>{this.show=t.detail}},r("ix-date-picker",{key:"7375826a1d3df9751f387422db39206bc4fd4837",ref:this.datepickerRef,format:this.format,locale:this.locale,singleSelection:!0,from:null!==(t=this.from)&&void 0!==t?t:"",minDate:this.minDate,maxDate:this.maxDate,onDateChange:t=>{const{from:e}=t.detail;this.onInput(e),this.initialValue!==e&&(this.ixChange.emit(e),this.initialValue=e)},showWeekNumbers:this.showWeekNumbers,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,embedded:!0})))}static get formAssociated(){return!0}get hostElement(){return this}static get watchers(){return{value:[{watchValuePropHandler:0},{watchValue:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:calc(var(--theme-input--border-thickness) + 0.125rem)}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}'}},[65,"ix-date-input",{name:[513],placeholder:[513],value:[1537],minDate:[1,"min-date"],maxDate:[1,"max-date"],locale:[1],format:[1],required:[4],helperText:[1,"helper-text"],label:[1],ariaLabelCalendarButton:[1,"aria-label-calendar-button"],invalidText:[513,"invalid-text"],readonly:[4],disabled:[4],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorDateUnparsable:[1,"i18n-error-date-unparsable"],showWeekNumbers:[4,"show-week-numbers"],weekStartIndex:[2,"week-start-index"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],show:[32],from:[32],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],focus:[32],hasValidValue:[64],getAssociatedFormElement:[64],getValidityState:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{watchValuePropHandler:0},{watchValue:0}]}]);!function(t,e,o,r){var a,n=arguments.length,i=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,r);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(i=(n<3?a(i):n>3?a(e,o,i):a(e,o))||i);n>3&&i&&Object.defineProperty(e,o,i)}([y()],P.prototype,"hookValidationLifecycle",null);const q=P,H=function(){"undefined"!=typeof customElements&&["ix-date-input","ix-button","ix-date-picker","ix-date-time-card","ix-dropdown","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-date-input":customElements.get(n(t))||customElements.define(n(t),P);break;case"ix-button":customElements.get(n(t))||j();break;case"ix-date-picker":customElements.get(n(t))||E();break;case"ix-date-time-card":customElements.get(n(t))||I();break;case"ix-dropdown":customElements.get(n(t))||V();break;case"ix-field-label":customElements.get(n(t))||S();break;case"ix-field-wrapper":customElements.get(n(t))||T();break;case"ix-icon-button":customElements.get(n(t))||D();break;case"ix-spinner":customElements.get(n(t))||B();break;case"ix-tooltip":customElements.get(n(t))||L();break;case"ix-typography":customElements.get(n(t))||A()}}))};export{q as IxDateInput,H as defineCustomElement}
|
|
1
|
+
import{p as e,M as t,e as o,h as r,d as a,t as n}from"./p-Bxdy-8CE.js";import{q as i}from"./p-CQj_gEvY.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,a as s,b as h,h as c,S as b,o as u,d as p,e as m}from"./p-BwC_Hmai.js";import{I as v,h as x,o as f,c as y,a as g}from"./p-DN2Mr91y.js";import{m as k}from"./p-Djkc69iv.js";import{D as w,h as z}from"./p-Dx8kFukG.js";import{d as E}from"./p-Btv5ReUJ.js";import{d as C}from"./p-BtvsjuLo.js";import{d as I}from"./p-546lBshK.js";import{d as T}from"./p-B1ZcjHve.js";import{d as j}from"./p-CDKHgTB8.js";import{d as S}from"./p-uIG84RqI.js";import{d as B}from"./p-Cf71L4Ol.js";import{d as D}from"./p-CuswfnZ5.js";import{d as V}from"./p-NLlCSNeG.js";import{d as L}from"./p-By6x--zJ.js";import{d as A}from"./p-XBJqkmoc.js";import{d as R}from"./p-MZOpritx.js";import{c as P,g as q,H as N}from"./p-C-wf4kbs.js";const O=e(class extends(t(...w,v)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",6),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";watchValuePropHandler(e){this.onInput(e)}minDate="";maxDate="";locale;format="yyyy/LL/dd";required;helperText;label;ariaLabelCalendarButton="Open calendar";invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorDateUnparsable="Date is not valid";showWeekNumbers=!1;weekStartIndex=0;ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;from=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=k();slotEndRef=k();datepickerRef=k();inputElementRef=k();dropdownElementRef=k();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;updateFormInternalValue(e){this.formInternals.setFormValue(e||null),this.value=e}connectedCallback(){this.classObserver=P(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.isInputInvalid?this.from=null:this.watchValue(),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}watchValue(){this.from=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),void this.valueChange.emit(e);if(!this.format)return;const t=l.fromFormat(e,this.format),o=l.fromFormat(this.minDate,this.format),r=l.fromFormat(this.maxDate,this.format);this.isInputInvalid=!t.isValid||t<o||t>r,this.isInputInvalid?(this.invalidReason=t.invalidReason??void 0,this.from=void 0):(this.updateFormInternalValue(e),this.closeDropdown(),z()&&this.inputElementRef.current?.focus()),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(e)}onCalenderClick(e){x(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return f(this.dropdownElementRef)}async closeDropdown(){return y(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleInputKeyDown(e){c(e,this.suppressSubmitOnEnter,this.formInternals.form)}renderInput(){return r("div",{class:"input-wrapper"},r(p,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,readonly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value??"",placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.ixFocus.emit()},onBlur:()=>{this.touched=!0,u(this,this.inputElementRef.current,this.value),this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e),style:{textAlign:this.textAlignment}}),r(b,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{tabindex:-1,ref:e=>e.tabIndex=-1,"aria-label":this.ariaLabelCalendarButton,"data-testid":"open-calendar",class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:i,onClick:e=>this.onCalenderClick(e)})))}hookValidationLifecycle({isInfo:e,isInvalid:t,isInvalidByRequired:o,isValid:r,isWarning:a}){this.isInvalid=t||o||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=a}emitValidityStateChangeIfChanged(){return m(this)}getValidityState(){return Promise.resolve(g(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const e=q(this.isInputInvalid,this.invalidText,this.i18nErrorDateUnparsable);return r(a,{key:"af47e79c993c4001a8c697b4bfa3b71ddf9203c5",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:e=>{e.relatedTarget&&this.closeDropdown()}},r("ix-field-wrapper",{key:"f0dae49752dcad20893c2a5bbfc1adf3f4b5cf0d",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),r("ix-dropdown",{key:"835e7a2a80089aaf8c1837640750984433213ae9","data-testid":"date-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:e=>{this.show=e.detail},focusTrapOptions:{targetElement:this.datepickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>(this.datepickerRef.current?.focusActiveDay(),!0),keyboardActivationKeys:["ArrowUp","ArrowDown"]},r("ix-date-picker",{key:"07e0853b98afa498819fe3b4c8a87915368f0be6",ref:this.datepickerRef,format:this.format,locale:this.locale,singleSelection:!0,from:this.from??"",minDate:this.minDate,maxDate:this.maxDate,onDateChange:e=>{const{from:t}=e.detail;this.onInput(t),this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)},showWeekNumbers:this.showWeekNumbers,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,embedded:!0})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0},{watchValue:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}'}},[593,"ix-date-input",{name:[513],placeholder:[513],value:[1537],minDate:[1,"min-date"],maxDate:[1,"max-date"],locale:[1],format:[1],required:[4],helperText:[1,"helper-text"],label:[1],ariaLabelCalendarButton:[1,"aria-label-calendar-button"],invalidText:[513,"invalid-text"],readonly:[4],disabled:[4],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorDateUnparsable:[1,"i18n-error-date-unparsable"],showWeekNumbers:[4,"show-week-numbers"],weekStartIndex:[2,"week-start-index"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],show:[32],from:[32],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],focus:[32],openPicker:[64],hasValidValue:[64],getAssociatedFormElement:[64],getValidityState:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{watchValuePropHandler:0},{watchValue:0}]}]);!function(e,t,o,r){var a,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(n<3?a(i):n>3?a(t,o,i):a(t,o))||i);n>3&&i&&Object.defineProperty(t,o,i)}([N()],O.prototype,"hookValidationLifecycle",null);const F=O,H=function(){"undefined"!=typeof customElements&&["ix-date-input","ix-button","ix-date-picker","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-date-input":customElements.get(n(e))||customElements.define(n(e),O);break;case"ix-button":customElements.get(n(e))||E();break;case"ix-date-picker":customElements.get(n(e))||C();break;case"ix-date-time-card":customElements.get(n(e))||I();break;case"ix-dropdown":customElements.get(n(e))||T();break;case"ix-dropdown-button":customElements.get(n(e))||j();break;case"ix-dropdown-item":customElements.get(n(e))||S();break;case"ix-field-label":customElements.get(n(e))||B();break;case"ix-field-wrapper":customElements.get(n(e))||D();break;case"ix-icon-button":customElements.get(n(e))||V();break;case"ix-spinner":customElements.get(n(e))||L();break;case"ix-tooltip":customElements.get(n(e))||A();break;case"ix-typography":customElements.get(n(e))||R()}}))};export{F as IxDateInput,H as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-
|
|
1
|
+
import{D as o,d as s}from"./p-BtvsjuLo.js";const t=o,p=s;export{t as IxDatePicker,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as
|
|
1
|
+
import{D as s,d as o}from"./p-546lBshK.js";const p=s,r=o;export{p as IxDateTimeCard,r as defineCustomElement}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { Components, JSX } from "../dist/types/components";
|
|
2
2
|
|
|
3
|
-
interface
|
|
4
|
-
export const
|
|
5
|
-
prototype:
|
|
6
|
-
new ():
|
|
3
|
+
interface IxDatetimeInput extends Components.IxDatetimeInput, HTMLElement {}
|
|
4
|
+
export const IxDatetimeInput: {
|
|
5
|
+
prototype: IxDatetimeInput;
|
|
6
|
+
new (): IxDatetimeInput;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Used to define this component and all nested components recursively.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,M as e,e as o,h as r,d as i,t as a}from"./p-Bxdy-8CE.js";import{q as n}from"./p-CQj_gEvY.js";import{D as l}from"./p-D1WplX1z.js";import{c as s,h as d,e as h,a as c,b,S as u,f as m,o as p,d as v}from"./p-BwC_Hmai.js";import{g as x,i as f,d as y}from"./p-BcxPyyrm.js";import{I as g,h as k,o as w,c as T,a as E}from"./p-DN2Mr91y.js";import{m as C}from"./p-Djkc69iv.js";import{g as I,a as z,d as j}from"./p-JXbYOM9q.js";import{D as S}from"./p-Dx8kFukG.js";import{d as D}from"./p-Btv5ReUJ.js";import{d as B}from"./p-DTcUamMt.js";import{d as P}from"./p-BtvsjuLo.js";import{d as V}from"./p-546lBshK.js";import{d as L}from"./p-B1ZcjHve.js";import{d as M}from"./p-CDKHgTB8.js";import{d as H}from"./p-uIG84RqI.js";import{d as O}from"./p-Cf71L4Ol.js";import{d as R}from"./p-CuswfnZ5.js";import{d as A}from"./p-NLlCSNeG.js";import{d as F}from"./p-wEbi9beJ.js";import{d as q}from"./p-BP8g-yqY.js";import{d as N}from"./p-By6x--zJ.js";import{d as U}from"./p-XBJqkmoc.js";import{d as W}from"./p-MZOpritx.js";import{c as J,g as K,H as G}from"./p-C-wf4kbs.js";const X=t(class extends(e(...S,g)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";format="yyyy/LL/dd HH:mm:ss";locale;required=!1;disabled=!1;readonly=!1;minDate;maxDate;minTime;maxTime;label;helperText;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;i18nErrorDateTimeUnparsable="Date time is not valid";i18nDone="Confirm";i18nTime="Time";ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";ariaLabelCalendarButton="Toggle calendar";showWeekNumbers=!1;weekStartIndex=0;suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;slotStartRef=C();slotEndRef=C();inputElementRef=C();dropdownElementRef=C();datetimePickerRef=C();show=!1;from=null;time=null;classObserver;initialValue;invalidReason;touched=!1;validityTracker=s();disposableChangesAndVisibilityObservers;watchValuePropHandler(t){this.onInput(t)}watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}get combinedFormat(){return this.format}get dateOnlyFormat(){return I(this.format)}get timeOnlyFormat(){return z(this.format)}syncPickerState(){if(!this.value)return this.from=null,void(this.time=null);const t=l.fromFormat(this.value,this.combinedFormat,{locale:this.locale});t.isValid?(this.from=t.toFormat(this.dateOnlyFormat),this.time=t.toFormat(this.timeOnlyFormat)):(this.from=null,this.time=null)}async onInput(t){if(this.value=t,!t)return this.isInputInvalid=!1,this.invalidReason=void 0,this.from=null,this.time=null,this.emitValidityStateChangeIfChanged(),this.formInternals.setFormValue(null),void this.valueChange.emit(t);if(!this.format)return;const e=l.fromFormat(t,this.combinedFormat,{locale:this.locale}),o=this.computeConstraintValidation(e);this.isInputInvalid=o.isInvalid,this.invalidReason=o.reason,e.isValid?(this.from=e.toFormat(this.dateOnlyFormat),this.time=e.toFormat(this.timeOnlyFormat)):(this.from=null,this.time=null),this.formInternals.setFormValue(this.isInputInvalid?null:t),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(t)}parseConstraintDate(t,e){if(!t)return null;const o={locale:this.locale};let r=l.fromFormat(t,this.format,o);return r.isValid||(r=l.fromFormat(t,this.dateOnlyFormat,o)),r.isValid?"start"===e?r.startOf("day"):r.endOf("day"):null}validateConstraints(t,e,o,r,i){const a=!t.isValid,n=!!(e?.isValid&&t.isValid&&t<e),l=!!(o?.isValid&&t.isValid&&t>o),s=t.isValid&&!f(t,r,i);let d;return n?d="rangeUnderflow":l?d="rangeOverflow":s?d="customError":a&&(d=t.invalidReason||void 0),{isInvalid:a||n||l||s,reason:d}}getTimeConstraintBoundsForDate(t,e,o){if(!t.isValid)return{min:null,max:null};const r=x(this.minTime,this.maxTime,this.timeOnlyFormat,t.startOf("day"));if(!e?.isValid&&!o?.isValid)return r;const i=!!e?.isValid&&t.hasSame(e,"day"),a=!!o?.isValid&&t.hasSame(o,"day");return{min:i?r.min:null,max:a?r.max:null}}computeConstraintValidation(t){const e=this.parseConstraintDate(this.minDate,"start"),o=this.parseConstraintDate(this.maxDate,"end"),{min:r,max:i}=this.getTimeConstraintBoundsForDate(t,e,o);return this.validateConstraints(t,e,o,r,i)}revalidateCurrentValue(){if(!this.value||!this.format)return;const t=l.fromFormat(this.value,this.combinedFormat,{locale:this.locale});if(!t.isValid)return;const e=this.computeConstraintValidation(t);this.isInputInvalid=e.isInvalid,this.invalidReason=e.reason,this.emitValidityStateChangeIfChanged()}handleInputKeyDown(t){d(t,this.suppressSubmitOnEnter,this.formInternals.form)}initPickerValues(){if(this.syncPickerState(),!this.value){const t=l.now();t.isValid&&(this.from=t.toFormat(this.dateOnlyFormat),this.time=t.toFormat(this.timeOnlyFormat))}}onCalendarClick(t){k(t,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.initPickerValues(),w(this.dropdownElementRef)}async closeDropdown(){return T(this.dropdownElementRef)}updateFormInternalValue(t){this.formInternals.setFormValue(t||null)}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getValidityState(){return Promise.resolve(E(this.isInputInvalid,!!this.required,this.value))}async onInputValidationChange(){this.isInvalid=this.isInputInvalid;const t=await this.getValidityState();this.validityStateChange.emit({valid:t.valid,valueMissing:t.valueMissing,rangeUnderflow:"rangeUnderflow"===this.invalidReason,rangeOverflow:"rangeOverflow"===this.invalidReason,typeMismatch:!(!this.invalidReason||"rangeUnderflow"===this.invalidReason||"rangeOverflow"===this.invalidReason),customError:t.customError,badInput:t.badInput,patternMismatch:!1,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,invalidReason:this.invalidReason})}hookValidationLifecycle({isInfo:t,isInvalid:e,isInvalidByRequired:o,isValid:r,isWarning:i}){this.isInvalid=e||o||this.isInputInvalid,this.isInfo=t,this.isValid=r,this.isWarning=i}emitValidityStateChangeIfChanged(){return h(this)}emitChange(t){this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)}connectedCallback(){this.classObserver=J(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value),this.initialValue=this.value}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleDateSelect=t=>{const{from:e,time:o}=t.detail;if(!e||!o)return;const r=l.fromFormat(e,this.dateOnlyFormat,{locale:this.locale}),i=l.fromFormat(o,this.timeOnlyFormat,{locale:this.locale});if(!r.isValid||!i.isValid)return;const a=r.set({hour:i.hour,minute:i.minute,second:i.second,millisecond:i.millisecond}).toFormat(this.format);this.onInput(a),this.emitChange(a),this.closeDropdown()};getPickerElement(){return this.dropdownElementRef}renderInput(){return r("div",{class:"input-wrapper"},r(v,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,name:this.name,placeholder:this.placeholder,readonly:this.readonly,ref:this.inputElementRef,required:this.required,style:{textAlign:this.textAlignment},type:"text",value:this.value??"",onBlur:()=>{p(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onClick:t=>{this.show&&(t.stopPropagation(),t.preventDefault())},onFocus:()=>{m(this,this.value),this.ixFocus.emit()},onInput:t=>{this.onInput(t.target.value)},onKeyDown:t=>this.handleInputKeyDown(t)}),r(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{"aria-label":this.ariaLabelCalendarButton,tabindex:-1,class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",icon:n,size:"16",onClick:t=>this.onCalendarClick(t)})))}render(){const t=K(this.isInputInvalid,this.invalidText,this.i18nErrorDateTimeUnparsable);return r(i,{key:"71e43042e770959dbc22198d9444e9ea7c6f17fc",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"3da77d1b86370fd5cd75ecfb4ef3b23694ade8cb",controlRef:this.inputElementRef,helperText:this.helperText,infoText:this.infoText,invalidText:t,isInfo:this.isInfo,isInvalid:this.isInvalid,isValid:this.isValid,isWarning:this.isWarning,label:this.label,required:this.required,showTextAsTooltip:this.showTextAsTooltip,validText:this.validText,warningText:this.warningText},this.renderInput()),r("ix-dropdown",{key:"3a5066da2b6fbd59a90ffe8a818b26a4a0631fa0",class:"datetime-dropdown",closeBehavior:"outside","data-testid":"datetime-dropdown",enableTopLayer:this.enableTopLayer,ref:this.dropdownElementRef,show:this.show,suppressOverflowBehavior:!0,trigger:this.inputElementRef.waitForCurrent(),onShowChanged:t=>{this.show=t.detail},focusTrapOptions:{targetElement:this.datetimePickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>{const t=this.datetimePickerRef.current;if(t){const e=await t.getDatepickerElement();e?.focusActiveDay()}return!0},keyboardActivationKeys:["ArrowUp","ArrowDown"]},r("ix-datetime-picker",{key:"0960ed4b9e3a5f5b5f230de9f2bafad1ea84d6f5",ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,dateFormat:this.dateOnlyFormat,embedded:!0,from:this.from??"",i18nDone:this.i18nDone,i18nTime:this.i18nTime,locale:this.locale,maxDate:this.maxDate,maxTime:this.maxTime,minDate:this.minDate,minTime:this.minTime,ref:this.datetimePickerRef,showWeekNumbers:this.showWeekNumbers,singleSelection:!0,time:this.time??"",timeFormat:this.timeOnlyFormat,weekStartIndex:this.weekStartIndex,onDateSelect:this.handleDateSelect})))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],isInputInvalid:[{onInputValidationChange:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}'}},[577,"ix-datetime-input",{name:[513],placeholder:[513],value:[1537],format:[1],locale:[1],required:[4],disabled:[4],readonly:[4],minDate:[1,"min-date"],maxDate:[1,"max-date"],minTime:[1,"min-time"],maxTime:[1,"max-time"],label:[1],helperText:[1,"helper-text"],invalidText:[513,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorDateTimeUnparsable:[1,"i-1-8n-error-date-time-unparsable"],i18nDone:[1,"i-1-8n-done"],i18nTime:[1,"i-1-8n-time"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],ariaLabelCalendarButton:[1,"aria-label-calendar-button"],showWeekNumbers:[4,"show-week-numbers"],weekStartIndex:[2,"week-start-index"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],show:[32],from:[32],time:[32],openPicker:[64],hasValidValue:[64],getAssociatedFormElement:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64],getValidityState:[64]},void 0,{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],isInputInvalid:[{onInputValidationChange:0}]}]);!function(t,e,o,r){var i,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,r);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(e,o,n):i(e,o))||n);a>3&&n&&Object.defineProperty(e,o,n)}([G()],X.prototype,"hookValidationLifecycle",null);const Y=X,Z=function(){"undefined"!=typeof customElements&&["ix-datetime-input","ix-button","ix-col","ix-date-picker","ix-date-time-card","ix-datetime-picker","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-field-label","ix-field-wrapper","ix-icon-button","ix-layout-grid","ix-row","ix-spinner","ix-time-picker","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-datetime-input":customElements.get(a(t))||customElements.define(a(t),X);break;case"ix-button":customElements.get(a(t))||D();break;case"ix-col":customElements.get(a(t))||B();break;case"ix-date-picker":customElements.get(a(t))||P();break;case"ix-date-time-card":customElements.get(a(t))||V();break;case"ix-datetime-picker":customElements.get(a(t))||j();break;case"ix-dropdown":customElements.get(a(t))||L();break;case"ix-dropdown-button":customElements.get(a(t))||M();break;case"ix-dropdown-item":customElements.get(a(t))||H();break;case"ix-field-label":customElements.get(a(t))||O();break;case"ix-field-wrapper":customElements.get(a(t))||R();break;case"ix-icon-button":customElements.get(a(t))||A();break;case"ix-layout-grid":customElements.get(a(t))||F();break;case"ix-row":customElements.get(a(t))||q();break;case"ix-spinner":customElements.get(a(t))||N();break;case"ix-time-picker":customElements.get(a(t))||y();break;case"ix-tooltip":customElements.get(a(t))||U();break;case"ix-typography":customElements.get(a(t))||W()}}))};export{Y as IxDatetimeInput,Z as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{D as o,d as s}from"./p-JXbYOM9q.js";const p=o,r=s;export{p as IxDatetimePicker,r as defineCustomElement}
|
package/components/ix-divider.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-
|
|
1
|
+
import{D as o,d as s}from"./p-B8RlWbEh.js";const p=o,r=s;export{p as IxDivider,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{D as o,d as s}from"./p-CDKHgTB8.js";const p=o,r=s;export{p as IxDropdownButton,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as
|
|
1
|
+
import{p as r,H as e,h as o,d as t,t as a}from"./p-Bxdy-8CE.js";import{d as s}from"./p-MZOpritx.js";const c=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}label;render(){return o(t,{key:"a37577958aebbbdec0ccbc7b445813311eb8e615"},o("ix-typography",{key:"2c564a3e854b143cac4299f6886f95fda961de3e",class:"category-text",format:"h5"},this.label))}static get style(){return":host{display:flex;align-items:center;position:relative;height:2.5rem;width:auto;padding:0.25rem 1rem;overflow:hidden;cursor:default;color:var(--theme-color-soft-text)}: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}"}},[513,"ix-dropdown-header",{label:[1]}]),b=c,l=function(){"undefined"!=typeof customElements&&["ix-dropdown-header","ix-typography"].forEach((r=>{switch(r){case"ix-dropdown-header":customElements.get(a(r))||customElements.define(a(r),c);break;case"ix-typography":customElements.get(a(r))||s()}}))};export{b as IxDropdownHeader,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as o,d as s}from"./p-
|
|
1
|
+
import{D as o,d as s}from"./p-uIG84RqI.js";const p=o,r=s;export{p as IxDropdownItem,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as n,d as s,t as i}from"./p-
|
|
1
|
+
import{p as e,H as t,h as n,d as s,t as i}from"./p-Bxdy-8CE.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(s,{key:"74f8179be360cbd202653b2c2ffb90995585af2c"},n("slot",{key:"6488ba330c7de30385c8c8aff4812e6e5a083727"}))}static get style(){return":host{display:flex;justify-content:center;align-items:center;margin-inline-start:1.5rem;margin-inline-end:1.5rem;margin-block-end:0.25rem}:host slot::slotted(*){display:flex;margin-inline-end:0.625rem}"}},[257,"ix-dropdown-quick-actions"]),r=o,c=function(){"undefined"!=typeof customElements&&["ix-dropdown-quick-actions"].forEach((e=>{"ix-dropdown-quick-actions"===e&&(customElements.get(i(e))||customElements.define(i(e),o))}))};export{r as IxDropdownQuickActions,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as
|
|
1
|
+
import{D as o,d as s}from"./p-B1ZcjHve.js";const p=o,r=s;export{p as IxDropdown,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,e as a,h as r,d as o,t as
|
|
1
|
+
import{p as t,H as e,e as a,h as r,d as o,t as c}from"./p-Bxdy-8CE.js";import{d as s}from"./p-Btv5ReUJ.js";import{d as i}from"./p-By6x--zJ.js";import{d as l}from"./p-MZOpritx.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.actionClick=a(this,"actionClick",7)}layout="large";icon;header;subHeader;action;ariaLabelEmptyStateIcon;actionClick;render(){return r(o,{key:"adf16abae74345137572b185cece21d3b46704c0",class:"emptyState emptyState--"+this.layout},this.icon&&r("div",{key:"912facbaa62920252a02b25a75e652b09f4e6223",class:"emptyState__icon"},r("ix-icon",{key:"e2610288bbaecd22e3629c426d7dc0c368595d60",name:this.icon,size:"32",color:"color-soft-text","aria-label":this.ariaLabelEmptyStateIcon})),r("div",{key:"8e766926c0f195cb57c9cbb6f7973423f34772c1",class:"emptyState__content"},r("div",{key:"f5e38b8caa78599a0a0773ea37f70e7d63f2e6ac",class:"content__label"},r("ix-typography",{key:"810f3e2416728b490f086e666622ce592ae88c0f",format:"large"===this.layout?"h3":"body"},this.header),this.subHeader&&r("div",{key:"65c9de4afdcb05be4d09c197c56ee68c24c7008f",class:"label__subHeader"},this.subHeader)),this.action&&r("div",{key:"64849673d5740eb98919e8b3a24e2b056b76c1ca",class:"content__action"},r("ix-button",{key:"5ac0d4acfbad3b29c81c42f21b153ebe13902486",onClick:()=>this.actionClick.emit()},this.action))))}static get style(){return":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .label__subHeader{color:var(--theme-color-soft-text)}:host(.emptyState.emptyState--large){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--large) .emptyState__icon{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center}:host(.emptyState.emptyState--large) .emptyState__icon ix-icon{transform:scale(1.75)}:host(.emptyState.emptyState--large) .emptyState__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}:host(.emptyState.emptyState--large) .emptyState__content .content__label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem}:host(.emptyState.emptyState--large) .label__subHeader,:host(.emptyState.emptyState--large) ix-typography{text-align:center}:host(.emptyState.emptyState--compact){display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compact) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compact) .emptyState__content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compactBreak){display:flex;flex-direction:row;align-items:flex-start;gap:1rem}:host(.emptyState.emptyState--compactBreak) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compactBreak) .emptyState__content{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem}"}},[513,"ix-empty-state",{layout:[1],icon:[1],header:[1],subHeader:[1,"sub-header"],action:[1],ariaLabelEmptyStateIcon:[1,"aria-label-empty-state-icon"]}]),m=n,p=function(){"undefined"!=typeof customElements&&["ix-empty-state","ix-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-empty-state":customElements.get(c(t))||customElements.define(c(t),n);break;case"ix-button":customElements.get(c(t))||s();break;case"ix-spinner":customElements.get(c(t))||i();break;case"ix-typography":customElements.get(c(t))||l()}}))};export{m as IxEmptyState,p as defineCustomElement}
|