igniteui-webcomponents 6.0.1 → 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 +32 -0
- 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/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.js +3 -3
- package/components/chip/chip.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/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/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 +3 -3
- package/components/date-picker/date-picker.js +13 -14
- 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/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.d.ts +1 -0
- 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.d.ts +1 -0
- 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/date-range-picker/predefined-ranges-area.base.css.d.ts +1 -0
- package/components/date-range-picker/predefined-ranges-area.base.css.js +3 -0
- 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.d.ts +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 +7 -9
- 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 +11 -5
- 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/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/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/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/tabs/tabs.js +8 -6
- package/components/tabs/tabs.js.map +1 -1
- package/components/textarea/textarea.d.ts +2 -2
- package/components/textarea/textarea.js +7 -6
- 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/validation-container/validation-container.js +4 -11
- package/components/validation-container/validation-container.js.map +1 -1
- package/custom-elements.json +21432 -17768
- 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/web-types.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ivLAAivL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport 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}`;\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, 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, 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(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-200));--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/light/date-range-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+6KAA+6K,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, 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, 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(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-200));--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{--label-color: var(--ig-daterangepicker-label-color, var(--ig-gray-700));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-surface-500));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-200))}`;
|
|
3
|
+
//# sourceMappingURL=date-range-picker.shared.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sPAAsP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-daterangepicker-label-color, var(--ig-gray-700));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-surface-500));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-200))}`;\n"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
import { styles as indigo } from './shared/predefined-ranges-area.indigo.css.js';
|
|
3
|
+
const light = {
|
|
4
|
+
indigo: css `
|
|
5
|
+
${indigo}
|
|
6
|
+
`,
|
|
7
|
+
};
|
|
8
|
+
const dark = {
|
|
9
|
+
indigo: css `
|
|
10
|
+
${indigo}
|
|
11
|
+
`,
|
|
12
|
+
};
|
|
13
|
+
export const all = { light, dark };
|
|
14
|
+
//# sourceMappingURL=ranges-themes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ranges-themes.js","sourceRoot":"","sources":["../../../../src/components/date-range-picker/themes/ranges-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAEjF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as indigo } from './shared/predefined-ranges-area.indigo.css.js';\n\nconst light = {\n indigo: css`\n ${indigo}\n `,\n};\n\nconst dark = {\n indigo: css`\n ${indigo}\n `,\n};\n\nexport const all: Themes = { light, dark };\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 igc-dialog igc-calendar{border:none}:host igc-dialog::part(base){border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);padding-inline-start:0;margin-block-start:.25rem}:host([readonly]) igc-input::part(container),:host([readonly]) igc-input::part(prefix),:host([readonly]) igc-input::part(suffix),:host([readonly]) igc-date-time-input::part(container),:host([readonly]) igc-date-time-input::part(prefix),:host([readonly]) igc-date-time-input::part(suffix){background:var(--border-disabled-background)}[part=separator]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;
|
|
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/shared/date-range-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qnDAAqnD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog igc-calendar{border:none}:host igc-dialog::part(base){border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);padding-inline-start:0;margin-block-start:.25rem}:host([readonly]) igc-input::part(container),:host([readonly]) igc-input::part(prefix),:host([readonly]) igc-input::part(suffix),:host([readonly]) igc-date-time-input::part(container),:host([readonly]) igc-date-time-input::part(prefix),:host([readonly]) igc-date-time-input::part(suffix){background:var(--border-disabled-background)}[part=separator]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;\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{--component-size: var(--ig-size, var(--default-size))}:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24)}:host igc-dialog::part(content){padding:0}:host igc-dialog::part(footer){padding:.5rem;background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--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);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host(:not([readonly])){--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]{--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]::part(prefix),:host(:not([readonly])) igc-date-time-input[readonly]::part(suffix){color:var(--affix-color)}:host(:not([readonly])) [part=calendar-icon],:host(:not([readonly])) [part=calendar-icon-open],:host(:not([readonly])) [part=clear-icon]{color:var(--affix-color)}:host(:not([readonly])) igc-input:focus-within{--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) igc-input:focus-within::part(filled){--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) ::part(filled){--affix-color: var(--input-prefix-color--filled)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){--affix-color: var-get($theme, "disabled-text-color")}:host(:disabled) ::part(filled),:host([disabled]) ::part(filled){--affix-color: var-get($theme, "disabled-text-color")}:host(:disabled) ::part(helper-text),:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}[part=separator]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--label-color);height:var(--size)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;
|
|
3
|
+
//# sourceMappingURL=date-range-picker.common.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.common.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m9HAAm9H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24)}:host igc-dialog::part(content){padding:0}:host igc-dialog::part(footer){padding:.5rem;background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--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);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host(:not([readonly])){--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]{--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]::part(prefix),:host(:not([readonly])) igc-date-time-input[readonly]::part(suffix){color:var(--affix-color)}:host(:not([readonly])) [part=calendar-icon],:host(:not([readonly])) [part=calendar-icon-open],:host(:not([readonly])) [part=clear-icon]{color:var(--affix-color)}:host(:not([readonly])) igc-input:focus-within{--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) igc-input:focus-within::part(filled){--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) ::part(filled){--affix-color: var(--input-prefix-color--filled)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){--affix-color: var-get($theme, \"disabled-text-color\")}:host(:disabled) ::part(filled),:host([disabled]) ::part(filled){--affix-color: var-get($theme, \"disabled-text-color\")}:host(:disabled) ::part(helper-text),:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}[part=separator]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--label-color);height:var(--size)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;\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 igc-dialog[open]::part(base){border-radius:0}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem;padding-inline-start:0}:host([required]) ::part(label)::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-input::part(prefix),:host(:not([disabled])[readonly]) igc-input::part(suffix),:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([readonly],[invalid],[disabled])) igc-input[readonly]:not(:focus):hover::part(container)::before{color:var(--hover-border-color)}:host(:disabled) ::part(label)::after,:host([disabled]) ::part(label)::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;
|
|
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/shared/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q2CAAq2C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:0}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem;padding-inline-start:0}:host([required]) ::part(label)::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-input::part(prefix),:host(:not([disabled])[readonly]) igc-input::part(suffix),:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([readonly],[invalid],[disabled])) igc-input[readonly]:not(:focus):hover::part(container)::before{color:var(--hover-border-color)}:host(:disabled) ::part(label)::after,:host([disabled]) ::part(label)::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;\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 igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-dialog::part(footer){padding:.5rem 1rem;gap:.5rem}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(0.9375rem, auto);padding-inline-start:0}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:.5rem 1rem}:host(:not([invalid])[readonly]) igc-input::part(container),:host(:not([invalid])[readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly]):hover) igc-input[readonly]::part(container){background:var(--box-background-hover)}:host(:not([readonly]):hover) igc-input[readonly]::part(filled){color:var(--filled-text-hover-color)}:host(:not([readonly],[invalid]):hover) igc-input[readonly]::part(container){border-color:var(--hover-bottom-line-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}`;
|
|
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/shared/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4kDAA4kD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-dialog::part(footer){padding:.5rem 1rem;gap:.5rem}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(0.9375rem, auto);padding-inline-start:0}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:.5rem 1rem}:host(:not([invalid])[readonly]) igc-input::part(container),:host(:not([invalid])[readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly]):hover) igc-input[readonly]::part(container){background:var(--box-background-hover)}:host(:not([readonly]):hover) igc-input[readonly]::part(filled){color:var(--filled-text-hover-color)}:host(:not([readonly],[invalid]):hover) igc-input[readonly]::part(container){border-color:var(--hover-bottom-line-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}`;\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(:not([invalid])[outlined][readonly]:hover) igc-input::part(start),:host(:not([invalid])[outlined][readonly]:hover) igc-input::part(end),:host(:not([invalid])[outlined][readonly]:hover) igc-input::part(filler),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(start),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(end),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(filler){border-color:var(--border-color)}:host(:not([invalid])[outlined][readonly]:hover) igc-input::part(notch),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(notch){border-bottom-color:var(--border-color)}:host(:not([invalid])[outlined][readonly]:focus-within) igc-input::part(start),:host(:not([invalid])[outlined][readonly]:focus-within) igc-input::part(end),:host(:not([invalid])[outlined][readonly]:focus-within) igc-input::part(filler){border-color:var(--focused-border-color)}:host(:not([invalid])[outlined][readonly]:focus-within) igc-input::part(notch){border-bottom-color:var(--focused-border-color)}:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(start),:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(end),:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(filler){border-color:var(--focused-border-color)}:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(notch){border-bottom-color:var(--focused-border-color)}:host(:not([outlined],[disabled])[readonly]) igc-input::part(container),:host(:not([outlined],[disabled])[readonly]) igc-date-time-input::part(container){background:var(--box-background-focus)}:host(:not([outlined],[invalid])[readonly]:hover) igc-input::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]:hover) igc-input::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]:focus-within) igc-input::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]:focus-within) igc-input::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:hover::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:hover::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:focus-within::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:focus-within::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined])[invalid][readonly]:hover) igc-input::part(container),:host(:not([outlined])[invalid][readonly]:focus-within) igc-input::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined])[invalid][readonly]:hover) igc-input::part(container)::after,:host(:not([outlined])[invalid][readonly]:focus-within) igc-input::part(container)::after{border-color:var(--error-secondary-color)}:host(:not([outlined])[readonly][invalid]) igc-date-time-input:hover::part(container),:host(:not([outlined])[readonly][invalid]) igc-date-time-input:focus-within::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined])[readonly][invalid]) igc-date-time-input:hover::part(container)::after,:host(:not([outlined])[readonly][invalid]) igc-date-time-input:focus-within::part(container)::after{border-color:var(--error-secondary-color)}`;
|
|
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/shared/date-range-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0mHAA0mH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:not([invalid])[outlined][readonly]:hover) igc-input::part(start),:host(:not([invalid])[outlined][readonly]:hover) igc-input::part(end),:host(:not([invalid])[outlined][readonly]:hover) igc-input::part(filler),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(start),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(end),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(filler){border-color:var(--border-color)}:host(:not([invalid])[outlined][readonly]:hover) igc-input::part(notch),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(notch){border-bottom-color:var(--border-color)}:host(:not([invalid])[outlined][readonly]:focus-within) igc-input::part(start),:host(:not([invalid])[outlined][readonly]:focus-within) igc-input::part(end),:host(:not([invalid])[outlined][readonly]:focus-within) igc-input::part(filler){border-color:var(--focused-border-color)}:host(:not([invalid])[outlined][readonly]:focus-within) igc-input::part(notch){border-bottom-color:var(--focused-border-color)}:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(start),:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(end),:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(filler){border-color:var(--focused-border-color)}:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(notch){border-bottom-color:var(--focused-border-color)}:host(:not([outlined],[disabled])[readonly]) igc-input::part(container),:host(:not([outlined],[disabled])[readonly]) igc-date-time-input::part(container){background:var(--box-background-focus)}:host(:not([outlined],[invalid])[readonly]:hover) igc-input::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]:hover) igc-input::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]:focus-within) igc-input::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]:focus-within) igc-input::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:hover::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:hover::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:focus-within::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:focus-within::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined])[invalid][readonly]:hover) igc-input::part(container),:host(:not([outlined])[invalid][readonly]:focus-within) igc-input::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined])[invalid][readonly]:hover) igc-input::part(container)::after,:host(:not([outlined])[invalid][readonly]:focus-within) igc-input::part(container)::after{border-color:var(--error-secondary-color)}:host(:not([outlined])[readonly][invalid]) igc-date-time-input:hover::part(container),:host(:not([outlined])[readonly][invalid]) igc-date-time-input:focus-within::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined])[readonly][invalid]) igc-date-time-input:hover::part(container)::after,:host(:not([outlined])[readonly][invalid]) igc-date-time-input:focus-within::part(container)::after{border-color:var(--error-secondary-color)}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"predefined-ranges-area.common.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/predefined-ranges-area.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2FAA2F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{background:var(--ranges-background);border-top:.0625rem solid var(--ranges-border)}`;\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 `[part=ranges]{max-height:max(var(--is-large, 1) * max(6.75rem, -1 * 6.75rem), var(--is-medium, 1) * max(6rem, -1 * 6rem), var(--is-small, 1) * max(5.25rem, -1 * 5.25rem))}`;
|
|
3
|
+
//# sourceMappingURL=predefined-ranges-area.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"predefined-ranges-area.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/predefined-ranges-area.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6KAA6K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=ranges]{max-height:max(var(--is-large, 1) * max(6.75rem, -1 * 6.75rem), var(--is-medium, 1) * max(6rem, -1 * 6rem), var(--is-small, 1) * max(5.25rem, -1 * 5.25rem))}`;\n"]}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
import { styles as bootstrapDark } from './dark/date-range-picker.bootstrap.css.js';
|
|
3
|
+
import { styles as fluentDark } from './dark/date-range-picker.fluent.css.js';
|
|
4
|
+
import { styles as indigoDark } from './dark/date-range-picker.indigo.css.js';
|
|
5
|
+
import { styles as materialDark } from './dark/date-range-picker.material.css.js';
|
|
6
|
+
import { styles as bootstrapLight } from './light/date-range-picker.bootstrap.css.js';
|
|
7
|
+
import { styles as fluentLight } from './light/date-range-picker.fluent.css.js';
|
|
8
|
+
import { styles as indigoLight } from './light/date-range-picker.indigo.css.js';
|
|
9
|
+
import { styles as materialLight } from './light/date-range-picker.material.css.js';
|
|
10
|
+
import { styles as shared } from './light/date-range-picker.shared.css.js';
|
|
11
|
+
import { styles as bootstrap } from './shared/date-range-picker.bootstrap.css.js';
|
|
12
|
+
import { styles as fluent } from './shared/date-range-picker.fluent.css.js';
|
|
13
|
+
import { styles as indigo } from './shared/date-range-picker.indigo.css.js';
|
|
14
|
+
import { styles as material } from './shared/date-range-picker.material.css.js';
|
|
15
|
+
const light = {
|
|
16
|
+
shared: css `
|
|
17
|
+
${shared}
|
|
18
|
+
`,
|
|
19
|
+
bootstrap: css `
|
|
20
|
+
${bootstrap} ${bootstrapLight}
|
|
21
|
+
`,
|
|
22
|
+
material: css `
|
|
23
|
+
${material} ${materialLight}
|
|
24
|
+
`,
|
|
25
|
+
fluent: css `
|
|
26
|
+
${fluent} ${fluentLight}
|
|
27
|
+
`,
|
|
28
|
+
indigo: css `
|
|
29
|
+
${indigo} ${indigoLight}
|
|
30
|
+
`,
|
|
31
|
+
};
|
|
32
|
+
const dark = {
|
|
33
|
+
shared: css `
|
|
34
|
+
${shared}
|
|
35
|
+
`,
|
|
36
|
+
bootstrap: css `
|
|
37
|
+
${bootstrap} ${bootstrapDark}
|
|
38
|
+
`,
|
|
39
|
+
material: css `
|
|
40
|
+
${material} ${materialDark}
|
|
41
|
+
`,
|
|
42
|
+
fluent: css `
|
|
43
|
+
${fluent} ${fluentDark}
|
|
44
|
+
`,
|
|
45
|
+
indigo: css `
|
|
46
|
+
${indigo} ${indigoDark}
|
|
47
|
+
`,
|
|
48
|
+
};
|
|
49
|
+
export const all = { light, dark };
|
|
50
|
+
//# sourceMappingURL=themes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/date-range-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAElF,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEhF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/date-range-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/date-range-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/date-range-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/date-range-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/date-range-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/date-range-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/date-range-picker.indigo.css.js';\nimport { styles as materialLight } from './light/date-range-picker.material.css.js';\nimport { styles as shared } from './light/date-range-picker.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/date-range-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/date-range-picker.fluent.css.js';\nimport { styles as indigo } from './shared/date-range-picker.indigo.css.js';\nimport { styles as material } from './shared/date-range-picker.material.css.js';\n\nconst light = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { DateRangeDescriptor } from '../calendar/types.js';
|
|
2
|
+
import type { Validator } from '../common/validators.js';
|
|
3
|
+
import type IgcDateRangePickerComponent from './date-range-picker.js';
|
|
4
|
+
import type { DateRangeValue } from './date-range-picker.js';
|
|
5
|
+
export declare const minDateRangeValidator: Validator<{
|
|
6
|
+
value?: DateRangeValue | null;
|
|
7
|
+
min?: Date | null;
|
|
8
|
+
}>;
|
|
9
|
+
export declare const maxDateRangeValidator: Validator<{
|
|
10
|
+
value?: DateRangeValue | null;
|
|
11
|
+
max?: Date | null;
|
|
12
|
+
}>;
|
|
13
|
+
export declare const requiredDateRangeValidator: Validator<{
|
|
14
|
+
required: boolean;
|
|
15
|
+
value: DateRangeValue | null;
|
|
16
|
+
}>;
|
|
17
|
+
export declare const badInputDateRangeValidator: Validator<{
|
|
18
|
+
required: boolean;
|
|
19
|
+
value: DateRangeValue | null;
|
|
20
|
+
disabledDates?: DateRangeDescriptor[];
|
|
21
|
+
}>;
|
|
22
|
+
export declare const dateRangeValidators: Validator<IgcDateRangePickerComponent>[];
|
|
23
|
+
export declare function isCompleteDateRange(value: DateRangeValue | null): value is {
|
|
24
|
+
start: Date;
|
|
25
|
+
end: Date;
|
|
26
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { calendarRange, isDateInRanges } from '../calendar/helpers.js';
|
|
2
|
+
import { CalendarDay } from '../calendar/model.js';
|
|
3
|
+
import messages from '../common/localization/validation-en.js';
|
|
4
|
+
import { formatString, isEmpty } from '../common/util.js';
|
|
5
|
+
export const minDateRangeValidator = {
|
|
6
|
+
key: 'rangeUnderflow',
|
|
7
|
+
message: ({ min }) => formatString(messages.min, min),
|
|
8
|
+
isValid: ({ value, min }) => {
|
|
9
|
+
if (!min) {
|
|
10
|
+
return true;
|
|
11
|
+
}
|
|
12
|
+
const isStartInvalid = value?.start && CalendarDay.compare(value.start, min) < 0;
|
|
13
|
+
const isEndInvalid = value?.end && CalendarDay.compare(value.end, min) < 0;
|
|
14
|
+
return !(isStartInvalid || isEndInvalid);
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
export const maxDateRangeValidator = {
|
|
18
|
+
key: 'rangeOverflow',
|
|
19
|
+
message: ({ max }) => formatString(messages.max, max),
|
|
20
|
+
isValid: ({ value, max }) => {
|
|
21
|
+
if (!max) {
|
|
22
|
+
return true;
|
|
23
|
+
}
|
|
24
|
+
const isStartInvalid = value?.start && CalendarDay.compare(value.start, max) > 0;
|
|
25
|
+
const isEndInvalid = value?.end && CalendarDay.compare(value.end, max) > 0;
|
|
26
|
+
return !(isStartInvalid || isEndInvalid);
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
|
+
export const requiredDateRangeValidator = {
|
|
30
|
+
key: 'valueMissing',
|
|
31
|
+
message: messages.required,
|
|
32
|
+
isValid: ({ required, value }) => {
|
|
33
|
+
return required ? isCompleteDateRange(value) : true;
|
|
34
|
+
},
|
|
35
|
+
};
|
|
36
|
+
export const badInputDateRangeValidator = {
|
|
37
|
+
key: 'badInput',
|
|
38
|
+
message: ({ value }) => formatString(messages.disabledDate, value),
|
|
39
|
+
isValid: ({ value, disabledDates }) => {
|
|
40
|
+
if (!isCompleteDateRange(value) ||
|
|
41
|
+
!disabledDates ||
|
|
42
|
+
isEmpty(disabledDates)) {
|
|
43
|
+
return true;
|
|
44
|
+
}
|
|
45
|
+
return Array.from(calendarRange({ start: value.start, end: value.end, inclusive: true })).every((date) => !isDateInRanges(date, disabledDates));
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
export const dateRangeValidators = [
|
|
49
|
+
requiredDateRangeValidator,
|
|
50
|
+
minDateRangeValidator,
|
|
51
|
+
maxDateRangeValidator,
|
|
52
|
+
badInputDateRangeValidator,
|
|
53
|
+
];
|
|
54
|
+
export function isCompleteDateRange(value) {
|
|
55
|
+
return value != null && value.start != null && value.end != null;
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=validators.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAK1D,MAAM,CAAC,MAAM,qBAAqB,GAG7B;IACH,GAAG,EAAE,gBAAgB;IACrB,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC;IACrD,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;QAC1B,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,cAAc,GAClB,KAAK,EAAE,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,KAAK,EAAE,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAE3E,OAAO,CAAC,CAAC,cAAc,IAAI,YAAY,CAAC,CAAC;IAC3C,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAG7B;IACH,GAAG,EAAE,eAAe;IACpB,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC;IACrD,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;QAC1B,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,cAAc,GAClB,KAAK,EAAE,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,KAAK,EAAE,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAE3E,OAAO,CAAC,CAAC,cAAc,IAAI,YAAY,CAAC,CAAC;IAC3C,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAGlC;IACH,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,QAAQ,CAAC,QAAQ;IAC1B,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QAC/B,OAAO,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACtD,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAIlC;IACH,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC;IAClE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QACpC,IACE,CAAC,mBAAmB,CAAC,KAAK,CAAC;YAC3B,CAAC,aAAa;YACd,OAAO,CAAC,aAAa,CAAC,EACtB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CACf,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CACvE,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAC1D,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAA6C;IAC3E,0BAA0B;IAC1B,qBAAqB;IACrB,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC;AAEF,MAAM,UAAU,mBAAmB,CACjC,KAA4B;IAE5B,OAAO,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC;AACnE,CAAC","sourcesContent":["import { calendarRange, isDateInRanges } from '../calendar/helpers.js';\nimport { CalendarDay } from '../calendar/model.js';\nimport type { DateRangeDescriptor } from '../calendar/types.js';\nimport messages from '../common/localization/validation-en.js';\nimport { formatString, isEmpty } from '../common/util.js';\nimport type { Validator } from '../common/validators.js';\nimport type IgcDateRangePickerComponent from './date-range-picker.js';\nimport type { DateRangeValue } from './date-range-picker.js';\n\nexport const minDateRangeValidator: Validator<{\n value?: DateRangeValue | null;\n min?: Date | null;\n}> = {\n key: 'rangeUnderflow',\n message: ({ min }) => formatString(messages.min, min),\n isValid: ({ value, min }) => {\n if (!min) {\n return true;\n }\n\n const isStartInvalid =\n value?.start && CalendarDay.compare(value.start, min) < 0;\n const isEndInvalid = value?.end && CalendarDay.compare(value.end, min) < 0;\n\n return !(isStartInvalid || isEndInvalid);\n },\n};\n\nexport const maxDateRangeValidator: Validator<{\n value?: DateRangeValue | null;\n max?: Date | null;\n}> = {\n key: 'rangeOverflow',\n message: ({ max }) => formatString(messages.max, max),\n isValid: ({ value, max }) => {\n if (!max) {\n return true;\n }\n\n const isStartInvalid =\n value?.start && CalendarDay.compare(value.start, max) > 0;\n const isEndInvalid = value?.end && CalendarDay.compare(value.end, max) > 0;\n\n return !(isStartInvalid || isEndInvalid);\n },\n};\n\nexport const requiredDateRangeValidator: Validator<{\n required: boolean;\n value: DateRangeValue | null;\n}> = {\n key: 'valueMissing',\n message: messages.required,\n isValid: ({ required, value }) => {\n return required ? isCompleteDateRange(value) : true;\n },\n};\n\nexport const badInputDateRangeValidator: Validator<{\n required: boolean;\n value: DateRangeValue | null;\n disabledDates?: DateRangeDescriptor[];\n}> = {\n key: 'badInput',\n message: ({ value }) => formatString(messages.disabledDate, value),\n isValid: ({ value, disabledDates }) => {\n if (\n !isCompleteDateRange(value) ||\n !disabledDates ||\n isEmpty(disabledDates)\n ) {\n return true;\n }\n\n return Array.from(\n calendarRange({ start: value.start, end: value.end, inclusive: true })\n ).every((date) => !isDateInRanges(date, disabledDates));\n },\n};\n\nexport const dateRangeValidators: Validator<IgcDateRangePickerComponent>[] = [\n requiredDateRangeValidator,\n minDateRangeValidator,\n maxDateRangeValidator,\n badInputDateRangeValidator,\n];\n\nexport function isCompleteDateRange(\n value: DateRangeValue | null\n): value is { start: Date; end: Date } {\n return value != null && value.start != null && value.end != null;\n}\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { AbstractConstructor } from '../common/mixins/constructor.js';
|
|
2
|
-
import { type
|
|
2
|
+
import { type FormValueOf } from '../common/mixins/forms/form-value.js';
|
|
3
3
|
import type { IgcInputComponentEventMap } from '../input/input-base.js';
|
|
4
4
|
import { IgcMaskInputBaseComponent, type MaskRange } from '../mask-input/mask-input-base.js';
|
|
5
5
|
import { DatePart, type DatePartDeltas } from './date-util.js';
|
|
@@ -36,7 +36,7 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
|
|
|
36
36
|
static readonly tagName = "igc-date-time-input";
|
|
37
37
|
static register(): void;
|
|
38
38
|
protected get __validators(): import("../common/validators.js").Validator<IgcDateTimeInputComponent>[];
|
|
39
|
-
protected _formValue:
|
|
39
|
+
protected readonly _formValue: FormValueOf<Date | null>;
|
|
40
40
|
protected _defaultMask: string;
|
|
41
41
|
private _oldValue;
|
|
42
42
|
private _min;
|
|
@@ -9,12 +9,12 @@ import { eventOptions, property } from 'lit/decorators.js';
|
|
|
9
9
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
10
10
|
import { live } from 'lit/directives/live.js';
|
|
11
11
|
import { convertToDate } from '../calendar/helpers.js';
|
|
12
|
-
import { addKeybindings,
|
|
12
|
+
import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, ctrlKey, } from '../common/controllers/key-bindings.js';
|
|
13
13
|
import { watch } from '../common/decorators/watch.js';
|
|
14
14
|
import { registerComponent } from '../common/definitions/register.js';
|
|
15
15
|
import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
|
|
16
16
|
import { createFormValueState, defaultDateTimeTransformers, } from '../common/mixins/forms/form-value.js';
|
|
17
|
-
import {
|
|
17
|
+
import { partMap } from '../common/part-map.js';
|
|
18
18
|
import { IgcMaskInputBaseComponent, } from '../mask-input/mask-input-base.js';
|
|
19
19
|
import IgcValidationContainerComponent from '../validation-container/validation-container.js';
|
|
20
20
|
import { DatePart, DateParts, DateTimeUtil, } from './date-util.js';
|
|
@@ -122,6 +122,10 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
|
|
|
122
122
|
}
|
|
123
123
|
constructor() {
|
|
124
124
|
super();
|
|
125
|
+
this._formValue = createFormValueState(this, {
|
|
126
|
+
initialValue: null,
|
|
127
|
+
transformers: defaultDateTimeTransformers,
|
|
128
|
+
});
|
|
125
129
|
this._oldValue = null;
|
|
126
130
|
this._min = null;
|
|
127
131
|
this._max = null;
|
|
@@ -135,16 +139,10 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
|
|
|
135
139
|
};
|
|
136
140
|
this.spinLoop = true;
|
|
137
141
|
this.locale = 'en';
|
|
138
|
-
this._formValue = createFormValueState(this, {
|
|
139
|
-
initialValue: null,
|
|
140
|
-
transformers: defaultDateTimeTransformers,
|
|
141
|
-
});
|
|
142
142
|
addKeybindings(this, {
|
|
143
143
|
skip: () => this.readOnly,
|
|
144
144
|
bindingDefaults: { preventDefault: true, triggers: ['keydownRepeat'] },
|
|
145
145
|
})
|
|
146
|
-
.set([altKey, arrowUp], noop)
|
|
147
|
-
.set([altKey, arrowDown], noop)
|
|
148
146
|
.set([ctrlKey, ';'], this.setToday)
|
|
149
147
|
.set(arrowUp, this.keyboardSpin.bind(this, 'up'))
|
|
150
148
|
.set(arrowDown, this.keyboardSpin.bind(this, 'down'))
|
|
@@ -399,7 +397,7 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
|
|
|
399
397
|
return html `
|
|
400
398
|
<input
|
|
401
399
|
type="text"
|
|
402
|
-
part=${
|
|
400
|
+
part=${partMap(this.resolvePartNames('input'))}
|
|
403
401
|
name=${ifDefined(this.name)}
|
|
404
402
|
.value=${live(this.maskedValue)}
|
|
405
403
|
.placeholder=${live(this.placeholder || this.emptyMask)}
|