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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,67BAA67B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-background--disabled: var(--ig-file-names-background--disabled, var(--ig-gray-100));--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-400));--file-selector-button-background: var(--ig-file-selector-button-background, var(--ig-gray-300));--file-selector-button-background--focused: var(--ig-file-selector-button-background--focused, var(--ig-gray-300));--file-selector-button-background--filled: var(--ig-file-selector-button-background--filled, var(--ig-gray-300));--file-selector-button-background--disabled: var(--ig-file-selector-button-background--disabled, var(--ig-gray-100));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-800));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-400));--ig-theme: bootstrap}`;\n"]}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-300));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-200));--ig-theme: fluent}`;
|
|
3
|
+
//# sourceMappingURL=file-input.fluent.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iPAAiP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-300));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-200));--ig-theme: fluent}`;\n"]}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--file-names-foreground: var(--ig-file-names-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--focused: var(--ig-file-names-foreground--focused, var(--ig-gray-50-contrast));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-primary-500-contrast));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--ig-theme: indigo}`;
|
|
3
|
+
//# sourceMappingURL=file-input.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u8BAAu8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-names-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--focused: var(--ig-file-names-foreground--focused, var(--ig-gray-50-contrast));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-primary-500-contrast));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--ig-theme: indigo}`;\n"]}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material}`;
|
|
3
|
+
//# sourceMappingURL=file-input.material.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8bAA8b,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host(:is(igc-file-input)) [part~=file-parts]{display:contents}:host(:is(igc-file-input)) [part=file-selector-button]{align-content:center;grid-area:1/2}:host(:is(igc-file-input)) [part=file-selector-button] igc-button::part(base){transition:none}:host(:is(igc-file-input)) [part=file-names]{display:flex;align-items:center;max-height:var(--size);height:100%;grid-area:1/3}:host(:is(igc-file-input)) [part=file-names]>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is(igc-file-input)) [part~=container]{position:relative;grid-template-columns:auto auto 1fr auto}:host(:is(igc-file-input)) [part~=input]{position:absolute;border:none;inset:0;width:100%;grid-column:2/4;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:host(:is(igc-file-input)) [part~=container],:host(:is(igc-file-input)) [part~=input]{height:var(--size)}:host(:is(igc-file-input)) [part~=input]::file-selector-button{width:100%;cursor:auto}:host(:is(igc-file-input)) [part~=suffix]{grid-area:1/4}:host(:not(:disabled)) [part~=input],:host(:not(:disabled)) [part~=input]::file-selector-button{cursor:pointer}:host(:is(igc-file-input):disabled) [part~=file-names],:host(:is(igc-file-input)[disabled]) [part~=file-names]{color:var(--disabled-
|
|
2
|
+
export const styles = css `:host(:is(igc-file-input)) [part~=file-parts]{display:contents}:host(:is(igc-file-input)) [part=file-selector-button]{align-content:center;grid-area:1/2}:host(:is(igc-file-input)) [part=file-selector-button] igc-button::part(base){transition:none}:host(:is(igc-file-input)) [part=file-names]{display:flex;align-items:center;max-height:var(--size);height:100%;grid-area:1/3;color:var(--file-names-foreground);background:var(--file-names-background)}:host(:is(igc-file-input)) [part=file-names]>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is(igc-file-input)) [part~=container]{position:relative;grid-template-columns:auto auto 1fr auto}:host(:is(igc-file-input)) [part~=input]{position:absolute;border:none;inset:0;width:100%;grid-column:2/4;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:host(:is(igc-file-input)) [part~=container],:host(:is(igc-file-input)) [part~=input]{height:var(--size)}:host(:is(igc-file-input)) [part~=input]::file-selector-button{width:100%;cursor:auto}:host(:is(igc-file-input)) [part~=suffix]{grid-area:1/4}:host(:is(igc-file-input)) [part~=filled] [part~=file-names]{color:var(--file-names-foreground--filled);background:var(--file-names-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-names]{color:var(--file-names-foreground--focused);background:var(--file-names-background--focused)}:host(:is(igc-file-input)) [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground);--disabled-foreground: var(--file-selector-button-foreground--disabled);--background: var(--file-selector-button-background);--disabled-background: var(--file-selector-button-background--disabled);--hover-foreground: var(--foreground);--active-foreground: var(--foreground);--hover-background: var(--background);--active-background: var(--background)}:host(:is(igc-file-input)) [part~=filled] [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--filled);--background: var(--file-selector-button-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--focused);--background: var(--file-selector-button-background--focused)}:host(:not(:disabled)) [part~=input],:host(:not(:disabled)) [part~=input]::file-selector-button{cursor:pointer}:host(:is(igc-file-input):disabled) [part~=file-names],:host(:is(igc-file-input)[disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);background:var(--file-names-background--disabled)}`;
|
|
3
3
|
//# sourceMappingURL=file-input.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.base.css.js","sourceRoot":"","sources":["../../../../src/components/file-input/themes/file-input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"file-input.base.css.js","sourceRoot":"","sources":["../../../../src/components/file-input/themes/file-input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8jFAA8jF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:is(igc-file-input)) [part~=file-parts]{display:contents}:host(:is(igc-file-input)) [part=file-selector-button]{align-content:center;grid-area:1/2}:host(:is(igc-file-input)) [part=file-selector-button] igc-button::part(base){transition:none}:host(:is(igc-file-input)) [part=file-names]{display:flex;align-items:center;max-height:var(--size);height:100%;grid-area:1/3;color:var(--file-names-foreground);background:var(--file-names-background)}:host(:is(igc-file-input)) [part=file-names]>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is(igc-file-input)) [part~=container]{position:relative;grid-template-columns:auto auto 1fr auto}:host(:is(igc-file-input)) [part~=input]{position:absolute;border:none;inset:0;width:100%;grid-column:2/4;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:host(:is(igc-file-input)) [part~=container],:host(:is(igc-file-input)) [part~=input]{height:var(--size)}:host(:is(igc-file-input)) [part~=input]::file-selector-button{width:100%;cursor:auto}:host(:is(igc-file-input)) [part~=suffix]{grid-area:1/4}:host(:is(igc-file-input)) [part~=filled] [part~=file-names]{color:var(--file-names-foreground--filled);background:var(--file-names-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-names]{color:var(--file-names-foreground--focused);background:var(--file-names-background--focused)}:host(:is(igc-file-input)) [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground);--disabled-foreground: var(--file-selector-button-foreground--disabled);--background: var(--file-selector-button-background);--disabled-background: var(--file-selector-button-background--disabled);--hover-foreground: var(--foreground);--active-foreground: var(--foreground);--hover-background: var(--background);--active-background: var(--background)}:host(:is(igc-file-input)) [part~=filled] [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--filled);--background: var(--file-selector-button-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--focused);--background: var(--file-selector-button-background--focused)}:host(:not(:disabled)) [part~=input],:host(:not(:disabled)) [part~=input]::file-selector-button{cursor:pointer}:host(:is(igc-file-input):disabled) [part~=file-names],:host(:is(igc-file-input)[disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);background:var(--file-names-background--disabled)}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--file-names-background--disabled: var(--ig-file-names-background--disabled, var(--ig-gray-100));--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-400));--file-selector-button-background: var(--ig-file-selector-button-background, var(--ig-gray-300));--file-selector-button-background--focused: var(--ig-file-selector-button-background--focused, var(--ig-gray-300));--file-selector-button-background--filled: var(--ig-file-selector-button-background--filled, var(--ig-gray-300));--file-selector-button-background--disabled: var(--ig-file-selector-button-background--disabled, var(--ig-gray-100));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-800));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-400));--ig-theme: bootstrap}`;
|
|
3
|
+
//# sourceMappingURL=file-input.bootstrap.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,67BAA67B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-background--disabled: var(--ig-file-names-background--disabled, var(--ig-gray-100));--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-400));--file-selector-button-background: var(--ig-file-selector-button-background, var(--ig-gray-300));--file-selector-button-background--focused: var(--ig-file-selector-button-background--focused, var(--ig-gray-300));--file-selector-button-background--filled: var(--ig-file-selector-button-background--filled, var(--ig-gray-300));--file-selector-button-background--disabled: var(--ig-file-selector-button-background--disabled, var(--ig-gray-100));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-800));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-400));--ig-theme: bootstrap}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-800));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, var(--ig-gray-800));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-700));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--ig-theme: indigo}`;
|
|
3
|
+
//# sourceMappingURL=file-input.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wwBAAwwB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-800));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, var(--ig-gray-800));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-700));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--ig-theme: indigo}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material}`;
|
|
3
|
+
//# sourceMappingURL=file-input.material.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8bAA8b,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--file-names-background: var(--ig-file-names-background, transparent);--file-names-background--focused: var(--ig-file-names-background--focused, transparent);--file-names-background--filled: var(--ig-file-names-background--filled, transparent);--file-names-background--disabled: var(--ig-file-names-background--disabled, transparent);--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-900));--file-names-foreground--focused: var(--ig-file-names-foreground--focused, var(--ig-gray-900));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, var(--ig-gray-900));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-500));--file-selector-button-background: var(--ig-file-selector-button-background, transparent);--file-selector-button-background--focused: var(--ig-file-selector-button-background--focused, transparent);--file-selector-button-background--filled: var(--ig-file-selector-button-background--filled, transparent);--file-selector-button-background--disabled: var(--ig-file-selector-button-background--disabled, transparent);--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-900));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-900));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-900));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-500))}`;
|
|
3
|
+
//# sourceMappingURL=file-input.shared.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-input.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,whDAAwhD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-background: var(--ig-file-names-background, transparent);--file-names-background--focused: var(--ig-file-names-background--focused, transparent);--file-names-background--filled: var(--ig-file-names-background--filled, transparent);--file-names-background--disabled: var(--ig-file-names-background--disabled, transparent);--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-900));--file-names-foreground--focused: var(--ig-file-names-foreground--focused, var(--ig-gray-900));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, var(--ig-gray-900));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-500));--file-selector-button-background: var(--ig-file-selector-button-background, transparent);--file-selector-button-background--focused: var(--ig-file-selector-button-background--focused, transparent);--file-selector-button-background--filled: var(--ig-file-selector-button-background--filled, transparent);--file-selector-button-background--disabled: var(--ig-file-selector-button-background--disabled, transparent);--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-900));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-900));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-900));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-500))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button
|
|
2
|
+
export const styles = css `:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled])[invalid]){--input-border-color: var(--error-secondary-color)}:host(:not([disabled])[invalid]) [part=prefix],:host(:not([disabled])[invalid]) [part=suffix],:host(:not([disabled])[invalid]) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:not([disabled])[invalid]:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;
|
|
3
3
|
//# sourceMappingURL=file-input.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.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":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kkFAAkkF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled])[invalid]){--input-border-color: var(--error-secondary-color)}:host(:not([disabled])[invalid]) [part=prefix],:host(:not([disabled])[invalid]) [part=suffix],:host(:not([disabled])[invalid]) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:not([disabled])[invalid]:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part=file-names]{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);
|
|
2
|
+
export const styles = css `[part=file-names]{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);font-size:.75rem;line-height:1rem}`;
|
|
3
3
|
//# sourceMappingURL=file-input.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.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":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,scAAsc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=file-names]{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);font-size:.75rem;line-height:1rem}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host(
|
|
2
|
+
export const styles = css `:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [part=label]{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)}:host(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:.25rem}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=label]{translate:0 -50%;align-self:start}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined][invalid]) [part=file-selector-button],:host([outlined][invalid]:focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) [part=label]{translate:0 -73%}`;
|
|
3
3
|
//# sourceMappingURL=file-input.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.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":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8yDAA8yD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [part=label]{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)}:host(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:.25rem}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=label]{translate:0 -50%;align-self:start}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined][invalid]) [part=file-selector-button],:host([outlined][invalid]:focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) [part=label]{translate:0 -73%}`;\n"]}
|
|
@@ -1,48 +1,67 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
2
|
import { all as inputThemes } from '../../input/themes/themes.js';
|
|
3
|
+
import { styles as bootstrapDark } from './dark/file-input.bootstrap.css.js';
|
|
4
|
+
import { styles as fluentDark } from './dark/file-input.fluent.css.js';
|
|
5
|
+
import { styles as indigoDark } from './dark/file-input.indigo.css.js';
|
|
6
|
+
import { styles as materialDark } from './dark/file-input.material.css.js';
|
|
7
|
+
import { styles as bootstrapLight } from './light/file-input.bootstrap.css.js';
|
|
8
|
+
import { styles as fluentLight } from './light/file-input.fluent.css.js';
|
|
9
|
+
import { styles as indigoLight } from './light/file-input.indigo.css.js';
|
|
10
|
+
import { styles as materialLight } from './light/file-input.material.css.js';
|
|
11
|
+
import { styles as shared } from './light/file-input.shared.css.js';
|
|
3
12
|
import { styles as bootstrap } from './shared/file-input.bootstrap.css.js';
|
|
4
13
|
import { styles as fluent } from './shared/file-input.fluent.css.js';
|
|
5
14
|
import { styles as indigo } from './shared/file-input.indigo.css.js';
|
|
6
15
|
import { styles as material } from './shared/file-input.material.css.js';
|
|
7
16
|
const light = {
|
|
8
17
|
shared: css `
|
|
18
|
+
${shared}
|
|
9
19
|
${inputThemes.light.shared}
|
|
10
20
|
`,
|
|
11
21
|
bootstrap: css `
|
|
12
22
|
${bootstrap}
|
|
23
|
+
${bootstrapLight}
|
|
13
24
|
${inputThemes.light.bootstrap}
|
|
14
25
|
`,
|
|
15
26
|
material: css `
|
|
16
27
|
${material}
|
|
28
|
+
${materialLight}
|
|
17
29
|
${inputThemes.light.material}
|
|
18
30
|
`,
|
|
19
31
|
indigo: css `
|
|
20
32
|
${indigo}
|
|
33
|
+
${indigoLight}
|
|
21
34
|
${inputThemes.light.indigo}
|
|
22
35
|
`,
|
|
23
36
|
fluent: css `
|
|
24
37
|
${fluent}
|
|
38
|
+
${fluentLight}
|
|
25
39
|
${inputThemes.light.fluent}
|
|
26
40
|
`,
|
|
27
41
|
};
|
|
28
42
|
const dark = {
|
|
29
43
|
shared: css `
|
|
44
|
+
${shared}
|
|
30
45
|
${inputThemes.dark.shared}
|
|
31
46
|
`,
|
|
32
47
|
bootstrap: css `
|
|
33
48
|
${bootstrap}
|
|
49
|
+
${bootstrapDark}
|
|
34
50
|
${inputThemes.dark.bootstrap}
|
|
35
51
|
`,
|
|
36
52
|
material: css `
|
|
37
53
|
${material}
|
|
54
|
+
${materialDark}
|
|
38
55
|
${inputThemes.dark.material}
|
|
39
56
|
`,
|
|
40
57
|
indigo: css `
|
|
41
58
|
${indigo}
|
|
59
|
+
${indigoDark}
|
|
42
60
|
${inputThemes.dark.indigo}
|
|
43
61
|
`,
|
|
44
62
|
fluent: css `
|
|
45
63
|
${fluent}
|
|
64
|
+
${fluentDark}
|
|
46
65
|
${inputThemes.dark.fluent}
|
|
47
66
|
`,
|
|
48
67
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/file-input/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,GAAG,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAGlE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEzE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;MACT,WAAW,CAAC,KAAK,CAAC,SAAU;GAC/B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;MACR,WAAW,CAAC,KAAK,CAAC,QAAS;GAC9B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;MACT,WAAW,CAAC,IAAI,CAAC,SAAU;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;MACR,WAAW,CAAC,IAAI,CAAC,QAAS;GAC7B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\nimport { all as inputThemes } from '../../input/themes/themes.js';\n\n// Shared Styles\nimport { styles as bootstrap } from './shared/file-input.bootstrap.css.js';\nimport { styles as fluent } from './shared/file-input.fluent.css.js';\nimport { styles as indigo } from './shared/file-input.indigo.css.js';\nimport { styles as material } from './shared/file-input.material.css.js';\n\nconst light = {\n shared: css`\n ${inputThemes.light.shared!}\n `,\n bootstrap: css`\n ${bootstrap}\n ${inputThemes.light.bootstrap!}\n `,\n material: css`\n ${material}\n ${inputThemes.light.material!}\n `,\n indigo: css`\n ${indigo}\n ${inputThemes.light.indigo!}\n `,\n fluent: css`\n ${fluent}\n ${inputThemes.light.fluent!}\n `,\n};\n\nconst dark = {\n shared: css`\n ${inputThemes.dark.shared!}\n `,\n bootstrap: css`\n ${bootstrap}\n ${inputThemes.dark.bootstrap!}\n `,\n material: css`\n ${material}\n ${inputThemes.dark.material!}\n `,\n indigo: css`\n ${indigo}\n ${inputThemes.dark.indigo!}\n `,\n fluent: css`\n ${fluent}\n ${inputThemes.dark.fluent!}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
1
|
+
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/file-input/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,GAAG,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAGlE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAE3E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEzE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;MACT,cAAc;MACd,WAAW,CAAC,KAAK,CAAC,SAAU;GAC/B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;MACR,aAAa;MACb,WAAW,CAAC,KAAK,CAAC,QAAS;GAC9B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW;MACX,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW;MACX,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;MACT,aAAa;MACb,WAAW,CAAC,IAAI,CAAC,SAAU;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;MACR,YAAY;MACZ,WAAW,CAAC,IAAI,CAAC,QAAS;GAC7B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,UAAU;MACV,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,UAAU;MACV,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\nimport { all as inputThemes } from '../../input/themes/themes.js';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/file-input.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/file-input.fluent.css.js';\nimport { styles as indigoDark } from './dark/file-input.indigo.css.js';\nimport { styles as materialDark } from './dark/file-input.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/file-input.bootstrap.css.js';\nimport { styles as fluentLight } from './light/file-input.fluent.css.js';\nimport { styles as indigoLight } from './light/file-input.indigo.css.js';\nimport { styles as materialLight } from './light/file-input.material.css.js';\nimport { styles as shared } from './light/file-input.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/file-input.bootstrap.css.js';\nimport { styles as fluent } from './shared/file-input.fluent.css.js';\nimport { styles as indigo } from './shared/file-input.indigo.css.js';\nimport { styles as material } from './shared/file-input.material.css.js';\n\nconst light = {\n shared: css`\n ${shared}\n ${inputThemes.light.shared!}\n `,\n bootstrap: css`\n ${bootstrap}\n ${bootstrapLight}\n ${inputThemes.light.bootstrap!}\n `,\n material: css`\n ${material}\n ${materialLight}\n ${inputThemes.light.material!}\n `,\n indigo: css`\n ${indigo}\n ${indigoLight}\n ${inputThemes.light.indigo!}\n `,\n fluent: css`\n ${fluent}\n ${fluentLight}\n ${inputThemes.light.fluent!}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n ${inputThemes.dark.shared!}\n `,\n bootstrap: css`\n ${bootstrap}\n ${bootstrapDark}\n ${inputThemes.dark.bootstrap!}\n `,\n material: css`\n ${material}\n ${materialDark}\n ${inputThemes.dark.material!}\n `,\n indigo: css`\n ${indigo}\n ${indigoDark}\n ${inputThemes.dark.indigo!}\n `,\n fluent: css`\n ${fluent}\n ${fluentDark}\n ${inputThemes.dark.fluent!}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
@@ -33,6 +33,7 @@ export default class IgcIconComponent extends LitElement {
|
|
|
33
33
|
connectedCallback(): void;
|
|
34
34
|
disconnectedCallback(): void;
|
|
35
35
|
protected iconChanged(prev: string, curr: string): void;
|
|
36
|
+
private _themeChangedCallback;
|
|
36
37
|
private iconLoaded;
|
|
37
38
|
private getIcon;
|
|
38
39
|
protected render(): import("lit-html").TemplateResult<1>;
|
package/components/icon/icon.js
CHANGED
|
@@ -4,11 +4,10 @@ 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 IgcIconComponent_1;
|
|
8
7
|
import { html, LitElement } from 'lit';
|
|
9
8
|
import { property, state } from 'lit/decorators.js';
|
|
10
9
|
import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
|
|
11
|
-
import {
|
|
10
|
+
import { addThemingController } from '../../theming/theming-controller.js';
|
|
12
11
|
import { addInternalsController } from '../common/controllers/internals.js';
|
|
13
12
|
import { blazorInclude } from '../common/decorators/blazorInclude.js';
|
|
14
13
|
import { watch } from '../common/decorators/watch.js';
|
|
@@ -17,9 +16,9 @@ import { getIconRegistry, registerIcon as registerIcon_impl, registerIconFromTex
|
|
|
17
16
|
import { styles } from './themes/icon.base.css.js';
|
|
18
17
|
import { styles as shared } from './themes/shared/icon.common.css.js';
|
|
19
18
|
import { all } from './themes/themes.js';
|
|
20
|
-
|
|
19
|
+
class IgcIconComponent extends LitElement {
|
|
21
20
|
static register() {
|
|
22
|
-
registerComponent(
|
|
21
|
+
registerComponent(IgcIconComponent);
|
|
23
22
|
}
|
|
24
23
|
constructor() {
|
|
25
24
|
super();
|
|
@@ -35,7 +34,9 @@ let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends LitEl
|
|
|
35
34
|
this.getIcon();
|
|
36
35
|
}
|
|
37
36
|
};
|
|
38
|
-
|
|
37
|
+
addThemingController(this, all, {
|
|
38
|
+
themeChange: this._themeChangedCallback,
|
|
39
|
+
});
|
|
39
40
|
}
|
|
40
41
|
connectedCallback() {
|
|
41
42
|
super.connectedCallback();
|
|
@@ -50,6 +51,9 @@ let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends LitEl
|
|
|
50
51
|
this.getIcon();
|
|
51
52
|
}
|
|
52
53
|
}
|
|
54
|
+
_themeChangedCallback(theme) {
|
|
55
|
+
getIconRegistry().setRefsByTheme(theme);
|
|
56
|
+
}
|
|
53
57
|
getIcon() {
|
|
54
58
|
const { name, collection } = getIconRegistry().getIconRef(this.name, this.collection);
|
|
55
59
|
const { svg, title } = getIconRegistry().get(name, collection) ?? {};
|
|
@@ -68,9 +72,10 @@ let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends LitEl
|
|
|
68
72
|
setIconRef(name, collection, icon) {
|
|
69
73
|
setIconRef_impl(name, collection, icon);
|
|
70
74
|
}
|
|
71
|
-
}
|
|
75
|
+
}
|
|
72
76
|
IgcIconComponent.tagName = 'igc-icon';
|
|
73
77
|
IgcIconComponent.styles = [styles, shared];
|
|
78
|
+
export default IgcIconComponent;
|
|
74
79
|
__decorate([
|
|
75
80
|
state()
|
|
76
81
|
], IgcIconComponent.prototype, "svg", void 0);
|
|
@@ -96,8 +101,4 @@ __decorate([
|
|
|
96
101
|
__decorate([
|
|
97
102
|
blazorInclude()
|
|
98
103
|
], IgcIconComponent.prototype, "setIconRef", null);
|
|
99
|
-
IgcIconComponent = IgcIconComponent_1 = __decorate([
|
|
100
|
-
themes(all, { exposeController: true })
|
|
101
|
-
], IgcIconComponent);
|
|
102
|
-
export default IgcIconComponent;
|
|
103
104
|
//# sourceMappingURL=icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EACL,eAAe,EACf,YAAY,IAAI,iBAAiB,EACjC,oBAAoB,IAAI,yBAAyB,EACjD,UAAU,IAAI,eAAe,GAC9B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AASzC,MAAqB,gBAAiB,SAAQ,UAAU;IAK/C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACtC,CAAC;IAgCD;QACE,KAAK,EAAE,CAAC;QA/BO,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SAC7B,CAAC,CAAC;QAGK,QAAG,GAAG,EAAE,CAAC;QAQV,SAAI,GAAG,EAAE,CAAC;QAQV,eAAU,GAAG,SAAS,CAAC;QAOvB,aAAQ,GAAG,KAAK,CAAC;QA+BhB,eAAU,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAE,EAAE;YACxD,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;gBACzD,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,CAAC;QACH,CAAC,CAAC;QA/BA,oBAAoB,CAAC,IAAI,EAAE,GAAG,EAAE;YAC9B,WAAW,EAAE,IAAI,CAAC,qBAAqB;SACxC,CAAC,CAAC;IACL,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,eAAe,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/C,CAAC;IAEe,oBAAoB;QAClC,eAAe,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAIS,WAAW,CAAC,IAAY,EAAE,IAAY;QAC9C,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAEO,qBAAqB,CAAC,KAAY;QACxC,eAAe,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IAQO,OAAO;QACb,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC,UAAU,CACvD,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,UAAU,CAChB,CAAC;QACF,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC;QAErE,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC,CAAC;IACxD,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;IACtC,CAAC;IAIe,AAAN,KAAK,CAAC,YAAY,CAC1B,IAAY,EACZ,GAAW,EACX,UAAU,GAAG,SAAS;QAEtB,MAAM,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;IACjD,CAAC;IAIS,oBAAoB,CAC5B,IAAY,EACZ,QAAgB,EAChB,UAAU,GAAG,SAAS;QAEtB,yBAAyB,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC;IAIS,UAAU,CAAC,IAAY,EAAE,UAAkB,EAAE,IAAc;QACnE,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IAC1C,CAAC;;AAhHsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AACrB,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAF9B,gBAAgB;AAc3B;IADP,KAAK,EAAE;6CACS;AAQV;IADN,QAAQ,EAAE;8CACM;AAQV;IADN,QAAQ,EAAE;oDACmB;AAOvB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAqBd;IAFT,KAAK,CAAC,MAAM,CAAC;IACb,KAAK,CAAC,YAAY,CAAC;mDAKnB;AA6Be;IADf,aAAa,EAAE;oDAOf;AAIS;IADT,aAAa,EAAE;4DAOf;AAIS;IADT,aAAa,EAAE;kDAGf","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport type { Theme } from '../../theming/types.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { blazorInclude } from '../common/decorators/blazorInclude.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n getIconRegistry,\n registerIcon as registerIcon_impl,\n registerIconFromText as registerIconFromText_impl,\n setIconRef as setIconRef_impl,\n} from './icon.registry.js';\nimport type { IconMeta } from './registry/types.js';\nimport { styles } from './themes/icon.base.css.js';\nimport { styles as shared } from './themes/shared/icon.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * The icon component allows visualizing collections of pre-registered SVG icons.\n *\n * @element igc-icon\n *\n *\n */\nexport default class IgcIconComponent extends LitElement {\n public static readonly tagName = 'igc-icon';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcIconComponent);\n }\n\n private readonly _internals = addInternalsController(this, {\n initialARIA: { role: 'img' },\n });\n\n @state()\n private svg = '';\n\n /* alternateName: iconName */\n /**\n * The name of the icon glyph to draw.\n * @attr\n */\n @property()\n public name = '';\n\n /**\n * The name of the registered collection for look up of icons.\n * Defaults to `default`.\n * @attr\n */\n @property()\n public collection = 'default';\n\n /**\n * Whether to flip the icon. Useful for RTL layouts.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public mirrored = false;\n\n constructor() {\n super();\n addThemingController(this, all, {\n themeChange: this._themeChangedCallback,\n });\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n getIconRegistry().subscribe(this.iconLoaded);\n }\n\n public override disconnectedCallback() {\n getIconRegistry().unsubscribe(this.iconLoaded);\n super.disconnectedCallback();\n }\n\n @watch('name')\n @watch('collection')\n protected iconChanged(prev: string, curr: string) {\n if (prev !== curr) {\n this.getIcon();\n }\n }\n\n private _themeChangedCallback(theme: Theme) {\n getIconRegistry().setRefsByTheme(theme);\n }\n\n private iconLoaded = (name: string, collection: string) => {\n if (this.name === name && this.collection === collection) {\n this.getIcon();\n }\n };\n\n private getIcon() {\n const { name, collection } = getIconRegistry().getIconRef(\n this.name,\n this.collection\n );\n const { svg, title } = getIconRegistry().get(name, collection) ?? {};\n\n this.svg = svg ?? '';\n this._internals.setARIA({ ariaLabel: title ?? null });\n }\n\n protected override render() {\n return html`${unsafeSVG(this.svg)}`;\n }\n\n /* c8 ignore next 8 */\n @blazorInclude()\n protected async registerIcon(\n name: string,\n url: string,\n collection = 'default'\n ) {\n await registerIcon_impl(name, url, collection);\n }\n\n /* c8 ignore next 8 */\n @blazorInclude()\n protected registerIconFromText(\n name: string,\n iconText: string,\n collection = 'default'\n ) {\n registerIconFromText_impl(name, iconText, collection);\n }\n\n /* c8 ignore next 4 */\n @blazorInclude()\n protected setIconRef(name: string, collection: string, icon: IconMeta) {\n setIconRef_impl(name, collection, icon);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-icon': IgcIconComponent;\n }\n}\n"]}
|
|
@@ -11,6 +11,7 @@ declare const IgcInputBaseComponent_base: Constructor<import("../common/mixins/f
|
|
|
11
11
|
export declare abstract class IgcInputBaseComponent extends IgcInputBaseComponent_base {
|
|
12
12
|
static styles: import("lit").CSSResult[];
|
|
13
13
|
private static readonly increment;
|
|
14
|
+
protected readonly _themes: import("../../theming/theming-controller.js").ThemingController;
|
|
14
15
|
protected inputId: string;
|
|
15
16
|
/** The value attribute of the control. */
|
|
16
17
|
abstract value: string | Date | null;
|
|
@@ -18,7 +19,6 @@ export declare abstract class IgcInputBaseComponent extends IgcInputBaseComponen
|
|
|
18
19
|
protected _helperText: Array<HTMLElement>;
|
|
19
20
|
protected prefixes: Array<HTMLElement>;
|
|
20
21
|
protected suffixes: Array<HTMLElement>;
|
|
21
|
-
protected get _isMaterial(): boolean;
|
|
22
22
|
/**
|
|
23
23
|
* Whether the control will have outlined appearance.
|
|
24
24
|
* @attr
|
|
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
var IgcInputBaseComponent_1;
|
|
8
8
|
import { html, LitElement, nothing } from 'lit';
|
|
9
9
|
import { property, query, queryAssignedElements } from 'lit/decorators.js';
|
|
10
|
-
import {
|
|
10
|
+
import { addThemingController } from '../../theming/theming-controller.js';
|
|
11
11
|
import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
|
|
12
12
|
import { shadowOptions } from '../common/decorators/shadow-options.js';
|
|
13
13
|
import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
|
|
@@ -21,13 +21,11 @@ import { all } from './themes/themes.js';
|
|
|
21
21
|
let IgcInputBaseComponent = IgcInputBaseComponent_1 = class IgcInputBaseComponent extends FormAssociatedRequiredMixin(EventEmitterMixin(LitElement)) {
|
|
22
22
|
constructor() {
|
|
23
23
|
super(...arguments);
|
|
24
|
+
this._themes = addThemingController(this, all);
|
|
24
25
|
this.inputId = `input-${IgcInputBaseComponent_1.increment()}`;
|
|
25
26
|
this.outlined = false;
|
|
26
27
|
this.readOnly = false;
|
|
27
28
|
}
|
|
28
|
-
get _isMaterial() {
|
|
29
|
-
return getThemeController(this)?.theme === 'material';
|
|
30
|
-
}
|
|
31
29
|
createRenderRoot() {
|
|
32
30
|
const root = super.createRenderRoot();
|
|
33
31
|
root.addEventListener('slotchange', () => this.requestUpdate());
|
|
@@ -100,7 +98,9 @@ let IgcInputBaseComponent = IgcInputBaseComponent_1 = class IgcInputBaseComponen
|
|
|
100
98
|
${this.renderValidatorContainer()}`;
|
|
101
99
|
}
|
|
102
100
|
render() {
|
|
103
|
-
return this.
|
|
101
|
+
return this._themes.theme === 'material'
|
|
102
|
+
? this.renderMaterial()
|
|
103
|
+
: this.renderStandard();
|
|
104
104
|
}
|
|
105
105
|
};
|
|
106
106
|
IgcInputBaseComponent.styles = [styles, shared];
|
|
@@ -137,7 +137,6 @@ __decorate([
|
|
|
137
137
|
], IgcInputBaseComponent.prototype, "label", void 0);
|
|
138
138
|
IgcInputBaseComponent = IgcInputBaseComponent_1 = __decorate([
|
|
139
139
|
blazorDeepImport,
|
|
140
|
-
themes(all, { exposeController: true }),
|
|
141
140
|
shadowOptions({ delegatesFocus: true })
|
|
142
141
|
], IgcInputBaseComponent);
|
|
143
142
|
export { IgcInputBaseComponent };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-base.js","sourceRoot":"","sources":["../../../src/components/input/input-base.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE3E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"input-base.js","sourceRoot":"","sources":["../../../src/components/input/input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { shadowOptions } from '../common/decorators/shadow-options.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { partMap } from '../common/part-map.js';\nimport { createCounter } from '../common/util.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/input.base.css.js';\nimport { styles as shared } from './themes/shared/input.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcInputComponentEventMap {\n /* alternateName: inputOcurred */\n igcInput: CustomEvent<string>;\n /* blazorSuppress */\n igcChange: CustomEvent<string>;\n // For analyzer meta only:\n /* skipWCPrefix */\n focus: FocusEvent;\n /* skipWCPrefix */\n blur: FocusEvent;\n}\n\n@blazorDeepImport\n@shadowOptions({ delegatesFocus: true })\nexport abstract class IgcInputBaseComponent extends FormAssociatedRequiredMixin(\n EventEmitterMixin<IgcInputComponentEventMap, Constructor<LitElement>>(\n LitElement\n )\n) {\n public static styles = [styles, shared];\n private static readonly increment = createCounter();\n\n protected readonly _themes = addThemingController(this, all);\n\n protected inputId = `input-${IgcInputBaseComponent.increment()}`;\n\n /* blazorSuppress */\n /** The value attribute of the control. */\n public abstract value: string | Date | null;\n\n @query('input')\n protected input!: HTMLInputElement;\n\n @queryAssignedElements({ slot: 'helper-text' })\n protected _helperText!: Array<HTMLElement>;\n\n @queryAssignedElements({\n slot: 'prefix',\n selector: '[slot=\"prefix\"]:not([hidden])',\n })\n protected prefixes!: Array<HTMLElement>;\n\n @queryAssignedElements({\n slot: 'suffix',\n selector: '[slot=\"suffix\"]:not([hidden])',\n })\n protected suffixes!: Array<HTMLElement>;\n\n /**\n * Whether the control will have outlined appearance.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public outlined = false;\n\n /**\n * Makes the control a readonly field.\n * @attr readonly\n */\n @property({ type: Boolean, reflect: true, attribute: 'readonly' })\n public readOnly = false;\n\n /**\n * The placeholder attribute of the control.\n * @attr\n */\n @property()\n public placeholder!: string;\n\n /**\n * The label for the control.\n * @attr\n */\n @property()\n public label!: string;\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n /* alternateName: focusComponent */\n /** Sets focus on the control. */\n public override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /* alternateName: blurComponent */\n /** Removes focus from the control. */\n public override blur() {\n this.input.blur();\n }\n\n protected abstract renderInput(): TemplateResult;\n\n protected renderValidatorContainer(): TemplateResult {\n return IgcValidationContainerComponent.create(this);\n }\n\n protected resolvePartNames(base: string) {\n return {\n [base]: true,\n prefixed: this.prefixes.length > 0,\n suffixed: this.suffixes.length > 0,\n filled: !!this.value,\n };\n }\n\n protected renderFileParts(): TemplateResult | typeof nothing {\n return nothing;\n }\n\n /** Sets the text selection range of the control */\n public setSelectionRange(\n start: number,\n end: number,\n direction: SelectionRangeDirection = 'none'\n ) {\n this.input.setSelectionRange(start, end, direction);\n }\n\n /** Replaces the selected text in the input. */\n public setRangeText(\n replacement: string,\n start: number,\n end: number,\n selectMode: RangeTextSelectMode = 'preserve'\n ) {\n this.input.setRangeText(replacement, start, end, selectMode);\n }\n\n private renderPrefix() {\n return html`<div part=\"prefix\">\n <slot name=\"prefix\"></slot>\n </div>`;\n }\n\n private renderSuffix() {\n return html`<div part=\"suffix\">\n <slot name=\"suffix\"></slot>\n </div>`;\n }\n\n private renderLabel() {\n return this.label\n ? html`<label part=\"label\" for=${this.inputId}> ${this.label} </label>`\n : nothing;\n }\n\n private renderMaterial() {\n return html`\n <div\n part=${partMap({\n ...this.resolvePartNames('container'),\n labelled: !!this.label,\n })}\n >\n <div part=\"start\">${this.renderPrefix()}</div>\n ${this.renderInput()} ${this.renderFileParts()}\n <div part=\"notch\">${this.renderLabel()}</div>\n <div part=\"filler\"></div>\n <div part=\"end\">${this.renderSuffix()}</div>\n </div>\n ${this.renderValidatorContainer()}\n `;\n }\n\n private renderStandard() {\n return html`${this.renderLabel()}\n <div part=${partMap(this.resolvePartNames('container'))}>\n ${this.renderPrefix()} ${this.renderFileParts()} ${this.renderInput()}\n ${this.renderSuffix()}\n </div>\n ${this.renderValidatorContainer()}`;\n }\n\n protected override render() {\n return this._themes.theme === 'material'\n ? this.renderMaterial()\n : this.renderStandard();\n }\n}\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));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem));--input-border-color: var(--border-color);--input-height: var(--size)}: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);margin-block-start:.25rem}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{border-radius:var(--border-border-radius);font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*="input prefixed"]{border-start-start-radius:0;border-end-start-radius:0}[part*="input suffixed"]{border-start-end-radius:0;border-end-end-radius:0}[part*="input prefixed suffixed"],[part*="input filled prefixed suffixed"]{border-radius:0}[part~=input]::-moz-placeholder{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~=label],[part~=input]::placeholder{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~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled])[invalid]) [part~=input]
|
|
2
|
+
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem));--input-border-color: var(--border-color);--input-height: var(--size)}: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);margin-block-start:.25rem}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{border-radius:var(--border-border-radius);font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*="input prefixed"]{border-start-start-radius:0;border-end-start-radius:0}[part*="input suffixed"]{border-start-end-radius:0;border-end-end-radius:0}[part*="input prefixed suffixed"],[part*="input filled prefixed suffixed"]{border-radius:0}[part~=input]::-moz-placeholder{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~=label],[part~=input]::placeholder{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~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled])[invalid]) [part~=input]{border-color:var(--error-secondary-color)}:host(:not([disabled])[invalid]:focus-within) [part~=input]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
|
|
3
3
|
//# sourceMappingURL=input.bootstrap.css.js.map
|