igniteui-webcomponents 7.3.1 → 7.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +72 -1
- package/animations/easings.d.ts +21 -31
- package/animations/easings.js +21 -34
- package/animations/easings.js.map +1 -1
- package/animations/player.d.ts +8 -16
- package/animations/player.js +5 -8
- package/animations/player.js.map +1 -1
- package/animations/view-transition.d.ts +10 -10
- package/animations/view-transition.js +26 -37
- package/animations/view-transition.js.map +1 -1
- package/components/avatar/themes/avatar.base.css.js +1 -1
- package/components/avatar/themes/avatar.base.css.js.map +1 -1
- package/components/badge/themes/badge.base.css.js +1 -1
- package/components/badge/themes/badge.base.css.js.map +1 -1
- package/components/banner/themes/banner.base.css.js +1 -1
- package/components/banner/themes/banner.base.css.js.map +1 -1
- package/components/banner/themes/shared/banner.indigo.css.js +1 -1
- package/components/banner/themes/shared/banner.indigo.css.js.map +1 -1
- package/components/breadcrumb/breadcrumb.d.ts +74 -0
- package/components/breadcrumb/breadcrumb.js +107 -0
- package/components/breadcrumb/breadcrumb.js.map +1 -0
- package/components/breadcrumb/breadcrumbs.d.ts +60 -0
- package/components/breadcrumb/breadcrumbs.js +50 -0
- package/components/breadcrumb/breadcrumbs.js.map +1 -0
- package/components/breadcrumb/themes/breadcrumb.base.css.d.ts +1 -0
- package/components/breadcrumb/themes/breadcrumb.base.css.js +3 -0
- package/components/breadcrumb/themes/breadcrumb.base.css.js.map +1 -0
- package/components/breadcrumb/themes/breadcrumbs.base.css.d.ts +1 -0
- package/components/breadcrumb/themes/breadcrumbs.base.css.js +3 -0
- package/components/breadcrumb/themes/breadcrumbs.base.css.js.map +1 -0
- package/components/breadcrumb/themes/dark/breadcrumb.bootstrap.css.d.ts +1 -0
- package/components/breadcrumb/themes/dark/breadcrumb.bootstrap.css.js +3 -0
- package/components/breadcrumb/themes/dark/breadcrumb.bootstrap.css.js.map +1 -0
- package/components/breadcrumb/themes/dark/breadcrumb.fluent.css.d.ts +1 -0
- package/components/breadcrumb/themes/dark/breadcrumb.fluent.css.js +3 -0
- package/components/breadcrumb/themes/dark/breadcrumb.fluent.css.js.map +1 -0
- package/components/breadcrumb/themes/dark/breadcrumb.indigo.css.d.ts +1 -0
- package/components/breadcrumb/themes/dark/breadcrumb.indigo.css.js +3 -0
- package/components/breadcrumb/themes/dark/breadcrumb.indigo.css.js.map +1 -0
- package/components/breadcrumb/themes/dark/breadcrumb.material.css.d.ts +1 -0
- package/components/breadcrumb/themes/dark/breadcrumb.material.css.js +3 -0
- package/components/breadcrumb/themes/dark/breadcrumb.material.css.js.map +1 -0
- package/components/breadcrumb/themes/light/breadcrumb.bootstrap.css.d.ts +1 -0
- package/components/breadcrumb/themes/light/breadcrumb.bootstrap.css.js +3 -0
- package/components/breadcrumb/themes/light/breadcrumb.bootstrap.css.js.map +1 -0
- package/components/breadcrumb/themes/light/breadcrumb.fluent.css.d.ts +1 -0
- package/components/breadcrumb/themes/light/breadcrumb.fluent.css.js +3 -0
- package/components/breadcrumb/themes/light/breadcrumb.fluent.css.js.map +1 -0
- package/components/breadcrumb/themes/light/breadcrumb.indigo.css.d.ts +1 -0
- package/components/breadcrumb/themes/light/breadcrumb.indigo.css.js +3 -0
- package/components/breadcrumb/themes/light/breadcrumb.indigo.css.js.map +1 -0
- package/components/breadcrumb/themes/light/breadcrumb.material.css.d.ts +1 -0
- package/components/breadcrumb/themes/light/breadcrumb.material.css.js +3 -0
- package/components/breadcrumb/themes/light/breadcrumb.material.css.js.map +1 -0
- package/components/breadcrumb/themes/light/breadcrumb.shared.css.d.ts +1 -0
- package/components/breadcrumb/themes/light/breadcrumb.shared.css.js +3 -0
- package/components/breadcrumb/themes/light/breadcrumb.shared.css.js.map +1 -0
- package/components/breadcrumb/themes/shared/breadcrumb.bootstrap.css.d.ts +1 -0
- package/components/breadcrumb/themes/shared/breadcrumb.bootstrap.css.js +3 -0
- package/components/breadcrumb/themes/shared/breadcrumb.bootstrap.css.js.map +1 -0
- package/components/breadcrumb/themes/shared/breadcrumb.common.css.d.ts +1 -0
- package/components/breadcrumb/themes/shared/breadcrumb.common.css.js +3 -0
- package/components/breadcrumb/themes/shared/breadcrumb.common.css.js.map +1 -0
- package/components/breadcrumb/themes/shared/breadcrumb.fluent.css.d.ts +1 -0
- package/components/breadcrumb/themes/shared/breadcrumb.fluent.css.js +3 -0
- package/components/breadcrumb/themes/shared/breadcrumb.fluent.css.js.map +1 -0
- package/components/breadcrumb/themes/shared/breadcrumb.indigo.css.d.ts +1 -0
- package/components/breadcrumb/themes/shared/breadcrumb.indigo.css.js +3 -0
- package/components/breadcrumb/themes/shared/breadcrumb.indigo.css.js.map +1 -0
- package/components/breadcrumb/themes/shared/breadcrumb.material.css.d.ts +1 -0
- package/components/breadcrumb/themes/shared/breadcrumb.material.css.js +3 -0
- package/components/breadcrumb/themes/shared/breadcrumb.material.css.js.map +1 -0
- package/components/breadcrumb/themes/themes.d.ts +2 -0
- package/components/breadcrumb/themes/themes.js +50 -0
- package/components/breadcrumb/themes/themes.js.map +1 -0
- package/components/button/button.d.ts +0 -2
- package/components/button/button.js.map +1 -1
- package/components/button-group/button-group.d.ts +42 -12
- package/components/button-group/button-group.js +82 -34
- package/components/button-group/button-group.js.map +1 -1
- package/components/button-group/toggle-button.d.ts +6 -1
- package/components/button-group/toggle-button.js +28 -2
- package/components/button-group/toggle-button.js.map +1 -1
- package/components/calendar/base.d.ts +7 -2
- package/components/calendar/base.js +10 -4
- package/components/calendar/base.js.map +1 -1
- package/components/calendar/calendar.d.ts +6 -3
- package/components/calendar/calendar.js +41 -14
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/days-view/days-view.d.ts +5 -8
- package/components/calendar/days-view/days-view.js +7 -16
- package/components/calendar/days-view/days-view.js.map +1 -1
- package/components/calendar/helpers.d.ts +13 -0
- package/components/calendar/helpers.js +15 -0
- package/components/calendar/helpers.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/days-view.base.css.js +1 -1
- package/components/calendar/themes/days-view.base.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/bootstrap/days-view.bootstrap.css.js +1 -1
- package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
- package/components/calendar/themes/shared/fluent/days-view.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/indigo/days-view.indigo.css.js +1 -1
- package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
- package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
- package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
- package/components/calendar/themes/year-month-view.base.css.js +1 -1
- package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
- package/components/card/themes/container.base.css.js +1 -1
- package/components/card/themes/container.base.css.js.map +1 -1
- package/components/carousel/carousel-indicator.js +1 -0
- package/components/carousel/carousel-indicator.js.map +1 -1
- package/components/carousel/carousel-slide.d.ts +1 -1
- package/components/carousel/carousel-slide.js.map +1 -1
- package/components/carousel/carousel.d.ts +3 -3
- package/components/carousel/carousel.js.map +1 -1
- package/components/carousel/themes/carousel.base.css.js +1 -1
- package/components/carousel/themes/carousel.base.css.js.map +1 -1
- package/components/carousel/themes/shared/carousel.indigo.css.js +1 -1
- package/components/carousel/themes/shared/carousel.indigo.css.js.map +1 -1
- package/components/chat/chat-input.d.ts +1 -2
- package/components/chat/chat-input.js +1 -1
- package/components/chat/chat-input.js.map +1 -1
- package/components/chat/chat-state.d.ts +8 -9
- package/components/chat/chat-state.js.map +1 -1
- package/components/chat/chat.d.ts +1 -3
- package/components/chat/chat.js +2 -2
- package/components/chat/chat.js.map +1 -1
- package/components/chat/message-attachments.d.ts +6 -15
- package/components/chat/message-attachments.js.map +1 -1
- package/components/chat/themes/chat.base.css.js +1 -1
- package/components/chat/themes/chat.base.css.js.map +1 -1
- package/components/chat/themes/message.base.css.js +1 -1
- package/components/chat/themes/message.base.css.js.map +1 -1
- package/components/chat/utils.d.ts +0 -1
- package/components/chat/utils.js +1 -1
- package/components/chat/utils.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +1 -1
- package/components/checkbox/checkbox.js +1 -1
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/themes/checkbox.base.css.js +1 -1
- package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
- package/components/checkbox/themes/switch.base.css.js +1 -1
- package/components/checkbox/themes/switch.base.css.js.map +1 -1
- package/components/chip/chip.d.ts +2 -2
- package/components/chip/chip.js.map +1 -1
- package/components/color-picker/color-picker.d.ts +35 -34
- package/components/color-picker/color-picker.js +9 -4
- package/components/color-picker/color-picker.js.map +1 -1
- package/components/color-picker/common.d.ts +0 -2
- package/components/color-picker/common.js +2 -2
- package/components/color-picker/common.js.map +1 -1
- package/components/color-picker/converters.js.map +1 -1
- package/components/color-picker/picker-canvas.js.map +1 -1
- package/components/color-picker/themes/color-picker.base.css.js +1 -1
- package/components/color-picker/themes/color-picker.base.css.js.map +1 -1
- package/components/combo/combo.d.ts +18 -20
- package/components/combo/combo.js +8 -2
- package/components/combo/combo.js.map +1 -1
- package/components/combo/controllers/data.d.ts +7 -10
- package/components/combo/controllers/data.js.map +1 -1
- package/components/combo/themes/combo-item.base.css.js +1 -1
- package/components/combo/themes/combo-item.base.css.js.map +1 -1
- package/components/combo/themes/combo.base.css.js +1 -1
- package/components/combo/themes/combo.base.css.js.map +1 -1
- package/components/combo/themes/shared/combo.bootstrap.css.js +1 -1
- package/components/combo/themes/shared/combo.bootstrap.css.js.map +1 -1
- package/components/date-picker/date-picker.base.d.ts +33 -29
- package/components/date-picker/date-picker.base.js +15 -4
- package/components/date-picker/date-picker.base.js.map +1 -1
- package/components/date-picker/date-picker.d.ts +1 -1
- package/components/date-picker/date-picker.js +5 -3
- package/components/date-picker/date-picker.js.map +1 -1
- package/components/date-picker/themes/date-picker.base.css.js +1 -1
- package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
- package/components/date-range-picker/date-range-input.d.ts +0 -2
- package/components/date-range-picker/date-range-input.js +0 -6
- package/components/date-range-picker/date-range-input.js.map +1 -1
- package/components/date-range-picker/date-range-picker.base.css.js +1 -1
- package/components/date-range-picker/date-range-picker.base.css.js.map +1 -1
- package/components/date-range-picker/date-range-picker.d.ts +22 -31
- package/components/date-range-picker/date-range-picker.js +7 -7
- package/components/date-range-picker/date-range-picker.js.map +1 -1
- package/components/date-range-picker/i18n.d.ts +21 -0
- package/components/date-range-picker/i18n.js +10 -0
- package/components/date-range-picker/i18n.js.map +1 -0
- package/components/date-range-picker/predefined-ranges-area.base.css.js +1 -1
- package/components/date-range-picker/predefined-ranges-area.base.css.js.map +1 -1
- package/components/date-range-picker/predefined-ranges-area.d.ts +3 -3
- package/components/date-range-picker/predefined-ranges-area.js +2 -5
- package/components/date-range-picker/predefined-ranges-area.js.map +1 -1
- package/components/date-range-picker/validators.d.ts +0 -4
- package/components/date-range-picker/validators.js +4 -4
- package/components/date-range-picker/validators.js.map +1 -1
- package/components/date-time-input/date-time-input.base.d.ts +39 -37
- package/components/date-time-input/date-time-input.base.js +6 -0
- package/components/date-time-input/date-time-input.base.js.map +1 -1
- package/components/date-time-input/date-time-input.d.ts +1 -11
- package/components/date-time-input/date-time-input.js +0 -6
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/date-time-input/datetime-mask-parser.d.ts +0 -10
- package/components/date-time-input/datetime-mask-parser.js +1 -1
- package/components/date-time-input/datetime-mask-parser.js.map +1 -1
- package/components/dialog/dialog.js.map +1 -1
- package/components/divider/themes/divider.base.css.js +1 -1
- package/components/divider/themes/divider.base.css.js.map +1 -1
- package/components/dropdown/dropdown-group.d.ts +2 -10
- package/components/dropdown/dropdown-group.js +2 -27
- package/components/dropdown/dropdown-group.js.map +1 -1
- package/components/dropdown/dropdown.d.ts +17 -23
- package/components/dropdown/dropdown.js +5 -17
- package/components/dropdown/dropdown.js.map +1 -1
- package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
- package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
- package/components/dropdown/themes/dropdown.base.css.js +1 -1
- package/components/dropdown/themes/dropdown.base.css.js.map +1 -1
- package/components/file-input/file-input.d.ts +2 -2
- package/components/file-input/file-input.js.map +1 -1
- package/components/file-input/themes/file-input.base.css.js +1 -1
- package/components/file-input/themes/file-input.base.css.js.map +1 -1
- package/components/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/icon/icon.d.ts +1 -1
- package/components/icon/icon.registry.d.ts +6 -6
- package/components/icon/icon.registry.js.map +1 -1
- package/components/input/input.d.ts +3 -3
- package/components/input/input.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/themes/item.base.css.js +1 -1
- package/components/list/themes/item.base.css.js.map +1 -1
- package/components/mask-input/mask-history.d.ts +22 -18
- package/components/mask-input/mask-history.js.map +1 -1
- package/components/mask-input/mask-input.d.ts +1 -1
- package/components/mask-input/mask-parser.d.ts +11 -13
- package/components/mask-input/mask-parser.js.map +1 -1
- package/components/nav-drawer/themes/item.base.css.js +1 -1
- package/components/nav-drawer/themes/item.base.css.js.map +1 -1
- package/components/popover/popover.d.ts +45 -34
- package/components/popover/popover.js +54 -122
- package/components/popover/popover.js.map +1 -1
- package/components/popover/position/arrow.d.ts +19 -0
- package/components/popover/position/arrow.js +33 -0
- package/components/popover/position/arrow.js.map +1 -0
- package/components/popover/position/floating.d.ts +40 -0
- package/components/popover/position/floating.js +146 -0
- package/components/popover/position/floating.js.map +1 -0
- package/components/popover/position/native.d.ts +45 -0
- package/components/popover/position/native.js +158 -0
- package/components/popover/position/native.js.map +1 -0
- package/components/popover/position/strategy.d.ts +37 -0
- package/components/popover/position/strategy.js +21 -0
- package/components/popover/position/strategy.js.map +1 -0
- package/components/popover/position/types.d.ts +26 -0
- package/components/popover/position/types.js +15 -0
- package/components/popover/position/types.js.map +1 -0
- package/components/popover/themes/light/popover.base.css.js +1 -1
- package/components/popover/themes/light/popover.base.css.js.map +1 -1
- package/components/progress/circular-progress.d.ts +0 -5
- package/components/progress/circular-progress.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
- package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.d.ts +1 -0
- package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +3 -0
- package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +1 -0
- package/components/progress/themes/linear/themes.js +3 -2
- package/components/progress/themes/linear/themes.js.map +1 -1
- package/components/qr-code/qr-code.d.ts +29 -2
- package/components/qr-code/qr-code.js +56 -13
- package/components/qr-code/qr-code.js.map +1 -1
- package/components/qr-code/renderer/export.d.ts +28 -0
- package/components/qr-code/renderer/export.js +120 -0
- package/components/qr-code/renderer/export.js.map +1 -0
- package/components/qr-code/types.d.ts +26 -0
- package/components/qr-code/types.js.map +1 -1
- package/components/radio/radio.d.ts +4 -4
- package/components/radio/radio.js +17 -14
- package/components/radio/radio.js.map +1 -1
- package/components/radio/themes/radio.base.css.js +1 -1
- package/components/radio/themes/radio.base.css.js.map +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating.d.ts +6 -6
- package/components/rating/rating.js.map +1 -1
- package/components/select/select-group.d.ts +5 -10
- package/components/select/select-group.js +10 -34
- package/components/select/select-group.js.map +1 -1
- package/components/select/select.d.ts +12 -20
- package/components/select/select.js +4 -14
- package/components/select/select.js.map +1 -1
- package/components/select/themes/select.base.css.js +1 -1
- package/components/select/themes/select.base.css.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/themes/shared/slider.material.css.js +1 -1
- package/components/slider/themes/shared/slider.material.css.js.map +1 -1
- package/components/slider/themes/slider.base.css.js +1 -1
- package/components/slider/themes/slider.base.css.js.map +1 -1
- package/components/snackbar/themes/snackbar.base.css.js +1 -1
- package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
- package/components/splitter/splitter.d.ts +6 -6
- package/components/splitter/splitter.js.map +1 -1
- package/components/splitter/themes/splitter.base.css.js +1 -1
- package/components/splitter/themes/splitter.base.css.js.map +1 -1
- package/components/stepper/themes/step/step.base.css.js +1 -1
- package/components/stepper/themes/step/step.base.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.material.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -1
- package/components/tabs/themes/shared/tabs/tabs.fluent.css.js +1 -1
- package/components/tabs/themes/shared/tabs/tabs.fluent.css.js.map +1 -1
- package/components/tabs/themes/shared/tabs/tabs.indigo.css.js +1 -1
- package/components/tabs/themes/shared/tabs/tabs.indigo.css.js.map +1 -1
- package/components/tabs/themes/shared/tabs/tabs.material.css.js +1 -1
- package/components/tabs/themes/shared/tabs/tabs.material.css.js.map +1 -1
- package/components/tabs/themes/tab.base.css.js +1 -1
- package/components/tabs/themes/tab.base.css.js.map +1 -1
- package/components/textarea/textarea.d.ts +1 -1
- 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/themes/tile.base.css.js +1 -1
- package/components/tile-manager/themes/tile.base.css.js.map +1 -1
- package/components/tile-manager/tile-manager.d.ts +6 -7
- package/components/tile-manager/tile-manager.js.map +1 -1
- package/components/tile-manager/tile.d.ts +3 -3
- package/components/tile-manager/tile.js.map +1 -1
- package/components/toast/themes/toast.base.css.js +1 -1
- package/components/toast/themes/toast.base.css.js.map +1 -1
- package/components/toast/toast.d.ts +0 -2
- package/components/toast/toast.js.map +1 -1
- package/components/tooltip/controller.js.map +1 -1
- package/components/tooltip/service.js +4 -5
- package/components/tooltip/service.js.map +1 -1
- package/components/tooltip/themes/tooltip.base.css.js +1 -1
- package/components/tooltip/themes/tooltip.base.css.js.map +1 -1
- package/components/tooltip/tooltip.d.ts +34 -13
- package/components/tooltip/tooltip.js +8 -4
- package/components/tooltip/tooltip.js.map +1 -1
- package/components/tree/themes/item.base.css.js +1 -1
- package/components/tree/themes/item.base.css.js.map +1 -1
- package/components/tree/tree-item.d.ts +6 -6
- package/components/tree/tree-item.js.map +1 -1
- package/components/tree/tree.navigation.d.ts +5 -6
- package/components/tree/tree.navigation.js.map +1 -1
- package/components/tree/tree.selection.js.map +1 -1
- package/components/types.d.ts +1 -1
- package/components/types.js.map +1 -1
- package/components/validation-container/themes/validator.base.css.js +1 -1
- package/components/validation-container/themes/validator.base.css.js.map +1 -1
- package/components/validation-container/validation-container.d.ts +10 -12
- package/components/validation-container/validation-container.js +14 -17
- package/components/validation-container/validation-container.js.map +1 -1
- package/components/virtualization/engine.d.ts +5 -5
- package/components/virtualization/engine.js.map +1 -1
- package/components/virtualization/virtualization.d.ts +61 -63
- package/components/virtualization/virtualization.js +6 -5
- package/components/virtualization/virtualization.js.map +1 -1
- package/custom-elements.json +16769 -19698
- package/igniteui-webcomponents.css-data.json +2 -2
- package/igniteui-webcomponents.html-data.json +1 -1
- package/index.d.ts +3 -1
- package/index.js +2 -0
- package/index.js.map +1 -1
- package/internals/abort-handler.d.ts +13 -25
- package/internals/abort-handler.js +4 -6
- package/internals/abort-handler.js.map +1 -1
- package/internals/context.d.ts +13 -7
- package/internals/context.js +2 -1
- package/internals/context.js.map +1 -1
- package/internals/controllers/adopt-styles.d.ts +19 -20
- package/internals/controllers/adopt-styles.js +3 -8
- package/internals/controllers/adopt-styles.js.map +1 -1
- package/internals/controllers/aria-projection.d.ts +56 -55
- package/internals/controllers/aria-projection.js +14 -15
- package/internals/controllers/aria-projection.js.map +1 -1
- package/internals/controllers/async-consumer.js.map +1 -1
- package/internals/controllers/command.d.ts +15 -30
- package/internals/controllers/command.js +2 -7
- package/internals/controllers/command.js.map +1 -1
- package/internals/controllers/context-provider.d.ts +7 -13
- package/internals/controllers/context-provider.js.map +1 -1
- package/internals/controllers/focus-ring.d.ts +10 -30
- package/internals/controllers/focus-ring.js +6 -12
- package/internals/controllers/focus-ring.js.map +1 -1
- package/internals/controllers/fullscreen.d.ts +7 -23
- package/internals/controllers/fullscreen.js +3 -9
- package/internals/controllers/fullscreen.js.map +1 -1
- package/internals/controllers/gestures.d.ts +10 -29
- package/internals/controllers/gestures.js +1 -3
- package/internals/controllers/gestures.js.map +1 -1
- package/internals/controllers/group.d.ts +13 -30
- package/internals/controllers/group.js.map +1 -1
- package/internals/controllers/host-listeners.d.ts +28 -0
- package/internals/controllers/host-listeners.js +27 -0
- package/internals/controllers/host-listeners.js.map +1 -0
- package/internals/controllers/id-resolver.d.ts +8 -9
- package/internals/controllers/id-resolver.js +6 -14
- package/internals/controllers/id-resolver.js.map +1 -1
- package/internals/controllers/internals.d.ts +53 -104
- package/internals/controllers/internals.js +40 -13
- package/internals/controllers/internals.js.map +1 -1
- package/internals/controllers/key-bindings.d.ts +61 -158
- package/internals/controllers/key-bindings.js +68 -67
- package/internals/controllers/key-bindings.js.map +1 -1
- package/internals/controllers/keys.d.ts +32 -0
- package/internals/controllers/keys.js +20 -0
- package/internals/controllers/keys.js.map +1 -0
- package/internals/controllers/mutation-observer.d.ts +14 -37
- package/internals/controllers/mutation-observer.js +1 -1
- package/internals/controllers/mutation-observer.js.map +1 -1
- package/internals/controllers/resize-observer.d.ts +9 -19
- package/internals/controllers/resize-observer.js.map +1 -1
- package/internals/controllers/root-click.d.ts +11 -42
- package/internals/controllers/root-click.js +4 -6
- package/internals/controllers/root-click.js.map +1 -1
- package/internals/controllers/roving-focus.d.ts +16 -35
- package/internals/controllers/roving-focus.js.map +1 -1
- package/internals/controllers/slot.d.ts +25 -54
- package/internals/controllers/slot.js +6 -6
- package/internals/controllers/slot.js.map +1 -1
- package/internals/controllers/toggle.d.ts +44 -48
- package/internals/controllers/toggle.js.map +1 -1
- package/internals/date/compare.js.map +1 -1
- package/internals/date/converters.d.ts +10 -7
- package/internals/date/converters.js.map +1 -1
- package/internals/date/model.d.ts +9 -16
- package/internals/date/model.js +22 -25
- package/internals/date/model.js.map +1 -1
- package/internals/decorators/blazorAdditionalDependencies.d.ts +4 -2
- package/internals/decorators/blazorAdditionalDependencies.js.map +1 -1
- package/internals/decorators/blazorDeepImport.d.ts +1 -3
- package/internals/decorators/blazorDeepImport.js.map +1 -1
- package/internals/decorators/blazorInclude.d.ts +3 -2
- package/internals/decorators/blazorInclude.js.map +1 -1
- package/internals/decorators/blazorIndirectRender.d.ts +1 -3
- package/internals/decorators/blazorIndirectRender.js.map +1 -1
- package/internals/decorators/blazorSuppressComponent.d.ts +1 -3
- package/internals/decorators/blazorSuppressComponent.js.map +1 -1
- package/internals/decorators/coerced-property.d.ts +14 -20
- package/internals/decorators/coerced-property.js.map +1 -1
- package/internals/decorators/shadow-options.d.ts +2 -5
- package/internals/decorators/shadow-options.js.map +1 -1
- package/internals/definitions/defineAllComponents.js +6 -0
- package/internals/definitions/defineAllComponents.js.map +1 -1
- package/internals/directives/drag.d.ts +51 -81
- package/internals/directives/drag.js +27 -89
- package/internals/directives/drag.js.map +1 -1
- package/internals/directives/pointer-operation.d.ts +75 -0
- package/internals/directives/pointer-operation.js +92 -0
- package/internals/directives/pointer-operation.js.map +1 -0
- package/internals/directives/resize.d.ts +36 -64
- package/internals/directives/resize.js +18 -85
- package/internals/directives/resize.js.map +1 -1
- package/internals/i18n/EN/calendar.resources.d.ts +8 -2
- package/internals/i18n/EN/calendar.resources.js +2 -2
- package/internals/i18n/EN/calendar.resources.js.map +1 -1
- package/internals/i18n/EN/chat.resources.d.ts +8 -2
- package/internals/i18n/EN/chat.resources.js +3 -10
- package/internals/i18n/EN/chat.resources.js.map +1 -1
- package/internals/i18n/EN/date-picker.resources.d.ts +6 -4
- package/internals/i18n/EN/date-picker.resources.js +1 -7
- package/internals/i18n/EN/date-picker.resources.js.map +1 -1
- package/internals/i18n/EN/date-range-picker.resources.d.ts +9 -2
- package/internals/i18n/EN/date-range-picker.resources.js +2 -2
- package/internals/i18n/EN/date-range-picker.resources.js.map +1 -1
- package/internals/i18n/i18n-controller.d.ts +44 -46
- package/internals/i18n/i18n-controller.js +46 -33
- package/internals/i18n/i18n-controller.js.map +1 -1
- package/internals/i18n/utils.d.ts +9 -4
- package/internals/i18n/utils.js +4 -27
- package/internals/i18n/utils.js.map +1 -1
- package/internals/mixins/alert.d.ts +10 -25
- package/internals/mixins/alert.js.map +1 -1
- package/internals/mixins/combo-box.d.ts +21 -11
- package/internals/mixins/combo-box.js +16 -22
- package/internals/mixins/combo-box.js.map +1 -1
- package/internals/mixins/event-emitter.js +9 -11
- package/internals/mixins/event-emitter.js.map +1 -1
- package/internals/mixins/forms/associated-required.d.ts +4 -4
- package/internals/mixins/forms/associated-required.js.map +1 -1
- package/internals/mixins/forms/associated.d.ts +4 -2
- package/internals/mixins/forms/associated.js +8 -19
- package/internals/mixins/forms/associated.js.map +1 -1
- package/internals/mixins/forms/form-transformers.js.map +1 -1
- package/internals/mixins/forms/types.d.ts +24 -80
- package/internals/mixins/forms/types.js.map +1 -1
- package/internals/mixins/group.d.ts +18 -0
- package/internals/mixins/group.js +37 -0
- package/internals/mixins/group.js.map +1 -0
- package/internals/mixins/i18n.d.ts +10 -16
- package/internals/mixins/i18n.js.map +1 -1
- package/internals/mixins/mask-behavior.d.ts +8 -22
- package/internals/mixins/mask-behavior.js +1 -2
- package/internals/mixins/mask-behavior.js.map +1 -1
- package/internals/mixins/option.d.ts +1 -2
- package/internals/mixins/option.js +2 -1
- package/internals/mixins/option.js.map +1 -1
- package/internals/part-map.d.ts +4 -2
- package/internals/part-map.js +1 -1
- package/internals/part-map.js.map +1 -1
- package/internals/templates/input-shell.d.ts +8 -17
- package/internals/templates/input-shell.js +4 -1
- package/internals/templates/input-shell.js.map +1 -1
- package/internals/templates/masked-input.d.ts +7 -8
- package/internals/templates/masked-input.js.map +1 -1
- package/internals/templates/slotted-icon.d.ts +7 -12
- package/internals/templates/slotted-icon.js.map +1 -1
- package/internals/templates/toggle-shell.d.ts +6 -7
- package/internals/templates/toggle-shell.js.map +1 -1
- package/internals/timing.d.ts +5 -14
- package/internals/timing.js.map +1 -1
- package/internals/utils/arrays.d.ts +21 -21
- package/internals/utils/arrays.js +14 -0
- package/internals/utils/arrays.js.map +1 -1
- package/internals/utils/dom.d.ts +51 -39
- package/internals/utils/dom.js +1 -2
- package/internals/utils/dom.js.map +1 -1
- package/internals/utils/events.d.ts +29 -16
- package/internals/utils/events.js +9 -1
- package/internals/utils/events.js.map +1 -1
- package/internals/utils/lit.d.ts +5 -2
- package/internals/utils/lit.js.map +1 -1
- package/internals/utils/math.d.ts +8 -6
- package/internals/utils/math.js.map +1 -1
- package/internals/utils/objects.d.ts +3 -20
- package/internals/utils/objects.js +1 -39
- package/internals/utils/objects.js.map +1 -1
- package/internals/utils/strings.d.ts +9 -11
- package/internals/utils/strings.js.map +1 -1
- package/internals/utils/types.d.ts +16 -3
- package/internals/utils/types.js +3 -0
- package/internals/utils/types.js.map +1 -1
- package/internals/validators.d.ts +9 -8
- package/internals/validators.js +12 -6
- package/internals/validators.js.map +1 -1
- package/package.json +1 -1
- package/skills/README.md +3 -0
- package/skills/igniteui-wc-figma-to-app/SKILL.md +907 -0
- package/skills/igniteui-wc-figma-to-app/references/asset-extraction.md +363 -0
- package/skills/igniteui-wc-figma-to-app/references/design-token-bridge.md +407 -0
- package/skills/igniteui-wc-figma-to-app/references/figma-component-map.md +325 -0
- package/skills/igniteui-wc-figma-to-app/references/mcp-setup.md +409 -0
- package/skills/igniteui-wc-figma-to-app/references/validation-patterns.md +376 -0
- package/skills/igniteui-wc-generate-from-image-design/references/gotchas.md +21 -0
- package/skills/igniteui-wc-integrate-with-framework/SKILL.md +4 -3
- package/skills/igniteui-wc-integrate-with-framework/references/vanilla-js.md +14 -0
- package/skills/igniteui-wc-migrate-grid-lite-to-premium/SKILL.md +12 -2
- package/theming/config.d.ts +14 -5
- package/theming/config.js +38 -18
- package/theming/config.js.map +1 -1
- package/theming/context.d.ts +1 -23
- package/theming/context.js.map +1 -1
- package/theming/theming-controller.d.ts +2 -32
- package/theming/theming-controller.js +15 -21
- package/theming/theming-controller.js.map +1 -1
- package/theming/theming-event.d.ts +0 -7
- package/theming/theming-event.js +0 -13
- package/theming/theming-event.js.map +1 -1
- package/theming/types.d.ts +1 -8
- package/theming/types.js.map +1 -1
- package/web-types.json +3 -3
- package/animations/presets/slide/index.d.ts +0 -3
- package/animations/presets/slide/index.js +0 -16
- package/animations/presets/slide/index.js.map +0 -1
- package/internals/controllers/root-scroll.d.ts +0 -31
- package/internals/controllers/root-scroll.js +0 -71
- package/internals/controllers/root-scroll.js.map +0 -1
- package/theming/utils.d.ts +0 -11
- package/theming/utils.js +0 -20
- package/theming/utils.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/badge.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/badge.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,owHAAowH,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;vertical-align:top}[part~=base]{display:inline-flex;min-width:var(--_badge-size);min-height:var(--_badge-size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap;font-size:max(var(--is-large, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)),var(--is-medium, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)),var(--is-small, 1)*max(var(--ig-caption-font-size), -1 * var(--ig-caption-font-size)));font-weight:max(var(--is-large, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)),var(--is-medium, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)),var(--is-small, 1)*max(var(--ig-caption-font-weight), -1 * var(--ig-caption-font-weight)));line-height:max(var(--is-large, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)),var(--is-medium, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)),var(--is-small, 1)*max(var(--ig-caption-line-height), -1 * var(--ig-caption-line-height)));letter-spacing:max(var(--is-large, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)),var(--is-medium, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)),var(--is-small, 1)*max(var(--ig-caption-letter-spacing), -1 * var(--ig-caption-letter-spacing)));text-transform:max(var(--is-large, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)),var(--is-medium, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)),var(--is-small, 1)*max(var(--ig-caption-text-transform), -1 * var(--ig-caption-text-transform)))}:host(:not(:empty,[dot])) [part~=base]:not([part~=icon]){padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([variant=info]) [part~=base]{background:var(--ig-info-500)}:host([variant=success]) [part~=base]{background:var(--ig-success-500)}:host([variant=warning]) [part~=base]{background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-warn-500-contrast)}:host([variant=danger]) [part~=base]{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([shape=rounded]),:host([shape=rounded]) [part~=base],:host([dot]) [part~=base]{border-radius:calc(var(--_badge-size)*2)}@media(forced-colors: active){[part~=base]{border:.0625rem solid CanvasText}}`;\n "]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{display:block;min-width:20rem;flex-basis:20rem}[part~=spacer]{display:flex;flex-wrap:wrap;padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;justify-content:flex-end}[part~=message]{min-width:9.375rem;flex-basis:9.375rem;flex-grow:1}[part~=illustration]{justify-content:center}[part~=illustration],[part~=message]{display:flex;align-items:center}[part~=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:flex-end}::slotted([slot=actions]){display:flex;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}`;
|
|
2
|
+
export const styles = css `:host{display:block;min-width:20rem;flex-basis:20rem}[part~=spacer]{display:flex;flex-wrap:wrap;padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;justify-content:flex-end}[part~=message]{min-width:9.375rem;flex-basis:9.375rem;flex-grow:1}[part~=illustration]{justify-content:center}[part~=illustration],[part~=message]{display:flex;align-items:center}[part~=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:flex-end}::slotted([slot=actions]){display:flex;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}@media(forced-colors: active){[part~=spacer]{border-block-end:.0625rem solid CanvasText}}`;
|
|
3
3
|
//# sourceMappingURL=banner.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.base.css.js","sourceRoot":"","sources":["../../../../src/components/banner/themes/banner.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"banner.base.css.js","sourceRoot":"","sources":["../../../../src/components/banner/themes/banner.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ixDAAixD,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{display:block;min-width:20rem;flex-basis:20rem}[part~=spacer]{display:flex;flex-wrap:wrap;padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;justify-content:flex-end}[part~=message]{min-width:9.375rem;flex-basis:9.375rem;flex-grow:1}[part~=illustration]{justify-content:center}[part~=illustration],[part~=message]{display:flex;align-items:center}[part~=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:flex-end}::slotted([slot=actions]){display:flex;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}@media(forced-colors: active){[part~=spacer]{border-block-end:.0625rem solid CanvasText}}`;\n "]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part~=spacer]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));background:var(--banner-background);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{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(--banner-message-color)}`;
|
|
2
|
+
export const styles = css `[part~=spacer]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));background:var(--banner-background);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{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(--banner-message-color)}@media(forced-colors: active){[part~=spacer]{border:.0625rem solid CanvasText}}`;
|
|
3
3
|
//# sourceMappingURL=banner.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ysCAAysC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`[part~=spacer]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));background:var(--banner-background);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{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(--banner-message-color)}@media(forced-colors: active){[part~=spacer]{border:.0625rem solid CanvasText}}`;\n "]}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { LitElement, type PropertyValues } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* A single item within a breadcrumb navigation trail.
|
|
4
|
+
*
|
|
5
|
+
* @element igc-breadcrumb
|
|
6
|
+
*
|
|
7
|
+
* @slot - The main content of the breadcrumb, typically an anchor (`<a>`) element.
|
|
8
|
+
* @slot prefix - Renders content before the main breadcrumb content.
|
|
9
|
+
* @slot suffix - Renders content after the main breadcrumb content.
|
|
10
|
+
* @slot separator - Overrides the default separator icon rendered after the breadcrumb item.
|
|
11
|
+
* The separator is hidden from assistive technology.
|
|
12
|
+
*
|
|
13
|
+
* @csspart label - The container wrapping the prefix, default, and suffix slots.
|
|
14
|
+
* @csspart separator - The container wrapping the separator slot content.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```html
|
|
18
|
+
* <igc-breadcrumbs>
|
|
19
|
+
* <igc-breadcrumb>
|
|
20
|
+
* <a href="/home">Home</a>
|
|
21
|
+
* </igc-breadcrumb>
|
|
22
|
+
* <igc-breadcrumb>
|
|
23
|
+
* <a href="/products">Products</a>
|
|
24
|
+
* </igc-breadcrumb>
|
|
25
|
+
* <igc-breadcrumb current>
|
|
26
|
+
* <a href="/products/laptop">Laptop</a>
|
|
27
|
+
* </igc-breadcrumb>
|
|
28
|
+
* </igc-breadcrumbs>
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
export default class IgcBreadcrumbComponent extends LitElement {
|
|
32
|
+
static readonly tagName = "igc-breadcrumb";
|
|
33
|
+
static styles: import("lit").CSSResult[];
|
|
34
|
+
static register(): void;
|
|
35
|
+
private readonly _internals;
|
|
36
|
+
private readonly _separatorConsumer;
|
|
37
|
+
private readonly _slots;
|
|
38
|
+
/** Slotted tabbables taken out of the tab sequence, keyed to their original `tabindex`. */
|
|
39
|
+
private readonly _suppressedTabbables;
|
|
40
|
+
private get _separator();
|
|
41
|
+
constructor();
|
|
42
|
+
/**
|
|
43
|
+
* Marks this breadcrumb as representing the current page.
|
|
44
|
+
* Sets `aria-current="page"` on the element when active.
|
|
45
|
+
*
|
|
46
|
+
* @attr current
|
|
47
|
+
* @default false
|
|
48
|
+
*/
|
|
49
|
+
current: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Sets the disabled state of the breadcrumb.
|
|
52
|
+
* Sets `aria-disabled="true"` on the element and removes the slotted
|
|
53
|
+
* content from the tab sequence while active.
|
|
54
|
+
*
|
|
55
|
+
* @attr disabled
|
|
56
|
+
* @default false
|
|
57
|
+
*/
|
|
58
|
+
disabled: boolean;
|
|
59
|
+
protected update(changedProperties: PropertyValues<this>): void;
|
|
60
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
61
|
+
/**
|
|
62
|
+
* Keeps the slotted focusable elements out of the tab sequence while the
|
|
63
|
+
* breadcrumb is disabled. `pointer-events: none` alone still leaves a
|
|
64
|
+
* disabled link reachable with Tab.
|
|
65
|
+
*/
|
|
66
|
+
private _syncTabbable;
|
|
67
|
+
private _suppressTabbables;
|
|
68
|
+
private _restoreTabbables;
|
|
69
|
+
}
|
|
70
|
+
declare global {
|
|
71
|
+
interface HTMLElementTagNameMap {
|
|
72
|
+
'igc-breadcrumb': IgcBreadcrumbComponent;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { html, LitElement } from 'lit';
|
|
8
|
+
import { property } from 'lit/decorators.js';
|
|
9
|
+
import { breadcrumbsContext } from '#internals/context.js';
|
|
10
|
+
import { createAsyncContext } from '#internals/controllers/async-consumer.js';
|
|
11
|
+
import { addInternalsController } from '#internals/controllers/internals.js';
|
|
12
|
+
import { addSlotController, DefaultSlot } from '#internals/controllers/slot.js';
|
|
13
|
+
import { registerComponent } from '#internals/definitions/register.js';
|
|
14
|
+
import { addThemingController } from '#theming/theming-controller.js';
|
|
15
|
+
import IgcIconComponent from '../icon/icon.js';
|
|
16
|
+
import { styles } from './themes/breadcrumb.base.css.js';
|
|
17
|
+
import { styles as shared } from './themes/shared/breadcrumb.common.css.js';
|
|
18
|
+
import { all } from './themes/themes.js';
|
|
19
|
+
const TabbableSelector = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
|
|
20
|
+
function getTabbables(root) {
|
|
21
|
+
const descendants = root.querySelectorAll(TabbableSelector);
|
|
22
|
+
return root.matches(TabbableSelector)
|
|
23
|
+
? [root, ...descendants]
|
|
24
|
+
: [...descendants];
|
|
25
|
+
}
|
|
26
|
+
export default class IgcBreadcrumbComponent extends LitElement {
|
|
27
|
+
static { this.tagName = 'igc-breadcrumb'; }
|
|
28
|
+
static { this.styles = [styles, shared]; }
|
|
29
|
+
static register() {
|
|
30
|
+
registerComponent(IgcBreadcrumbComponent, IgcIconComponent);
|
|
31
|
+
}
|
|
32
|
+
get _separator() {
|
|
33
|
+
return this._separatorConsumer.value ?? 'tree_expand';
|
|
34
|
+
}
|
|
35
|
+
constructor() {
|
|
36
|
+
super();
|
|
37
|
+
this._internals = addInternalsController(this, {
|
|
38
|
+
initialARIA: { role: 'listitem' },
|
|
39
|
+
});
|
|
40
|
+
this._separatorConsumer = createAsyncContext(this, breadcrumbsContext);
|
|
41
|
+
this._slots = addSlotController(this, {
|
|
42
|
+
slots: [DefaultSlot],
|
|
43
|
+
onChange: this._syncTabbable,
|
|
44
|
+
});
|
|
45
|
+
this._suppressedTabbables = new Map();
|
|
46
|
+
this.current = false;
|
|
47
|
+
this.disabled = false;
|
|
48
|
+
addThemingController(this, all);
|
|
49
|
+
}
|
|
50
|
+
update(changedProperties) {
|
|
51
|
+
if (changedProperties.has('current')) {
|
|
52
|
+
this._internals.setARIA({ ariaCurrent: this.current ? 'page' : null });
|
|
53
|
+
}
|
|
54
|
+
if (changedProperties.has('disabled')) {
|
|
55
|
+
this._internals.setARIA({
|
|
56
|
+
ariaDisabled: this.disabled ? 'true' : null,
|
|
57
|
+
});
|
|
58
|
+
this._syncTabbable();
|
|
59
|
+
}
|
|
60
|
+
super.update(changedProperties);
|
|
61
|
+
}
|
|
62
|
+
render() {
|
|
63
|
+
return html `
|
|
64
|
+
<span part="label">
|
|
65
|
+
<slot name="prefix"></slot>
|
|
66
|
+
<slot></slot>
|
|
67
|
+
<slot name="suffix"></slot>
|
|
68
|
+
</span>
|
|
69
|
+
<span part="separator" aria-hidden="true">
|
|
70
|
+
<slot name="separator">
|
|
71
|
+
<igc-icon name="${this._separator}" collection="default"></igc-icon>
|
|
72
|
+
</slot>
|
|
73
|
+
</span>
|
|
74
|
+
`;
|
|
75
|
+
}
|
|
76
|
+
_syncTabbable() {
|
|
77
|
+
this._restoreTabbables();
|
|
78
|
+
if (this.disabled) {
|
|
79
|
+
this._suppressTabbables();
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
_suppressTabbables() {
|
|
83
|
+
const assigned = this._slots.getAssignedElements(DefaultSlot);
|
|
84
|
+
for (const element of assigned.flatMap(getTabbables)) {
|
|
85
|
+
this._suppressedTabbables.set(element, element.getAttribute('tabindex'));
|
|
86
|
+
element.tabIndex = -1;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
_restoreTabbables() {
|
|
90
|
+
for (const [element, tabindex] of this._suppressedTabbables) {
|
|
91
|
+
if (tabindex === null) {
|
|
92
|
+
element.removeAttribute('tabindex');
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
element.setAttribute('tabindex', tabindex);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
this._suppressedTabbables.clear();
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
__decorate([
|
|
102
|
+
property({ type: Boolean, reflect: true })
|
|
103
|
+
], IgcBreadcrumbComponent.prototype, "current", void 0);
|
|
104
|
+
__decorate([
|
|
105
|
+
property({ type: Boolean, reflect: true })
|
|
106
|
+
], IgcBreadcrumbComponent.prototype, "disabled", void 0);
|
|
107
|
+
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,MAAM,gBAAgB,GACpB,oFAAoF,CAAC;AAGvF,SAAS,YAAY,CAAC,IAAiB;IACrC,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAc,gBAAgB,CAAC,CAAC;IACzE,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;QACnC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,WAAW,CAAC;QACxB,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC;AACvB,CAAC;AA+BD,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;aACrC,YAAO,GAAG,gBAAgB,AAAnB,CAAoB;aAC3B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,CAAC;IAC9D,CAAC;IAqBD,IAAY,UAAU;QACpB,OAAO,IAAI,CAAC,kBAAkB,CAAC,KAAK,IAAI,aAAa,CAAC;IACxD,CAAC;IAID;QACE,KAAK,EAAE,CAAC;QAxBO,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;SAClC,CAAC,CAAC;QAEc,uBAAkB,GAAG,kBAAkB,CACtD,IAAI,EACJ,kBAAkB,CACnB,CAAC;QAEe,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAChD,KAAK,EAAE,CAAC,WAAW,CAAC;YACpB,QAAQ,EAAE,IAAI,CAAC,aAAa;SAC7B,CAAC,CAAC;QAGc,yBAAoB,GAAG,IAAI,GAAG,EAA8B,CAAC;QAuBvE,YAAO,GAAG,KAAK,CAAC;QAWhB,aAAQ,GAAG,KAAK,CAAC;QAxBtB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IA6BkB,MAAM,CAAC,iBAAuC;QAC/D,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QACzE,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;gBACtB,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;aAC5C,CAAC,CAAC;YACH,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;4BAQa,IAAI,CAAC,UAAU;;;KAGtC,CAAC;IACJ,CAAC;IAWO,aAAa;QACnB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAc,WAAW,CAAC,CAAC;QAE3E,KAAK,MAAM,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YACrD,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;YACzE,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QACxB,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,KAAK,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5D,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;gBACtB,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC;QAED,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;IACpC,CAAC;;AAnFM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACpB;AAWhB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACnB","sourcesContent":["import { html, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { breadcrumbsContext } from '#internals/context.js';\nimport { createAsyncContext } from '#internals/controllers/async-consumer.js';\nimport { addInternalsController } from '#internals/controllers/internals.js';\nimport { addSlotController, DefaultSlot } from '#internals/controllers/slot.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { styles } from './themes/breadcrumb.base.css.js';\nimport { styles as shared } from './themes/shared/breadcrumb.common.css.js';\nimport { all } from './themes/themes.js';\n\nconst TabbableSelector =\n 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n/** Returns `root` itself, when tabbable, followed by its tabbable descendants. */\nfunction getTabbables(root: HTMLElement): HTMLElement[] {\n const descendants = root.querySelectorAll<HTMLElement>(TabbableSelector);\n return root.matches(TabbableSelector)\n ? [root, ...descendants]\n : [...descendants];\n}\n\n/**\n * A single item within a breadcrumb navigation trail.\n *\n * @element igc-breadcrumb\n *\n * @slot - The main content of the breadcrumb, typically an anchor (`<a>`) element.\n * @slot prefix - Renders content before the main breadcrumb content.\n * @slot suffix - Renders content after the main breadcrumb content.\n * @slot separator - Overrides the default separator icon rendered after the breadcrumb item.\n * The separator is hidden from assistive technology.\n *\n * @csspart label - The container wrapping the prefix, default, and suffix slots.\n * @csspart separator - The container wrapping the separator slot content.\n *\n * @example\n * ```html\n * <igc-breadcrumbs>\n * <igc-breadcrumb>\n * <a href=\"/home\">Home</a>\n * </igc-breadcrumb>\n * <igc-breadcrumb>\n * <a href=\"/products\">Products</a>\n * </igc-breadcrumb>\n * <igc-breadcrumb current>\n * <a href=\"/products/laptop\">Laptop</a>\n * </igc-breadcrumb>\n * </igc-breadcrumbs>\n * ```\n */\nexport default class IgcBreadcrumbComponent extends LitElement {\n public static readonly tagName = 'igc-breadcrumb';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcBreadcrumbComponent, IgcIconComponent);\n }\n\n //#region Internal state\n\n private readonly _internals = addInternalsController(this, {\n initialARIA: { role: 'listitem' },\n });\n\n private readonly _separatorConsumer = createAsyncContext(\n this,\n breadcrumbsContext\n );\n\n private readonly _slots = addSlotController(this, {\n slots: [DefaultSlot],\n onChange: this._syncTabbable,\n });\n\n /** Slotted tabbables taken out of the tab sequence, keyed to their original `tabindex`. */\n private readonly _suppressedTabbables = new Map<HTMLElement, string | null>();\n\n private get _separator(): string {\n return this._separatorConsumer.value ?? 'tree_expand';\n }\n\n //#endregion\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n //#region Public properties\n\n /**\n * Marks this breadcrumb as representing the current page.\n * Sets `aria-current=\"page\"` on the element when active.\n *\n * @attr current\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public current = false;\n\n /**\n * Sets the disabled state of the breadcrumb.\n * Sets `aria-disabled=\"true\"` on the element and removes the slotted\n * content from the tab sequence while active.\n *\n * @attr disabled\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n //#endregion\n\n //#region Lit lifecycle\n\n protected override update(changedProperties: PropertyValues<this>): void {\n if (changedProperties.has('current')) {\n this._internals.setARIA({ ariaCurrent: this.current ? 'page' : null });\n }\n\n if (changedProperties.has('disabled')) {\n this._internals.setARIA({\n ariaDisabled: this.disabled ? 'true' : null,\n });\n this._syncTabbable();\n }\n\n super.update(changedProperties);\n }\n\n protected override render() {\n return html`\n <span part=\"label\">\n <slot name=\"prefix\"></slot>\n <slot></slot>\n <slot name=\"suffix\"></slot>\n </span>\n <span part=\"separator\" aria-hidden=\"true\">\n <slot name=\"separator\">\n <igc-icon name=\"${this._separator}\" collection=\"default\"></igc-icon>\n </slot>\n </span>\n `;\n }\n\n //#endregion\n\n //#region Internal API\n\n /**\n * Keeps the slotted focusable elements out of the tab sequence while the\n * breadcrumb is disabled. `pointer-events: none` alone still leaves a\n * disabled link reachable with Tab.\n */\n private _syncTabbable(): void {\n this._restoreTabbables();\n\n if (this.disabled) {\n this._suppressTabbables();\n }\n }\n\n private _suppressTabbables(): void {\n const assigned = this._slots.getAssignedElements<HTMLElement>(DefaultSlot);\n\n for (const element of assigned.flatMap(getTabbables)) {\n this._suppressedTabbables.set(element, element.getAttribute('tabindex'));\n element.tabIndex = -1;\n }\n }\n\n private _restoreTabbables(): void {\n for (const [element, tabindex] of this._suppressedTabbables) {\n if (tabindex === null) {\n element.removeAttribute('tabindex');\n } else {\n element.setAttribute('tabindex', tabindex);\n }\n }\n\n this._suppressedTabbables.clear();\n }\n\n //#endregion\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-breadcrumb': IgcBreadcrumbComponent;\n }\n}\n"]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { LitElement, type PropertyValues } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* A breadcrumb navigation component that renders an ordered list of breadcrumb items.
|
|
4
|
+
*
|
|
5
|
+
* @remarks
|
|
6
|
+
* Wrap breadcrumb items inside this component to build a navigable breadcrumb
|
|
7
|
+
* trail. The component sets the ARIA `list` role on the host element. Wrap it in a
|
|
8
|
+
* `<nav aria-label="...">` element to provide an accessible navigation landmark —
|
|
9
|
+
* the label belongs on the `<nav>`, not the list, per the ARIA breadcrumb pattern.
|
|
10
|
+
*
|
|
11
|
+
* @element igc-breadcrumbs
|
|
12
|
+
*
|
|
13
|
+
* @slot - Default slot for the breadcrumb items.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```html
|
|
17
|
+
* <!-- Default separator (tree_expand icon) -->
|
|
18
|
+
* <nav aria-label="Breadcrumb">
|
|
19
|
+
* <igc-breadcrumbs>
|
|
20
|
+
* <igc-breadcrumb>
|
|
21
|
+
* <a href="/home">Home</a>
|
|
22
|
+
* </igc-breadcrumb>
|
|
23
|
+
* <igc-breadcrumb>
|
|
24
|
+
* <a href="/category">Category</a>
|
|
25
|
+
* </igc-breadcrumb>
|
|
26
|
+
* <igc-breadcrumb current>
|
|
27
|
+
* <a href="/category/item">Item</a>
|
|
28
|
+
* </igc-breadcrumb>
|
|
29
|
+
* </igc-breadcrumbs>
|
|
30
|
+
* </nav>
|
|
31
|
+
*
|
|
32
|
+
* <!-- Custom separator icon -->
|
|
33
|
+
* <igc-breadcrumbs separator="chevron_right">
|
|
34
|
+
* <igc-breadcrumb><a href="/home">Home</a></igc-breadcrumb>
|
|
35
|
+
* <igc-breadcrumb current><a href="/item">Item</a></igc-breadcrumb>
|
|
36
|
+
* </igc-breadcrumbs>
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
export default class IgcBreadcrumbsComponent extends LitElement {
|
|
40
|
+
static readonly tagName = "igc-breadcrumbs";
|
|
41
|
+
static styles: import("lit").CSSResult[];
|
|
42
|
+
static register(): void;
|
|
43
|
+
private readonly _separatorContext;
|
|
44
|
+
/**
|
|
45
|
+
* The icon name used as the default separator between breadcrumb items.
|
|
46
|
+
* Can be overridden per-item using the `separator` slot on an individual breadcrumb item.
|
|
47
|
+
*
|
|
48
|
+
* @attr separator
|
|
49
|
+
* @default 'tree_expand'
|
|
50
|
+
*/
|
|
51
|
+
separator: string;
|
|
52
|
+
constructor();
|
|
53
|
+
protected update(changedProperties: PropertyValues<this>): void;
|
|
54
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
55
|
+
}
|
|
56
|
+
declare global {
|
|
57
|
+
interface HTMLElementTagNameMap {
|
|
58
|
+
'igc-breadcrumbs': IgcBreadcrumbsComponent;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { ContextProvider } from '@lit/context';
|
|
8
|
+
import { html, LitElement } from 'lit';
|
|
9
|
+
import { property } from 'lit/decorators.js';
|
|
10
|
+
import { breadcrumbsContext } from '#internals/context.js';
|
|
11
|
+
import { addInternalsController } from '#internals/controllers/internals.js';
|
|
12
|
+
import { registerComponent } from '#internals/definitions/register.js';
|
|
13
|
+
import { addThemingController } from '#theming/theming-controller.js';
|
|
14
|
+
import IgcBreadcrumbComponent from './breadcrumb.js';
|
|
15
|
+
import { styles } from './themes/breadcrumbs.base.css.js';
|
|
16
|
+
import { all } from './themes/themes.js';
|
|
17
|
+
export default class IgcBreadcrumbsComponent extends LitElement {
|
|
18
|
+
static { this.tagName = 'igc-breadcrumbs'; }
|
|
19
|
+
static { this.styles = [styles]; }
|
|
20
|
+
static register() {
|
|
21
|
+
registerComponent(IgcBreadcrumbsComponent, IgcBreadcrumbComponent);
|
|
22
|
+
}
|
|
23
|
+
constructor() {
|
|
24
|
+
super();
|
|
25
|
+
this._separatorContext = new ContextProvider(this, {
|
|
26
|
+
context: breadcrumbsContext,
|
|
27
|
+
initialValue: 'tree_expand',
|
|
28
|
+
});
|
|
29
|
+
this.separator = 'tree_expand';
|
|
30
|
+
addThemingController(this, all);
|
|
31
|
+
addInternalsController(this, {
|
|
32
|
+
initialARIA: {
|
|
33
|
+
role: 'list',
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
update(changedProperties) {
|
|
38
|
+
if (changedProperties.has('separator')) {
|
|
39
|
+
this._separatorContext.setValue(this.separator, true);
|
|
40
|
+
}
|
|
41
|
+
super.update(changedProperties);
|
|
42
|
+
}
|
|
43
|
+
render() {
|
|
44
|
+
return html `<slot></slot>`;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
__decorate([
|
|
48
|
+
property({ reflect: true })
|
|
49
|
+
], IgcBreadcrumbsComponent.prototype, "separator", void 0);
|
|
50
|
+
//# sourceMappingURL=breadcrumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumbs.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,sBAAsB,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAuCzC,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;aACtC,YAAO,GAAG,iBAAiB,AAApB,CAAqB;aAC5B,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAGlC,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,uBAAuB,EAAE,sBAAsB,CAAC,CAAC;IACrE,CAAC;IA2BD;QACE,KAAK,EAAE,CAAC;QAxBO,sBAAiB,GAAG,IAAI,eAAe,CAAC,IAAI,EAAE;YAC7D,OAAO,EAAE,kBAAkB;YAC3B,YAAY,EAAE,aAAa;SAC5B,CAAC,CAAC;QAcI,cAAS,GAAG,aAAa,CAAC;QAS/B,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAChC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,MAAM;aACb;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM,CAAC,iBAAuC;QAC/D,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YACvC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACxD,CAAC;QACD,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA1BM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACK","sourcesContent":["import { ContextProvider } from '@lit/context';\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { breadcrumbsContext } from '#internals/context.js';\nimport { addInternalsController } from '#internals/controllers/internals.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcBreadcrumbComponent from './breadcrumb.js';\nimport { styles } from './themes/breadcrumbs.base.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * A breadcrumb navigation component that renders an ordered list of breadcrumb items.\n *\n * @remarks\n * Wrap breadcrumb items inside this component to build a navigable breadcrumb\n * trail. The component sets the ARIA `list` role on the host element. Wrap it in a\n * `<nav aria-label=\"...\">` element to provide an accessible navigation landmark —\n * the label belongs on the `<nav>`, not the list, per the ARIA breadcrumb pattern.\n *\n * @element igc-breadcrumbs\n *\n * @slot - Default slot for the breadcrumb items.\n *\n * @example\n * ```html\n * <!-- Default separator (tree_expand icon) -->\n * <nav aria-label=\"Breadcrumb\">\n * <igc-breadcrumbs>\n * <igc-breadcrumb>\n * <a href=\"/home\">Home</a>\n * </igc-breadcrumb>\n * <igc-breadcrumb>\n * <a href=\"/category\">Category</a>\n * </igc-breadcrumb>\n * <igc-breadcrumb current>\n * <a href=\"/category/item\">Item</a>\n * </igc-breadcrumb>\n * </igc-breadcrumbs>\n * </nav>\n *\n * <!-- Custom separator icon -->\n * <igc-breadcrumbs separator=\"chevron_right\">\n * <igc-breadcrumb><a href=\"/home\">Home</a></igc-breadcrumb>\n * <igc-breadcrumb current><a href=\"/item\">Item</a></igc-breadcrumb>\n * </igc-breadcrumbs>\n * ```\n */\nexport default class IgcBreadcrumbsComponent extends LitElement {\n public static readonly tagName = 'igc-breadcrumbs';\n public static override styles = [styles];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcBreadcrumbsComponent, IgcBreadcrumbComponent);\n }\n\n //#region Internal state\n\n private readonly _separatorContext = new ContextProvider(this, {\n context: breadcrumbsContext,\n initialValue: 'tree_expand',\n });\n\n //#endregion\n\n //#region Public properties\n\n /**\n * The icon name used as the default separator between breadcrumb items.\n * Can be overridden per-item using the `separator` slot on an individual breadcrumb item.\n *\n * @attr separator\n * @default 'tree_expand'\n */\n @property({ reflect: true })\n public separator = 'tree_expand';\n\n //#endregion\n\n //#region Lit lifecycle\n\n constructor() {\n super();\n\n addThemingController(this, all);\n addInternalsController(this, {\n initialARIA: {\n role: 'list',\n },\n });\n }\n\n protected override update(changedProperties: PropertyValues<this>): void {\n if (changedProperties.has('separator')) {\n this._separatorContext.setValue(this.separator, true);\n }\n super.update(changedProperties);\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n\n //#endregion\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-breadcrumbs': IgcBreadcrumbsComponent;\n }\n}\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{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex:0 0 auto;align-items:center}:host ::slotted(a){text-decoration:none}:host ::slotted(a):hover{text-decoration:underline}:host ::slotted(a:focus-visible){outline:none}[part=separator]{display:inline-flex;align-items:center}[part=separator] igc-icon{--component-size: var(--ig-size, var(--ig-size-medium))}[part=separator]:dir(rtl) igc-icon,[part=separator]:dir(rtl) ::slotted(igc-icon){transform:rotateY(180deg)}[part=label]{display:inline-flex;align-items:center;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:max(var(--is-large, 1)*max(var(--ig-body-1-font-size), -1 * var(--ig-body-1-font-size)),var(--is-medium, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)),var(--is-small, 1)*max(var(--ig-detail-1-font-size), -1 * var(--ig-detail-1-font-size)));font-weight:max(var(--is-large, 1)*max(var(--ig-body-1-font-weight), -1 * var(--ig-body-1-font-weight)),var(--is-medium, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)),var(--is-small, 1)*max(var(--ig-detail-1-font-weight), -1 * var(--ig-detail-1-font-weight)));line-height:max(var(--is-large, 1)*max(var(--ig-body-1-line-height), -1 * var(--ig-body-1-line-height)),var(--is-medium, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)),var(--is-small, 1)*max(var(--ig-detail-1-line-height), -1 * var(--ig-detail-1-line-height)));letter-spacing:max(var(--is-large, 1)*max(var(--ig-body-1-letter-spacing), -1 * var(--ig-body-1-letter-spacing)),var(--is-medium, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)),var(--is-small, 1)*max(var(--ig-detail-1-letter-spacing), -1 * var(--ig-detail-1-letter-spacing)));text-transform:max(var(--is-large, 1)*max(var(--ig-body-1-text-transform), -1 * var(--ig-body-1-text-transform)),var(--is-medium, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)),var(--is-small, 1)*max(var(--ig-detail-1-text-transform), -1 * var(--ig-detail-1-text-transform)))}[part=label] ::slotted([slot=prefix]),[part=label] ::slotted([slot=suffix]){--component-size: var(--ig-size, var(--ig-size-medium));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem))}[part=label] ::slotted([slot=prefix]){padding-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=label] ::slotted([slot=suffix]){padding-inline-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:last-of-type) [part=separator]{display:none}@media(forced-colors: active){:host([current]){--current-text-color: Highlight}:host(:not([current])){--focus-border-color: Highlight;--focus-underline-color: Highlight}:host([disabled]){--disabled-text-color: GrayText;--disabled-icon-color: GrayText}}`;
|
|
3
|
+
//# sourceMappingURL=breadcrumb.base.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.base.css.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/themes/breadcrumb.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,spJAAspJ,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex:0 0 auto;align-items:center}:host ::slotted(a){text-decoration:none}:host ::slotted(a):hover{text-decoration:underline}:host ::slotted(a:focus-visible){outline:none}[part=separator]{display:inline-flex;align-items:center}[part=separator] igc-icon{--component-size: var(--ig-size, var(--ig-size-medium))}[part=separator]:dir(rtl) igc-icon,[part=separator]:dir(rtl) ::slotted(igc-icon){transform:rotateY(180deg)}[part=label]{display:inline-flex;align-items:center;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:max(var(--is-large, 1)*max(var(--ig-body-1-font-size), -1 * var(--ig-body-1-font-size)),var(--is-medium, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)),var(--is-small, 1)*max(var(--ig-detail-1-font-size), -1 * var(--ig-detail-1-font-size)));font-weight:max(var(--is-large, 1)*max(var(--ig-body-1-font-weight), -1 * var(--ig-body-1-font-weight)),var(--is-medium, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)),var(--is-small, 1)*max(var(--ig-detail-1-font-weight), -1 * var(--ig-detail-1-font-weight)));line-height:max(var(--is-large, 1)*max(var(--ig-body-1-line-height), -1 * var(--ig-body-1-line-height)),var(--is-medium, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)),var(--is-small, 1)*max(var(--ig-detail-1-line-height), -1 * var(--ig-detail-1-line-height)));letter-spacing:max(var(--is-large, 1)*max(var(--ig-body-1-letter-spacing), -1 * var(--ig-body-1-letter-spacing)),var(--is-medium, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)),var(--is-small, 1)*max(var(--ig-detail-1-letter-spacing), -1 * var(--ig-detail-1-letter-spacing)));text-transform:max(var(--is-large, 1)*max(var(--ig-body-1-text-transform), -1 * var(--ig-body-1-text-transform)),var(--is-medium, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)),var(--is-small, 1)*max(var(--ig-detail-1-text-transform), -1 * var(--ig-detail-1-text-transform)))}[part=label] ::slotted([slot=prefix]),[part=label] ::slotted([slot=suffix]){--component-size: var(--ig-size, var(--ig-size-medium));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem))}[part=label] ::slotted([slot=prefix]){padding-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=label] ::slotted([slot=suffix]){padding-inline-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:last-of-type) [part=separator]{display:none}@media(forced-colors: active){:host([current]){--current-text-color: Highlight}:host(:not([current])){--focus-border-color: Highlight;--focus-underline-color: Highlight}:host([disabled]){--disabled-text-color: GrayText;--disabled-icon-color: GrayText}}`;\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{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--component-size: var(--ig-size, var(--ig-size-medium));display:flex;flex-wrap:wrap;align-items:center;row-gap:.25rem}`;
|
|
3
|
+
//# sourceMappingURL=breadcrumbs.base.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs.base.css.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/themes/breadcrumbs.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,skCAAskC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--component-size: var(--ig-size, var(--ig-size-medium));display:flex;flex-wrap:wrap;align-items:center;row-gap:.25rem}`;\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{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-400));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-400));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-300));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-300));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-primary-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-400));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-400));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-300));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-300));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-50));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-50));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-50));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-50));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
|
|
3
|
+
//# sourceMappingURL=breadcrumb.bootstrap.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/dark/breadcrumb.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8zCAA8zC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-400));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-400));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-300));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-300));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-primary-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-400));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-400));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-300));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-300));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-50));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-50));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-50));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-50));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n "]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-info-300));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-info-300));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-info-200));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-info-200));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-gray-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-gray-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-300));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-300));--focus-border-color: var(--ig-breadcrumb-focus-border-color, var(--ig-gray-400));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-200));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-200));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-100));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-100));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-100));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-100));--ig-theme: fluent;--ig-theme-variant: dark}`;
|
|
3
|
+
//# sourceMappingURL=breadcrumb.fluent.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/dark/breadcrumb.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8vCAA8vC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-info-300));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-info-300));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-info-200));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-info-200));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-gray-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-gray-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-300));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-300));--focus-border-color: var(--ig-breadcrumb-focus-border-color, var(--ig-gray-400));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-200));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-200));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-100));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-100));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-100));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-100));--ig-theme: fluent;--ig-theme-variant: dark}`;\n "]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-300));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-300));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-200));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-200));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, hsl(from var(--ig-primary-900-contrast) h s l/0.2));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-900-contrast));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-300));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-300));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-200));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-200));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-200));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-200));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-200));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-200));--ig-theme: indigo;--ig-theme-variant: dark}`;
|
|
3
|
+
//# sourceMappingURL=breadcrumb.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/dark/breadcrumb.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q2CAAq2C,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-300));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-300));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-200));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-200));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, hsl(from var(--ig-primary-900-contrast) h s l/0.2));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-900-contrast));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-300));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-300));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-200));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-200));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-200));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-200));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-200));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-200));--ig-theme: indigo;--ig-theme-variant: dark}`;\n "]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-info-400));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-info-400));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-info-300));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-info-300));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-200));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-200));--focus-underline-color: var(--ig-breadcrumb-focus-underline-color, var(--ig-info-200));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-100));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-100));--focus-hover-underline-color: var(--ig-breadcrumb-focus-hover-underline-color, var(--ig-info-100));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-200));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-200));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-50));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-50));--focus-pressed-underline-color: var(--ig-breadcrumb-focus-pressed-underline-color, var(--ig-info-50));--ig-theme: material;--ig-theme-variant: dark}`;
|
|
3
|
+
//# sourceMappingURL=breadcrumb.material.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.material.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/dark/breadcrumb.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uyCAAuyC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-info-400));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-info-400));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-info-300));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-info-300));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-200));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-200));--focus-underline-color: var(--ig-breadcrumb-focus-underline-color, var(--ig-info-200));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-100));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-100));--focus-hover-underline-color: var(--ig-breadcrumb-focus-hover-underline-color, var(--ig-info-100));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-200));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-200));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-50));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-50));--focus-pressed-underline-color: var(--ig-breadcrumb-focus-pressed-underline-color, var(--ig-info-50));--ig-theme: material;--ig-theme-variant: dark}`;\n "]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-600));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-600));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-700));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-700));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-primary-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-600));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-600));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-700));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-700));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-800));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-800));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-800));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: light}`;
|
|
3
|
+
//# sourceMappingURL=breadcrumb.bootstrap.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/light/breadcrumb.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m0CAAm0C,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-600));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-600));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-700));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-700));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-primary-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-600));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-600));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-700));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-700));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-800));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-800));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-800));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: light}`;\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{--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-500));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-500));--focus-border-color: var(--ig-breadcrumb-focus-border-color, var(--ig-gray-700));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-600));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-600));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-800));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-800));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-800));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-800));--ig-theme: fluent;--ig-theme-variant: light}`;
|
|
3
|
+
//# sourceMappingURL=breadcrumb.fluent.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/light/breadcrumb.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uzBAAuzB,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-500));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-500));--focus-border-color: var(--ig-breadcrumb-focus-border-color, var(--ig-gray-700));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-600));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-600));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-800));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-800));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-800));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-800));--ig-theme: fluent;--ig-theme-variant: light}`;\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{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-500));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-500));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-600));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-600));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-gray-900));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-500));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-500));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-600));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-600));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-600));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-600));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-600));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-600));--ig-theme: indigo;--ig-theme-variant: light}`;
|
|
3
|
+
//# sourceMappingURL=breadcrumb.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/light/breadcrumb.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,80CAA80C,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-500));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-500));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-600));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-600));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-gray-900));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-500));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-500));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-600));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-600));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-600));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-600));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-600));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-600));--ig-theme: indigo;--ig-theme-variant: light}`;\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{--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-700));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-700));--focus-underline-color: var(--ig-breadcrumb-focus-underline-color, var(--ig-info-700));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-800));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-800));--focus-hover-underline-color: var(--ig-breadcrumb-focus-hover-underline-color, var(--ig-info-800));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-700));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-700));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-900));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-900));--focus-pressed-underline-color: var(--ig-breadcrumb-focus-pressed-underline-color, var(--ig-info-900));--ig-theme: material;--ig-theme-variant: light}`;
|
|
3
|
+
//# sourceMappingURL=breadcrumb.material.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.material.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/light/breadcrumb.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2gCAA2gC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-700));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-700));--focus-underline-color: var(--ig-breadcrumb-focus-underline-color, var(--ig-info-700));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-800));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-800));--focus-hover-underline-color: var(--ig-breadcrumb-focus-hover-underline-color, var(--ig-info-800));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-700));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-700));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-900));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-900));--focus-pressed-underline-color: var(--ig-breadcrumb-focus-pressed-underline-color, var(--ig-info-900));--ig-theme: material;--ig-theme-variant: light}`;\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{--text-color: var(--ig-breadcrumb-text-color, var(--ig-info-500));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-info-500));--current-text-color: var(--ig-breadcrumb-current-text-color, var(--ig-gray-700));--current-icon-color: var(--ig-breadcrumb-current-icon-color, var(--ig-gray-700));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-info-600));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-info-600));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-gray-500));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-gray-500));--separator-color: var(--ig-breadcrumb-separator-color, var(--ig-gray-700));--ig-theme-variant: light}`;
|
|
3
|
+
//# sourceMappingURL=breadcrumb.shared.css.js.map
|