igniteui-webcomponents 6.1.1-alpha.0 → 6.1.2
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 +31 -0
- package/animations/player.d.ts +1 -1
- package/animations/player.js.map +1 -1
- package/components/avatar/avatar.d.ts +1 -0
- package/components/avatar/avatar.js +9 -12
- package/components/avatar/avatar.js.map +1 -1
- package/components/badge/badge.d.ts +1 -0
- package/components/badge/badge.js +9 -12
- package/components/badge/badge.js.map +1 -1
- package/components/banner/banner.js +6 -9
- package/components/banner/banner.js.map +1 -1
- package/components/button/button.d.ts +1 -0
- package/components/button/button.js +9 -12
- package/components/button/button.js.map +1 -1
- package/components/button/icon-button.d.ts +1 -0
- package/components/button/icon-button.js +9 -12
- package/components/button/icon-button.js.map +1 -1
- package/components/button-group/button-group.js +6 -9
- package/components/button-group/button-group.js.map +1 -1
- package/components/button-group/toggle-button.d.ts +1 -0
- package/components/button-group/toggle-button.js +6 -6
- package/components/button-group/toggle-button.js.map +1 -1
- package/components/calendar/calendar.d.ts +1 -0
- package/components/calendar/calendar.js +11 -17
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/days-view/days-view.js +3 -3
- package/components/calendar/days-view/days-view.js.map +1 -1
- package/components/calendar/months-view/months-view.js +3 -3
- package/components/calendar/months-view/months-view.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/calendar/years-view/years-view.js +3 -3
- package/components/calendar/years-view/years-view.js.map +1 -1
- package/components/card/card.actions.d.ts +1 -0
- package/components/card/card.actions.js +9 -12
- package/components/card/card.actions.js.map +1 -1
- package/components/card/card.content.d.ts +1 -0
- package/components/card/card.content.js +8 -14
- package/components/card/card.content.js.map +1 -1
- package/components/card/card.d.ts +1 -0
- package/components/card/card.header.d.ts +1 -0
- package/components/card/card.header.js +8 -14
- package/components/card/card.header.js.map +1 -1
- package/components/card/card.js +10 -13
- package/components/card/card.js.map +1 -1
- package/components/carousel/carousel-indicator-container.d.ts +1 -0
- package/components/carousel/carousel-indicator-container.js +8 -17
- package/components/carousel/carousel-indicator-container.js.map +1 -1
- package/components/carousel/carousel.d.ts +4 -6
- package/components/carousel/carousel.js +36 -60
- package/components/carousel/carousel.js.map +1 -1
- package/components/checkbox/checkbox.d.ts +1 -1
- package/components/checkbox/checkbox.js +10 -14
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/switch.d.ts +1 -0
- package/components/checkbox/switch.js +9 -18
- package/components/checkbox/switch.js.map +1 -1
- package/components/chip/chip.js +6 -9
- package/components/chip/chip.js.map +1 -1
- package/components/combo/combo-header.d.ts +1 -0
- package/components/combo/combo-header.js +8 -14
- package/components/combo/combo-header.js.map +1 -1
- package/components/combo/combo-item.d.ts +1 -0
- package/components/combo/combo-item.js +9 -12
- package/components/combo/combo-item.js.map +1 -1
- package/components/combo/combo.js +2 -2
- 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/common/context.d.ts +1 -5
- package/components/common/context.js +1 -2
- package/components/common/context.js.map +1 -1
- package/components/common/definitions/defineAllComponents.js +0 -2
- package/components/common/definitions/defineAllComponents.js.map +1 -1
- 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/date-picker/date-picker.d.ts +1 -1
- package/components/date-picker/date-picker.js +7 -9
- 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-range-picker/date-range-picker.d.ts +1 -1
- package/components/date-range-picker/date-range-picker.js +5 -7
- package/components/date-range-picker/date-range-picker.js.map +1 -1
- package/components/date-range-picker/predefined-ranges-area.d.ts +1 -0
- package/components/date-range-picker/predefined-ranges-area.js +9 -12
- package/components/date-range-picker/predefined-ranges-area.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/dialog/dialog.d.ts +1 -0
- package/components/dialog/dialog.js +12 -12
- package/components/dialog/dialog.js.map +1 -1
- package/components/divider/divider.d.ts +1 -0
- package/components/divider/divider.js +18 -21
- package/components/divider/divider.js.map +1 -1
- package/components/dropdown/dropdown-group.js +6 -9
- package/components/dropdown/dropdown-group.js.map +1 -1
- package/components/dropdown/dropdown-header.d.ts +1 -0
- package/components/dropdown/dropdown-header.js +8 -14
- package/components/dropdown/dropdown-header.js.map +1 -1
- package/components/dropdown/dropdown-item.d.ts +1 -0
- package/components/dropdown/dropdown-item.js +8 -14
- package/components/dropdown/dropdown-item.js.map +1 -1
- package/components/dropdown/dropdown.js +2 -2
- package/components/dropdown/dropdown.js.map +1 -1
- package/components/dropdown/themes/item.js +7 -0
- package/components/dropdown/themes/item.js.map +1 -1
- package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js +3 -0
- package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js.map +1 -0
- package/components/expansion-panel/expansion-panel.js +7 -10
- package/components/expansion-panel/expansion-panel.js.map +1 -1
- package/components/file-input/file-input.d.ts +1 -1
- package/components/file-input/file-input.js +18 -21
- package/components/file-input/file-input.js.map +1 -1
- 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.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.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.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/icon/icon.d.ts +1 -0
- package/components/icon/icon.js +11 -10
- package/components/icon/icon.js.map +1 -1
- package/components/input/input-base.d.ts +1 -1
- package/components/input/input-base.js +5 -6
- package/components/input/input-base.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.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/list/list-header.js +5 -14
- package/components/list/list-header.js.map +1 -1
- package/components/list/list-item.js +6 -9
- package/components/list/list-item.js.map +1 -1
- package/components/list/list.js +5 -14
- package/components/list/list.js.map +1 -1
- package/components/nav-drawer/nav-drawer-header-item.d.ts +1 -0
- package/components/nav-drawer/nav-drawer-header-item.js +8 -14
- package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.d.ts +1 -0
- package/components/nav-drawer/nav-drawer-item.js +9 -12
- package/components/nav-drawer/nav-drawer-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +1 -0
- package/components/nav-drawer/nav-drawer.js +9 -12
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/navbar/navbar.d.ts +1 -0
- package/components/navbar/navbar.js +8 -14
- package/components/navbar/navbar.js.map +1 -1
- package/components/progress/circular-progress.d.ts +1 -0
- package/components/progress/circular-progress.js +10 -13
- package/components/progress/circular-progress.js.map +1 -1
- package/components/progress/linear-progress.d.ts +1 -0
- package/components/progress/linear-progress.js +9 -12
- package/components/progress/linear-progress.js.map +1 -1
- package/components/radio/radio.js +7 -10
- package/components/radio/radio.js.map +1 -1
- package/components/radio-group/radio-group.js +6 -9
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating.js +6 -9
- package/components/rating/rating.js.map +1 -1
- package/components/resize-container/resize-container.js +6 -9
- package/components/resize-container/resize-container.js.map +1 -1
- package/components/select/select-group.js +6 -9
- package/components/select/select-group.js.map +1 -1
- package/components/select/select-header.d.ts +1 -0
- package/components/select/select-header.js +8 -14
- package/components/select/select-header.js.map +1 -1
- package/components/select/select-item.d.ts +1 -0
- package/components/select/select-item.js +9 -9
- package/components/select/select-item.js.map +1 -1
- package/components/select/select.js +2 -2
- 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/slider/slider-base.js +2 -2
- package/components/slider/slider-base.js.map +1 -1
- package/components/snackbar/snackbar.d.ts +4 -5
- package/components/snackbar/snackbar.js +14 -17
- package/components/snackbar/snackbar.js.map +1 -1
- package/components/stepper/step.d.ts +1 -0
- package/components/stepper/step.js +9 -12
- package/components/stepper/step.js.map +1 -1
- package/components/stepper/stepper.d.ts +1 -0
- package/components/stepper/stepper.js +18 -12
- package/components/stepper/stepper.js.map +1 -1
- package/components/tabs/tab.d.ts +1 -0
- package/components/tabs/tab.js +10 -13
- package/components/tabs/tab.js.map +1 -1
- package/components/tabs/tabs.js +6 -9
- package/components/tabs/tabs.js.map +1 -1
- package/components/textarea/textarea.d.ts +1 -1
- package/components/textarea/textarea.js +5 -6
- 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/tile-manager.js +2 -2
- package/components/tile-manager/tile-manager.js.map +1 -1
- package/components/tile-manager/tile.d.ts +1 -0
- package/components/tile-manager/tile.js +53 -56
- package/components/tile-manager/tile.js.map +1 -1
- package/components/toast/toast.d.ts +2 -2
- package/components/toast/toast.js +9 -18
- package/components/toast/toast.js.map +1 -1
- package/components/tooltip/tooltip.d.ts +1 -0
- package/components/tooltip/tooltip.js +39 -42
- package/components/tooltip/tooltip.js.map +1 -1
- package/components/tree/tree-item.js +6 -9
- package/components/tree/tree-item.js.map +1 -1
- package/components/tree/tree.js +2 -2
- package/components/tree/tree.js.map +1 -1
- package/components/validation-container/validation-container.d.ts +8 -5
- package/components/validation-container/validation-container.js +59 -49
- package/components/validation-container/validation-container.js.map +1 -1
- package/custom-elements.json +17604 -18460
- package/igniteui-webcomponents.css-data.json +1 -1
- package/igniteui-webcomponents.html-data.json +1 -1
- package/index.d.ts +0 -7
- package/index.js +0 -5
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/theming/config.d.ts +3 -3
- package/theming/config.js +14 -18
- package/theming/config.js.map +1 -1
- package/theming/theming-controller.d.ts +17 -13
- package/theming/theming-controller.js +28 -22
- package/theming/theming-controller.js.map +1 -1
- package/theming/theming-event.d.ts +1 -0
- package/theming/theming-event.js.map +1 -1
- package/theming/types.d.ts +3 -14
- package/theming/types.js.map +1 -1
- package/theming/utils.js +24 -23
- package/theming/utils.js.map +1 -1
- package/web-types.json +2 -2
- package/components/chat/chat-input.d.ts +0 -41
- package/components/chat/chat-input.js +0 -254
- package/components/chat/chat-input.js.map +0 -1
- package/components/chat/chat-message-list.d.ts +0 -24
- package/components/chat/chat-message-list.js +0 -88
- package/components/chat/chat-message-list.js.map +0 -1
- package/components/chat/chat-message.d.ts +0 -21
- package/components/chat/chat-message.js +0 -52
- package/components/chat/chat-message.js.map +0 -1
- package/components/chat/chat.d.ts +0 -41
- package/components/chat/chat.js +0 -98
- package/components/chat/chat.js.map +0 -1
- package/components/chat/markdown-util.d.ts +0 -2
- package/components/chat/markdown-util.js +0 -22
- package/components/chat/markdown-util.js.map +0 -1
- package/components/chat/message-attachments.d.ts +0 -28
- package/components/chat/message-attachments.js +0 -168
- package/components/chat/message-attachments.js.map +0 -1
- package/components/chat/themes/chat.base.css.js +0 -3
- package/components/chat/themes/chat.base.css.js.map +0 -1
- package/components/chat/themes/input.base.css.js +0 -3
- package/components/chat/themes/input.base.css.js.map +0 -1
- package/components/chat/themes/message-attachments.base.css.js +0 -3
- package/components/chat/themes/message-attachments.base.css.js.map +0 -1
- package/components/chat/themes/message-list.base.css.js +0 -3
- package/components/chat/themes/message-list.base.css.js.map +0 -1
- package/components/chat/themes/message.base.css.js +0 -3
- package/components/chat/themes/message.base.css.js.map +0 -1
- package/components/chat/types.d.ts +0 -46
- package/components/chat/types.js +0 -8
- package/components/chat/types.js.map +0 -1
- package/theming/theming-decorator.d.ts +0 -43
- package/theming/theming-decorator.js +0 -25
- package/theming/theming-decorator.js.map +0 -1
- /package/components/{chat/themes/chat.base.css.d.ts → dropdown/themes/shared/item/dropdown-item.bootstrap.css.d.ts} +0 -0
- /package/components/{chat/themes/input.base.css.d.ts → file-input/themes/dark/file-input.bootstrap.css.d.ts} +0 -0
- /package/components/{chat/themes/message-attachments.base.css.d.ts → file-input/themes/dark/file-input.fluent.css.d.ts} +0 -0
- /package/components/{chat/themes/message-list.base.css.d.ts → file-input/themes/dark/file-input.indigo.css.d.ts} +0 -0
- /package/components/{chat/themes/message.base.css.d.ts → file-input/themes/dark/file-input.material.css.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2kLAA2kL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-800));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-100));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: fluent;--calendar-border-color: transparent}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--label-color: var(--ig-daterangepicker-label-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-gray-50));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-daterangepicker-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-daterangepicker-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-50));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: indigo}`;
|
|
2
|
+
export const styles = css `:host{--label-color: var(--ig-daterangepicker-label-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-gray-50));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-daterangepicker-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-daterangepicker-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-50));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: indigo;--calendar-border-color: var(--ig-gray-100)}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-7)}`;
|
|
3
3
|
//# sourceMappingURL=date-range-picker.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o0MAAo0M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-daterangepicker-label-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-gray-50));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-daterangepicker-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-daterangepicker-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-50));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: indigo;--calendar-border-color: var(--ig-gray-100)}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-7)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: material}`;
|
|
2
|
+
export const styles = css `:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: material;--calendar-border-color: transparent}`;
|
|
3
3
|
//# sourceMappingURL=date-range-picker.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"date-range-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gmLAAgmL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: material;--calendar-border-color: transparent}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host
|
|
2
|
+
export const styles = css `:host{--calendar-border-color: var(--ig-gray-300)}:host igc-dialog igc-calendar{border:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);padding-inline-start:0;margin-block-start:.25rem}:host([readonly]) igc-input::part(container),:host([readonly]) igc-input::part(prefix),:host([readonly]) igc-input::part(suffix),:host([readonly]) igc-date-time-input::part(container),:host([readonly]) igc-date-time-input::part(prefix),:host([readonly]) igc-date-time-input::part(suffix){background:var(--border-disabled-background)}[part=separator]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;
|
|
3
3
|
//# sourceMappingURL=date-range-picker.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"date-range-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6hDAA6hD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--calendar-border-color: var(--ig-gray-300)}:host igc-dialog igc-calendar{border:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);padding-inline-start:0;margin-block-start:.25rem}:host([readonly]) igc-input::part(container),:host([readonly]) igc-input::part(prefix),:host([readonly]) igc-input::part(suffix),:host([readonly]) igc-date-time-input::part(container),:host([readonly]) igc-date-time-input::part(prefix),:host([readonly]) igc-date-time-input::part(suffix){background:var(--border-disabled-background)}[part=separator]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24)}:host igc-dialog::part(content){padding:0}:host igc-dialog::part(footer){padding:.5rem;background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host(:not([readonly])){--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]{--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]::part(prefix),:host(:not([readonly])) igc-date-time-input[readonly]::part(suffix){color:var(--affix-color)}:host(:not([readonly])) [part=calendar-icon],:host(:not([readonly])) [part=calendar-icon-open],:host(:not([readonly])) [part=clear-icon]{color:var(--affix-color)}:host(:not([readonly])) igc-input:focus-within{--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) igc-input:focus-within::part(filled){--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) ::part(filled){--affix-color: var(--input-prefix-color--filled)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){--affix-color: var-get($theme, "disabled-text-color")}:host(:disabled) ::part(filled),:host([disabled]) ::part(filled){--affix-color: var-get($theme, "disabled-text-color")}:host(:disabled) ::part(helper-text),:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}[part=separator]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--label-color);height:var(--size)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;
|
|
2
|
+
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--calendar-border-color: transparent}:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24);border:.0625rem solid var(--calendar-border-color)}:host igc-dialog::part(content){padding:0}:host igc-dialog::part(footer){padding:.5rem;background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--calendar-border-color)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host(:not([readonly])){--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]{--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]::part(prefix),:host(:not([readonly])) igc-date-time-input[readonly]::part(suffix){color:var(--affix-color)}:host(:not([readonly])) [part=calendar-icon],:host(:not([readonly])) [part=calendar-icon-open],:host(:not([readonly])) [part=clear-icon]{color:var(--affix-color)}:host(:not([readonly])) igc-input:focus-within{--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) igc-input:focus-within::part(filled){--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) ::part(filled){--affix-color: var(--input-prefix-color--filled)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){--affix-color: var-get($theme, "disabled-text-color")}:host(:disabled) ::part(filled),:host([disabled]) ::part(filled){--affix-color: var-get($theme, "disabled-text-color")}:host(:disabled) ::part(helper-text),:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}[part=separator]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--label-color);height:var(--size)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;
|
|
3
3
|
//# sourceMappingURL=date-range-picker.common.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.common.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"date-range-picker.common.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmIAAkmI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--calendar-border-color: transparent}:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24);border:.0625rem solid var(--calendar-border-color)}:host igc-dialog::part(content){padding:0}:host igc-dialog::part(footer){padding:.5rem;background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background);box-shadow:0 0 0 .0625rem var(--calendar-border-color)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host(:not([readonly])){--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]{--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]::part(prefix),:host(:not([readonly])) igc-date-time-input[readonly]::part(suffix){color:var(--affix-color)}:host(:not([readonly])) [part=calendar-icon],:host(:not([readonly])) [part=calendar-icon-open],:host(:not([readonly])) [part=clear-icon]{color:var(--affix-color)}:host(:not([readonly])) igc-input:focus-within{--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) igc-input:focus-within::part(filled){--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) ::part(filled){--affix-color: var(--input-prefix-color--filled)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){--affix-color: var-get($theme, \"disabled-text-color\")}:host(:disabled) ::part(filled),:host([disabled]) ::part(filled){--affix-color: var-get($theme, \"disabled-text-color\")}:host(:disabled) ::part(helper-text),:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}[part=separator]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--label-color);height:var(--size)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host igc-dialog[open]::part(base){border-radius:0}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem;padding-inline-start:0}:host([required]) ::part(label)::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-input::part(prefix),:host(:not([disabled])[readonly]) igc-input::part(suffix),:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([readonly],[invalid],[disabled])) igc-input[readonly]:not(:focus):hover::part(container)::before{color:var(--hover-border-color)}:host(:disabled) ::part(label)::after,:host([disabled]) ::part(label)::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;
|
|
2
|
+
export const styles = css `:host{--calendar-border-color: transparent}:host igc-dialog[open]::part(base){border-radius:0}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem;padding-inline-start:0}:host([required]) ::part(label)::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-input::part(prefix),:host(:not([disabled])[readonly]) igc-input::part(suffix),:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([readonly],[invalid],[disabled])) igc-input[readonly]:not(:focus):hover::part(container)::before{color:var(--hover-border-color)}:host(:disabled) ::part(label)::after,:host([disabled]) ::part(label)::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;
|
|
3
3
|
//# sourceMappingURL=date-range-picker.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g5CAAg5C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--calendar-border-color: transparent}:host igc-dialog[open]::part(base){border-radius:0}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem;padding-inline-start:0}:host([required]) ::part(label)::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-input::part(prefix),:host(:not([disabled])[readonly]) igc-input::part(suffix),:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([readonly],[invalid],[disabled])) igc-input[readonly]:not(:focus):hover::part(container)::before{color:var(--hover-border-color)}:host(:disabled) ::part(label)::after,:host([disabled]) ::part(label)::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)
|
|
2
|
+
export const styles = css `:host{--calendar-border-color: var(--ig-gray-400)}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host igc-dialog::part(footer){padding:.5rem 1rem;gap:.5rem}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(0.9375rem, auto);padding-inline-start:0}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:.5rem 1rem}:host(:not([invalid])[readonly]) igc-input::part(container),:host(:not([invalid])[readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly]):hover) igc-input[readonly]::part(container){background:var(--box-background-hover)}:host(:not([readonly]):hover) igc-input[readonly]::part(filled){color:var(--filled-text-hover-color)}:host(:not([readonly],[invalid]):hover) igc-input[readonly]::part(container){border-color:var(--hover-bottom-line-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}`;
|
|
3
3
|
//# sourceMappingURL=date-range-picker.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ihDAAihD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--calendar-border-color: var(--ig-gray-400)}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host igc-dialog::part(footer){padding:.5rem 1rem;gap:.5rem}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(0.9375rem, auto);padding-inline-start:0}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:.5rem 1rem}:host(:not([invalid])[readonly]) igc-input::part(container),:host(:not([invalid])[readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly]):hover) igc-input[readonly]::part(container){background:var(--box-background-hover)}:host(:not([readonly]):hover) igc-input[readonly]::part(filled){color:var(--filled-text-hover-color)}:host(:not([readonly],[invalid]):hover) igc-input[readonly]::part(container){border-color:var(--hover-bottom-line-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}`;\n"]}
|
|
@@ -70,6 +70,7 @@ export default class IgcDialogComponent extends IgcDialogComponent_base {
|
|
|
70
70
|
/** Sets the return value for the dialog. */
|
|
71
71
|
returnValue: string;
|
|
72
72
|
protected handleOpenState(): void;
|
|
73
|
+
constructor();
|
|
73
74
|
protected createRenderRoot(): HTMLElement | DocumentFragment;
|
|
74
75
|
protected firstUpdated(): void;
|
|
75
76
|
private toggleAnimation;
|
|
@@ -11,7 +11,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
|
|
|
11
11
|
import { createRef, ref } from 'lit/directives/ref.js';
|
|
12
12
|
import { addAnimationController } from '../../animations/player.js';
|
|
13
13
|
import { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';
|
|
14
|
-
import {
|
|
14
|
+
import { addThemingController } from '../../theming/theming-controller.js';
|
|
15
15
|
import IgcButtonComponent from '../button/button.js';
|
|
16
16
|
import { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';
|
|
17
17
|
import { watch } from '../common/decorators/watch.js';
|
|
@@ -23,8 +23,17 @@ import { styles } from './themes/dialog.base.css.js';
|
|
|
23
23
|
import { styles as shared } from './themes/shared/dialog.common.css.js';
|
|
24
24
|
import { all } from './themes/themes.js';
|
|
25
25
|
let IgcDialogComponent = IgcDialogComponent_1 = class IgcDialogComponent extends EventEmitterMixin(LitElement) {
|
|
26
|
+
static register() {
|
|
27
|
+
registerComponent(IgcDialogComponent_1, IgcButtonComponent);
|
|
28
|
+
}
|
|
29
|
+
get dialog() {
|
|
30
|
+
return this.dialogRef.value;
|
|
31
|
+
}
|
|
32
|
+
handleOpenState() {
|
|
33
|
+
this.open ? this.dialog.showModal() : this.dialog.close();
|
|
34
|
+
}
|
|
26
35
|
constructor() {
|
|
27
|
-
super(
|
|
36
|
+
super();
|
|
28
37
|
this.titleId = `title-${IgcDialogComponent_1.increment()}`;
|
|
29
38
|
this.dialogRef = createRef();
|
|
30
39
|
this.animationPlayer = addAnimationController(this, this.dialogRef);
|
|
@@ -41,15 +50,7 @@ let IgcDialogComponent = IgcDialogComponent_1 = class IgcDialogComponent extends
|
|
|
41
50
|
this._hide(true);
|
|
42
51
|
}
|
|
43
52
|
};
|
|
44
|
-
|
|
45
|
-
static register() {
|
|
46
|
-
registerComponent(IgcDialogComponent_1, IgcButtonComponent);
|
|
47
|
-
}
|
|
48
|
-
get dialog() {
|
|
49
|
-
return this.dialogRef.value;
|
|
50
|
-
}
|
|
51
|
-
handleOpenState() {
|
|
52
|
-
this.open ? this.dialog.showModal() : this.dialog.close();
|
|
53
|
+
addThemingController(this, all);
|
|
53
54
|
}
|
|
54
55
|
createRenderRoot() {
|
|
55
56
|
const root = super.createRenderRoot();
|
|
@@ -203,7 +204,6 @@ __decorate([
|
|
|
203
204
|
watch('open', { waitUntilFirstUpdate: true })
|
|
204
205
|
], IgcDialogComponent.prototype, "handleOpenState", null);
|
|
205
206
|
IgcDialogComponent = IgcDialogComponent_1 = __decorate([
|
|
206
|
-
themes(all),
|
|
207
207
|
blazorAdditionalDependencies('IgcButtonComponent')
|
|
208
208
|
], IgcDialogComponent);
|
|
209
209
|
export default IgcDialogComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAY,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AACpG,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EACL,aAAa,EACb,OAAO,EACP,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AA2B1B,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,iBAAiB,CAG/D,UAAU,CAAC;IAHE;;QAaL,YAAO,GAAG,SAAS,oBAAkB,CAAC,SAAS,EAAE,EAAE,CAAC;QAEpD,cAAS,GAA2B,SAAS,EAAE,CAAC;QAChD,oBAAe,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAM/D,cAAS,GAAG,KAAK,CAAC;QAoBnB,qBAAgB,GAAG,KAAK,CAAC;QAOzB,wBAAmB,GAAG,KAAK,CAAC;QAU5B,sBAAiB,GAAG,KAAK,CAAC;QAO1B,SAAI,GAAG,KAAK,CAAC;QAwGV,sBAAiB,GAAG,CAAC,CAAc,EAAE,EAAE;YAC/C,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;gBAChB,IAAI,CAAC,WAAW,GAAI,CAAC,CAAC,SAAiB,EAAE,KAAK,IAAI,EAAE,CAAC;YACvD,CAAC;YAED,IAAI,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;gBACxB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;QACH,CAAC,CAAC;IAyDJ,CAAC;IAnOQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAkB,EAAE,kBAAkB,CAAC,CAAC;IAC5D,CAAC;IAcD,IAAY,MAAM;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAM,CAAC;IAC/B,CAAC;IAsDS,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;IAC5D,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAEkB,YAAY;QAC7B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,eAAe,CAAC,GAAqB;QACjD,MAAM,SAAS,GAAG,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAEpD,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACnC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;YAC9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;SACvC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC;IACjC,CAAC;IAEO,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK;QACnC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;YACrD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACpC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QAEvB,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC9B,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,MAAM,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;IAGM,KAAK,CAAC,MAAM;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;IAEO,YAAY,CAAC,KAAY;QAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACH,CAAC;IAEO,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAgB;QAC5D,IAAI,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YACvD,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC;YACjD,MAAM,GAAG,GAAG,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACnE,MAAM,GAAG,GAAG,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAEnE,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC;gBAClB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;IACH,CAAC;IAEO,WAAW;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC;IAYO,mBAAmB;QAEzB,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CACjC,uBAAuB,CACxB,CAAC;QAEF,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAC3D,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IAEkB,MAAM;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1D,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;QACpD,MAAM,aAAa,GAAG;YACpB,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;QACF,MAAM,SAAS,GAAG;YAChB,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK;YACrD,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB;SAClE,CAAC;QAEF,OAAO,IAAI,CAAA;kBACG,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI;;UAExD,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;eACd,OAAO,CAAC,SAAS,CAAC;;iBAEhB,IAAI,CAAC,WAAW;kBACf,IAAI,CAAC,YAAY;qBACd,SAAS,CAAC,KAAK,CAAC;0BACX,SAAS,CAAC,UAAU,CAAC;;kCAEb,IAAI,CAAC,OAAO;qCACT,IAAI,CAAC,KAAK;;;yCAGN,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC;8BACxC,IAAI,CAAC,mBAAmB;;;;cAIxC,IAAI,CAAC,iBAAiB;YACtB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAA,qCAAqC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;;kBAE7D;;;;KAIb,CAAC;IACJ,CAAC;;AAtOsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AAChC,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAOhB,4BAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AAU5C;IADP,KAAK,EAAE;qDACkB;AAOlB;IADP,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACE;AAGnC;IADP,qBAAqB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2DACE;AAGrC;IADP,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;0DACE;AAOrC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;4DAC9B;AAOzB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE,CAAC;+DAC9B;AAU5B;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;6DAC7B;AAO1B;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACvB;AAOJ;IADf,QAAQ,EAAE;iDACoB;AAIxB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;uDACH;AAGlB;IADT,KAAK,CAAC,MAAM,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;yDAG7C;AAlFkB,kBAAkB;IAFtC,MAAM,CAAC,GAAG,CAAC;IACX,4BAA4B,CAAC,oBAAoB,CAAC;GAC9B,kBAAkB,CA2OtC;eA3OoB,kBAAkB","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, type Ref, ref } from 'lit/directives/ref.js';\n\nimport { addAnimationController } from '../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport {\n createCounter,\n isEmpty,\n numberInRangeInclusive,\n} from '../common/util.js';\nimport { styles } from './themes/dialog.base.css.js';\nimport { styles as shared } from './themes/shared/dialog.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcDialogComponentEventMap {\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n}\n\n/**\n * Represents a Dialog component.\n *\n * @element igc-dialog\n *\n * @fires igcClosing - Emitter just before the dialog is closed.\n * @fires igcClosed - Emitted after closing the dialog.\n *\n * @slot - Renders content inside the default slot.\n * @slot title - Renders the title of the dialog header.\n * @slot message - Renders the message content of the dialog.\n * @slot footer - Renders the dialog footer.\n *\n * @csspart base - The base wrapper of the dialog.\n * @csspart title - The title container.\n * @csspart footer - The footer container.\n * @csspart overlay - The overlay.\n */\n@themes(all)\n@blazorAdditionalDependencies('IgcButtonComponent')\nexport default class IgcDialogComponent extends EventEmitterMixin<\n IgcDialogComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-dialog';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcDialogComponent, IgcButtonComponent);\n }\n\n private static readonly increment = createCounter();\n private titleId = `title-${IgcDialogComponent.increment()}`;\n\n private dialogRef: Ref<HTMLDialogElement> = createRef();\n private animationPlayer = addAnimationController(this, this.dialogRef);\n\n /**\n * Backdrop animation helper.\n */\n @state()\n private animating = false;\n\n private get dialog() {\n return this.dialogRef.value!;\n }\n\n @queryAssignedElements({ slot: 'title' })\n private titleElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'message' })\n private messageElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'footer' })\n private footerElements!: Array<HTMLElement>;\n\n /**\n * Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n * @attr keep-open-on-escape\n */\n @property({ type: Boolean, attribute: 'keep-open-on-escape' })\n public keepOpenOnEscape = false;\n\n /**\n * Whether the dialog should be closed when clicking outside of it.\n * @attr close-on-outside-click\n */\n @property({ type: Boolean, attribute: 'close-on-outside-click' })\n public closeOnOutsideClick = false;\n\n /**\n * Whether to hide the default action button for the dialog.\n *\n * When there is projected content in the `footer` slot this property\n * has no effect.\n * @attr hide-default-action\n */\n @property({ type: Boolean, attribute: 'hide-default-action' })\n public hideDefaultAction = false;\n\n /**\n * Whether the dialog is opened.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /**\n * Sets the title of the dialog.\n * @attr\n */\n @property()\n public override title!: string;\n\n /** Sets the return value for the dialog. */\n @property({ attribute: false })\n public returnValue!: string;\n\n @watch('open', { waitUntilFirstUpdate: true })\n protected handleOpenState() {\n this.open ? this.dialog.showModal() : this.dialog.close();\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n protected override firstUpdated() {\n if (this.open) {\n this.dialog.showModal();\n }\n }\n\n private async toggleAnimation(dir: 'open' | 'close') {\n const animation = dir === 'open' ? fadeIn : fadeOut;\n\n const [_, event] = await Promise.all([\n this.animationPlayer.stopAll(),\n this.animationPlayer.play(animation()),\n ]);\n\n return event.type === 'finish';\n }\n\n private async _hide(emitEvent = false) {\n if (!this.open || (emitEvent && !this.emitClosing())) {\n return false;\n }\n\n this.animating = true;\n await this.toggleAnimation('close');\n this.open = false;\n this.animating = false;\n\n if (emitEvent) {\n await this.updateComplete;\n this.emitEvent('igcClosed');\n }\n\n return true;\n }\n\n /** Opens the dialog. */\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this.toggleAnimation('open');\n return true;\n }\n\n /** Closes the dialog. */\n public async hide(): Promise<boolean> {\n return this._hide();\n }\n\n /** Toggles the open state of the dialog. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n\n private handleCancel(event: Event) {\n event.preventDefault();\n\n if (!this.keepOpenOnEscape) {\n this._hide(true);\n }\n }\n\n private handleClick({ clientX, clientY, target }: PointerEvent) {\n if (this.closeOnOutsideClick && this.dialog === target) {\n const rect = this.dialog.getBoundingClientRect();\n const inX = numberInRangeInclusive(clientX, rect.left, rect.right);\n const inY = numberInRangeInclusive(clientY, rect.top, rect.bottom);\n\n if (!(inX && inY)) {\n this._hide(true);\n }\n }\n }\n\n private emitClosing(): boolean {\n return this.emitEvent('igcClosing', { cancelable: true });\n }\n\n protected formSubmitHandler = (e: SubmitEvent) => {\n if (e.submitter) {\n this.returnValue = (e.submitter as any)?.value ?? '';\n }\n\n if (!e.defaultPrevented) {\n this._hide(true);\n }\n };\n\n private handleContentChange() {\n // Setup submit handling for forms\n const forms = this.querySelectorAll<HTMLFormElement>(\n 'form[method=\"dialog\"]'\n );\n\n for (const form of forms) {\n form.removeEventListener('submit', this.formSubmitHandler);\n form.addEventListener('submit', this.formSubmitHandler);\n }\n }\n\n protected override render() {\n const label = this.ariaLabel ? this.ariaLabel : undefined;\n const labelledBy = label ? undefined : this.titleId;\n const backdropParts = {\n backdrop: true,\n animating: this.animating,\n };\n const baseParts = {\n base: true,\n titled: this.titleElements.length > 0 || !!this.title,\n footed: this.footerElements.length > 0 || !this.hideDefaultAction,\n };\n\n return html`\n <div part=${partMap(backdropParts)} aria-hidden=${!this.open}></div>\n <dialog\n ${ref(this.dialogRef)}\n part=${partMap(baseParts)}\n role=\"dialog\"\n @click=${this.handleClick}\n @cancel=${this.handleCancel}\n aria-label=${ifDefined(label)}\n aria-labelledby=${ifDefined(labelledBy)}\n >\n <header part=\"title\" id=${this.titleId}>\n <slot name=\"title\"><span>${this.title}</span></slot>\n </header>\n <section part=\"content\">\n <slot name=\"message\" .hidden=${isEmpty(this.messageElements)}></slot>\n <slot @slotchange=${this.handleContentChange}></slot>\n </section>\n <footer part=\"footer\">\n <slot name=\"footer\">\n ${this.hideDefaultAction\n ? nothing\n : html`<igc-button variant=\"flat\" @click=${() => this._hide(true)}\n >OK</igc-button\n >`}\n </slot>\n </footer>\n </dialog>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-dialog': IgcDialogComponent;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, type Ref, ref } from 'lit/directives/ref.js';\n\nimport { addAnimationController } from '../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport {\n createCounter,\n isEmpty,\n numberInRangeInclusive,\n} from '../common/util.js';\nimport { styles } from './themes/dialog.base.css.js';\nimport { styles as shared } from './themes/shared/dialog.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcDialogComponentEventMap {\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n}\n\n/**\n * Represents a Dialog component.\n *\n * @element igc-dialog\n *\n * @fires igcClosing - Emitter just before the dialog is closed.\n * @fires igcClosed - Emitted after closing the dialog.\n *\n * @slot - Renders content inside the default slot.\n * @slot title - Renders the title of the dialog header.\n * @slot message - Renders the message content of the dialog.\n * @slot footer - Renders the dialog footer.\n *\n * @csspart base - The base wrapper of the dialog.\n * @csspart title - The title container.\n * @csspart footer - The footer container.\n * @csspart overlay - The overlay.\n */\n@blazorAdditionalDependencies('IgcButtonComponent')\nexport default class IgcDialogComponent extends EventEmitterMixin<\n IgcDialogComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-dialog';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcDialogComponent, IgcButtonComponent);\n }\n\n private static readonly increment = createCounter();\n private titleId = `title-${IgcDialogComponent.increment()}`;\n\n private dialogRef: Ref<HTMLDialogElement> = createRef();\n private animationPlayer = addAnimationController(this, this.dialogRef);\n\n /**\n * Backdrop animation helper.\n */\n @state()\n private animating = false;\n\n private get dialog() {\n return this.dialogRef.value!;\n }\n\n @queryAssignedElements({ slot: 'title' })\n private titleElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'message' })\n private messageElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'footer' })\n private footerElements!: Array<HTMLElement>;\n\n /**\n * Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n * @attr keep-open-on-escape\n */\n @property({ type: Boolean, attribute: 'keep-open-on-escape' })\n public keepOpenOnEscape = false;\n\n /**\n * Whether the dialog should be closed when clicking outside of it.\n * @attr close-on-outside-click\n */\n @property({ type: Boolean, attribute: 'close-on-outside-click' })\n public closeOnOutsideClick = false;\n\n /**\n * Whether to hide the default action button for the dialog.\n *\n * When there is projected content in the `footer` slot this property\n * has no effect.\n * @attr hide-default-action\n */\n @property({ type: Boolean, attribute: 'hide-default-action' })\n public hideDefaultAction = false;\n\n /**\n * Whether the dialog is opened.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /**\n * Sets the title of the dialog.\n * @attr\n */\n @property()\n public override title!: string;\n\n /** Sets the return value for the dialog. */\n @property({ attribute: false })\n public returnValue!: string;\n\n @watch('open', { waitUntilFirstUpdate: true })\n protected handleOpenState() {\n this.open ? this.dialog.showModal() : this.dialog.close();\n }\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n protected override firstUpdated() {\n if (this.open) {\n this.dialog.showModal();\n }\n }\n\n private async toggleAnimation(dir: 'open' | 'close') {\n const animation = dir === 'open' ? fadeIn : fadeOut;\n\n const [_, event] = await Promise.all([\n this.animationPlayer.stopAll(),\n this.animationPlayer.play(animation()),\n ]);\n\n return event.type === 'finish';\n }\n\n private async _hide(emitEvent = false) {\n if (!this.open || (emitEvent && !this.emitClosing())) {\n return false;\n }\n\n this.animating = true;\n await this.toggleAnimation('close');\n this.open = false;\n this.animating = false;\n\n if (emitEvent) {\n await this.updateComplete;\n this.emitEvent('igcClosed');\n }\n\n return true;\n }\n\n /** Opens the dialog. */\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this.toggleAnimation('open');\n return true;\n }\n\n /** Closes the dialog. */\n public async hide(): Promise<boolean> {\n return this._hide();\n }\n\n /** Toggles the open state of the dialog. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n\n private handleCancel(event: Event) {\n event.preventDefault();\n\n if (!this.keepOpenOnEscape) {\n this._hide(true);\n }\n }\n\n private handleClick({ clientX, clientY, target }: PointerEvent) {\n if (this.closeOnOutsideClick && this.dialog === target) {\n const rect = this.dialog.getBoundingClientRect();\n const inX = numberInRangeInclusive(clientX, rect.left, rect.right);\n const inY = numberInRangeInclusive(clientY, rect.top, rect.bottom);\n\n if (!(inX && inY)) {\n this._hide(true);\n }\n }\n }\n\n private emitClosing(): boolean {\n return this.emitEvent('igcClosing', { cancelable: true });\n }\n\n protected formSubmitHandler = (e: SubmitEvent) => {\n if (e.submitter) {\n this.returnValue = (e.submitter as any)?.value ?? '';\n }\n\n if (!e.defaultPrevented) {\n this._hide(true);\n }\n };\n\n private handleContentChange() {\n // Setup submit handling for forms\n const forms = this.querySelectorAll<HTMLFormElement>(\n 'form[method=\"dialog\"]'\n );\n\n for (const form of forms) {\n form.removeEventListener('submit', this.formSubmitHandler);\n form.addEventListener('submit', this.formSubmitHandler);\n }\n }\n\n protected override render() {\n const label = this.ariaLabel ? this.ariaLabel : undefined;\n const labelledBy = label ? undefined : this.titleId;\n const backdropParts = {\n backdrop: true,\n animating: this.animating,\n };\n const baseParts = {\n base: true,\n titled: this.titleElements.length > 0 || !!this.title,\n footed: this.footerElements.length > 0 || !this.hideDefaultAction,\n };\n\n return html`\n <div part=${partMap(backdropParts)} aria-hidden=${!this.open}></div>\n <dialog\n ${ref(this.dialogRef)}\n part=${partMap(baseParts)}\n role=\"dialog\"\n @click=${this.handleClick}\n @cancel=${this.handleCancel}\n aria-label=${ifDefined(label)}\n aria-labelledby=${ifDefined(labelledBy)}\n >\n <header part=\"title\" id=${this.titleId}>\n <slot name=\"title\"><span>${this.title}</span></slot>\n </header>\n <section part=\"content\">\n <slot name=\"message\" .hidden=${isEmpty(this.messageElements)}></slot>\n <slot @slotchange=${this.handleContentChange}></slot>\n </section>\n <footer part=\"footer\">\n <slot name=\"footer\">\n ${this.hideDefaultAction\n ? nothing\n : html`<igc-button variant=\"flat\" @click=${() => this._hide(true)}\n >OK</igc-button\n >`}\n </slot>\n </footer>\n </dialog>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-dialog': IgcDialogComponent;\n }\n}\n"]}
|
|
@@ -4,30 +4,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
var IgcDividerComponent_1;
|
|
8
7
|
import { html, LitElement } from 'lit';
|
|
9
8
|
import { property } from 'lit/decorators.js';
|
|
10
|
-
import {
|
|
9
|
+
import { addThemingController } from '../../theming/theming-controller.js';
|
|
11
10
|
import { addInternalsController } from '../common/controllers/internals.js';
|
|
12
11
|
import { registerComponent } from '../common/definitions/register.js';
|
|
13
12
|
import { styles } from './themes/divider.base.css.js';
|
|
14
13
|
import { styles as shared } from './themes/shared/divider.common.css.js';
|
|
15
14
|
import { all } from './themes/themes.js';
|
|
16
|
-
|
|
17
|
-
constructor() {
|
|
18
|
-
super(...arguments);
|
|
19
|
-
this._internals = addInternalsController(this, {
|
|
20
|
-
initialARIA: {
|
|
21
|
-
role: 'separator',
|
|
22
|
-
ariaOrientation: 'vertical',
|
|
23
|
-
},
|
|
24
|
-
});
|
|
25
|
-
this._vertical = false;
|
|
26
|
-
this.middle = false;
|
|
27
|
-
this.type = 'solid';
|
|
28
|
-
}
|
|
15
|
+
class IgcDividerComponent extends LitElement {
|
|
29
16
|
static register() {
|
|
30
|
-
registerComponent(
|
|
17
|
+
registerComponent(IgcDividerComponent);
|
|
31
18
|
}
|
|
32
19
|
set vertical(value) {
|
|
33
20
|
this._vertical = Boolean(value);
|
|
@@ -38,12 +25,26 @@ let IgcDividerComponent = IgcDividerComponent_1 = class IgcDividerComponent exte
|
|
|
38
25
|
get vertical() {
|
|
39
26
|
return this._vertical;
|
|
40
27
|
}
|
|
28
|
+
constructor() {
|
|
29
|
+
super();
|
|
30
|
+
this._internals = addInternalsController(this, {
|
|
31
|
+
initialARIA: {
|
|
32
|
+
role: 'separator',
|
|
33
|
+
ariaOrientation: 'vertical',
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
this._vertical = false;
|
|
37
|
+
this.middle = false;
|
|
38
|
+
this.type = 'solid';
|
|
39
|
+
addThemingController(this, all);
|
|
40
|
+
}
|
|
41
41
|
render() {
|
|
42
42
|
return html ``;
|
|
43
43
|
}
|
|
44
|
-
}
|
|
44
|
+
}
|
|
45
45
|
IgcDividerComponent.tagName = 'igc-divider';
|
|
46
46
|
IgcDividerComponent.styles = [styles, shared];
|
|
47
|
+
export default IgcDividerComponent;
|
|
47
48
|
__decorate([
|
|
48
49
|
property({ type: Boolean, reflect: true })
|
|
49
50
|
], IgcDividerComponent.prototype, "vertical", null);
|
|
@@ -53,8 +54,4 @@ __decorate([
|
|
|
53
54
|
__decorate([
|
|
54
55
|
property({ reflect: true })
|
|
55
56
|
], IgcDividerComponent.prototype, "type", void 0);
|
|
56
|
-
IgcDividerComponent = IgcDividerComponent_1 = __decorate([
|
|
57
|
-
themes(all)
|
|
58
|
-
], IgcDividerComponent);
|
|
59
|
-
export default IgcDividerComponent;
|
|
60
57
|
//# sourceMappingURL=divider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAWzC,MAAqB,mBAAoB,SAAQ,UAAU;IAKlD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACzC,CAAC;IAiBD,IAAW,QAAQ,CAAC,KAAc;QAChC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YACtB,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;SAC5D,CAAC,CAAC;IACL,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAmBD;QACE,KAAK,EAAE,CAAC;QA5CO,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE;gBACX,IAAI,EAAE,WAAW;gBACjB,eAAe,EAAE,UAAU;aAC5B;SACF,CAAC,CAAC;QAEK,cAAS,GAAG,KAAK,CAAC;QAyBnB,WAAM,GAAG,KAAK,CAAC;QASf,SAAI,GAAgB,OAAO,CAAC;QAIjC,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;;AA1DsB,2BAAO,GAAG,aAAa,AAAhB,CAAiB;AACxB,0BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAF9B,mBAAmB;AAwBtC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAM1C;AAYM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACrB;AASf;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACO","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { DividerType } from '../types.js';\nimport { styles } from './themes/divider.base.css.js';\nimport { styles as shared } from './themes/shared/divider.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * The igc-divider allows the content author to easily create a horizontal/vertical rule as a break between content to better organize information on a page.\n *\n * @element igc-divider\n *\n * @cssproperty --color - Sets the color of the divider.\n * @cssproperty --inset - Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides.\n *\n */\nexport default class IgcDividerComponent extends LitElement {\n public static readonly tagName = 'igc-divider';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcDividerComponent);\n }\n\n private readonly _internals = addInternalsController(this, {\n initialARIA: {\n role: 'separator',\n ariaOrientation: 'vertical',\n },\n });\n\n private _vertical = false;\n\n /**\n * Whether to render a vertical divider line.\n * @attr\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public set vertical(value: boolean) {\n this._vertical = Boolean(value);\n this._internals.setARIA({\n ariaOrientation: this._vertical ? 'vertical' : 'horizontal',\n });\n }\n\n public get vertical(): boolean {\n return this._vertical;\n }\n\n /**\n * When set and inset is provided, it will shrink the divider line from both sides.\n * @attr\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public middle = false;\n\n /* alternateName: lineType */\n /**\n * Whether to render a solid or a dashed divider line.\n * @attr type\n * @default 'solid'\n */\n @property({ reflect: true })\n public type: DividerType = 'solid';\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override render() {\n return html``;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-divider': IgcDividerComponent;\n }\n}\n"]}
|
|
@@ -4,22 +4,22 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
var IgcDropdownGroupComponent_1;
|
|
8
7
|
import { html, LitElement } from 'lit';
|
|
9
8
|
import { queryAssignedElements } from 'lit/decorators.js';
|
|
10
|
-
import {
|
|
9
|
+
import { addThemingController } from '../../theming/theming-controller.js';
|
|
11
10
|
import { addInternalsController } from '../common/controllers/internals.js';
|
|
12
11
|
import { registerComponent } from '../common/definitions/register.js';
|
|
13
12
|
import IgcDropdownItemComponent from './dropdown-item.js';
|
|
14
13
|
import { styles } from './themes/dropdown-group.base.css.js';
|
|
15
14
|
import { all } from './themes/group.js';
|
|
16
15
|
import { styles as shared } from './themes/shared/group/dropdown-group.common.css.js';
|
|
17
|
-
|
|
16
|
+
class IgcDropdownGroupComponent extends LitElement {
|
|
18
17
|
static register() {
|
|
19
|
-
registerComponent(
|
|
18
|
+
registerComponent(IgcDropdownGroupComponent);
|
|
20
19
|
}
|
|
21
20
|
constructor() {
|
|
22
21
|
super();
|
|
22
|
+
addThemingController(this, all);
|
|
23
23
|
addInternalsController(this, {
|
|
24
24
|
initialARIA: {
|
|
25
25
|
role: 'group',
|
|
@@ -34,17 +34,14 @@ let IgcDropdownGroupComponent = IgcDropdownGroupComponent_1 = class IgcDropdownG
|
|
|
34
34
|
<slot></slot>
|
|
35
35
|
`;
|
|
36
36
|
}
|
|
37
|
-
}
|
|
37
|
+
}
|
|
38
38
|
IgcDropdownGroupComponent.tagName = 'igc-dropdown-group';
|
|
39
39
|
IgcDropdownGroupComponent.styles = [styles, shared];
|
|
40
|
+
export default IgcDropdownGroupComponent;
|
|
40
41
|
__decorate([
|
|
41
42
|
queryAssignedElements({
|
|
42
43
|
flatten: true,
|
|
43
44
|
selector: IgcDropdownItemComponent.tagName,
|
|
44
45
|
})
|
|
45
46
|
], IgcDropdownGroupComponent.prototype, "items", void 0);
|
|
46
|
-
IgcDropdownGroupComponent = IgcDropdownGroupComponent_1 = __decorate([
|
|
47
|
-
themes(all)
|
|
48
|
-
], IgcDropdownGroupComponent);
|
|
49
|
-
export default IgcDropdownGroupComponent;
|
|
50
47
|
//# sourceMappingURL=dropdown-group.js.map
|