@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
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as r,p as e,H as t,F as
|
|
1
|
+
import{h as r,p as e,H as t,F as o,d as i,t as s}from"./p-Bxdy-8CE.js";import{N as a,a as c,c as n,d as l,b as h}from"./p-CQj_gEvY.js";import{d as g}from"./p-XBJqkmoc.js";import{d as p}from"./p-MZOpritx.js";function d({value:e,status:t}){return r("div",{class:"linear-progress-container "+t},r("div",{class:"progress",role:"progressbar","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100},r("div",{class:{"progress-bar":!0},style:{width:e+"%"},"data-value":e})))}const x=(e,t)=>{const{value:o,size:i,alignment:s}=e,a=function(r){switch(r){case"xs":return 16;case"sm":return 24;case"md":default:return 32;case"lg":return 48;case"xl":return 64}}(i),c=a/2,n=2*Math.PI*c,l=Math.round(n*((100-o)/100)),h="lg"===i||"xl"===i;return r("div",{class:{"circular-progress-container":!0,["align-"+s]:!!s,[e.status]:!0}},r("svg",{width:a,height:a,viewBox:`-${.125*a} -${.125*a} ${1.25*a} ${1.25*a}`,version:"1.1",xmlns:"http://www.w3.org/2000/svg",style:{transform:"rotate(-90deg)"}},r("circle",{r:c,cx:c,cy:c,fill:"transparent",stroke:"var(--ix-progress-indicator-track-color)","stroke-width":"3px"}),l>0&&r("circle",{r:c,cx:c,cy:c,stroke:"var(--ix-progress-indicator-color)","stroke-width":"3px","stroke-dashoffset":l+"px",fill:"transparent","stroke-dasharray":n+"px"}),r("foreignObject",{x:"0px",y:"0px",width:a+"px",height:a+"px",style:{transform:`rotate(90deg) translate(0px, -${a}px)`}},h&&r("div",{class:"slotted-container slotted-container-inside"},t))),!h&&r("div",{class:"slotted-container"},t))},m=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}type="linear";size="md";value=0;min=0;max=100;status="default";label;helperText;textAlignment="left";showTextAsTooltip=!1;getHelperText(){let e=null;switch(this.status){case"error":e=h;break;case"info":e=l;break;case"warning":e=n;break;case"success":e=c;break;case"paused":e=a;break;default:e=null}return this.helperText?r("div",{class:{"helper-text":!0,[this.status]:!0}},e&&r("ix-icon",{name:e,size:"16"}),r("div",{class:{text:!0,"align-left":"left"===this.textAlignment,"align-center":"center"===this.textAlignment,"align-right":"right"===this.textAlignment}},this.helperText),r("slot",{name:"helper-text"})):r("slot",{name:"helper-text"})}render(){const e=Math.max(0,Math.min((this.value-this.min)/(this.max-this.min)*100,100));return r(i,{key:"b7422413aa3645c9eed7b3d6ab547fc5ee7a0322",class:{linear:"linear"===this.type,circular:"circular"===this.type},tabIndex:-1},r("div",{key:"ee59c601c1c9814de20b10fc42f6770102873f8e",class:{"progress-indicator":!0,[this.size]:!0,[this.status]:!0,"text-center":"center"===this.textAlignment,"text-left":"left"===this.textAlignment,"text-right":"right"===this.textAlignment}},this.label&&r("ix-typography",{key:"b87dc78097b0148cb1af311b9ad636877732155d",format:"label",textColor:"error"===this.status?"alarm":"soft",class:"label"},this.label),r("div",{key:"2c5706e0381b581b846c6c925738653dc730fe6c",class:"progress-container"},"linear"===this.type?r(o,null,r(d,{value:e,status:this.status}),r("div",{class:"linear-slot"},r("slot",null))):r(x,{status:this.status,alignment:this.textAlignment,value:e,size:this.size},r("slot",null))),!0===this.showTextAsTooltip&&this.helperText?r("ix-tooltip",{for:this.hostElement,showDelay:500,placement:"bottom"},this.getHelperText()):this.getHelperText()))}static get style(){return":host{display:block;position:relative;width:24rem;height:-moz-fit-content;height:fit-content}:host .progress-container{display:flex;width:100%;align-items:center;gap:0.25rem;flex-wrap:nowrap}:host .label{margin:0.5rem 0 0.25rem 0}:host .helper-text{display:flex;align-items:center;margin:0.25rem 0px;gap:0.25rem;color:var(--theme-progress-indicator-helper--color)}:host .helper-text ix-icon{margin:0.125rem;color:var(--theme-progress-indicator-helper-icon--color)}:host .helper-text.success{color:var(--theme-progress-indicator-helper-success--color)}:host .helper-text.success ix-icon{color:var(--theme-progress-indicator-helper-icon-success--color)}:host .helper-text.error{color:var(--theme-progress-indicator-helper-error--color)}:host .helper-text.error ix-icon{color:var(--theme-progress-indicator-helper-icon-error--color)}:host .helper-text.info{color:var(--theme-progress-indicator-helper-info--color)}:host .helper-text.info ix-icon{color:var(--theme-progress-indicator-helper-icon-info--color)}:host .helper-text.warning{color:var(--theme-progress-indicator-helper-warning--color)}:host .helper-text.warning ix-icon{color:var(--theme-progress-indicator-helper-icon-warning--color)}:host .helper-text.paused{color:var(--theme-progress-indicator-helper-paused--color)}:host .helper-text.paused ix-icon{color:var(--theme-progress-indicator-helper-icon-paused--color)}:host .helper-text .text.align-left{text-align:start}:host .helper-text .text.align-right{text-align:end}:host .helper-text .text.align-center{text-align:center}:host .progress-indicator{display:flex;flex-direction:column}:host .progress-indicator.text-center{align-items:center}:host .progress-indicator.text-left{align-items:flex-start}:host .progress-indicator.text-right{align-items:flex-end}:host .progress-indicator{--ix-progress-indicator-margin:0.5rem 0;height:100%}:host .progress-indicator.xs{--ix-progress-indicator-height:0.125rem;--ix-progress-indicator-margin:0.25rem 0}:host .progress-indicator.sm{--ix-progress-indicator-height:0.25rem;--ix-progress-indicator-margin:0.375rem 0}:host .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host .progress-indicator{--ix-progress-indicator-color:var( --theme-progress-indicator-fill--background )}:host .progress-indicator.success{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-success--background )}:host .progress-indicator.error{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-error--background )}:host .progress-indicator.info{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-info--background )}:host .progress-indicator.warning{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-warning--background )}:host .progress-indicator.paused{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-paused--background )}:host(.linear) .progress-indicator.xs{--ix-progress-indicator-height:0.125rem}:host(.linear) .progress-indicator.sm{--ix-progress-indicator-height:0.25rem}:host(.linear) .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host(.linear) .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host(.linear) .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host(.linear) .linear-progress-container{width:100%;height:var(--ix-progress-indicator-height);background-color:var(--theme-progress-indicator-track--background);border-radius:2px;overflow:hidden;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.linear) .linear-progress-container.success{background-color:var(--theme-progress-indicator-track-success--background)}:host(.linear) .linear-progress-container.error{background-color:var(--theme-progress-indicator-track-error--background)}:host(.linear) .linear-progress-container.info{background-color:var(--theme-progress-indicator-track-info--background)}:host(.linear) .linear-progress-container.warning{background-color:var(--theme-progress-indicator-track-warning--background)}:host(.linear) .linear-progress-container.paused{background-color:var(--theme-progress-indicator-track-paused--background)}:host(.linear) .progress{width:100%;height:100%;position:relative}:host(.linear) .progress-bar{height:100%;background-color:var(--ix-progress-indicator-color);transition:width 0.3s ease}:host(.linear) .linear-slot{min-width:2.25rem}:host(.circular) .circular-progress-container{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track--background );display:flex;align-items:center;width:100%;gap:0.25rem;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.circular) .circular-progress-container.align-left{justify-content:flex-start}:host(.circular) .circular-progress-container.align-center{justify-content:center}:host(.circular) .circular-progress-container.align-right{justify-content:flex-end}:host(.circular) .circular-progress-container.success{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-success--background )}:host(.circular) .circular-progress-container.error{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-error--background )}:host(.circular) .circular-progress-container.info{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-info--background )}:host(.circular) .circular-progress-container.warning{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-warning--background )}:host(.circular) .circular-progress-container.paused{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-paused--background )}:host(.circular) .slotted-container{height:100%}:host(.circular) .slotted-container.slotted-container-inside{display:flex;align-items:center;justify-content:center;width:100%;height:100%}"}},[769,"ix-progress-indicator",{type:[1],size:[1],value:[2],min:[2],max:[2],status:[1],label:[1],helperText:[1,"helper-text"],textAlignment:[1,"text-alignment"],showTextAsTooltip:[4,"show-text-as-tooltip"]}]),u=m,f=function(){"undefined"!=typeof customElements&&["ix-progress-indicator","ix-tooltip","ix-typography"].forEach((r=>{switch(r){case"ix-progress-indicator":customElements.get(s(r))||customElements.define(s(r),m);break;case"ix-tooltip":customElements.get(s(r))||g();break;case"ix-typography":customElements.get(s(r))||p()}}))};export{u as IxProgressIndicator,f as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as e,h as a,d as o,t
|
|
1
|
+
import{p as r,H as e,h as a,d as o,t}from"./p-Bxdy-8CE.js";import{d as c}from"./p-CJ3dR7zd.js";import{d}from"./p-zs7a2E3b.js";import{d as i}from"./p-_Uc7YwjU.js";import{d as s}from"./p-5jph302v.js";import{d as n}from"./p-MZOpritx.js";const h=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}icon;ariaLabelIcon;notification;heading;subheading;variant="outline";expanded=!1;passive=!1;render(){return a(o,{key:"5380f3adc73e74559c0fc996e7de3cdaf965650c",class:"card-"+this.variant},a("ix-card",{key:"9e0b3ee1196fce31e4e475c6e365de6e0bd68350",variant:this.variant,passive:this.passive},a("ix-card-content",{key:"aa6998c8d7b9a7b2a2329e73ed53dcf736822e91"},a("ix-card-title",{key:"9ad22d217648716115d3bbd1eb5c0dc38f7af26e"},this.icon?a("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon}):null,a("ix-typography",{key:"1d11c4efa541af33c0db5b7f8ab6ead6160273e6",format:"display-xxl"},this.notification??0),a("slot",{key:"a96ae7771c8fcf54f17874f97b2fb01529dc7aa8",name:"title-action"})),a("ix-typography",{key:"842b4a4cd60f935a1cbb2fe4fc2ee661a56d0757",format:"h4"},this.heading),a("ix-typography",{key:"a355342f44ca44a492e2756be614c7af340c508e"},this.subheading)),a("ix-card-accordion",{key:"0e2fc1caa5c33899c31bfe8e0076834229385c3a",collapse:!this.expanded,variant:this.variant},a("slot",{key:"f7f08c778f246a9226887ddbf7a55eb7f3119f5b"}))))}static get style(){return":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}"}},[769,"ix-push-card",{icon:[1],ariaLabelIcon:[1,"aria-label-icon"],notification:[1],heading:[1],subheading:[1],variant:[1],expanded:[4],passive:[4]}]),b=h,m=function(){"undefined"!=typeof customElements&&["ix-push-card","ix-card","ix-card-accordion","ix-card-content","ix-card-title","ix-typography"].forEach((r=>{switch(r){case"ix-push-card":customElements.get(t(r))||customElements.define(t(r),h);break;case"ix-card":customElements.get(t(r))||c();break;case"ix-card-accordion":customElements.get(t(r))||d();break;case"ix-card-content":customElements.get(t(r))||i();break;case"ix-card-title":customElements.get(t(r))||s();break;case"ix-typography":customElements.get(t(r))||n()}}))};export{b as IxPushCard,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,e as i,h as s,d as o,t as a}from"./p-
|
|
1
|
+
import{p as e,H as t,e as i,h as s,d as o,t as a}from"./p-Bxdy-8CE.js";import{m as r}from"./p-Djkc69iv.js";import{d as n}from"./p-Cf71L4Ol.js";import{d as l}from"./p-CuswfnZ5.js";import{d as h}from"./p-XBJqkmoc.js";import{d}from"./p-MZOpritx.js";import{H as c}from"./p-C-wf4kbs.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7)}get hostElement(){return this}helperText;label;value;invalidText;infoText;warningText;validText;showTextAsTooltip;direction="column";required=!1;valueChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;touched=!1;groupRef=r();observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}));get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue(),this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}disconnectedCallback(){this.observer&&this.observer.disconnect()}selectInitialValue(){this.value&&this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((t,i)=>{i!==e.length-1&&(t.checked=!1)}));const t=this.isSomeRadioChecked();for(const e of this.radiobuttonElements)e.tabIndex=e.checked?0:-1;!t&&this.radiobuttonElements.length>0&&(this.radiobuttonElements[0].tabIndex=0)}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}isSomeRadioChecked(){return this.radiobuttonElements.some((e=>e.checked))}onValueChangeHandler(e){this.touched=!0,this.radiobuttonElements.forEach((t=>{t.checked=t.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((t=>{t===e.target?(t.checked=!0,this.valueChange.emit(t.value)):t.checked=!1}))}onClassField({isInvalid:e,isInfo:t,isValid:i,isWarning:s,isInvalidByRequired:o}){this.isInvalid=e||o,this.isInfo=t,this.isValid=i,this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}async setCheckedToNextItem(e,t=!0){const{radiobuttonElements:i}=this,{length:s}=i;if(s<=1)return;const o=i.indexOf(e),a=t?1:-1;let r=(o+a+s)%s;for(;i[r].disabled;){if(r===o)return;r=(r+a+s)%s}const n=i[r];n.setCheckedState(!0),n.focus()}render(){return s(o,{key:"bd4e0a22376eff4ee73490013feacc1097330558",onIxBlur:()=>this.touched=!0,ref:this.groupRef,role:"radiogroup"},s("ix-field-wrapper",{key:"18b2eef5eb0cc31c50d2282bb05d45b263e6d6c2",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},s("div",{key:"36f69aee31fa35337d1b14eafc9d06ca6dd234e5",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},s("slot",{key:"294428b89f46622315677a2e4dc0ef0841ef81c4"}))))}static get watchers(){return{value:[{onValueChangeHandler:0}]}}static get style(){return":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:0.5rem 1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}"}},[769,"ix-radio-group",{helperText:[1,"helper-text"],label:[1],value:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],direction:[1],required:[4],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64],setCheckedToNextItem:[64]},[[0,"checkedChange","onCheckedChangeHandler"]],{value:[{onValueChangeHandler:0}]}]);!function(e,t,i,s){var o,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(r=(a<3?o(r):a>3?o(t,i,r):o(t,i))||r);a>3&&r&&Object.defineProperty(t,i,r)}([c({includeChildren:!0})],u.prototype,"onClassField",null);const f=u,p=function(){"undefined"!=typeof customElements&&["ix-radio-group","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-radio-group":customElements.get(a(e))||customElements.define(a(e),u);break;case"ix-field-label":customElements.get(a(e))||n();break;case"ix-field-wrapper":customElements.get(a(e))||l();break;case"ix-tooltip":customElements.get(a(e))||h();break;case"ix-typography":customElements.get(a(e))||d()}}))};export{f as IxRadioGroup,p as defineCustomElement}
|
package/components/ix-radio.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as r,e as o,h as d,d as a,t as c}from"./p-C_6_Rh7K.js";import{a as i}from"./p-DAzBNVe7.js";import{c as t}from"./p-0oJ9dyRQ.js";import{d as n}from"./p-VHuL40oZ.js";const h=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=o(this,"checkedChange",7),this.valueChange=o(this,"valueChange",7),this.ixBlur=o(this,"ixBlur",7),this.formInternals=this.attachInternals(),this.disabled=!1,this.checked=!1,this.required=!1}async setCheckedState(e){this.checked||this.checkedChange.emit(e).defaultPrevented||(this.checked=e)}async onCheckedChange(){this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}connectedCallback(){const e=this.hostElement.closest("ix-radio-group");e&&(this.classMutationObserver=t(e,(()=>{this.hostElement.classList.toggle("ix-invalid--required",e.classList.contains("ix-invalid--required"))})))}disconnectedCallback(){this.classMutationObserver&&this.classMutationObserver.destroy()}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){var e;this.formInternals.setFormValue(this.checked?null!==(e=this.value)&&void 0!==e?e:"on":null)}onKeyDown(e){if(this.disabled)return;let r=!1;"Space"===e.code&&(r=!0,this.setCheckedState(!0));const o=this.hostElement.closest("ix-radio-group");switch(e.code){case"ArrowUp":case"ArrowLeft":r=!0,null==o||o.setCheckedToNextItem(this.hostElement,!1);break;case"ArrowDown":case"ArrowRight":r=!0,null==o||o.setCheckedToNextItem(this.hostElement,!0)}r&&(e.stopPropagation(),e.preventDefault())}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){let e=0;return this.disabled&&(e=-1),d(a,{key:"2d239f9247e418efb8cbd9ecd1b56dfb060fcfcd","aria-checked":i(this.checked),"aria-disabled":i(this.disabled),role:"radio",tabindex:e,class:{disabled:this.disabled,checked:this.checked},onClick:()=>{this.disabled||this.setCheckedState(!0)},onKeyDown:e=>this.onKeyDown(e),onBlur:()=>this.ixBlur.emit()},d("label",{key:"6ce7a29836eb51925a57f7598fe6eabc5174c1b0"},d("div",{key:"47df681feb5e8ae432f6c9f58a7b90bd3d304c37",class:"radio-button"},d("div",{key:"16b634e3893281e6f172b16d91adcbf19799a074","aria-hidden":"true",class:{"radio-checkmark":!0,checked:this.checked}},d("div",{key:"d26eb4e6ae16eb5c8e2e046f0396f756d0944f15",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}}))),this.label&&d("ix-typography",{key:"0ff4f2b18b8474dc5f33543ac6874aedafdba1cc",format:"label",textColor:this.disabled?"weak":"std"},this.label,d("slot",{key:"f5b48dcabcd1c5d851e2a4055767cf936d86dd93"}))))}static get formAssociated(){return!0}get hostElement(){return this}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .radio-checkmark{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--info );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--info--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--info--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--info );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--info--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--info--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--info );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--info--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--info--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--info );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--info--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--info--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--info );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--info--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--info--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--info );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--info--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--info--active )}:host(.ix-info) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--warning );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--warning--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--warning--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--warning );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--warning--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--warning--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--warning );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--warning--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--warning--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--warning );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--warning--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--warning--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--warning );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--warning--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--warning--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--warning );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--warning--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--warning--active )}:host(.ix-warning) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid--required) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}"}},[321,"ix-radio",{name:[513],value:[513],label:[1],disabled:[516],checked:[1540],required:[516],setCheckedState:[64],hasValidValue:[64],getAssociatedFormElement:[64]},void 0,{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}]),b=h,k=function(){"undefined"!=typeof customElements&&["ix-radio","ix-typography"].forEach((e=>{switch(e){case"ix-radio":customElements.get(c(e))||customElements.define(c(e),h);break;case"ix-typography":customElements.get(c(e))||n()}}))};export{b as IxRadio,k as defineCustomElement}
|
|
1
|
+
import{p as e,H as r,e as o,h as d,d as a,t as c}from"./p-Bxdy-8CE.js";import{a as i}from"./p-B5k8YVR0.js";import{d as t}from"./p-MZOpritx.js";import{c as n}from"./p-C-wf4kbs.js";const h=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=o(this,"checkedChange",7),this.valueChange=o(this,"valueChange",7),this.ixBlur=o(this,"ixBlur",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;value;label;disabled=!1;checked=!1;required=!1;checkedChange;valueChange;ixBlur;classMutationObserver;async setCheckedState(e){this.checked||this.checkedChange.emit(e).defaultPrevented||(this.checked=e)}async onCheckedChange(){this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}connectedCallback(){const e=this.hostElement.closest("ix-radio-group");e&&(this.classMutationObserver=n(e,(()=>{this.hostElement.classList.toggle("ix-invalid--required",e.classList.contains("ix-invalid--required"))})))}disconnectedCallback(){this.classMutationObserver&&this.classMutationObserver.destroy()}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}onKeyDown(e){if(this.disabled)return;let r=!1;"Space"===e.code&&(r=!0,this.setCheckedState(!0));const o=this.hostElement.closest("ix-radio-group");switch(e.code){case"ArrowUp":case"ArrowLeft":r=!0,o?.setCheckedToNextItem(this.hostElement,!1);break;case"ArrowDown":case"ArrowRight":r=!0,o?.setCheckedToNextItem(this.hostElement,!0)}r&&(e.stopPropagation(),e.preventDefault())}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){let e=0;return this.disabled&&(e=-1),d(a,{key:"5e76cfa3be05a7b0354e987f2ec3f3e5df152c4c","aria-checked":i(this.checked),"aria-disabled":i(this.disabled),role:"radio",tabindex:e,class:{disabled:this.disabled,checked:this.checked},onClick:()=>{this.disabled||this.setCheckedState(!0)},onKeyDown:e=>this.onKeyDown(e),onBlur:()=>this.ixBlur.emit()},d("label",{key:"78ed2a34ead25c7f1836be8e1588a2cb70c107c0"},d("div",{key:"a06de9d6645e89b86daa35ff7b495bdf77d72377",class:"radio-button"},d("div",{key:"bb4e8c6cea96503bc6211c43464ce0ea14923048","aria-hidden":"true",class:{"radio-checkmark":!0,checked:this.checked}},d("div",{key:"eca09b300d52b090f83e7e6bffa6b08b6bbad30d",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}}))),this.label&&d("ix-typography",{key:"e80c0237090a0b5069f6a33ea0aaa831f197da59",format:"label",textColor:this.disabled?"weak":"std"},this.label,d("slot",{key:"9a0db47b61423675b443a0e7bb5fa36f99f141ba"}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .radio-checkmark{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--info );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--info--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--info--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--info );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--info--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--info--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--info );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--info--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--info--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--info );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--info--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--info--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--info );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--info--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--info--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--info );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--info--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--info--active )}:host(.ix-info) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--warning );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--warning--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--warning--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--warning );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--warning--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--warning--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--warning );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--warning--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--warning--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--warning );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--warning--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--warning--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--warning );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--warning--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--warning--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--warning );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--warning--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--warning--active )}:host(.ix-warning) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid--required) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}"}},[833,"ix-radio",{name:[513],value:[513],label:[1],disabled:[516],checked:[1540],required:[516],setCheckedState:[64],hasValidValue:[64],getAssociatedFormElement:[64]},void 0,{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}]),b=h,k=function(){"undefined"!=typeof customElements&&["ix-radio","ix-typography"].forEach((e=>{switch(e){case"ix-radio":customElements.get(c(e))||customElements.define(c(e),h);break;case"ix-typography":customElements.get(c(e))||t()}}))};export{b as IxRadio,k as defineCustomElement}
|
|
@@ -1,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 IxRangeField extends Components.IxRangeField, HTMLElement {}
|
|
4
|
+
export const IxRangeField: {
|
|
5
|
+
prototype: IxRangeField;
|
|
6
|
+
new (): IxRangeField;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Used to define this component and all nested components recursively.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,M as t,h as r,d as a,t as i}from"./p-Bxdy-8CE.js";import{O as s}from"./p-CQj_gEvY.js";import{i as o,a as n}from"./p-XBTykBKS.js";import{D as l,h}from"./p-Dx8kFukG.js";import{r as d}from"./p-BEuV0Xpe.js";const c=e(class extends(t(...l)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}type;hideArrow=!1;observeElements;hasLabel=!1;elements;warnInDev(e,t){}componentWillLoad(){this.observeElements=new MutationObserver((()=>{this.validateRangeElements()})),this.observeElements.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.validateRangeElements()}disconnectedCallback(){this.observeElements?.disconnect()}validateRangeElements(){if(!this.type)throw Error("Input range type is not specified.");const e=this.hostElement?.children;if(!e)return;if(2!==e?.length)throw Error("Input range must have exactly two child elements.");let t=!1;if("time-range"===this.type?t=Array.from(e).every((e=>"ix-time-input"===e.tagName.toLowerCase())):"date-range"===this.type?t=Array.from(e).every((e=>"ix-date-input"===e.tagName.toLowerCase())):"datetime-range"===this.type&&(t=Array.from(e).every((e=>"ix-datetime-input"===e.tagName.toLowerCase()))),!t)throw Error(`Input range elements are not valid for the specified type (type=${this.type}). Current elements: ${Array.from(e).map((e=>e.tagName.toLowerCase())).join(", ")}`);this.elements=Array.from(e),this.hasLabel=this.elements.some((e=>!!e.label)),this.hasLabel&&this.elements.forEach((e=>{e.label?e.classList.remove("fallback-label-margin"):e.classList.add("fallback-label-margin")}))}async onValueChange(e){if(!this.elements)return;const[t,r]=this.elements;if(h())return;if(!e.detail||e.target!==t)return;if(!o(t))return void this.warnInDev("First element is not an input field component.",t);if(!o(r))return void this.warnInDev("Second element is not an input field component.",r);const a=await r.getNativeInputElement();a?.focus(),n(r)?d((()=>r.openPicker())):this.warnInDev("Second element is not an input field with picker component.",r)}render(){return r(a,{key:"9a7a7fe48f24b453a0ec97441a295ecdedce01bc",class:{"hide-arrow":this.hideArrow},role:"group"},!this.hideArrow&&r("ix-icon",{key:"6e70058b9ed46a3d0d8a9d81db96a1449a94eb00","aria-hidden":"true",class:{"range-delimiter":!0,"has-label":this.hasLabel},name:s}),r("slot",{key:"f700e47951e5a58c9232adb5a79fa01f42d369fa"}))}static get style(){return":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;position:relative;gap:0.25rem}:host .range-delimiter{order:2;flex:0 0 auto;margin-top:0.25rem}:host .range-delimiter.has-label{margin-top:2rem}:host ::slotted(:first-child),:host ::slotted(:last-child){flex:1 1 0;min-width:0}:host ::slotted(:first-child){order:1}:host ::slotted(:last-child){order:3}:host ::slotted(.fallback-label-margin){margin-top:1.8rem}:host(.hide-arrow){gap:0.5rem}"}},[769,"ix-range-field",{type:[1],hideArrow:[4,"hide-arrow"],hasLabel:[32]},[[0,"ixChange","onValueChange"]]]),b=c,m=function(){"undefined"!=typeof customElements&&["ix-range-field"].forEach((e=>{"ix-range-field"===e&&(customElements.get(i(e))||customElements.define(i(e),c))}))};export{b as IxRangeField,m as defineCustomElement}
|
package/components/ix-row.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{R as o,d as s}from"./p-
|
|
1
|
+
import{R as o,d as s}from"./p-BP8g-yqY.js";const p=o,r=s;export{p as IxRow,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as s}from"./p-
|
|
1
|
+
import{S as o,d as s}from"./p-D5gbubPJ.js";const p=o,r=s;export{p as IxSelectItem,r as defineCustomElement}
|
package/components/ix-select.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as s}from"./p-
|
|
1
|
+
import{S as o,d as s}from"./p-D4T7_gkf.js";const p=o,r=s;export{p as IxSelect,r as defineCustomElement}
|
package/components/ix-slider.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,e as r,h as i,d as a,t as o}from"./p-C_6_Rh7K.js";import{b as s}from"./p-DAzBNVe7.js";import{O as n}from"./p-BYACnsyo.js";import{m as h}from"./p-bcj7UEIC.js";import{H as l}from"./p-0oJ9dyRQ.js";import{d as c}from"./p-CkBQGLbj.js";import{d}from"./p-9tuDiQEH.js";import{d as u}from"./p-C9SfsAWb.js";import{d as b}from"./p-VHuL40oZ.js";var m=function(t,e,r,i){var a,o=arguments.length,s=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,r,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(e,r,s):a(e,r))||s);return o>3&&s&&Object.defineProperty(e,r,s),s};function p(t,e,r){return e<t?t:e>r?r:e}const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=r(this,"valueChange",7),this.formInternals=this.attachInternals(),this.showTextAsTooltip=!1,this.step=1,this.min=0,this.max=100,this.value=0,this.trace=!1,this.traceReference=0,this.disabled=!1,this.rangeInput=0,this.rangeMin=0,this.rangeMax=100,this.rangeTraceReference=0,this.showTooltip=!1,this.isInvalid=!1,this.isValid=!1,this.isInfo=!1,this.isWarning=!1,this.touched=!1,this.controlRef=h(),this.thumbRef=h(),this.tooltipRef=h()}get hasLabels(){return!!this.hostElement.querySelector('[slot="label-start"], [slot="label-end"]')}get tooltip(){return this.tooltipRef.current}get pseudoThumb(){return this.thumbRef.current}get slider(){var t;return null===(t=this.hostElement.shadowRoot)||void 0===t?void 0:t.getElementById("slider")}onShowTooltipChange(){var t,e;this.showTooltip&&this.pseudoThumb?null===(t=this.tooltip)||void 0===t||t.showTooltip(this.pseudoThumb):null===(e=this.tooltip)||void 0===e||e.hideTooltip()}onClassField({isInvalid:t,isInfo:e,isValid:r,isWarning:i,isInvalidByRequired:a}){this.isInvalid=t||a,this.isInfo=e,this.isValid=r,this.isWarning=i}componentWillLoad(){this.a11yAttributes=s(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]),this.updateRangeVariables(),this.setFormValueIfChanged(this.value)}updateRangeVariables(){this.rangeInput=p(this.min,this.value,this.max),this.rangeTraceReference=p(this.min,this.traceReference,this.max),this.rangeMin=Math.min(this.min,this.max),this.rangeMax=Math.max(this.min,this.max),void 0!==this.value&&this.setFormValueIfChanged(this.value)}updateFormInternalValue(t){this.setFormValueIfChanged(t),this.valueChange.emit(t)}setFormValueIfChanged(t){const e=""+t;this.lastFormValue!==e&&(this.formInternals.setFormValue(e),this.lastFormValue=e)}onInput(t){t.stopPropagation();const e=parseFloat(this.slider.value);if(!isNaN(e)){const t=this.rangeInput;this.rangeInput=e;const{defaultPrevented:r}=this.emitInputEvent();r?(this.rangeInput=t,this.slider.value=""+t):this.updateFormInternalValue(e)}}emitInputEvent(){return this.valueChange.emit(this.rangeInput)}isMarkerActive(t){return t>=Math.min(this.traceReference,this.rangeInput)&&t<=Math.max(this.traceReference,this.rangeInput)}onPointerUp(){this.showTooltip=!1}hasValidValue(){return Promise.resolve(!0)}isTouched(){return Promise.resolve(this.touched)}render(){var t;const e=this.rangeMax-this.rangeMin;let r=(this.rangeTraceReference-this.rangeMin)/e,o=(this.rangeInput-this.rangeMin)/e,s=r,n=o;return o-r<=0&&(s=o,n=r),i(a,{key:"6957b2bb68891be643d1a1271fd550f0ba398b2d",class:{disabled:this.disabled,error:!!this.error,invalid:this.isInvalid,info:this.isInfo,valid:this.isValid,warning:this.isWarning},onPointerDown:()=>setTimeout((()=>this.showTooltip=!0))},i("ix-field-wrapper",{key:"22d183907d87d7ee59d11606ffc58d6b0f51a52c",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.controlRef},i("div",{key:"a7076b2f4940e1c4d83b874eb06889027f3531b9",class:"slider-container"},i("div",{key:"4d56ffb868ce60f3b7e47d803ec6ecffb493489d",class:"slider"},i("div",{key:"ba33818b7f9ce81576136f9e95b5fe7ba88467e7",class:"track"},i("div",{key:"b5ce5c8c334909d11875ab9ae2b36f719c1244a8",ref:this.thumbRef,class:"thumb",style:{left:`calc(${o} * (100% - 1rem))`}}),i("svg",{key:"292823e7581b335cb5e499eddb2ab71c79789c19",class:"ticks",xmlns:"http://www.w3.org/2000/svg"},null===(t=this.marker)||void 0===t?void 0:t.filter((t=>t>=this.min&&t<=this.max)).map((t=>{const r=(t-this.rangeMin)/e;return i("circle",{class:{tick:!0,"tick-active":this.isMarkerActive(t)&&this.trace,"tick-at-min":0===r,"tick-at-max":1===r},cx:"0",cy:"0",style:{"--tick-value":""+r}})})))),i("input",Object.assign({key:"2e642f9cc0b3674b7e553b6e2b74d4f015ea4469",id:"slider",ref:this.controlRef,type:"range",list:this.marker?"markers":void 0,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:t=>this.onInput(t),onFocus:()=>{this.showTooltip=!0,this.touched=!0},onBlur:()=>{this.showTooltip=!1},style:{"--value":""+o,"--trace-reference":""+r,"--trace-start":""+s,"--trace-end":""+n},class:{trace:this.trace&&r!==o,"hide-trace-reference":this.trace&&(this.traceReference<=this.min||this.traceReference>=this.max)},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max},this.a11yAttributes)),i("ix-tooltip",{key:"d3367c620a0865ef84daaefdc0102ba3a186215c",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:!0,for:this.thumbRef.waitForCurrent()},this.rangeInput)),this.hasLabels&&i("div",{key:"e06b2afd4e3521cf34095a5243671b0d24b59695",class:"label"},i("div",{key:"653916ebdc36874fb412b1481c13fe7a52eddccf"},i("slot",{key:"0d73fd36d946b79bb84aa41a5b7973a4d986502c",name:"label-start"})),i("div",{key:"9b0938207951dceab28fa89238bc43d28b5e9e3b"},i("slot",{key:"fb32e79050fb8aa5eb83cde26971b5cafad4f42f",name:"label-end"}))),this.error?i("ix-typography",{textColor:"alarm"},this.error):null)))}static get formAssociated(){return!0}get hostElement(){return this}static get watchers(){return{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}}static get style(){return':host{display:flex;flex-direction:column;min-height:2rem;justify-content:center;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-slider-track-marker--background);--trace-color:var(--theme-slider-trace--background);--tick-color:var(--theme-slider-track-marker--background);--tick-color--active:var(--theme-slider-trace-marker--background);--track-color:var(--theme-slider-track--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1.5rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc((var(--trace-end) - var(--trace-start)) * 100%);left:calc(var(--trace-start) * 100%);height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%);border-radius:clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem)}:host .slider-container{width:100%}:host .slider-container .slider{width:100%}:host .slider-container .slider input[type=range]{width:100%}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(100% * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host{}:host .ticks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}:host .ticks circle.tick{--tick-size:6px;--tick-radius:calc(var(--tick-size) / 2);r:var(--tick-radius);fill:var(--tick-color);transform:translate(calc(var(--tick-value) * (100% - var(--thumb-size)) + var(--thumb-size) / 2), 50%)}:host .ticks .tick.tick-at-min{transform:translate(var(--tick-radius), 50%)}:host .ticks .tick.tick-at-max{transform:translate(calc(100% - var(--tick-radius)), 50%)}:host .ticks .tick.tick-active{fill:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:100%;top:50%;transform:translateY(-50%);left:0px;border-radius:2px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host(.error),:host(.invalid){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.error) input[type=range]::-webkit-slider-thumb,:host(.invalid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.error) input[type=range]::-moz-range-thumb,:host(.invalid) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.error) input[type=range]:hover::-webkit-slider-thumb,:host(.invalid) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.error) input[type=range]:hover::-moz-range-thumb,:host(.invalid) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.error) input[type=range]:active::-webkit-slider-thumb,:host(.invalid) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.error) input[type=range]:active::-moz-range-thumb,:host(.invalid) input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.disabled){pointer-events:none;--track-color:var(--theme-slider-track--background--disabled);--trace-color:var(--theme-slider-trace--background--disabled);--tick-color:var(--theme-slider-track-marker--background--disabled);--tick-color--active:var(--theme-slider-trace-marker--background--disabled)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.warning){--trace-color:var(--theme-color-warning-40);--tick-color--active:var(--theme-color-warning)}:host(.warning) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-warning)}:host(.warning) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-warning)}:host(.info){--trace-color:var(--theme-color-info-40);--tick-color--active:var(--theme-color-info)}:host(.info) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-info)}:host(.info) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-info)}:host(.valid){--trace-color:var(--theme-color-success-40);--tick-color--active:var(--theme-color-success)}:host(.valid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-success)}:host(.valid) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-success)}'}},[321,"ix-slider",{helperText:[1,"helper-text"],label:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],step:[2],min:[2],max:[2],value:[2],marker:[16],trace:[4],traceReference:[2,"trace-reference"],disabled:[4],error:[8],rangeInput:[32],rangeMin:[32],rangeMax:[32],rangeTraceReference:[32],showTooltip:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64]},void 0,{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}]);m([l()],v.prototype,"onClassField",null),m([n("pointerup",(t=>t.showTooltip))],v.prototype,"onPointerUp",null);const g=v,k=function(){"undefined"!=typeof customElements&&["ix-slider","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-slider":customElements.get(o(t))||customElements.define(o(t),v);break;case"ix-field-label":customElements.get(o(t))||c();break;case"ix-field-wrapper":customElements.get(o(t))||d();break;case"ix-tooltip":customElements.get(o(t))||u();break;case"ix-typography":customElements.get(o(t))||b()}}))};export{g as IxSlider,k as defineCustomElement}
|
|
1
|
+
import{p as e,H as t,e as r,h as a,d as i,t as o}from"./p-Bxdy-8CE.js";import{b as s}from"./p-B5k8YVR0.js";import{O as n}from"./p-CsP_r-y6.js";import{m as c}from"./p-Djkc69iv.js";import{d as l}from"./p-Cf71L4Ol.js";import{d as h}from"./p-CuswfnZ5.js";import{d}from"./p-XBJqkmoc.js";import{d as u}from"./p-MZOpritx.js";import{H as b}from"./p-C-wf4kbs.js";var m=function(e,t,r,a){var i,o=arguments.length,s=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(o<3?i(s):o>3?i(t,r,s):i(t,r))||s);return o>3&&s&&Object.defineProperty(t,r,s),s};function p(e,t,r){return t<e?e:t>r?r:t}const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=r(this,"valueChange",7),this.formInternals=this.attachInternals()}formInternals;get hostElement(){return this}helperText;label;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;step=1;min=0;max=100;value=0;marker;trace=!1;traceReference=0;disabled=!1;valueChange;rangeInput=0;rangeMin=0;rangeMax=100;rangeTraceReference=0;showTooltip=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;a11yAttributes;lastFormValue;touched=!1;controlRef=c();thumbRef=c();tooltipRef=c();get hasLabels(){return!!this.hostElement.querySelector('[slot="label-start"], [slot="label-end"]')}get tooltip(){return this.tooltipRef.current}get pseudoThumb(){return this.thumbRef.current}get slider(){return this.hostElement.shadowRoot?.getElementById("slider")}onShowTooltipChange(){this.showTooltip&&this.pseudoThumb?this.tooltip?.showTooltip(this.pseudoThumb):this.tooltip?.hideTooltip()}onClassField({isInvalid:e,isInfo:t,isValid:r,isWarning:a,isInvalidByRequired:i}){this.isInvalid=e||i,this.isInfo=t,this.isValid=r,this.isWarning=a}componentWillLoad(){this.a11yAttributes=s(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]),this.updateRangeVariables(),this.setFormValueIfChanged(this.value)}updateRangeVariables(){this.rangeInput=p(this.min,this.value,this.max),this.rangeTraceReference=p(this.min,this.traceReference,this.max),this.rangeMin=Math.min(this.min,this.max),this.rangeMax=Math.max(this.min,this.max),void 0!==this.value&&this.setFormValueIfChanged(this.value)}updateFormInternalValue(e){this.setFormValueIfChanged(e),this.valueChange.emit(e)}setFormValueIfChanged(e){const t=""+e;this.lastFormValue!==t&&(this.formInternals.setFormValue(t),this.lastFormValue=t)}onInput(e){e.stopPropagation();const t=parseFloat(this.slider.value);if(!isNaN(t)){const e=this.rangeInput;this.rangeInput=t;const{defaultPrevented:r}=this.emitInputEvent();r?(this.rangeInput=e,this.slider.value=""+e):this.updateFormInternalValue(t)}}emitInputEvent(){return this.valueChange.emit(this.rangeInput)}isMarkerActive(e){return e>=Math.min(this.traceReference,this.rangeInput)&&e<=Math.max(this.traceReference,this.rangeInput)}onPointerUp(){this.showTooltip=!1}hasValidValue(){return Promise.resolve(!0)}isTouched(){return Promise.resolve(this.touched)}render(){const e=this.rangeMax-this.rangeMin;let t=(this.rangeTraceReference-this.rangeMin)/e,r=(this.rangeInput-this.rangeMin)/e,o=t,s=r;return r-t<=0&&(o=r,s=t),a(i,{key:"4e158f7b4af6a8786274b094fcbdc26a00ec19ed",class:{disabled:this.disabled,invalid:this.isInvalid,info:this.isInfo,valid:this.isValid,warning:this.isWarning},onPointerDown:()=>setTimeout((()=>this.showTooltip=!0))},a("ix-field-wrapper",{key:"a18bd3265b8f50d1a3383b59e70efe0bfb829f39",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.controlRef},a("div",{key:"e01718c2e79b41df00aff2cafd6c8e5becdba85d",class:"slider-container"},a("div",{key:"8b83be7e28cac0484b54768c6283d1d37a74e857",class:"slider"},a("div",{key:"9fa8db2173cd87de771d6a0d5a2ace01820fe128",class:"track"},a("div",{key:"46b3b6487f23f4a9219420642587813906c53ce8",ref:this.thumbRef,class:"thumb",style:{left:`calc(${r} * (100% - 1rem))`}}),a("svg",{key:"53a69bb9f7e79558323d7558d60655293a467012",class:"ticks",xmlns:"http://www.w3.org/2000/svg"},this.marker?.filter((e=>e>=this.min&&e<=this.max)).map((t=>{const r=(t-this.rangeMin)/e;return a("circle",{class:{tick:!0,"tick-active":this.isMarkerActive(t)&&this.trace,"tick-at-min":0===r,"tick-at-max":1===r},cx:"0",cy:"0",style:{"--tick-value":""+r}})})))),a("input",{key:"e92242dc3fa7207e1d86071369e76178c9ae6ddf",id:"slider",ref:this.controlRef,type:"range",list:this.marker?"markers":void 0,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:e=>this.onInput(e),onFocus:()=>{this.showTooltip=!0,this.touched=!0},onBlur:()=>{this.showTooltip=!1},style:{"--value":""+r,"--trace-reference":""+t,"--trace-start":""+o,"--trace-end":""+s},class:{trace:this.trace&&t!==r,"hide-trace-reference":this.trace&&(this.traceReference<=this.min||this.traceReference>=this.max)},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max,...this.a11yAttributes}),a("ix-tooltip",{key:"aff89362b88b37ec1d9b6bd9f6ba59646dd538a0",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:!0,for:this.thumbRef.waitForCurrent()},this.rangeInput)),this.hasLabels&&a("div",{key:"34feab8797c1338f3063e17e145811ea33518f4e",class:"label"},a("div",{key:"c95ca806e153beab2c91451859b12c82f2e89a65"},a("slot",{key:"e49498aba11ed8f8711db171308f4979a942a93c",name:"label-start"})),a("div",{key:"ac2e3855bc845f00f3ac8f79022c767befa2c7ea"},a("slot",{key:"a21bc3e1329c8467762e5b44801fc8db0868ec13",name:"label-end"}))))))}static get formAssociated(){return!0}static get watchers(){return{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}}static get style(){return':host{display:flex;flex-direction:column;min-height:2rem;justify-content:center;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-slider-track-marker--background);--trace-color:var(--theme-slider-trace--background);--tick-color:var(--theme-slider-track-marker--background);--tick-color--active:var(--theme-slider-trace-marker--background);--track-color:var(--theme-slider-track--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1.5rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc((var(--trace-end) - var(--trace-start)) * 100%);left:calc(var(--trace-start) * 100%);height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%);border-radius:clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem)}:host .slider-container{width:100%}:host .slider-container .slider{width:100%}:host .slider-container .slider input[type=range]{width:100%}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(100% * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host{}:host .ticks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}:host .ticks circle.tick{--tick-size:6px;--tick-radius:calc(var(--tick-size) / 2);r:var(--tick-radius);fill:var(--tick-color);transform:translate(calc(var(--tick-value) * (100% - var(--thumb-size)) + var(--thumb-size) / 2), 50%)}:host .ticks .tick.tick-at-min{transform:translate(var(--tick-radius), 50%)}:host .ticks .tick.tick-at-max{transform:translate(calc(100% - var(--tick-radius)), 50%)}:host .ticks .tick.tick-active{fill:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:100%;top:50%;transform:translateY(-50%);left:0px;border-radius:2px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host(.invalid){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.invalid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.invalid) input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.disabled){pointer-events:none;--track-color:var(--theme-slider-track--background--disabled);--trace-color:var(--theme-slider-trace--background--disabled);--tick-color:var(--theme-slider-track-marker--background--disabled);--tick-color--active:var(--theme-slider-trace-marker--background--disabled)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.warning){--trace-color:var(--theme-color-warning-40);--tick-color--active:var(--theme-color-warning)}:host(.warning) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-warning)}:host(.warning) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-warning)}:host(.info){--trace-color:var(--theme-color-info-40);--tick-color--active:var(--theme-color-info)}:host(.info) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-info)}:host(.info) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-info)}:host(.valid){--trace-color:var(--theme-color-success-40);--tick-color--active:var(--theme-color-success)}:host(.valid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-success)}:host(.valid) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-success)}'}},[833,"ix-slider",{helperText:[1,"helper-text"],label:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],step:[2],min:[2],max:[2],value:[2],marker:[16],trace:[4],traceReference:[2,"trace-reference"],disabled:[4],rangeInput:[32],rangeMin:[32],rangeMax:[32],rangeTraceReference:[32],showTooltip:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64]},void 0,{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}]);m([b()],v.prototype,"onClassField",null),m([n("pointerup",(e=>e.showTooltip))],v.prototype,"onPointerUp",null);const g=v,k=function(){"undefined"!=typeof customElements&&["ix-slider","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-slider":customElements.get(o(e))||customElements.define(o(e),v);break;case"ix-field-label":customElements.get(o(e))||l();break;case"ix-field-wrapper":customElements.get(o(e))||h();break;case"ix-tooltip":customElements.get(o(e))||d();break;case"ix-typography":customElements.get(o(e))||u()}}))};export{g as IxSlider,k as defineCustomElement}
|
package/components/ix-spinner.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as s}from"./p-
|
|
1
|
+
import{S as o,d as s}from"./p-By6x--zJ.js";const p=o,r=s;export{p as IxSpinner,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,
|
|
1
|
+
import{p as t,M as o,e,h as r,d as i,t as s}from"./p-Bxdy-8CE.js";import{z as a}from"./p-CQj_gEvY.js";import{P as n,u as l,a as b,F as d}from"./p-DOCAISxs.js";import{D as h}from"./p-Dx8kFukG.js";import{A as c}from"./p-Byed_Z2G.js";import{d as u}from"./p-Btv5ReUJ.js";import{d as p}from"./p-B1ZcjHve.js";import{d as m}from"./p-CDKHgTB8.js";import{d as x}from"./p-NLlCSNeG.js";import{d as g}from"./p-By6x--zJ.js";const k=t(class extends(o(...h,c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=e(this,"buttonClick",7)}get hostElement(){return this}variant="primary";closeBehavior="both";label;ariaLabelButton;icon;splitIcon;ariaLabelSplitIconButton;disabled=!1;disableButton=!1;disableDropdownButton=!1;enableTopLayer=!1;buttonClick;showDropdown=!1;internalId="ix-split-button";observeChildrenChange;componentDidLoad(){super.componentDidLoad(),this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0}),this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}get isDisabledButton(){return this.disabled||this.disableButton}get isDisabledIcon(){return this.disabled||this.disableDropdownButton}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(".right-button")}isAriaActiveDescendantActive(){return this.showDropdown}getAriaActiveDescendantProxyItemId(){return n}updateProxyList(){const t=this.hostElement.querySelectorAll("ix-dropdown-item"),o=this.hostElement.shadowRoot.querySelector(".proxy-list");o&&l(o,Array.from(t),((t,o)=>{o.role="menuitem",o.innerText=t.label??t.textContent??"",o.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.variant.toLocaleLowerCase().includes("secondary"),o={variant:this.variant,disabled:this.isDisabledButton,class:{"left-button":!0,"left-button-border":!t}};return r(i,{key:"4e8f8a306c40e3d6d5d95d86ecbc6f868cb19c1e"},this.label?r("ix-button",{...o,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton},this.label):r("ix-icon-button",{...o,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton}),r("ix-dropdown-button",{key:"5dff21af4a06267188147000d77ead850d879339",class:"right-button","aria-label":this.ariaLabelSplitIconButton,icon:this.splitIcon??a,enableTopLayer:this.enableTopLayer,closeBehavior:this.closeBehavior,disabled:this.isDisabledIcon,suppressAriaActiveDescendant:!0,onShowChanged:({detail:t})=>this.showDropdown=t,"aria-controls":`${this.internalId}-${b}`},r(d,{key:"667a0a407632385534a22e7e3e136a9cb29ba317",hostId:this.internalId,otherProps:{}}),r("slot",{key:"e1b22d82b508dde989decb1a93047a8a78f31449"})))}static get style(){return".btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{position:relative;display:inline-flex;vertical-align:middle}:host .left-button{width:calc(100% - 2rem);--ix-button-border-radius-right:0}:host .right-button{width:2rem;--ix-dropdown-button-border-radius-left:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem;margin-right:0.125rem}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}"}},[769,"ix-split-button",{variant:[1],closeBehavior:[8,"close-behavior"],label:[1],ariaLabelButton:[1,"aria-label-button"],icon:[1],splitIcon:[1,"split-icon"],ariaLabelSplitIconButton:[1,"aria-label-split-icon-button"],disabled:[4],disableButton:[4,"disable-button"],disableDropdownButton:[4,"disable-dropdown-button"],enableTopLayer:[4,"enable-top-layer"]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]),f=k,v=function(){"undefined"!=typeof customElements&&["ix-split-button","ix-button","ix-dropdown","ix-dropdown-button","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-split-button":customElements.get(s(t))||customElements.define(s(t),k);break;case"ix-button":customElements.get(s(t))||u();break;case"ix-dropdown":customElements.get(s(t))||p();break;case"ix-dropdown-button":customElements.get(s(t))||m();break;case"ix-icon-button":customElements.get(s(t))||x();break;case"ix-spinner":customElements.get(s(t))||g()}}))};export{f as IxSplitButton,v as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{T as o,d as s}from"./p-
|
|
1
|
+
import{T as o,d as s}from"./p-CVmLf9WY.js";const m=o,p=s;export{m as IxTabItem,p 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 IxTabPanel extends Components.IxTabPanel, HTMLElement {}
|
|
4
|
+
export const IxTabPanel: {
|
|
5
|
+
prototype: IxTabPanel;
|
|
6
|
+
new (): IxTabPanel;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Used to define this component and all nested components recursively.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{T as o,d as s}from"./p-B4Yxzuow.js";const p=o,r=s;export{p as IxTabPanel,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 IxTabSet extends Components.IxTabSet, HTMLElement {}
|
|
4
|
+
export const IxTabSet: {
|
|
5
|
+
prototype: IxTabSet;
|
|
6
|
+
new (): IxTabSet;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Used to define this component and all nested components recursively.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{T as s,d as o}from"./p-DfnCSsMy.js";const p=s,r=o;export{p as IxTabSet,r as defineCustomElement}
|
package/components/ix-tabs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{T as o,d as
|
|
1
|
+
import{T as o,d as s}from"./p-DUkuP1OH.js";const p=o,r=s;export{p as IxTabs,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as o,e as t,h as r,d as n,t as a}from"./p-C_6_Rh7K.js";import{H as i}from"./p-0oJ9dyRQ.js";import{m as d}from"./p-bcj7UEIC.js";import{m as l,g as s,T as h,j as b,i as c,d as p}from"./p-DaVdylP8.js";import{d as u}from"./p-CkBQGLbj.js";import{d as m}from"./p-9tuDiQEH.js";import{d as v}from"./p-C9SfsAWb.js";import{d as x}from"./p-VHuL40oZ.js";function y(e){if(!e)return;const o=/^(\d+(?:\.\d+)?)\s*(px|rem|em|%)?$/.exec(e.trim());if(!o)return;const[,t,r]=o,n=Number.parseFloat(t);return Number.isNaN(n)?void 0:r?`${n}${r.toLowerCase()}`:n+"px"}let g=0;const f=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=t(this,"valueChange",7),this.validityStateChange=t(this,"validityStateChange",7),this.ixBlur=t(this,"ixBlur",7),this.ixChange=t(this,"ixChange",7),this.formInternals=this.attachInternals(),this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.resizeBehavior="both",this.isInvalid=!1,this.isValid=!1,this.isInfo=!1,this.isWarning=!1,this.isInvalidByRequired=!1,this.textAreaRef=d((()=>{this.initResizeObserver()})),this.inputId="ix-textarea-"+g++,this.touched=!1,this.isManuallyResized=!1,this.isProgrammaticResize=!1}updateClassMappings(e){l(this,e)}onDimensionPropsChange(){this.resetManualResizeState(),this.isProgrammaticResize=!0}onResizeBehaviorChange(){this.initResizeObserver()}componentWillLoad(){this.updateFormInternalValue(this.value)}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}resetManualResizeState(){this.isManuallyResized=!1,this.manualHeight=void 0,this.manualWidth=void 0}updateLastObservedInlineStyles(e){this.lastObservedInlineHeight=e.style.height,this.lastObservedInlineWidth=e.style.width}hasInlineStyleChange(e){return e.style.height!==this.lastObservedInlineHeight||e.style.width!==this.lastObservedInlineWidth}initResizeObserver(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect();const o=this.textAreaRef.current;if(!o)return;if("none"===this.resizeBehavior)return;let t=!0;this.updateLastObservedInlineStyles(o),this.resizeObserver=new ResizeObserver((()=>{const e=this.textAreaRef.current;if(!e)return;if(t)return t=!1,void this.updateLastObservedInlineStyles(e);const o=this.hasInlineStyleChange(e);this.updateLastObservedInlineStyles(e),o&&(this.isProgrammaticResize?this.isProgrammaticResize=!1:(this.isManuallyResized=!0,this.manualHeight=e.style.height,this.manualWidth=e.style.width))})),this.resizeObserver.observe(o)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.textAreaRef.current&&this.touched&&s(this,this.textAreaRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getTextareaHeight(){return this.isManuallyResized?this.manualHeight:y(this.textareaHeight)}getTextareaWidth(){return this.isManuallyResized?this.manualWidth||"100%":y(this.textareaWidth)}render(){var e;return r(n,{key:"0ec2ec18091bec45a0ade9a3bb6aeea24866291e",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"9a481da22f3dc4ba2efa40b5aff112cf79a00ada",htmlForLabel:this.inputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"28f2de84b3bd25e400ea3844a6bb5d6d7408c123",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(null!==(e=this.value)&&void 0!==e?e:"").length,"/",this.maxLength),r("div",{key:"078f995e33935765b8ed70f55230c60c112a77f1",class:"input-wrapper"},r(h,{key:"9ca194b673a022c166e85b5fd89728bf968f3cec",id:this.inputId,minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.getTextareaHeight(),textareaWidth:this.getTextareaWidth(),resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,ariaAttributes:c(this),onFocus:()=>b(this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{p(this,this.textAreaRef.current,this.value),this.touched=!0}}))))}static get formAssociated(){return!0}get hostElement(){return this}static get watchers(){return{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right: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(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}'}},[65,"ix-textarea",{name:[513],placeholder:[513],value:[1537],required:[516],disabled:[4],readonly:[4],helperText:[1,"helper-text"],infoText:[1,"info-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],validText:[1,"valid-text"],warningText:[1,"warning-text"],label:[513],invalidText:[1,"invalid-text"],textareaHeight:[1,"textarea-height"],textareaWidth:[1,"textarea-width"],textareaRows:[2,"textarea-rows"],textareaCols:[2,"textarea-cols"],resizeBehavior:[1,"resize-behavior"],maxLength:[2,"max-length"],minLength:[2,"min-length"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],isInvalidByRequired:[32],manualHeight:[32],manualWidth:[32],getAssociatedFormElement:[64],hasValidValue:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}]);!function(e,o,t,r){var n,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i);a>3&&i&&Object.defineProperty(o,t,i)}([i()],f.prototype,"updateClassMappings",null);const k=f,w=function(){"undefined"!=typeof customElements&&["ix-textarea","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-textarea":customElements.get(a(e))||customElements.define(a(e),f);break;case"ix-field-label":customElements.get(a(e))||u();break;case"ix-field-wrapper":customElements.get(a(e))||m();break;case"ix-tooltip":customElements.get(a(e))||v();break;case"ix-typography":customElements.get(a(e))||x()}}))};export{k as IxTextarea,w as defineCustomElement}
|
|
1
|
+
import{p as e,H as o,e as t,h as r,d as a,t as n}from"./p-Bxdy-8CE.js";import{m as i}from"./p-Djkc69iv.js";import{m as d,g as l,T as s,f as h,i as b,o as c}from"./p-BwC_Hmai.js";import{d as p}from"./p-Cf71L4Ol.js";import{d as u}from"./p-CuswfnZ5.js";import{d as m}from"./p-XBJqkmoc.js";import{d as v}from"./p-MZOpritx.js";import{H as x}from"./p-C-wf4kbs.js";function y(e){if(!e)return;const o=/^(\d+(?:\.\d+)?)\s*(px|rem|em|%)?$/.exec(e.trim());if(!o)return;const[,t,r]=o,a=Number.parseFloat(t);return Number.isNaN(a)?void 0:r?`${a}${r.toLowerCase()}`:a+"px"}let g=0;const f=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=t(this,"valueChange",7),this.validityStateChange=t(this,"validityStateChange",7),this.ixBlur=t(this,"ixBlur",7),this.ixChange=t(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;textareaHeight;textareaWidth;textareaRows;textareaCols;resizeBehavior="both";maxLength;minLength;valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;textAreaRef=i((()=>{this.initResizeObserver()}));inputId="ix-textarea-"+g++;touched=!1;initialValue;resizeObserver;isManuallyResized=!1;manualHeight;manualWidth;isProgrammaticResize=!1;lastObservedInlineHeight;lastObservedInlineWidth;updateClassMappings(e){d(this,e)}onDimensionPropsChange(){this.resetManualResizeState(),this.isProgrammaticResize=!0}onResizeBehaviorChange(){this.initResizeObserver()}componentWillLoad(){this.updateFormInternalValue(this.value)}disconnectedCallback(){this.resizeObserver?.disconnect()}resetManualResizeState(){this.isManuallyResized=!1,this.manualHeight=void 0,this.manualWidth=void 0}updateLastObservedInlineStyles(e){this.lastObservedInlineHeight=e.style.height,this.lastObservedInlineWidth=e.style.width}hasInlineStyleChange(e){return e.style.height!==this.lastObservedInlineHeight||e.style.width!==this.lastObservedInlineWidth}initResizeObserver(){this.resizeObserver?.disconnect();const e=this.textAreaRef.current;if(!e)return;if("none"===this.resizeBehavior)return;let o=!0;this.updateLastObservedInlineStyles(e),this.resizeObserver=new ResizeObserver((()=>{const e=this.textAreaRef.current;if(!e)return;if(o)return o=!1,void this.updateLastObservedInlineStyles(e);const t=this.hasInlineStyleChange(e);this.updateLastObservedInlineStyles(e),t&&(this.isProgrammaticResize?this.isProgrammaticResize=!1:(this.isManuallyResized=!0,this.manualHeight=e.style.height,this.manualWidth=e.style.width))})),this.resizeObserver.observe(e)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.textAreaRef.current&&this.touched&&l(this,this.textAreaRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getTextareaHeight(){return this.isManuallyResized?this.manualHeight:y(this.textareaHeight)}getTextareaWidth(){return this.isManuallyResized?this.manualWidth||"100%":y(this.textareaWidth)}render(){return r(a,{key:"b1e2135e1ef4df339961519bf2dcf845908c77e6",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"18229f5ddcc73f93c4ecbf51663dd10e0c973053",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"5088d84355ccaba0df4add4deef2e7efb4fb450c",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength),r("div",{key:"ec6c349bffbaa1ab52e554ad326ae81ca44e6140",class:"input-wrapper"},r(s,{key:"3f597239de02767415994cc39dea5aaf71f09482",id:this.inputId,minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.getTextareaHeight(),textareaWidth:this.getTextareaWidth(),resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,ariaAttributes:b(this),onFocus:()=>h(this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{c(this,this.textAreaRef.current,this.value),this.touched=!0}}))))}static get formAssociated(){return!0}static get watchers(){return{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}'}},[577,"ix-textarea",{name:[513],placeholder:[513],value:[1537],required:[516],disabled:[4],readonly:[4],helperText:[1,"helper-text"],infoText:[1,"info-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],validText:[1,"valid-text"],warningText:[1,"warning-text"],label:[513],invalidText:[1,"invalid-text"],textareaHeight:[1,"textarea-height"],textareaWidth:[1,"textarea-width"],textareaRows:[2,"textarea-rows"],textareaCols:[2,"textarea-cols"],resizeBehavior:[1,"resize-behavior"],maxLength:[2,"max-length"],minLength:[2,"min-length"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],isInvalidByRequired:[32],manualHeight:[32],manualWidth:[32],getAssociatedFormElement:[64],hasValidValue:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}]);!function(e,o,t,r){var a,n=arguments.length,i=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(i=(n<3?a(i):n>3?a(o,t,i):a(o,t))||i);n>3&&i&&Object.defineProperty(o,t,i)}([x()],f.prototype,"updateClassMappings",null);const k=f,w=function(){"undefined"!=typeof customElements&&["ix-textarea","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-textarea":customElements.get(n(e))||customElements.define(n(e),f);break;case"ix-field-label":customElements.get(n(e))||p();break;case"ix-field-wrapper":customElements.get(n(e))||u();break;case"ix-tooltip":customElements.get(n(e))||m();break;case"ix-typography":customElements.get(n(e))||v()}}))};export{k as IxTextarea,w as defineCustomElement}
|
package/components/ix-tile.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as o,d as r,t as s}from"./p-
|
|
1
|
+
import{p as e,H as t,h as o,d as r,t as s}from"./p-Bxdy-8CE.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}size="medium";hasHeaderSlot=!1;hasFooterSlot=!1;handleHeaderSlotChange(){this.hasHeaderSlot=!!this.hostElement.querySelector('[slot="header"]')}handleFooterSlotChange(){this.hasFooterSlot=!!this.hostElement.querySelector('[slot="footer"]')}render(){return o(r,{key:"c57941571e070a94be7dbbb781950c22a8be3803",class:{"tile-small":"small"===this.size,"tile-medium":"medium"===this.size,"tile-big":"big"===this.size}},o("div",{key:"3bfa12c4510191a93ae9bdbb811099a4787319ce",class:{"tile-header":!0,"has-content":this.hasHeaderSlot}},o("slot",{key:"d7b682647b2dbbd4a430fa84cf28942497816057",name:"header",onSlotchange:()=>this.handleHeaderSlotChange()})),o("div",{key:"1965567486b35ce2ff87e0ffeeaa9b33837f5345",class:"tile-subheader"},o("slot",{key:"c03ba4fdec33cf0821d1c90a05b344f26a69ff89",name:"subheader"})),o("div",{key:"8e834709f24eba9f1161be7b736f38fabb9b88d9",class:"tile-content"},o("slot",{key:"69c7deddb575649a4943f3592aceacdf1cd7fcf7"})),o("div",{key:"853de711d9edc48b16290f294d7f88af626ba815",class:{"tile-footer":!0,"has-content":this.hasFooterSlot}},o("slot",{key:"f87ebc8a0de54427400fea4cd37ed2a75eae119f",name:"footer",onSlotchange:()=>this.handleFooterSlotChange()})))}static get style(){return":host{min-width:11.937rem;max-width:11.937rem;width:11.937rem;display:flex;flex-direction:column;border:1px solid var(--theme-tile--border);border-radius:var(--theme-tile--border-radius);background-color:var(--theme-color-2);color:var(--theme-color-std-text);box-shadow:var(--theme-tile--box-shadow)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tile-header{display:flex;align-items:center;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .tile-header,:host .tile-subheader,:host .tile-content,:host .tile-footer{padding:0 1rem}:host .tile-header,:host .tile-content{flex-grow:1}:host .tile-header.has-content{display:flex;height:2.5rem;max-height:2.5rem;padding-inline-end:0.5rem}:host .tile-subheader{color:var(--theme-btn-invisible-secondary--color);flex-grow:0}:host .tile-footer.has-content{border-block-start:1px solid var(--theme-color-1);height:2.5rem}:host(.tile-small){height:2.5rem;min-height:2.5rem;max-height:2.5rem}:host(.tile-medium){height:5rem;min-height:5rem;max-height:5rem}:host(.tile-big){height:10rem;min-height:10rem;max-height:10rem}:host(:active),:host(:focus-visible),:host(:visited){outline:none}"}},[769,"ix-tile",{size:[1],hasHeaderSlot:[32],hasFooterSlot:[32]}]),h=a,i=function(){"undefined"!=typeof customElements&&["ix-tile"].forEach((e=>{"ix-tile"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))};export{h as IxTile,i as defineCustomElement}
|