igniteui-webcomponents 6.1.1 → 6.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +55 -0
- package/LICENSE +1 -1
- package/README.md +13 -1
- package/animations/player.d.ts +1 -1
- package/animations/player.js.map +1 -1
- package/components/calendar/calendar.d.ts +1 -0
- package/components/calendar/calendar.js +5 -8
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/themes/calendar.base.css.js +1 -1
- package/components/calendar/themes/calendar.base.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/dark/calendar.bootstrap.css.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/dark/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.material.css.js +1 -1
- package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/light/calendar.bootstrap.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.indigo.css.js +1 -1
- package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.material.css.js +1 -1
- package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
- package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
- package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
- package/components/card/themes/content.js +7 -0
- package/components/card/themes/content.js.map +1 -1
- package/components/card/themes/shared/content/card.content.indigo.css.d.ts +1 -0
- package/components/card/themes/shared/content/card.content.indigo.css.js +3 -0
- package/components/card/themes/shared/content/card.content.indigo.css.js.map +1 -0
- package/components/carousel/carousel-indicator.d.ts +1 -1
- package/components/carousel/carousel-indicator.js.map +1 -1
- package/components/carousel/carousel-slide.d.ts +3 -3
- package/components/carousel/carousel-slide.js +7 -13
- package/components/carousel/carousel-slide.js.map +1 -1
- package/components/carousel/carousel.d.ts +41 -42
- package/components/carousel/carousel.js +173 -187
- package/components/carousel/carousel.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +3 -5
- package/components/checkbox/checkbox-base.js +15 -21
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/checkbox/checkbox.d.ts +3 -4
- package/components/checkbox/checkbox.js +18 -17
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/switch.d.ts +0 -1
- package/components/checkbox/switch.js +7 -10
- package/components/checkbox/switch.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
- package/components/chip/chip.d.ts +11 -11
- package/components/chip/chip.js +61 -65
- package/components/chip/chip.js.map +1 -1
- package/components/combo/combo.d.ts +3 -3
- package/components/combo/combo.js +12 -6
- package/components/combo/combo.js.map +1 -1
- package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
- package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
- package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
- package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
- package/components/combo/themes/light/combo.shared.css.js +1 -1
- package/components/combo/themes/light/combo.shared.css.js.map +1 -1
- package/components/combo/themes/shared/combo.common.css.js +1 -1
- package/components/combo/themes/shared/combo.common.css.js.map +1 -1
- package/components/combo/themes/shared/combo.indigo.css.js +1 -1
- package/components/combo/themes/shared/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/shared/combo.material.css.js +1 -1
- package/components/combo/themes/shared/combo.material.css.js.map +1 -1
- package/components/common/controllers/internals.d.ts +66 -2
- package/components/common/controllers/internals.js +21 -0
- package/components/common/controllers/internals.js.map +1 -1
- package/components/common/controllers/slot.d.ts +87 -0
- package/components/common/controllers/slot.js +75 -0
- package/components/common/controllers/slot.js.map +1 -0
- package/components/common/mixins/alert.d.ts +7 -8
- package/components/common/mixins/alert.js +23 -34
- package/components/common/mixins/alert.js.map +1 -1
- package/components/common/mixins/forms/associated.d.ts +1 -1
- package/components/common/mixins/forms/associated.js +91 -36
- package/components/common/mixins/forms/associated.js.map +1 -1
- package/components/common/mixins/forms/form-transformers.d.ts +21 -0
- package/components/common/mixins/forms/form-transformers.js +64 -0
- package/components/common/mixins/forms/form-transformers.js.map +1 -0
- package/components/common/mixins/forms/form-value.d.ts +7 -36
- package/components/common/mixins/forms/form-value.js +2 -64
- package/components/common/mixins/forms/form-value.js.map +1 -1
- package/components/common/mixins/forms/types.d.ts +19 -10
- package/components/common/mixins/forms/types.js +2 -1
- package/components/common/mixins/forms/types.js.map +1 -1
- package/components/common/util.d.ts +1 -0
- package/components/common/util.js +3 -0
- package/components/common/util.js.map +1 -1
- package/components/date-picker/date-picker.d.ts +1 -3
- package/components/date-picker/date-picker.js +11 -13
- 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.js +1 -1
- package/components/date-picker/themes/shared/date-picker.material.css.js.map +1 -1
- package/components/date-range-picker/date-range-picker.d.ts +1 -3
- package/components/date-range-picker/date-range-picker.js +19 -26
- package/components/date-range-picker/date-range-picker.js.map +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.material.css.js +1 -1
- package/components/date-range-picker/themes/shared/date-range-picker.material.css.js.map +1 -1
- package/components/date-time-input/date-time-input.d.ts +1 -2
- package/components/date-time-input/date-time-input.js +7 -7
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/dialog/dialog.d.ts +23 -25
- package/components/dialog/dialog.js +108 -115
- package/components/dialog/dialog.js.map +1 -1
- package/components/dialog/themes/dark/dialog.bootstrap.css.js +1 -1
- package/components/dialog/themes/dark/dialog.bootstrap.css.js.map +1 -1
- package/components/expansion-panel/expansion-panel.d.ts +12 -14
- package/components/expansion-panel/expansion-panel.js +43 -56
- package/components/expansion-panel/expansion-panel.js.map +1 -1
- package/components/file-input/file-input.d.ts +1 -3
- package/components/file-input/file-input.js +6 -11
- package/components/file-input/file-input.js.map +1 -1
- package/components/file-input/themes/dark/file-input.bootstrap.css.d.ts +1 -0
- package/components/file-input/themes/dark/file-input.bootstrap.css.js +3 -0
- package/components/file-input/themes/dark/file-input.bootstrap.css.js.map +1 -0
- package/components/file-input/themes/dark/file-input.fluent.css.d.ts +1 -0
- package/components/file-input/themes/dark/file-input.fluent.css.js +3 -0
- package/components/file-input/themes/dark/file-input.fluent.css.js.map +1 -0
- package/components/file-input/themes/dark/file-input.indigo.css.d.ts +1 -0
- package/components/file-input/themes/dark/file-input.indigo.css.js +3 -0
- package/components/file-input/themes/dark/file-input.indigo.css.js.map +1 -0
- package/components/file-input/themes/dark/file-input.material.css.d.ts +1 -0
- package/components/file-input/themes/dark/file-input.material.css.js +3 -0
- package/components/file-input/themes/dark/file-input.material.css.js.map +1 -0
- 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/file-input/themes/light/file-input.bootstrap.css.d.ts +1 -0
- package/components/file-input/themes/light/file-input.bootstrap.css.js +3 -0
- package/components/file-input/themes/light/file-input.bootstrap.css.js.map +1 -0
- package/components/file-input/themes/light/file-input.fluent.css.d.ts +1 -0
- package/components/file-input/themes/light/file-input.fluent.css.js +3 -0
- package/components/file-input/themes/light/file-input.fluent.css.js.map +1 -0
- package/components/file-input/themes/light/file-input.indigo.css.d.ts +1 -0
- package/components/file-input/themes/light/file-input.indigo.css.js +3 -0
- package/components/file-input/themes/light/file-input.indigo.css.js.map +1 -0
- package/components/file-input/themes/light/file-input.material.css.d.ts +1 -0
- package/components/file-input/themes/light/file-input.material.css.js +3 -0
- package/components/file-input/themes/light/file-input.material.css.js.map +1 -0
- package/components/file-input/themes/light/file-input.shared.css.d.ts +1 -0
- package/components/file-input/themes/light/file-input.shared.css.js +3 -0
- package/components/file-input/themes/light/file-input.shared.css.js.map +1 -0
- package/components/file-input/themes/shared/file-input.bootstrap.css.js +1 -1
- package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -1
- package/components/file-input/themes/shared/file-input.indigo.css.js +1 -1
- package/components/file-input/themes/shared/file-input.indigo.css.js.map +1 -1
- package/components/file-input/themes/shared/file-input.material.css.js +1 -1
- package/components/file-input/themes/shared/file-input.material.css.js.map +1 -1
- package/components/file-input/themes/themes.js +19 -0
- package/components/file-input/themes/themes.js.map +1 -1
- package/components/input/input.d.ts +1 -4
- package/components/input/input.js +7 -12
- package/components/input/input.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-base.js +1 -0
- package/components/mask-input/mask-input-base.js.map +1 -1
- package/components/mask-input/mask-input.d.ts +2 -3
- package/components/mask-input/mask-input.js +5 -8
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.d.ts +3 -4
- package/components/nav-drawer/nav-drawer-item.js +15 -18
- package/components/nav-drawer/nav-drawer-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +1 -2
- package/components/nav-drawer/nav-drawer.js +9 -11
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/nav-drawer/themes/container.base.css.js +1 -1
- package/components/nav-drawer/themes/container.base.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js.map +1 -1
- package/components/popover/popover.d.ts +17 -16
- package/components/popover/popover.js +81 -91
- package/components/popover/popover.js.map +1 -1
- package/components/progress/base.d.ts +8 -8
- package/components/progress/base.js +19 -23
- package/components/progress/base.js.map +1 -1
- package/components/progress/circular-gradient.js.map +1 -1
- package/components/progress/circular-progress.d.ts +3 -4
- package/components/progress/circular-progress.js +15 -18
- package/components/progress/circular-progress.js.map +1 -1
- package/components/progress/linear-progress.d.ts +1 -0
- package/components/progress/linear-progress.js +5 -1
- package/components/progress/linear-progress.js.map +1 -1
- package/components/radio/radio.d.ts +3 -5
- package/components/radio/radio.js +33 -31
- package/components/radio/radio.js.map +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/shared/radio.common.css.js +1 -1
- package/components/radio/themes/shared/radio.common.css.js.map +1 -1
- package/components/radio/themes/shared/radio.fluent.css.js +1 -1
- package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/shared/radio.material.css.js +1 -1
- package/components/radio/themes/shared/radio.material.css.js.map +1 -1
- package/components/radio-group/radio-group.d.ts +4 -4
- package/components/radio-group/radio-group.js +24 -21
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating.d.ts +1 -2
- package/components/rating/rating.js +4 -3
- package/components/rating/rating.js.map +1 -1
- package/components/select/select.d.ts +35 -38
- package/components/select/select.js +138 -146
- package/components/select/select.js.map +1 -1
- package/components/select/themes/shared/select.bootstrap.css.js +1 -1
- package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/shared/select.common.css.js +1 -1
- package/components/select/themes/shared/select.common.css.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/select/themes/shared/select.indigo.css.js +1 -1
- package/components/select/themes/shared/select.indigo.css.js.map +1 -1
- package/components/select/themes/shared/select.material.css.js +1 -1
- package/components/select/themes/shared/select.material.css.js.map +1 -1
- package/components/slider/slider-label.js.map +1 -1
- package/components/slider/slider.d.ts +1 -2
- package/components/slider/slider.js +5 -2
- package/components/slider/slider.js.map +1 -1
- package/components/snackbar/snackbar.d.ts +3 -5
- package/components/snackbar/snackbar.js +5 -5
- package/components/snackbar/snackbar.js.map +1 -1
- package/components/stepper/stepper.d.ts +1 -0
- package/components/stepper/stepper.js +9 -0
- package/components/stepper/stepper.js.map +1 -1
- package/components/textarea/textarea.d.ts +13 -20
- package/components/textarea/textarea.js +66 -90
- package/components/textarea/textarea.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.common.css.js +1 -1
- package/components/textarea/themes/shared/textarea.common.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/tile-manager/position.js +2 -1
- package/components/tile-manager/position.js.map +1 -1
- package/components/tile-manager/tile.d.ts +8 -12
- package/components/tile-manager/tile.js +16 -37
- package/components/tile-manager/tile.js.map +1 -1
- package/components/toast/toast.d.ts +1 -2
- package/components/toast/toast.js +1 -1
- package/components/toast/toast.js.map +1 -1
- package/components/validation-container/validation-container.d.ts +9 -6
- package/components/validation-container/validation-container.js +56 -38
- package/components/validation-container/validation-container.js.map +1 -1
- package/custom-elements.json +9595 -6648
- package/igniteui-webcomponents.css-data.json +1 -1
- package/igniteui-webcomponents.html-data.json +1 -1
- package/package.json +1 -1
- package/web-types.json +2 -2
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-200));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-secondary-500));--date-hover-background: var(--ig-calendar-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-calendar-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-secondary-700));--date-current-border-color: var(--ig-calendar-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-secondary-900));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-900));--ig-theme: material}`;
|
|
2
|
+
export const styles = css `:host{--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-200));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-secondary-500));--date-current-border-radius: var(--ig-calendar-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-hover-background: var(--ig-calendar-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-calendar-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-secondary-700));--date-current-border-color: var(--ig-calendar-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-secondary-900));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-900));--ig-theme: material}`;
|
|
3
3
|
//# sourceMappingURL=calendar.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"calendar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+1OAA+1O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-200));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-secondary-500));--date-current-border-radius: var(--ig-calendar-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-hover-background: var(--ig-calendar-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-calendar-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-secondary-700));--date-current-border-color: var(--ig-calendar-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-secondary-900));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-900));--ig-theme: material}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}:
|
|
2
|
+
export const styles = css `:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] igc-days-view::part(days-row){padding-inline:1.375rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) igc-days-view::part(days-row){padding-inline-end:1.375rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) igc-days-view::part(days-row){padding-inline-end:.75rem}[part=navigation]{--ig-icon-size: 1.5rem;height:3.5rem;color:var(--picker-foreground);background:var(--picker-background)}:host([hide-header]) [part~=navigation]{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}[part~=header]{background:var(--header-background);color:var(--header-foreground)}[part=navigation-buttons]{gap:1.5rem}[part=months-navigation],[part=years-navigation],[part=years-range]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=header-title]{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);min-height:1.5rem}[part=header-date]{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}[part=years-range]{color:var(--picker-foreground)}[part~=navigation]{background:var(--picker-background);color:var(--picker-foreground)}[part~=months-navigation],[part~=years-navigation]{color:var(--picker-foreground)}[part~=months-navigation]:hover,[part~=years-navigation]:hover{color:var(--picker-hover-foreground)}[part~=months-navigation]:focus,[part~=years-navigation]:focus{color:var(--picker-focus-foreground)}[part~=navigation-button]{background:rgba(0,0,0,0);color:var(--navigation-color)}[part~=navigation-button]:hover{color:var(--navigation-hover-color)}[part~=navigation-button]:focus{color:var(--navigation-focus-color)}`;
|
|
3
3
|
//# sourceMappingURL=calendar.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"calendar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,80GAA80G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] igc-days-view::part(days-row){padding-inline:1.375rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) igc-days-view::part(days-row){padding-inline-end:1.375rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) igc-days-view::part(days-row){padding-inline-end:.75rem}[part=navigation]{--ig-icon-size: 1.5rem;height:3.5rem;color:var(--picker-foreground);background:var(--picker-background)}:host([hide-header]) [part~=navigation]{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}[part~=header]{background:var(--header-background);color:var(--header-foreground)}[part=navigation-buttons]{gap:1.5rem}[part=months-navigation],[part=years-navigation],[part=years-range]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=header-title]{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);min-height:1.5rem}[part=header-date]{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}[part=years-range]{color:var(--picker-foreground)}[part~=navigation]{background:var(--picker-background);color:var(--picker-foreground)}[part~=months-navigation],[part~=years-navigation]{color:var(--picker-foreground)}[part~=months-navigation]:hover,[part~=years-navigation]:hover{color:var(--picker-hover-foreground)}[part~=months-navigation]:focus,[part~=years-navigation]:focus{color:var(--picker-focus-foreground)}[part~=navigation-button]{background:rgba(0,0,0,0);color:var(--navigation-color)}[part~=navigation-button]:hover{color:var(--navigation-hover-color)}[part~=navigation-button]:focus{color:var(--navigation-focus-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}:
|
|
2
|
+
export const styles = css `:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] igc-days-view{padding-inline:1.375rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) igc-days-view{padding-inline-end:.75rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) igc-days-view{padding-inline-end:1.375rem}[part=header]{color:var(--header-foreground);background:var(--header-background)}[part=navigation]{--ig-icon-size: 1.5rem;height:3.5rem;color:var(--picker-foreground);background:var(--picker-background)}[part~=navigation-buttons]{gap:.5rem}[part~=navigation-button][part~=vertical]{transform:none}[part=months-navigation],[part=years-navigation],[part=years-range]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part=header-title]{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}[part=header-date]{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}[part=years-range]{color:var(--picker-foreground)}[part~=months-navigation],[part~=years-navigation]{color:var(--picker-foreground)}[part~=months-navigation]:hover,[part~=years-navigation]:hover{color:var(--picker-hover-foreground)}[part~=months-navigation]:focus,[part~=years-navigation]:focus{color:var(--picker-focus-foreground)}[part~=navigation-button]{color:var(--navigation-color)}[part~=navigation-button]:hover{color:var(--navigation-hover-color)}[part~=navigation-button]:focus{color:var(--navigation-focus-color)}`;
|
|
3
3
|
//# sourceMappingURL=calendar.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/themes/shared/fluent/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/themes/shared/fluent/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mmGAAmmG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] igc-days-view{padding-inline:1.375rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) igc-days-view{padding-inline-end:.75rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) igc-days-view{padding-inline-end:1.375rem}[part=header]{color:var(--header-foreground);background:var(--header-background)}[part=navigation]{--ig-icon-size: 1.5rem;height:3.5rem;color:var(--picker-foreground);background:var(--picker-background)}[part~=navigation-buttons]{gap:.5rem}[part~=navigation-button][part~=vertical]{transform:none}[part=months-navigation],[part=years-navigation],[part=years-range]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part=header-title]{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}[part=header-date]{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}[part=years-range]{color:var(--picker-foreground)}[part~=months-navigation],[part~=years-navigation]{color:var(--picker-foreground)}[part~=months-navigation]:hover,[part~=years-navigation]:hover{color:var(--picker-hover-foreground)}[part~=months-navigation]:focus,[part~=years-navigation]:focus{color:var(--picker-focus-foreground)}[part~=navigation-button]{color:var(--navigation-color)}[part~=navigation-button]:hover{color:var(--navigation-hover-color)}[part~=navigation-button]:focus{color:var(--navigation-focus-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}:host(igc-calendar) [part~=header]{background:var(--header-background);color:var(--header-foreground);position:relative}:host(igc-calendar) [part~=header]::after{content:"";position:absolute;background:var(--border-color);inset-block-start:calc(100% - 0.0625rem);inset-inline-start:0;height:.0625rem;width:100%}:
|
|
2
|
+
export const styles = css `:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}:host(igc-calendar) [part~=header]{background:var(--header-background);color:var(--header-foreground);position:relative}:host(igc-calendar) [part~=header]::after{content:"";position:absolute;background:var(--border-color);inset-block-start:calc(100% - 0.0625rem);inset-inline-start:0;height:.0625rem;width:100%}[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] igc-days-view{padding-inline:1.375rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) igc-days-view{padding-inline-end:.75rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) igc-days-view{padding-inline-end:1.375rem}:host(igc-calendar[header-orientation=vertical]) [part~=header]{width:8.5rem;min-width:8.5rem}:host(igc-calendar[header-orientation=vertical]) [part~=header]::after{inset-inline-start:calc(100% - 0.0625rem);inset-block-start:0;height:100%;width:.0625rem}[part=header]{gap:.125rem}[part=navigation]{--ig-icon-size: 0.875rem;height:3.125rem;color:var(--picker-foreground);background:var(--picker-background)}[part=navigation-buttons]{gap:.5rem}[part~=navigation-button]{color:var(--navigation-color);padding:.3125rem}[part~=navigation-button]:hover{color:var(--navigation-hover-color)}[part~=navigation-button]:focus{color:var(--navigation-focus-color)}[part~=months-navigation],[part~=years-navigation]{color:var(--picker-foreground)}[part~=months-navigation]:hover,[part~=years-navigation]:hover{color:var(--picker-hover-foreground)}[part~=months-navigation]:focus,[part~=years-navigation]:focus{color:var(--picker-focus-foreground)}[part=months-navigation],[part=years-navigation],[part=years-range]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part=years-range]{color:var(--picker-foreground)}[part=header-title]{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)}[part=header-date]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}`;
|
|
3
3
|
//# sourceMappingURL=calendar.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/themes/shared/indigo/calendar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"calendar.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/themes/shared/indigo/calendar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0iHAA0iH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}:host(igc-calendar) [part~=header]{background:var(--header-background);color:var(--header-foreground);position:relative}:host(igc-calendar) [part~=header]::after{content:\"\";position:absolute;background:var(--border-color);inset-block-start:calc(100% - 0.0625rem);inset-inline-start:0;height:.0625rem;width:100%}[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] igc-days-view{padding-inline:1.375rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) igc-days-view{padding-inline-end:.75rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) igc-days-view{padding-inline-end:1.375rem}:host(igc-calendar[header-orientation=vertical]) [part~=header]{width:8.5rem;min-width:8.5rem}:host(igc-calendar[header-orientation=vertical]) [part~=header]::after{inset-inline-start:calc(100% - 0.0625rem);inset-block-start:0;height:100%;width:.0625rem}[part=header]{gap:.125rem}[part=navigation]{--ig-icon-size: 0.875rem;height:3.125rem;color:var(--picker-foreground);background:var(--picker-background)}[part=navigation-buttons]{gap:.5rem}[part~=navigation-button]{color:var(--navigation-color);padding:.3125rem}[part~=navigation-button]:hover{color:var(--navigation-hover-color)}[part~=navigation-button]:focus{color:var(--navigation-focus-color)}[part~=months-navigation],[part~=years-navigation]{color:var(--picker-foreground)}[part~=months-navigation]:hover,[part~=years-navigation]:hover{color:var(--picker-hover-foreground)}[part~=months-navigation]:focus,[part~=years-navigation]:focus{color:var(--picker-focus-foreground)}[part=months-navigation],[part=years-navigation],[part=years-range]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part=years-range]{color:var(--picker-foreground)}[part=header-title]{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)}[part=header-date]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}:host(igc-calendar) [part~=header]{background:var(--header-background);color:var(--header-foreground)}:
|
|
2
|
+
export const styles = css `:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}:host(igc-calendar) [part~=header]{background:var(--header-background);color:var(--header-foreground)}[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] igc-days-view{padding-inline:1.375rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) igc-days-view{padding-inline-end:.75rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) igc-days-view{padding-inline-end:1.375rem}[part=content]{width:100%}[part=header]{padding:1rem 1.5rem;gap:1.75rem}[part=navigation]{--ig-icon-size: 1.5rem;height:3.5rem;color:var(--picker-foreground);background:var(--picker-background);padding:0 1.5rem}[part=navigation-buttons]{gap:1.5rem}[part~=navigation-button]{color:var(--navigation-color)}[part~=navigation-button]:hover{color:var(--navigation-hover-color)}[part~=navigation-button]:focus{color:var(--navigation-focus-color)}[part~=months-navigation],[part~=years-navigation]{color:var(--picker-foreground)}[part~=months-navigation]:hover,[part~=years-navigation]:hover{color:var(--picker-hover-foreground)}[part~=months-navigation]:focus,[part~=years-navigation]:focus{color:var(--picker-focus-foreground)}[part=months-navigation],[part=years-navigation],[part=years-range]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=years-range]{color:var(--picker-foreground)}[part=header-title]{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}[part=header-date]{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom);margin:0}`;
|
|
3
3
|
//# sourceMappingURL=calendar.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/themes/shared/material/calendar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"calendar.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/themes/shared/material/calendar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iqGAAiqG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(igc-calendar){--component-size: var(--ig-size, var(--default-size)) !important;color:var(--content-foreground);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--border-color);border-radius:var(--border-radius)}:host(igc-calendar) [part~=header]{background:var(--header-background);color:var(--header-foreground)}[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]+[part=days-view-container] igc-days-view{padding-inline:1.375rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:last-of-type:not(:only-child) igc-days-view{padding-inline-end:.75rem}[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) [part=navigation],[part~=content]:not([part~=content-vertical]) [part=days-view-container]:first-of-type:not(:only-child) igc-days-view{padding-inline-end:1.375rem}[part=content]{width:100%}[part=header]{padding:1rem 1.5rem;gap:1.75rem}[part=navigation]{--ig-icon-size: 1.5rem;height:3.5rem;color:var(--picker-foreground);background:var(--picker-background);padding:0 1.5rem}[part=navigation-buttons]{gap:1.5rem}[part~=navigation-button]{color:var(--navigation-color)}[part~=navigation-button]:hover{color:var(--navigation-hover-color)}[part~=navigation-button]:focus{color:var(--navigation-focus-color)}[part~=months-navigation],[part~=years-navigation]{color:var(--picker-foreground)}[part~=months-navigation]:hover,[part~=years-navigation]:hover{color:var(--picker-hover-foreground)}[part~=months-navigation]:focus,[part~=years-navigation]:focus{color:var(--picker-focus-foreground)}[part=months-navigation],[part=years-navigation],[part=years-range]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=years-range]{color:var(--picker-foreground)}[part=header-title]{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}[part=header-date]{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom);margin:0}`;\n"]}
|
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
2
|
import { styles as bootstrap } from './shared/content/card.content.bootstrap.css.js';
|
|
3
|
+
import { styles as indigo } from './shared/content/card.content.indigo.css.js';
|
|
3
4
|
const light = {
|
|
4
5
|
bootstrap: css `
|
|
5
6
|
${bootstrap}
|
|
6
7
|
`,
|
|
8
|
+
indigo: css `
|
|
9
|
+
${indigo}
|
|
10
|
+
`,
|
|
7
11
|
};
|
|
8
12
|
const dark = {
|
|
9
13
|
bootstrap: css `
|
|
10
14
|
${bootstrap}
|
|
11
15
|
`,
|
|
16
|
+
indigo: css `
|
|
17
|
+
${indigo}
|
|
18
|
+
`,
|
|
12
19
|
};
|
|
13
20
|
export const all = { light, dark };
|
|
14
21
|
//# sourceMappingURL=content.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../src/components/card/themes/content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gDAAgD,CAAC;
|
|
1
|
+
{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../src/components/card/themes/content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAE/E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,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 bootstrap } from './shared/content/card.content.bootstrap.css.js';\nimport { styles as indigo } from './shared/content/card.content.indigo.css.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrap}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrap}\n `,\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 @@
|
|
|
1
|
+
{"version":3,"file":"card.content.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/shared/content/card.content.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2CAA2C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted(igc-avatar){--ig-size: 3}`;\n"]}
|
|
@@ -16,7 +16,7 @@ export default class IgcCarouselIndicatorComponent extends LitElement {
|
|
|
16
16
|
static styles: import("lit").CSSResult;
|
|
17
17
|
static register(): void;
|
|
18
18
|
private readonly _internals;
|
|
19
|
-
private _carousel?;
|
|
19
|
+
private readonly _carousel?;
|
|
20
20
|
protected get _labelFormat(): string;
|
|
21
21
|
active: boolean;
|
|
22
22
|
index: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-indicator.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-indicator.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAcjE,MAAqB,6BAA8B,SAAQ,UAAU;IAArE;;QASmB,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SAC7B,CAAC,CAAC;QAWI,WAAM,GAAG,KAAK,CAAC;QAIf,UAAK,GAAG,CAAC,CAAC;IAoCnB,CAAC;IAzDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,6BAA6B,CAAC,CAAC;IACnD,CAAC;IASD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,CAAC;IAWe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC;IACvC,CAAC;IAEkB,UAAU,CAAC,iBAAuC;QACnE,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QACpE,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YACtB,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;SAC3D,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpD,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;;;2CAIP,QAAQ,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;;;KAGvE,CAAC;IACJ,CAAC;;AA5DsB,qCAAO,GAAG,wBAAwB,AAA3B,CAA4B;AACnC,oCAAM,GAAG,MAAM,AAAT,CAAU;eAFpB,6BAA6B;
|
|
1
|
+
{"version":3,"file":"carousel-indicator.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-indicator.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAcjE,MAAqB,6BAA8B,SAAQ,UAAU;IAArE;;QASmB,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SAC7B,CAAC,CAAC;QAWI,WAAM,GAAG,KAAK,CAAC;QAIf,UAAK,GAAG,CAAC,CAAC;IAoCnB,CAAC;IAzDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,6BAA6B,CAAC,CAAC;IACnD,CAAC;IASD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,CAAC;IAWe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC;IACvC,CAAC;IAEkB,UAAU,CAAC,iBAAuC;QACnE,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QACpE,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YACtB,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;SAC3D,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpD,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;;;2CAIP,QAAQ,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;;;KAGvE,CAAC;IACJ,CAAC;;AA5DsB,qCAAO,GAAG,wBAAwB,AAA3B,CAA4B;AACnC,oCAAM,GAAG,MAAM,AAAT,CAAU;eAFpB,6BAA6B;AAc/B;IADhB,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;gEACL;AAQ3C;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6DACT;AAIf;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4DACd","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { carouselContext } from '../common/context.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { formatString } from '../common/util.js';\nimport type IgcCarouselComponent from './carousel.js';\nimport { styles } from './themes/carousel-indicator.base.css.js';\n\n/**\n * Used when a custom indicator needs to be passed to the `igc-carousel` component.\n *\n * @element igc-carousel-indicator\n *\n * @slot - Default slot for projected inactive indicator.\n * @slot active - Default slot for projected active indicator.\n *\n * @csspart indicator - The wrapping container of the carousel dot indicator.\n * @csspart inactive - The wrapping container of the inactive dot indicator.\n * @csspart active - The wrapping container of the active dot indicator.\n */\nexport default class IgcCarouselIndicatorComponent extends LitElement {\n public static readonly tagName = 'igc-carousel-indicator';\n public static override styles = styles;\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcCarouselIndicatorComponent);\n }\n\n private readonly _internals = addInternalsController(this, {\n initialARIA: { role: 'tab' },\n });\n\n @consume({ context: carouselContext, subscribe: true })\n private readonly _carousel?: IgcCarouselComponent;\n\n protected get _labelFormat(): string {\n return this._carousel ? this._carousel.indicatorsLabelFormat : '';\n }\n\n /* blazorSuppress */\n @property({ attribute: false })\n public active = false;\n\n /* blazorSuppress */\n @property({ attribute: false })\n public index = 0;\n\n /** @internal */\n public override connectedCallback(): void {\n super.connectedCallback();\n this.role = 'tab';\n this.slot = this.slot || 'indicator';\n }\n\n protected override willUpdate(changedProperties: PropertyValues<this>): void {\n if (changedProperties.has('active')) {\n this.tabIndex = this.active ? 0 : -1;\n this._internals.setARIA({ ariaSelected: this.active.toString() });\n }\n\n this._internals.setARIA({\n ariaLabel: formatString(this._labelFormat, this.index + 1),\n });\n }\n\n protected override render() {\n const forward = this.active ? 'visible' : 'hidden';\n const backward = this.active ? 'hidden' : 'visible';\n\n return html`\n <div\n part=\"indicator inactive\"\n style=${styleMap({ visibility: backward })}\n >\n <slot></slot>\n </div>\n <div part=\"indicator active\" style=${styleMap({ visibility: forward })}>\n <slot name=\"active\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-carousel-indicator': IgcCarouselIndicatorComponent;\n }\n}\n"]}
|
|
@@ -10,10 +10,9 @@ export default class IgcCarouselSlideComponent extends LitElement {
|
|
|
10
10
|
static styles: import("lit").CSSResult;
|
|
11
11
|
static readonly tagName = "igc-carousel-slide";
|
|
12
12
|
static register(): void;
|
|
13
|
-
private static readonly increment;
|
|
14
13
|
private readonly _internals;
|
|
15
|
-
private readonly
|
|
16
|
-
private _carousel?;
|
|
14
|
+
private readonly _player;
|
|
15
|
+
private readonly _carousel?;
|
|
17
16
|
protected get _index(): number;
|
|
18
17
|
protected get _total(): number;
|
|
19
18
|
protected get _animation(): "fade" | "none" | "slideVer" | "slideHor";
|
|
@@ -30,6 +29,7 @@ export default class IgcCarouselSlideComponent extends LitElement {
|
|
|
30
29
|
*/
|
|
31
30
|
toggleAnimation(type: 'in' | 'out', direction?: 'normal' | 'reverse'): Promise<boolean>;
|
|
32
31
|
protected willUpdate(): void;
|
|
32
|
+
/** @internal */
|
|
33
33
|
connectedCallback(): void;
|
|
34
34
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
35
35
|
}
|
|
@@ -12,9 +12,10 @@ import { addAnimationController } from '../../animations/player.js';
|
|
|
12
12
|
import { carouselContext } from '../common/context.js';
|
|
13
13
|
import { addInternalsController } from '../common/controllers/internals.js';
|
|
14
14
|
import { registerComponent } from '../common/definitions/register.js';
|
|
15
|
-
import {
|
|
15
|
+
import { formatString } from '../common/util.js';
|
|
16
16
|
import { animations } from './animations.js';
|
|
17
17
|
import { styles } from './themes/carousel-slide.base.css.js';
|
|
18
|
+
let nextId = 1;
|
|
18
19
|
class IgcCarouselSlideComponent extends LitElement {
|
|
19
20
|
constructor() {
|
|
20
21
|
super(...arguments);
|
|
@@ -24,7 +25,7 @@ class IgcCarouselSlideComponent extends LitElement {
|
|
|
24
25
|
ariaRoleDescription: 'slide',
|
|
25
26
|
},
|
|
26
27
|
});
|
|
27
|
-
this.
|
|
28
|
+
this._player = addAnimationController(this);
|
|
28
29
|
this.active = false;
|
|
29
30
|
this.previous = false;
|
|
30
31
|
}
|
|
@@ -49,16 +50,11 @@ class IgcCarouselSlideComponent extends LitElement {
|
|
|
49
50
|
}
|
|
50
51
|
async toggleAnimation(type, direction = 'normal') {
|
|
51
52
|
const animation = animations.get(this._animation).get(type);
|
|
52
|
-
|
|
53
|
+
return await this._player.playExclusive(animation({
|
|
53
54
|
duration: 320,
|
|
54
55
|
easing: EaseInOut.Quad,
|
|
55
56
|
direction,
|
|
56
|
-
};
|
|
57
|
-
const [_, event] = await Promise.all([
|
|
58
|
-
this._animationPlayer.stopAll(),
|
|
59
|
-
this._animationPlayer.play(animation(options)),
|
|
60
|
-
]);
|
|
61
|
-
return event.type === 'finish';
|
|
57
|
+
}));
|
|
62
58
|
}
|
|
63
59
|
willUpdate() {
|
|
64
60
|
this._internals.setARIA({
|
|
@@ -67,16 +63,14 @@ class IgcCarouselSlideComponent extends LitElement {
|
|
|
67
63
|
}
|
|
68
64
|
connectedCallback() {
|
|
69
65
|
super.connectedCallback();
|
|
70
|
-
this.id =
|
|
71
|
-
this.id || `igc-carousel-slide-${IgcCarouselSlideComponent.increment()}`;
|
|
66
|
+
this.id = this.id || `igc-carousel-slide-${nextId++}`;
|
|
72
67
|
}
|
|
73
68
|
render() {
|
|
74
|
-
return html
|
|
69
|
+
return html `<slot></slot>`;
|
|
75
70
|
}
|
|
76
71
|
}
|
|
77
72
|
IgcCarouselSlideComponent.styles = styles;
|
|
78
73
|
IgcCarouselSlideComponent.tagName = 'igc-carousel-slide';
|
|
79
|
-
IgcCarouselSlideComponent.increment = createCounter();
|
|
80
74
|
export default IgcCarouselSlideComponent;
|
|
81
75
|
__decorate([
|
|
82
76
|
consume({ context: carouselContext, subscribe: true })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-slide.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-slide.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"carousel-slide.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-slide.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAE7D,IAAI,MAAM,GAAG,CAAC,CAAC;AASf,MAAqB,yBAA0B,SAAQ,UAAU;IAAjE;;QASmB,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE;gBACX,IAAI,EAAE,UAAU;gBAChB,mBAAmB,EAAE,OAAO;aAC7B;SACF,CAAC,CAAC;QAEc,YAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAgCjD,WAAM,GAAG,KAAK,CAAC;QAIf,aAAQ,GAAG,KAAK,CAAC;IAoC1B,CAAC;IAnFQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IAC/C,CAAC;IAcD,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,IAAc,UAAU;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,IAAI,OAAO,CAAC;QAE3D,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;QAC5D,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,CAAC;IAiBM,KAAK,CAAC,eAAe,CAC1B,IAAkB,EAClB,YAAkC,QAAQ;QAE1C,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;QAE9D,OAAO,MAAM,IAAI,CAAC,OAAO,CAAC,aAAa,CACrC,SAAS,CAAC;YACR,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,SAAS,CAAC,IAAI;YACtB,SAAS;SACV,CAAC,CACH,CAAC;IACJ,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YACtB,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC;SACzE,CAAC,CAAC;IACL,CAAC;IAGe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,sBAAsB,MAAM,EAAE,EAAE,CAAC;IACxD,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAtFsB,gCAAM,GAAG,MAAM,AAAT,CAAU;AAChB,iCAAO,GAAG,oBAAoB,AAAvB,CAAwB;eAFnC,yBAAyB;AAmB3B;IADhB,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;4DACL;AA6B3C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAIf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { EaseInOut } from '../../animations/easings.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { carouselContext } from '../common/context.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { formatString } from '../common/util.js';\nimport { animations } from './animations.js';\nimport type IgcCarouselComponent from './carousel.js';\nimport { styles } from './themes/carousel-slide.base.css.js';\n\nlet nextId = 1;\n\n/**\n * A single content container within a set of containers used in the context of an `igc-carousel`.\n *\n * @element igc-carousel-slide\n *\n * @slot Default slot for the carousel slide.\n */\nexport default class IgcCarouselSlideComponent extends LitElement {\n public static override styles = styles;\n public static readonly tagName = 'igc-carousel-slide';\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcCarouselSlideComponent);\n }\n\n private readonly _internals = addInternalsController(this, {\n initialARIA: {\n role: 'tabpanel',\n ariaRoleDescription: 'slide',\n },\n });\n\n private readonly _player = addAnimationController(this);\n\n @consume({ context: carouselContext, subscribe: true })\n private readonly _carousel?: IgcCarouselComponent;\n\n protected get _index(): number {\n return this._carousel ? this._carousel.slides.indexOf(this) : 0;\n }\n\n protected get _total(): number {\n return this._carousel ? this._carousel.slides.length : 0;\n }\n\n protected get _animation() {\n const animation = this._carousel?.animationType ?? 'slide';\n\n if (animation === 'slide') {\n return this._carousel?.vertical ? 'slideVer' : 'slideHor';\n }\n\n return animation;\n }\n\n protected get _labelFormat(): string {\n return this._carousel ? this._carousel.slidesLabelFormat : '';\n }\n\n /**\n * The current active slide for the carousel component.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n /* blazorSuppress */\n @property({ type: Boolean, reflect: true })\n public previous = false;\n\n /**\n * @hidden @internal\n * @deprecated since 5.4.0. Use Carousel's `select` method instead.\n */\n public async toggleAnimation(\n type: 'in' | 'out',\n direction: 'normal' | 'reverse' = 'normal'\n ): Promise<boolean> {\n const animation = animations.get(this._animation)!.get(type)!;\n\n return await this._player.playExclusive(\n animation({\n duration: 320,\n easing: EaseInOut.Quad,\n direction,\n })\n );\n }\n\n protected override willUpdate(): void {\n this._internals.setARIA({\n ariaLabel: formatString(this._labelFormat, this._index + 1, this._total),\n });\n }\n\n /** @internal */\n public override connectedCallback(): void {\n super.connectedCallback();\n this.id = this.id || `igc-carousel-slide-${nextId++}`;\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-carousel-slide': IgcCarouselSlideComponent;\n }\n}\n"]}
|
|
@@ -33,27 +33,27 @@ export default class IgcCarouselComponent extends IgcCarouselComponent_base {
|
|
|
33
33
|
static styles: import("lit").CSSResult[];
|
|
34
34
|
static readonly tagName = "igc-carousel";
|
|
35
35
|
static register(): void;
|
|
36
|
-
private static readonly increment;
|
|
37
36
|
private readonly _carouselId;
|
|
37
|
+
private _paused;
|
|
38
38
|
private _lastInterval;
|
|
39
39
|
private _hasKeyboardInteractionOnIndicators;
|
|
40
|
-
private
|
|
40
|
+
private _hasPointerInteraction;
|
|
41
41
|
private _hasInnerFocus;
|
|
42
|
-
private
|
|
42
|
+
private _slides;
|
|
43
|
+
private _projectedIndicators;
|
|
44
|
+
private _activeSlide;
|
|
45
|
+
private _playing;
|
|
46
|
+
private readonly _slots;
|
|
47
|
+
private readonly _context;
|
|
48
|
+
private readonly _defaultIndicators;
|
|
43
49
|
private readonly _carouselSlidesContainerRef;
|
|
44
50
|
private readonly _indicatorsContainerRef;
|
|
45
51
|
private readonly _prevButtonRef;
|
|
46
52
|
private readonly _nextButtonRef;
|
|
47
|
-
private get
|
|
48
|
-
private get
|
|
49
|
-
private get
|
|
50
|
-
private get
|
|
51
|
-
private _defaultIndicators;
|
|
52
|
-
private _projectedIndicators;
|
|
53
|
-
private _activeSlide;
|
|
54
|
-
private _playing;
|
|
55
|
-
private _paused;
|
|
56
|
-
private _observerCallback;
|
|
53
|
+
private get _hasProjectedIndicators();
|
|
54
|
+
private get _showIndicatorsLabel();
|
|
55
|
+
private get _nextIndex();
|
|
56
|
+
private get _previousIndex();
|
|
57
57
|
/**
|
|
58
58
|
* Whether the carousel should skip rotating to the first slide after it reaches the last.
|
|
59
59
|
* @attr disable-loop
|
|
@@ -118,7 +118,7 @@ export default class IgcCarouselComponent extends IgcCarouselComponent_base {
|
|
|
118
118
|
/**
|
|
119
119
|
* The slides of the carousel.
|
|
120
120
|
*/
|
|
121
|
-
slides:
|
|
121
|
+
get slides(): IgcCarouselSlideComponent[];
|
|
122
122
|
/**
|
|
123
123
|
* The total number of slides.
|
|
124
124
|
*/
|
|
@@ -135,31 +135,30 @@ export default class IgcCarouselComponent extends IgcCarouselComponent_base {
|
|
|
135
135
|
* Whether the carousel in in paused state.
|
|
136
136
|
*/
|
|
137
137
|
get isPaused(): boolean;
|
|
138
|
-
protected
|
|
139
|
-
protected
|
|
138
|
+
protected _contextChanged(): void;
|
|
139
|
+
protected _intervalChange(): void;
|
|
140
140
|
constructor();
|
|
141
|
-
|
|
142
|
-
private
|
|
143
|
-
private
|
|
144
|
-
private
|
|
145
|
-
private
|
|
146
|
-
private
|
|
147
|
-
private
|
|
148
|
-
private
|
|
149
|
-
private
|
|
150
|
-
private
|
|
151
|
-
private
|
|
152
|
-
private
|
|
153
|
-
private
|
|
154
|
-
private
|
|
155
|
-
private
|
|
156
|
-
private
|
|
157
|
-
private
|
|
158
|
-
private
|
|
159
|
-
private
|
|
160
|
-
private
|
|
161
|
-
private
|
|
162
|
-
private animateSlides;
|
|
141
|
+
protected firstUpdated(): Promise<void>;
|
|
142
|
+
private _observerCallback;
|
|
143
|
+
private _handleSlotChange;
|
|
144
|
+
private _handlePointerInteraction;
|
|
145
|
+
private _handleFocusInteraction;
|
|
146
|
+
private _handleIndicatorClick;
|
|
147
|
+
private _handleArrowLeft;
|
|
148
|
+
private _handleArrowRight;
|
|
149
|
+
private _handleHomeKey;
|
|
150
|
+
private _handleEndKey;
|
|
151
|
+
private _handleVerticalSwipe;
|
|
152
|
+
private _handleHorizontalSwipe;
|
|
153
|
+
private _handleNavigationInteractionNext;
|
|
154
|
+
private _handleNavigationInteractionPrevious;
|
|
155
|
+
private _handleInteraction;
|
|
156
|
+
private _handlePauseOnInteraction;
|
|
157
|
+
private _activateSlide;
|
|
158
|
+
private _updateProjectedIndicators;
|
|
159
|
+
private _resetInterval;
|
|
160
|
+
private _restartInterval;
|
|
161
|
+
private _animateSlides;
|
|
163
162
|
/**
|
|
164
163
|
* Resumes playing of the carousel slides.
|
|
165
164
|
*/
|
|
@@ -184,10 +183,10 @@ export default class IgcCarouselComponent extends IgcCarouselComponent_base {
|
|
|
184
183
|
* Switches to slide by index, runs any animations, and returns if the operation was successful.
|
|
185
184
|
*/
|
|
186
185
|
select(index: number, animationDirection?: 'next' | 'prev'): Promise<boolean>;
|
|
187
|
-
private
|
|
188
|
-
protected
|
|
189
|
-
private
|
|
190
|
-
private
|
|
186
|
+
private _renderNavigation;
|
|
187
|
+
protected _renderIndicators(): Generator<import("lit-html").TemplateResult<1>, void, unknown>;
|
|
188
|
+
private _renderIndicatorContainer;
|
|
189
|
+
private _renderLabel;
|
|
191
190
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
192
191
|
}
|
|
193
192
|
declare global {
|