@siemens/ix 4.0.0 → 4.2.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 +1 -1
- package/components/index.js.map +1 -1
- package/components/ix-action-card.js +1 -1
- package/components/ix-application-header.js +5 -5
- package/components/ix-application-switch-modal.js +5 -5
- 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 +4 -4
- package/components/ix-button.js +1 -1
- package/components/ix-card-list.js +4 -4
- package/components/ix-category-filter.js +18 -12
- package/components/ix-category-filter.js.map +1 -1
- package/components/ix-checkbox-group.js +5 -5
- package/components/ix-checkbox.js +2 -2
- package/components/ix-chip.js +4 -4
- package/components/ix-content-header.js +3 -3
- package/components/ix-custom-field.js +5 -5
- package/components/ix-date-dropdown.js +9 -9
- package/components/ix-date-input.js +32 -18
- package/components/ix-date-input.js.map +1 -1
- package/components/ix-date-picker.js +1 -1
- package/components/ix-date-time-card.js +1 -1
- package/components/ix-datetime-picker.js +12 -12
- package/components/ix-datetime-picker.js.map +1 -1
- package/components/ix-divider.js +1 -1
- package/components/ix-drawer.js +7 -7
- package/components/ix-dropdown-button.js +7 -7
- package/components/ix-dropdown-header.js +2 -2
- 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 +4 -4
- package/components/ix-event-list-item.js +4 -4
- package/components/ix-event-list.js +2 -2
- package/components/ix-expanding-search.js +6 -6
- 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 +5 -5
- package/components/ix-group-context-menu.js +1 -1
- package/components/ix-group.js +11 -11
- package/components/ix-helper-text.js +4 -4
- package/components/ix-icon-button.js +1 -1
- package/components/ix-icon-toggle-button.js +2 -2
- package/components/ix-input-group.js +1 -1
- package/components/ix-input.js +24 -13
- package/components/ix-input.js.map +1 -1
- package/components/ix-key-value-list.js +1 -1
- package/components/ix-key-value.js +1 -1
- package/components/ix-kpi.js +3 -3
- package/components/ix-layout-auto.js +1 -1
- package/components/ix-layout-grid.js +1 -1
- package/components/ix-link-button.js +4 -4
- package/components/ix-link-button.js.map +1 -1
- package/components/ix-menu-about-item.js +1 -1
- package/components/ix-menu-about-news.js +8 -8
- package/components/ix-menu-about.js +10 -8
- package/components/ix-menu-about.js.map +1 -1
- package/components/ix-menu-avatar-item.js +1 -1
- package/components/ix-menu-avatar.js +10 -10
- package/components/ix-menu-category.js +11 -11
- 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 +18 -18
- package/components/ix-message-bar.js +3 -3
- 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 +2 -2
- package/components/ix-modal.js +3 -3
- package/components/ix-number-input.js +170 -37
- package/components/ix-number-input.js.map +1 -1
- package/components/ix-pagination.js +42 -19
- package/components/ix-pagination.js.map +1 -1
- package/components/ix-pane-layout.js +1 -1
- package/components/ix-pane.js +9 -9
- package/components/ix-pill.js +6 -6
- package/components/ix-progress-indicator.js +5 -5
- package/components/ix-push-card.js +2 -2
- package/components/ix-radio-group.js +7 -7
- package/components/ix-radio.js +5 -5
- 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 +8 -8
- package/components/ix-spinner.js +1 -1
- package/components/ix-split-button.js +30 -16
- package/components/ix-split-button.js.map +1 -1
- package/components/ix-tab-item.js +1 -1
- package/components/ix-tabs.js +1 -1
- package/components/ix-textarea.js +8 -8
- package/components/ix-tile.js +4 -4
- package/components/ix-time-input.js +33 -19
- package/components/ix-time-input.js.map +1 -1
- package/components/ix-time-picker.js +1 -1
- package/components/ix-toast-container.js +6 -6
- package/components/ix-toast.js +1 -1
- package/components/ix-toggle-button.js +1 -1
- package/components/ix-toggle.js +5 -5
- package/components/ix-tooltip.js +1 -1
- package/components/ix-tree-item.js +1 -1
- package/components/ix-tree.js +2 -2
- package/components/ix-typography.js +1 -1
- package/components/ix-upload.js +5 -5
- package/components/ix-validation-tooltip.js +2 -2
- package/components/ix-workflow-step.js +3 -3
- package/components/ix-workflow-steps.js +1 -1
- package/components/{p-ChZQLy9v.js → p-10zMtvCF.js} +4 -4
- package/components/{p-ChZQLy9v.js.map → p-10zMtvCF.js.map} +1 -1
- package/components/{p-D8hPr0Kb.js → p-1pd_0dhF.js} +3 -3
- package/components/{p-D8hPr0Kb.js.map → p-1pd_0dhF.js.map} +1 -1
- package/components/{p-BAG4Ixzu.js → p-7E7AMiQV.js} +6 -6
- package/components/p-7E7AMiQV.js.map +1 -0
- package/components/{p-axBTucsn.js → p-B006bhbX.js} +3 -3
- package/components/{p-axBTucsn.js.map → p-B006bhbX.js.map} +1 -1
- package/components/{p-4kEXJDiJ.js → p-B1p0kpQJ.js} +5 -5
- package/components/{p-4kEXJDiJ.js.map → p-B1p0kpQJ.js.map} +1 -1
- package/components/{p-B-mB5dVY.js → p-BBwXlKhE.js} +3 -3
- package/components/{p-B-mB5dVY.js.map → p-BBwXlKhE.js.map} +1 -1
- package/components/{p-DInJFFDT.js → p-BEDohapR.js} +4 -4
- package/components/{p-DInJFFDT.js.map → p-BEDohapR.js.map} +1 -1
- package/components/{p-DkDGUG2W.js → p-BI7B-PUA.js} +4 -4
- package/components/{p-DkDGUG2W.js.map → p-BI7B-PUA.js.map} +1 -1
- package/components/{p-Cj9oZ8ym.js → p-BIg1TSrD.js} +8 -8
- package/components/{p-Cj9oZ8ym.js.map → p-BIg1TSrD.js.map} +1 -1
- package/components/{p-DvD1nW88.js → p-BLeWaHpy.js} +5 -5
- package/components/{p-DvD1nW88.js.map → p-BLeWaHpy.js.map} +1 -1
- package/components/{p-CvuFiT5X.js → p-BOQ00Fbs.js} +67 -26
- package/components/p-BOQ00Fbs.js.map +1 -0
- package/components/{p-CFDRGf6r.js → p-BR5ayBuu.js} +3 -3
- package/components/{p-CFDRGf6r.js.map → p-BR5ayBuu.js.map} +1 -1
- package/components/{p-C56HnkHy.js → p-BiqdnsgA.js} +18 -11
- package/components/p-BiqdnsgA.js.map +1 -0
- package/components/{p-BHcP7TVn.js → p-Bk0vKwmt.js} +4 -4
- package/components/{p-BHcP7TVn.js.map → p-Bk0vKwmt.js.map} +1 -1
- package/components/{p-CDPfohEH.js → p-BmMUyJRQ.js} +87 -51
- package/components/p-BmMUyJRQ.js.map +1 -0
- package/components/{p-GPVWLtS3.js → p-Bye33cYU.js} +7 -7
- package/components/{p-GPVWLtS3.js.map → p-Bye33cYU.js.map} +1 -1
- package/components/{p-D6KzHh-w.js → p-C4KxNeD2.js} +3 -3
- package/components/{p-D6KzHh-w.js.map → p-C4KxNeD2.js.map} +1 -1
- package/components/{p-DWRnKXkl.js → p-C6_1qmP4.js} +3 -3
- package/components/{p-DWRnKXkl.js.map → p-C6_1qmP4.js.map} +1 -1
- package/components/{p-OLe05BAC.js → p-COWPG_SD.js} +3 -3
- package/components/p-COWPG_SD.js.map +1 -0
- package/components/{p-FWLjfP4_.js → p-CjDPpSJX.js} +13 -13
- package/components/p-CjDPpSJX.js.map +1 -0
- package/components/{p-DkKuaBAh.js → p-ClQxnZ3d.js} +6 -6
- package/components/{p-DkKuaBAh.js.map → p-ClQxnZ3d.js.map} +1 -1
- package/components/{p-CL7Uj2A_.js → p-ColBHyXN.js} +5 -5
- package/components/{p-CL7Uj2A_.js.map → p-ColBHyXN.js.map} +1 -1
- package/components/{p-ChFNWyCb.js → p-CrqgL2m1.js} +8 -4
- package/components/p-CrqgL2m1.js.map +1 -0
- package/components/{p-De0habf3.js → p-CvD2yWeJ.js} +4 -4
- package/components/{p-De0habf3.js.map → p-CvD2yWeJ.js.map} +1 -1
- package/components/{p-B1sSJ2R2.js → p-DC9anobw.js} +6 -6
- package/components/{p-B1sSJ2R2.js.map → p-DC9anobw.js.map} +1 -1
- package/components/{p-BTR8UA6s.js → p-DSTHZygb.js} +8 -8
- package/components/{p-BTR8UA6s.js.map → p-DSTHZygb.js.map} +1 -1
- package/components/{p-S6nC3Yb4.js → p-DUU5I7wZ.js} +69 -44
- package/components/p-DUU5I7wZ.js.map +1 -0
- package/components/{p-Ow_osSm5.js → p-DXFN8JXp.js} +20 -9
- package/components/p-DXFN8JXp.js.map +1 -0
- package/components/{p-BtDCIGt3.js → p-Db0RazS2.js} +3 -3
- package/components/{p-BtDCIGt3.js.map → p-Db0RazS2.js.map} +1 -1
- package/components/{p-DTo0UW1Q.js → p-DlVaL0Yi.js} +7 -7
- package/components/{p-DTo0UW1Q.js.map → p-DlVaL0Yi.js.map} +1 -1
- package/components/{p-LVGd1t9U.js → p-Dp03DeD0.js} +5 -5
- package/components/{p-LVGd1t9U.js.map → p-Dp03DeD0.js.map} +1 -1
- package/components/{p-xHo-3QVy.js → p-Dq_H2flK.js} +9 -3
- package/components/p-Dq_H2flK.js.map +1 -0
- package/components/{p-CMC0yuht.js → p-Dy6xvLn4.js} +4 -4
- package/components/{p-CMC0yuht.js.map → p-Dy6xvLn4.js.map} +1 -1
- package/components/{p-CwFNYtOl.js → p-PpLLlogo.js} +5 -5
- package/components/{p-CwFNYtOl.js.map → p-PpLLlogo.js.map} +1 -1
- package/dist/cjs/{helper-text-util-BlElJLxk.js → helper-text-util-D2W-yNmK.js} +8 -4
- package/dist/cjs/helper-text-util-D2W-yNmK.js.map +1 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/{input.util-4AhBphgX.js → input.fc-DrxRYq_G.js} +69 -43
- package/dist/cjs/input.fc-DrxRYq_G.js.map +1 -0
- package/dist/cjs/ix-avatar_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-category-filter.cjs.entry.js +14 -8
- package/dist/cjs/ix-category-filter.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/ix-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-col_4.cjs.entry.js +9 -9
- package/dist/cjs/ix-custom-field.cjs.entry.js +1 -1
- package/dist/cjs/ix-date-input.cjs.entry.js +24 -12
- package/dist/cjs/ix-date-input.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-date-time-card.cjs.entry.js +1 -1
- package/dist/cjs/ix-date-time-card.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-datetime-picker.cjs.entry.js +2 -2
- package/dist/cjs/ix-datetime-picker.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-divider.cjs.entry.js +1 -1
- package/dist/cjs/ix-drawer.cjs.entry.js +5 -5
- package/dist/cjs/ix-dropdown-button.cjs.entry.js +3 -3
- package/dist/cjs/ix-dropdown-header.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown-item.cjs.entry.js +3 -3
- package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +1 -1
- package/dist/cjs/ix-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/ix-empty-state.cjs.entry.js +1 -1
- package/dist/cjs/ix-event-list-item.cjs.entry.js +4 -4
- package/dist/cjs/ix-event-list.cjs.entry.js +2 -2
- package/dist/cjs/ix-expanding-search.cjs.entry.js +4 -4
- package/dist/cjs/ix-field-label_2.cjs.entry.js +5 -5
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-flip-tile-content.cjs.entry.js +1 -1
- package/dist/cjs/ix-flip-tile.cjs.entry.js +3 -3
- package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-group.cjs.entry.js +8 -8
- package/dist/cjs/ix-helper-text.cjs.entry.js +3 -3
- package/dist/cjs/ix-icon-button_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/ix-input-group.cjs.entry.js +1 -1
- package/dist/cjs/ix-input.cjs.entry.js +21 -12
- package/dist/cjs/ix-input.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-key-value-list.cjs.entry.js +1 -1
- package/dist/cjs/ix-key-value.cjs.entry.js +1 -1
- package/dist/cjs/ix-kpi.cjs.entry.js +3 -3
- package/dist/cjs/ix-layout-auto.cjs.entry.js +1 -1
- package/dist/cjs/ix-link-button.cjs.entry.js +4 -4
- package/dist/cjs/ix-link-button.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-about-news.cjs.entry.js +4 -4
- package/dist/cjs/ix-menu-about.cjs.entry.js +6 -4
- package/dist/cjs/ix-menu-about.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-menu-avatar.cjs.entry.js +2 -2
- package/dist/cjs/ix-menu-category.cjs.entry.js +5 -5
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-item.cjs.entry.js +4 -4
- package/dist/cjs/{ix-menu-settings-Cdqo0r8E.js → ix-menu-settings-CtWl0bME.js} +14 -7
- package/dist/cjs/ix-menu-settings-CtWl0bME.js.map +1 -0
- package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu-settings.cjs.entry.js +1 -1
- package/dist/cjs/ix-menu.cjs.entry.js +12 -12
- package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-modal-footer.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal-loading.cjs.entry.js +1 -1
- package/dist/cjs/ix-modal.cjs.entry.js +3 -3
- package/dist/cjs/ix-number-input.cjs.entry.js +162 -34
- package/dist/cjs/ix-number-input.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-pagination.cjs.entry.js +29 -7
- package/dist/cjs/ix-pagination.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-pane-layout.cjs.entry.js +1 -1
- package/dist/cjs/ix-pane.cjs.entry.js +6 -6
- package/dist/cjs/ix-pill.cjs.entry.js +4 -4
- package/dist/cjs/ix-progress-indicator.cjs.entry.js +3 -3
- package/dist/cjs/ix-push-card.cjs.entry.js +1 -1
- package/dist/cjs/ix-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/ix-radio.cjs.entry.js +4 -4
- package/dist/cjs/ix-select.cjs.entry.js +53 -14
- package/dist/cjs/ix-select.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-slider.cjs.entry.js +6 -6
- package/dist/cjs/ix-split-button.cjs.entry.js +24 -12
- package/dist/cjs/ix-split-button.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-tab-item.ix-tabs.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-tab-item_2.cjs.entry.js +6 -6
- package/dist/cjs/ix-textarea.cjs.entry.js +6 -6
- package/dist/cjs/ix-textarea.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-tile.cjs.entry.js +4 -4
- package/dist/cjs/ix-time-input.cjs.entry.js +24 -12
- package/dist/cjs/ix-time-input.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-time-picker.cjs.entry.js +81 -45
- package/dist/cjs/ix-time-picker.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-toast-container.cjs.entry.js +2 -2
- package/dist/cjs/ix-toast.cjs.entry.js +2 -2
- package/dist/cjs/ix-toggle.cjs.entry.js +4 -4
- package/dist/cjs/ix-tooltip.cjs.entry.js +17 -6
- package/dist/cjs/ix-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-tree-item.cjs.entry.js +4 -4
- package/dist/cjs/ix-tree.cjs.entry.js +1 -1
- package/dist/cjs/ix-typography.cjs.entry.js +1 -1
- package/dist/cjs/ix-upload.cjs.entry.js +3 -3
- package/dist/cjs/ix-validation-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/ix-workflow-step.cjs.entry.js +3 -3
- package/dist/cjs/ix-workflow-steps.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/siemens-ix.cjs.js +1 -1
- package/dist/cjs/{validation-CfL71_0d.js → validation-DTmSqO2d.js} +9 -2
- package/dist/{esm/validation-D_dk-JqT.js.map → cjs/validation-DTmSqO2d.js.map} +1 -1
- package/dist/collection/components/category-filter/category-filter.css +321 -50
- package/dist/collection/components/category-filter/category-filter.js +13 -7
- package/dist/collection/components/category-filter/category-filter.js.map +1 -1
- package/dist/collection/components/date-input/date-input.js +60 -8
- package/dist/collection/components/date-input/date-input.js.map +1 -1
- package/dist/collection/components/date-picker/date-picker.css +6 -8
- package/dist/collection/components/date-picker/date-picker.js +5 -5
- package/dist/collection/components/date-picker/date-picker.js.map +1 -1
- package/dist/collection/components/date-time-card/date-time-card.css +3 -2
- package/dist/collection/components/datetime-picker/datetime-picker.css +12 -1
- package/dist/collection/components/datetime-picker/datetime-picker.js +1 -1
- package/dist/collection/components/datetime-picker/datetime-picker.js.map +1 -1
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/drawer/drawer.js +5 -5
- package/dist/collection/components/dropdown/dropdown.js +2 -2
- package/dist/collection/components/dropdown-button/dropdown-button.js +3 -3
- package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.js +3 -3
- package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
- package/dist/collection/components/empty-state/empty-state.js +1 -1
- package/dist/collection/components/event-list/event-list.js +2 -2
- package/dist/collection/components/event-list-item/event-list-item.js +4 -4
- package/dist/collection/components/expanding-search/expanding-search.js +4 -4
- package/dist/collection/components/field-label/field-label.js +1 -1
- package/dist/collection/components/field-wrapper/field-wrapper.js +2 -2
- package/dist/collection/components/field-wrapper/helper-text-util.js +6 -2
- package/dist/collection/components/field-wrapper/helper-text-util.js.map +1 -1
- package/dist/collection/components/filter-chip/filter-chip.js +1 -1
- package/dist/collection/components/flip-tile/flip-tile.js +3 -3
- package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
- package/dist/collection/components/group/group-context-menu.js +1 -1
- package/dist/collection/components/group/group.js +8 -8
- package/dist/collection/components/helper-text/helper-text.js +1 -1
- package/dist/collection/components/icon-button/icon-button.js +1 -1
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +1 -1
- package/dist/collection/components/input/input.fc.js +10 -1
- package/dist/collection/components/input/input.fc.js.map +1 -1
- package/dist/collection/components/input/input.js +54 -5
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/input/input.util.js +20 -3
- package/dist/collection/components/input/input.util.js.map +1 -1
- package/dist/collection/components/input/number-input.js +228 -36
- package/dist/collection/components/input/number-input.js.map +1 -1
- package/dist/collection/components/input/textarea.js +2 -2
- package/dist/collection/components/input-group/input-group.js +1 -1
- package/dist/collection/components/key-value/key-value.js +1 -1
- package/dist/collection/components/key-value-list/key-value-list.js +1 -1
- package/dist/collection/components/kpi/kpi.js +3 -3
- package/dist/collection/components/layout-auto/layout-auto.js +1 -1
- package/dist/collection/components/layout-grid/layout-grid.js +2 -2
- package/dist/collection/components/link-button/link-button.css +2 -8
- package/dist/collection/components/link-button/link-button.js +3 -3
- package/dist/collection/components/menu/menu-expand-icon.js +1 -1
- package/dist/collection/components/menu/menu.js +12 -12
- package/dist/collection/components/menu-about/menu-about.js +6 -4
- package/dist/collection/components/menu-about/menu-about.js.map +1 -1
- package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
- package/dist/collection/components/menu-about-news/menu-about-news.js +4 -4
- package/dist/collection/components/menu-avatar/menu-avatar.js +2 -2
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
- package/dist/collection/components/menu-category/menu-category.js +5 -5
- package/dist/collection/components/menu-item/menu-item.js +4 -4
- package/dist/collection/components/menu-settings/menu-settings.js +6 -4
- package/dist/collection/components/menu-settings/menu-settings.js.map +1 -1
- package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
- package/dist/collection/components/message-bar/message-bar.js +1 -1
- package/dist/collection/components/modal/modal.js +3 -3
- 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 +1 -1
- package/dist/collection/components/modal-loading/modal-loading.js +1 -1
- package/dist/collection/components/pagination/pagination.js +52 -7
- package/dist/collection/components/pagination/pagination.js.map +1 -1
- package/dist/collection/components/pane/pane.js +6 -6
- package/dist/collection/components/pane-layout/pane-layout.js +1 -1
- package/dist/collection/components/pill/pill.js +4 -4
- package/dist/collection/components/progress-indicator/progress-indicator.js +3 -3
- package/dist/collection/components/push-card/push-card.js +1 -1
- package/dist/collection/components/radio/radio.js +3 -3
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/row/row.js +1 -1
- package/dist/collection/components/select/select.js +94 -14
- package/dist/collection/components/select/select.js.map +1 -1
- package/dist/collection/components/select-item/select-item.js +1 -1
- package/dist/collection/components/slider/slider.js +6 -6
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-button/split-button.js +70 -12
- package/dist/collection/components/split-button/split-button.js.map +1 -1
- package/dist/collection/components/tab-item/tab-item.css +1 -1
- package/dist/collection/components/tab-item/tab-item.js +3 -3
- package/dist/collection/components/tabs/tabs.js +2 -2
- package/dist/collection/components/tile/tile.js +4 -4
- package/dist/collection/components/time-input/time-input.js +61 -9
- package/dist/collection/components/time-input/time-input.js.map +1 -1
- package/dist/collection/components/time-picker/time-picker.css +20 -52
- package/dist/collection/components/time-picker/time-picker.js +83 -48
- package/dist/collection/components/time-picker/time-picker.js.map +1 -1
- package/dist/collection/components/time-picker/time-picker.types.js.map +1 -1
- package/dist/collection/components/toast/toast-container.js +2 -2
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/tooltip/tooltip.css +2 -3
- package/dist/collection/components/tooltip/tooltip.js +17 -6
- package/dist/collection/components/tooltip/tooltip.js.map +1 -1
- package/dist/collection/components/tree/tree.js +1 -1
- package/dist/collection/components/tree-item/tree-item.js +4 -4
- package/dist/collection/components/typography/typography.js +1 -1
- package/dist/collection/components/upload/upload.js +3 -3
- package/dist/collection/components/utils/input/validation.js +6 -0
- package/dist/collection/components/utils/input/validation.js.map +1 -1
- package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js +6 -1
- package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js.map +1 -1
- package/dist/collection/components/utils/modal/index.js.map +1 -1
- package/dist/collection/components/utils/modal/loading.js.map +1 -1
- package/dist/collection/components/validation-tooltip/validation-tooltip.js +2 -2
- package/dist/collection/components/workflow-step/workflow-step.js +3 -3
- package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
- package/dist/esm/{helper-text-util-BurV4TiQ.js → helper-text-util-gKdL-wH2.js} +8 -4
- package/dist/esm/helper-text-util-gKdL-wH2.js.map +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/{input.util-VHrSuCP7.js → input.fc-KJF8Z9iJ.js} +69 -44
- package/dist/esm/input.fc-KJF8Z9iJ.js.map +1 -0
- package/dist/esm/ix-avatar_2.entry.js +1 -1
- package/dist/esm/ix-category-filter.entry.js +14 -8
- package/dist/esm/ix-category-filter.entry.js.map +1 -1
- package/dist/esm/ix-checkbox-group.entry.js +1 -1
- package/dist/esm/ix-checkbox.entry.js +1 -1
- package/dist/esm/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.js.map +1 -1
- package/dist/esm/ix-col_4.entry.js +9 -9
- package/dist/esm/ix-custom-field.entry.js +1 -1
- package/dist/esm/ix-date-input.entry.js +20 -8
- package/dist/esm/ix-date-input.entry.js.map +1 -1
- package/dist/esm/ix-date-time-card.entry.js +1 -1
- package/dist/esm/ix-date-time-card.entry.js.map +1 -1
- package/dist/esm/ix-datetime-picker.entry.js +2 -2
- package/dist/esm/ix-datetime-picker.entry.js.map +1 -1
- package/dist/esm/ix-divider.entry.js +1 -1
- package/dist/esm/ix-drawer.entry.js +5 -5
- package/dist/esm/ix-dropdown-button.entry.js +3 -3
- package/dist/esm/ix-dropdown-header.entry.js +1 -1
- package/dist/esm/ix-dropdown-item.entry.js +3 -3
- package/dist/esm/ix-dropdown-quick-actions.entry.js +1 -1
- package/dist/esm/ix-dropdown.entry.js +2 -2
- package/dist/esm/ix-empty-state.entry.js +1 -1
- package/dist/esm/ix-event-list-item.entry.js +4 -4
- package/dist/esm/ix-event-list.entry.js +2 -2
- package/dist/esm/ix-expanding-search.entry.js +4 -4
- package/dist/esm/ix-field-label_2.entry.js +5 -5
- package/dist/esm/ix-filter-chip_2.entry.js +2 -2
- package/dist/esm/ix-flip-tile-content.entry.js +1 -1
- package/dist/esm/ix-flip-tile.entry.js +3 -3
- package/dist/esm/ix-group-context-menu_2.entry.js +1 -1
- package/dist/esm/ix-group.entry.js +8 -8
- package/dist/esm/ix-helper-text.entry.js +3 -3
- package/dist/esm/ix-icon-button_2.entry.js +2 -2
- package/dist/esm/ix-icon-toggle-button.entry.js +1 -1
- package/dist/esm/ix-input-group.entry.js +1 -1
- package/dist/esm/ix-input.entry.js +16 -7
- package/dist/esm/ix-input.entry.js.map +1 -1
- package/dist/esm/ix-key-value-list.entry.js +1 -1
- package/dist/esm/ix-key-value.entry.js +1 -1
- package/dist/esm/ix-kpi.entry.js +3 -3
- package/dist/esm/ix-layout-auto.entry.js +1 -1
- package/dist/esm/ix-link-button.entry.js +4 -4
- package/dist/esm/ix-link-button.entry.js.map +1 -1
- package/dist/esm/ix-menu-about-item.entry.js +1 -1
- package/dist/esm/ix-menu-about-news.entry.js +4 -4
- package/dist/esm/ix-menu-about.entry.js +6 -4
- package/dist/esm/ix-menu-about.entry.js.map +1 -1
- package/dist/esm/ix-menu-avatar.entry.js +2 -2
- package/dist/esm/ix-menu-category.entry.js +5 -5
- package/dist/esm/ix-menu-expand-icon.entry.js +1 -1
- package/dist/esm/ix-menu-item.entry.js +4 -4
- package/dist/esm/{ix-menu-settings-Bif4wByb.js → ix-menu-settings-f9o5GGw5.js} +14 -7
- package/dist/esm/ix-menu-settings-f9o5GGw5.js.map +1 -0
- package/dist/esm/ix-menu-settings-item.entry.js +1 -1
- package/dist/esm/ix-menu-settings.entry.js +1 -1
- package/dist/esm/ix-menu.entry.js +12 -12
- package/dist/esm/ix-message-bar.entry.js +1 -1
- package/dist/esm/ix-modal-content_2.entry.js +2 -2
- package/dist/esm/ix-modal-footer.entry.js +1 -1
- package/dist/esm/ix-modal-loading.entry.js +1 -1
- package/dist/esm/ix-modal.entry.js +3 -3
- package/dist/esm/ix-number-input.entry.js +159 -31
- package/dist/esm/ix-number-input.entry.js.map +1 -1
- package/dist/esm/ix-pagination.entry.js +29 -7
- package/dist/esm/ix-pagination.entry.js.map +1 -1
- package/dist/esm/ix-pane-layout.entry.js +1 -1
- package/dist/esm/ix-pane.entry.js +6 -6
- package/dist/esm/ix-pill.entry.js +4 -4
- package/dist/esm/ix-progress-indicator.entry.js +3 -3
- package/dist/esm/ix-push-card.entry.js +1 -1
- package/dist/esm/ix-radio-group.entry.js +3 -3
- package/dist/esm/ix-radio.entry.js +4 -4
- package/dist/esm/ix-select.entry.js +53 -14
- package/dist/esm/ix-select.entry.js.map +1 -1
- package/dist/esm/ix-slider.entry.js +6 -6
- package/dist/esm/ix-split-button.entry.js +24 -12
- package/dist/esm/ix-split-button.entry.js.map +1 -1
- package/dist/esm/ix-tab-item.ix-tabs.entry.js.map +1 -1
- package/dist/esm/ix-tab-item_2.entry.js +6 -6
- package/dist/esm/ix-textarea.entry.js +4 -4
- package/dist/esm/ix-tile.entry.js +4 -4
- package/dist/esm/ix-time-input.entry.js +21 -9
- package/dist/esm/ix-time-input.entry.js.map +1 -1
- package/dist/esm/ix-time-picker.entry.js +81 -45
- package/dist/esm/ix-time-picker.entry.js.map +1 -1
- package/dist/esm/ix-toast-container.entry.js +2 -2
- package/dist/esm/ix-toast.entry.js +2 -2
- package/dist/esm/ix-toggle.entry.js +4 -4
- package/dist/esm/ix-tooltip.entry.js +17 -6
- package/dist/esm/ix-tooltip.entry.js.map +1 -1
- package/dist/esm/ix-tree-item.entry.js +4 -4
- package/dist/esm/ix-tree.entry.js +1 -1
- package/dist/esm/ix-typography.entry.js +1 -1
- package/dist/esm/ix-upload.entry.js +3 -3
- package/dist/esm/ix-validation-tooltip.entry.js +2 -2
- package/dist/esm/ix-workflow-step.entry.js +3 -3
- package/dist/esm/ix-workflow-steps.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/siemens-ix.js +1 -1
- package/dist/esm/{validation-D_dk-JqT.js → validation-LJh16vt2.js} +9 -3
- package/dist/{cjs/validation-CfL71_0d.js.map → esm/validation-LJh16vt2.js.map} +1 -1
- package/dist/siemens-ix/index.esm.js.map +1 -1
- package/dist/siemens-ix/ix-category-filter.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-date-input.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-date-time-card.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-datetime-picker.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-input.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-link-button.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-menu-about.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-number-input.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-pagination.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-select.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-split-button.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-tab-item.ix-tabs.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-time-input.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-time-picker.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-tooltip.entry.esm.js.map +1 -1
- package/dist/siemens-ix/p-0411df39.entry.js +2 -0
- package/dist/siemens-ix/p-051f428c.entry.js +2 -0
- package/dist/siemens-ix/{p-4288bd66.entry.js.map → p-051f428c.entry.js.map} +1 -1
- package/dist/siemens-ix/p-0c325f08.entry.js +2 -0
- package/dist/siemens-ix/p-0c325f08.entry.js.map +1 -0
- package/dist/siemens-ix/{p-9f7f5cd3.entry.js → p-0ce03ad3.entry.js} +2 -2
- package/dist/siemens-ix/{p-60d2f3db.entry.js → p-0d621531.entry.js} +2 -2
- package/dist/siemens-ix/p-0eca5a77.entry.js +2 -0
- package/dist/siemens-ix/{p-65c759c5.entry.js.map → p-0eca5a77.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-d70cd703.entry.js → p-196cffb5.entry.js} +2 -2
- package/dist/siemens-ix/{p-94596bff.entry.js → p-1de1a2bf.entry.js} +2 -2
- package/dist/siemens-ix/{p-b7c64537.entry.js → p-2597a988.entry.js} +2 -2
- package/dist/siemens-ix/{p-49843cce.entry.js → p-26c629c3.entry.js} +2 -2
- package/dist/siemens-ix/p-26c629c3.entry.js.map +1 -0
- package/dist/siemens-ix/{p-a8f08878.entry.js → p-2ffde2d5.entry.js} +2 -2
- package/dist/siemens-ix/p-31a8eaf9.entry.js +2 -0
- package/dist/siemens-ix/p-33b3ed5b.entry.js +2 -0
- package/dist/siemens-ix/p-33b3ed5b.entry.js.map +1 -0
- package/dist/siemens-ix/{p-2e3ac12c.entry.js → p-33fcea65.entry.js} +2 -2
- package/dist/siemens-ix/{p-bd2127d0.entry.js → p-367df024.entry.js} +2 -2
- package/dist/siemens-ix/{p-76bd4cf9.entry.js → p-37bd983a.entry.js} +2 -2
- package/dist/siemens-ix/{p-d2831f7b.entry.js → p-38e45020.entry.js} +2 -2
- package/dist/siemens-ix/{p-d997238b.entry.js → p-396e1f3d.entry.js} +2 -2
- package/dist/siemens-ix/p-3ce5fd87.entry.js +2 -0
- package/dist/siemens-ix/p-3ce5fd87.entry.js.map +1 -0
- package/dist/siemens-ix/p-3f62166e.entry.js +2 -0
- package/dist/siemens-ix/{p-6880e267.entry.js.map → p-3f62166e.entry.js.map} +1 -1
- package/dist/siemens-ix/p-425d6925.entry.js +2 -0
- package/dist/siemens-ix/{p-ffe0835b.entry.js → p-4431f891.entry.js} +2 -2
- package/dist/siemens-ix/{p-ec3ec461.entry.js → p-484bddf4.entry.js} +2 -2
- package/dist/siemens-ix/{p-df5494ff.entry.js → p-496e98ac.entry.js} +2 -2
- package/dist/siemens-ix/{p-ab6d123c.entry.js → p-4c18f123.entry.js} +2 -2
- package/dist/siemens-ix/{p-c96ce76c.entry.js → p-4c1f90cb.entry.js} +2 -2
- package/dist/siemens-ix/{p-a53d7dbb.entry.js → p-4e4d792d.entry.js} +2 -2
- package/dist/siemens-ix/{p-620158aa.entry.js → p-4e77d861.entry.js} +2 -2
- package/dist/siemens-ix/{p-80981f03.entry.js → p-5779f16e.entry.js} +2 -2
- package/dist/siemens-ix/{p-4d0e900c.entry.js → p-5b57bde1.entry.js} +2 -2
- package/dist/siemens-ix/{p-acb7c236.entry.js → p-667e3184.entry.js} +2 -2
- package/dist/siemens-ix/p-68aaf0fe.entry.js +2 -0
- package/dist/siemens-ix/p-68aaf0fe.entry.js.map +1 -0
- package/dist/siemens-ix/{p-92e0ebf1.entry.js → p-6a4bc78a.entry.js} +2 -2
- package/dist/siemens-ix/p-6dc6eb63.entry.js +2 -0
- package/dist/siemens-ix/{p-453aa17a.entry.js.map → p-6dc6eb63.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-319e292f.entry.js → p-74e7b03f.entry.js} +2 -2
- package/dist/siemens-ix/{p-7c474c82.entry.js → p-77fd2138.entry.js} +2 -2
- package/dist/siemens-ix/p-79537728.entry.js +2 -0
- package/dist/siemens-ix/{p-11b1eaa3.entry.js → p-7bad0544.entry.js} +2 -2
- package/dist/siemens-ix/{p-23e4f5f3.entry.js → p-7beba4ad.entry.js} +2 -2
- package/dist/siemens-ix/p-7beba4ad.entry.js.map +1 -0
- package/dist/siemens-ix/p-8b42ad35.entry.js +2 -0
- package/dist/siemens-ix/{p-31f77d98.entry.js.map → p-8b42ad35.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-5c22d3e5.entry.js → p-8f9368b8.entry.js} +2 -2
- package/dist/siemens-ix/p-8fa8d0e3.entry.js +2 -0
- package/dist/siemens-ix/p-92ec7f27.entry.js +2 -0
- package/dist/siemens-ix/{p-DBsKyLIP.js → p-BcCDexod.js} +2 -2
- package/dist/siemens-ix/p-BcCDexod.js.map +1 -0
- package/dist/siemens-ix/{p-CAj3Tlcn.js → p-C7nQNUsO.js} +2 -2
- package/dist/siemens-ix/{p-CAj3Tlcn.js.map → p-C7nQNUsO.js.map} +1 -1
- package/dist/siemens-ix/p-Cn013Iz8.js +2 -0
- package/dist/siemens-ix/p-Cn013Iz8.js.map +1 -0
- package/dist/siemens-ix/p-DaswuiGO.js +2 -0
- package/dist/siemens-ix/p-DaswuiGO.js.map +1 -0
- package/dist/siemens-ix/p-a3baca2f.entry.js +2 -0
- package/dist/siemens-ix/{p-0fd006b9.entry.js → p-a4225101.entry.js} +2 -2
- package/dist/siemens-ix/{p-1c83cb5f.entry.js → p-b27a9744.entry.js} +2 -2
- package/dist/siemens-ix/{p-75a10c1e.entry.js → p-b3453edf.entry.js} +2 -2
- package/dist/siemens-ix/p-b41a7abb.entry.js +2 -0
- package/dist/siemens-ix/{p-53df921a.entry.js.map → p-b41a7abb.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-9a4db5e9.entry.js → p-b76df1c7.entry.js} +2 -2
- package/dist/siemens-ix/{p-332dccc7.entry.js → p-b7ef70d4.entry.js} +2 -2
- package/dist/siemens-ix/{p-43ecc5c3.entry.js → p-b8f4b001.entry.js} +2 -2
- package/dist/siemens-ix/{p-531f9746.entry.js → p-b9880608.entry.js} +2 -2
- package/dist/siemens-ix/p-ba9ed3d1.entry.js +2 -0
- package/dist/siemens-ix/p-ba9ed3d1.entry.js.map +1 -0
- package/dist/siemens-ix/{p-4a127027.entry.js → p-c15e64a8.entry.js} +2 -2
- package/dist/siemens-ix/{p-7364534a.entry.js → p-c43b201b.entry.js} +2 -2
- package/dist/siemens-ix/{p-619a3dc8.entry.js → p-c5c863e1.entry.js} +2 -2
- package/dist/siemens-ix/{p-bb744e91.entry.js → p-c94739d0.entry.js} +2 -2
- package/dist/siemens-ix/{p-8cb3d70c.entry.js → p-ca3b24b1.entry.js} +2 -2
- package/dist/siemens-ix/{p-4acf0d7b.entry.js → p-cd1afcc9.entry.js} +2 -2
- package/dist/siemens-ix/{p-713df610.entry.js → p-cf041cfd.entry.js} +2 -2
- package/dist/siemens-ix/{p-338c68ea.entry.js → p-d10b9798.entry.js} +2 -2
- package/dist/siemens-ix/{p-6fd7d11a.entry.js → p-d193381f.entry.js} +2 -2
- package/dist/siemens-ix/{p-b76ed7c3.entry.js → p-d2c18c15.entry.js} +2 -2
- package/dist/siemens-ix/p-d2c18c15.entry.js.map +1 -0
- package/dist/siemens-ix/{p-d90d1310.entry.js → p-d3a60c52.entry.js} +2 -2
- package/dist/siemens-ix/p-d688f76e.entry.js +2 -0
- package/dist/siemens-ix/{p-2d96a4a1.entry.js.map → p-d688f76e.entry.js.map} +1 -1
- package/dist/siemens-ix/p-dc8de6cb.entry.js +2 -0
- package/dist/siemens-ix/p-dc8de6cb.entry.js.map +1 -0
- package/dist/siemens-ix/p-de12078d.entry.js +2 -0
- package/dist/siemens-ix/{p-418671c7.entry.js.map → p-de12078d.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-f40573e7.entry.js → p-df6bb698.entry.js} +2 -2
- package/dist/siemens-ix/p-e0b9cf68.entry.js +2 -0
- package/dist/siemens-ix/{p-5bb86bf7.entry.js → p-e42f62a1.entry.js} +2 -2
- package/dist/siemens-ix/{p-fb02d7fd.entry.js → p-e48977ed.entry.js} +2 -2
- package/dist/siemens-ix/{p-3099c12a.entry.js → p-e7bdc0a0.entry.js} +2 -2
- package/dist/siemens-ix/p-e7bdc0a0.entry.js.map +1 -0
- package/dist/siemens-ix/{p-ff6f13e1.entry.js → p-ea15fc79.entry.js} +2 -2
- package/dist/siemens-ix/{p-18d4645d.entry.js → p-ea37abf6.entry.js} +2 -2
- package/dist/siemens-ix/{p-f253d38c.entry.js → p-eba7f62c.entry.js} +2 -2
- package/dist/siemens-ix/{p-6045dce9.entry.js → p-f119c105.entry.js} +2 -2
- package/dist/siemens-ix/p-fb8877bc.entry.js +2 -0
- package/dist/siemens-ix/p-fb8877bc.entry.js.map +1 -0
- package/dist/siemens-ix/{p-2b2f339e.entry.js → p-fc73c8cc.entry.js} +2 -2
- package/dist/siemens-ix/{p-e3dca831.entry.js → p-ff83eafd.entry.js} +2 -2
- package/dist/siemens-ix/siemens-ix-core.css +1 -1
- package/dist/siemens-ix/siemens-ix.css +2 -5
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/date-input/date-input.d.ts +10 -0
- package/dist/types/components/field-wrapper/helper-text-util.d.ts +5 -1
- package/dist/types/components/input/input.d.ts +9 -0
- package/dist/types/components/input/input.fc.d.ts +6 -0
- package/dist/types/components/input/input.util.d.ts +1 -0
- package/dist/types/components/input/number-input.d.ts +31 -5
- package/dist/types/components/menu-about/menu-about.d.ts +1 -1
- package/dist/types/components/menu-settings/menu-settings.d.ts +1 -1
- package/dist/types/components/pagination/pagination.d.ts +8 -0
- package/dist/types/components/select/select.d.ts +11 -0
- package/dist/types/components/split-button/split-button.d.ts +15 -4
- package/dist/types/components/time-input/time-input.d.ts +10 -0
- package/dist/types/components/time-picker/time-picker.d.ts +8 -2
- package/dist/types/components/tooltip/tooltip.d.ts +2 -1
- package/dist/types/components/utils/input/validation.d.ts +1 -0
- package/dist/types/components/utils/menu-tabs/menu-tabs-utils.d.ts +1 -0
- package/dist/types/components/utils/modal/index.d.ts +1 -1
- package/dist/types/components/utils/modal/loading.d.ts +4 -0
- package/dist/types/components.d.ts +160 -12
- package/hydrate/index.js +707 -364
- package/hydrate/index.mjs +707 -364
- package/package.json +1 -1
- package/scss/components/_links.scss +2 -5
- package/scss/mixins/_input.scss +2 -2
- package/scss/theme/classic/dark/_variables.scss +1 -1
- package/components/p-BAG4Ixzu.js.map +0 -1
- package/components/p-C56HnkHy.js.map +0 -1
- package/components/p-CDPfohEH.js.map +0 -1
- package/components/p-ChFNWyCb.js.map +0 -1
- package/components/p-CvuFiT5X.js.map +0 -1
- package/components/p-FWLjfP4_.js.map +0 -1
- package/components/p-OLe05BAC.js.map +0 -1
- package/components/p-Ow_osSm5.js.map +0 -1
- package/components/p-S6nC3Yb4.js.map +0 -1
- package/components/p-xHo-3QVy.js.map +0 -1
- package/dist/cjs/helper-text-util-BlElJLxk.js.map +0 -1
- package/dist/cjs/input.util-4AhBphgX.js.map +0 -1
- package/dist/cjs/ix-menu-settings-Cdqo0r8E.js.map +0 -1
- package/dist/esm/helper-text-util-BurV4TiQ.js.map +0 -1
- package/dist/esm/input.util-VHrSuCP7.js.map +0 -1
- package/dist/esm/ix-menu-settings-Bif4wByb.js.map +0 -1
- package/dist/siemens-ix/p-10ed549b.entry.js +0 -2
- package/dist/siemens-ix/p-10ed549b.entry.js.map +0 -1
- package/dist/siemens-ix/p-1550973a.entry.js +0 -2
- package/dist/siemens-ix/p-1de6e736.entry.js +0 -2
- package/dist/siemens-ix/p-1de6e736.entry.js.map +0 -1
- package/dist/siemens-ix/p-23e4f5f3.entry.js.map +0 -1
- package/dist/siemens-ix/p-2d96a4a1.entry.js +0 -2
- package/dist/siemens-ix/p-3099c12a.entry.js.map +0 -1
- package/dist/siemens-ix/p-31f77d98.entry.js +0 -2
- package/dist/siemens-ix/p-418671c7.entry.js +0 -2
- package/dist/siemens-ix/p-4288bd66.entry.js +0 -2
- package/dist/siemens-ix/p-453aa17a.entry.js +0 -2
- package/dist/siemens-ix/p-45b53c34.entry.js +0 -2
- package/dist/siemens-ix/p-45b53c34.entry.js.map +0 -1
- package/dist/siemens-ix/p-49843cce.entry.js.map +0 -1
- package/dist/siemens-ix/p-53df921a.entry.js +0 -2
- package/dist/siemens-ix/p-598ece5a.entry.js +0 -2
- package/dist/siemens-ix/p-65c759c5.entry.js +0 -2
- package/dist/siemens-ix/p-6880e267.entry.js +0 -2
- package/dist/siemens-ix/p-712e393d.entry.js +0 -2
- package/dist/siemens-ix/p-712e393d.entry.js.map +0 -1
- package/dist/siemens-ix/p-89a7705b.entry.js +0 -2
- package/dist/siemens-ix/p-89a7705b.entry.js.map +0 -1
- package/dist/siemens-ix/p-DBsKyLIP.js.map +0 -1
- package/dist/siemens-ix/p-DS9crO46.js +0 -2
- package/dist/siemens-ix/p-DS9crO46.js.map +0 -1
- package/dist/siemens-ix/p-DXAZefAa.js +0 -2
- package/dist/siemens-ix/p-DXAZefAa.js.map +0 -1
- package/dist/siemens-ix/p-a0ffeea7.entry.js +0 -2
- package/dist/siemens-ix/p-a6e398d2.entry.js +0 -2
- package/dist/siemens-ix/p-b64a3d8a.entry.js +0 -2
- package/dist/siemens-ix/p-b76ed7c3.entry.js.map +0 -1
- package/dist/siemens-ix/p-b7da78c6.entry.js +0 -2
- package/dist/siemens-ix/p-b7da78c6.entry.js.map +0 -1
- package/dist/siemens-ix/p-c6536a88.entry.js +0 -2
- package/dist/siemens-ix/p-d18df859.entry.js +0 -2
- package/dist/siemens-ix/p-e5180acd.entry.js +0 -2
- package/dist/siemens-ix/p-e5180acd.entry.js.map +0 -1
- package/dist/siemens-ix/p-fdb802ac.entry.js +0 -2
- /package/dist/siemens-ix/{p-fdb802ac.entry.js.map → p-0411df39.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-9f7f5cd3.entry.js.map → p-0ce03ad3.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-60d2f3db.entry.js.map → p-0d621531.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-d70cd703.entry.js.map → p-196cffb5.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-94596bff.entry.js.map → p-1de1a2bf.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-b7c64537.entry.js.map → p-2597a988.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-a8f08878.entry.js.map → p-2ffde2d5.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-598ece5a.entry.js.map → p-31a8eaf9.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-2e3ac12c.entry.js.map → p-33fcea65.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-bd2127d0.entry.js.map → p-367df024.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-76bd4cf9.entry.js.map → p-37bd983a.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-d2831f7b.entry.js.map → p-38e45020.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-d997238b.entry.js.map → p-396e1f3d.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-c6536a88.entry.js.map → p-425d6925.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-ffe0835b.entry.js.map → p-4431f891.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-ec3ec461.entry.js.map → p-484bddf4.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-df5494ff.entry.js.map → p-496e98ac.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-ab6d123c.entry.js.map → p-4c18f123.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-c96ce76c.entry.js.map → p-4c1f90cb.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-a53d7dbb.entry.js.map → p-4e4d792d.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-620158aa.entry.js.map → p-4e77d861.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-80981f03.entry.js.map → p-5779f16e.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-4d0e900c.entry.js.map → p-5b57bde1.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-acb7c236.entry.js.map → p-667e3184.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-92e0ebf1.entry.js.map → p-6a4bc78a.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-319e292f.entry.js.map → p-74e7b03f.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-7c474c82.entry.js.map → p-77fd2138.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-b64a3d8a.entry.js.map → p-79537728.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-11b1eaa3.entry.js.map → p-7bad0544.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-5c22d3e5.entry.js.map → p-8f9368b8.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-d18df859.entry.js.map → p-8fa8d0e3.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-a6e398d2.entry.js.map → p-92ec7f27.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-1550973a.entry.js.map → p-a3baca2f.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-0fd006b9.entry.js.map → p-a4225101.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-1c83cb5f.entry.js.map → p-b27a9744.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-75a10c1e.entry.js.map → p-b3453edf.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-9a4db5e9.entry.js.map → p-b76df1c7.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-332dccc7.entry.js.map → p-b7ef70d4.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-43ecc5c3.entry.js.map → p-b8f4b001.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-531f9746.entry.js.map → p-b9880608.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-4a127027.entry.js.map → p-c15e64a8.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-7364534a.entry.js.map → p-c43b201b.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-619a3dc8.entry.js.map → p-c5c863e1.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-bb744e91.entry.js.map → p-c94739d0.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-8cb3d70c.entry.js.map → p-ca3b24b1.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-4acf0d7b.entry.js.map → p-cd1afcc9.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-713df610.entry.js.map → p-cf041cfd.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-338c68ea.entry.js.map → p-d10b9798.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-6fd7d11a.entry.js.map → p-d193381f.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-d90d1310.entry.js.map → p-d3a60c52.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-f40573e7.entry.js.map → p-df6bb698.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-a0ffeea7.entry.js.map → p-e0b9cf68.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-5bb86bf7.entry.js.map → p-e42f62a1.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-fb02d7fd.entry.js.map → p-e48977ed.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-ff6f13e1.entry.js.map → p-ea15fc79.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-18d4645d.entry.js.map → p-ea37abf6.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-f253d38c.entry.js.map → p-eba7f62c.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-6045dce9.entry.js.map → p-f119c105.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-2b2f339e.entry.js.map → p-fc73c8cc.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-e3dca831.entry.js.map → p-ff83eafd.entry.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-BmMUyJRQ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/time-picker/time-picker.scss?tag=ix-time-picker&encapsulation=shadow","src/components/time-picker/time-picker.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'mixins/shadow-dom/component';\n@use 'mixins/input';\n@use 'legacy/components/forms';\n\n@include input.form;\n\n:host {\n display: block;\n position: relative;\n width: fit-content;\n\n @include component.ix-component;\n\n .standaloneAppearance {\n box-shadow: none;\n }\n\n .hidden {\n display: none;\n }\n\n .header {\n display: flex;\n align-items: center;\n justify-content: center;\n height: vars.$default-control-height;\n }\n\n .clock {\n display: flex;\n justify-content: center;\n align-items: start;\n\n .flex {\n display: flex;\n height: 100%;\n align-items: start;\n\n .columns {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n\n .column-header {\n height: 2.5rem;\n width: 2.5rem;\n line-height: 2.5rem;\n text-align: center;\n color: var(--theme-color-soft-text);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n }\n\n .column-separator {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n margin-top: 3rem;\n width: 0.5rem;\n }\n }\n\n .element-list {\n list-style-type: none;\n overflow: auto;\n padding: 0.0625rem;\n margin: -0.0625rem;\n max-height: calc(2.5rem * 6 + 0.125rem * 6);\n\n button {\n all: unset;\n }\n\n .element-container {\n box-sizing: border-box;\n width: 2.5rem;\n height: 2.5rem;\n margin-bottom: 0.125rem;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n color: var(--theme-color-primary);\n\n &:hover {\n background-color: var(--theme-datepicker-day--background--hover);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 1px var(--theme-color-focus-bdr);\n }\n }\n\n .selected {\n background-color: var(--theme-datepicker-day--background--selected);\n color: var(--theme-datepicker-day--color--selected);\n font-weight: var(--theme-font-weight-bold);\n\n &:hover {\n background-color: var(\n --theme-datepicker-day--background--selected-hover\n );\n }\n\n &:focus-visible {\n border: 0.0625rem solid var(--theme-color-inv-contrast-text);\n }\n }\n\n .element-list-padding {\n width: 2.5rem;\n height: calc(2.5rem * 5 + 5 * 0.125rem);\n min-height: calc(2.5rem * 5 + 5 * 0.125rem);\n }\n }\n\n div.element-list {\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n }\n\n .footer {\n display: flex;\n justify-content: space-between;\n gap: 0.5rem;\n flex-wrap: wrap;\n\n .confirm-button {\n margin-left: auto;\n }\n\n &--compact {\n flex-direction: column;\n align-items: center;\n\n .confirm-button {\n margin-left: initial;\n }\n }\n }\n\n .default-space {\n margin-left: vars.$default-space;\n }\n\n .text-align {\n text-align: center;\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { OnListener } from '../utils/listener';\nimport type { TimePickerCorners } from './time-picker.types';\n\ntype TimePickerDescriptorUnit = 'hour' | 'minute' | 'second' | 'millisecond';\n\ninterface TimePickerDescriptor {\n unit: TimePickerDescriptorUnit;\n header: string;\n hidden: boolean;\n numberArray: number[];\n focusedValue: number;\n}\n\ninterface TimeOutputFormat {\n hour: string;\n minute: string;\n second: string;\n millisecond: string;\n}\n\nconst LUXON_FORMAT_PATTERNS = {\n // h, hh, H, HH and various time formats that include hours\n hours: /\\b[Hh]\\b|HH|hh|H{3,4}|h{3,4}|t|tt|ttt|tttt|T|TT|TTT|TTTT/,\n // m, mm and time formats that include minutes\n minutes: /\\bm\\b|mm|t|tt|ttt|tttt|T|TT|TTT|TTTT/,\n // s, ss and time formats that include seconds\n seconds: /\\bs\\b|ss|tt|ttt|tttt|TT|TTT|TTTT/,\n // S, SSS (milliseconds), u/uu/uuu (fractional seconds), x/X (timestamps)\n milliseconds: /\\bS\\b|SSS|u|uu|uuu/,\n};\n\nconst HOUR_INTERVAL_DEFAULT = 1;\nconst MINUTE_INTERVAL_DEFAULT = 1;\nconst SECOND_INTERVAL_DEFAULT = 1;\nconst MILLISECOND_INTERVAL_DEFAULT = 100;\n\nconst CONFIRM_BUTTON_DEFAULT = 'Confirm';\nconst HEADER_DEFAULT = 'Time';\n\nconst FORMATTED_TIME_EMPTY: TimeOutputFormat = {\n hour: '',\n minute: '',\n second: '',\n millisecond: '',\n};\n\n@Component({\n tag: 'ix-time-picker',\n styleUrl: 'time-picker.scss',\n shadow: true,\n})\nexport class TimePicker {\n @Element() hostElement!: HTMLIxTimePickerElement;\n\n /**\n * Format of time string\n * See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.\n * Note: Formats that combine date and time (like f or F) are not supported. Timestamp tokens x and X are not supported either.\n */\n @Prop() format: string = 'TT';\n @Watch('format')\n watchFormatIntervalPropHandler(newValue: string) {\n if (!newValue) {\n return;\n }\n\n this.initPicker();\n this.updateScrollPositions();\n }\n\n /**\n * Corner style\n */\n @Prop() corners: TimePickerCorners = 'rounded';\n\n /**\n * Embedded style (for use in other components)\n */\n @Prop() embedded = false;\n\n /**\n * @internal Temporary prop needed until datetime-picker is reworked for new design\n */\n @Prop() dateTimePickerAppearance: boolean = false;\n\n /**\n * Hides the header of the picker.\n *\n * @since 3.2.0\n */\n @Prop() hideHeader: boolean = false;\n\n /**\n * Interval for hour selection\n *\n * @since 3.2.0\n */\n @Prop({ mutable: true }) hourInterval: number = HOUR_INTERVAL_DEFAULT;\n @Watch('hourInterval')\n watchHourIntervalPropHandler(newValue: number) {\n if (\n Number.isInteger(newValue) &&\n newValue >= 0 &&\n newValue <= (this.timeRef ? 12 : 23)\n ) {\n this.setTimePickerDescriptors();\n return;\n }\n\n this.printIntervalError('hour', newValue);\n this.hourInterval = HOUR_INTERVAL_DEFAULT;\n }\n\n /**\n * Interval for minute selection\n *\n * @since 3.2.0\n */\n @Prop({ mutable: true }) minuteInterval: number = MINUTE_INTERVAL_DEFAULT;\n @Watch('minuteInterval')\n watchMinuteIntervalPropHandler(newValue: number) {\n if (newValue >= 0 && newValue <= 59) {\n this.setTimePickerDescriptors();\n return;\n }\n\n this.printIntervalError('minute', newValue);\n this.minuteInterval = MINUTE_INTERVAL_DEFAULT;\n }\n\n /**\n * Interval for second selection\n *\n * @since 3.2.0\n */\n @Prop({ mutable: true }) secondInterval: number = SECOND_INTERVAL_DEFAULT;\n @Watch('secondInterval')\n watchSecondIntervalPropHandler(newValue: number) {\n if (newValue >= 0 && newValue <= 59) {\n this.setTimePickerDescriptors();\n return;\n }\n\n this.printIntervalError('second', newValue);\n this.secondInterval = SECOND_INTERVAL_DEFAULT;\n }\n\n /**\n * Interval for millisecond selection\n *\n * @since 3.2.0\n */\n @Prop({ mutable: true }) millisecondInterval: number =\n MILLISECOND_INTERVAL_DEFAULT;\n @Watch('millisecondInterval')\n watchMillisecondIntervalPropHandler(newValue: number) {\n if (newValue >= 0 && newValue <= 999) {\n this.setTimePickerDescriptors();\n return;\n }\n\n this.printIntervalError('millisecond', newValue);\n this.millisecondInterval = MILLISECOND_INTERVAL_DEFAULT;\n }\n\n private printIntervalError(intervalName: string, value: number) {\n console.error(\n `Value ${value} is not valid for ${intervalName}-interval. Falling back to default.`\n );\n }\n\n /**\n * Select time with format string\n * Format has to match the `format` property.\n */\n @Prop() time?: string;\n\n @Watch('time')\n watchTimePropHandler(newValue: string) {\n const timeFormat = DateTime.fromFormat(newValue, this.format);\n if (!timeFormat.isValid) {\n throw new Error('Format is not supported or not correct');\n }\n\n this._time = timeFormat;\n }\n\n /**\n * Get default time value\n * @returns DateTime.now() for empty state (no selection)\n */\n private getDefaultTime(): DateTime | undefined {\n return DateTime.now();\n }\n\n /**\n * Text of the time confirm button\n */\n @Prop({ attribute: 'i18n-confirm-time' }) i18nConfirmTime =\n CONFIRM_BUTTON_DEFAULT;\n\n /**\n * Text for top header\n */\n @Prop({ attribute: 'i18n-header' }) i18nHeader: string = HEADER_DEFAULT;\n\n /**\n * Text for hour column header\n */\n @Prop({ attribute: 'i18n-column-header' }) i18nHourColumnHeader: string =\n 'hr';\n\n /**\n * Text for minute column header\n */\n // eslint-disable-next-line @stencil-community/decorators-style\n @Prop({ attribute: 'i18n-minute-column-header' })\n i18nMinuteColumnHeader: string = 'min';\n\n /**\n * Text for second column header\n */\n // eslint-disable-next-line @stencil-community/decorators-style\n @Prop({ attribute: 'i18n-second-column-header' })\n i18nSecondColumnHeader: string = 'sec';\n\n /**\n * Text for millisecond column header\n */\n // eslint-disable-next-line @stencil-community/decorators-style\n @Prop({ attribute: 'i18n-millisecond-column-header' })\n i18nMillisecondColumnHeader: string = 'ms';\n\n /**\n * Time event\n */\n @Event() timeSelect!: EventEmitter<string>;\n\n /**\n * Time change event\n */\n @Event() timeChange!: EventEmitter<string>;\n\n /**\n * Get the current time based on the wanted format\n */\n @Method()\n async getCurrentTime(): Promise<string | undefined> {\n return this._time?.toFormat(this.format);\n }\n\n @State() private _time?: DateTime;\n @Watch('_time')\n onTimeChange() {\n const formattedTimeOld = this.formattedTime;\n this.setTimeRef();\n this.formattedTime = this.getFormattedTime();\n\n this.updateScrollPositions(formattedTimeOld);\n }\n\n @State() private timeRef?: 'AM' | 'PM' | undefined;\n @State() private formattedTime: TimeOutputFormat = FORMATTED_TIME_EMPTY;\n @State() private timePickerDescriptors: TimePickerDescriptor[] = [];\n @State() private isUnitFocused: boolean = false;\n @State() private focusedUnit: TimePickerDescriptorUnit = 'hour';\n @State() private focusedValue: number = 0;\n\n private visibilityObserver?: MutationObserver;\n private focusScrollAlignment: 'start' | 'end' = 'start';\n\n componentWillLoad() {\n this.initPicker();\n }\n\n private initPicker() {\n let parsedTime: DateTime | undefined;\n\n if (this.time) {\n parsedTime = DateTime.fromFormat(this.time, this.format);\n\n if (!parsedTime.isValid) {\n console.error(\n `Invalid time format. The configured format does not match the format of the passed time. ${parsedTime.invalidReason}: ${parsedTime.invalidExplanation}`\n );\n parsedTime = this.getDefaultTime();\n }\n } else {\n parsedTime = this.getDefaultTime();\n }\n\n this._time = parsedTime;\n\n this.setTimeRef();\n this.setTimePickerDescriptors();\n this.setInitialFocusedValueAndUnit();\n\n this.watchHourIntervalPropHandler(this.hourInterval);\n this.watchMinuteIntervalPropHandler(this.minuteInterval);\n this.watchSecondIntervalPropHandler(this.secondInterval);\n this.watchMillisecondIntervalPropHandler(this.millisecondInterval);\n }\n\n componentDidLoad() {\n this.updateScrollPositions();\n this.setupVisibilityObserver();\n }\n\n componentDidRender() {\n if (this.isUnitFocused) {\n const elementContainer = this.getElementContainer(\n this.focusedUnit,\n this.focusedValue\n );\n const elementList = this.getElementList(this.focusedUnit);\n\n if (elementContainer) {\n elementContainer.focus({ preventScroll: true });\n\n if (!this.isElementVisible(elementContainer, elementList)) {\n this.scrollElementIntoView(\n elementContainer,\n elementList,\n this.focusScrollAlignment\n );\n }\n }\n }\n }\n\n disconnectedCallback() {\n if (this.visibilityObserver) {\n this.visibilityObserver.disconnect();\n }\n }\n\n @OnListener<TimePicker>('keydown')\n handleKeyDown(event: KeyboardEvent) {\n if (!this.isUnitFocused) {\n return;\n }\n\n let newValue = this.focusedValue;\n let shouldPreventDefault = true;\n let newValueInterval;\n\n switch (this.focusedUnit) {\n case 'hour':\n newValueInterval = this.hourInterval;\n break;\n case 'minute':\n newValueInterval = this.minuteInterval;\n break;\n case 'second':\n newValueInterval = this.secondInterval;\n break;\n case 'millisecond':\n newValueInterval = this.millisecondInterval;\n break;\n }\n\n switch (event.key) {\n case 'Tab':\n shouldPreventDefault = false;\n this.isUnitFocused = false;\n break;\n\n case 'ArrowUp':\n newValue -= newValueInterval;\n this.focusScrollAlignment = 'start';\n this.updateFocusedValue(newValue);\n this.updateDescriptorFocusedValue(this.focusedUnit, this.focusedValue);\n break;\n\n case 'ArrowDown':\n newValue += newValueInterval;\n this.focusScrollAlignment = 'end';\n this.updateFocusedValue(newValue);\n this.updateDescriptorFocusedValue(this.focusedUnit, this.focusedValue);\n break;\n\n case 'Enter':\n case ' ':\n this.select(this.focusedUnit, this.focusedValue);\n break;\n\n default:\n return;\n }\n\n if (shouldPreventDefault) {\n event.preventDefault();\n }\n }\n\n onUnitCellBlur(unit: TimePickerDescriptorUnit, event: FocusEvent) {\n const relatedTarget = event.relatedTarget as HTMLElement;\n\n // Check if column lost focus to scroll back to selected value\n if (relatedTarget) {\n const relatedUnit =\n relatedTarget.dataset.elementContainerId?.split('-')[0];\n\n if (relatedUnit !== unit) {\n this.elementListScrollToTop(\n unit,\n Number(this.formattedTime[unit]),\n 'smooth'\n );\n }\n }\n\n this.isUnitFocused = false;\n const focusedValue = Number(this.formattedTime[unit]);\n\n this.updateDescriptorFocusedValue(unit, focusedValue);\n }\n\n onUnitCellFocus(unit: TimePickerDescriptorUnit, value: number) {\n this.isUnitFocused = true;\n this.focusedUnit = unit;\n this.focusedValue = value;\n\n this.updateDescriptorFocusedValue(unit, value);\n }\n\n private getElementList(unit: TimePickerDescriptorUnit): HTMLDivElement {\n return this.hostElement.shadowRoot?.querySelector(\n `[data-element-list-id=\"${unit}\"]`\n ) as HTMLDivElement;\n }\n\n private getElementContainer(\n unit: TimePickerDescriptorUnit,\n number: number\n ): HTMLDivElement {\n return this.hostElement.shadowRoot?.querySelector(\n `[data-element-container-id=\"${unit}-${number}\"]`\n ) as HTMLDivElement;\n }\n\n private isElementVisible(\n element: HTMLElement,\n container: HTMLElement\n ): boolean {\n const elementRect = element.getBoundingClientRect();\n const containerRect = container.getBoundingClientRect();\n\n return (\n elementRect.top >= containerRect.top &&\n elementRect.bottom <= containerRect.bottom\n );\n }\n\n private scrollElementIntoView(\n element: HTMLElement,\n container: HTMLElement,\n alignment: 'start' | 'end'\n ) {\n const SCROLL_BUFFER = 1;\n const containerRect = container.getBoundingClientRect();\n const elementRect = element.getBoundingClientRect();\n\n if (alignment === 'end') {\n container.scrollTop +=\n elementRect.bottom - containerRect.bottom + SCROLL_BUFFER;\n } else {\n container.scrollTop +=\n elementRect.top - containerRect.top - SCROLL_BUFFER;\n }\n }\n\n private updateFocusedValue(value: number) {\n const numberArray = this.getNumberArrayForUnit(this.focusedUnit);\n const maxValue = numberArray[numberArray.length - 1];\n const minValue = numberArray[0];\n\n if (value > maxValue) {\n value = minValue;\n this.focusScrollAlignment = 'start';\n } else if (value < minValue) {\n value = maxValue;\n this.focusScrollAlignment = 'end';\n }\n\n this.focusedValue = value;\n }\n\n private setInitialFocusedValueAndUnit() {\n const firstVisibleDescriptor = this.timePickerDescriptors.find(\n (descriptor) => !descriptor.hidden\n );\n if (!firstVisibleDescriptor) {\n return;\n }\n\n const selectedValue = Number(\n this.formattedTime[firstVisibleDescriptor.unit]\n );\n const isValidSelection =\n firstVisibleDescriptor.numberArray.includes(selectedValue);\n\n this.focusedValue = isValidSelection\n ? selectedValue\n : firstVisibleDescriptor.numberArray[0];\n\n this.focusedUnit = firstVisibleDescriptor.unit;\n }\n\n private setupVisibilityObserver() {\n let dropdownElement: Element | null = this.hostElement;\n while (dropdownElement && dropdownElement.tagName !== 'IX-DROPDOWN') {\n dropdownElement = dropdownElement.parentElement;\n }\n\n if (!dropdownElement) {\n return;\n }\n\n this.visibilityObserver = new MutationObserver((mutations) =>\n this.mutationObserverCallback(mutations)\n );\n\n this.visibilityObserver.observe(dropdownElement, {\n attributes: true,\n attributeFilter: ['class', 'style'],\n });\n }\n\n private mutationObserverCallback(mutations: MutationRecord[]) {\n for (const mutation of mutations) {\n if (mutation.type !== 'attributes') {\n continue;\n }\n\n const dropdown = mutation.target as HTMLElement;\n\n if (!dropdown.classList.contains('show')) {\n // keep picker in sync with input\n if (this.time) {\n const timeFormat = DateTime.fromFormat(this.time, this.format);\n if (timeFormat.isValid) {\n this._time = DateTime.fromFormat(this.time, this.format);\n this.setInitialFocusedValueAndUnit();\n }\n }\n\n continue;\n }\n\n const elementsReady = this.areElementsRendered();\n if (!elementsReady) {\n continue;\n }\n\n this.updateScrollPositions();\n }\n }\n\n private areElementsRendered(): boolean {\n const elementLists =\n this.hostElement.shadowRoot?.querySelectorAll('.element-list');\n\n if (!elementLists || elementLists.length === 0) {\n return false;\n }\n\n return Array.from(elementLists).some(\n (list) => (list as HTMLElement).offsetHeight > 0\n );\n }\n\n private getFormattedTime(): TimeOutputFormat {\n if (!this._time) {\n return FORMATTED_TIME_EMPTY;\n }\n\n return {\n hour:\n this.timeRef !== undefined\n ? this._time.toFormat('h')\n : this._time.toFormat('H'),\n minute: this._time.toFormat('m'),\n second: this._time.toFormat('s'),\n millisecond: this._time.toFormat('S'),\n };\n }\n\n private timeUpdate(unit: TimePickerDescriptorUnit, value: number): number {\n let maxValue = DateTime.now().endOf('day').get(unit);\n\n if (unit === 'hour') {\n if (this.timeRef === 'PM') {\n // 12 PM should remain 12, other PM hours add 12\n value = value === 12 ? 12 : value + 12;\n } else if (this.timeRef === 'AM') {\n // 12 AM should be 0, other AM hours remain as is\n value = value === 12 ? 0 : value;\n maxValue = 12;\n }\n }\n\n if (value > maxValue) {\n value = maxValue;\n } else if (value < 0) {\n value = 0;\n }\n\n if (!this._time) {\n this._time = DateTime.now().startOf('day');\n }\n\n this._time = this._time.set({\n [unit]: value,\n });\n\n return value;\n }\n\n private changeTimeReference(newTimeRef: 'AM' | 'PM') {\n if (this.timeRef === newTimeRef) {\n return;\n }\n\n if (!this._time) {\n this._time = DateTime.now().startOf('day');\n }\n\n this.timeRef = newTimeRef;\n const currentHour = this._time.hour;\n\n if (newTimeRef === 'PM' && currentHour < 12) {\n this._time = this._time.plus({ hours: 12 });\n } else if (newTimeRef === 'AM' && currentHour >= 12) {\n this._time = this._time.minus({ hours: 12 });\n }\n\n this.timeChange.emit(this._time.toFormat(this.format));\n }\n\n private isFormat12Hour(format: string): boolean {\n // Remove any text that's inside quotes (literal text in Luxon format strings)\n let cleanFormat = '';\n let inQuote = false;\n\n for (let i = 0; i < format.length; i++) {\n const char = format[i];\n if (char === \"'\") {\n inQuote = !inQuote;\n } else if (!inQuote) {\n cleanFormat += char;\n }\n }\n\n // Check for specific 12-hour format tokens\n // Case-sensitive matching to distinguish between 'h' and 'H'\n return /h|a|t/.test(cleanFormat);\n }\n\n private setTimeRef() {\n const uses12HourFormat = this.isFormat12Hour(this.format);\n\n if (uses12HourFormat && this._time) {\n this.timeRef = this._time!.hour >= 12 ? 'PM' : 'AM';\n } else {\n this.timeRef = undefined;\n }\n }\n\n private getInitialFocusedValueForUnit(\n unit: TimePickerDescriptorUnit,\n numberArray: number[]\n ): number {\n const selectedValue = Number(this.formattedTime[unit]);\n return numberArray.includes(selectedValue) ? selectedValue : numberArray[0];\n }\n\n private setTimePickerDescriptors() {\n let hourNumbers = [];\n let minuteNumbers = [];\n let secondNumbers = [];\n let millisecondsNumbers = [];\n\n if (this.timeRef !== undefined) {\n hourNumbers = Array.from(\n { length: Math.ceil(12 / this.hourInterval) },\n (_, i) => i * this.hourInterval + 1\n ).filter((hour) => hour <= 12);\n } else {\n hourNumbers = Array.from(\n { length: Math.ceil(24 / this.hourInterval) },\n (_, i) => i * this.hourInterval\n );\n }\n\n minuteNumbers = Array.from(\n { length: Math.ceil(60 / this.minuteInterval) },\n (_, i) => i * this.minuteInterval\n );\n secondNumbers = Array.from(\n { length: Math.ceil(60 / this.secondInterval) },\n (_, i) => i * this.secondInterval\n );\n millisecondsNumbers = Array.from(\n { length: Math.ceil(1000 / this.millisecondInterval) },\n (_, i) => i * this.millisecondInterval\n );\n\n this.timePickerDescriptors = [\n {\n unit: 'hour',\n header: this.i18nHourColumnHeader,\n hidden: !LUXON_FORMAT_PATTERNS.hours.test(this.format),\n numberArray: hourNumbers,\n focusedValue: this.getInitialFocusedValueForUnit('hour', hourNumbers),\n },\n {\n unit: 'minute',\n header: this.i18nMinuteColumnHeader,\n hidden: !LUXON_FORMAT_PATTERNS.minutes.test(this.format),\n numberArray: minuteNumbers,\n focusedValue: this.getInitialFocusedValueForUnit(\n 'minute',\n minuteNumbers\n ),\n },\n {\n unit: 'second',\n header: this.i18nSecondColumnHeader,\n hidden: !LUXON_FORMAT_PATTERNS.seconds.test(this.format),\n numberArray: secondNumbers,\n focusedValue: this.getInitialFocusedValueForUnit(\n 'second',\n secondNumbers\n ),\n },\n {\n unit: 'millisecond',\n header: this.i18nMillisecondColumnHeader,\n hidden: !LUXON_FORMAT_PATTERNS.milliseconds.test(this.format),\n numberArray: millisecondsNumbers,\n focusedValue: this.getInitialFocusedValueForUnit(\n 'millisecond',\n millisecondsNumbers\n ),\n },\n ];\n\n this.timePickerDescriptors = this.timePickerDescriptors.filter(\n (item) => !item.hidden\n );\n }\n\n private getNumberArrayForUnit(unit: TimePickerDescriptorUnit): number[] {\n const descriptor = this.timePickerDescriptors.find(\n (descriptor) => descriptor.unit === unit\n );\n return descriptor ? descriptor.numberArray : [];\n }\n\n private isSelected(unit: TimePickerDescriptorUnit, number: number): boolean {\n return this.formattedTime![unit] === String(number);\n }\n\n private select(unit: TimePickerDescriptorUnit, number: number) {\n if (this.isSelected(unit, number)) {\n return;\n }\n\n this.formattedTime = {\n ...this.formattedTime!,\n [unit]: String(number),\n };\n\n this.timeUpdate(unit, number);\n this.elementListScrollToTop(unit, number, 'smooth');\n this.timeChange.emit(this._time!.toFormat(this.format));\n }\n\n private updateDescriptorFocusedValue(\n unit: TimePickerDescriptorUnit,\n value: number\n ) {\n const descriptorIndex = this.timePickerDescriptors.findIndex(\n (d) => d.unit === unit\n );\n if (descriptorIndex !== -1) {\n this.timePickerDescriptors = [\n ...this.timePickerDescriptors.slice(0, descriptorIndex),\n {\n ...this.timePickerDescriptors[descriptorIndex],\n focusedValue: value,\n },\n ...this.timePickerDescriptors.slice(descriptorIndex + 1),\n ];\n }\n }\n\n private elementListScrollToTop(\n unit: TimePickerDescriptorUnit,\n number: number,\n scrollBehaviour: 'smooth' | 'instant'\n ) {\n const elementList = this.getElementList(unit);\n const elementContainer = this.getElementContainer(unit, number);\n\n if (elementList && elementContainer) {\n const elementListHeight = elementList.clientHeight;\n const elementContainerHeight = elementContainer.clientHeight;\n\n // Offset which is used to adjust the scroll position to account for margins, elements being hidden, etc.\n let scrollPositionOffset = 11;\n if (this.hideHeader) {\n // 56 + 1 --> height of the header container and separator\n scrollPositionOffset -= 57;\n }\n\n const scrollPosition =\n elementContainer.offsetTop -\n elementListHeight / 2 +\n elementContainerHeight -\n scrollPositionOffset;\n\n elementList.scrollTo({\n top: scrollPosition,\n behavior: scrollBehaviour,\n });\n }\n }\n\n /**\n * Updates all scroll positions of the time picker elements\n * Updates only the elements that have changed if `formattedTimeOld` is provided\n */\n private updateScrollPositions(\n formattedTimeOld: TimeOutputFormat | undefined = undefined\n ) {\n for (const key in this.formattedTime) {\n const unitKey = key as keyof TimeOutputFormat;\n\n if (\n !formattedTimeOld ||\n this.formattedTime[unitKey] !== formattedTimeOld[unitKey]\n ) {\n this.elementListScrollToTop(\n unitKey as TimePickerDescriptorUnit,\n Number(this.formattedTime[unitKey]),\n 'instant'\n );\n }\n }\n }\n\n private formatUnitValue(\n unit: TimePickerDescriptorUnit,\n value: number\n ): string {\n if (unit === 'millisecond') {\n return value.toString().padStart(3, '0');\n }\n\n return value < 10 ? `0${value}` : value.toString();\n }\n\n private getColumnSeparator(currentIndex: number): string {\n if (currentIndex + 1 < this.timePickerDescriptors.length) {\n const nextUnit = this.timePickerDescriptors[currentIndex + 1].unit;\n return nextUnit === 'millisecond' ? '.' : ':';\n }\n\n return ':';\n }\n\n private getElementContainerTabIndex(\n number: number,\n descriptorUnit: TimePickerDescriptorUnit\n ): string {\n const descriptor = this.timePickerDescriptors.find(\n (d) => d.unit === descriptorUnit\n );\n\n if (number === descriptor?.focusedValue) {\n return '0';\n }\n\n return '-1';\n }\n\n render() {\n return (\n <Host>\n <ix-date-time-card\n embedded={this.embedded}\n timePickerAppearance={true}\n corners={this.corners}\n hasFooter={!this.dateTimePickerAppearance}\n hideHeader={this.hideHeader}\n >\n <div class=\"header\" slot=\"header\">\n <ix-typography format=\"body\">{this.i18nHeader}</ix-typography>\n </div>\n <div class=\"clock\">\n {this.timePickerDescriptors.map((descriptor, index: number) => (\n <div class=\"flex\">\n <div class={{ columns: true, hidden: descriptor.hidden }}>\n <div class=\"column-header\" title={descriptor.header}>\n {descriptor.header}\n </div>\n <div\n data-element-list-id={descriptor.unit}\n class=\"element-list\"\n tabIndex={-1}\n >\n {descriptor.numberArray.map((number) => {\n return (\n <button\n data-element-container-id={`${descriptor.unit}-${number}`}\n class={{\n selected: this.isSelected(descriptor.unit, number),\n 'element-container': true,\n }}\n onClick={() => {\n this.select(descriptor.unit, number);\n }}\n onFocus={() =>\n this.onUnitCellFocus(descriptor.unit, number)\n }\n onBlur={(e) =>\n this.onUnitCellBlur(descriptor.unit, e)\n }\n tabindex={this.getElementContainerTabIndex(\n number,\n descriptor.unit\n )}\n aria-label={`${descriptor.header}: ${number}`}\n >\n {this.formatUnitValue(descriptor.unit, number)}\n </button>\n );\n })}\n <div class=\"element-list-padding\"></div>\n </div>\n </div>\n\n {index !== this.timePickerDescriptors.length - 1 && (\n <div\n class={{\n 'column-separator': true,\n hidden: descriptor.hidden,\n }}\n >\n {this.getColumnSeparator(index)}\n </div>\n )}\n </div>\n ))}\n\n {this.timeRef && (\n <div class=\"flex\">\n <div class=\"column-separator\"></div>\n <div class=\"columns\">\n <div class=\"column-header\" title=\"AM/PM\" />\n <div class=\"element-list\" tabIndex={-1}>\n <button\n data-am-pm-id=\"AM\"\n class={{\n selected: this.timeRef === 'AM',\n 'element-container': true,\n }}\n onClick={() => this.changeTimeReference('AM')}\n tabindex=\"0\"\n aria-label=\"AM\"\n >\n AM\n </button>\n <button\n data-am-pm-id=\"PM\"\n class={{\n selected: this.timeRef === 'PM',\n 'element-container': true,\n }}\n onClick={() => this.changeTimeReference('PM')}\n tabindex=\"0\"\n aria-label=\"PM\"\n >\n PM\n </button>\n </div>\n </div>\n </div>\n )}\n </div>\n\n <div\n class={{\n footer: true,\n 'footer--compact': this.timePickerDescriptors.length <= 2,\n }}\n slot=\"footer\"\n >\n <ix-button\n class=\"confirm-button\"\n onClick={() => {\n this.timeSelect.emit(this._time?.toFormat(this.format));\n }}\n >\n {this.i18nConfirmTime}\n </ix-button>\n </div>\n </ix-date-time-card>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -3,11 +3,11 @@ import { B as BaseButton } from './p-CV_EVAOW.js';
|
|
|
3
3
|
import { b as a11yHostAttributes, a as a11yBoolean } from './p-Bb7pDeaQ.js';
|
|
4
4
|
import { m as makeRef } from './p-bcj7UEIC.js';
|
|
5
5
|
import { a as closestElement, h as hasSlottedElements } from './p-Bi1VyG64.js';
|
|
6
|
-
import { d as defineCustomElement$5 } from './p-
|
|
7
|
-
import { d as defineCustomElement$4 } from './p-
|
|
8
|
-
import { d as defineCustomElement$3 } from './p-
|
|
9
|
-
import { d as defineCustomElement$2 } from './p-
|
|
10
|
-
import { d as defineCustomElement$1 } from './p-
|
|
6
|
+
import { d as defineCustomElement$5 } from './p-Db0RazS2.js';
|
|
7
|
+
import { d as defineCustomElement$4 } from './p-BI7B-PUA.js';
|
|
8
|
+
import { d as defineCustomElement$3 } from './p-1pd_0dhF.js';
|
|
9
|
+
import { d as defineCustomElement$2 } from './p-DXFN8JXp.js';
|
|
10
|
+
import { d as defineCustomElement$1 } from './p-BBwXlKhE.js';
|
|
11
11
|
|
|
12
12
|
const avatarCss = ":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host(.avatar-button) button{padding:0px}:host(.avatar-button) .btn-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host(.avatar-button) .btn-tertiary,:host(.avatar-button) .btn-tertiary.focus,:host(.avatar-button) .btn-tertiary:focus-visible{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.avatar-button) .avatar{transform:scale(0.8)}";
|
|
13
13
|
|
|
@@ -128,6 +128,6 @@ function defineCustomElement() {
|
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
export { Avatar as A, defineCustomElement as d };
|
|
131
|
-
//# sourceMappingURL=p-
|
|
131
|
+
//# sourceMappingURL=p-Bye33cYU.js.map
|
|
132
132
|
|
|
133
|
-
//# sourceMappingURL=p-
|
|
133
|
+
//# sourceMappingURL=p-Bye33cYU.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-GPVWLtS3.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/avatar/avatar.scss?tag=ix-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use './../button/button-mixin';\n@use 'mixins/text-truncation';\n@use 'mixins/hover';\n@use 'mixins/scrollbar';\n\n:host {\n display: flex;\n position: relative;\n width: fit-content;\n\n @include scrollbar.scrollbar();\n\n .avatar {\n display: flex;\n align-items: center;\n\n > .avatar-image {\n height: 2rem;\n width: 2rem;\n min-height: 2rem;\n min-width: 2rem;\n border-radius: 100px;\n }\n\n > .avatar-initials {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 2rem;\n width: 2rem;\n min-height: 2rem;\n min-width: 2rem;\n border-radius: 100px;\n background-color: var(--theme-avatar--background);\n color: var(--theme-avatar--color);\n\n > ix-typography {\n // Fix to get the text vertically centered\n margin-top: 1px;\n }\n }\n\n #avatar-path-background {\n fill: var(--theme-avatar--background);\n }\n\n #avatar-path-person {\n fill: var(--theme-avatar--color);\n }\n }\n}\n\n:host {\n .user-info {\n display: flex;\n flex-direction: row;\n position: relative;\n height: 2.5rem;\n padding: 1rem;\n width: 12.75rem;\n min-width: 12.75rem;\n max-width: 12.75rem;\n\n gap: 1rem;\n\n .avatar {\n width: 2rem;\n pointer-events: none;\n }\n\n .user {\n display: flex;\n position: relative;\n flex-direction: column;\n justify-content: center;\n max-width: 10rem;\n width: 100%;\n overflow: hidden;\n }\n\n .username {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .extra {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n\n:host(.avatar-button) {\n button {\n border-radius: 100px !important;\n\n @include button-mixin.btn-base;\n\n & {\n padding: 0px;\n }\n }\n\n @include button-mixin.btn-base-variant('tertiary');\n\n .avatar {\n transform: scale(0.8);\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Fragment,\n h,\n Host,\n Prop,\n readTask,\n State,\n} from '@stencil/core';\nimport { BaseButton } from '../button/base-button';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { makeRef } from '../utils/make-ref';\nimport { closestElement, hasSlottedElements } from '../utils/shadow-dom';\n\nfunction DefaultAvatar(\n props: Readonly<{ initials?: string; a11yLabel?: string }>\n) {\n const { initials } = props;\n\n if (initials) {\n return (\n <div class={'avatar-initials'}>\n <ix-typography format=\"label-lg\">{initials}</ix-typography>\n </div>\n );\n }\n\n return (\n <svg\n class={'avatar-image'}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n aria-label={props.a11yLabel}\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path\n id=\"avatar-path-background\"\n d=\"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z\"\n />\n <path\n id=\"avatar-path-person\"\n d=\"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z\"\n />\n </g>\n </svg>\n );\n}\n\nfunction AvatarImage(\n props: Readonly<{\n image?: string;\n initials?: string;\n a11yLabel?: string;\n }>\n) {\n return (\n <div class=\"avatar\">\n {props.image ? (\n <img\n src={props.image}\n class=\"avatar-image\"\n aria-label={props.a11yLabel}\n ></img>\n ) : (\n <DefaultAvatar initials={props.initials} a11yLabel={props.a11yLabel} />\n )}\n </div>\n );\n}\n\nfunction UserInfo(\n props: Readonly<{\n image?: string;\n initials?: string;\n userName: string;\n extra?: string;\n a11yLabel?: string;\n }>\n) {\n return (\n <Fragment>\n <div class=\"user-info\" onClick={(event) => event.preventDefault()}>\n <AvatarImage\n image={props.image}\n initials={props.initials}\n a11yLabel={props.a11yLabel}\n />\n <div class=\"user\">\n <div class=\"username\">{props.userName}</div>\n {props.extra && (\n <ix-typography class=\"extra\" text-color={'soft'}>\n {props.extra}\n </ix-typography>\n )}\n </div>\n </div>\n </Fragment>\n );\n}\n\n@Component({\n tag: 'ix-avatar',\n styleUrl: 'avatar.scss',\n shadow: true,\n})\nexport class Avatar {\n @Element() hostElement!: HTMLIxAvatarElement;\n\n /**\n * Accessibility label for the image\n * Will be set as aria-label on the nested HTML img element\n *\n * @deprecated Set the native `aria-label` on the ix-avatar host element. Will be removed in 5.0.0\n */\n @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n /**\n * Display an avatar image\n *\n */\n @Prop() image?: string;\n\n /**\n * Display the initials of the user. Will be overwritten by image\n *\n */\n @Prop() initials?: string;\n\n /**\n * If set an info card displaying the username will be placed inside the dropdown.\n * Note: Only working if avatar is part of the ix-application-header\n */\n @Prop() username?: string;\n\n /**\n * Optional description text that will be displayed underneath the username.\n * Note: Only working if avatar is part of the ix-application-header\n */\n @Prop() extra?: string;\n\n /**\n * Text to display in a tooltip when hovering over the avatar\n *\n * @since 4.0.0\n */\n @Prop() tooltipText?: string;\n\n /**\n * aria-label for the tooltip\n *\n * @since 4.0.0\n */\n @Prop() ariaLabelTooltip?: string;\n\n @State() isClosestApplicationHeader = false;\n @State() hasSlottedElements = false;\n\n private slotElement?: HTMLSlotElement;\n private dropdownElement?: HTMLIxDropdownElement;\n\n private readonly tooltipRef = makeRef<HTMLIxTooltipElement>();\n\n componentWillLoad() {\n const closest = closestElement('ix-application-header', this.hostElement);\n this.isClosestApplicationHeader = closest !== null;\n }\n\n private async slottedChanged() {\n this.hasSlottedElements = hasSlottedElements(this.slotElement);\n }\n\n private resolveAvatarTrigger() {\n return new Promise<HTMLElement>((resolve, reject) => {\n readTask(() => {\n const button = this.hostElement.shadowRoot!.querySelector('button');\n if (button) {\n resolve(button);\n } else {\n reject(new Error('ix-avatar - trigger element not found'));\n }\n });\n });\n }\n\n private onDropdownClick(event: MouseEvent) {\n if (event.target === this.dropdownElement) {\n event.preventDefault();\n }\n }\n\n render() {\n const a11y = a11yHostAttributes(this.hostElement);\n const a11yLabel = a11y['aria-label'];\n\n const tooltipText = this.tooltipText || this.username;\n const ariaHidden = tooltipText === this.username;\n\n const Avatar = (\n <Fragment>\n <AvatarImage\n image={this.image}\n initials={this.initials}\n a11yLabel={a11yLabel ?? this.a11yLabel}\n />\n {!!tooltipText && (\n <ix-tooltip\n ref={this.tooltipRef}\n for={this.hostElement}\n aria-hidden={a11yBoolean(ariaHidden)}\n aria-label={this.ariaLabelTooltip}\n >\n {tooltipText}\n </ix-tooltip>\n )}\n </Fragment>\n );\n\n if (this.isClosestApplicationHeader) {\n return (\n <Host slot=\"ix-application-header-avatar\" class={'avatar-button'}>\n <BaseButton\n disabled={false}\n iconOval={false}\n icon={undefined}\n iconOnly={false}\n loading={false}\n selected={false}\n type=\"button\"\n variant=\"tertiary\"\n >\n {Avatar}\n </BaseButton>\n <ix-dropdown\n ref={(ref) => (this.dropdownElement = ref as HTMLIxDropdownElement)}\n trigger={this.resolveAvatarTrigger()}\n class=\"avatar-dropdown\"\n onClick={(e) => this.onDropdownClick(e)}\n onShowChanged={(event) => {\n if (event.detail && this.tooltipRef.current) {\n this.tooltipRef.current.hideTooltip(0);\n }\n }}\n >\n {this.username && (\n <Fragment>\n <UserInfo\n extra={this.extra}\n image={this.image}\n initials={this.initials}\n userName={this.username}\n a11yLabel={a11yLabel ?? this.a11yLabel}\n />\n {this.hasSlottedElements && (\n <ix-divider onClick={(e) => e.preventDefault()}></ix-divider>\n )}\n </Fragment>\n )}\n <slot\n onSlotchange={() => this.slottedChanged()}\n ref={(ref) => (this.slotElement = ref as HTMLSlotElement)}\n ></slot>\n </ix-dropdown>\n </Host>\n );\n }\n\n return <Host>{Avatar}</Host>;\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-Bye33cYU.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/avatar/avatar.scss?tag=ix-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use './../button/button-mixin';\n@use 'mixins/text-truncation';\n@use 'mixins/hover';\n@use 'mixins/scrollbar';\n\n:host {\n display: flex;\n position: relative;\n width: fit-content;\n\n @include scrollbar.scrollbar();\n\n .avatar {\n display: flex;\n align-items: center;\n\n > .avatar-image {\n height: 2rem;\n width: 2rem;\n min-height: 2rem;\n min-width: 2rem;\n border-radius: 100px;\n }\n\n > .avatar-initials {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 2rem;\n width: 2rem;\n min-height: 2rem;\n min-width: 2rem;\n border-radius: 100px;\n background-color: var(--theme-avatar--background);\n color: var(--theme-avatar--color);\n\n > ix-typography {\n // Fix to get the text vertically centered\n margin-top: 1px;\n }\n }\n\n #avatar-path-background {\n fill: var(--theme-avatar--background);\n }\n\n #avatar-path-person {\n fill: var(--theme-avatar--color);\n }\n }\n}\n\n:host {\n .user-info {\n display: flex;\n flex-direction: row;\n position: relative;\n height: 2.5rem;\n padding: 1rem;\n width: 12.75rem;\n min-width: 12.75rem;\n max-width: 12.75rem;\n\n gap: 1rem;\n\n .avatar {\n width: 2rem;\n pointer-events: none;\n }\n\n .user {\n display: flex;\n position: relative;\n flex-direction: column;\n justify-content: center;\n max-width: 10rem;\n width: 100%;\n overflow: hidden;\n }\n\n .username {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .extra {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n\n:host(.avatar-button) {\n button {\n border-radius: 100px !important;\n\n @include button-mixin.btn-base;\n\n & {\n padding: 0px;\n }\n }\n\n @include button-mixin.btn-base-variant('tertiary');\n\n .avatar {\n transform: scale(0.8);\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Fragment,\n h,\n Host,\n Prop,\n readTask,\n State,\n} from '@stencil/core';\nimport { BaseButton } from '../button/base-button';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { makeRef } from '../utils/make-ref';\nimport { closestElement, hasSlottedElements } from '../utils/shadow-dom';\n\nfunction DefaultAvatar(\n props: Readonly<{ initials?: string; a11yLabel?: string }>\n) {\n const { initials } = props;\n\n if (initials) {\n return (\n <div class={'avatar-initials'}>\n <ix-typography format=\"label-lg\">{initials}</ix-typography>\n </div>\n );\n }\n\n return (\n <svg\n class={'avatar-image'}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n aria-label={props.a11yLabel}\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path\n id=\"avatar-path-background\"\n d=\"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z\"\n />\n <path\n id=\"avatar-path-person\"\n d=\"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z\"\n />\n </g>\n </svg>\n );\n}\n\nfunction AvatarImage(\n props: Readonly<{\n image?: string;\n initials?: string;\n a11yLabel?: string;\n }>\n) {\n return (\n <div class=\"avatar\">\n {props.image ? (\n <img\n src={props.image}\n class=\"avatar-image\"\n aria-label={props.a11yLabel}\n ></img>\n ) : (\n <DefaultAvatar initials={props.initials} a11yLabel={props.a11yLabel} />\n )}\n </div>\n );\n}\n\nfunction UserInfo(\n props: Readonly<{\n image?: string;\n initials?: string;\n userName: string;\n extra?: string;\n a11yLabel?: string;\n }>\n) {\n return (\n <Fragment>\n <div class=\"user-info\" onClick={(event) => event.preventDefault()}>\n <AvatarImage\n image={props.image}\n initials={props.initials}\n a11yLabel={props.a11yLabel}\n />\n <div class=\"user\">\n <div class=\"username\">{props.userName}</div>\n {props.extra && (\n <ix-typography class=\"extra\" text-color={'soft'}>\n {props.extra}\n </ix-typography>\n )}\n </div>\n </div>\n </Fragment>\n );\n}\n\n@Component({\n tag: 'ix-avatar',\n styleUrl: 'avatar.scss',\n shadow: true,\n})\nexport class Avatar {\n @Element() hostElement!: HTMLIxAvatarElement;\n\n /**\n * Accessibility label for the image\n * Will be set as aria-label on the nested HTML img element\n *\n * @deprecated Set the native `aria-label` on the ix-avatar host element. Will be removed in 5.0.0\n */\n @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n /**\n * Display an avatar image\n *\n */\n @Prop() image?: string;\n\n /**\n * Display the initials of the user. Will be overwritten by image\n *\n */\n @Prop() initials?: string;\n\n /**\n * If set an info card displaying the username will be placed inside the dropdown.\n * Note: Only working if avatar is part of the ix-application-header\n */\n @Prop() username?: string;\n\n /**\n * Optional description text that will be displayed underneath the username.\n * Note: Only working if avatar is part of the ix-application-header\n */\n @Prop() extra?: string;\n\n /**\n * Text to display in a tooltip when hovering over the avatar\n *\n * @since 4.0.0\n */\n @Prop() tooltipText?: string;\n\n /**\n * aria-label for the tooltip\n *\n * @since 4.0.0\n */\n @Prop() ariaLabelTooltip?: string;\n\n @State() isClosestApplicationHeader = false;\n @State() hasSlottedElements = false;\n\n private slotElement?: HTMLSlotElement;\n private dropdownElement?: HTMLIxDropdownElement;\n\n private readonly tooltipRef = makeRef<HTMLIxTooltipElement>();\n\n componentWillLoad() {\n const closest = closestElement('ix-application-header', this.hostElement);\n this.isClosestApplicationHeader = closest !== null;\n }\n\n private async slottedChanged() {\n this.hasSlottedElements = hasSlottedElements(this.slotElement);\n }\n\n private resolveAvatarTrigger() {\n return new Promise<HTMLElement>((resolve, reject) => {\n readTask(() => {\n const button = this.hostElement.shadowRoot!.querySelector('button');\n if (button) {\n resolve(button);\n } else {\n reject(new Error('ix-avatar - trigger element not found'));\n }\n });\n });\n }\n\n private onDropdownClick(event: MouseEvent) {\n if (event.target === this.dropdownElement) {\n event.preventDefault();\n }\n }\n\n render() {\n const a11y = a11yHostAttributes(this.hostElement);\n const a11yLabel = a11y['aria-label'];\n\n const tooltipText = this.tooltipText || this.username;\n const ariaHidden = tooltipText === this.username;\n\n const Avatar = (\n <Fragment>\n <AvatarImage\n image={this.image}\n initials={this.initials}\n a11yLabel={a11yLabel ?? this.a11yLabel}\n />\n {!!tooltipText && (\n <ix-tooltip\n ref={this.tooltipRef}\n for={this.hostElement}\n aria-hidden={a11yBoolean(ariaHidden)}\n aria-label={this.ariaLabelTooltip}\n >\n {tooltipText}\n </ix-tooltip>\n )}\n </Fragment>\n );\n\n if (this.isClosestApplicationHeader) {\n return (\n <Host slot=\"ix-application-header-avatar\" class={'avatar-button'}>\n <BaseButton\n disabled={false}\n iconOval={false}\n icon={undefined}\n iconOnly={false}\n loading={false}\n selected={false}\n type=\"button\"\n variant=\"tertiary\"\n >\n {Avatar}\n </BaseButton>\n <ix-dropdown\n ref={(ref) => (this.dropdownElement = ref as HTMLIxDropdownElement)}\n trigger={this.resolveAvatarTrigger()}\n class=\"avatar-dropdown\"\n onClick={(e) => this.onDropdownClick(e)}\n onShowChanged={(event) => {\n if (event.detail && this.tooltipRef.current) {\n this.tooltipRef.current.hideTooltip(0);\n }\n }}\n >\n {this.username && (\n <Fragment>\n <UserInfo\n extra={this.extra}\n image={this.image}\n initials={this.initials}\n userName={this.username}\n a11yLabel={a11yLabel ?? this.a11yLabel}\n />\n {this.hasSlottedElements && (\n <ix-divider onClick={(e) => e.preventDefault()}></ix-divider>\n )}\n </Fragment>\n )}\n <slot\n onSlotchange={() => this.slottedChanged()}\n ref={(ref) => (this.slotElement = ref as HTMLSlotElement)}\n ></slot>\n </ix-dropdown>\n </Host>\n );\n }\n\n return <Host>{Avatar}</Host>;\n }\n}\n"],"version":3}
|
|
@@ -11,7 +11,7 @@ const ModalContent = /*@__PURE__*/ proxyCustomElement(class ModalContent extends
|
|
|
11
11
|
this.__attachShadow();
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: 'b45bdd4b47ca580de9e3419c9c081f8e30b1da09' }, h("slot", { key: 'ad2d19f3f3053ea927d6d45ff54bcfff1e74345d' })));
|
|
15
15
|
}
|
|
16
16
|
static get style() { return modalContentCss; }
|
|
17
17
|
}, [257, "ix-modal-content"]);
|
|
@@ -30,6 +30,6 @@ function defineCustomElement() {
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
export { ModalContent as M, defineCustomElement as d };
|
|
33
|
-
//# sourceMappingURL=p-
|
|
33
|
+
//# sourceMappingURL=p-C4KxNeD2.js.map
|
|
34
34
|
|
|
35
|
-
//# sourceMappingURL=p-
|
|
35
|
+
//# sourceMappingURL=p-C4KxNeD2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-C4KxNeD2.js","mappings":";;AAAA,MAAM,eAAe,GAAG,k2BAAk2B;;MCgB72B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;IACvB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/modal-content/modal-content.scss?tag=ix-modal-content&encapsulation=shadow","src/components/modal-content/modal-content.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use 'mixins/shadow-dom/component';\n\n:host {\n display: block;\n position: relative;\n overflow: auto;\n padding: 0 0.5rem 0.5rem;\n\n @include component.ix-component;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'ix-modal-content',\n styleUrl: 'modal-content.scss',\n shadow: true,\n})\nexport class ModalContent {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, d as Host } from './p-D-__gyet.js';
|
|
2
2
|
import { B as BaseButton } from './p-CV_EVAOW.js';
|
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
|
3
|
+
import { d as defineCustomElement$1 } from './p-1pd_0dhF.js';
|
|
4
4
|
|
|
5
5
|
const buttonCss = ":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host .btn-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary,:host .btn-tertiary.focus,:host .btn-tertiary:focus-visible{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary,:host .btn-subtle-primary.focus,:host .btn-subtle-primary:focus-visible{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary,:host .btn-subtle-secondary.focus,:host .btn-subtle-secondary:focus-visible{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary,:host .btn-subtle-tertiary.focus,:host .btn-subtle-tertiary:focus-visible{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary,:host .btn-danger-primary.focus,:host .btn-danger-primary:focus-visible{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary,:host .btn-danger-secondary.focus,:host .btn-danger-secondary:focus-visible{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary,:host .btn-danger-tertiary.focus,:host .btn-danger-tertiary:focus-visible{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}";
|
|
6
6
|
|
|
@@ -156,6 +156,6 @@ function defineCustomElement() {
|
|
|
156
156
|
}
|
|
157
157
|
|
|
158
158
|
export { Button as B, defineCustomElement as d };
|
|
159
|
-
//# sourceMappingURL=p-
|
|
159
|
+
//# sourceMappingURL=p-C6_1qmP4.js.map
|
|
160
160
|
|
|
161
|
-
//# sourceMappingURL=p-
|
|
161
|
+
//# sourceMappingURL=p-C6_1qmP4.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-C6_1qmP4.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/button/button.scss?tag=ix-button&encapsulation=shadow","src/components/button/button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use './button-mixin';\n\n@include button-mixin.btn;\n@include button-mixin.all-btn-variants;\n\n:host {\n min-width: 5rem;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n h,\n Host,\n Listen,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { BaseButton, BaseButtonProps } from './base-button';\nimport { BaseButtonStyle, BaseButtonVariant } from './base-button.types';\nimport { IxButtonComponent } from './button-component';\nimport { AnchorTarget } from './button.interface';\n\nexport type ButtonVariant =\n | `${BaseButtonVariant}`\n | `${BaseButtonStyle}-${BaseButtonVariant}`;\n\n@Component({\n tag: 'ix-button',\n shadow: {\n delegatesFocus: true,\n },\n styleUrl: './button.scss',\n})\nexport class Button implements IxButtonComponent {\n /**\n * ARIA label for the button\n * Will be set as aria-label on the nested HTML button element\n *\n * @since 3.2.0\n */\n @Prop() ariaLabelButton?: string;\n\n /**\n * Button variant\n */\n @Prop() variant: ButtonVariant = 'primary';\n\n /**\n * Disable the button\n */\n @Prop({ reflect: true }) disabled = false;\n\n /**\n * Type of the button\n */\n @Prop() type: 'button' | 'submit' = 'button';\n\n /**\n * Loading button\n */\n @Prop() loading: boolean = false;\n\n /**\n * Provide a form element ID to automatically submit the from if the button is pressed. Only works in combination with type=\"submit\".\n *\n * @since 3.1.0\n */\n @Prop() form?: string;\n\n /**\n * Icon name\n */\n @Prop() icon?: string;\n\n /**\n * Icon name for the right side of the button\n * @since 4.0.0\n */\n @Prop() iconRight?: string;\n\n /** @internal */\n @Prop() alignment: 'center' | 'start' = 'center';\n\n /** @internal */\n @Prop() iconSize: '12' | '16' | '24' = '24';\n\n /**\n * URL for the button link. When provided, the button will render as an anchor tag.\n *\n * @since 4.0.0\n */\n @Prop() href?: string;\n\n /**\n * Specifies where to open the linked document when href is provided.\n *\n * @since 4.0.0\n */\n @Prop() target?: AnchorTarget = '_self';\n\n /**\n * Specifies the relationship between the current document and the linked document when href is provided.\n *\n * @since 4.0.0\n */\n @Prop() rel?: string;\n\n @Element() hostElement!: HTMLIxButtonElement;\n\n /**\n * Temp. workaround until stencil issue is fixed (https://github.com/ionic-team/stencil/issues/2284)\n */\n submitButtonElement?: HTMLButtonElement;\n\n @Listen('click', { capture: true })\n handleClick(event: Event) {\n if (this.disabled || this.loading) {\n event.stopPropagation();\n event.preventDefault();\n }\n }\n\n componentDidLoad() {\n if (this.type !== 'submit') {\n return;\n }\n const submitButton = document.createElement('button');\n submitButton.style.display = 'none';\n submitButton.type = 'submit';\n submitButton.tabIndex = -1;\n\n if (this.form) {\n submitButton.setAttribute('form', this.form);\n }\n this.hostElement.appendChild(submitButton);\n this.submitButtonElement = submitButton;\n }\n\n @Watch('form')\n handleFormChange(newValue: string | undefined) {\n if (this.submitButtonElement) {\n if (newValue) {\n this.submitButtonElement.setAttribute('form', newValue);\n } else {\n this.submitButtonElement.removeAttribute('form');\n }\n }\n }\n\n componentDidRender() {\n if (\n this.submitButtonElement &&\n !this.hostElement.contains(this.submitButtonElement)\n ) {\n this.hostElement.appendChild(this.submitButtonElement);\n }\n }\n\n dispatchFormEvents() {\n if (\n this.type === 'submit' &&\n this.submitButtonElement &&\n !this.disabled &&\n !this.loading\n ) {\n this.submitButtonElement.click();\n }\n }\n\n setFocus() {\n this.hostElement\n .shadowRoot!.querySelector<\n HTMLButtonElement | HTMLAnchorElement\n >(this.href ? 'a' : 'button')\n ?.focus();\n }\n\n render() {\n const baseButtonProps: BaseButtonProps = {\n variant: this.variant,\n iconOnly: false,\n iconOval: false,\n selected: false,\n disabled: this.disabled || this.loading,\n icon: this.icon,\n iconRight: this.iconRight,\n iconSize: this.iconSize,\n loading: this.loading,\n onClick: () => this.dispatchFormEvents(),\n type: this.type,\n alignment: this.alignment,\n tabIndex: 0,\n ariaAttributes: {\n 'aria-label': this.ariaLabelButton,\n },\n href: this.href,\n target: this.target,\n rel: this.rel,\n };\n\n return (\n <Host\n class={{\n disabled: this.disabled || this.loading,\n }}\n >\n <BaseButton {...baseButtonProps}>\n <slot></slot>\n </BaseButton>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, d as Host } from './p-D-__gyet.js';
|
|
2
2
|
|
|
3
|
-
const dateTimeCardCss = ":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 .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:var(--theme-shadow-4);border-radius:0.25rem}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card.straight{border-radius:0}:host .card .header-container{width:100%}:host .card .header-container .header{padding:1rem;flex:0 1 auto}:host .card .separator{
|
|
3
|
+
const dateTimeCardCss = ":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 .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:var(--theme-shadow-4);border-radius:0.25rem}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card.straight{border-radius:0}:host .card .header-container{width:100%}:host .card .header-container .header{padding:0.75rem 1rem;flex:0 1 auto}:host .card .separator{height:1px;background-color:var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}:host .card .content--time-picker{padding:0 1rem}:host .card .footer-container{width:100%}:host .card .footer-container .footer{padding:1rem}";
|
|
4
4
|
|
|
5
5
|
const DateTimeCard = /*@__PURE__*/ proxyCustomElement(class DateTimeCard extends H {
|
|
6
6
|
constructor(registerHost) {
|
|
@@ -63,6 +63,6 @@ function defineCustomElement() {
|
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
export { DateTimeCard as D, defineCustomElement as d };
|
|
66
|
-
//# sourceMappingURL=p-
|
|
66
|
+
//# sourceMappingURL=p-COWPG_SD.js.map
|
|
67
67
|
|
|
68
|
-
//# sourceMappingURL=p-
|
|
68
|
+
//# sourceMappingURL=p-COWPG_SD.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-COWPG_SD.js","mappings":";;AAAA,MAAM,eAAe,GAAG,grDAAgrD;;MCoB3rD,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAUU,QAAA,IAAoB,CAAA,oBAAA,GAAY,KAAK;AAE7C;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;AAEnC;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAElC;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAwB,SAAS;AA+CjD;IA7CS,WAAW,GAAA;QACjB,OAAO;AACL,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,oBAAoB,EAAE,IAAI,CAAC,QAAQ,KAAK,KAAK;AAC7C,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;AACnC,YAAA,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;AAC7B,YAAA,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;AAC/B,YAAA,QAAQ,EAAE,IAAI,CAAC,OAAO,KAAK,UAAU;SACtC;;IAGH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAA,EAC3B,CAAC,IAAI,CAAC,UAAU,KACf,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACvB,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,CAAO,CACzB,CACP,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,IAAI;gBACb,sBAAsB,EAAE,IAAI,CAAC,oBAAoB;AAClD,aAAA,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EAEL,IAAI,CAAC,SAAS,KACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAO,CAAA,EAC7B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAQ,CAAA,CACvB,CACF,CACP,CACG,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/date-time-card/date-time-card.scss?tag=ix-date-time-card&encapsulation=shadow","src/components/date-time-card/date-time-card.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'mixins/shadow-dom/component';\n\n:host {\n @include component.ix-component;\n\n .card {\n background-color: var(--theme-menu--background);\n width: 100%;\n box-shadow: none;\n border: none;\n border-radius: unset;\n display: flex;\n flex-direction: column;\n\n &.standaloneAppearance {\n box-shadow: var(--theme-shadow-4);\n border-radius: 0.25rem;\n }\n\n &.rounded {\n border-radius: 4px;\n }\n\n &.left {\n border-radius: 4px 0 0 4px;\n height: 100%;\n }\n\n &.right {\n border-radius: 0 4px 4px 0;\n height: 100%;\n }\n\n &.straight {\n border-radius: 0;\n }\n\n .header-container {\n width: 100%;\n\n .header {\n padding: vars.$medium-space vars.$default-space;\n flex: 0 1 auto;\n }\n }\n\n .separator {\n height: 1px;\n background-color: var(--theme-datepicker-separator--background);\n width: 100%;\n flex: 0 1 auto;\n }\n\n .content {\n padding: 0 vars.$default-space vars.$default-space vars.$default-space;\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n &--time-picker {\n padding: 0 vars.$default-space;\n }\n }\n\n .footer-container {\n width: 100%;\n\n .footer {\n padding: vars.$default-space;\n }\n }\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport type { DateTimeCardCorners } from './date-time-card.types';\n\n/**\n * @internal\n */\n@Component({\n tag: 'ix-date-time-card',\n styleUrl: 'date-time-card.scss',\n shadow: true,\n})\nexport class DateTimeCard {\n /** @internal */\n @Prop() embedded?: boolean;\n\n /** Timepicker specific styling */\n @Prop() timePickerAppearance: boolean = false;\n\n /**\n * Hide header\n */\n @Prop() hideHeader: boolean = false;\n\n /**\n * Display footer\n */\n @Prop() hasFooter: boolean = false;\n\n /**\n * Set corners style\n */\n @Prop() corners: DateTimeCardCorners = 'rounded';\n\n private cardClasses() {\n return {\n card: true,\n standaloneAppearance: this.embedded === false,\n rounded: this.corners === 'rounded',\n left: this.corners === 'left',\n right: this.corners === 'right',\n straight: this.corners === 'straight',\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.cardClasses()}>\n {!this.hideHeader && (\n <div class=\"header-container\">\n <div class=\"header\">\n <slot name=\"header\"></slot>\n </div>\n <div class=\"separator\"></div>\n </div>\n )}\n\n <div\n class={{\n content: true,\n 'content--time-picker': this.timePickerAppearance,\n }}\n >\n <slot></slot>\n </div>\n\n {this.hasFooter && (\n <div class=\"footer-container\">\n <div class=\"separator\"></div>\n <div class=\"footer\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -3,13 +3,13 @@ import { d as iconChevronRightSmall, m as iconChevronLeftSmall, n as iconSingleC
|
|
|
3
3
|
import { D as DateTime, I as Info } from './p-bDicGJUN.js';
|
|
4
4
|
import { O as OnListener } from './p-DdLose3V.js';
|
|
5
5
|
import { m as makeRef } from './p-bcj7UEIC.js';
|
|
6
|
-
import { d as defineCustomElement$5 } from './p-
|
|
7
|
-
import { d as defineCustomElement$4 } from './p-
|
|
8
|
-
import { d as defineCustomElement$3 } from './p-
|
|
9
|
-
import { d as defineCustomElement$2 } from './p-
|
|
10
|
-
import { d as defineCustomElement$1 } from './p-
|
|
6
|
+
import { d as defineCustomElement$5 } from './p-C6_1qmP4.js';
|
|
7
|
+
import { d as defineCustomElement$4 } from './p-COWPG_SD.js';
|
|
8
|
+
import { d as defineCustomElement$3 } from './p-BI7B-PUA.js';
|
|
9
|
+
import { d as defineCustomElement$2 } from './p-BEDohapR.js';
|
|
10
|
+
import { d as defineCustomElement$1 } from './p-1pd_0dhF.js';
|
|
11
11
|
|
|
12
|
-
const datePickerCss = ":host{display:block;position:relative;width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0
|
|
12
|
+
const datePickerCss = ":host{display:block;position:relative;max-width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .capitalize{text-transform:capitalize}:host .selector .month-dropdown-item{margin-left:4px;margin-right:4px}:host .selector .month-dropdown-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .wrapper{display:flex}:host .wrapper .overflow{overflow-y:scroll;max-height:250px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);box-shadow:inset 0 0 0 1px var(--theme-color-inv-contrast-text);background-color:var(--theme-datepicker-day--background--selected);border:inset 1px solid var(--theme-datepicker-day--border-color--selected);color:var(--theme-datepicker-day--color--selected);font-size:14px;line-height:20px;letter-spacing:0}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected);font-weight:var(--theme-font-weight-bold)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:var(--theme-ms-0);line-height:143%;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}";
|
|
13
13
|
|
|
14
14
|
/*
|
|
15
15
|
* SPDX-FileCopyrightText: 2023 Siemens AG
|
|
@@ -495,7 +495,7 @@ const DatePicker = /*@__PURE__*/ proxyCustomElement(class DatePicker extends H {
|
|
|
495
495
|
return rows;
|
|
496
496
|
}
|
|
497
497
|
render() {
|
|
498
|
-
return (h(Host, { key: 'ac385bc586d47db0ce5aeb9eab3e7e71e71fe7cf' }, h("ix-date-time-card", { key: 'e1d11ba64aa8b1374c6ded705afa779a9b3966b1', corners: this.corners, embedded: this.embedded }, h("div", { key: 'bc99b5e074709ee8599799814a3bc7fd5ab417a5', class: "header", slot: "header" }, h("ix-icon-button", { key: '6bc172523c9588a3bb1d200d5113b2533117c021', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), h("div", { key: 'e3505b87752b9d763ba61286f1091e67e2ee3314', class: "selector" }, h("ix-button", { key: 'f6740c7a4ea82875e876896ab0d311e56edf2c6d', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, h("span", { key: '
|
|
498
|
+
return (h(Host, { key: 'ac385bc586d47db0ce5aeb9eab3e7e71e71fe7cf' }, h("ix-date-time-card", { key: 'e1d11ba64aa8b1374c6ded705afa779a9b3966b1', corners: this.corners, embedded: this.embedded }, h("div", { key: 'bc99b5e074709ee8599799814a3bc7fd5ab417a5', class: "header", slot: "header" }, h("ix-icon-button", { key: '6bc172523c9588a3bb1d200d5113b2533117c021', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), h("div", { key: 'e3505b87752b9d763ba61286f1091e67e2ee3314', class: "selector" }, h("ix-button", { key: 'f6740c7a4ea82875e876896ab0d311e56edf2c6d', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, h("span", { key: '0cd1e04f63512e2c8798d3524c2e8cc3e719d853', class: "capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), h("ix-dropdown", { key: '0021b8af9b8ba6b23e9ed49ebb4edcecc55eeb26', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, h("div", { key: 'f00cf88696bec06c49c59962d3dcb4838be3f3f2', class: "wrapper" }, h("div", { key: '0d6b2ca0c9a2f23a7fd1fa24cc05454da9e16af7', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), h("div", { key: 'bff068918a1f31e25f1d22b9e2f4b36e0a2affdd', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (h("div", { key: month, ref: (ref) => {
|
|
499
499
|
if (month === this.monthNames[0]) {
|
|
500
500
|
this.firstMonthRef(ref);
|
|
501
501
|
}
|
|
@@ -509,10 +509,10 @@ const DatePicker = /*@__PURE__*/ proxyCustomElement(class DatePicker extends H {
|
|
|
509
509
|
hidden: this.tempYear !== this.selectedYear ||
|
|
510
510
|
this.tempMonth !== index,
|
|
511
511
|
checkPosition: true,
|
|
512
|
-
}, name: iconSingleCheck, size: "16" }), h("div", null, h("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), h("ix-icon-button", { key: '
|
|
512
|
+
}, name: iconSingleCheck, size: "16" }), h("div", null, h("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), h("ix-icon-button", { key: '42af554f8f382640b60f98b68708e5cb4912bf33', onClick: () => this.changeToAdjacentMonth(1), icon: iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), h("div", { key: '565551cf265951458d43742f5a64e1d3e8107bcc', class: {
|
|
513
513
|
grid: true,
|
|
514
514
|
'grid--show-week-numbers': this.showWeekNumbers,
|
|
515
|
-
} }, this.showWeekNumbers && h("div", { key: '
|
|
515
|
+
} }, this.showWeekNumbers && h("div", { key: '153664ce89e84909f75d424f3af985f3c8caa22b', class: "calendar-item week-day" }), this.dayNames.map((name) => (h("div", { key: name, class: "calendar-item week-day" }, h("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
|
|
516
516
|
return (h(Fragment, null, this.showWeekNumbers && (h("div", { class: "calendar-item week-number" }, week.weekNumber)), week.dayNumbers.map((day) => {
|
|
517
517
|
return day ? (h("div", { key: day, id: `day-cell-${day}`, "date-calender-day": true, class: this.getDayClasses(day), onClick: (e) => {
|
|
518
518
|
const target = e.currentTarget;
|
|
@@ -524,10 +524,10 @@ const DatePicker = /*@__PURE__*/ proxyCustomElement(class DatePicker extends H {
|
|
|
524
524
|
}
|
|
525
525
|
}, tabIndex: day === this.focusedDay ? 0 : -1, onFocus: () => this.onDayFocus(), onBlur: () => this.onDayBlur(), "aria-label": `${this.selectedMonth}: ${day}` }, day)) : (h("div", null));
|
|
526
526
|
})));
|
|
527
|
-
})), h("div", { key: '
|
|
527
|
+
})), h("div", { key: 'a3eaf5affbf21d93ac0bd2938a544e372ecee2bc', class: {
|
|
528
528
|
button: true,
|
|
529
529
|
hidden: this.singleSelection || this.embedded,
|
|
530
|
-
} }, h("ix-button", { key: '
|
|
530
|
+
} }, h("ix-button", { key: 'bcbc94626760a7c8e755f4afb52f127d5b49dcd7', onClick: () => this.onDone() }, this.i18nDone)))));
|
|
531
531
|
}
|
|
532
532
|
get hostElement() { return this; }
|
|
533
533
|
static get watchers() { return {
|
|
@@ -612,6 +612,6 @@ function defineCustomElement() {
|
|
|
612
612
|
}
|
|
613
613
|
|
|
614
614
|
export { DatePicker as D, defineCustomElement as d };
|
|
615
|
-
//# sourceMappingURL=p-
|
|
615
|
+
//# sourceMappingURL=p-CjDPpSJX.js.map
|
|
616
616
|
|
|
617
|
-
//# sourceMappingURL=p-
|
|
617
|
+
//# sourceMappingURL=p-CjDPpSJX.js.map
|