igniteui-webcomponents 6.0.0 → 6.1.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/CHANGELOG.md +48 -0
- package/README.md +6 -1
- package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
- package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
- package/components/avatar/themes/dark/avatar.fluent.css.js +1 -1
- package/components/avatar/themes/dark/avatar.fluent.css.js.map +1 -1
- package/components/avatar/themes/dark/avatar.material.css.js +1 -1
- package/components/avatar/themes/dark/avatar.material.css.js.map +1 -1
- package/components/button/button-base.d.ts +5 -6
- package/components/button/button-base.js +15 -29
- package/components/button/button-base.js.map +1 -1
- package/components/button/themes/button/light/button.shared.css.js +1 -1
- package/components/button/themes/button/light/button.shared.css.js.map +1 -1
- package/components/button-group/toggle-button.d.ts +2 -2
- package/components/button-group/toggle-button.js +4 -6
- package/components/button-group/toggle-button.js.map +1 -1
- package/components/calendar/calendar.d.ts +1 -1
- package/components/calendar/calendar.js +12 -9
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/days-view/days-view.d.ts +1 -1
- package/components/calendar/days-view/days-view.js +8 -9
- package/components/calendar/days-view/days-view.js.map +1 -1
- package/components/calendar/helpers.d.ts +12 -1
- package/components/calendar/helpers.js +35 -10
- package/components/calendar/helpers.js.map +1 -1
- package/components/calendar/model.d.ts +15 -1
- package/components/calendar/model.js +26 -5
- package/components/calendar/model.js.map +1 -1
- package/components/calendar/months-view/months-view.d.ts +1 -1
- package/components/calendar/months-view/months-view.js +6 -6
- package/components/calendar/months-view/months-view.js.map +1 -1
- package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.shared.css.js +1 -1
- package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
- package/components/calendar/years-view/years-view.d.ts +1 -1
- package/components/calendar/years-view/years-view.js +6 -6
- package/components/calendar/years-view/years-view.js.map +1 -1
- package/components/carousel/carousel-indicator-container.d.ts +2 -2
- package/components/carousel/carousel-indicator-container.js +8 -9
- package/components/carousel/carousel-indicator-container.js.map +1 -1
- package/components/carousel/carousel.d.ts +7 -8
- package/components/carousel/carousel.js +24 -20
- package/components/carousel/carousel.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +8 -10
- package/components/checkbox/checkbox-base.js +20 -23
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/checkbox/checkbox.d.ts +3 -3
- package/components/checkbox/checkbox.js +18 -19
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/switch.d.ts +2 -2
- package/components/checkbox/switch.js +15 -19
- package/components/checkbox/switch.js.map +1 -1
- package/components/chip/chip.d.ts +4 -0
- package/components/chip/chip.js +29 -6
- package/components/chip/chip.js.map +1 -1
- package/components/chip/themes/shared/chip.common.css.js +1 -1
- package/components/chip/themes/shared/chip.common.css.js.map +1 -1
- package/components/chip/themes/shared/chip.indigo.css.js +1 -1
- package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
- package/components/combo/combo.d.ts +2 -2
- package/components/combo/combo.js +12 -11
- package/components/combo/combo.js.map +1 -1
- package/components/combo/themes/combo.base.css.js +1 -1
- package/components/combo/themes/combo.base.css.js.map +1 -1
- package/components/combo/themes/shared/combo.fluent.css.js +1 -1
- package/components/combo/themes/shared/combo.fluent.css.js.map +1 -1
- package/components/common/controllers/focus-ring.d.ts +21 -11
- package/components/common/controllers/focus-ring.js +16 -14
- package/components/common/controllers/focus-ring.js.map +1 -1
- package/components/common/controllers/gestures.d.ts +1 -0
- package/components/common/controllers/gestures.js.map +1 -1
- package/components/common/controllers/key-bindings.d.ts +40 -33
- package/components/common/controllers/key-bindings.js +83 -71
- package/components/common/controllers/key-bindings.js.map +1 -1
- package/components/common/controllers/resize-observer.d.ts +11 -8
- package/components/common/controllers/resize-observer.js +3 -3
- package/components/common/controllers/resize-observer.js.map +1 -1
- package/components/common/definitions/defineAllComponents.js +2 -0
- package/components/common/definitions/defineAllComponents.js.map +1 -1
- package/components/common/i18n/date-range-picker.resources.d.ts +11 -0
- package/components/common/i18n/date-range-picker.resources.js +12 -0
- package/components/common/i18n/date-range-picker.resources.js.map +1 -0
- package/components/common/mixins/combo-box.js +8 -2
- package/components/common/mixins/combo-box.js.map +1 -1
- package/components/common/mixins/forms/form-value.d.ts +15 -1
- package/components/common/mixins/forms/form-value.js +25 -4
- package/components/common/mixins/forms/form-value.js.map +1 -1
- package/components/common/mixins/option.d.ts +3 -2
- package/components/common/mixins/option.js.map +1 -1
- package/components/common/part-map.d.ts +17 -0
- package/components/common/part-map.js +46 -0
- package/components/common/part-map.js.map +1 -0
- package/components/common/util.d.ts +5 -6
- package/components/common/util.js +17 -22
- package/components/common/util.js.map +1 -1
- package/components/common/validators.js +3 -7
- package/components/common/validators.js.map +1 -1
- package/components/date-picker/date-picker.d.ts +37 -37
- package/components/date-picker/date-picker.js +142 -140
- package/components/date-picker/date-picker.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.shared.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.material.css.js +3 -0
- package/components/date-picker/themes/shared/date-picker.material.css.js.map +1 -0
- package/components/date-picker/themes/themes.js +3 -2
- package/components/date-picker/themes/themes.js.map +1 -1
- package/components/date-range-picker/date-range-picker.base.css.js +3 -0
- package/components/date-range-picker/date-range-picker.base.css.js.map +1 -0
- package/components/date-range-picker/date-range-picker.d.ts +365 -0
- package/components/date-range-picker/date-range-picker.js +810 -0
- package/components/date-range-picker/date-range-picker.js.map +1 -0
- package/components/{radio-group/radio-group.base.css.js → date-range-picker/predefined-ranges-area.base.css.js} +2 -2
- package/components/date-range-picker/predefined-ranges-area.base.css.js.map +1 -0
- package/components/date-range-picker/predefined-ranges-area.d.ts +36 -0
- package/components/date-range-picker/predefined-ranges-area.js +115 -0
- package/components/date-range-picker/predefined-ranges-area.js.map +1 -0
- package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +3 -0
- package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -0
- package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.d.ts +1 -0
- package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +3 -0
- package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -0
- package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.d.ts +1 -0
- package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +3 -0
- package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -0
- package/components/date-range-picker/themes/dark/date-range-picker.material.css.d.ts +1 -0
- package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +3 -0
- package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -0
- package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.d.ts +1 -0
- package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js +3 -0
- package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js.map +1 -0
- package/components/date-range-picker/themes/light/date-range-picker.fluent.css.d.ts +1 -0
- package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js +3 -0
- package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js.map +1 -0
- package/components/date-range-picker/themes/light/date-range-picker.indigo.css.d.ts +1 -0
- package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js +3 -0
- package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js.map +1 -0
- package/components/date-range-picker/themes/light/date-range-picker.material.css.d.ts +1 -0
- package/components/date-range-picker/themes/light/date-range-picker.material.css.js +3 -0
- package/components/date-range-picker/themes/light/date-range-picker.material.css.js.map +1 -0
- package/components/date-range-picker/themes/light/date-range-picker.shared.css.d.ts +1 -0
- package/components/date-range-picker/themes/light/date-range-picker.shared.css.js +3 -0
- package/components/date-range-picker/themes/light/date-range-picker.shared.css.js.map +1 -0
- package/components/date-range-picker/themes/ranges-themes.d.ts +2 -0
- package/components/date-range-picker/themes/ranges-themes.js +14 -0
- package/components/date-range-picker/themes/ranges-themes.js.map +1 -0
- package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.d.ts +1 -0
- package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +3 -0
- package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -0
- package/components/date-range-picker/themes/shared/date-range-picker.common.css.d.ts +1 -0
- package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +3 -0
- package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -0
- package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.d.ts +1 -0
- package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +3 -0
- package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -0
- package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.d.ts +1 -0
- package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +3 -0
- package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -0
- package/components/date-range-picker/themes/shared/date-range-picker.material.css.d.ts +1 -0
- package/components/date-range-picker/themes/shared/date-range-picker.material.css.js +3 -0
- package/components/date-range-picker/themes/shared/date-range-picker.material.css.js.map +1 -0
- package/components/date-range-picker/themes/shared/predefined-ranges-area.common.css.d.ts +1 -0
- package/components/date-range-picker/themes/shared/predefined-ranges-area.common.css.js +3 -0
- package/components/date-range-picker/themes/shared/predefined-ranges-area.common.css.js.map +1 -0
- package/components/date-range-picker/themes/shared/predefined-ranges-area.indigo.css.d.ts +1 -0
- package/components/date-range-picker/themes/shared/predefined-ranges-area.indigo.css.js +3 -0
- package/components/date-range-picker/themes/shared/predefined-ranges-area.indigo.css.js.map +1 -0
- package/components/date-range-picker/themes/themes.d.ts +2 -0
- package/components/date-range-picker/themes/themes.js +50 -0
- package/components/date-range-picker/themes/themes.js.map +1 -0
- package/components/date-range-picker/validators.d.ts +26 -0
- package/components/date-range-picker/validators.js +57 -0
- package/components/date-range-picker/validators.js.map +1 -0
- package/components/date-time-input/date-time-input.d.ts +2 -2
- package/components/date-time-input/date-time-input.js +8 -10
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/date-time-input/date-util.d.ts +7 -0
- package/components/date-time-input/date-util.js +11 -0
- package/components/date-time-input/date-util.js.map +1 -1
- package/components/dialog/dialog.js +11 -10
- package/components/dialog/dialog.js.map +1 -1
- package/components/dialog/themes/dialog.base.css.js +1 -1
- package/components/dialog/themes/dialog.base.css.js.map +1 -1
- package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
- package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
- package/components/dropdown/dropdown.js.map +1 -1
- package/components/file-input/file-input.d.ts +12 -6
- package/components/file-input/file-input.js +23 -19
- package/components/file-input/file-input.js.map +1 -1
- package/components/file-input/themes/file-input.base.css.js +1 -1
- package/components/file-input/themes/file-input.base.css.js.map +1 -1
- package/components/input/input-base.d.ts +0 -1
- package/components/input/input-base.js +5 -4
- package/components/input/input-base.js.map +1 -1
- package/components/input/input.d.ts +2 -3
- package/components/input/input.js +10 -9
- package/components/input/input.js.map +1 -1
- package/components/input/themes/dark/input.bootstrap.css.js +1 -1
- package/components/input/themes/dark/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/dark/input.indigo.css.js +1 -1
- package/components/input/themes/dark/input.indigo.css.js.map +1 -1
- package/components/input/themes/input.base.css.js +1 -1
- package/components/input/themes/input.base.css.js.map +1 -1
- package/components/input/themes/light/input.bootstrap.css.js +1 -1
- package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/light/input.indigo.css.js +1 -1
- package/components/input/themes/light/input.indigo.css.js.map +1 -1
- package/components/input/themes/light/input.shared.css.js +1 -1
- package/components/input/themes/light/input.shared.css.js.map +1 -1
- package/components/input/themes/shared/input.bootstrap.css.js +1 -1
- package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/shared/input.common.css.js +1 -1
- package/components/input/themes/shared/input.common.css.js.map +1 -1
- package/components/input/themes/shared/input.fluent.css.js +1 -1
- package/components/input/themes/shared/input.fluent.css.js.map +1 -1
- package/components/input/themes/shared/input.indigo.css.js +1 -1
- package/components/input/themes/shared/input.indigo.css.js.map +1 -1
- package/components/input/themes/shared/input.material.css.js +1 -1
- package/components/input/themes/shared/input.material.css.js.map +1 -1
- package/components/mask-input/mask-input.d.ts +2 -3
- package/components/mask-input/mask-input.js +13 -12
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/mask-input/mask-parser.d.ts +100 -14
- package/components/mask-input/mask-parser.js +134 -117
- package/components/mask-input/mask-parser.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.js +2 -6
- package/components/nav-drawer/nav-drawer-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer.js +5 -6
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/progress/base.js +6 -5
- package/components/progress/base.js.map +1 -1
- package/components/progress/circular-progress.js +7 -15
- package/components/progress/circular-progress.js.map +1 -1
- package/components/progress/linear-progress.js +5 -5
- package/components/progress/linear-progress.js.map +1 -1
- package/components/progress/themes/circular/dark/circular.progress.shared.css.js +1 -1
- package/components/progress/themes/circular/dark/circular.progress.shared.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.shared.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.shared.css.js.map +1 -1
- package/components/radio/radio.d.ts +11 -12
- package/components/radio/radio.js +39 -44
- package/components/radio/radio.js.map +1 -1
- package/components/radio/utils.js +6 -3
- package/components/radio/utils.js.map +1 -1
- package/components/radio-group/radio-group.d.ts +2 -1
- package/components/radio-group/radio-group.js +23 -10
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/radio-group/themes/dark/radio-group.bootstrap.css.d.ts +1 -0
- package/components/radio-group/themes/dark/radio-group.bootstrap.css.js +3 -0
- package/components/radio-group/themes/dark/radio-group.bootstrap.css.js.map +1 -0
- package/components/radio-group/themes/dark/radio-group.fluent.css.d.ts +1 -0
- package/components/radio-group/themes/dark/radio-group.fluent.css.js +3 -0
- package/components/radio-group/themes/dark/radio-group.fluent.css.js.map +1 -0
- package/components/radio-group/themes/dark/radio-group.indigo.css.d.ts +1 -0
- package/components/radio-group/themes/dark/radio-group.indigo.css.js +3 -0
- package/components/radio-group/themes/dark/radio-group.indigo.css.js.map +1 -0
- package/components/radio-group/themes/dark/radio-group.material.css.d.ts +1 -0
- package/components/radio-group/themes/dark/radio-group.material.css.js +3 -0
- package/components/radio-group/themes/dark/radio-group.material.css.js.map +1 -0
- package/components/radio-group/themes/light/radio-group.bootstrap.css.d.ts +1 -0
- package/components/radio-group/themes/light/radio-group.bootstrap.css.js +3 -0
- package/components/radio-group/themes/light/radio-group.bootstrap.css.js.map +1 -0
- package/components/radio-group/themes/light/radio-group.fluent.css.d.ts +1 -0
- package/components/radio-group/themes/light/radio-group.fluent.css.js +3 -0
- package/components/radio-group/themes/light/radio-group.fluent.css.js.map +1 -0
- package/components/radio-group/themes/light/radio-group.indigo.css.d.ts +1 -0
- package/components/radio-group/themes/light/radio-group.indigo.css.js +3 -0
- package/components/radio-group/themes/light/radio-group.indigo.css.js.map +1 -0
- package/components/radio-group/themes/light/radio-group.material.css.d.ts +1 -0
- package/components/radio-group/themes/light/radio-group.material.css.js +3 -0
- package/components/radio-group/themes/light/radio-group.material.css.js.map +1 -0
- package/components/radio-group/themes/light/radio-group.shared.css.d.ts +1 -0
- package/components/radio-group/themes/light/radio-group.shared.css.js +3 -0
- package/components/radio-group/themes/light/radio-group.shared.css.js.map +1 -0
- package/components/radio-group/themes/radio-group.base.css.d.ts +1 -0
- package/components/radio-group/themes/radio-group.base.css.js +3 -0
- package/components/radio-group/themes/radio-group.base.css.js.map +1 -0
- package/components/radio-group/themes/shared/radio-group.bootstrap.css.d.ts +1 -0
- package/components/radio-group/themes/shared/radio-group.bootstrap.css.js +3 -0
- package/components/radio-group/themes/shared/radio-group.bootstrap.css.js.map +1 -0
- package/components/radio-group/themes/shared/radio-group.common.css.d.ts +1 -0
- package/components/radio-group/themes/shared/radio-group.common.css.js +3 -0
- package/components/radio-group/themes/shared/radio-group.common.css.js.map +1 -0
- package/components/radio-group/themes/shared/radio-group.fluent.css.d.ts +1 -0
- package/components/radio-group/themes/shared/radio-group.fluent.css.js +3 -0
- package/components/radio-group/themes/shared/radio-group.fluent.css.js.map +1 -0
- package/components/radio-group/themes/shared/radio-group.indigo.css.d.ts +1 -0
- package/components/radio-group/themes/shared/radio-group.indigo.css.js +3 -0
- package/components/radio-group/themes/shared/radio-group.indigo.css.js.map +1 -0
- package/components/radio-group/themes/shared/radio-group.material.css.d.ts +1 -0
- package/components/radio-group/themes/shared/radio-group.material.css.js +3 -0
- package/components/radio-group/themes/shared/radio-group.material.css.js.map +1 -0
- package/components/radio-group/themes/themes.d.ts +2 -0
- package/components/radio-group/themes/themes.js +50 -0
- package/components/radio-group/themes/themes.js.map +1 -0
- package/components/rating/rating.d.ts +2 -2
- package/components/rating/rating.js +4 -4
- package/components/rating/rating.js.map +1 -1
- package/components/resize-container/resize-container.js +4 -4
- package/components/resize-container/resize-container.js.map +1 -1
- package/components/select/select.d.ts +2 -2
- package/components/select/select.js +11 -10
- package/components/select/select.js.map +1 -1
- package/components/select/themes/shared/select.fluent.css.js +1 -1
- package/components/select/themes/shared/select.fluent.css.js.map +1 -1
- package/components/slider/range-slider.js +1 -1
- package/components/slider/range-slider.js.map +1 -1
- package/components/slider/slider-base.js +1 -1
- package/components/slider/slider-base.js.map +1 -1
- package/components/slider/slider.d.ts +2 -3
- package/components/slider/slider.js +7 -7
- package/components/slider/slider.js.map +1 -1
- package/components/stepper/step.js +3 -3
- package/components/stepper/step.js.map +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
- package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
- package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.material.css.js +1 -1
- package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.shared.css.js +1 -1
- package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
- package/components/tabs/tab-dom.d.ts +2 -2
- package/components/tabs/tab-dom.js +15 -2
- package/components/tabs/tab-dom.js.map +1 -1
- package/components/tabs/tabs.d.ts +2 -1
- package/components/tabs/tabs.js +10 -8
- package/components/tabs/tabs.js.map +1 -1
- package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
- package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/tab.base.css.js +1 -1
- package/components/tabs/themes/tab.base.css.js.map +1 -1
- package/components/textarea/textarea.d.ts +30 -33
- package/components/textarea/textarea.js +95 -96
- package/components/textarea/textarea.js.map +1 -1
- package/components/textarea/themes/dark/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/dark/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/light/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.shared.css.js +1 -1
- package/components/textarea/themes/light/textarea.shared.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
- package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.material.css.js +1 -1
- package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
- package/components/textarea/themes/textarea.base.css.js +1 -1
- package/components/textarea/themes/textarea.base.css.js.map +1 -1
- package/components/tile-manager/tile-manager.js +5 -4
- package/components/tile-manager/tile-manager.js.map +1 -1
- package/components/tile-manager/tile.js +6 -5
- package/components/tile-manager/tile.js.map +1 -1
- package/components/tooltip/tooltip.d.ts +24 -9
- package/components/tooltip/tooltip.js +22 -19
- package/components/tooltip/tooltip.js.map +1 -1
- package/components/tree/tree-item.js +5 -3
- package/components/tree/tree-item.js.map +1 -1
- package/components/types.d.ts +1 -1
- package/components/types.js.map +1 -1
- package/components/validation-container/themes/dark/validator.indigo.css.js +1 -1
- package/components/validation-container/themes/dark/validator.indigo.css.js.map +1 -1
- package/components/validation-container/validation-container.js +4 -11
- package/components/validation-container/validation-container.js.map +1 -1
- package/custom-elements.json +21925 -18034
- package/igniteui-webcomponents.css-data.json +1 -1
- package/igniteui-webcomponents.html-data.json +1 -1
- package/index.d.ts +4 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +3 -2
- package/themes/dark/bootstrap.css +1 -1
- package/themes/dark/fluent.css +1 -1
- package/themes/dark/indigo.css +1 -1
- package/themes/dark/material.css +1 -1
- package/themes/light/bootstrap.css +1 -1
- package/themes/light/fluent.css +1 -1
- package/themes/light/indigo.css +1 -1
- package/themes/light/material.css +1 -1
- package/web-types.json +2 -2
- package/components/radio-group/radio-group.base.css.js.map +0 -1
- package/components/radio-group/radio-group.fluent.css.js +0 -3
- package/components/radio-group/radio-group.fluent.css.js.map +0 -1
- package/components/radio-group/radio-group.indigo.css.js +0 -3
- package/components/radio-group/radio-group.indigo.css.js.map +0 -1
- package/components/radio-group/radio-group.material.css.js +0 -3
- package/components/radio-group/radio-group.material.css.js.map +0 -1
- /package/components/{radio-group/radio-group.base.css.d.ts → date-picker/themes/shared/date-picker.material.css.d.ts} +0 -0
- /package/components/{radio-group/radio-group.fluent.css.d.ts → date-range-picker/date-range-picker.base.css.d.ts} +0 -0
- /package/components/{radio-group/radio-group.indigo.css.d.ts → date-range-picker/predefined-ranges-area.base.css.d.ts} +0 -0
- /package/components/{radio-group/radio-group.material.css.d.ts → date-range-picker/themes/dark/date-range-picker.bootstrap.css.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/date-range-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type TemplateResult, html, nothing } from 'lit';\nimport {\n property,\n query,\n queryAll,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport IgcCalendarComponent, { focusActiveDate } from '../calendar/calendar.js';\nimport { convertToDate, convertToDateRange } from '../calendar/helpers.js';\nimport { CalendarDay } from '../calendar/model.js';\nimport {\n type DateRangeDescriptor,\n DateRangeType,\n type WeekDays,\n} from '../calendar/types.js';\nimport {\n addKeybindings,\n altKey,\n arrowDown,\n arrowUp,\n escapeKey,\n} from '../common/controllers/key-bindings.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcDateRangePickerResourceStringsEN } from '../common/i18n/date-range-picker.resources.js';\nimport { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n type FormValueOf,\n createFormValueState,\n defaultDateRangeTransformers,\n} from '../common/mixins/forms/form-value.js';\nimport {\n asNumber,\n clamp,\n createCounter,\n equal,\n findElementFromEventPath,\n isEmpty,\n} from '../common/util.js';\nimport IgcDateTimeInputComponent from '../date-time-input/date-time-input.js';\nimport { DateTimeUtil } from '../date-time-input/date-util.js';\nimport IgcDialogComponent from '../dialog/dialog.js';\nimport IgcFocusTrapComponent from '../focus-trap/focus-trap.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport type { ContentOrientation, PickerMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './date-range-picker.base.css.js';\nimport IgcPredefinedRangesAreaComponent from './predefined-ranges-area.js';\nimport { styles as shared } from './themes/shared/date-range-picker.common.css.js';\nimport { all } from './themes/themes.js';\nimport { dateRangeValidators, isCompleteDateRange } from './validators.js';\n\nexport interface DateRangeValue {\n start: Date | null;\n end: Date | null;\n}\n\nexport interface CustomDateRange {\n label: string;\n dateRange: DateRangeValue;\n}\nexport interface IgcDateRangePickerComponentEventMap {\n igcOpening: CustomEvent<void>;\n igcOpened: CustomEvent<void>;\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n igcChange: CustomEvent<DateRangeValue | null>;\n igcInput: CustomEvent<DateRangeValue | null>;\n}\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/**\n * The igc-date-range-picker allows the user to select a range of dates.\n *\n * @element igc-date-range-picker\n *\n * @slot prefix - Renders content before the input (single input).\n * @slot prefix-start - Renders content before the start input (two inputs).\n * @slot prefix-end - Renders content before the end input (two inputs).\n * @slot suffix - Renders content after the input (single input).\n * @slot suffix-start - Renders content after the start input (single input).\n * @slot suffix-end - Renders content after the end input (single input).\n * @slot helper-text - Renders content below the input.\n * @slot bad-input - Renders content when the value is in the disabledDates ranges.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n * @slot title - Renders content in the calendar title.\n * @slot header-date - Renders content instead of the current date/range in the calendar header.\n * @slot clear-icon - Renders a clear icon template.\n * @slot clear-icon-start - Renders a clear icon template for the start input (two inputs).\n * @slot clear-icon-end - Renders a clear icon template for the end input (two inputs).\n * @slot calendar-icon - Renders the icon/content for the calendar picker.\n * @slot calendar-icon-start - Renders the icon/content for the calendar picker for the start input (two inputs).\n * @slot calendar-icon-end - Renders the icon/content for the calendar picker for the end input (two inputs).\n * @slot calendar-icon-open - Renders the icon/content for the picker in open state.\n * @slot calendar-icon-open-start - Renders the icon/content for the picker in open state for the start input (two inputs).\n * @slot calendar-icon-open-end - Renders the icon/content for the picker in open state for the end input (two inputs).\n * @slot actions - Renders content in the action part of the picker in open state.\n * @slot separator - Renders the separator element between the two inputs.\n *\n * @fires igcOpening - Emitted just before the calendar dropdown is shown.\n * @fires igcOpened - Emitted after the calendar dropdown is shown.\n * @fires igcClosing - Emitted just before the calendar dropdown is hidden.\n * @fires igcClosed - Emitted after the calendar dropdown is hidden.\n * @fires igcChange - Emitted when the user modifies and commits the elements's value.\n * @fires igcInput - Emitted when when the user types in the element.\n *\n * @csspart separator - The separator element between the two inputs.\n * @csspart ranges - The wrapper that renders the custom and predefined ranges.\n * @csspart label - The label wrapper that renders content above the target input.\n * @csspart calendar-icon - The calendar icon wrapper for closed state (single input).\n * @csspart calendar-icon-start - The calendar icon wrapper for closed state for the start input (two inputs).\n * @csspart calendar-icon-end - The calendar icon wrapper for closed state for the end input (two inputs).\n * @csspart calendar-icon-open - The calendar icon wrapper for opened state (single input).\n * @csspart calendar-icon-open-start - The calendar icon wrapper for opened state for the start input (two inputs).\n * @csspart calendar-icon-open-end - The calendar icon wrapper for opened state for the end input (two inputs).\n * @csspart clear-icon - The clear icon wrapper (single input).\n * @csspart clear-icon-start - The clear icon wrapper for the start input (two inputs).\n * @csspart clear-icon-end - The clear icon wrapper for the end input (two inputs).\n * @csspart actions - The wrapper for the custom actions area.\n * @csspart clear-icon - The clear icon wrapper.\n * @csspart input - The native input element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper-text wrapper that renders content below the target input.\n * @csspart header - The calendar header element.\n * @csspart header-title - The calendar header title element.\n * @csspart header-date - The calendar header date element.\n * @csspart calendar-content - The calendar content element which contains the views and navigation elements.\n * @csspart navigation - The calendar navigation container element.\n * @csspart months-navigation - The calendar months navigation button element.\n * @csspart years-navigation - The calendar years navigation button element.\n * @csspart years-range - The calendar years range element.\n * @csspart navigation-buttons - The calendar navigation buttons container.\n * @csspart navigation-button - The calendar previous/next navigation button.\n * @csspart days-view-container - The calendar days view container element.\n * @csspart days-view - The calendar days view element.\n * @csspart months-view - The calendar months view element.\n * @csspart years-view - The calendar years view element.\n * @csspart days-row - The calendar days row element.\n * @csspart calendar-label - The calendar week header label element.\n * @csspart week-number - The calendar week number element.\n * @csspart week-number-inner - The calendar week number inner element.\n * @csspart date - The calendar date element.\n * @csspart date-inner - The calendar date inner element.\n * @csspart first - The calendar first selected date element in range selection.\n * @csspart last - The calendar last selected date element in range selection.\n * @csspart inactive - The calendar inactive date element.\n * @csspart hidden - The calendar hidden date element.\n * @csspart weekend - The calendar weekend date element.\n * @csspart range - The calendar range selected element.\n * @csspart special - The calendar special date element.\n * @csspart disabled - The calendar disabled date element.\n * @csspart single - The calendar single selected date element.\n * @csspart preview - The calendar range selection preview date element.\n * @csspart month - The calendar month element.\n * @csspart month-inner - The calendar month inner element.\n * @csspart year - The calendar year element.\n * @csspart year-inner - The calendar year inner element.\n * @csspart selected - The calendar selected state for element(s). Applies to date, month and year elements.\n * @csspart current - The calendar current state for element(s). Applies to date, month and year elements.\n */\n@themes(all, { exposeController: true })\n@blazorAdditionalDependencies(\n 'IgcCalendarComponent, IgcDateTimeInputComponent, IgcDialogComponent, IgcIconComponent, IgcChipComponent, IgcInputComponent'\n)\nexport default class IgcDateRangePickerComponent extends FormAssociatedRequiredMixin(\n EventEmitterMixin<\n IgcDateRangePickerComponentEventMap,\n AbstractConstructor<IgcBaseComboBoxLikeComponent>\n >(IgcBaseComboBoxLikeComponent)\n) {\n public static readonly tagName = 'igc-date-range-picker';\n public static styles = [styles, shared];\n\n protected static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(\n IgcDateRangePickerComponent,\n IgcCalendarComponent,\n IgcDateTimeInputComponent,\n IgcInputComponent,\n IgcFocusTrapComponent,\n IgcIconComponent,\n IgcPopoverComponent,\n IgcDialogComponent,\n IgcValidationContainerComponent,\n IgcPredefinedRangesAreaComponent\n );\n }\n\n // #region Internal state & properties\n\n private static readonly _increment = createCounter();\n\n protected readonly _inputId = `date-range-picker-${IgcDateRangePickerComponent._increment()}`;\n protected override readonly _formValue: FormValueOf<DateRangeValue | null> =\n createFormValueState(this, {\n initialValue: {\n start: null,\n end: null,\n },\n transformers: defaultDateRangeTransformers,\n });\n\n private _activeDate: Date | null = null;\n private _min: Date | null = null;\n private _max: Date | null = null;\n private _disabledDates: DateRangeDescriptor[] = [];\n private _dateConstraints: DateRangeDescriptor[] = [];\n private _displayFormat?: string;\n private _inputFormat?: string;\n private _placeholder?: string;\n private _defaultMask!: string;\n private _oldValue: DateRangeValue | null = null;\n private _visibleMonths = 2;\n\n protected override get __validators() {\n return dateRangeValidators;\n }\n\n private get _isDropDown(): boolean {\n return this.mode === 'dropdown';\n }\n\n private get _firstDefinedInRange(): Date | null {\n return this.value?.start ?? this.value?.end ?? null;\n }\n\n @state()\n private _maskedRangeValue = '';\n\n @queryAll(IgcDateTimeInputComponent.tagName)\n private readonly _inputs!: IgcDateTimeInputComponent[];\n\n @query(IgcInputComponent.tagName)\n private readonly _input!: IgcInputComponent;\n\n @query(IgcCalendarComponent.tagName)\n private readonly _calendar!: IgcCalendarComponent;\n\n @queryAssignedElements({ slot: 'prefix' })\n private readonly _prefixes!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'prefix-start' })\n private readonly _startPrefixes!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'prefix-end' })\n private readonly _endPrefixes!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'suffix' })\n private readonly _suffixes!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'suffix-start' })\n private readonly _startSuffixes!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'suffix-end' })\n private readonly _endSuffixes!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'actions' })\n private readonly _actions!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'header-date' })\n private readonly _headerDateSlotItems!: HTMLElement[];\n\n protected get _isIndigoTheme(): boolean {\n return getThemeController(this)?.theme === 'indigo';\n }\n\n // #endregion\n\n // #region General properties\n\n @property({ converter: convertToDateRange })\n public set value(value: DateRangeValue | string | null | undefined) {\n const converted = convertToDateRange(value);\n\n this._formValue.setValueAndFormState(converted);\n this._validate();\n\n this._setCalendarRangeValues();\n this._updateMaskedRangeValue();\n }\n\n public get value(): DateRangeValue | null {\n return this._formValue.value;\n }\n /**\n * Renders chips with custom ranges based on the elements of the array.\n */\n @property({ attribute: false })\n public customRanges: CustomDateRange[] = [];\n\n /**\n * Determines whether the calendar is opened in a dropdown or a modal dialog\n * @attr mode\n */\n @property()\n public mode: PickerMode = 'dropdown';\n\n /**\n * Use two inputs to display the date range values. Makes the input editable in dropdown mode.\n * @attr use-two-inputs\n */\n @property({ type: Boolean, reflect: true, attribute: 'use-two-inputs' })\n public useTwoInputs = false;\n\n /**\n * Whether the control will show chips with predefined ranges.\n * @attr\n */\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'use-predefined-ranges',\n })\n public usePredefinedRanges = false;\n\n /**\n * The locale settings used to display the value.\n * @attr\n */\n @property()\n public locale = 'en';\n\n /** The resource strings of the date range picker. */\n @property({ attribute: false })\n public resourceStrings = IgcDateRangePickerResourceStringsEN;\n\n // #endregion\n\n // #region Input-related properties\n\n /**\n * Makes the control a readonly field.\n * @attr readonly\n */\n @property({ type: Boolean, reflect: true, attribute: 'readonly' })\n public readOnly = false;\n\n /**\n * Whether to allow typing in the input.\n * @attr non-editable\n */\n @property({ type: Boolean, reflect: true, attribute: 'non-editable' })\n public nonEditable = false;\n\n /**\n * Whether the control will have outlined appearance.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public outlined = false;\n\n /**\n * The label of the control (single input).\n * @attr label\n */\n @property()\n public label!: string;\n\n /**\n * The label attribute of the start input.\n * @attr label-start\n */\n @property({ attribute: 'label-start' })\n public labelStart = '';\n\n /**\n * The label attribute of the end input.\n * @attr label-end\n */\n @property({ attribute: 'label-end' })\n public labelEnd = '';\n\n /**\n * The placeholder attribute of the control (single input).\n * @attr\n */\n @property()\n public set placeholder(value: string) {\n this._placeholder = value;\n }\n\n public get placeholder(): string {\n const rangePlaceholder = `${this.inputFormat} - ${this.inputFormat}`;\n return this._placeholder ?? rangePlaceholder;\n }\n\n /**\n * The placeholder attribute of the start input.\n * @attr placeholder-start\n */\n @property({ attribute: 'placeholder-start' })\n public placeholderStart = '';\n\n /**\n * The placeholder attribute of the end input.\n * @attr placeholder-end\n */\n @property({ attribute: 'placeholder-end' })\n public placeholderEnd = '';\n\n /** The prompt symbol to use for unfilled parts of the mask.\n * @attr\n */\n @property()\n public prompt = '_';\n\n /**\n * Format to display the value in when not editing.\n * Defaults to the input format if not set.\n * @attr display-format\n */\n @property({ attribute: 'display-format' })\n public set displayFormat(value: string) {\n this._displayFormat = value;\n this._updateMaskedRangeValue();\n }\n\n public get displayFormat(): string {\n return this._displayFormat ?? this.inputFormat;\n }\n\n /**\n * The date format to apply on the inputs.\n * Defaults to the current locale Intl.DateTimeFormat\n * @attr input-format\n */\n @property({ attribute: 'input-format' })\n public set inputFormat(value: string) {\n this._inputFormat = value;\n this._updateMaskedRangeValue();\n }\n\n public get inputFormat(): string {\n return this._inputFormat ?? this._defaultMask;\n }\n\n // #endregion\n\n // #region Validation properties\n\n /**\n * The minimum value required for the date range picker to remain valid.\n * @attr\n */\n @property({ converter: convertToDate })\n public set min(value: Date | string | null | undefined) {\n this._min = convertToDate(value);\n this._setDateConstraints();\n this._updateValidity();\n }\n\n public get min(): Date | null {\n return this._min;\n }\n\n /**\n * The maximum value required for the date range picker to remain valid.\n * @attr\n */\n @property({ converter: convertToDate })\n public set max(value: Date | string | null | undefined) {\n this._max = convertToDate(value);\n this._setDateConstraints();\n this._updateValidity();\n }\n\n public get max(): Date | null {\n return this._max;\n }\n\n /** Gets/sets disabled dates. */\n @property({ attribute: false })\n public set disabledDates(dates: DateRangeDescriptor[]) {\n this._disabledDates = dates;\n this._setDateConstraints();\n this._updateValidity();\n }\n\n public get disabledDates() {\n return this._disabledDates as DateRangeDescriptor[];\n }\n\n // #endregion\n\n // #region Calendar properties\n\n /**\n * The number of months displayed in the calendar.\n * @attr visible-months\n */\n @property({ type: Number, attribute: 'visible-months' })\n public get visibleMonths(): number {\n return this._visibleMonths;\n }\n\n public set visibleMonths(value: number) {\n this._visibleMonths = clamp(asNumber(value, 2), 1, 2);\n }\n /**\n * The orientation of the calendar header.\n * @attr header-orientation\n */\n @property({ attribute: 'header-orientation', reflect: true })\n public headerOrientation: ContentOrientation = 'horizontal';\n\n /**\n * The orientation of the multiple months displayed in the calendar's days view.\n * @attr\n */\n @property()\n public orientation: ContentOrientation = 'horizontal';\n\n /**\n * Determines whether the calendar hides its header.\n * @attr hide-header\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-header' })\n public hideHeader = false;\n\n /**\n * Gets/Sets the date which is shown in the calendar picker and is highlighted.\n * By default it is the current date.\n */\n @property({ attribute: 'active-date', converter: convertToDate })\n public set activeDate(value: Date | string | null | undefined) {\n this._activeDate = convertToDate(value);\n }\n\n public get activeDate(): Date {\n return this._activeDate ?? this._calendar?.activeDate;\n }\n\n /**\n * Whether to show the number of the week in the calendar.\n * @attr show-week-numbers\n */\n @property({ type: Boolean, reflect: true, attribute: 'show-week-numbers' })\n public showWeekNumbers = false;\n\n /**\n * Controls the visibility of the dates that do not belong to the current month.\n * @attr hide-outside-days\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-outside-days' })\n public hideOutsideDays = false;\n\n /** Gets/sets special dates. */\n @property({ attribute: false })\n public specialDates!: DateRangeDescriptor[];\n\n /** Sets the start day of the week for the calendar. */\n @property({ attribute: 'week-start' })\n public weekStart: WeekDays = 'sunday';\n\n // #endregion\n\n // #region Life-cycle hooks\n\n constructor() {\n super();\n\n this._rootClickController.update({ hideCallback: this._handleClosing });\n this.addEventListener('focusin', this._handleFocusIn);\n this.addEventListener('focusout', this._handleFocusOut);\n\n addKeybindings(this, {\n skip: () => this.disabled || this.readOnly,\n bindingDefaults: { preventDefault: true },\n })\n .set([altKey, arrowDown], this.handleAnchorClick)\n .set([altKey, arrowUp], this._onEscapeKey)\n .set(escapeKey, this._onEscapeKey);\n }\n\n protected override createRenderRoot(): HTMLElement | DocumentFragment {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n protected override firstUpdated() {\n this._setCalendarRangeValues();\n this._delegateInputsValidity();\n }\n\n protected override formResetCallback() {\n super.formResetCallback();\n this._setCalendarRangeValues();\n this._updateMaskedRangeValue();\n }\n\n // #endregion\n\n // #region Public API methods\n\n /** Clears the input parts of the component of any user input */\n public clear() {\n this._oldValue = this.value;\n this.value = null;\n if (this.useTwoInputs) {\n this._inputs[0]?.clear();\n this._inputs[1]?.clear();\n }\n }\n\n /** Selects a date range value in the picker */\n public select(value: DateRangeValue | null): void {\n this._select(value);\n }\n\n // #endregion\n\n // #region Observed properties\n\n @watch('open')\n protected _openChange() {\n this._rootClickController.update();\n\n if (this.open) {\n this._oldValue = this.value;\n }\n }\n\n @watch('locale')\n protected _updateDefaultMask(): void {\n this._defaultMask = DateTimeUtil.getDefaultMask(this.locale);\n this._updateMaskedRangeValue();\n }\n\n @watch('useTwoInputs')\n protected async _updateDateRange() {\n await this._calendar?.updateComplete;\n this._updateMaskedRangeValue();\n this._setCalendarRangeValues();\n this._delegateInputsValidity();\n }\n\n @watch('mode')\n protected async _modeChanged() {\n if (!this._isDropDown) {\n this.keepOpenOnSelect = true;\n }\n await this._calendar?.updateComplete;\n this._setCalendarRangeValues();\n }\n\n // #endregion\n\n // #region Event handlers\n\n protected _handleClosing() {\n this._hide(true);\n }\n\n protected _handleDialogClosing(event: Event) {\n event.stopPropagation();\n if (!equal(this.value, this._oldValue)) {\n this.emitEvent('igcChange', { detail: this.value });\n this._oldValue = this.value;\n }\n this._hide(true);\n }\n\n protected _handleDialogClosed(event: Event) {\n event.stopPropagation();\n }\n\n protected _dialogCancel() {\n this._revertValue();\n this._hide(true);\n }\n\n protected _dialogDone() {\n if (!equal(this.value, this._oldValue)) {\n this.emitEvent('igcChange', { detail: this.value });\n this._oldValue = this.value;\n }\n this._hide(true);\n }\n\n protected _handleInputEvent(event: CustomEvent<Date | null>) {\n event.stopPropagation();\n if (this.nonEditable) {\n event.preventDefault();\n return;\n }\n const input = event.target as IgcDateTimeInputComponent;\n const newValue = input.value ? CalendarDay.from(input.value).native : null;\n\n this.value = this._getUpdatedDateRange(input, newValue);\n this._calendar.activeDate =\n newValue ?? this._firstDefinedInRange ?? this._calendar.activeDate;\n\n this.emitEvent('igcInput', { detail: this.value });\n }\n\n protected _handleInputChangeEvent(event: CustomEvent<Date | null>) {\n event.stopPropagation();\n\n const input = event.target as IgcDateTimeInputComponent;\n const newValue = input.value ? CalendarDay.from(input.value).native : null;\n\n const updatedRange = this._getUpdatedDateRange(input, newValue);\n const { start, end } = this._swapDates(updatedRange);\n\n this._setCalendarRangeValues();\n this.value = { start, end };\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n protected _handleFocusIn() {\n this._dirty = true;\n }\n\n protected _handleFocusOut({ relatedTarget }: FocusEvent) {\n if (!this.contains(relatedTarget as Node)) {\n this.checkValidity();\n\n const isSameValue = equal(this.value, this._oldValue);\n if (!(this.useTwoInputs || this.readOnly || isSameValue)) {\n this.emitEvent('igcChange', { detail: this.value });\n this._oldValue = this.value;\n }\n }\n }\n\n protected _handleInputClick(event: Event) {\n if (findElementFromEventPath('input', event)) {\n // Open only if the click originates from the underlying input\n this.handleAnchorClick();\n }\n }\n\n protected async _onEscapeKey() {\n if (await this._hide(true)) {\n if (!this._isDropDown) {\n this._revertValue();\n }\n this._inputs[0]?.focus();\n }\n }\n\n protected override async handleAnchorClick() {\n super.handleAnchorClick();\n this._setCalendarActiveDateAndViewIndex();\n await this.updateComplete;\n this._calendar[focusActiveDate]({ preventScroll: true });\n }\n\n protected async _handleCalendarChangeEvent(event: CustomEvent<Date>) {\n event.stopPropagation();\n\n if (this.readOnly) {\n // Wait till the calendar finishes updating and then restore the current value from the date-picker.\n await this._calendar.updateComplete;\n const dateRange = [this.value?.start, this.value?.end];\n this._calendar.values = dateRange?.map((d) => d ?? '');\n return;\n }\n\n const rangeValues = (event.target as IgcCalendarComponent).values;\n this.value = {\n start: rangeValues[0],\n end: rangeValues[rangeValues.length - 1],\n };\n\n if (this._isDropDown) {\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n this._shouldCloseCalendarDropdown();\n }\n\n protected _handleCalendarIconSlotPointerDown(event: PointerEvent) {\n event.preventDefault();\n }\n\n // #endregion\n\n // #region Private methods\n\n protected _revertValue() {\n this.value = this._oldValue;\n }\n\n /**\n * Sets the active date of the calendar based on current selection, if any,\n * or its current active date and its active day view index to always be the first one.\n */\n private _setCalendarActiveDateAndViewIndex() {\n const activeDaysViewIndex = 'activeDaysViewIndex';\n\n this._calendar.activeDate =\n this._firstDefinedInRange ?? this._calendar.activeDate;\n this._calendar[activeDaysViewIndex] = 0;\n }\n\n private _getUpdatedDateRange(\n input: IgcDateTimeInputComponent,\n newValue: Date | null\n ): DateRangeValue {\n const { start = null, end = null } = this.value ?? {};\n\n return input === this._inputs[0]\n ? { start: newValue, end }\n : { start, end: newValue };\n }\n\n // Delegates the validity methods of internal input elements\n // to the component's own validation logic specific to date-range values.\n // Checks for dirty state to avoid unnecessary validation on form reset,\n // caused by the inputs value being set.\n private _delegateInputsValidity() {\n const inputs = this.useTwoInputs ? this._inputs : [this._input];\n\n inputs.forEach((input) => {\n input.checkValidity = () =>\n this._dirty || !this._pristine ? this.checkValidity() : true;\n input.reportValidity = () =>\n this._dirty || !this._pristine ? this.reportValidity() : true;\n });\n }\n\n private _setDateConstraints() {\n const dates: DateRangeDescriptor[] = [];\n if (this._min) {\n dates.push({\n type: DateRangeType.Before,\n dateRange: [this._min],\n });\n }\n\n if (this._max) {\n dates.push({\n type: DateRangeType.After,\n dateRange: [this._max],\n });\n }\n\n if (!isEmpty(this.disabledDates)) {\n dates.push(...this.disabledDates);\n }\n\n this._dateConstraints = isEmpty(dates) ? [] : dates;\n }\n\n private _updateMaskedRangeValue() {\n if (this.useTwoInputs) {\n return;\n }\n\n if (!isCompleteDateRange(this.value)) {\n this._maskedRangeValue = '';\n return;\n }\n\n const { formatDate, predefinedToDateDisplayFormat } = DateTimeUtil;\n\n const { start, end } = this.value;\n const format =\n predefinedToDateDisplayFormat(this._displayFormat) ??\n this._displayFormat ??\n this.inputFormat;\n\n this._maskedRangeValue = format\n ? `${formatDate(start, this.locale, format)} - ${formatDate(end, this.locale, format)}`\n : `${start.toLocaleDateString()} - ${end.toLocaleDateString()}`;\n }\n\n private _setCalendarRangeValues() {\n if (!this._calendar) {\n return;\n }\n\n if (isCompleteDateRange(this.value)) {\n this._calendar.values =\n CalendarDay.compare(this.value.start, this.value.end) === 0\n ? [this.value.start]\n : [this.value.start, this.value.end];\n this._calendar.activeDate = this._firstDefinedInRange;\n return;\n }\n\n this._calendar.values = this._firstDefinedInRange\n ? [this._firstDefinedInRange]\n : null;\n }\n\n private _swapDates(range: DateRangeValue): DateRangeValue {\n return isCompleteDateRange(range) &&\n CalendarDay.compare(range.start, range.end) >= 1\n ? { start: range.end, end: range.start }\n : range;\n }\n\n private async _shouldCloseCalendarDropdown() {\n if (\n !this.keepOpenOnSelect &&\n this._calendar.values.length > 1 &&\n (await this._hide(true))\n ) {\n return this.useTwoInputs ? this._inputs[0].select() : this._input.focus();\n }\n }\n\n private _select(value: DateRangeValue | null, emitEvent = false) {\n this.value = value;\n this._calendar.activeDate =\n this._firstDefinedInRange ?? this._calendar.activeDate;\n\n if (emitEvent) {\n this.emitEvent('igcChange', { detail: this.value });\n this._oldValue = this.value;\n this._hide(true);\n }\n }\n\n // #endregion\n\n // #region Rendering\n\n private _renderClearIcon(picker: DateRangePickerInput = 'start') {\n const clearIcon = this.useTwoInputs ? `clear-icon-${picker}` : 'clear-icon';\n return this._firstDefinedInRange\n ? html`\n <span\n slot=\"suffix\"\n part=${clearIcon}\n @click=${this.readOnly ? nothing : this.clear}\n >\n <slot name=${clearIcon}>\n <igc-icon\n name=\"input_clear\"\n collection=\"default\"\n aria-hidden=\"true\"\n ></igc-icon>\n </slot>\n </span>\n `\n : nothing;\n }\n\n private _renderCalendarIcon(picker: DateRangePickerInput = 'start') {\n const defaultIcon = html`\n <igc-icon name=\"today\" collection=\"default\" aria-hidden=\"true\"></igc-icon>\n `;\n\n const state = this.open ? 'calendar-icon-open' : 'calendar-icon';\n const calendarIcon = this.useTwoInputs ? `${state}-${picker}` : state;\n\n return html`\n <span\n slot=\"prefix\"\n part=${calendarIcon}\n @pointerdown=${this._handleCalendarIconSlotPointerDown}\n @click=${this.readOnly ? nothing : this.handleAnchorClick}\n >\n <slot name=${calendarIcon}>${defaultIcon}</slot>\n </span>\n `;\n }\n\n private _renderCalendarSlots() {\n if (this._isDropDown) {\n return nothing;\n }\n\n const hasHeaderDate = isEmpty(this._headerDateSlotItems)\n ? ''\n : 'header-date';\n\n return html`\n <slot name=\"title\" slot=\"title\">\n ${this.resourceStrings.selectDate}\n </slot>\n <slot name=\"header-date\" slot=${hasHeaderDate}></slot>\n `;\n }\n\n private _renderCalendar(id: string) {\n const hideHeader = this._isDropDown ? true : this.hideHeader;\n\n return html`\n <igc-calendar\n aria-labelledby=${id}\n role=\"dialog\"\n selection=\"range\"\n .inert=${!this.open || this.disabled}\n ?show-week-numbers=${this.showWeekNumbers}\n ?hide-outside-days=${this.hideOutsideDays}\n ?hide-header=${hideHeader}\n .activeDate=${this.activeDate ?? this._firstDefinedInRange}\n .headerOrientation=${this.headerOrientation}\n .orientation=${this.orientation}\n .visibleMonths=${this._visibleMonths}\n .disabledDates=${this._dateConstraints!}\n .specialDates=${this.specialDates}\n .weekStart=${this.weekStart}\n @igcChange=${this._handleCalendarChangeEvent}\n exportparts=\"header, header-title, header-date, content: calendar-content, navigation, months-navigation,\n years-navigation, years-range, navigation-buttons, navigation-button, days-view-container,\n days-view, months-view, years-view, days-row, label: calendar-label, week-number, week-number-inner, date,\n date-inner, first, last, inactive, hidden, weekend, range, special, disabled, single, preview,\n month, month-inner, year, year-inner, selected, current\"\n >\n ${this._renderCalendarSlots()}\n </igc-calendar>\n `;\n }\n\n protected _renderActions() {\n const hasActions = !isEmpty(this._actions);\n const slot = this._isDropDown || hasActions ? undefined : 'footer';\n\n // If in dialog mode use the dialog footer slot\n return html`\n <div part=\"actions\" ?hidden=${!hasActions} slot=${ifDefined(slot)}>\n <slot name=\"actions\"></slot>\n </div>\n `;\n }\n\n protected _renderPredefinedRanges() {\n const hasRanges = this.usePredefinedRanges || !isEmpty(this.customRanges);\n\n return hasRanges\n ? html`\n <igc-predefined-ranges-area\n .usePredefinedRanges=${this.usePredefinedRanges}\n .customRanges=${this.customRanges}\n .resourceStrings=${this.resourceStrings}\n @igcRangeSelect=${({ detail }: CustomEvent<DateRangeValue>) =>\n this._select(detail, this._isDropDown)}\n >\n </igc-predefined-ranges-area>\n `\n : nothing;\n }\n\n protected _renderPicker(id: string) {\n return this._isDropDown\n ? html`\n <igc-popover ?open=${this.open} anchor=${id} flip shift>\n <igc-focus-trap ?disabled=${!this.open || this.disabled}>\n ${this._renderCalendar(id)} ${this._renderPredefinedRanges()}\n ${this._renderActions()}\n </igc-focus-trap>\n </igc-popover>\n `\n : html`\n <igc-dialog\n aria-label=${ifDefined(this.resourceStrings.selectDate)}\n role=\"dialog\"\n ?open=${this.open}\n ?close-on-outside-click=${!this.keepOpenOnOutsideClick}\n hide-default-action\n @igcClosing=${this._handleDialogClosing}\n @igcClosed=${this._handleDialogClosed}\n exportparts=\"base: dialog-base, title, footer, overlay\"\n >\n ${this._renderCalendar(id)} ${this._renderActions()}\n ${this._renderPredefinedRanges()}\n <igc-button\n slot=\"footer\"\n @click=${this._dialogCancel}\n variant=${this._isIndigoTheme ? 'outlined' : 'flat'}\n >${this.resourceStrings.cancel}</igc-button\n >\n <igc-button\n slot=\"footer\"\n @click=${this._dialogDone}\n variant=${this._isIndigoTheme ? 'contained' : 'flat'}\n >${this.resourceStrings.done}</igc-button\n >\n </igc-dialog>\n `;\n }\n\n private _renderHelperText(): TemplateResult {\n return IgcValidationContainerComponent.create(this);\n }\n\n protected _renderInput(id: string, picker: DateRangePickerInput = 'start') {\n const readOnly = !this._isDropDown || this.readOnly || this.nonEditable;\n const placeholder =\n picker === 'start' ? this.placeholderStart : this.placeholderEnd;\n const label = picker === 'start' ? this.labelStart : this.labelEnd;\n const format = DateTimeUtil.predefinedToDateDisplayFormat(\n this._displayFormat!\n );\n const value = picker === 'start' ? this.value?.start : this.value?.end;\n\n const prefixes =\n picker === 'start' ? this._startPrefixes : this._endPrefixes;\n const suffixes =\n picker === 'start' ? this._startSuffixes : this._endSuffixes;\n const prefix = isEmpty(prefixes) ? undefined : 'prefix';\n const suffix = isEmpty(suffixes) ? undefined : 'suffix';\n\n return html`\n <igc-date-time-input\n id=${id}\n aria-haspopup=\"dialog\"\n input-format=${ifDefined(this._inputFormat)}\n display-format=${ifDefined(format)}\n ?disabled=${this.disabled}\n ?readonly=${readOnly}\n .value=${value ?? null}\n .locale=${live(this.locale)}\n .prompt=${this.prompt}\n .outlined=${this.outlined}\n .placeholder=${placeholder}\n .min=${this._min}\n .max=${this._max}\n label=${label}\n ?invalid=${live(this.invalid)}\n @igcChange=${this._handleInputChangeEvent}\n @igcInput=${this._handleInputEvent}\n @click=${this._isDropDown || this.readOnly\n ? nothing\n : this._handleInputClick}\n exportparts=\"input, label, prefix, suffix\"\n >\n ${this._renderCalendarIcon(picker)}\n <slot name=${`prefix-${picker}`} slot=${ifDefined(prefix)}></slot>\n ${this._renderClearIcon(picker)}\n <slot name=${`suffix-${picker}`} slot=${ifDefined(suffix)}></slot>\n </igc-date-time-input>\n `;\n }\n\n private _renderInputs(idStart: string, idEnd: string) {\n return html`\n <div part=\"inputs\">\n ${this._renderInput(idStart, 'start')}\n <div part=\"separator\">\n <slot name=\"separator\"> ${this.resourceStrings.separator} </slot>\n </div>\n ${this._renderInput(idEnd, 'end')}\n </div>\n ${this._renderPicker(idStart)} ${this._renderHelperText()}\n `;\n }\n\n private _renderSingleInput(id: string) {\n const prefix = isEmpty(this._prefixes) ? undefined : 'prefix';\n const suffix = isEmpty(this._suffixes) ? undefined : 'suffix';\n\n return html`\n <igc-input\n id=${id}\n aria-haspopup=\"dialog\"\n .value=${this._maskedRangeValue}\n label=${this.label}\n placeholder=${this.placeholder}\n ?readonly=${true}\n ?required=${this.required}\n .outlined=${this.outlined}\n ?invalid=${live(this.invalid)}\n .disabled=${this.disabled}\n @click=${this._isDropDown || this.readOnly\n ? nothing\n : this._handleInputClick}\n exportparts=\"input, label, prefix, suffix\"\n >\n ${this._renderCalendarIcon()}\n <slot name=\"prefix\" slot=${ifDefined(prefix)}></slot>\n ${this._renderClearIcon()}\n <slot name=\"suffix\" slot=${ifDefined(suffix)}></slot>\n </igc-input>\n ${this._renderHelperText()} ${this._renderPicker(id)}\n `;\n }\n\n protected override render() {\n const id = this.id || this._inputId;\n const idStart = `${id}-start`;\n const idEnd = `${id}-end`;\n if (!this.useTwoInputs) {\n return this._renderSingleInput(id);\n }\n return this._renderInputs(idStart, idEnd);\n }\n\n // #endregion\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-date-range-picker': IgcDateRangePickerComponent;\n }\n}\n\ntype DateRangePickerInput = 'start' | 'end';\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host
|
|
3
|
-
//# sourceMappingURL=
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:row;align-items:center;padding:.5rem}[part=ranges]{display:flex;flex-flow:wrap;padding:.25rem;gap:.5rem;max-height:max(var(--is-large, 1) * max(7.5rem, -1 * 7.5rem), var(--is-medium, 1) * max(6rem, -1 * 6rem), var(--is-small, 1) * max(5.25rem, -1 * 5.25rem));overflow-y:auto}`;
|
|
3
|
+
//# sourceMappingURL=predefined-ranges-area.base.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"predefined-ranges-area.base.css.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/predefined-ranges-area.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+vCAA+vC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:row;align-items:center;padding:.5rem}[part=ranges]{display:flex;flex-flow:wrap;padding:.25rem;gap:.5rem;max-height:max(var(--is-large, 1) * max(7.5rem, -1 * 7.5rem), var(--is-medium, 1) * max(6rem, -1 * 6rem), var(--is-small, 1) * max(5.25rem, -1 * 5.25rem));overflow-y:auto}`;\n"]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { type IgcDateRangePickerResourceStrings } from '../common/i18n/date-range-picker.resources.js';
|
|
3
|
+
import type { CustomDateRange } from './date-range-picker.js';
|
|
4
|
+
/**
|
|
5
|
+
* The predefined ranges area component is used within the `igc-date-range picker` element and it
|
|
6
|
+
* displays a set of chips with predefined date ranges. The component allows users to quickly select
|
|
7
|
+
* a predefined date range value. Users can also provide custom ranges to be displayed as chips.
|
|
8
|
+
*
|
|
9
|
+
* @element igc-predefined-ranges-area
|
|
10
|
+
*/
|
|
11
|
+
export default class IgcPredefinedRangesAreaComponent extends LitElement {
|
|
12
|
+
static readonly tagName = "igc-predefined-ranges-area";
|
|
13
|
+
static styles: import("lit").CSSResult[];
|
|
14
|
+
static register(): void;
|
|
15
|
+
private _predefinedRanges;
|
|
16
|
+
/**
|
|
17
|
+
* Whether the control will show chips with predefined ranges.
|
|
18
|
+
* @attr use-predefined-ranges
|
|
19
|
+
*/
|
|
20
|
+
usePredefinedRanges: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Renders chips with custom ranges based on the elements of the array.
|
|
23
|
+
*/
|
|
24
|
+
customRanges: CustomDateRange[];
|
|
25
|
+
/** The resource strings of the date range area component. */
|
|
26
|
+
resourceStrings: IgcDateRangePickerResourceStrings;
|
|
27
|
+
protected _updatePredefinedRanges(): void;
|
|
28
|
+
private _handleRangeSelect;
|
|
29
|
+
protected _renderDateRanges(): Generator<import("lit-html").TemplateResult<1>, void, unknown>;
|
|
30
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
31
|
+
}
|
|
32
|
+
declare global {
|
|
33
|
+
interface HTMLElementTagNameMap {
|
|
34
|
+
'igc-predefined-ranges-area': IgcPredefinedRangesAreaComponent;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var IgcPredefinedRangesAreaComponent_1;
|
|
8
|
+
import { LitElement, html } from 'lit';
|
|
9
|
+
import { property, state } from 'lit/decorators.js';
|
|
10
|
+
import { themes } from '../../theming/theming-decorator.js';
|
|
11
|
+
import { CalendarDay } from '../calendar/model.js';
|
|
12
|
+
import IgcChipComponent from '../chip/chip.js';
|
|
13
|
+
import { watch } from '../common/decorators/watch.js';
|
|
14
|
+
import { registerComponent } from '../common/definitions/register.js';
|
|
15
|
+
import { IgcDateRangePickerResourceStringsEN, } from '../common/i18n/date-range-picker.resources.js';
|
|
16
|
+
import { styles } from './predefined-ranges-area.base.css.js';
|
|
17
|
+
import { all } from './themes/ranges-themes.js';
|
|
18
|
+
import { styles as shared } from './themes/shared/predefined-ranges-area.common.css.js';
|
|
19
|
+
let IgcPredefinedRangesAreaComponent = IgcPredefinedRangesAreaComponent_1 = class IgcPredefinedRangesAreaComponent extends LitElement {
|
|
20
|
+
constructor() {
|
|
21
|
+
super(...arguments);
|
|
22
|
+
this._predefinedRanges = [];
|
|
23
|
+
this.usePredefinedRanges = false;
|
|
24
|
+
this.customRanges = [];
|
|
25
|
+
this.resourceStrings = IgcDateRangePickerResourceStringsEN;
|
|
26
|
+
}
|
|
27
|
+
static register() {
|
|
28
|
+
registerComponent(IgcPredefinedRangesAreaComponent_1, IgcChipComponent);
|
|
29
|
+
}
|
|
30
|
+
_updatePredefinedRanges() {
|
|
31
|
+
this._predefinedRanges = getPredefinedRanges(this.resourceStrings);
|
|
32
|
+
}
|
|
33
|
+
_handleRangeSelect(range) {
|
|
34
|
+
this.dispatchEvent(new CustomEvent('igcRangeSelect', { detail: range }));
|
|
35
|
+
}
|
|
36
|
+
*_renderDateRanges() {
|
|
37
|
+
const ranges = this.usePredefinedRanges
|
|
38
|
+
? [...this._predefinedRanges, ...this.customRanges]
|
|
39
|
+
: this.customRanges;
|
|
40
|
+
for (const { label, dateRange } of ranges) {
|
|
41
|
+
yield html `
|
|
42
|
+
<igc-chip @click=${() => this._handleRangeSelect(dateRange)}>
|
|
43
|
+
${label}
|
|
44
|
+
</igc-chip>
|
|
45
|
+
`;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
render() {
|
|
49
|
+
return html `<div part="ranges">${this._renderDateRanges()}</div>`;
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
IgcPredefinedRangesAreaComponent.tagName = 'igc-predefined-ranges-area';
|
|
53
|
+
IgcPredefinedRangesAreaComponent.styles = [styles, shared];
|
|
54
|
+
__decorate([
|
|
55
|
+
state()
|
|
56
|
+
], IgcPredefinedRangesAreaComponent.prototype, "_predefinedRanges", void 0);
|
|
57
|
+
__decorate([
|
|
58
|
+
property({
|
|
59
|
+
type: Boolean,
|
|
60
|
+
reflect: true,
|
|
61
|
+
attribute: 'use-predefined-ranges',
|
|
62
|
+
})
|
|
63
|
+
], IgcPredefinedRangesAreaComponent.prototype, "usePredefinedRanges", void 0);
|
|
64
|
+
__decorate([
|
|
65
|
+
property({ attribute: false })
|
|
66
|
+
], IgcPredefinedRangesAreaComponent.prototype, "customRanges", void 0);
|
|
67
|
+
__decorate([
|
|
68
|
+
property({ attribute: false })
|
|
69
|
+
], IgcPredefinedRangesAreaComponent.prototype, "resourceStrings", void 0);
|
|
70
|
+
__decorate([
|
|
71
|
+
watch('resourceStrings')
|
|
72
|
+
], IgcPredefinedRangesAreaComponent.prototype, "_updatePredefinedRanges", null);
|
|
73
|
+
IgcPredefinedRangesAreaComponent = IgcPredefinedRangesAreaComponent_1 = __decorate([
|
|
74
|
+
themes(all)
|
|
75
|
+
], IgcPredefinedRangesAreaComponent);
|
|
76
|
+
export default IgcPredefinedRangesAreaComponent;
|
|
77
|
+
function getPredefinedRanges(resourceStrings) {
|
|
78
|
+
const today = CalendarDay.today;
|
|
79
|
+
const ranges = [
|
|
80
|
+
{
|
|
81
|
+
key: 'last7Days',
|
|
82
|
+
getDateRange: () => ({
|
|
83
|
+
start: today.add('day', -7).native,
|
|
84
|
+
end: today.native,
|
|
85
|
+
}),
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
key: 'currentMonth',
|
|
89
|
+
getDateRange: () => ({
|
|
90
|
+
start: today.set({ date: 1 }).native,
|
|
91
|
+
end: today.set({ date: 1 }).add('month', 1).add('day', -1).native,
|
|
92
|
+
}),
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
key: 'last30Days',
|
|
96
|
+
getDateRange: () => ({
|
|
97
|
+
start: today.add('day', -29).native,
|
|
98
|
+
end: today.native,
|
|
99
|
+
}),
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
key: 'yearToDate',
|
|
103
|
+
getDateRange: () => ({
|
|
104
|
+
start: today.set({ year: today.year, month: 0, date: 1 }).native,
|
|
105
|
+
end: today.native,
|
|
106
|
+
}),
|
|
107
|
+
},
|
|
108
|
+
];
|
|
109
|
+
return ranges.map((range) => ({
|
|
110
|
+
label: resourceStrings[range.key] ||
|
|
111
|
+
IgcDateRangePickerResourceStringsEN[range.key],
|
|
112
|
+
dateRange: range.getDateRange(),
|
|
113
|
+
}));
|
|
114
|
+
}
|
|
115
|
+
//# sourceMappingURL=predefined-ranges-area.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"predefined-ranges-area.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/predefined-ranges-area.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAEL,mCAAmC,GACpC,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AAWzE,IAAM,gCAAgC,wCAAtC,MAAM,gCAAiC,SAAQ,UAAU;IAAzD;;QAUL,sBAAiB,GAAsB,EAAE,CAAC;QAW3C,wBAAmB,GAAG,KAAK,CAAC;QAM5B,iBAAY,GAAsB,EAAE,CAAC;QAIrC,oBAAe,GACpB,mCAAmC,CAAC;IA4BxC,CAAC;IAvDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kCAAgC,EAAE,gBAAgB,CAAC,CAAC;IACxE,CAAC;IA4BS,uBAAuB;QAC/B,IAAI,CAAC,iBAAiB,GAAG,mBAAmB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACrE,CAAC;IAEO,kBAAkB,CAAC,KAAqB;QAC9C,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC3E,CAAC;IAES,CAAC,iBAAiB;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAmB;YACrC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YACnD,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;QAEtB,KAAK,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,MAAM,EAAE,CAAC;YAC1C,MAAM,IAAI,CAAA;2BACW,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC;YACvD,KAAK;;OAEV,CAAC;QACJ,CAAC;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,sBAAsB,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC;IACpE,CAAC;;AA1DsB,wCAAO,GAAG,4BAA4B,AAA/B,CAAgC;AACvC,uCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAQzC;IADP,KAAK,EAAE;2EAC0C;AAW3C;IALN,QAAQ,CAAC;QACR,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,uBAAuB;KACnC,CAAC;6EACiC;AAM5B;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;sEACa;AAIrC;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;yEAEO;AAG5B;IADT,KAAK,CAAC,iBAAiB,CAAC;+EAGxB;AArCkB,gCAAgC;IADpD,MAAM,CAAC,GAAG,CAAC;GACS,gCAAgC,CA4DpD;eA5DoB,gCAAgC;AA0ErD,SAAS,mBAAmB,CAC1B,eAAkD;IAElD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAEhC,MAAM,MAAM,GAGN;QACJ;YACE,GAAG,EAAE,WAAW;YAChB,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM;gBAClC,GAAG,EAAE,KAAK,CAAC,MAAM;aAClB,CAAC;SACH;QACD;YACE,GAAG,EAAE,cAAc;YACnB,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM;gBACpC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM;aAClE,CAAC;SACH;QACD;YACE,GAAG,EAAE,YAAY;YACjB,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM;gBACnC,GAAG,EAAE,KAAK,CAAC,MAAM;aAClB,CAAC;SACH;QACD;YACE,GAAG,EAAE,YAAY;YACjB,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM;gBAChE,GAAG,EAAE,KAAK,CAAC,MAAM;aAClB,CAAC;SACH;KACF,CAAC;IAEF,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC5B,KAAK,EACH,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC;YAC1B,mCAAmC,CAAC,KAAK,CAAC,GAAG,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,YAAY,EAAE;KAChC,CAAC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { CalendarDay } from '../calendar/model.js';\nimport IgcChipComponent from '../chip/chip.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n type IgcDateRangePickerResourceStrings,\n IgcDateRangePickerResourceStringsEN,\n} from '../common/i18n/date-range-picker.resources.js';\nimport type { CustomDateRange, DateRangeValue } from './date-range-picker.js';\nimport { styles } from './predefined-ranges-area.base.css.js';\nimport { all } from './themes/ranges-themes.js';\nimport { styles as shared } from './themes/shared/predefined-ranges-area.common.css.js';\n\n/* blazorSuppress */\n/**\n * The predefined ranges area component is used within the `igc-date-range picker` element and it\n * displays a set of chips with predefined date ranges. The component allows users to quickly select\n * a predefined date range value. Users can also provide custom ranges to be displayed as chips.\n *\n * @element igc-predefined-ranges-area\n */\n@themes(all)\nexport default class IgcPredefinedRangesAreaComponent extends LitElement {\n public static readonly tagName = 'igc-predefined-ranges-area';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcPredefinedRangesAreaComponent, IgcChipComponent);\n }\n\n @state()\n private _predefinedRanges: CustomDateRange[] = [];\n\n /**\n * Whether the control will show chips with predefined ranges.\n * @attr use-predefined-ranges\n */\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'use-predefined-ranges',\n })\n public usePredefinedRanges = false;\n\n /**\n * Renders chips with custom ranges based on the elements of the array.\n */\n @property({ attribute: false })\n public customRanges: CustomDateRange[] = [];\n\n /** The resource strings of the date range area component. */\n @property({ attribute: false })\n public resourceStrings: IgcDateRangePickerResourceStrings =\n IgcDateRangePickerResourceStringsEN;\n\n @watch('resourceStrings')\n protected _updatePredefinedRanges(): void {\n this._predefinedRanges = getPredefinedRanges(this.resourceStrings);\n }\n\n private _handleRangeSelect(range: DateRangeValue): void {\n this.dispatchEvent(new CustomEvent('igcRangeSelect', { detail: range }));\n }\n\n protected *_renderDateRanges() {\n const ranges = this.usePredefinedRanges\n ? [...this._predefinedRanges, ...this.customRanges]\n : this.customRanges;\n\n for (const { label, dateRange } of ranges) {\n yield html`\n <igc-chip @click=${() => this._handleRangeSelect(dateRange)}>\n ${label}\n </igc-chip>\n `;\n }\n }\n\n protected override render() {\n return html`<div part=\"ranges\">${this._renderDateRanges()}</div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-predefined-ranges-area': IgcPredefinedRangesAreaComponent;\n }\n}\n\ntype PredefinedRangeKey =\n | 'last7Days'\n | 'currentMonth'\n | 'last30Days'\n | 'yearToDate';\n\nfunction getPredefinedRanges(\n resourceStrings: IgcDateRangePickerResourceStrings\n): CustomDateRange[] {\n const today = CalendarDay.today;\n\n const ranges: {\n key: PredefinedRangeKey;\n getDateRange: () => { start: Date; end: Date };\n }[] = [\n {\n key: 'last7Days',\n getDateRange: () => ({\n start: today.add('day', -7).native,\n end: today.native,\n }),\n },\n {\n key: 'currentMonth',\n getDateRange: () => ({\n start: today.set({ date: 1 }).native,\n end: today.set({ date: 1 }).add('month', 1).add('day', -1).native,\n }),\n },\n {\n key: 'last30Days',\n getDateRange: () => ({\n start: today.add('day', -29).native,\n end: today.native,\n }),\n },\n {\n key: 'yearToDate',\n getDateRange: () => ({\n start: today.set({ year: today.year, month: 0, date: 1 }).native,\n end: today.native,\n }),\n },\n ];\n\n return ranges.map((range) => ({\n label:\n resourceStrings[range.key] ||\n IgcDateRangePickerResourceStringsEN[range.key],\n dateRange: range.getDateRange(),\n }));\n}\n"]}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-300));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-300));--ig-theme: bootstrap}`;
|
|
3
|
+
//# sourceMappingURL=date-range-picker.bootstrap.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ulLAAulL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-300));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-300));--ig-theme: bootstrap}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-800));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-100));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: fluent}`;
|
|
3
|
+
//# sourceMappingURL=date-range-picker.fluent.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,siLAAsiL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-800));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-100));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: fluent}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--label-color: var(--ig-daterangepicker-label-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-gray-50));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-daterangepicker-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-daterangepicker-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-50));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: indigo}`;
|
|
3
|
+
//# sourceMappingURL=date-range-picker.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,otMAAotM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-daterangepicker-label-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-gray-50));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-daterangepicker-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-daterangepicker-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-50));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: indigo}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: material}`;
|
|
3
|
+
//# sourceMappingURL=date-range-picker.material.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2jLAA2jL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: material}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-300));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-300));--ig-theme: bootstrap}`;
|
|
3
|
+
//# sourceMappingURL=date-range-picker.bootstrap.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ulLAAulL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-300));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-300));--ig-theme: bootstrap}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-200));--ig-theme: fluent}`;
|
|
3
|
+
//# sourceMappingURL=date-range-picker.fluent.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+9KAA+9K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-200));--ig-theme: fluent}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--label-color: var(--ig-daterangepicker-label-color, var(--ig-gray-600));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-primary-500-contrast));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-400));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-600));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-600));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-800));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-600));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-400));--ig-theme: indigo}`;
|
|
3
|
+
//# sourceMappingURL=date-range-picker.indigo.css.js.map
|