q2-tecton-elements 1.70.2 → 1.71.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/dist/bundle-report.json +556 -231
- package/dist/cjs/click-elsewhere_3.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/q2-action-group_2.cjs.entry.js +3 -3
- package/dist/cjs/q2-action-sheet.cjs.entry.js +4 -3
- package/dist/cjs/q2-avatar.cjs.entry.js +1 -1
- package/dist/cjs/q2-badge_2.cjs.entry.js +17 -8
- package/dist/cjs/q2-btn_2.cjs.entry.js +2 -2
- package/dist/cjs/q2-calendar.cjs.entry.js +8 -6
- package/dist/cjs/q2-card-image.cjs.entry.js +1 -1
- package/dist/cjs/q2-card.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel.cjs.entry.js +108 -74
- package/dist/cjs/q2-chart-area.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-bar.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-donut.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox_2.cjs.entry.js +3 -3
- package/dist/cjs/q2-currency.cjs.entry.js +1 -1
- package/dist/cjs/q2-data-table.cjs.entry.js +1 -1
- package/dist/cjs/q2-detail.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/q2-editable-field.cjs.entry.js +3 -3
- package/dist/cjs/q2-example.cjs.entry.js +1 -1
- package/dist/cjs/q2-file-picker.cjs.entry.js +1 -1
- package/dist/cjs/q2-form.cjs.entry.js +1 -1
- package/dist/cjs/q2-formatted-text.cjs.entry.js +1 -1
- package/dist/cjs/q2-icon.cjs.entry.js +1 -1
- package/dist/cjs/q2-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-legend.cjs.entry.js +1 -1
- package/dist/cjs/q2-link_2.cjs.entry.js +2 -2
- package/dist/cjs/q2-message.cjs.entry.js +1 -1
- package/dist/cjs/q2-meter.cjs.entry.js +1 -1
- package/dist/cjs/q2-modal.cjs.entry.js +1 -1
- package/dist/cjs/q2-month-picker.cjs.entry.js +1 -1
- package/dist/cjs/q2-optgroup.cjs.entry.js +1 -1
- package/dist/cjs/q2-option.cjs.entry.js +1 -1
- package/dist/cjs/q2-otp.cjs.entry.js +1 -1
- package/dist/cjs/q2-pagination.cjs.entry.js +1 -1
- package/dist/cjs/q2-pill.cjs.entry.js +18 -2
- package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio.cjs.entry.js +1 -1
- package/dist/cjs/q2-relative-time.cjs.entry.js +2 -2
- package/dist/cjs/q2-search.cjs.entry.js +2 -2
- package/dist/cjs/q2-section.cjs.entry.js +3 -3
- package/dist/cjs/q2-select.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper-pane.cjs.entry.js +2 -2
- package/dist/cjs/q2-stepper-vertical.cjs.entry.js +32 -9
- package/dist/cjs/q2-stepper.cjs.entry.js +18 -4
- package/dist/cjs/q2-surface.cjs.entry.js +3 -3
- package/dist/cjs/q2-tab-container.cjs.entry.js +89 -20
- package/dist/cjs/q2-tab-pane.cjs.entry.js +2 -2
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/cjs/q2-textarea.cjs.entry.js +3 -3
- package/dist/cjs/q2-toast.cjs.entry.js +1 -1
- package/dist/cjs/q2-tooltip.cjs.entry.js +26 -15
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +3 -3
- package/dist/collection/components/q2-action-group/q2-action-group.css +22 -0
- package/dist/collection/components/q2-action-sheet/q2-action-sheet.css +24 -1
- package/dist/collection/components/q2-action-sheet/q2-action-sheet.js +3 -2
- package/dist/collection/components/q2-avatar/q2-avatar.css +23 -1
- package/dist/collection/components/q2-avatar/test/q2-avatar-test.vr.js +13 -1
- package/dist/collection/components/q2-badge/q2-badge.css +26 -4
- package/dist/collection/components/q2-badge/test/q2-badge-test.vr.js +13 -1
- package/dist/collection/components/q2-btn/q2-btn.css +53 -9
- package/dist/collection/components/q2-btn/test/q2-btn-test.vr.js +19 -1
- package/dist/collection/components/q2-calendar/q2-calendar.css +26 -4
- package/dist/collection/components/q2-calendar/q2-calendar.js +7 -5
- package/dist/collection/components/q2-calendar/q2-month-picker.css +22 -0
- package/dist/collection/components/q2-calendar/test/q2-calendar-test.vr.js +34 -1
- package/dist/collection/components/q2-card/q2-card.css +23 -1
- package/dist/collection/components/q2-card/test/q2-card-test.vr.js +10 -1
- package/dist/collection/components/q2-card-image/q2-card-image.css +23 -1
- package/dist/collection/components/q2-card-image/test/q2-card-image-test.vr.js +9 -1
- package/dist/collection/components/q2-carousel/q2-carousel.css +29 -39
- package/dist/collection/components/q2-carousel/q2-carousel.js +122 -69
- package/dist/collection/components/q2-carousel/test/q2-carousel-test.vr.js +5 -4
- package/dist/collection/components/q2-carousel-pane/q2-carousel-pane.css +22 -0
- package/dist/collection/components/q2-chart-area/q2-chart-area.css +22 -0
- package/dist/collection/components/q2-chart-bar/q2-chart-bar.css +22 -0
- package/dist/collection/components/q2-chart-donut/q2-chart-donut.css +24 -2
- package/dist/collection/components/q2-chart-donut/test/q2-chart-donut-test.vr.js +13 -1
- package/dist/collection/components/q2-checkbox/q2-checkbox.css +23 -1
- package/dist/collection/components/q2-checkbox/test/q2-checkbox-test.vr.js +11 -1
- package/dist/collection/components/q2-checkbox-group/q2-checkbox-group.css +23 -1
- package/dist/collection/components/q2-checkbox-group/test/q2-checkbox-group-test.vr.js +11 -1
- package/dist/collection/components/q2-currency/q2-currency.css +25 -3
- package/dist/collection/components/q2-currency/test/q2-currency-test.vr.js +13 -1
- package/dist/collection/components/q2-data-table/q2-data-table.css +24 -2
- package/dist/collection/components/q2-data-table/test/q2-data-table-test.vr.js +11 -1
- package/dist/collection/components/q2-detail/q2-detail.css +32 -10
- package/dist/collection/components/q2-dropdown/q2-dropdown.css +22 -0
- package/dist/collection/components/q2-dropdown-item/q2-dropdown-item.css +22 -0
- package/dist/collection/components/q2-editable-field/q2-editable-field.css +22 -0
- package/dist/collection/components/q2-editable-field/q2-editable-field.js +2 -2
- package/dist/collection/components/q2-example/q2-example.css +23 -0
- package/dist/collection/components/q2-file-picker/q2-file-picker.css +57 -10
- package/dist/collection/components/q2-file-picker/test/q2-file-picker-test.vr.js +14 -1
- package/dist/collection/components/q2-form/q2-form.css +22 -0
- package/dist/collection/components/q2-formatted-text/q2-formatted-text.css +25 -3
- package/dist/collection/components/q2-formatted-text/test/q2-formatted-text-test.vr.js +13 -1
- package/dist/collection/components/q2-icon/assets/standard.symbol.svg +1 -1
- package/dist/collection/components/q2-icon/q2-icon.css +22 -0
- package/dist/collection/components/q2-input/q2-input.css +26 -4
- package/dist/collection/components/q2-input/q2-input.js +39 -7
- package/dist/collection/components/q2-input/test/q2-input-test.vr.js +36 -1
- package/dist/collection/components/q2-item/q2-item.css +46 -2
- package/dist/collection/components/q2-item/test/q2-item-test.vr.js +12 -1
- package/dist/collection/components/q2-legend/q2-legend.css +24 -2
- package/dist/collection/components/q2-link/q2-link.css +22 -0
- package/dist/collection/components/q2-list/q2-list.css +46 -2
- package/dist/collection/components/q2-list/test/q2-list-test.vr.js +12 -1
- package/dist/collection/components/q2-loading/q2-loading.css +23 -0
- package/dist/collection/components/q2-message/q2-message.css +22 -0
- package/dist/collection/components/q2-meter/q2-meter.css +25 -3
- package/dist/collection/components/q2-meter/test/q2-meter-test.vr.js +12 -1
- package/dist/collection/components/q2-modal/q2-modal.css +23 -1
- package/dist/collection/components/q2-modal/test/q2-modal-test.vr.js +12 -1
- package/dist/collection/components/q2-optgroup/q2-optgroup.css +23 -1
- package/dist/collection/components/q2-option/q2-option.css +22 -0
- package/dist/collection/components/q2-option-list/q2-option-list.css +22 -0
- package/dist/collection/components/q2-otp/q2-otp.css +27 -4
- package/dist/collection/components/q2-otp/test/q2-otp-test.vr.js +12 -1
- package/dist/collection/components/q2-pagination/q2-pagination.css +22 -0
- package/dist/collection/components/q2-pill/q2-pill.css +42 -2
- package/dist/collection/components/q2-pill/q2-pill.js +18 -1
- package/dist/collection/components/q2-pill/test/q2-pill-test.vr.js +27 -1
- package/dist/collection/components/q2-popover/q2-popover.css +22 -7
- package/dist/collection/components/q2-radio/q2-radio.css +24 -2
- package/dist/collection/components/q2-radio/test/q2-radio-test.vr.js +12 -1
- package/dist/collection/components/q2-radio-group/q2-radio-group.css +23 -1
- package/dist/collection/components/q2-radio-group/test/q2-radio-group-test.vr.js +11 -1
- package/dist/collection/components/q2-relative-time/q2-relative-time.css +22 -0
- package/dist/collection/components/q2-relative-time/q2-relative-time.js +1 -1
- package/dist/collection/components/q2-resize-observer/q2-resize-observer.css +22 -0
- package/dist/collection/components/q2-resize-observer/q2-resize-observer.js +1 -1
- package/dist/collection/components/q2-search/q2-search.css +22 -0
- package/dist/collection/components/q2-search/q2-search.js +1 -1
- package/dist/collection/components/q2-section/q2-section.css +23 -1
- package/dist/collection/components/q2-section/q2-section.js +2 -2
- package/dist/collection/components/q2-section/test/q2-section-test.vr.js +11 -1
- package/dist/collection/components/q2-select/q2-select.css +22 -0
- package/dist/collection/components/q2-stepper/q2-stepper.css +38 -4
- package/dist/collection/components/q2-stepper/q2-stepper.js +17 -3
- package/dist/collection/components/q2-stepper/test/q2-stepper-test.vr.js +12 -1
- package/dist/collection/components/q2-stepper-pane/q2-stepper-pane.css +22 -0
- package/dist/collection/components/q2-stepper-pane/q2-stepper-pane.js +1 -1
- package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.css +39 -5
- package/dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.js +31 -8
- package/dist/collection/components/q2-stepper-vertical/test/q2-stepper-vertical-test.vr.js +16 -1
- package/dist/collection/components/q2-surface/q2-surface.css +71 -32
- package/dist/collection/components/q2-surface/q2-surface.js +7 -7
- package/dist/collection/components/q2-surface/test/q2-surface-test.vr.js +54 -0
- package/dist/collection/components/q2-tab-container/q2-tab-container.css +112 -6
- package/dist/collection/components/q2-tab-container/q2-tab-container.js +114 -21
- package/dist/collection/components/q2-tab-container/test/q2-tab-container-test.vr.js +24 -1
- package/dist/collection/components/q2-tab-pane/q2-tab-pane.css +22 -0
- package/dist/collection/components/q2-tab-pane/q2-tab-pane.js +1 -1
- package/dist/collection/components/q2-tag/q2-tag.css +25 -2
- package/dist/collection/components/q2-tag/q2-tag.js +1 -1
- package/dist/collection/components/q2-tag/test/q2-tag-test.vr.js +21 -1
- package/dist/collection/components/q2-textarea/q2-textarea.css +24 -2
- package/dist/collection/components/q2-textarea/q2-textarea.js +2 -2
- package/dist/collection/components/q2-textarea/test/q2-textarea-test.vr.js +16 -1
- package/dist/collection/components/q2-toast/q2-toast.css +22 -0
- package/dist/collection/components/q2-tooltip/q2-tooltip.css +27 -19
- package/dist/collection/components/q2-tooltip/q2-tooltip.js +32 -21
- package/dist/collection/components/q2-tooltip/test/q2-tooltip-test.vr.js +13 -1
- package/dist/collection/components/tecton-tab-pane/tecton-tab-pane.css +22 -0
- package/dist/collection/components/tecton-tab-pane/tecton-tab-pane.js +2 -2
- package/dist/collection/utils/helpers.js +29 -6
- package/dist/collection/utils/test/vr-helpers.js +7 -0
- package/dist/components/q2-action-group2.js +1 -1
- package/dist/components/q2-action-sheet.js +21 -18
- package/dist/components/q2-avatar2.js +1 -1
- package/dist/components/q2-badge2.js +1 -1
- package/dist/components/q2-btn2.js +15 -15
- package/dist/components/q2-calendar.js +306 -301
- package/dist/components/q2-card-image.js +6 -6
- package/dist/components/q2-card.js +14 -14
- package/dist/components/q2-carousel-pane2.js +1 -1
- package/dist/components/q2-carousel.js +633 -585
- package/dist/components/q2-chart-area.js +1 -1
- package/dist/components/q2-chart-bar.js +70 -70
- package/dist/components/q2-chart-donut.js +1 -1
- package/dist/components/q2-checkbox-group.js +42 -42
- package/dist/components/q2-checkbox2.js +1 -1
- package/dist/components/q2-currency.js +32 -32
- package/dist/components/q2-data-table.js +34 -34
- package/dist/components/q2-detail.js +5 -5
- package/dist/components/q2-dropdown-item2.js +11 -11
- package/dist/components/q2-dropdown.js +17 -17
- package/dist/components/q2-editable-field.js +12 -11
- package/dist/components/q2-example.js +15 -15
- package/dist/components/q2-file-picker.js +25 -25
- package/dist/components/q2-form.js +11 -11
- package/dist/components/q2-formatted-text.js +5 -5
- package/dist/components/q2-icon2.js +1 -1
- package/dist/components/q2-input2.js +24 -13
- package/dist/components/q2-item2.js +1 -1
- package/dist/components/q2-legend2.js +56 -56
- package/dist/components/q2-link2.js +6 -6
- package/dist/components/q2-list2.js +22 -22
- package/dist/components/q2-loading2.js +1 -1
- package/dist/components/q2-message2.js +20 -20
- package/dist/components/q2-meter.js +1 -1
- package/dist/components/q2-modal.js +3 -3
- package/dist/components/q2-month-picker.js +10 -10
- package/dist/components/q2-optgroup2.js +7 -7
- package/dist/components/q2-option-list2.js +34 -34
- package/dist/components/q2-option2.js +13 -13
- package/dist/components/q2-otp.js +5 -5
- package/dist/components/q2-pagination.js +58 -58
- package/dist/components/q2-pill.js +66 -54
- package/dist/components/q2-popover2.js +1 -1
- package/dist/components/q2-radio-group.js +5 -5
- package/dist/components/q2-radio.js +14 -14
- package/dist/components/q2-relative-time.js +10 -10
- package/dist/components/q2-resize-observer2.js +9 -9
- package/dist/components/q2-search.js +5 -5
- package/dist/components/q2-section.js +22 -22
- package/dist/components/q2-select2.js +1 -1
- package/dist/components/q2-stepper-pane.js +33 -33
- package/dist/components/q2-stepper-vertical.js +84 -60
- package/dist/components/q2-stepper.js +79 -65
- package/dist/components/q2-surface.js +14 -14
- package/dist/components/q2-tab-container.js +110 -55
- package/dist/components/q2-tab-pane.js +7 -7
- package/dist/components/q2-tag2.js +39 -39
- package/dist/components/q2-textarea.js +16 -16
- package/dist/components/q2-toast.js +22 -22
- package/dist/components/q2-tooltip2.js +26 -25
- package/dist/components/tecton-tab-pane.js +11 -11
- package/dist/esm/click-elsewhere_3.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-action-group_2.entry.js +3 -3
- package/dist/esm/q2-action-sheet.entry.js +4 -3
- package/dist/esm/q2-avatar.entry.js +1 -1
- package/dist/esm/q2-badge_2.entry.js +17 -8
- package/dist/esm/q2-btn_2.entry.js +2 -2
- package/dist/esm/q2-calendar.entry.js +8 -6
- package/dist/esm/q2-card-image.entry.js +1 -1
- package/dist/esm/q2-card.entry.js +1 -1
- package/dist/esm/q2-carousel-pane.entry.js +1 -1
- package/dist/esm/q2-carousel.entry.js +104 -70
- package/dist/esm/q2-chart-area.entry.js +1 -1
- package/dist/esm/q2-chart-bar.entry.js +1 -1
- package/dist/esm/q2-chart-donut.entry.js +1 -1
- package/dist/esm/q2-checkbox-group.entry.js +1 -1
- package/dist/esm/q2-checkbox_2.entry.js +3 -3
- package/dist/esm/q2-currency.entry.js +1 -1
- package/dist/esm/q2-data-table.entry.js +1 -1
- package/dist/esm/q2-detail.entry.js +1 -1
- package/dist/esm/q2-dropdown-item.entry.js +1 -1
- package/dist/esm/q2-dropdown.entry.js +1 -1
- package/dist/esm/q2-editable-field.entry.js +3 -3
- package/dist/esm/q2-example.entry.js +1 -1
- package/dist/esm/q2-file-picker.entry.js +1 -1
- package/dist/esm/q2-form.entry.js +1 -1
- package/dist/esm/q2-formatted-text.entry.js +1 -1
- package/dist/esm/q2-icon.entry.js +1 -1
- package/dist/esm/q2-item.entry.js +1 -1
- package/dist/esm/q2-legend.entry.js +1 -1
- package/dist/esm/q2-link_2.entry.js +2 -2
- package/dist/esm/q2-message.entry.js +1 -1
- package/dist/esm/q2-meter.entry.js +1 -1
- package/dist/esm/q2-modal.entry.js +1 -1
- package/dist/esm/q2-month-picker.entry.js +1 -1
- package/dist/esm/q2-optgroup.entry.js +1 -1
- package/dist/esm/q2-option.entry.js +1 -1
- package/dist/esm/q2-otp.entry.js +1 -1
- package/dist/esm/q2-pagination.entry.js +1 -1
- package/dist/esm/q2-pill.entry.js +18 -2
- package/dist/esm/q2-radio-group.entry.js +1 -1
- package/dist/esm/q2-radio.entry.js +1 -1
- package/dist/esm/q2-relative-time.entry.js +2 -2
- package/dist/esm/q2-search.entry.js +2 -2
- package/dist/esm/q2-section.entry.js +3 -3
- package/dist/esm/q2-select.entry.js +1 -1
- package/dist/esm/q2-stepper-pane.entry.js +2 -2
- package/dist/esm/q2-stepper-vertical.entry.js +32 -9
- package/dist/esm/q2-stepper.entry.js +18 -4
- package/dist/esm/q2-surface.entry.js +3 -3
- package/dist/esm/q2-tab-container.entry.js +89 -20
- package/dist/esm/q2-tab-pane.entry.js +2 -2
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/esm/q2-textarea.entry.js +3 -3
- package/dist/esm/q2-toast.entry.js +1 -1
- package/dist/esm/q2-tooltip.entry.js +27 -16
- package/dist/esm/tecton-tab-pane.entry.js +3 -3
- package/dist/q2-tecton-elements/assets/standard.symbol.svg +1 -1
- package/dist/q2-tecton-elements/click-elsewhere_3.entry.js +23 -23
- package/dist/q2-tecton-elements/q2-action-group_2.entry.js +42 -42
- package/dist/q2-tecton-elements/q2-action-sheet.entry.js +21 -18
- package/dist/q2-tecton-elements/q2-avatar.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-badge_2.entry.js +25 -15
- package/dist/q2-tecton-elements/q2-btn_2.entry.js +2 -2
- package/dist/q2-tecton-elements/q2-calendar.entry.js +120 -115
- package/dist/q2-tecton-elements/q2-card-image.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-card.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-carousel-pane.entry.js +11 -11
- package/dist/q2-tecton-elements/q2-carousel.entry.js +572 -540
- package/dist/q2-tecton-elements/q2-chart-area.entry.js +166 -166
- package/dist/q2-tecton-elements/q2-chart-bar.entry.js +190 -190
- package/dist/q2-tecton-elements/q2-chart-donut.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-checkbox-group.entry.js +8 -8
- package/dist/q2-tecton-elements/q2-checkbox_2.entry.js +7 -7
- package/dist/q2-tecton-elements/q2-currency.entry.js +40 -40
- package/dist/q2-tecton-elements/q2-data-table.entry.js +64 -64
- package/dist/q2-tecton-elements/q2-detail.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-dropdown-item.entry.js +5 -5
- package/dist/q2-tecton-elements/q2-dropdown.entry.js +21 -21
- package/dist/q2-tecton-elements/q2-editable-field.entry.js +18 -17
- package/dist/q2-tecton-elements/q2-example.entry.js +5 -5
- package/dist/q2-tecton-elements/q2-file-picker.entry.js +6 -6
- package/dist/q2-tecton-elements/q2-form.entry.js +3 -3
- package/dist/q2-tecton-elements/q2-formatted-text.entry.js +3 -3
- package/dist/q2-tecton-elements/q2-icon.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-item.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-legend.entry.js +8 -8
- package/dist/q2-tecton-elements/q2-link_2.entry.js +5 -5
- package/dist/q2-tecton-elements/q2-message.entry.js +23 -23
- package/dist/q2-tecton-elements/q2-meter.entry.js +4 -4
- package/dist/q2-tecton-elements/q2-modal.entry.js +3 -3
- package/dist/q2-tecton-elements/q2-month-picker.entry.js +39 -39
- package/dist/q2-tecton-elements/q2-optgroup.entry.js +13 -13
- package/dist/q2-tecton-elements/q2-option.entry.js +22 -22
- package/dist/q2-tecton-elements/q2-otp.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-pagination.entry.js +11 -11
- package/dist/q2-tecton-elements/q2-pill.entry.js +30 -18
- package/dist/q2-tecton-elements/q2-radio-group.entry.js +1 -1
- package/dist/q2-tecton-elements/q2-radio.entry.js +24 -24
- package/dist/q2-tecton-elements/q2-relative-time.entry.js +21 -21
- package/dist/q2-tecton-elements/q2-search.entry.js +12 -12
- package/dist/q2-tecton-elements/q2-section.entry.js +25 -25
- package/dist/q2-tecton-elements/q2-select.entry.js +5 -5
- package/dist/q2-tecton-elements/q2-stepper-pane.entry.js +16 -16
- package/dist/q2-tecton-elements/q2-stepper-vertical.entry.js +77 -53
- package/dist/q2-tecton-elements/q2-stepper.entry.js +44 -30
- package/dist/q2-tecton-elements/q2-surface.entry.js +5 -5
- package/dist/q2-tecton-elements/q2-tab-container.entry.js +109 -56
- package/dist/q2-tecton-elements/q2-tab-pane.entry.js +13 -13
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/q2-tecton-elements/q2-textarea.entry.js +14 -14
- package/dist/q2-tecton-elements/q2-toast.entry.js +6 -6
- package/dist/q2-tecton-elements/q2-tooltip.entry.js +25 -24
- package/dist/q2-tecton-elements/tecton-tab-pane.entry.js +11 -11
- package/dist/types/components/q2-carousel/q2-carousel.d.ts +14 -0
- package/dist/types/components/q2-input/q2-input.d.ts +7 -1
- package/dist/types/components/q2-pill/q2-pill.d.ts +2 -0
- package/dist/types/components/q2-stepper/q2-stepper.d.ts +1 -0
- package/dist/types/components/q2-stepper-vertical/q2-stepper-vertical.d.ts +3 -2
- package/dist/types/components/q2-surface/q2-surface.d.ts +3 -3
- package/dist/types/components/q2-tab-container/q2-tab-container.d.ts +17 -3
- package/dist/types/components/q2-tooltip/q2-tooltip.d.ts +2 -1
- package/dist/types/components.d.ts +50 -21
- package/dist/types/utils/helpers.d.ts +16 -1
- package/dist/types/utils/test/vr-helpers.d.ts +11 -0
- package/package.json +12 -5
|
@@ -1,72 +1,72 @@
|
|
|
1
1
|
import { r as t, c as e, h as a, g as i } from "./index-Cqkz7Bnm.js";
|
|
2
2
|
|
|
3
|
-
import { d as
|
|
3
|
+
import { d as n } from "./index-O1A-ZSZs.js";
|
|
4
4
|
|
|
5
|
-
import { l as
|
|
5
|
+
import { l as r, c as s, d as o, o as l, i as d, w as c, b as h } from "./index-Cps4jSQM.js";
|
|
6
6
|
|
|
7
7
|
import { m as u } from "./mirror-emit-DUjY_ucm.js";
|
|
8
8
|
|
|
9
9
|
function formatDateISO(t) {
|
|
10
10
|
const e = new Date(t);
|
|
11
|
-
if (
|
|
11
|
+
if (n.isValid(e)) return n.formatISO(e, {
|
|
12
12
|
representation: "date"
|
|
13
13
|
});
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
let
|
|
16
|
+
let p, v, m;
|
|
17
17
|
|
|
18
18
|
function formatDateShort(t) {
|
|
19
19
|
const e = new Date(t);
|
|
20
|
-
if (!
|
|
20
|
+
if (!n.isValid(e)) return;
|
|
21
21
|
const a = e.toISOString();
|
|
22
|
-
return
|
|
22
|
+
return p || (p = new Intl.DateTimeFormat("en-US", {
|
|
23
23
|
month: "2-digit",
|
|
24
24
|
day: "2-digit",
|
|
25
25
|
year: "numeric",
|
|
26
26
|
timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
|
|
27
|
-
})),
|
|
27
|
+
})), p.format(new Date(a));
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
function formatDateLong(t) {
|
|
31
31
|
const e = new Date(t);
|
|
32
|
-
if (
|
|
32
|
+
if (n.isValid(e)) return v || (v = new Intl.DateTimeFormat("en-US", {
|
|
33
33
|
month: "short",
|
|
34
34
|
day: "numeric",
|
|
35
35
|
year: "numeric"
|
|
36
|
-
})),
|
|
36
|
+
})), v.format(e);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
function stringToDate(t) {
|
|
40
40
|
const e = "string" == typeof t;
|
|
41
|
-
if (!e && t &&
|
|
41
|
+
if (!e && t && n.isValid(new Date(t || void 0))) t = formatDateISO(t); else if (!t || !n.isValid(new Date(t))) return;
|
|
42
42
|
let a;
|
|
43
|
-
const i = t.split(/[\/\-]/).map((t => t.padStart(2, "0"))),
|
|
44
|
-
if (
|
|
43
|
+
const i = t.split(/[\/\-]/).map((t => t.padStart(2, "0"))), r = e && t.length >= 24 && "T" === t[10], s = 3 === i.length, o = i.length < 3;
|
|
44
|
+
if (r) t = t.split("T")[0], a = new Date(t); else if (s) {
|
|
45
45
|
// Reorder mm/dd/yyyy dates for ISO formatting
|
|
46
46
|
// [mm, dd, yyyy] -> [yyyy, mm, dd]
|
|
47
47
|
t.includes("/") && 4 === i[2].length && i.unshift(i.pop()), a = new Date(Date.UTC(parseInt(i[0]), parseInt(i[1]) - 1, parseInt(i[2])));
|
|
48
48
|
} else if (o) {
|
|
49
49
|
const t = new Date;
|
|
50
|
-
let e,
|
|
50
|
+
let e, n, r;
|
|
51
51
|
switch (i.length) {
|
|
52
52
|
case 1:
|
|
53
|
-
e = t.getFullYear(),
|
|
53
|
+
e = t.getFullYear(), n = i[0], r = "01";
|
|
54
54
|
break;
|
|
55
55
|
|
|
56
56
|
case 2:
|
|
57
|
-
e = t.getFullYear(),
|
|
57
|
+
e = t.getFullYear(), n = i[0], r = i[1];
|
|
58
58
|
}
|
|
59
|
-
a = new Date(`${e}-${
|
|
59
|
+
a = new Date(`${e}-${n}-${r}`);
|
|
60
60
|
}
|
|
61
|
-
if (
|
|
61
|
+
if (n.isValid(a))
|
|
62
62
|
// result = setHours(result, 0);
|
|
63
|
-
return a = removeTimezoneOffset(a),
|
|
63
|
+
return a = removeTimezoneOffset(a), n.isValid(a) ? a : void 0;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
function removeTimezoneOffset(t) {
|
|
67
67
|
const e = t.getTimezoneOffset();
|
|
68
68
|
// Minutes compensation for some timezones like India, Central Australia and etc use GMT+5:30, GMT+9:30
|
|
69
|
-
return
|
|
69
|
+
return n.setMinutes(t, e + Math.abs(e % 60));
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
function stringArrayToDate(t) {
|
|
@@ -83,64 +83,64 @@ function setupMonthYear(t = new Date) {
|
|
|
83
83
|
function validateInput(t = "", e = [], a = [], // white list
|
|
84
84
|
i = [], // black list
|
|
85
85
|
s, o, l = "mm/dd/yyyy", d) {
|
|
86
|
-
let c = !1, h = !1, u = "info",
|
|
86
|
+
let c = !1, h = !1, u = "info", p = `${r("tecton.element.calendar.hint.format")}: ${l}`;
|
|
87
87
|
if (!t) return {
|
|
88
88
|
isValid: c,
|
|
89
89
|
inputDate: new Date(""),
|
|
90
90
|
isAvailable: h,
|
|
91
91
|
messageType: u,
|
|
92
|
-
message:
|
|
92
|
+
message: p
|
|
93
93
|
};
|
|
94
|
-
const
|
|
94
|
+
const v = function(t, e) {
|
|
95
95
|
const a = new Date;
|
|
96
96
|
// eslint-disable-next-line prefer-const
|
|
97
|
-
let [i,
|
|
97
|
+
let [i, n, r] = t.split("/");
|
|
98
98
|
"0" === i && (i = "01");
|
|
99
|
-
"0" ===
|
|
99
|
+
"0" === n && (n = "01");
|
|
100
100
|
if (10 === t.length) return new Date(t);
|
|
101
|
-
if (i &&
|
|
102
|
-
const t = Number(
|
|
103
|
-
const i = `${t}/${e}`,
|
|
104
|
-
let l =
|
|
105
|
-
"future" === a && o.slice(0, 5) > i ? l =
|
|
101
|
+
if (i && n && Number(n) > 0) {
|
|
102
|
+
const t = Number(n) < 10 ? `0${Number(n)}` : n, a = !r || r.length < 4 ? function(t, e, a) {
|
|
103
|
+
const i = `${t}/${e}`, n = new Date, r = n.getMonth() < 9 ? `0${n.getMonth() + 1}` : `${n.getMonth() + 1}`, s = n.getDate() < 10 ? `0${n.getDate()}` : `${n.getDate()}`, o = `${r}/${s}/${n.getFullYear()}`;
|
|
104
|
+
let l = n.getFullYear();
|
|
105
|
+
"future" === a && o.slice(0, 5) > i ? l = n.getFullYear() + 1 : "past" === a && o.slice(0, 5) < i && (l = n.getFullYear() - 1);
|
|
106
106
|
return l.toString();
|
|
107
|
-
}(i,
|
|
107
|
+
}(i, n, e) : r;
|
|
108
108
|
return new Date(`${i}/${t}/${a}`);
|
|
109
109
|
}
|
|
110
110
|
if (i) return new Date(`${i}/01/${a.getFullYear()}`);
|
|
111
|
-
}(t, d), m =
|
|
112
|
-
if (
|
|
113
|
-
const
|
|
114
|
-
10 === t.length && (c = !0, u = null,
|
|
115
|
-
const d = formatDateISO(
|
|
111
|
+
}(t, d), m = v.getMonth() + 1, f = v.getDate(), y = v.getFullYear(), b = [ m, f, y ];
|
|
112
|
+
if (n.isValid(v)) {
|
|
113
|
+
const n = getMonths()[v.getMonth()];
|
|
114
|
+
10 === t.length && (c = !0, u = null, p = null), h = e.includes(v.getDay());
|
|
115
|
+
const d = formatDateISO(v);
|
|
116
116
|
if (h) {
|
|
117
117
|
const t = a.length && !a.includes(d), e = i.length && i.includes(d);
|
|
118
118
|
(t || e || s && s > d || o && o < d) && (h = !1);
|
|
119
119
|
}
|
|
120
120
|
if (t.length >= 5 && !h) {
|
|
121
121
|
c = !1, u = "error";
|
|
122
|
-
|
|
122
|
+
p = !n || !f || !y ? `${r("tecton.element.calendar.hint.invalidDate")}: ${l}` : r("tecton.element.calendar.hint.notAvailableDate", [ formatDateLong(v) ]);
|
|
123
123
|
} else c = !0;
|
|
124
|
-
} else c = !1, u = "error",
|
|
124
|
+
} else c = !1, u = "error", p = `${r("tecton.element.calendar.hint.invalidDate")}: ${l}`;
|
|
125
125
|
return {
|
|
126
126
|
isValid: c,
|
|
127
127
|
messageType: u,
|
|
128
|
-
message:
|
|
129
|
-
inputDate:
|
|
128
|
+
message: p,
|
|
129
|
+
inputDate: v,
|
|
130
130
|
isAvailable: h,
|
|
131
|
-
calendarPosition:
|
|
131
|
+
calendarPosition: b
|
|
132
132
|
};
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
function getMonths() {
|
|
136
|
-
return [
|
|
136
|
+
return [ r("tecton.element.calendar.months.January"), r("tecton.element.calendar.months.February"), r("tecton.element.calendar.months.March"), r("tecton.element.calendar.months.April"), r("tecton.element.calendar.months.May"), r("tecton.element.calendar.months.June"), r("tecton.element.calendar.months.July"), r("tecton.element.calendar.months.August"), r("tecton.element.calendar.months.September"), r("tecton.element.calendar.months.October"), r("tecton.element.calendar.months.November"), r("tecton.element.calendar.months.December") ];
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
function getValidDaysOfWeek(t = 127) {
|
|
140
140
|
/* tslint:disable:no-bitwise */
|
|
141
|
-
const e = 2 & t, a = 4 & t, i = 8 & t,
|
|
141
|
+
const e = 2 & t, a = 4 & t, i = 8 & t, n = 16 & t, r = 32 & t, s = 64 & t, o = [];
|
|
142
142
|
return t <= 0 || (1 & t && o.push(0), e && o.push(1), a && o.push(2), i && o.push(3),
|
|
143
|
-
|
|
143
|
+
n && o.push(4), r && o.push(5), s && o.push(6)), o;
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
function validateAgainstChecksum(t, e) {
|
|
@@ -152,35 +152,35 @@ function validateAgainstBlacklist(t, e) {
|
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
function validateAgainstWhitelist(t, e) {
|
|
155
|
-
return t.some((t =>
|
|
155
|
+
return t.some((t => n.isSameDay(t, e)));
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
-
function buildDates(t, e, a, i,
|
|
158
|
+
function buildDates(t, e, a, i, r, s, o) {
|
|
159
159
|
const l = [ baseValidation.bind(null, s, new Date) ];
|
|
160
160
|
return (null == e ? void 0 : e.length) ? l.push(validateAgainstWhitelist.bind(null, e)) : l.push(validateAgainstChecksum.bind(null, t)),
|
|
161
|
-
l.push(validateAgainstBlacklist.bind(null, a)), function({monthIndex: t, selectedYear: e}, a, i,
|
|
162
|
-
const o = !
|
|
163
|
-
const a =
|
|
161
|
+
l.push(validateAgainstBlacklist.bind(null, a)), function({monthIndex: t, selectedYear: e}, a, i, r, s) {
|
|
162
|
+
const o = !n.isValid(new Date(s)), l = function(t, e) {
|
|
163
|
+
const a = n.getDaysInMonth(new Date(e, t));
|
|
164
164
|
return [ ...Array(a).keys() ].reduce(((a, i) => (a.push(new Date(e, t, i + 1)),
|
|
165
165
|
a)), []);
|
|
166
166
|
}(t, e).map(((t, e) => {
|
|
167
|
-
const s =
|
|
167
|
+
const s = r.some((e => !e(t))), l = function(t, e, a) {
|
|
168
168
|
a || (a = new Date);
|
|
169
|
-
const i = a &&
|
|
169
|
+
const i = a && n.isSameDay(a, t), r = n.isSameDay(t, new Date), s = n.isSameDay(t, null == e ? void 0 : e.startDate), o = n.isSameDay(t, null == e ? void 0 : e.endDate);
|
|
170
170
|
return {
|
|
171
171
|
isSelected: i,
|
|
172
|
-
isToday:
|
|
172
|
+
isToday: r,
|
|
173
173
|
isStartDate: s,
|
|
174
174
|
isEndDate: o
|
|
175
175
|
};
|
|
176
|
-
}(t, i, a), d = function({isInvalid: t, isSelected: e, isEndDate: a, isStartDate: i, isToday:
|
|
176
|
+
}(t, i, a), d = function({isInvalid: t, isSelected: e, isEndDate: a, isStartDate: i, isToday: n, isIncompleteDate: r}) {
|
|
177
177
|
const s = [];
|
|
178
178
|
t || s.push("is-valid");
|
|
179
179
|
e && s.push("is-selected");
|
|
180
180
|
a && s.push("is-end-date");
|
|
181
181
|
i && s.push("is-start-date");
|
|
182
|
-
|
|
183
|
-
e && t && !
|
|
182
|
+
n && s.push("is-today");
|
|
183
|
+
e && t && !r && s.push("is-unavailable");
|
|
184
184
|
return s.join(" ");
|
|
185
185
|
}({
|
|
186
186
|
...l,
|
|
@@ -196,18 +196,18 @@ function buildDates(t, e, a, i, n, s, o) {
|
|
|
196
196
|
isActivity: !1,
|
|
197
197
|
classList: d
|
|
198
198
|
};
|
|
199
|
-
})), d = (
|
|
199
|
+
})), d = (p = t, v = e, u = new Date(v, p, 1, 1, 1, 1, 1).getDay(), addEmptyDates(0, u)), c = (h = (d.length + l.length) % 7,
|
|
200
200
|
0 === h ? [] : addEmptyDates(h, 7));
|
|
201
201
|
var h;
|
|
202
202
|
var u;
|
|
203
|
-
var
|
|
203
|
+
var p, v;
|
|
204
204
|
return [ ...d, ...l, ...c ];
|
|
205
|
-
}(i,
|
|
205
|
+
}(i, r, s, l, o);
|
|
206
206
|
}
|
|
207
207
|
|
|
208
208
|
function baseValidation(t, e, a) {
|
|
209
|
-
const i =
|
|
210
|
-
return !(i || s ||
|
|
209
|
+
const i = n.isAfter(null == t ? void 0 : t.startDate, a), r = n.isBefore(null == t ? void 0 : t.endDate, a), s = n.isSameDay(e, a) && n.isAfter(e, null == t ? void 0 : t.cutOffTime);
|
|
210
|
+
return !(i || s || r);
|
|
211
211
|
}
|
|
212
212
|
|
|
213
213
|
const f = {
|
|
@@ -229,13 +229,13 @@ function addEmptyDates(t, e) {
|
|
|
229
229
|
})));
|
|
230
230
|
}
|
|
231
231
|
|
|
232
|
-
const
|
|
232
|
+
const y = class {
|
|
233
233
|
constructor(a) {
|
|
234
234
|
t(this, a), this.change = e(this, "change", 7), this.error = e(this, "error", 7),
|
|
235
235
|
this.success = e(this, "success", 7), this.tctChange = e(this, "tctChange", 7),
|
|
236
236
|
this.tctError = e(this, "tctError", 7), this.tctSuccess = e(this, "tctSuccess", 7),
|
|
237
|
-
this.dayAbbrStrings = [
|
|
238
|
-
this.dayStrings = [
|
|
237
|
+
this.dayAbbrStrings = [ r("tecton.element.calendar.days.short.Sunday"), r("tecton.element.calendar.days.short.Monday"), r("tecton.element.calendar.days.short.Tuesday"), r("tecton.element.calendar.days.short.Wednesday"), r("tecton.element.calendar.days.short.Thursday"), r("tecton.element.calendar.days.short.Friday"), r("tecton.element.calendar.days.short.Saturday") ],
|
|
238
|
+
this.dayStrings = [ r("tecton.element.calendar.days.Sunday"), r("tecton.element.calendar.days.Monday"), r("tecton.element.calendar.days.Tuesday"), r("tecton.element.calendar.days.Wednesday"), r("tecton.element.calendar.days.Thursday"), r("tecton.element.calendar.days.Friday"), r("tecton.element.calendar.days.Saturday") ],
|
|
239
239
|
this.defaultFormatString = "mm/dd/yyyy", this.formatModifier = "M/D/YYYY", // To allow missing leading zero, 4/3/2021 => converts into 04/03/2021
|
|
240
240
|
this.guid = s(), this.internalError = "", this.monthStrings = getMonths(), this.scheduledAfterRender = [],
|
|
241
241
|
this.hintMessage = this.defaultHintMessage, this.hintMessageType = "info", this.keyboardSelection = !1,
|
|
@@ -269,22 +269,22 @@ const g = class {
|
|
|
269
269
|
}, this.onClickElsewhere = t => {
|
|
270
270
|
"click-elsewhere" === t.target.localName && (t.stopPropagation(), this.closeCalendar());
|
|
271
271
|
}, this.onDateKeydown = t => {
|
|
272
|
-
const {monthIndex: e, selectedYear: a} = this.selectedMonthYear, i = parseInt(t.target.dataset.day),
|
|
272
|
+
const {monthIndex: e, selectedYear: a} = this.selectedMonthYear, i = parseInt(t.target.dataset.day), r = this.generateDateFromDay(i);
|
|
273
273
|
switch (t.key) {
|
|
274
274
|
case "ArrowUp":
|
|
275
|
-
t.preventDefault(), this.activateDay(
|
|
275
|
+
t.preventDefault(), this.activateDay(n.addDays(r, -7));
|
|
276
276
|
break;
|
|
277
277
|
|
|
278
278
|
case "ArrowDown":
|
|
279
|
-
t.preventDefault(), this.activateDay(
|
|
279
|
+
t.preventDefault(), this.activateDay(n.addDays(r, 7));
|
|
280
280
|
break;
|
|
281
281
|
|
|
282
282
|
case "ArrowRight":
|
|
283
|
-
t.preventDefault(), this.activateDay(
|
|
283
|
+
t.preventDefault(), this.activateDay(n.addDays(r, 1));
|
|
284
284
|
break;
|
|
285
285
|
|
|
286
286
|
case "ArrowLeft":
|
|
287
|
-
t.preventDefault(), this.activateDay(
|
|
287
|
+
t.preventDefault(), this.activateDay(n.addDays(r, -1));
|
|
288
288
|
break;
|
|
289
289
|
|
|
290
290
|
case "PageUp":
|
|
@@ -296,11 +296,11 @@ const g = class {
|
|
|
296
296
|
break;
|
|
297
297
|
|
|
298
298
|
case "Home":
|
|
299
|
-
t.preventDefault(), this.activateDay(
|
|
299
|
+
t.preventDefault(), this.activateDay(n.addDays(r, -r.getDay()));
|
|
300
300
|
break;
|
|
301
301
|
|
|
302
302
|
case "End":
|
|
303
|
-
t.preventDefault(), this.activateDay(
|
|
303
|
+
t.preventDefault(), this.activateDay(n.addDays(r, 6 - r.getDay()));
|
|
304
304
|
break;
|
|
305
305
|
|
|
306
306
|
case "Escape":
|
|
@@ -309,8 +309,8 @@ const g = class {
|
|
|
309
309
|
|
|
310
310
|
case "Enter":
|
|
311
311
|
case " ":
|
|
312
|
-
if (t.preventDefault(), !this.dateList.find((({date: t}) =>
|
|
313
|
-
this.selectDate(
|
|
312
|
+
if (t.preventDefault(), !this.dateList.find((({date: t}) => n.isSameDay(t, r))).isValid) return;
|
|
313
|
+
this.selectDate(r), this.closeCalendar(), this.focusInput();
|
|
314
314
|
}
|
|
315
315
|
}, this.onDateSelection = t => {
|
|
316
316
|
const e = t.target.closest("td:not([aria-hidden])");
|
|
@@ -323,9 +323,9 @@ const g = class {
|
|
|
323
323
|
"Tab" !== t.key || i || (t.preventDefault(), this.activateDay(a));
|
|
324
324
|
}, this.onInputBlur = () => {
|
|
325
325
|
if (!this.isTypeable) return;
|
|
326
|
-
const t = getValidDaysOfWeek(this.daysOfWeekChecksum), {typedValue: e} = this, {isValid: a, inputDate: i, isAvailable:
|
|
326
|
+
const t = getValidDaysOfWeek(this.daysOfWeekChecksum), {typedValue: e} = this, {isValid: a, inputDate: i, isAvailable: r} = validateInput(this.typedValue, t, this.validDates, this.invalidDates, this.startDate, this.endDate, this.defaultFormatString, this.assume);
|
|
327
327
|
e || "Invalid Date" !== (null == i ? void 0 : i.toString()) ? a || e && e.length > 4 && // at least mm/dd provided
|
|
328
|
-
i &&
|
|
328
|
+
i && n.isValid(i) && r ? this.setCompleteInput(i) : this.value && (this.valueOnBlur = this.value,
|
|
329
329
|
this.value = null, u(this, [ "change", "tctChange" ], {
|
|
330
330
|
value: null
|
|
331
331
|
}), this.typedValue = e) :
|
|
@@ -336,7 +336,7 @@ const g = class {
|
|
|
336
336
|
messageType: "info"
|
|
337
337
|
});
|
|
338
338
|
}, this.onInputClick = () => {
|
|
339
|
-
this.disabled || this.toggleCalendar();
|
|
339
|
+
this.disabled || this.readonly || this.toggleCalendar();
|
|
340
340
|
}, this.onInputFocus = t => {
|
|
341
341
|
if (this.isTypeable && t.target === this.controlElement) {
|
|
342
342
|
if (this.valueOnBlur && !this.value) {
|
|
@@ -373,20 +373,20 @@ const g = class {
|
|
|
373
373
|
}
|
|
374
374
|
return t;
|
|
375
375
|
}(this.typedValue);
|
|
376
|
-
const {typedValue: e} = this, a = getValidDaysOfWeek(this.daysOfWeekChecksum), {isValid: i, message:
|
|
376
|
+
const {typedValue: e} = this, a = getValidDaysOfWeek(this.daysOfWeekChecksum), {isValid: i, message: r, messageType: s, inputDate: o, isAvailable: l, calendarPosition: d} = validateInput(e, a, this.validDates, this.invalidDates, this.startDate, this.endDate, this.defaultFormatString, this.assume);
|
|
377
377
|
if (d) {
|
|
378
378
|
const [t, e, a] = d, i = new Date(a, t - 1, e);
|
|
379
|
-
|
|
379
|
+
n.isValid(i) && (this.selectedMonthYear = setupMonthYear(i), this.dateList = this.buildDateList(this.selectedMonthYear),
|
|
380
380
|
this.validateDate());
|
|
381
381
|
}
|
|
382
382
|
"Enter" === t.key ? (i || e && e.length > 4 && // at least mm/dd provided
|
|
383
|
-
o &&
|
|
383
|
+
o && n.isValid(o) && l ? this.setCompleteInput(o) : this.value && (this.value = null,
|
|
384
384
|
u(this, [ "change", "tctChange" ], {
|
|
385
385
|
value: null
|
|
386
386
|
}), this.typedValue = e), this.keyboardSelection ? (this.keyboardSelection = !1,
|
|
387
387
|
this.closeCalendar()) : this.toggleCalendar()) : this.setHints({
|
|
388
388
|
isValid: i,
|
|
389
|
-
message:
|
|
389
|
+
message: r,
|
|
390
390
|
messageType: s
|
|
391
391
|
});
|
|
392
392
|
}, this.onPopupKeyup = t => {
|
|
@@ -398,7 +398,7 @@ const g = class {
|
|
|
398
398
|
this.readonly || this.open || (this.selectedMonthYear = setupMonthYear(this.dateValue),
|
|
399
399
|
this.dateList = this.buildDateList(this.selectedMonthYear), this.open = !0);
|
|
400
400
|
}, this.selectDate = t => {
|
|
401
|
-
const {isValid: e} = this.dateList.find((({date: e}) =>
|
|
401
|
+
const {isValid: e} = this.dateList.find((({date: e}) => n.isSameDay(e, t)));
|
|
402
402
|
e && (u(this, [ "change", "tctChange" ], {
|
|
403
403
|
value: formatDateISO(t)
|
|
404
404
|
}), this.typedValue = formatDateShort(t), this.invalid = !1, u(this, [ "success", "tctSuccess" ], {
|
|
@@ -439,7 +439,7 @@ const g = class {
|
|
|
439
439
|
}), this.value = null, this.typedValue = "";
|
|
440
440
|
}
|
|
441
441
|
defaultErrorHandler(t) {
|
|
442
|
-
t.target !== this.hostElement || this.hostElement.onerror || ("error" === this.hintMessageType && this.hintMessage ? this.internalError = this.hintMessage : this.internalError =
|
|
442
|
+
t.target !== this.hostElement || this.hostElement.onerror || ("error" === this.hintMessageType && this.hintMessage ? this.internalError = this.hintMessage : this.internalError = r("tecton.element.calendar.hint.invalidDate"));
|
|
443
443
|
}
|
|
444
444
|
delegateFocus(t) {
|
|
445
445
|
d(t, this.hostElement) && this.controlElement.shadowRoot.querySelector(".input-field").focus();
|
|
@@ -480,7 +480,7 @@ const g = class {
|
|
|
480
480
|
*/ async setValue(t) {
|
|
481
481
|
var e;
|
|
482
482
|
const a = "string" == typeof t ? stringToDate(t) : t;
|
|
483
|
-
if (!
|
|
483
|
+
if (!n.isValid(a)) return;
|
|
484
484
|
await this.openPopover(), await c(), this.goToMonthYear(a.getMonth(), a.getFullYear()),
|
|
485
485
|
await c();
|
|
486
486
|
const i = null === (e = this.calendarTable) || void 0 === e ? void 0 : e.querySelector(`td[data-date="${formatDateISO(a)}"]`);
|
|
@@ -499,10 +499,10 @@ const g = class {
|
|
|
499
499
|
*/ async typeValue(t) {
|
|
500
500
|
if (!this.typeable) return;
|
|
501
501
|
const e = "string" == typeof t ? stringToDate(t) : t, a = formatDateShort(e);
|
|
502
|
-
if (!
|
|
503
|
-
const {innerInputField: i, controlElement:
|
|
502
|
+
if (!n.isValid(e)) return;
|
|
503
|
+
const {innerInputField: i, controlElement: r} = this;
|
|
504
504
|
i.focus(), i.dispatchEvent(new FocusEvent("focus")), i.value = a, i.dispatchEvent(new InputEvent("input")),
|
|
505
|
-
|
|
505
|
+
r.dispatchEvent(new KeyboardEvent("keyup"));
|
|
506
506
|
}
|
|
507
507
|
// #endregion
|
|
508
508
|
// #region Watchers
|
|
@@ -563,7 +563,7 @@ const g = class {
|
|
|
563
563
|
return this.isTypeable ? this.clearable && !!this.typedValue : this.clearable && !!this.value;
|
|
564
564
|
}
|
|
565
565
|
get computedPlaceholder() {
|
|
566
|
-
return this.disabled && this.disabledMsg ?
|
|
566
|
+
return this.disabled && this.disabledMsg ? r(this.disabledMsg) : this.buttonLabel && (this.disabled || this.placeholder) ? r(this.buttonLabel) : this.placeholder && r(this.placeholder) || "";
|
|
567
567
|
}
|
|
568
568
|
get currentWeeks() {
|
|
569
569
|
return this.dateList.reduce(((t, e, a) => {
|
|
@@ -577,7 +577,7 @@ const g = class {
|
|
|
577
577
|
return {
|
|
578
578
|
startDate: stringToDate(this.startDate),
|
|
579
579
|
endDate: stringToDate(this.endDate),
|
|
580
|
-
cutOffTime:
|
|
580
|
+
cutOffTime: n.isValid(t) ? t : void 0
|
|
581
581
|
};
|
|
582
582
|
}
|
|
583
583
|
get dateValue() {
|
|
@@ -591,17 +591,17 @@ const g = class {
|
|
|
591
591
|
}
|
|
592
592
|
}
|
|
593
593
|
get defaultHintMessage() {
|
|
594
|
-
return this.typeable ?
|
|
594
|
+
return this.typeable ? r("tecton.element.calendar.hint.format") + ": " + this.defaultFormatString : r("tecton.element.calendar.hint.select");
|
|
595
595
|
}
|
|
596
596
|
get errorList() {
|
|
597
597
|
const {errors: t, internalError: e, invalid: a} = this;
|
|
598
598
|
let i = [];
|
|
599
|
-
if (e && (i = [ e ]), Array.isArray(t) && t.length) i = t.filter((t => !!t)).map((t =>
|
|
599
|
+
if (e && (i = [ e ]), Array.isArray(t) && t.length) i = t.filter((t => !!t)).map((t => r(t))).concat(i); else if (!e && a) return [ "tecton.element.calendar.invalid" ];
|
|
600
600
|
return i;
|
|
601
601
|
}
|
|
602
602
|
get formattedValue() {
|
|
603
603
|
const {typedValue: t, dateValue: e, displayFormat: a, isTypeable: i} = this;
|
|
604
|
-
return i ? t : void 0 === e ? "" : a ?
|
|
604
|
+
return i ? t : void 0 === e ? "" : a ? n.format(e, a.replace(/[d]/g, "E").replace(/[D]/g, "d").replace(/[Y]/g, "y").replace(/[l]/g, "P").replace(/[W]/g, "I")) : new Intl.DateTimeFormat("en-US", {
|
|
605
605
|
year: "numeric",
|
|
606
606
|
month: "2-digit",
|
|
607
607
|
day: "2-digit",
|
|
@@ -610,7 +610,7 @@ const g = class {
|
|
|
610
610
|
}
|
|
611
611
|
get hintList() {
|
|
612
612
|
const {hints: t, hintMessageType: e, hintMessage: a} = this;
|
|
613
|
-
return Array.isArray(t) && t.length ? t.filter((t => !!t)).map((t =>
|
|
613
|
+
return Array.isArray(t) && t.length ? t.filter((t => !!t)).map((t => r(t))) : "info" === e && a ? [ a ] : [];
|
|
614
614
|
}
|
|
615
615
|
get innerInputContainer() {
|
|
616
616
|
var t, e;
|
|
@@ -691,11 +691,11 @@ const g = class {
|
|
|
691
691
|
var t, e, a;
|
|
692
692
|
try {
|
|
693
693
|
if (this.value) {
|
|
694
|
-
const {dateValue: i} = this,
|
|
694
|
+
const {dateValue: i} = this, n = null !== (t = null == i ? void 0 : i.getMonth()) && void 0 !== t ? t : void 0, r = null !== (e = null == i ? void 0 : i.getFullYear()) && void 0 !== e ? e : void 0, {monthIndex: s, selectedYear: o} = this.selectedMonthYear;
|
|
695
695
|
let l = [];
|
|
696
|
-
l = i ?
|
|
697
|
-
monthIndex:
|
|
698
|
-
selectedYear:
|
|
696
|
+
l = i ? n === s && r === o ? this.dateList : this.buildDateList({
|
|
697
|
+
monthIndex: n,
|
|
698
|
+
selectedYear: r
|
|
699
699
|
}) : [];
|
|
700
700
|
const d = null !== (a = null == i ? void 0 : i.getDate()) && void 0 !== a ? a : void 0;
|
|
701
701
|
!d || !l.find((({integer: t}) => t === d)).isValid ? u(this, [ "error", "tctError" ], {
|
|
@@ -718,7 +718,9 @@ const g = class {
|
|
|
718
718
|
role: "grid",
|
|
719
719
|
"aria-labelledby": "table-label",
|
|
720
720
|
ref: t => this.calendarTable = t
|
|
721
|
-
}, a("
|
|
721
|
+
}, a("caption", {
|
|
722
|
+
class: "sr"
|
|
723
|
+
}, r("tecton.element.calendar.caption")), a("thead", null, a("tr", null, [ ...Array(7).keys() ].map((t => a("th", {
|
|
722
724
|
scope: "col",
|
|
723
725
|
"aria-label": this.dayStrings[t]
|
|
724
726
|
}, this.dayAbbrStrings[t]))))), a("tbody", {
|
|
@@ -729,17 +731,17 @@ const g = class {
|
|
|
729
731
|
}, this.currentWeeks.map((t => a("tr", null, t.map((t => {
|
|
730
732
|
var e;
|
|
731
733
|
let i = "";
|
|
732
|
-
return t.isToday && (i = `${
|
|
734
|
+
return t.isToday && (i = `${r("tecton.element.calendar.today")}, `), i += function(t) {
|
|
733
735
|
if (!t) return;
|
|
734
736
|
const e = new Date(t);
|
|
735
|
-
return
|
|
737
|
+
return n.isValid(e) ? (m || (m = new Intl.DateTimeFormat("en-US", {
|
|
736
738
|
month: "long",
|
|
737
739
|
day: "numeric",
|
|
738
740
|
year: "numeric",
|
|
739
741
|
weekday: "long",
|
|
740
742
|
timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
|
|
741
743
|
})), m.format(e)) : void 0;
|
|
742
|
-
}(t.date), t.isSelected && (i += ` (${
|
|
744
|
+
}(t.date), t.isSelected && (i += ` (${r("tecton.element.calendar.selected")})`),
|
|
743
745
|
a("td", {
|
|
744
746
|
class: t.classList,
|
|
745
747
|
"aria-hidden": t.isEmpty ? "true" : void 0,
|
|
@@ -752,7 +754,7 @@ const g = class {
|
|
|
752
754
|
}, (null == t ? void 0 : t.isToday) && a("div", {
|
|
753
755
|
class: "today-decorator",
|
|
754
756
|
"aria-hidden": "true"
|
|
755
|
-
},
|
|
757
|
+
}, r("tecton.element.calendar.today")), a("div", {
|
|
756
758
|
class: "day-integer",
|
|
757
759
|
"aria-label": i,
|
|
758
760
|
role: "text"
|
|
@@ -766,10 +768,10 @@ const g = class {
|
|
|
766
768
|
onKeyUp: this.onPopupKeyup
|
|
767
769
|
}, this.calendarLabel && a("p", {
|
|
768
770
|
class: "calendar-label"
|
|
769
|
-
},
|
|
771
|
+
}, r(this.calendarLabel)), a("div", {
|
|
770
772
|
class: "cal-month-heading"
|
|
771
773
|
}, a("q2-btn", {
|
|
772
|
-
label:
|
|
774
|
+
label: r("tecton.element.calendar.previousMonth"),
|
|
773
775
|
"hide-label": !0,
|
|
774
776
|
ref: t => this.btnPrevMonth = t,
|
|
775
777
|
class: "cal-nav-btn prev-month",
|
|
@@ -780,7 +782,7 @@ const g = class {
|
|
|
780
782
|
})), a("span", {
|
|
781
783
|
class: "cal-month-text"
|
|
782
784
|
}, this.monthStrings[t]), a("q2-btn", {
|
|
783
|
-
label:
|
|
785
|
+
label: r("tecton.element.calendar.nextMonth"),
|
|
784
786
|
"hide-label": !0,
|
|
785
787
|
class: "cal-nav-btn next-month",
|
|
786
788
|
ref: t => this.btnNextMonth = t,
|
|
@@ -789,7 +791,7 @@ const g = class {
|
|
|
789
791
|
}, a("q2-icon", {
|
|
790
792
|
type: "chevron-right"
|
|
791
793
|
})), a("q2-btn", {
|
|
792
|
-
label:
|
|
794
|
+
label: r("tecton.element.calendar.previousYear"),
|
|
793
795
|
"hide-label": !0,
|
|
794
796
|
class: "cal-nav-btn prev-year",
|
|
795
797
|
ref: t => this.btnPrevYear = t,
|
|
@@ -800,7 +802,7 @@ const g = class {
|
|
|
800
802
|
})), a("span", {
|
|
801
803
|
class: "cal-year-text"
|
|
802
804
|
}, this.selectedMonthYear.selectedYear), a("q2-btn", {
|
|
803
|
-
label:
|
|
805
|
+
label: r("tecton.element.calendar.nextYear"),
|
|
804
806
|
"hide-label": !0,
|
|
805
807
|
class: "cal-nav-btn next-year",
|
|
806
808
|
ref: t => this.btnNextYear = t,
|
|
@@ -815,7 +817,7 @@ const g = class {
|
|
|
815
817
|
id: "table-label"
|
|
816
818
|
}, `${this.monthStrings[t]} ${e}`), this.renderCalendarDays(), this.disclaimer && a("div", {
|
|
817
819
|
class: "calendar-disclaimer"
|
|
818
|
-
},
|
|
820
|
+
}, r(this.disclaimer)), a("div", {
|
|
819
821
|
tabindex: "0",
|
|
820
822
|
class: "sr refocus-popup",
|
|
821
823
|
onFocus: this.onRefocus
|
|
@@ -829,12 +831,12 @@ const g = class {
|
|
|
829
831
|
}, this.hintMessage);
|
|
830
832
|
}
|
|
831
833
|
renderInputField() {
|
|
832
|
-
const {isTypeable: t} = this;
|
|
834
|
+
const {isTypeable: t, label: e} = this;
|
|
833
835
|
return a("q2-input", {
|
|
834
836
|
ref: t => this.controlElement = t,
|
|
835
837
|
class: "calendar-input-field",
|
|
836
838
|
value: this.formattedValue,
|
|
837
|
-
label:
|
|
839
|
+
label: r(e),
|
|
838
840
|
hideLabel: this.hideLabel,
|
|
839
841
|
disabled: !!this.disabled,
|
|
840
842
|
readonly: !!this.readonly,
|
|
@@ -842,8 +844,9 @@ const g = class {
|
|
|
842
844
|
placeholder: this.computedPlaceholder,
|
|
843
845
|
optional: !!this.optional,
|
|
844
846
|
valid: this.valid,
|
|
845
|
-
|
|
846
|
-
|
|
847
|
+
ariaExpanded: `${!!this.open}`,
|
|
848
|
+
ariaControls: "calendar-popover",
|
|
849
|
+
ariaHaspopup: "dialog",
|
|
847
850
|
hints: this.hintList,
|
|
848
851
|
errors: this.errorList,
|
|
849
852
|
onClick: t ? void 0 : this.onInputClick,
|
|
@@ -867,19 +870,21 @@ const g = class {
|
|
|
867
870
|
slot: "input-right",
|
|
868
871
|
onClick: this.onInputClick,
|
|
869
872
|
"test-id": "calendarToggle",
|
|
870
|
-
label: "tecton.element.calendar.toggleAriaLabel",
|
|
871
|
-
|
|
873
|
+
label: r("tecton.element.calendar.toggleAriaLabel", [ r(e || "tecton.element.calendar.defaultLabel") ]),
|
|
874
|
+
ariaExpanded: `${!!this.open}`,
|
|
875
|
+
"hide-label": !0,
|
|
876
|
+
disabled: !!this.disabled || !!this.readonly
|
|
872
877
|
}, a("q2-icon", {
|
|
873
878
|
type: "calendar"
|
|
874
879
|
})));
|
|
875
880
|
}
|
|
876
881
|
render() {
|
|
877
882
|
return a("click-elsewhere", {
|
|
878
|
-
key: "
|
|
883
|
+
key: "e7bcb2f1aec6ca1149742b0b3edc0a7bbf9ce925",
|
|
879
884
|
class: this.open ? "dropdown-open" : void 0,
|
|
880
885
|
onChange: this.onClickElsewhere
|
|
881
886
|
}, this.renderInputField(), a("q2-popover", {
|
|
882
|
-
key: "
|
|
887
|
+
key: "c80c5d1ecfb42a319bba294b20f519a2be6808e1",
|
|
883
888
|
ref: t => this.popoverElement = t,
|
|
884
889
|
id: "calendar-popover",
|
|
885
890
|
controlElement: this.innerInputContainer,
|
|
@@ -930,6 +935,6 @@ const g = class {
|
|
|
930
935
|
}
|
|
931
936
|
};
|
|
932
937
|
|
|
933
|
-
|
|
938
|
+
y.style = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{--comp-default-calendar-margin:var(--tct-calendar-margin-top, var(--t-calendar-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-calendar-margin-bottom, var(--t-calendar-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-calendar-margin, var(--comp-default-calendar-margin))}:host[hidden]{display:none}click-elsewhere{position:relative;display:block}q2-input{margin:0;cursor:pointer;--tct-input-btn-hover-background:var(--tct-calendar-btn-hover-background, var(--app-gray-l3, #f2f2f2));--tct-input-btn-icon-stroke-primary:var(--tct-calendar-btn-icon-stroke-primary, var(--app-gray, #747474));--tct-input-btn-icon-stroke-secondary:var(--tct-calendar-btn-icon-stroke-secondary, var(--app-gray, #747474))}q2-popover{--comp-min-tappable-size:44px;--comp-table-border-spacing:2px;--comp-min-tappable-size-and-spacing:calc(var(--comp-min-tappable-size) + var(--comp-table-border-spacing));--comp-popover-padding:var(--tct-calendar-popover-padding, var(--t-calendar-popover-padding, var(--app-scale-1x, 5px)));--comp-min-table-width:calc(var(--comp-min-tappable-size-and-spacing) * 7);--comp-table-container-border-spacing:calc(var(--comp-table-border-spacing) * 2);--comp-popover-total-padding:calc(var(--comp-popover-padding) * 2);--tct-popover-min-width:calc( var(--comp-min-table-width) + var(--comp-table-container-border-spacing) + var(--comp-popover-total-padding) )}.calendar-field-popup{padding:var(--comp-popover-padding)}.calendar-label{--comp-label-padding:var(--tct-calendar-label-padding, var(--tct-calendar-label-vertical-padding, var(--t-calendar-label-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0);font-size:var(--tct-calendar-label-font-size, var(--t-calendar-label-font-size, var(--const-px-16, 16px)));flex:1 1;flex-basis:calc(100% - var(--tct-btn-icon-width, 44px));margin:0;padding:var(--comp-label-padding)}.cal-month-heading{padding:0 0 0.75rem;display:flex;justify-content:center;align-items:center;font-size:var(--tct-calendar-month-font-size, var(--t-calendar-month-font-size, var(--const-px-16, 16px)));font-weight:var(--tct-calendar-month-font-weight, var(--t-calendar-month-font-weight, 600));text-align:center}.cal-month-text{min-width:82px;display:inline-block}.cal-year-text{min-width:50px;display:inline-block}table{width:100%;margin-bottom:2px;text-align:center;border-spacing:var(--comp-table-border-spacing)}th{font-size:var(--tct-calendar-day-heading-font-size, var(--t-calendar-day-heading-font-size, inherit));font-weight:var(--tct-calendar-day-heading-font-weight, var(--t-calendar-day-heading-font-weight, 600));width:14.285714%}td{height:var(--comp-min-tappable-size);cursor:pointer;border:var(--tct-calendar-day-border, var(--t-calendar-day-border, 0));border-radius:var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))}td.is-unavailable{border:1px solid var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a))}td.is-valid:hover{border:var(--tct-calendar-day-hover-border, var(--t-calendar-day-hover-border, var(--tct-calendar-day-border, var(--t-calendar-day-border, 0))));border-radius:var(--tct-calendar-day-hover-border-radius, var(--t-calendar-day-hover-border-radius, var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))));background:var(--tct-calendar-day-hover-background, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--app-gray14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2)))))));color:var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))}td[aria-hidden],td[aria-disabled]{pointer-events:none;cursor:not-allowed}td[aria-disabled]{opacity:var(--tct-calendar-day-disabled-opacity, var(--t-calendar-day-disabled-opacity, var(--app-disabled-opacity, 0.4)))}td[aria-selected=true]{border:var(--tct-calendar-day-selected-border, var(--t-calendar-day-selected-border, var(--tct-calendar-day-border, var(--t-calendar-day-border, 0))));border-radius:var(--tct-calendar-day-selected-border-radius, var(--t-calendar-day-selected-border-radius, var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))));background:var(--tct-calendar-day-selected-background, var(--tct-calendar-day-selected-bg, var(--t-calendar-day-selected-bg, var(--tct-calendar-day-hover-background, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2))))))))));color:var(--tct-calendar-day-selected-font-color, var(--t-calendar-day-selected-font-color, var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))));box-shadow:0 0 0 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}td[aria-selected=true]:focus{box-shadow:0 0 0 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1)))), 0 0 0 4px var(--tct-calendar-day-focused-outer-ring-color, var(--const-focus-color, #0066cc))}td:focus-visible{box-shadow:0 0 0 2px var(--tct-calendar-day-focus-visible-inner-ring-color, #ffffff), 0 0 0 4px var(--tct-calendar-day-focus-visible-outer-ring-color, var(--const-focus-color, #0066cc))}.today-decorator{text-transform:uppercase;font-weight:700;font-size:var(--tct-calendar-today-decorator-font-size, var(--const-px-10, 10px));height:12px}.day-integer{font-size:var(--tct-calendar-day-integer-font-size, inherit)}.calendar-disclaimer{font-size:var(--tct-calendar-disclaimer-font-size, var(--t-calendar-disclaimer-font-size, var(--tct-font-size-small, var(--app-font-size-small, var(--const-px-12, 12px)))));border-style:solid;border-width:var(--tct-calendar-disclaimer-border-width, var(--t-calendar-disclaimer-border-width, 1px 0 0 0));border-color:var(--tct-calendar-disclaimer-border-color, var(--t-calendar-disclaimer-border-color, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #e6e6e6))))));padding:var(--tct-calendar-disclaimer-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)));text-align:left}';
|
|
934
939
|
|
|
935
|
-
export {
|
|
940
|
+
export { y as q2_calendar }
|