igniteui-webcomponents 5.3.0-beta.3 → 5.3.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 +20 -0
- package/animations/player.js.map +1 -1
- package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
- package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
- package/components/avatar/themes/dark/avatar.fluent.css.js +1 -1
- package/components/avatar/themes/dark/avatar.fluent.css.js.map +1 -1
- package/components/avatar/themes/dark/avatar.indigo.css.js +1 -1
- package/components/avatar/themes/dark/avatar.indigo.css.js.map +1 -1
- package/components/avatar/themes/dark/avatar.material.css.js +1 -1
- package/components/avatar/themes/dark/avatar.material.css.js.map +1 -1
- package/components/avatar/themes/light/avatar.bootstrap.css.js +1 -1
- package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -1
- package/components/avatar/themes/light/avatar.fluent.css.js +1 -1
- package/components/avatar/themes/light/avatar.fluent.css.js.map +1 -1
- package/components/avatar/themes/light/avatar.indigo.css.js +1 -1
- package/components/avatar/themes/light/avatar.indigo.css.js.map +1 -1
- package/components/avatar/themes/light/avatar.material.css.js +1 -1
- package/components/avatar/themes/light/avatar.material.css.js.map +1 -1
- package/components/badge/themes/dark/badge.bootstrap.css.js +1 -1
- package/components/badge/themes/dark/badge.bootstrap.css.js.map +1 -1
- package/components/badge/themes/dark/badge.fluent.css.js +1 -1
- package/components/badge/themes/dark/badge.fluent.css.js.map +1 -1
- package/components/badge/themes/dark/badge.indigo.css.js +1 -1
- package/components/badge/themes/dark/badge.indigo.css.js.map +1 -1
- package/components/badge/themes/dark/badge.material.css.js +1 -1
- package/components/badge/themes/dark/badge.material.css.js.map +1 -1
- package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
- package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
- package/components/badge/themes/light/badge.fluent.css.js +1 -1
- package/components/badge/themes/light/badge.fluent.css.js.map +1 -1
- package/components/badge/themes/light/badge.indigo.css.js +1 -1
- package/components/badge/themes/light/badge.indigo.css.js.map +1 -1
- package/components/badge/themes/light/badge.material.css.js +1 -1
- package/components/badge/themes/light/badge.material.css.js.map +1 -1
- package/components/banner/themes/dark/banner.bootstrap.css.js +1 -1
- package/components/banner/themes/dark/banner.bootstrap.css.js.map +1 -1
- package/components/banner/themes/dark/banner.fluent.css.js +1 -1
- package/components/banner/themes/dark/banner.fluent.css.js.map +1 -1
- package/components/banner/themes/dark/banner.indigo.css.js +1 -1
- package/components/banner/themes/dark/banner.indigo.css.js.map +1 -1
- package/components/banner/themes/dark/banner.material.css.js +1 -1
- package/components/banner/themes/dark/banner.material.css.js.map +1 -1
- package/components/banner/themes/light/banner.bootstrap.css.js +1 -1
- package/components/banner/themes/light/banner.bootstrap.css.js.map +1 -1
- package/components/banner/themes/light/banner.fluent.css.js +1 -1
- package/components/banner/themes/light/banner.fluent.css.js.map +1 -1
- package/components/banner/themes/light/banner.indigo.css.js +1 -1
- package/components/banner/themes/light/banner.indigo.css.js.map +1 -1
- package/components/banner/themes/light/banner.material.css.js +1 -1
- package/components/banner/themes/light/banner.material.css.js.map +1 -1
- package/components/button/themes/button/dark/button.bootstrap.css.js +1 -1
- package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/dark/button.fluent.css.js +1 -1
- package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/dark/button.indigo.css.js +1 -1
- package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/dark/button.material.css.js +1 -1
- package/components/button/themes/button/dark/button.material.css.js.map +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/light/button.fluent.css.js +1 -1
- package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/light/button.indigo.css.js +1 -1
- package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/light/button.material.css.js +1 -1
- package/components/button/themes/button/light/button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.material.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.material.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.common.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.common.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.material.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.material.css.js.map +1 -1
- package/components/button-group/themes/dark/button-group.bootstrap.css.js +1 -1
- package/components/button-group/themes/dark/button-group.bootstrap.css.js.map +1 -1
- package/components/button-group/themes/dark/button-group.fluent.css.js +1 -1
- package/components/button-group/themes/dark/button-group.fluent.css.js.map +1 -1
- package/components/button-group/themes/dark/button-group.indigo.css.js +1 -1
- package/components/button-group/themes/dark/button-group.indigo.css.js.map +1 -1
- package/components/button-group/themes/dark/button-group.material.css.js +1 -1
- package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.bootstrap.css.js +1 -1
- package/components/button-group/themes/light/button-group.bootstrap.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.fluent.css.js +1 -1
- package/components/button-group/themes/light/button-group.fluent.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.indigo.css.js +1 -1
- package/components/button-group/themes/light/button-group.indigo.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.material.css.js +1 -1
- package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.material.css.js +1 -1
- package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.material.css.js +1 -1
- package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
- package/components/calendar/themes/shared/bootstrap/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/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/card/themes/dark/card.bootstrap.css.js +1 -1
- package/components/card/themes/dark/card.bootstrap.css.js.map +1 -1
- package/components/card/themes/dark/card.fluent.css.js +1 -1
- package/components/card/themes/dark/card.fluent.css.js.map +1 -1
- package/components/card/themes/dark/card.indigo.css.js +1 -1
- package/components/card/themes/dark/card.indigo.css.js.map +1 -1
- package/components/card/themes/dark/card.material.css.js +1 -1
- package/components/card/themes/dark/card.material.css.js.map +1 -1
- package/components/card/themes/light/container/card.bootstrap.css.js +1 -1
- package/components/card/themes/light/container/card.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/container/card.fluent.css.js +1 -1
- package/components/card/themes/light/container/card.fluent.css.js.map +1 -1
- package/components/card/themes/light/container/card.indigo.css.js +1 -1
- package/components/card/themes/light/container/card.indigo.css.js.map +1 -1
- package/components/card/themes/light/container/card.material.css.js +1 -1
- package/components/card/themes/light/container/card.material.css.js.map +1 -1
- package/components/carousel/themes/dark/carousel.bootstrap.css.js +1 -1
- package/components/carousel/themes/dark/carousel.bootstrap.css.js.map +1 -1
- package/components/carousel/themes/dark/carousel.fluent.css.js +1 -1
- package/components/carousel/themes/dark/carousel.fluent.css.js.map +1 -1
- package/components/carousel/themes/dark/carousel.indigo.css.js +1 -1
- package/components/carousel/themes/dark/carousel.indigo.css.js.map +1 -1
- package/components/carousel/themes/dark/carousel.material.css.js +1 -1
- package/components/carousel/themes/dark/carousel.material.css.js.map +1 -1
- package/components/carousel/themes/light/carousel.bootstrap.css.js +1 -1
- package/components/carousel/themes/light/carousel.bootstrap.css.js.map +1 -1
- package/components/carousel/themes/light/carousel.fluent.css.js +1 -1
- package/components/carousel/themes/light/carousel.fluent.css.js.map +1 -1
- package/components/carousel/themes/light/carousel.indigo.css.js +1 -1
- package/components/carousel/themes/light/carousel.indigo.css.js.map +1 -1
- package/components/carousel/themes/light/carousel.material.css.js +1 -1
- package/components/carousel/themes/light/carousel.material.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.material.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.material.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.material.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.material.css.js.map +1 -1
- package/components/chip/themes/dark/chip.bootstrap.css.js +1 -1
- package/components/chip/themes/dark/chip.bootstrap.css.js.map +1 -1
- package/components/chip/themes/dark/chip.fluent.css.js +1 -1
- package/components/chip/themes/dark/chip.fluent.css.js.map +1 -1
- package/components/chip/themes/dark/chip.indigo.css.js +1 -1
- package/components/chip/themes/dark/chip.indigo.css.js.map +1 -1
- package/components/chip/themes/dark/chip.material.css.js +1 -1
- package/components/chip/themes/dark/chip.material.css.js.map +1 -1
- package/components/chip/themes/light/chip.bootstrap.css.js +1 -1
- package/components/chip/themes/light/chip.bootstrap.css.js.map +1 -1
- package/components/chip/themes/light/chip.fluent.css.js +1 -1
- package/components/chip/themes/light/chip.fluent.css.js.map +1 -1
- package/components/chip/themes/light/chip.indigo.css.js +1 -1
- package/components/chip/themes/light/chip.indigo.css.js.map +1 -1
- package/components/chip/themes/light/chip.material.css.js +1 -1
- package/components/chip/themes/light/chip.material.css.js.map +1 -1
- package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
- package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
- package/components/combo/themes/dark/combo.fluent.css.js +1 -1
- package/components/combo/themes/dark/combo.fluent.css.js.map +1 -1
- package/components/combo/themes/dark/combo.indigo.css.js +1 -1
- package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/dark/combo.material.css.js +1 -1
- package/components/combo/themes/dark/combo.material.css.js.map +1 -1
- package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
- package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
- package/components/combo/themes/light/combo.fluent.css.js +1 -1
- package/components/combo/themes/light/combo.fluent.css.js.map +1 -1
- package/components/combo/themes/light/combo.indigo.css.js +1 -1
- package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/light/combo.material.css.js +1 -1
- package/components/combo/themes/light/combo.material.css.js.map +1 -1
- package/components/common/controllers/drag.d.ts +3 -4
- package/components/common/controllers/drag.js +39 -25
- package/components/common/controllers/drag.js.map +1 -1
- package/components/common/util.d.ts +2 -6
- package/components/common/util.js +8 -7
- package/components/common/util.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
- package/components/dialog/themes/dark/dialog.bootstrap.css.js +1 -1
- package/components/dialog/themes/dark/dialog.bootstrap.css.js.map +1 -1
- package/components/dialog/themes/dark/dialog.fluent.css.js +1 -1
- package/components/dialog/themes/dark/dialog.fluent.css.js.map +1 -1
- package/components/dialog/themes/dark/dialog.indigo.css.js +1 -1
- package/components/dialog/themes/dark/dialog.indigo.css.js.map +1 -1
- package/components/dialog/themes/dark/dialog.material.css.js +1 -1
- package/components/dialog/themes/dark/dialog.material.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.bootstrap.css.js +1 -1
- package/components/dialog/themes/light/dialog.bootstrap.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.fluent.css.js +1 -1
- package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.indigo.css.js +1 -1
- package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.material.css.js +1 -1
- package/components/dialog/themes/light/dialog.material.css.js.map +1 -1
- package/components/divider/themes/dark/divider.bootstrap.css.js +1 -1
- package/components/divider/themes/dark/divider.bootstrap.css.js.map +1 -1
- package/components/divider/themes/dark/divider.fluent.css.js +1 -1
- package/components/divider/themes/dark/divider.fluent.css.js.map +1 -1
- package/components/divider/themes/dark/divider.indigo.css.js +1 -1
- package/components/divider/themes/dark/divider.indigo.css.js.map +1 -1
- package/components/divider/themes/dark/divider.material.css.js +1 -1
- package/components/divider/themes/dark/divider.material.css.js.map +1 -1
- package/components/divider/themes/light/divider.bootstrap.css.js +1 -1
- package/components/divider/themes/light/divider.bootstrap.css.js.map +1 -1
- package/components/divider/themes/light/divider.fluent.css.js +1 -1
- package/components/divider/themes/light/divider.fluent.css.js.map +1 -1
- package/components/divider/themes/light/divider.indigo.css.js +1 -1
- package/components/divider/themes/light/divider.indigo.css.js.map +1 -1
- package/components/divider/themes/light/divider.material.css.js +1 -1
- package/components/divider/themes/light/divider.material.css.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.fluent.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.material.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.material.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.bootstrap.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.fluent.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.material.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.material.css.js.map +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.bootstrap.css.js +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.bootstrap.css.js.map +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.fluent.css.js +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.fluent.css.js.map +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.indigo.css.js +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.indigo.css.js.map +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.material.css.js +1 -1
- package/components/expansion-panel/themes/dark/expansion-panel.material.css.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.material.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.material.css.js.map +1 -1
- package/components/icon/internal-icons-lib.js +14 -14
- package/components/icon/internal-icons-lib.js.map +1 -1
- package/components/icon/themes/dark/icon.bootstrap.css.js +1 -1
- package/components/icon/themes/dark/icon.bootstrap.css.js.map +1 -1
- package/components/icon/themes/dark/icon.fluent.css.js +1 -1
- package/components/icon/themes/dark/icon.fluent.css.js.map +1 -1
- package/components/icon/themes/dark/icon.indigo.css.js +1 -1
- package/components/icon/themes/dark/icon.indigo.css.js.map +1 -1
- package/components/icon/themes/dark/icon.material.css.js +1 -1
- package/components/icon/themes/dark/icon.material.css.js.map +1 -1
- package/components/icon/themes/light/icon.bootstrap.css.js +1 -1
- package/components/icon/themes/light/icon.bootstrap.css.js.map +1 -1
- package/components/icon/themes/light/icon.fluent.css.js +1 -1
- package/components/icon/themes/light/icon.fluent.css.js.map +1 -1
- package/components/icon/themes/light/icon.indigo.css.js +1 -1
- package/components/icon/themes/light/icon.indigo.css.js.map +1 -1
- package/components/icon/themes/light/icon.material.css.js +1 -1
- package/components/icon/themes/light/icon.material.css.js.map +1 -1
- package/components/input/themes/dark/input.bootstrap.css.js +1 -1
- package/components/input/themes/dark/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/dark/input.fluent.css.js +1 -1
- package/components/input/themes/dark/input.fluent.css.js.map +1 -1
- package/components/input/themes/dark/input.indigo.css.js +1 -1
- package/components/input/themes/dark/input.indigo.css.js.map +1 -1
- package/components/input/themes/dark/input.material.css.js +1 -1
- package/components/input/themes/dark/input.material.css.js.map +1 -1
- package/components/input/themes/light/input.bootstrap.css.js +1 -1
- package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/light/input.fluent.css.js +1 -1
- package/components/input/themes/light/input.fluent.css.js.map +1 -1
- package/components/input/themes/light/input.indigo.css.js +1 -1
- package/components/input/themes/light/input.indigo.css.js.map +1 -1
- package/components/input/themes/light/input.material.css.js +1 -1
- package/components/input/themes/light/input.material.css.js.map +1 -1
- package/components/list/list-item.d.ts +5 -0
- package/components/list/list-item.js +5 -0
- package/components/list/list-item.js.map +1 -1
- package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
- package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/container/list.fluent.css.js +1 -1
- package/components/list/themes/dark/container/list.fluent.css.js.map +1 -1
- package/components/list/themes/dark/container/list.indigo.css.js +1 -1
- package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
- package/components/list/themes/dark/container/list.material.css.js +1 -1
- package/components/list/themes/dark/container/list.material.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.bootstrap.css.js +1 -1
- package/components/list/themes/dark/header/list-header.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.fluent.css.js +1 -1
- package/components/list/themes/dark/header/list-header.fluent.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
- package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.material.css.js +1 -1
- package/components/list/themes/dark/header/list-header.material.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.bootstrap.css.js +1 -1
- package/components/list/themes/dark/item/list-item.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.fluent.css.js +1 -1
- package/components/list/themes/dark/item/list-item.fluent.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.material.css.js +1 -1
- package/components/list/themes/dark/item/list-item.material.css.js.map +1 -1
- package/components/list/themes/light/container/list.bootstrap.css.js +1 -1
- package/components/list/themes/light/container/list.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/container/list.fluent.css.js +1 -1
- package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
- package/components/list/themes/light/container/list.indigo.css.js +1 -1
- package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
- package/components/list/themes/light/container/list.material.css.js +1 -1
- package/components/list/themes/light/container/list.material.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.bootstrap.css.js +1 -1
- package/components/list/themes/light/header/list-header.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.fluent.css.js +1 -1
- package/components/list/themes/light/header/list-header.fluent.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
- package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.material.css.js +1 -1
- package/components/list/themes/light/header/list-header.material.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.bootstrap.css.js +1 -1
- package/components/list/themes/light/item/list-item.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.fluent.css.js +1 -1
- package/components/list/themes/light/item/list-item.fluent.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.material.css.js +1 -1
- package/components/list/themes/light/item/list-item.material.css.js.map +1 -1
- package/components/list/themes/shared/item/list-item.common.css.js +1 -1
- package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.bootstrap.css.js +1 -1
- package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.fluent.css.js +1 -1
- package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.material.css.js +1 -1
- package/components/navbar/themes/dark/navbar.material.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.bootstrap.css.js +1 -1
- package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.fluent.css.js +1 -1
- package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.material.css.js +1 -1
- package/components/navbar/themes/light/navbar.material.css.js.map +1 -1
- package/components/popover/popover.js +1 -5
- package/components/popover/popover.js.map +1 -1
- package/components/progress/themes/circular/dark/circular.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/circular/dark/circular.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/circular/dark/circular.progress.fluent.css.js +1 -1
- package/components/progress/themes/circular/dark/circular.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/circular/dark/circular.progress.indigo.css.js +1 -1
- package/components/progress/themes/circular/dark/circular.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/circular/dark/circular.progress.material.css.js +1 -1
- package/components/progress/themes/circular/dark/circular.progress.material.css.js.map +1 -1
- package/components/progress/themes/circular/light/circular.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/circular/light/circular.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/circular/light/circular.progress.fluent.css.js +1 -1
- package/components/progress/themes/circular/light/circular.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/circular/light/circular.progress.indigo.css.js +1 -1
- package/components/progress/themes/circular/light/circular.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/circular/light/circular.progress.material.css.js +1 -1
- package/components/progress/themes/circular/light/circular.progress.material.css.js.map +1 -1
- package/components/progress/themes/circular/light/circular.progress.shared.css.js +1 -1
- package/components/progress/themes/circular/light/circular.progress.shared.css.js.map +1 -1
- package/components/progress/themes/circular/shared/circular.progress.common.css.js +1 -1
- package/components/progress/themes/circular/shared/circular.progress.common.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.fluent.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.material.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.material.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.fluent.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.material.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.material.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.shared.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.shared.css.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.common.css.js +1 -1
- package/components/progress/themes/linear/shared/linear.progress.common.css.js.map +1 -1
- package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
- package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/themes.js +2 -3
- package/components/progress/themes/linear/themes.js.map +1 -1
- package/components/radio/themes/dark/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/dark/radio.indigo.css.js +1 -1
- package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/dark/radio.material.css.js +1 -1
- package/components/radio/themes/dark/radio.material.css.js.map +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/light/radio.fluent.css.js +1 -1
- package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/light/radio.indigo.css.js +1 -1
- package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/light/radio.material.css.js +1 -1
- package/components/radio/themes/light/radio.material.css.js.map +1 -1
- package/components/rating/themes/dark/rating.bootstrap.css.js +1 -1
- package/components/rating/themes/dark/rating.bootstrap.css.js.map +1 -1
- package/components/rating/themes/dark/rating.fluent.css.js +1 -1
- package/components/rating/themes/dark/rating.fluent.css.js.map +1 -1
- package/components/rating/themes/dark/rating.indigo.css.js +1 -1
- package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
- package/components/rating/themes/dark/rating.material.css.js +1 -1
- package/components/rating/themes/dark/rating.material.css.js.map +1 -1
- package/components/rating/themes/light/rating.bootstrap.css.js +1 -1
- package/components/rating/themes/light/rating.bootstrap.css.js.map +1 -1
- package/components/rating/themes/light/rating.fluent.css.js +1 -1
- package/components/rating/themes/light/rating.fluent.css.js.map +1 -1
- package/components/rating/themes/light/rating.indigo.css.js +1 -1
- package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
- package/components/rating/themes/light/rating.material.css.js +1 -1
- package/components/rating/themes/light/rating.material.css.js.map +1 -1
- package/components/resize-container/default-ghost.d.ts +2 -1
- package/components/resize-container/default-ghost.js +7 -3
- package/components/resize-container/default-ghost.js.map +1 -1
- package/components/resize-container/resize-container.d.ts +0 -9
- package/components/resize-container/resize-container.js +8 -23
- package/components/resize-container/resize-container.js.map +1 -1
- package/components/resize-container/resize-controller.d.ts +1 -2
- package/components/resize-container/resize-controller.js +26 -18
- package/components/resize-container/resize-controller.js.map +1 -1
- package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js +1 -1
- package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js.map +1 -1
- package/components/resize-container/themes/dark/resize-indicator.fluent.css.js +1 -1
- package/components/resize-container/themes/dark/resize-indicator.fluent.css.js.map +1 -1
- package/components/resize-container/themes/dark/resize-indicator.indigo.css.js +1 -1
- package/components/resize-container/themes/dark/resize-indicator.indigo.css.js.map +1 -1
- package/components/resize-container/themes/dark/resize-indicator.material.css.js +1 -1
- package/components/resize-container/themes/dark/resize-indicator.material.css.js.map +1 -1
- package/components/resize-container/themes/dark/resize-indicator.shared.css.js +1 -1
- package/components/resize-container/themes/dark/resize-indicator.shared.css.js.map +1 -1
- package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js +1 -1
- package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js.map +1 -1
- package/components/resize-container/themes/light/resize-indicator.fluent.css.js +1 -1
- package/components/resize-container/themes/light/resize-indicator.fluent.css.js.map +1 -1
- package/components/resize-container/themes/light/resize-indicator.indigo.css.js +1 -1
- package/components/resize-container/themes/light/resize-indicator.indigo.css.js.map +1 -1
- package/components/resize-container/themes/light/resize-indicator.material.css.js +1 -1
- package/components/resize-container/themes/light/resize-indicator.material.css.js.map +1 -1
- package/components/resize-container/themes/light/resize-indicator.shared.css.js +1 -1
- package/components/resize-container/themes/light/resize-indicator.shared.css.js.map +1 -1
- package/components/resize-container/types.d.ts +2 -0
- package/components/resize-container/types.js.map +1 -1
- package/components/select/themes/dark/select.bootstrap.css.js +1 -1
- package/components/select/themes/dark/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/dark/select.fluent.css.js +1 -1
- package/components/select/themes/dark/select.fluent.css.js.map +1 -1
- package/components/select/themes/dark/select.indigo.css.js +1 -1
- package/components/select/themes/dark/select.indigo.css.js.map +1 -1
- package/components/select/themes/dark/select.material.css.js +1 -1
- package/components/select/themes/dark/select.material.css.js.map +1 -1
- package/components/select/themes/light/select.bootstrap.css.js +1 -1
- package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/light/select.fluent.css.js +1 -1
- package/components/select/themes/light/select.fluent.css.js.map +1 -1
- package/components/select/themes/light/select.indigo.css.js +1 -1
- package/components/select/themes/light/select.indigo.css.js.map +1 -1
- package/components/select/themes/light/select.material.css.js +1 -1
- package/components/select/themes/light/select.material.css.js.map +1 -1
- package/components/slider/slider-label.d.ts +10 -0
- package/components/slider/slider-label.js.map +1 -1
- package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
- package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
- package/components/slider/themes/dark/slider.fluent.css.js +1 -1
- package/components/slider/themes/dark/slider.fluent.css.js.map +1 -1
- package/components/slider/themes/dark/slider.indigo.css.js +1 -1
- package/components/slider/themes/dark/slider.indigo.css.js.map +1 -1
- package/components/slider/themes/dark/slider.material.css.js +1 -1
- package/components/slider/themes/dark/slider.material.css.js.map +1 -1
- package/components/slider/themes/light/slider.bootstrap.css.js +1 -1
- package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
- package/components/slider/themes/light/slider.fluent.css.js +1 -1
- package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
- package/components/slider/themes/light/slider.indigo.css.js +1 -1
- package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
- package/components/slider/themes/light/slider.material.css.js +1 -1
- package/components/slider/themes/light/slider.material.css.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.bootstrap.css.js +1 -1
- package/components/snackbar/themes/dark/snackbar.bootstrap.css.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.fluent.css.js +1 -1
- package/components/snackbar/themes/dark/snackbar.fluent.css.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.material.css.js +1 -1
- package/components/snackbar/themes/dark/snackbar.material.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.bootstrap.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.bootstrap.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.fluent.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.fluent.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.material.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.material.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
- package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.fluent.css.js +1 -1
- package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.material.css.js +1 -1
- package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
- package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
- package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.material.css.js +1 -1
- package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
- package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
- package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
- package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.material.css.js +1 -1
- package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
- package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
- package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/light/tab.fluent.css.js +1 -1
- package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/light/tab.material.css.js +1 -1
- package/components/tabs/themes/light/tab.material.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/dark/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.fluent.css.js +1 -1
- package/components/textarea/themes/dark/textarea.fluent.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.material.css.js +1 -1
- package/components/textarea/themes/dark/textarea.material.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/light/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.fluent.css.js +1 -1
- package/components/textarea/themes/light/textarea.fluent.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.material.css.js +1 -1
- package/components/textarea/themes/light/textarea.material.css.js.map +1 -1
- package/components/tile-manager/position.d.ts +4 -0
- package/components/tile-manager/position.js +18 -0
- package/components/tile-manager/position.js.map +1 -1
- package/components/tile-manager/{tile-util.d.ts → resize-state.d.ts} +7 -37
- package/components/tile-manager/resize-state.js +178 -0
- package/components/tile-manager/resize-state.js.map +1 -0
- package/components/tile-manager/resize-util.d.ts +8 -0
- package/components/tile-manager/resize-util.js +84 -0
- package/components/tile-manager/resize-util.js.map +1 -0
- package/components/tile-manager/serializer.d.ts +1 -6
- package/components/tile-manager/serializer.js +5 -26
- package/components/tile-manager/serializer.js.map +1 -1
- package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js +1 -1
- package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js.map +1 -1
- package/components/tile-manager/themes/dark/tile-manager.fluent.css.js +1 -1
- package/components/tile-manager/themes/dark/tile-manager.fluent.css.js.map +1 -1
- package/components/tile-manager/themes/dark/tile-manager.indigo.css.js +1 -1
- package/components/tile-manager/themes/dark/tile-manager.indigo.css.js.map +1 -1
- package/components/tile-manager/themes/dark/tile-manager.material.css.js +1 -1
- package/components/tile-manager/themes/dark/tile-manager.material.css.js.map +1 -1
- package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js +1 -1
- package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js.map +1 -1
- package/components/tile-manager/themes/light/tile-manager.fluent.css.js +1 -1
- package/components/tile-manager/themes/light/tile-manager.fluent.css.js.map +1 -1
- package/components/tile-manager/themes/light/tile-manager.indigo.css.js +1 -1
- package/components/tile-manager/themes/light/tile-manager.indigo.css.js.map +1 -1
- package/components/tile-manager/themes/light/tile-manager.material.css.js +1 -1
- package/components/tile-manager/themes/light/tile-manager.material.css.js.map +1 -1
- package/components/tile-manager/themes/light/tile-manager.shared.css.js +1 -1
- package/components/tile-manager/themes/light/tile-manager.shared.css.js.map +1 -1
- package/components/tile-manager/themes/shared/tile/tile.common.css.js +1 -1
- package/components/tile-manager/themes/shared/tile/tile.common.css.js.map +1 -1
- package/components/tile-manager/themes/shared/tile-manager.common.css.js +1 -1
- package/components/tile-manager/themes/shared/tile-manager.common.css.js.map +1 -1
- package/components/tile-manager/themes/tile-manager.base.css.js +1 -1
- package/components/tile-manager/themes/tile-manager.base.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-ghost-util.d.ts +3 -0
- package/components/tile-manager/tile-ghost-util.js +47 -0
- package/components/tile-manager/tile-ghost-util.js.map +1 -0
- package/components/tile-manager/tile-manager.d.ts +23 -14
- package/components/tile-manager/tile-manager.js +9 -17
- package/components/tile-manager/tile-manager.js.map +1 -1
- package/components/tile-manager/tile.d.ts +56 -42
- package/components/tile-manager/tile.js +93 -83
- package/components/tile-manager/tile.js.map +1 -1
- package/components/tile-manager/types.d.ts +36 -0
- package/components/tile-manager/types.js +2 -0
- package/components/tile-manager/types.js.map +1 -0
- package/components/toast/themes/dark/toast.bootstrap.css.js +1 -1
- package/components/toast/themes/dark/toast.bootstrap.css.js.map +1 -1
- package/components/toast/themes/dark/toast.fluent.css.js +1 -1
- package/components/toast/themes/dark/toast.fluent.css.js.map +1 -1
- package/components/toast/themes/dark/toast.indigo.css.js +1 -1
- package/components/toast/themes/dark/toast.indigo.css.js.map +1 -1
- package/components/toast/themes/dark/toast.material.css.js +1 -1
- package/components/toast/themes/dark/toast.material.css.js.map +1 -1
- package/components/toast/themes/light/toast.bootstrap.css.js +1 -1
- package/components/toast/themes/light/toast.bootstrap.css.js.map +1 -1
- package/components/toast/themes/light/toast.fluent.css.js +1 -1
- package/components/toast/themes/light/toast.fluent.css.js.map +1 -1
- package/components/toast/themes/light/toast.indigo.css.js +1 -1
- package/components/toast/themes/light/toast.indigo.css.js.map +1 -1
- package/components/toast/themes/light/toast.material.css.js +1 -1
- package/components/toast/themes/light/toast.material.css.js.map +1 -1
- package/components/tree/themes/dark/container.bootstrap.css.js +1 -1
- package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
- package/components/tree/themes/dark/container.fluent.css.js +1 -1
- package/components/tree/themes/dark/container.fluent.css.js.map +1 -1
- package/components/tree/themes/dark/container.indigo.css.js +1 -1
- package/components/tree/themes/dark/container.indigo.css.js.map +1 -1
- package/components/tree/themes/dark/container.material.css.js +1 -1
- package/components/tree/themes/dark/container.material.css.js.map +1 -1
- package/components/tree/themes/light/container.bootstrap.css.js +1 -1
- package/components/tree/themes/light/container.bootstrap.css.js.map +1 -1
- package/components/tree/themes/light/container.fluent.css.js +1 -1
- package/components/tree/themes/light/container.fluent.css.js.map +1 -1
- package/components/tree/themes/light/container.indigo.css.js +1 -1
- package/components/tree/themes/light/container.indigo.css.js.map +1 -1
- package/components/tree/themes/light/container.material.css.js +1 -1
- package/components/tree/themes/light/container.material.css.js.map +1 -1
- package/components/validation-container/themes/dark/validator.bootstrap.css.js +1 -1
- package/components/validation-container/themes/dark/validator.bootstrap.css.js.map +1 -1
- package/components/validation-container/themes/dark/validator.fluent.css.js +1 -1
- package/components/validation-container/themes/dark/validator.fluent.css.js.map +1 -1
- package/components/validation-container/themes/dark/validator.indigo.css.js +1 -1
- package/components/validation-container/themes/dark/validator.indigo.css.js.map +1 -1
- package/components/validation-container/themes/dark/validator.material.css.js +1 -1
- package/components/validation-container/themes/dark/validator.material.css.js.map +1 -1
- package/components/validation-container/themes/light/validator.bootstrap.css.js +1 -1
- package/components/validation-container/themes/light/validator.bootstrap.css.js.map +1 -1
- package/components/validation-container/themes/light/validator.fluent.css.js +1 -1
- package/components/validation-container/themes/light/validator.fluent.css.js.map +1 -1
- package/components/validation-container/themes/light/validator.indigo.css.js +1 -1
- package/components/validation-container/themes/light/validator.indigo.css.js.map +1 -1
- package/components/validation-container/themes/light/validator.material.css.js +1 -1
- package/components/validation-container/themes/light/validator.material.css.js.map +1 -1
- package/custom-elements.json +384 -390
- package/igniteui-webcomponents.css-data.json +2 -2
- package/igniteui-webcomponents.html-data.json +1 -1
- package/index.d.ts +4 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +3 -3
- package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.d.ts +0 -1
- package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +0 -3
- package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +0 -1
- package/components/tile-manager/tile-util.js +0 -288
- package/components/tile-manager/tile-util.js.map +0 -1
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { findElementFromEventPath } from '../common/util.js';
|
|
2
|
-
import { createDefaultGhostElement } from './default-ghost.js';
|
|
3
|
-
const additionalEvents = [
|
|
2
|
+
import { createDefaultGhostElement, getDefaultLayer } from './default-ghost.js';
|
|
3
|
+
const additionalEvents = [
|
|
4
|
+
'pointermove',
|
|
5
|
+
'lostpointercapture',
|
|
6
|
+
'contextmenu',
|
|
7
|
+
];
|
|
4
8
|
class ResizeController {
|
|
5
9
|
get _element() {
|
|
6
10
|
return this._activeRef ?? this._host;
|
|
@@ -8,6 +12,12 @@ class ResizeController {
|
|
|
8
12
|
get _resizeTarget() {
|
|
9
13
|
return this._options.resizeTarget?.call(this._host) ?? this._host;
|
|
10
14
|
}
|
|
15
|
+
get _layer() {
|
|
16
|
+
if (!this._isDeferred) {
|
|
17
|
+
return this._host;
|
|
18
|
+
}
|
|
19
|
+
return this._options.layer?.() ?? this._host;
|
|
20
|
+
}
|
|
11
21
|
get _isDeferred() {
|
|
12
22
|
return this._options.mode === 'deferred';
|
|
13
23
|
}
|
|
@@ -23,7 +33,10 @@ class ResizeController {
|
|
|
23
33
|
};
|
|
24
34
|
}
|
|
25
35
|
constructor(host, options) {
|
|
26
|
-
this._options = {
|
|
36
|
+
this._options = {
|
|
37
|
+
enabled: true,
|
|
38
|
+
layer: getDefaultLayer,
|
|
39
|
+
};
|
|
27
40
|
this._id = -1;
|
|
28
41
|
this._hasPointerCapture = false;
|
|
29
42
|
this._activeRef = null;
|
|
@@ -43,14 +56,6 @@ class ResizeController {
|
|
|
43
56
|
this._removeGhostElement();
|
|
44
57
|
this._activeRef = null;
|
|
45
58
|
}
|
|
46
|
-
setSize(width, height) {
|
|
47
|
-
if (this._resizeTarget) {
|
|
48
|
-
Object.assign(this._resizeTarget.style, {
|
|
49
|
-
width: width ? `${width}px` : '',
|
|
50
|
-
height: height ? `${height}px` : '',
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
59
|
hostConnected() {
|
|
55
60
|
this._host.addEventListener('pointerdown', this);
|
|
56
61
|
this._host.addEventListener('touchstart', this, { passive: false });
|
|
@@ -59,6 +64,7 @@ class ResizeController {
|
|
|
59
64
|
this._host.removeEventListener('pointerdown', this);
|
|
60
65
|
this._host.removeEventListener('touchstart', this);
|
|
61
66
|
this._setResizeCancelListener(false);
|
|
67
|
+
this._removeGhostElement();
|
|
62
68
|
}
|
|
63
69
|
handleEvent(event) {
|
|
64
70
|
if (!this.enabled) {
|
|
@@ -66,6 +72,7 @@ class ResizeController {
|
|
|
66
72
|
}
|
|
67
73
|
switch (event.type) {
|
|
68
74
|
case 'touchstart':
|
|
75
|
+
case 'contextmenu':
|
|
69
76
|
event.preventDefault();
|
|
70
77
|
break;
|
|
71
78
|
case 'keydown':
|
|
@@ -88,10 +95,11 @@ class ResizeController {
|
|
|
88
95
|
}
|
|
89
96
|
this._setInitialState(event);
|
|
90
97
|
this._createGhostElement();
|
|
91
|
-
this.
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
98
|
+
const parameters = { event, state: this._stateParameters };
|
|
99
|
+
if (this._options.start?.call(this._host, parameters) === false) {
|
|
100
|
+
this.dispose();
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
95
103
|
this._setResizeState();
|
|
96
104
|
}
|
|
97
105
|
_handlePointerMove(event) {
|
|
@@ -108,7 +116,7 @@ class ResizeController {
|
|
|
108
116
|
const parameters = { event, state: this._stateParameters };
|
|
109
117
|
this._options.end?.call(this._host, parameters);
|
|
110
118
|
this._state.current = parameters.state.current;
|
|
111
|
-
this._updatePosition(this._resizeTarget);
|
|
119
|
+
parameters.state.commit?.() ?? this._updatePosition(this._resizeTarget);
|
|
112
120
|
this.dispose();
|
|
113
121
|
}
|
|
114
122
|
_handleCancel(event) {
|
|
@@ -169,9 +177,9 @@ class ResizeController {
|
|
|
169
177
|
}
|
|
170
178
|
this._ghost =
|
|
171
179
|
this._options.deferredFactory?.call(this._host) ??
|
|
172
|
-
createDefaultGhostElement(this.
|
|
180
|
+
createDefaultGhostElement(this._resizeTarget.getBoundingClientRect());
|
|
173
181
|
this._ghost.setAttribute('data-resize-ghost', '');
|
|
174
|
-
this.
|
|
182
|
+
this._layer.append(this._ghost);
|
|
175
183
|
}
|
|
176
184
|
_removeGhostElement() {
|
|
177
185
|
this._ghost?.remove();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-controller.js","sourceRoot":"","sources":["../../../src/components/resize-container/resize-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nimport { findElementFromEventPath } from '../common/util.js';\nimport { createDefaultGhostElement } from './default-ghost.js';\nimport type { ResizeControllerConfiguration, ResizeState } from './types.js';\n\nconst additionalEvents = ['pointermove', 'lostpointercapture'] as const;\n\ntype State = {\n initial: DOMRect;\n current: DOMRect;\n};\n\nclass ResizeController implements ReactiveController {\n private _host: ReactiveControllerHost & HTMLElement;\n private _options: ResizeControllerConfiguration = { enabled: true };\n\n private _id = -1;\n private _hasPointerCapture = false;\n private _state!: State;\n\n private _activeRef: HTMLElement | null = null;\n private _ghost: HTMLElement | null = null;\n\n private get _element(): HTMLElement {\n return this._activeRef ?? this._host;\n }\n\n private get _resizeTarget(): HTMLElement {\n return this._options.resizeTarget?.call(this._host) ?? this._host;\n }\n\n /** Whether the controller is in deferred mode. */\n private get _isDeferred(): boolean {\n return this._options.mode === 'deferred';\n }\n\n private get _stateParameters(): ResizeState {\n const { initial, current } = this._state;\n\n return {\n initial,\n current,\n deltaX: current.width - initial.width,\n deltaY: current.height - initial.height,\n ghost: this._ghost,\n trigger: this._activeRef,\n };\n }\n\n constructor(\n host: ReactiveControllerHost & HTMLElement,\n options?: ResizeControllerConfiguration\n ) {\n this._host = host;\n this._host.addController(this);\n\n this.set(options);\n }\n\n // #region Public API\n\n /** Whether the controller is enabled and will listen for events. */\n public get enabled(): boolean {\n return Boolean(this._options.enabled);\n }\n\n /** Updates the configuration of the resize controller. */\n public set(options?: ResizeControllerConfiguration): void {\n Object.assign(this._options, options);\n }\n\n /** Stops any resizing operation, cleaning up any additional elements and event listeners. */\n public dispose(): void {\n this._setResizeState(false);\n this._removeGhostElement();\n this._activeRef = null;\n }\n\n /** Assign the given width and height in pixels to the resize target of the controller. */\n public setSize(width: number | null, height: number | null): void {\n if (this._resizeTarget) {\n Object.assign(this._resizeTarget.style, {\n width: width ? `${width}px` : '',\n height: height ? `${height}px` : '',\n });\n }\n }\n\n /** @internal */\n public hostConnected(): void {\n this._host.addEventListener('pointerdown', this);\n this._host.addEventListener('touchstart', this, { passive: false });\n }\n\n /** @internal */\n public hostDisconnected(): void {\n this._host.removeEventListener('pointerdown', this);\n this._host.removeEventListener('touchstart', this);\n this._setResizeCancelListener(false);\n }\n\n /** @internal */\n public handleEvent(event: PointerEvent & KeyboardEvent): void {\n if (!this.enabled) {\n return;\n }\n\n switch (event.type) {\n case 'touchstart':\n event.preventDefault();\n break;\n case 'keydown':\n this._handleCancel(event);\n break;\n case 'pointerdown':\n this._handlePointerDown(event);\n break;\n case 'pointermove':\n this._handlePointerMove(event);\n break;\n case 'lostpointercapture':\n this._handlePointerEnd(event);\n break;\n }\n }\n // #endregion\n\n // #region Event handlers\n\n private _handlePointerDown(event: PointerEvent): void {\n // Non-primary buttons are ignored\n if (event.button || this._shouldSkip(event)) {\n return;\n }\n\n this._setInitialState(event);\n this._createGhostElement();\n\n this._options.start?.call(this._host, {\n event,\n state: this._stateParameters,\n });\n this._setResizeState();\n }\n\n private _handlePointerMove(event: PointerEvent): void {\n if (!this._hasPointerCapture) {\n return;\n }\n\n this._updateState(event);\n\n const parameters = { event, state: this._stateParameters };\n this._options.resize?.call(this._host, parameters);\n this._state.current = parameters.state.current;\n this._updatePosition(this._isDeferred ? this._ghost : this._resizeTarget);\n }\n\n private _handlePointerEnd(event: PointerEvent): void {\n const parameters = { event, state: this._stateParameters };\n\n this._options.end?.call(this._host, parameters);\n this._state.current = parameters.state.current;\n\n this._updatePosition(this._resizeTarget);\n this.dispose();\n }\n\n private _handleCancel(event: KeyboardEvent): void {\n const key = event.key.toLowerCase();\n\n if (this._hasPointerCapture && key === 'escape') {\n this._options.cancel?.call(this._host, this._stateParameters);\n }\n }\n\n // #endregion\n\n // #region Internal API\n\n private _shouldSkip(event: PointerEvent): boolean {\n this._setActiveRef(event);\n return !this._activeRef;\n }\n\n private _setActiveRef(event: Event): void {\n const refs = this._options.ref?.map(({ value }) => value) ?? [this._host];\n\n this._activeRef =\n findElementFromEventPath<HTMLElement>(\n (e) => refs.includes(e as HTMLElement),\n event\n ) ?? null;\n }\n\n private _setResizeState(enabled = true): void {\n this._hasPointerCapture = enabled;\n\n enabled\n ? this._element.setPointerCapture(this._id)\n : this._element.releasePointerCapture(this._id);\n\n this._setResizeCancelListener(enabled);\n\n // Toggle additional event listeners\n for (const type of additionalEvents) {\n enabled\n ? this._host.addEventListener(type, this)\n : this._host.removeEventListener(type, this);\n }\n }\n\n private _setResizeCancelListener(enabled = true): void {\n enabled\n ? globalThis.addEventListener('keydown', this)\n : globalThis.removeEventListener('keydown', this);\n }\n\n private _setInitialState({ pointerId }: PointerEvent): void {\n const dimensions = this._resizeTarget.getBoundingClientRect();\n\n this._id = pointerId;\n this._state = {\n initial: dimensions,\n current: structuredClone(dimensions),\n };\n }\n\n private _updateState({ clientX, clientY }: PointerEvent): void {\n this._state.current.width = clientX - this._state.initial.x;\n this._state.current.height = clientY - this._state.initial.y;\n }\n\n private _updatePosition(element: HTMLElement | null): void {\n if (element) {\n Object.assign(element.style, {\n width: `${this._state.current.width}px`,\n height: `${this._state.current.height}px`,\n });\n }\n }\n\n private _createGhostElement(): void {\n if (!this._isDeferred) {\n return;\n }\n\n this._ghost =\n this._options.deferredFactory?.call(this._host) ??\n createDefaultGhostElement(\n this._state.initial.width,\n this._state.initial.height\n );\n\n this._ghost.setAttribute('data-resize-ghost', '');\n this._host.append(this._ghost);\n }\n\n private _removeGhostElement(): void {\n this._ghost?.remove();\n this._ghost = null;\n }\n\n // #endregion\n}\n\nexport function addResizeController(\n host: ReactiveControllerHost & HTMLElement,\n options?: ResizeControllerConfiguration\n): ResizeController {\n return new ResizeController(host, options);\n}\n"]}
|
|
1
|
+
{"version":3,"file":"resize-controller.js","sourceRoot":"","sources":["../../../src/components/resize-container/resize-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nimport { findElementFromEventPath } from '../common/util.js';\nimport { createDefaultGhostElement, getDefaultLayer } from './default-ghost.js';\nimport type { ResizeControllerConfiguration, ResizeState } from './types.js';\n\nconst additionalEvents = [\n 'pointermove',\n 'lostpointercapture',\n 'contextmenu',\n] as const;\n\ntype State = {\n initial: DOMRect;\n current: DOMRect;\n};\n\nclass ResizeController implements ReactiveController {\n private _host: ReactiveControllerHost & HTMLElement;\n private _options: ResizeControllerConfiguration = {\n enabled: true,\n layer: getDefaultLayer,\n };\n\n private _id = -1;\n private _hasPointerCapture = false;\n private _state!: State;\n\n private _activeRef: HTMLElement | null = null;\n private _ghost: HTMLElement | null = null;\n\n private get _element(): HTMLElement {\n return this._activeRef ?? this._host;\n }\n\n private get _resizeTarget(): HTMLElement {\n return this._options.resizeTarget?.call(this._host) ?? this._host;\n }\n\n private get _layer(): HTMLElement {\n if (!this._isDeferred) {\n return this._host;\n }\n\n return this._options.layer?.() ?? this._host;\n }\n\n /** Whether the controller is in deferred mode. */\n private get _isDeferred(): boolean {\n return this._options.mode === 'deferred';\n }\n\n private get _stateParameters(): ResizeState {\n const { initial, current } = this._state;\n\n return {\n initial,\n current,\n deltaX: current.width - initial.width,\n deltaY: current.height - initial.height,\n ghost: this._ghost,\n trigger: this._activeRef,\n };\n }\n\n constructor(\n host: ReactiveControllerHost & HTMLElement,\n options?: ResizeControllerConfiguration\n ) {\n this._host = host;\n this._host.addController(this);\n\n this.set(options);\n }\n\n // #region Public API\n\n /** Whether the controller is enabled and will listen for events. */\n public get enabled(): boolean {\n return Boolean(this._options.enabled);\n }\n\n /** Updates the configuration of the resize controller. */\n public set(options?: ResizeControllerConfiguration): void {\n Object.assign(this._options, options);\n }\n\n /** Stops any resizing operation, cleaning up any additional elements and event listeners. */\n public dispose(): void {\n this._setResizeState(false);\n this._removeGhostElement();\n this._activeRef = null;\n }\n\n /** @internal */\n public hostConnected(): void {\n this._host.addEventListener('pointerdown', this);\n this._host.addEventListener('touchstart', this, { passive: false });\n }\n\n /** @internal */\n public hostDisconnected(): void {\n this._host.removeEventListener('pointerdown', this);\n this._host.removeEventListener('touchstart', this);\n this._setResizeCancelListener(false);\n this._removeGhostElement();\n }\n\n /** @internal */\n public handleEvent(event: PointerEvent & KeyboardEvent): void {\n if (!this.enabled) {\n return;\n }\n\n switch (event.type) {\n case 'touchstart':\n // Prevent contextmenu default behavior during resize\n case 'contextmenu':\n event.preventDefault();\n break;\n case 'keydown':\n this._handleCancel(event);\n break;\n case 'pointerdown':\n this._handlePointerDown(event);\n break;\n case 'pointermove':\n this._handlePointerMove(event);\n break;\n case 'lostpointercapture':\n this._handlePointerEnd(event);\n break;\n }\n }\n // #endregion\n\n // #region Event handlers\n\n private _handlePointerDown(event: PointerEvent): void {\n // Non-primary buttons are ignored\n if (event.button || this._shouldSkip(event)) {\n return;\n }\n\n this._setInitialState(event);\n this._createGhostElement();\n const parameters = { event, state: this._stateParameters };\n\n if (this._options.start?.call(this._host, parameters) === false) {\n this.dispose();\n return;\n }\n\n this._setResizeState();\n }\n\n private _handlePointerMove(event: PointerEvent): void {\n if (!this._hasPointerCapture) {\n return;\n }\n\n this._updateState(event);\n\n const parameters = { event, state: this._stateParameters };\n this._options.resize?.call(this._host, parameters);\n this._state.current = parameters.state.current;\n this._updatePosition(this._isDeferred ? this._ghost : this._resizeTarget);\n }\n\n private _handlePointerEnd(event: PointerEvent): void {\n const parameters = { event, state: this._stateParameters };\n\n this._options.end?.call(this._host, parameters);\n this._state.current = parameters.state.current;\n\n parameters.state.commit?.() ?? this._updatePosition(this._resizeTarget);\n this.dispose();\n }\n\n private _handleCancel(event: KeyboardEvent): void {\n const key = event.key.toLowerCase();\n\n if (this._hasPointerCapture && key === 'escape') {\n this._options.cancel?.call(this._host, this._stateParameters);\n }\n }\n\n // #endregion\n\n // #region Internal API\n\n private _shouldSkip(event: PointerEvent): boolean {\n this._setActiveRef(event);\n return !this._activeRef;\n }\n\n private _setActiveRef(event: Event): void {\n const refs = this._options.ref?.map(({ value }) => value) ?? [this._host];\n\n this._activeRef =\n findElementFromEventPath<HTMLElement>(\n (e) => refs.includes(e as HTMLElement),\n event\n ) ?? null;\n }\n\n private _setResizeState(enabled = true): void {\n this._hasPointerCapture = enabled;\n\n enabled\n ? this._element.setPointerCapture(this._id)\n : this._element.releasePointerCapture(this._id);\n\n this._setResizeCancelListener(enabled);\n\n // Toggle additional event listeners\n for (const type of additionalEvents) {\n enabled\n ? this._host.addEventListener(type, this)\n : this._host.removeEventListener(type, this);\n }\n }\n\n private _setResizeCancelListener(enabled = true): void {\n enabled\n ? globalThis.addEventListener('keydown', this)\n : globalThis.removeEventListener('keydown', this);\n }\n\n private _setInitialState({ pointerId }: PointerEvent): void {\n const dimensions = this._resizeTarget.getBoundingClientRect();\n\n this._id = pointerId;\n this._state = {\n initial: dimensions,\n current: structuredClone(dimensions),\n };\n }\n\n private _updateState({ clientX, clientY }: PointerEvent): void {\n this._state.current.width = clientX - this._state.initial.x;\n this._state.current.height = clientY - this._state.initial.y;\n }\n\n private _updatePosition(element: HTMLElement | null): void {\n if (element) {\n Object.assign(element.style, {\n width: `${this._state.current.width}px`,\n height: `${this._state.current.height}px`,\n });\n }\n }\n\n private _createGhostElement(): void {\n if (!this._isDeferred) {\n return;\n }\n\n this._ghost =\n this._options.deferredFactory?.call(this._host) ??\n createDefaultGhostElement(this._resizeTarget.getBoundingClientRect());\n\n this._ghost.setAttribute('data-resize-ghost', '');\n this._layer.append(this._ghost);\n }\n\n private _removeGhostElement(): void {\n this._ghost?.remove();\n this._ghost = null;\n }\n\n // #endregion\n}\n\nexport function addResizeController(\n host: ReactiveControllerHost & HTMLElement,\n options?: ResizeControllerConfiguration\n): ResizeController {\n return new ResizeController(host, options);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-indicator.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"resize-indicator.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8BAA8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: bootstrap}`;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-indicator.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"resize-indicator.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-indicator.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"resize-indicator.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kHAAkH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-300));--ig-theme: indigo}`;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-indicator.material.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"resize-indicator.material.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-
|
|
2
|
+
export const styles = css `:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-500))}`;
|
|
3
3
|
//# sourceMappingURL=resize-indicator.shared.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-indicator.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"resize-indicator.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+FAA+F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-500))}`;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-indicator.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"resize-indicator.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8BAA8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: bootstrap}`;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-indicator.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"resize-indicator.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-indicator.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"resize-indicator.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: indigo}`;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-indicator.material.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"resize-indicator.material.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-
|
|
2
|
+
export const styles = css `:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-500))}`;
|
|
3
3
|
//# sourceMappingURL=resize-indicator.shared.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-indicator.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"resize-indicator.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+FAA+F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-500))}`;\n"]}
|
|
@@ -10,6 +10,7 @@ export type ResizeState = {
|
|
|
10
10
|
deltaY: number;
|
|
11
11
|
ghost: HTMLElement | null;
|
|
12
12
|
trigger: HTMLElement | null;
|
|
13
|
+
commit?: () => unknown;
|
|
13
14
|
};
|
|
14
15
|
export type ResizeCallbackParams = {
|
|
15
16
|
event: PointerEvent;
|
|
@@ -20,6 +21,7 @@ export type ResizeControllerConfiguration = {
|
|
|
20
21
|
ref?: Ref<HTMLElement>[];
|
|
21
22
|
mode?: ResizeMode;
|
|
22
23
|
deferredFactory?: ResizeGhostFactory;
|
|
24
|
+
layer?: () => HTMLElement;
|
|
23
25
|
/** Callback invoked at the start of a resize operation. */
|
|
24
26
|
start?: ResizeCallback;
|
|
25
27
|
/** Callback invoked on each pointer move during a resize operation. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/resize-container/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref } from 'lit/directives/ref.js';\n\nexport type ResizeMode = 'immediate' | 'deferred';\nexport type ResizeCallback = (params: ResizeCallbackParams) => unknown;\nexport type ResizeCancelCallback = (state: ResizeState) => unknown;\nexport type ResizeGhostFactory = () => HTMLElement;\n\nexport type ResizeState = {\n initial: DOMRect;\n current: DOMRect;\n deltaX: number;\n deltaY: number;\n ghost: HTMLElement | null;\n trigger: HTMLElement | null;\n};\n\nexport type ResizeCallbackParams = {\n event: PointerEvent;\n state: ResizeState;\n};\n\nexport type ResizeControllerConfiguration = {\n enabled?: boolean;\n ref?: Ref<HTMLElement>[];\n mode?: ResizeMode;\n deferredFactory?: ResizeGhostFactory;\n /** Callback invoked at the start of a resize operation. */\n start?: ResizeCallback;\n /** Callback invoked on each pointer move during a resize operation. */\n resize?: ResizeCallback;\n /** Callback invoked when a resize operation completes. */\n end?: ResizeCallback;\n /** Callback invoked when a resize operation is cancelled. */\n cancel?: ResizeCancelCallback;\n /**\n * Optional callback that returns the DOM element which will be resized/resizing depending on the\n * configured mode of the controller.\n *\n * Defaults to the controller host.\n */\n resizeTarget?: () => HTMLElement;\n};\n"]}
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/resize-container/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref } from 'lit/directives/ref.js';\n\nexport type ResizeMode = 'immediate' | 'deferred';\nexport type ResizeCallback = (params: ResizeCallbackParams) => unknown;\nexport type ResizeCancelCallback = (state: ResizeState) => unknown;\nexport type ResizeGhostFactory = () => HTMLElement;\n\nexport type ResizeState = {\n initial: DOMRect;\n current: DOMRect;\n deltaX: number;\n deltaY: number;\n ghost: HTMLElement | null;\n trigger: HTMLElement | null;\n commit?: () => unknown;\n};\n\nexport type ResizeCallbackParams = {\n event: PointerEvent;\n state: ResizeState;\n};\n\nexport type ResizeControllerConfiguration = {\n enabled?: boolean;\n ref?: Ref<HTMLElement>[];\n mode?: ResizeMode;\n deferredFactory?: ResizeGhostFactory;\n layer?: () => HTMLElement;\n /** Callback invoked at the start of a resize operation. */\n start?: ResizeCallback;\n /** Callback invoked on each pointer move during a resize operation. */\n resize?: ResizeCallback;\n /** Callback invoked when a resize operation completes. */\n end?: ResizeCallback;\n /** Callback invoked when a resize operation is cancelled. */\n cancel?: ResizeCancelCallback;\n /**\n * Optional callback that returns the DOM element which will be resized/resizing depending on the\n * configured mode of the controller.\n *\n * Defaults to the controller host.\n */\n resizeTarget?: () => HTMLElement;\n};\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--toggle-button-foreground: var(--ig-select-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-800));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-popover-elevation, var(--ig-elevation-0));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-popover-item-text-color, var(--ig-surface-500-contrast));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-surface-500-contrast));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-surface-500-contrast));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-surface-500-contrast));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-primary-600-contrast));--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
2
|
+
export const styles = css `:host{--toggle-button-foreground: var(--ig-select-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-800));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-popover-elevation, var(--ig-elevation-0));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-popover-item-text-color, var(--ig-surface-500-contrast));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-surface-500-contrast));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-surface-500-contrast));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-surface-500-contrast));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
3
3
|
//# sourceMappingURL=select.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,muGAAmuG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground: var(--ig-select-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-800));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-popover-elevation, var(--ig-elevation-0));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-popover-item-text-color, var(--ig-surface-500-contrast));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-surface-500-contrast));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-surface-500-contrast));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-surface-500-contrast));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-700));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-popover-border-color, var(--ig-gray-400));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-surface-500-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-surface-500-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-surface-500-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-surface-500-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-surface-500-contrast));--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
2
|
+
export const styles = css `:host{--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-700));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-popover-border-color, var(--ig-gray-400));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-surface-500-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-surface-500-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-surface-500-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-surface-500-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-surface-500-contrast));--ig-theme: fluent;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
3
3
|
//# sourceMappingURL=select.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gxGAAgxG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-700));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-popover-border-color, var(--ig-gray-400));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-surface-500-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-surface-500-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-surface-500-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-surface-500-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-surface-500-contrast));--ig-theme: fluent;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, transparent);--toggle-button-background: var(--ig-select-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-select-toggle-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-background-disabled: var(--ig-select-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsl(from var(--ig-gray-100-contrast) h s l/0.2));--helper-text-color: var(--ig-select-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-text-color: var(--ig-select-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-popover-elevation, var(--ig-elevation-2));--background-color: var(--ig-popover-background-color, var(--ig-gray-50));--header-text-color: var(--ig-popover-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-popover-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-popover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-50-contrast));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-text-color: var(--ig-popover-focused-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-border-color: var(--ig-popover-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-popover-selected-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--focused-item-background: var(--ig-popover-focused-item-background, transparent);--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-gray-50-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, hsl(from var(--ig-primary-400) h s l/0.5));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-gray-50-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-gray-50-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-gray-50-contrast));--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
2
|
+
export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, transparent);--toggle-button-background: var(--ig-select-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-select-toggle-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-background-disabled: var(--ig-select-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsl(from var(--ig-gray-100-contrast) h s l/0.2));--helper-text-color: var(--ig-select-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-text-color: var(--ig-select-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-popover-elevation, var(--ig-elevation-2));--background-color: var(--ig-popover-background-color, var(--ig-gray-50));--header-text-color: var(--ig-popover-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-popover-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-popover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-50-contrast));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-text-color: var(--ig-popover-focused-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-border-color: var(--ig-popover-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-popover-selected-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--focused-item-background: var(--ig-popover-focused-item-background, transparent);--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-gray-50-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, hsl(from var(--ig-primary-400) h s l/0.5));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-gray-50-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-gray-50-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
3
3
|
//# sourceMappingURL=select.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,olIAAolI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, transparent);--toggle-button-background: var(--ig-select-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-select-toggle-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-background-disabled: var(--ig-select-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsl(from var(--ig-gray-100-contrast) h s l/0.2));--helper-text-color: var(--ig-select-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-text-color: var(--ig-select-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-popover-elevation, var(--ig-elevation-2));--background-color: var(--ig-popover-background-color, var(--ig-gray-50));--header-text-color: var(--ig-popover-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-popover-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-popover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-50-contrast));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-text-color: var(--ig-popover-focused-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-border-color: var(--ig-popover-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-popover-selected-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--focused-item-background: var(--ig-popover-focused-item-background, transparent);--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-gray-50-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, hsl(from var(--ig-primary-400) h s l/0.5));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-gray-50-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-gray-50-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, var(--ig-gray-100));--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, var(--ig-gray-200));--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, var(--ig-gray-500));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-popover-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
2
|
+
export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, var(--ig-gray-100));--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, var(--ig-gray-200));--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, var(--ig-gray-500));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-popover-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
3
3
|
//# sourceMappingURL=select.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s2GAAs2G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, var(--ig-gray-100));--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, var(--ig-gray-200));--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, var(--ig-gray-500));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-popover-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--toggle-button-foreground: var(--ig-select-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-800));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-popover-elevation, var(--ig-elevation-0));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-popover-border-color, var(--ig-gray-300));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-primary-600-contrast));--dd-background-color: var(--background-color);--dd-border-radius: var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
2
|
+
export const styles = css `:host{--toggle-button-foreground: var(--ig-select-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-800));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-popover-elevation, var(--ig-elevation-0));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-popover-border-color, var(--ig-gray-300));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap;--dd-background-color: var(--background-color);--dd-border-radius: var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
3
3
|
//# sourceMappingURL=select.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,orGAAorG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground: var(--ig-select-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-800));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-popover-elevation, var(--ig-elevation-0));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-popover-border-color, var(--ig-gray-300));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap;--dd-background-color: var(--background-color);--dd-border-radius: var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-700));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-popover-border-color, var(--ig-gray-700));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-gray-200-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-gray-200-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-gray-200-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-gray-200-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-gray-200-contrast));--dd-background-color: var(--background-color);--dd-border-radius: var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
2
|
+
export const styles = css `:host{--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-700));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-popover-border-color, var(--ig-gray-700));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-gray-200-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-gray-200-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-gray-200-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-gray-200-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-gray-200-contrast));--ig-theme: fluent;--dd-background-color: var(--background-color);--dd-border-radius: var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
|
|
3
3
|
//# sourceMappingURL=select.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kwGAAkwG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-700));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-popover-border-color, var(--ig-gray-700));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-gray-200-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-gray-200-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-gray-200-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-gray-200-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-gray-200-contrast));--ig-theme: fluent;--dd-background-color: var(--background-color);--dd-border-radius: var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;\n"]}
|