igniteui-webcomponents 2.0.0 → 2.1.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 +18 -2
- package/components/avatar/avatar.d.ts +1 -1
- package/components/avatar/avatar.js +10 -4
- package/components/avatar/avatar.js.map +1 -1
- package/components/avatar/{avatar.material.css.d.ts → themes/avatar.base.css.d.ts} +0 -0
- package/components/avatar/{avatar.material.css.js → themes/avatar.base.css.js} +2 -2
- package/components/avatar/themes/avatar.base.css.js.map +1 -0
- package/components/{badge/badge.material.css.d.ts → avatar/themes/avatar.bootstrap.css.d.ts} +0 -0
- package/components/avatar/themes/avatar.bootstrap.css.js +3 -0
- package/components/avatar/themes/avatar.bootstrap.css.js.map +1 -0
- package/components/badge/badge.js +9 -3
- package/components/badge/badge.js.map +1 -1
- package/components/{button/button.material.css.d.ts → badge/themes/light/badge.base.css.d.ts} +0 -0
- package/components/badge/themes/light/badge.base.css.js +3 -0
- package/components/badge/themes/light/badge.base.css.js.map +1 -0
- package/components/{button/icon-button.material.css.d.ts → badge/themes/light/badge.bootstrap.css.d.ts} +0 -0
- package/components/badge/themes/light/badge.bootstrap.css.js +3 -0
- package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -0
- package/components/button/button.d.ts +1 -1
- package/components/button/button.js +13 -4
- package/components/button/button.js.map +1 -1
- package/components/button/icon-button.d.ts +2 -2
- package/components/button/icon-button.js +15 -6
- package/components/button/icon-button.js.map +1 -1
- package/components/{calendar/calendar.material.css.d.ts → button/themes/button/dark/button.fluent.css.d.ts} +0 -0
- package/components/button/themes/button/dark/button.fluent.css.js +3 -0
- package/components/button/themes/button/dark/button.fluent.css.js.map +1 -0
- package/components/{calendar/days-view/days-view.material.css.d.ts → button/themes/button/light/button.base.css.d.ts} +0 -0
- package/components/button/themes/button/light/button.base.css.js +3 -0
- package/components/button/themes/button/light/button.base.css.js.map +1 -0
- package/components/{calendar/months-view/months-view.material.css.d.ts → button/themes/button/light/button.bootstrap.css.d.ts} +0 -0
- package/components/button/themes/button/light/button.bootstrap.css.js +3 -0
- package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -0
- package/components/{calendar/years-view/years-view.material.css.d.ts → button/themes/button/light/button.fluent.css.d.ts} +0 -0
- package/components/button/themes/button/light/button.fluent.css.js +3 -0
- package/components/button/themes/button/light/button.fluent.css.js.map +1 -0
- package/components/{card/card.actions.material.css.d.ts → button/themes/button/light/button.indigo.css.d.ts} +0 -0
- package/components/button/themes/button/light/button.indigo.css.js +3 -0
- package/components/button/themes/button/light/button.indigo.css.js.map +1 -0
- package/components/{card/card.content.material.css.d.ts → button/themes/button/light/button.material.css.d.ts} +0 -0
- package/components/button/themes/button/light/button.material.css.js +3 -0
- package/components/button/themes/button/light/button.material.css.js.map +1 -0
- package/components/{card/card.header.material.css.d.ts → button/themes/icon-button/dark/icon-button.fluent.css.d.ts} +0 -0
- package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +3 -0
- package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -0
- package/components/{card/card.material.css.d.ts → button/themes/icon-button/light/icon-button.base.css.d.ts} +0 -0
- package/components/button/themes/icon-button/light/icon-button.base.css.js +3 -0
- package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -0
- package/components/{card/card.media.material.css.d.ts → button/themes/icon-button/light/icon-button.bootstrap.css.d.ts} +0 -0
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +3 -0
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -0
- package/components/{checkbox/checkbox.material.css.d.ts → button/themes/icon-button/light/icon-button.fluent.css.d.ts} +0 -0
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js +3 -0
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -0
- package/components/{checkbox/switch.material.css.d.ts → button/themes/icon-button/light/icon-button.indigo.css.d.ts} +0 -0
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js +3 -0
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -0
- package/components/{input/input.dark.material.css.d.ts → button/themes/icon-button/light/icon-button.material.css.d.ts} +0 -0
- package/components/button/themes/icon-button/light/icon-button.material.css.js +3 -0
- package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -0
- package/components/calendar/calendar.d.ts +4 -4
- package/components/calendar/calendar.js +16 -9
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/days-view/days-view.d.ts +4 -4
- package/components/calendar/days-view/days-view.js +15 -8
- package/components/calendar/days-view/days-view.js.map +1 -1
- package/components/calendar/months-view/months-view.d.ts +1 -1
- package/components/calendar/months-view/months-view.js +12 -5
- package/components/calendar/months-view/months-view.js.map +1 -1
- package/components/{input/input.material.css.d.ts → calendar/themes/bootstrap/calendar.bootstrap.css.d.ts} +0 -0
- package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js +3 -0
- package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js.map +1 -0
- package/components/{list/list-header.material.css.d.ts → calendar/themes/bootstrap/days-view.bootstrap.css.d.ts} +0 -0
- package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js +3 -0
- package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js.map +1 -0
- package/components/{list/list-item.material.css.d.ts → calendar/themes/bootstrap/year-month-view.bootstrap.css.d.ts} +0 -0
- package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js +3 -0
- package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js.map +1 -0
- package/components/{list/list.material.css.d.ts → calendar/themes/calendar.base.css.d.ts} +0 -0
- package/components/calendar/themes/calendar.base.css.js +3 -0
- package/components/calendar/themes/calendar.base.css.js.map +1 -0
- package/components/{nav-drawer/nav-drawer-header-item.material.css.d.ts → calendar/themes/days-view.base.css.d.ts} +0 -0
- package/components/calendar/themes/days-view.base.css.js +3 -0
- package/components/calendar/themes/days-view.base.css.js.map +1 -0
- package/components/{nav-drawer/nav-drawer-item.material.css.d.ts → calendar/themes/fluent/calendar.fluent.css.d.ts} +0 -0
- package/components/calendar/themes/fluent/calendar.fluent.css.js +3 -0
- package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -0
- package/components/{nav-drawer/nav-drawer.material.css.d.ts → calendar/themes/fluent/days-view.fluent.css.d.ts} +0 -0
- package/components/calendar/themes/fluent/days-view.fluent.css.js +3 -0
- package/components/calendar/themes/fluent/days-view.fluent.css.js.map +1 -0
- package/components/{navbar/navbar.material.css.d.ts → calendar/themes/fluent/year-month-view.fluent.css.d.ts} +0 -0
- package/components/calendar/themes/fluent/year-month-view.fluent.css.js +3 -0
- package/components/calendar/themes/fluent/year-month-view.fluent.css.js.map +1 -0
- package/components/{radio-group/radio-group.material.css.d.ts → calendar/themes/year-month-view.base.css.d.ts} +0 -0
- package/components/calendar/themes/year-month-view.base.css.js +3 -0
- package/components/calendar/themes/year-month-view.base.css.js.map +1 -0
- package/components/calendar/years-view/years-view.d.ts +1 -1
- package/components/calendar/years-view/years-view.js +11 -4
- package/components/calendar/years-view/years-view.js.map +1 -1
- package/components/card/card.actions.js +16 -4
- package/components/card/card.actions.js.map +1 -1
- package/components/card/card.content.js +17 -5
- package/components/card/card.content.js.map +1 -1
- package/components/card/card.header.js +20 -4
- package/components/card/card.header.js.map +1 -1
- package/components/card/card.js +15 -5
- package/components/card/card.js.map +1 -1
- package/components/card/card.media.js +3 -3
- package/components/card/card.media.js.map +1 -1
- package/components/{radio/radio.material.css.d.ts → card/themes/light/card.actions.bootstrap.css.d.ts} +0 -0
- package/components/card/themes/light/card.actions.bootstrap.css.js +3 -0
- package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -0
- package/components/{slider/slider.material.css.d.ts → card/themes/light/card.actions.material.css.d.ts} +0 -0
- package/components/card/{card.actions.material.css.js → themes/light/card.actions.material.css.js} +0 -0
- package/components/card/themes/light/card.actions.material.css.js.map +1 -0
- package/components/card/themes/light/card.bootstrap.css.d.ts +1 -0
- package/components/card/themes/light/card.bootstrap.css.js +3 -0
- package/components/card/themes/light/card.bootstrap.css.js.map +1 -0
- package/components/card/themes/light/card.content.bootstrap.css.d.ts +1 -0
- package/components/card/themes/light/card.content.bootstrap.css.js +3 -0
- package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -0
- package/components/card/themes/light/card.content.indigo.css.d.ts +1 -0
- package/components/card/themes/light/card.content.indigo.css.js +3 -0
- package/components/card/themes/light/card.content.indigo.css.js.map +1 -0
- package/components/card/themes/light/card.content.material.css.d.ts +1 -0
- package/components/card/{card.content.material.css.js → themes/light/card.content.material.css.js} +0 -0
- package/components/card/themes/light/card.content.material.css.js.map +1 -0
- package/components/card/themes/light/card.fluent.css.d.ts +1 -0
- package/components/card/themes/light/card.fluent.css.js +3 -0
- package/components/card/themes/light/card.fluent.css.js.map +1 -0
- package/components/card/themes/light/card.header.bootstrap.css.d.ts +1 -0
- package/components/card/themes/light/card.header.bootstrap.css.js +3 -0
- package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -0
- package/components/card/themes/light/card.header.indigo.css.d.ts +1 -0
- package/components/card/themes/light/card.header.indigo.css.js +3 -0
- package/components/card/themes/light/card.header.indigo.css.js.map +1 -0
- package/components/card/themes/light/card.header.material.css.d.ts +1 -0
- package/components/card/themes/light/card.header.material.css.js +3 -0
- package/components/card/themes/light/card.header.material.css.js.map +1 -0
- package/components/card/themes/light/card.material.css.d.ts +1 -0
- package/components/card/themes/light/card.material.css.js +3 -0
- package/components/card/themes/light/card.material.css.js.map +1 -0
- package/components/card/themes/light/card.media.material.css.d.ts +1 -0
- package/components/card/{card.media.material.css.js → themes/light/card.media.material.css.js} +0 -0
- package/components/card/themes/light/card.media.material.css.js.map +1 -0
- package/components/checkbox/checkbox.d.ts +1 -1
- package/components/checkbox/checkbox.js +13 -4
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/switch.js +13 -4
- package/components/checkbox/switch.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox.fluent.css.d.ts +1 -0
- package/components/checkbox/themes/dark/checkbox.fluent.css.js +3 -0
- package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -0
- package/components/checkbox/themes/dark/checkbox.indigo.css.d.ts +1 -0
- package/components/checkbox/themes/dark/checkbox.indigo.css.js +3 -0
- package/components/checkbox/themes/dark/checkbox.indigo.css.js.map +1 -0
- package/components/checkbox/themes/dark/switch.fluent.css.d.ts +1 -0
- package/components/checkbox/themes/dark/switch.fluent.css.js +3 -0
- package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -0
- package/components/checkbox/themes/dark/switch.indigo.css.d.ts +1 -0
- package/components/checkbox/themes/dark/switch.indigo.css.js +3 -0
- package/components/checkbox/themes/dark/switch.indigo.css.js.map +1 -0
- package/components/checkbox/themes/light/checkbox.base.css.d.ts +1 -0
- package/components/checkbox/themes/light/checkbox.base.css.js +3 -0
- package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -0
- package/components/checkbox/themes/light/checkbox.bootstrap.css.d.ts +1 -0
- package/components/checkbox/themes/light/checkbox.bootstrap.css.js +3 -0
- package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -0
- package/components/checkbox/themes/light/checkbox.fluent.css.d.ts +1 -0
- package/components/checkbox/themes/light/checkbox.fluent.css.js +3 -0
- package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -0
- package/components/checkbox/themes/light/checkbox.indigo.css.d.ts +1 -0
- package/components/checkbox/themes/light/checkbox.indigo.css.js +3 -0
- package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -0
- package/components/checkbox/themes/light/checkbox.material.css.d.ts +1 -0
- package/components/checkbox/themes/light/checkbox.material.css.js +3 -0
- package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -0
- package/components/checkbox/themes/light/switch.base.css.d.ts +1 -0
- package/components/checkbox/themes/light/switch.base.css.js +3 -0
- package/components/checkbox/themes/light/switch.base.css.js.map +1 -0
- package/components/checkbox/themes/light/switch.bootstrap.css.d.ts +1 -0
- package/components/checkbox/themes/light/switch.bootstrap.css.js +3 -0
- package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -0
- package/components/checkbox/themes/light/switch.fluent.css.d.ts +1 -0
- package/components/checkbox/themes/light/switch.fluent.css.js +3 -0
- package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -0
- package/components/checkbox/themes/light/switch.indigo.css.d.ts +1 -0
- package/components/checkbox/themes/light/switch.indigo.css.js +3 -0
- package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -0
- package/components/checkbox/themes/light/switch.material.css.d.ts +1 -0
- package/components/checkbox/themes/light/switch.material.css.js +3 -0
- package/components/checkbox/themes/light/switch.material.css.js.map +1 -0
- package/components/chip/chip.d.ts +48 -0
- package/components/chip/chip.js +96 -0
- package/components/chip/chip.js.map +1 -0
- package/components/chip/themes/chip.base.css.d.ts +1 -0
- package/components/chip/themes/chip.base.css.js +3 -0
- package/components/chip/themes/chip.base.css.js.map +1 -0
- package/components/chip/themes/chip.bootstrap.css.d.ts +1 -0
- package/components/chip/themes/chip.bootstrap.css.js +3 -0
- package/components/chip/themes/chip.bootstrap.css.js.map +1 -0
- package/components/chip/themes/chip.fluent.css.d.ts +1 -0
- package/components/chip/themes/chip.fluent.css.js +3 -0
- package/components/chip/themes/chip.fluent.css.js.map +1 -0
- package/components/chip/themes/chip.indigo.css.d.ts +1 -0
- package/components/chip/themes/chip.indigo.css.js +3 -0
- package/components/chip/themes/chip.indigo.css.js.map +1 -0
- package/components/chip/themes/chip.material.css.d.ts +1 -0
- package/components/chip/themes/chip.material.css.js +3 -0
- package/components/chip/themes/chip.material.css.js.map +1 -0
- package/components/common/definitions/defineAllComponents.js +16 -0
- package/components/common/definitions/defineAllComponents.js.map +1 -1
- package/components/common/util.d.ts +2 -0
- package/components/common/util.js +2 -0
- package/components/common/util.js.map +1 -1
- package/components/form/form.js +2 -2
- package/components/form/form.js.map +1 -1
- package/components/input/input-base.d.ts +65 -0
- package/components/input/input-base.js +160 -0
- package/components/input/input-base.js.map +1 -0
- package/components/input/input.d.ts +6 -62
- package/components/input/input.js +15 -165
- package/components/input/input.js.map +1 -1
- package/components/input/themes/dark/input.dark.bootstrap.css.d.ts +1 -0
- package/components/input/themes/dark/input.dark.bootstrap.css.js +3 -0
- package/components/input/themes/dark/input.dark.bootstrap.css.js.map +1 -0
- package/components/input/themes/dark/input.dark.fluent.css.d.ts +1 -0
- package/components/input/themes/dark/input.dark.fluent.css.js +3 -0
- package/components/input/themes/dark/input.dark.fluent.css.js.map +1 -0
- package/components/input/themes/dark/input.dark.indigo.css.d.ts +1 -0
- package/components/input/themes/dark/input.dark.indigo.css.js +3 -0
- package/components/input/themes/dark/input.dark.indigo.css.js.map +1 -0
- package/components/input/themes/dark/input.dark.material.css.d.ts +1 -0
- package/components/input/{input.dark.material.css.js → themes/dark/input.dark.material.css.js} +0 -0
- package/components/input/themes/dark/input.dark.material.css.js.map +1 -0
- package/components/input/themes/light/input.base.css.d.ts +1 -0
- package/components/input/themes/light/input.base.css.js +3 -0
- package/components/input/themes/light/input.base.css.js.map +1 -0
- package/components/input/themes/light/input.bootstrap.css.d.ts +1 -0
- package/components/input/themes/light/input.bootstrap.css.js +3 -0
- package/components/input/themes/light/input.bootstrap.css.js.map +1 -0
- package/components/input/themes/light/input.fluent.css.d.ts +1 -0
- package/components/input/themes/light/input.fluent.css.js +3 -0
- package/components/input/themes/light/input.fluent.css.js.map +1 -0
- package/components/input/themes/light/input.indigo.css.d.ts +1 -0
- package/components/input/themes/light/input.indigo.css.js +3 -0
- package/components/input/themes/light/input.indigo.css.js.map +1 -0
- package/components/input/themes/light/input.material.css.d.ts +1 -0
- package/components/input/themes/light/input.material.css.js +3 -0
- package/components/input/themes/light/input.material.css.js.map +1 -0
- package/components/list/list-header.js +15 -3
- package/components/list/list-header.js.map +1 -1
- package/components/list/list-item.js +17 -3
- package/components/list/list-item.js.map +1 -1
- package/components/list/list.js +15 -3
- package/components/list/list.js.map +1 -1
- package/components/list/themes/dark/list.bootstrap.css.d.ts +1 -0
- package/components/list/themes/dark/list.bootstrap.css.js +3 -0
- package/components/list/themes/dark/list.bootstrap.css.js.map +1 -0
- package/components/list/themes/dark/list.fluent.css.d.ts +1 -0
- package/components/list/themes/dark/list.fluent.css.js +3 -0
- package/components/list/themes/dark/list.fluent.css.js.map +1 -0
- package/components/list/themes/dark/list.indigo.css.d.ts +1 -0
- package/components/list/themes/dark/list.indigo.css.js +3 -0
- package/components/list/themes/dark/list.indigo.css.js.map +1 -0
- package/components/list/themes/light/list-header.base.css.d.ts +1 -0
- package/components/list/{list-header.material.css.js → themes/light/list-header.base.css.js} +1 -1
- package/components/list/themes/light/list-header.base.css.js.map +1 -0
- package/components/list/themes/light/list-header.indigo.css.d.ts +1 -0
- package/components/list/themes/light/list-header.indigo.css.js +3 -0
- package/components/list/themes/light/list-header.indigo.css.js.map +1 -0
- package/components/list/themes/light/list-item.base.css.d.ts +1 -0
- package/components/list/{list-item.material.css.js → themes/light/list-item.base.css.js} +1 -1
- package/components/list/themes/light/list-item.base.css.js.map +1 -0
- package/components/list/themes/light/list-item.bootstrap.css.d.ts +1 -0
- package/components/list/themes/light/list-item.bootstrap.css.js +3 -0
- package/components/list/themes/light/list-item.bootstrap.css.js.map +1 -0
- package/components/list/themes/light/list-item.fluent.css.d.ts +1 -0
- package/components/list/themes/light/list-item.fluent.css.js +3 -0
- package/components/list/themes/light/list-item.fluent.css.js.map +1 -0
- package/components/list/themes/light/list-item.indigo.css.d.ts +1 -0
- package/components/list/themes/light/list-item.indigo.css.js +3 -0
- package/components/list/themes/light/list-item.indigo.css.js.map +1 -0
- package/components/list/themes/light/list.base.css.d.ts +1 -0
- package/components/list/{list.material.css.js → themes/light/list.base.css.js} +1 -1
- package/components/list/themes/light/list.base.css.js.map +1 -0
- package/components/list/themes/light/list.bootstrap.css.d.ts +1 -0
- package/components/list/themes/light/list.bootstrap.css.js +3 -0
- package/components/list/themes/light/list.bootstrap.css.js.map +1 -0
- package/components/nav-drawer/nav-drawer-header-item.d.ts +1 -1
- package/components/nav-drawer/nav-drawer-header-item.js +16 -4
- package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.d.ts +1 -1
- package/components/nav-drawer/nav-drawer-item.js +10 -4
- package/components/nav-drawer/nav-drawer-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +1 -1
- package/components/nav-drawer/nav-drawer.js +10 -4
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.d.ts +1 -0
- package/components/nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.js +3 -0
- package/components/nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.js.map +1 -0
- package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.d.ts +1 -0
- package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js +3 -0
- package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js.map +1 -0
- package/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.d.ts +1 -0
- package/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.js +3 -0
- package/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.js.map +1 -0
- package/components/nav-drawer/styles/nav-drawer-header-item.base.css.d.ts +1 -0
- package/components/nav-drawer/{nav-drawer-header-item.material.css.js → styles/nav-drawer-header-item.base.css.js} +1 -1
- package/components/nav-drawer/styles/nav-drawer-header-item.base.css.js.map +1 -0
- package/components/nav-drawer/styles/nav-drawer-item.base.css.d.ts +1 -0
- package/components/nav-drawer/styles/nav-drawer-item.base.css.js +3 -0
- package/components/nav-drawer/styles/nav-drawer-item.base.css.js.map +1 -0
- package/components/nav-drawer/styles/nav-drawer.base.css.d.ts +1 -0
- package/components/nav-drawer/{nav-drawer.material.css.js → styles/nav-drawer.base.css.js} +1 -1
- package/components/nav-drawer/styles/nav-drawer.base.css.js.map +1 -0
- package/components/navbar/navbar.d.ts +1 -1
- package/components/navbar/navbar.js +17 -4
- package/components/navbar/navbar.js.map +1 -1
- package/components/navbar/themes/light/navbar.base.css.d.ts +1 -0
- package/components/navbar/{navbar.material.css.js → themes/light/navbar.base.css.js} +2 -2
- package/components/navbar/themes/light/navbar.base.css.js.map +1 -0
- package/components/navbar/themes/light/navbar.bootstrap.css.d.ts +1 -0
- package/components/navbar/themes/light/navbar.bootstrap.css.js +3 -0
- package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -0
- package/components/navbar/themes/light/navbar.indigo.css.d.ts +1 -0
- package/components/navbar/themes/light/navbar.indigo.css.js +3 -0
- package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -0
- package/components/progress/base.d.ts +39 -0
- package/components/progress/base.js +142 -0
- package/components/progress/base.js.map +1 -0
- package/components/progress/circular-gradient.d.ts +25 -0
- package/components/progress/circular-gradient.js +30 -0
- package/components/progress/circular-gradient.js.map +1 -0
- package/components/progress/circular-progress.d.ts +48 -0
- package/components/progress/circular-progress.js +82 -0
- package/components/progress/circular-progress.js.map +1 -0
- package/components/progress/linear-progress.d.ts +49 -0
- package/components/progress/linear-progress.js +71 -0
- package/components/progress/linear-progress.js.map +1 -0
- package/components/progress/themes/circular/circular.progress.base.css.d.ts +1 -0
- package/components/progress/themes/circular/circular.progress.base.css.js +3 -0
- package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -0
- package/components/progress/themes/circular/circular.progress.bootstrap.css.d.ts +1 -0
- package/components/progress/themes/circular/circular.progress.bootstrap.css.js +3 -0
- package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -0
- package/components/progress/themes/circular/circular.progress.fluent.css.d.ts +1 -0
- package/components/progress/themes/circular/circular.progress.fluent.css.js +3 -0
- package/components/progress/themes/circular/circular.progress.fluent.css.js.map +1 -0
- package/components/progress/themes/linear/linear.progress.base.css.d.ts +1 -0
- package/components/progress/themes/linear/linear.progress.base.css.js +3 -0
- package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -0
- package/components/progress/themes/linear/linear.progress.bootstrap.css.d.ts +1 -0
- package/components/progress/themes/linear/linear.progress.bootstrap.css.js +3 -0
- package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -0
- package/components/progress/themes/linear/linear.progress.fluent.css.d.ts +1 -0
- package/components/progress/themes/linear/linear.progress.fluent.css.js +3 -0
- package/components/progress/themes/linear/linear.progress.fluent.css.js.map +1 -0
- package/components/progress/themes/linear/linear.progress.indigo.css.d.ts +1 -0
- package/components/progress/themes/linear/linear.progress.indigo.css.js +3 -0
- package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -0
- package/components/radio/radio.d.ts +1 -1
- package/components/radio/radio.js +15 -5
- package/components/radio/radio.js.map +1 -1
- package/components/radio/themes/dark/radio.fluent.css.d.ts +1 -0
- package/components/radio/themes/dark/radio.fluent.css.js +3 -0
- package/components/radio/themes/dark/radio.fluent.css.js.map +1 -0
- package/components/radio/themes/dark/radio.indigo.css.d.ts +1 -0
- package/components/radio/themes/dark/radio.indigo.css.js +3 -0
- package/components/radio/themes/dark/radio.indigo.css.js.map +1 -0
- package/components/radio/themes/light/radio.base.css.d.ts +1 -0
- package/components/radio/themes/light/radio.base.css.js +3 -0
- package/components/radio/themes/light/radio.base.css.js.map +1 -0
- package/components/radio/themes/light/radio.bootstrap.css.d.ts +1 -0
- package/components/radio/themes/light/radio.bootstrap.css.js +3 -0
- package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -0
- package/components/radio/themes/light/radio.fluent.css.d.ts +1 -0
- package/components/radio/themes/light/radio.fluent.css.js +3 -0
- package/components/radio/themes/light/radio.fluent.css.js.map +1 -0
- package/components/radio/themes/light/radio.indigo.css.d.ts +1 -0
- package/components/radio/themes/light/radio.indigo.css.js +3 -0
- package/components/radio/themes/light/radio.indigo.css.js.map +1 -0
- package/components/radio/themes/light/radio.material.css.d.ts +1 -0
- package/components/radio/themes/light/radio.material.css.js +3 -0
- package/components/radio/themes/light/radio.material.css.js.map +1 -0
- package/components/radio-group/radio-group.base.css.d.ts +1 -0
- package/components/radio-group/{radio-group.material.css.js → radio-group.base.css.js} +1 -1
- package/components/radio-group/radio-group.base.css.js.map +1 -0
- package/components/radio-group/radio-group.js +1 -1
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating-symbol.d.ts +18 -0
- package/components/rating/rating-symbol.js +8 -0
- package/components/rating/rating-symbol.js.map +1 -0
- package/components/rating/rating.base.css.d.ts +1 -0
- package/components/rating/rating.base.css.js +3 -0
- package/components/rating/rating.base.css.js.map +1 -0
- package/components/rating/rating.bootstrap.css.d.ts +1 -0
- package/components/rating/rating.bootstrap.css.js +3 -0
- package/components/rating/rating.bootstrap.css.js.map +1 -0
- package/components/rating/rating.d.ts +97 -0
- package/components/rating/rating.fluent.css.d.ts +1 -0
- package/components/rating/rating.fluent.css.js +3 -0
- package/components/rating/rating.fluent.css.js.map +1 -0
- package/components/rating/rating.indigo.css.d.ts +1 -0
- package/components/rating/rating.indigo.css.js +3 -0
- package/components/rating/rating.indigo.css.js.map +1 -0
- package/components/rating/rating.js +257 -0
- package/components/rating/rating.js.map +1 -0
- package/components/slider/slider-base.d.ts +1 -1
- package/components/slider/slider-base.js +13 -4
- package/components/slider/slider-base.js.map +1 -1
- package/components/slider/slider-label.d.ts +5 -0
- package/components/slider/slider-label.js.map +1 -1
- package/components/slider/themes/dark/slider.bootstrap.css.d.ts +1 -0
- package/components/slider/themes/dark/slider.bootstrap.css.js +3 -0
- package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -0
- package/components/slider/themes/dark/slider.fluent.css.d.ts +1 -0
- package/components/slider/themes/dark/slider.fluent.css.js +3 -0
- package/components/slider/themes/dark/slider.fluent.css.js.map +1 -0
- package/components/slider/themes/dark/slider.indigo.css.d.ts +1 -0
- package/components/slider/themes/dark/slider.indigo.css.js +3 -0
- package/components/slider/themes/dark/slider.indigo.css.js.map +1 -0
- package/components/slider/themes/light/slider.base.css.d.ts +1 -0
- package/components/slider/themes/light/slider.base.css.js +3 -0
- package/components/slider/themes/light/slider.base.css.js.map +1 -0
- package/components/slider/themes/light/slider.bootstrap.css.d.ts +1 -0
- package/components/slider/themes/light/slider.bootstrap.css.js +3 -0
- package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -0
- package/components/slider/themes/light/slider.fluent.css.d.ts +1 -0
- package/components/slider/themes/light/slider.fluent.css.js +3 -0
- package/components/slider/themes/light/slider.fluent.css.js.map +1 -0
- package/components/slider/themes/light/slider.indigo.css.d.ts +1 -0
- package/components/slider/themes/light/slider.indigo.css.js +3 -0
- package/components/slider/themes/light/slider.indigo.css.js.map +1 -0
- package/components/slider/themes/light/slider.material.css.d.ts +1 -0
- package/components/slider/themes/light/slider.material.css.js +3 -0
- package/components/slider/themes/light/slider.material.css.js.map +1 -0
- package/components/snackbar/snackbar.d.ts +47 -0
- package/components/snackbar/snackbar.js +82 -0
- package/components/snackbar/snackbar.js.map +1 -0
- package/components/snackbar/themes/snackbar.base.css.d.ts +1 -0
- package/components/snackbar/themes/snackbar.base.css.js +3 -0
- package/components/snackbar/themes/snackbar.base.css.js.map +1 -0
- package/components/snackbar/themes/snackbar.bootstrap.css.d.ts +1 -0
- package/components/snackbar/themes/snackbar.bootstrap.css.js +3 -0
- package/components/snackbar/themes/snackbar.bootstrap.css.js.map +1 -0
- package/components/snackbar/themes/snackbar.fluent.css.d.ts +1 -0
- package/components/snackbar/themes/snackbar.fluent.css.js +3 -0
- package/components/snackbar/themes/snackbar.fluent.css.js.map +1 -0
- package/components/snackbar/themes/snackbar.indigo.css.d.ts +1 -0
- package/components/snackbar/themes/snackbar.indigo.css.js +3 -0
- package/components/snackbar/themes/snackbar.indigo.css.js.map +1 -0
- package/components/toast/themes/toast.base.css.d.ts +1 -0
- package/components/toast/themes/toast.base.css.js +3 -0
- package/components/toast/themes/toast.base.css.js.map +1 -0
- package/components/toast/themes/toast.bootstrap.css.d.ts +1 -0
- package/components/toast/themes/toast.bootstrap.css.js +3 -0
- package/components/toast/themes/toast.bootstrap.css.js.map +1 -0
- package/components/toast/themes/toast.fluent.css.d.ts +1 -0
- package/components/toast/themes/toast.fluent.css.js +3 -0
- package/components/toast/themes/toast.fluent.css.js.map +1 -0
- package/components/toast/themes/toast.indigo.css.d.ts +1 -0
- package/components/toast/themes/toast.indigo.css.js +3 -0
- package/components/toast/themes/toast.indigo.css.js.map +1 -0
- package/components/toast/toast.d.ts +33 -0
- package/components/toast/toast.js +64 -0
- package/components/toast/toast.js.map +1 -0
- package/custom-elements.json +1086 -215
- package/index.d.ts +26 -17
- package/index.js +25 -15
- package/index.js.map +1 -1
- package/package.json +2 -2
- package/themes/dark/bootstrap.css +1 -1
- package/themes/dark/fluent.css +1 -1
- package/themes/dark/indigo.css +1 -1
- package/themes/dark/material.css +1 -1
- package/themes/light/bootstrap.css +1 -1
- package/themes/light/fluent.css +1 -1
- package/themes/light/indigo.css +1 -1
- package/themes/light/material.css +1 -1
- package/theming/config.d.ts +14 -0
- package/theming/config.js +27 -0
- package/theming/config.js.map +1 -0
- package/theming/index.d.ts +4 -0
- package/theming/index.js +5 -0
- package/theming/index.js.map +1 -0
- package/theming/theming-controlller.d.ts +17 -0
- package/theming/theming-controlller.js +49 -0
- package/theming/theming-controlller.js.map +1 -0
- package/theming/theming-decorator.d.ts +24 -0
- package/theming/theming-decorator.js +13 -0
- package/theming/theming-decorator.js.map +1 -0
- package/theming/theming-event.d.ts +13 -0
- package/theming/theming-event.js +2 -0
- package/theming/theming-event.js.map +1 -0
- package/theming/types.d.ts +23 -0
- package/theming/types.js +2 -0
- package/theming/types.js.map +1 -0
- package/theming/utils.d.ts +1 -0
- package/theming/utils.js +36 -0
- package/theming/utils.js.map +1 -0
- package/vscode-html-custom-data.json +392 -50
- package/components/avatar/avatar.material.css.js.map +0 -1
- package/components/badge/badge.material.css.js +0 -3
- package/components/badge/badge.material.css.js.map +0 -1
- package/components/button/button.material.css.js +0 -3
- package/components/button/button.material.css.js.map +0 -1
- package/components/button/icon-button.material.css.js +0 -3
- package/components/button/icon-button.material.css.js.map +0 -1
- package/components/calendar/calendar.material.css.js +0 -3
- package/components/calendar/calendar.material.css.js.map +0 -1
- package/components/calendar/days-view/days-view.material.css.js +0 -3
- package/components/calendar/days-view/days-view.material.css.js.map +0 -1
- package/components/calendar/months-view/months-view.material.css.js +0 -3
- package/components/calendar/months-view/months-view.material.css.js.map +0 -1
- package/components/calendar/years-view/years-view.material.css.js +0 -3
- package/components/calendar/years-view/years-view.material.css.js.map +0 -1
- package/components/card/card.actions.material.css.js.map +0 -1
- package/components/card/card.content.material.css.js.map +0 -1
- package/components/card/card.header.material.css.js +0 -3
- package/components/card/card.header.material.css.js.map +0 -1
- package/components/card/card.material.css.js +0 -3
- package/components/card/card.material.css.js.map +0 -1
- package/components/card/card.media.material.css.js.map +0 -1
- package/components/checkbox/checkbox.material.css.js +0 -3
- package/components/checkbox/checkbox.material.css.js.map +0 -1
- package/components/checkbox/switch.material.css.js +0 -3
- package/components/checkbox/switch.material.css.js.map +0 -1
- package/components/input/input.dark.material.css.js.map +0 -1
- package/components/input/input.material.css.js +0 -3
- package/components/input/input.material.css.js.map +0 -1
- package/components/list/list-header.material.css.js.map +0 -1
- package/components/list/list-item.material.css.js.map +0 -1
- package/components/list/list.material.css.js.map +0 -1
- package/components/nav-drawer/nav-drawer-header-item.material.css.js.map +0 -1
- package/components/nav-drawer/nav-drawer-item.material.css.js +0 -3
- package/components/nav-drawer/nav-drawer-item.material.css.js.map +0 -1
- package/components/nav-drawer/nav-drawer.material.css.js.map +0 -1
- package/components/navbar/navbar.material.css.js.map +0 -1
- package/components/radio/radio.material.css.js +0 -3
- package/components/radio/radio.material.css.js.map +0 -1
- package/components/radio-group/radio-group.material.css.js.map +0 -1
- package/components/slider/slider.material.css.js +0 -3
- package/components/slider/slider.material.css.js.map +0 -1
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { IgcProgressBaseComponent } from './base';
|
|
2
|
+
import IgcCircularGradientComponent from './circular-gradient';
|
|
3
|
+
/**
|
|
4
|
+
* A circular progress indicator used to express unspecified wait time or display
|
|
5
|
+
* the length of a process.
|
|
6
|
+
*
|
|
7
|
+
* @element igc-circular-progress
|
|
8
|
+
*
|
|
9
|
+
* @slot - The text area container.
|
|
10
|
+
* @slot gradient - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.
|
|
11
|
+
*
|
|
12
|
+
* @csspart svg
|
|
13
|
+
* @csspart gradient_start
|
|
14
|
+
* @csspart gradient_end
|
|
15
|
+
* @csspart track
|
|
16
|
+
* @csspart fill
|
|
17
|
+
* @csspart label
|
|
18
|
+
* @csspart value
|
|
19
|
+
* @csspart indeterminate
|
|
20
|
+
* @csspart primary
|
|
21
|
+
* @csspart danger
|
|
22
|
+
* @csspart warning
|
|
23
|
+
* @csspart info
|
|
24
|
+
* @csspart success
|
|
25
|
+
*/
|
|
26
|
+
export default class IgcCircularProgressComponent extends IgcProgressBaseComponent {
|
|
27
|
+
static readonly tagName = "igc-circular-progress";
|
|
28
|
+
static styles: import("lit").CSSResult;
|
|
29
|
+
protected gradientId: string;
|
|
30
|
+
protected gradientElements: Array<IgcCircularGradientComponent>;
|
|
31
|
+
protected get stroke(): {
|
|
32
|
+
stroke: string;
|
|
33
|
+
'--percentage': string;
|
|
34
|
+
'--duration': string;
|
|
35
|
+
};
|
|
36
|
+
protected get svgParts(): {
|
|
37
|
+
indeterminate: boolean;
|
|
38
|
+
};
|
|
39
|
+
private gradientChange;
|
|
40
|
+
protected renderSvg(): import("lit-html").TemplateResult<2>;
|
|
41
|
+
protected renderWrapper(): import("lit-html").TemplateResult<1>;
|
|
42
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
43
|
+
}
|
|
44
|
+
declare global {
|
|
45
|
+
interface HTMLElementTagNameMap {
|
|
46
|
+
'igc-circular-progress': IgcCircularProgressComponent;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { html, nothing, svg } from 'lit';
|
|
8
|
+
import { queryAssignedElements } from 'lit/decorators.js';
|
|
9
|
+
import { when } from 'lit/directives/when.js';
|
|
10
|
+
import { styleMap } from 'lit/directives/style-map.js';
|
|
11
|
+
import { asPercent, partNameMap } from '../common/util';
|
|
12
|
+
import { IgcProgressBaseComponent } from './base';
|
|
13
|
+
import { styles } from './themes/circular/circular.progress.base.css';
|
|
14
|
+
import { styles as bootstrap } from './themes/circular/circular.progress.bootstrap.css';
|
|
15
|
+
import { styles as fluent } from './themes/circular/circular.progress.fluent.css';
|
|
16
|
+
import { themes } from '../../theming';
|
|
17
|
+
let IgcCircularProgressComponent = class IgcCircularProgressComponent extends IgcProgressBaseComponent {
|
|
18
|
+
constructor() {
|
|
19
|
+
super(...arguments);
|
|
20
|
+
this.gradientId = Date.now().toString(16);
|
|
21
|
+
}
|
|
22
|
+
get stroke() {
|
|
23
|
+
return {
|
|
24
|
+
stroke: `url(#${this.gradientId})`,
|
|
25
|
+
'--percentage': (asPercent(this.value, this.max) / 100).toString(),
|
|
26
|
+
'--duration': this.animationDuration + 'ms',
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
get svgParts() {
|
|
30
|
+
return {
|
|
31
|
+
indeterminate: this.indeterminate,
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
gradientChange() {
|
|
35
|
+
this.requestUpdate();
|
|
36
|
+
}
|
|
37
|
+
renderSvg() {
|
|
38
|
+
return svg `
|
|
39
|
+
<circle part="track ${partNameMap(this.svgParts)}"/>
|
|
40
|
+
<circle style="${styleMap(this.stroke)}" part="fill"/>
|
|
41
|
+
|
|
42
|
+
<defs>
|
|
43
|
+
<linearGradient id=${this.gradientId} gradientTransform="rotate(90)">
|
|
44
|
+
${when(this.gradientElements.length, () => this.gradientElements.map((el) => {
|
|
45
|
+
return svg `<stop offset=${el.offset} stop-color=${el.color} stop-opacity=${el.opacity}/>`;
|
|
46
|
+
}), () => svg `
|
|
47
|
+
<stop offset="0%" part="gradient_start" />
|
|
48
|
+
<stop offset="100%" part="gradient_end" />
|
|
49
|
+
`)}
|
|
50
|
+
</linearGradient>
|
|
51
|
+
</defs>
|
|
52
|
+
`;
|
|
53
|
+
}
|
|
54
|
+
renderWrapper() {
|
|
55
|
+
return html `
|
|
56
|
+
<svg
|
|
57
|
+
part="svg ${partNameMap(this.svgParts)}"
|
|
58
|
+
role="progressbar"
|
|
59
|
+
aria-valuemin="0"
|
|
60
|
+
aria-valuemax=${this.max}
|
|
61
|
+
aria-valuenow=${this.indeterminate ? nothing : this.value}
|
|
62
|
+
>
|
|
63
|
+
${this.renderSvg()}
|
|
64
|
+
</svg>
|
|
65
|
+
<slot name="gradient" @slotchange=${this.gradientChange}></slot>
|
|
66
|
+
${this.renderDefaultSlot()}
|
|
67
|
+
`;
|
|
68
|
+
}
|
|
69
|
+
render() {
|
|
70
|
+
return this.renderWrapper();
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
IgcCircularProgressComponent.tagName = 'igc-circular-progress';
|
|
74
|
+
IgcCircularProgressComponent.styles = styles;
|
|
75
|
+
__decorate([
|
|
76
|
+
queryAssignedElements({ slot: 'gradient' })
|
|
77
|
+
], IgcCircularProgressComponent.prototype, "gradientElements", void 0);
|
|
78
|
+
IgcCircularProgressComponent = __decorate([
|
|
79
|
+
themes({ bootstrap, fluent })
|
|
80
|
+
], IgcCircularProgressComponent);
|
|
81
|
+
export default IgcCircularProgressComponent;
|
|
82
|
+
//# sourceMappingURL=circular-progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../src/components/progress/circular-progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,8CAA8C,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gDAAgD,CAAC;AAElF,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AA2BvC,IAAqB,4BAA4B,GAAjD,MAAqB,4BAA6B,SAAQ,wBAAwB;IAAlF;;QAIY,eAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAiEjD,CAAC;IA5DC,IAAc,MAAM;QAClB,OAAO;YACL,MAAM,EAAE,QAAQ,IAAI,CAAC,UAAU,GAAG;YAClC,cAAc,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE;YAClE,YAAY,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI;SAC5C,CAAC;IACJ,CAAC;IAED,IAAc,QAAQ;QACpB,OAAO;YACL,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC;IACJ,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAES,SAAS;QACjB,OAAO,GAAG,CAAA;4BACc,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;uBAC/B,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;;;+BAGb,IAAI,CAAC,UAAU;YAClC,IAAI,CACJ,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAC5B,GAAG,EAAE,CACH,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAgC,EAAE,EAAE;YAC7D,OAAO,GAAG,CAAA,gBAAgB,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,KAAK,iBAAiB,EAAE,CAAC,OAAO,IAAI,CAAC;QAC5F,CAAC,CAAC,EACJ,GAAG,EAAE,CAAC,GAAG,CAAA;;;WAGV,CACA;;;KAGN,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA;;oBAEK,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;;;wBAGtB,IAAI,CAAC,GAAG;wBACR,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;;UAEvD,IAAI,CAAC,SAAS,EAAE;;0CAEgB,IAAI,CAAC,cAAc;QACrD,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC9B,CAAC;CACF,CAAA;AApEwB,oCAAO,GAAG,uBAAwB,CAAA;AAClC,mCAAM,GAAG,MAAO,CAAA;AAKvC;IADC,qBAAqB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;sEACqB;AAP9C,4BAA4B;IADhD,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;GACT,4BAA4B,CAqEhD;eArEoB,4BAA4B","sourcesContent":["import { html, nothing, svg } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { asPercent, partNameMap } from '../common/util';\nimport { IgcProgressBaseComponent } from './base';\nimport { styles } from './themes/circular/circular.progress.base.css';\nimport { styles as bootstrap } from './themes/circular/circular.progress.bootstrap.css';\nimport { styles as fluent } from './themes/circular/circular.progress.fluent.css';\nimport IgcCircularGradientComponent from './circular-gradient';\nimport { themes } from '../../theming';\n\n/**\n * A circular progress indicator used to express unspecified wait time or display\n * the length of a process.\n *\n * @element igc-circular-progress\n *\n * @slot - The text area container.\n * @slot gradient - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.\n *\n * @csspart svg\n * @csspart gradient_start\n * @csspart gradient_end\n * @csspart track\n * @csspart fill\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n */\n\n@themes({ bootstrap, fluent })\nexport default class IgcCircularProgressComponent extends IgcProgressBaseComponent {\n public static readonly tagName = 'igc-circular-progress';\n public static override styles = styles;\n\n protected gradientId = Date.now().toString(16);\n\n @queryAssignedElements({ slot: 'gradient' })\n protected gradientElements!: Array<IgcCircularGradientComponent>;\n\n protected get stroke() {\n return {\n stroke: `url(#${this.gradientId})`,\n '--percentage': (asPercent(this.value, this.max) / 100).toString(),\n '--duration': this.animationDuration + 'ms',\n };\n }\n\n protected get svgParts() {\n return {\n indeterminate: this.indeterminate,\n };\n }\n\n private gradientChange() {\n this.requestUpdate();\n }\n\n protected renderSvg() {\n return svg`\n <circle part=\"track ${partNameMap(this.svgParts)}\"/>\n <circle style=\"${styleMap(this.stroke)}\" part=\"fill\"/>\n\n <defs>\n <linearGradient id=${this.gradientId} gradientTransform=\"rotate(90)\">\n ${when(\n this.gradientElements.length,\n () =>\n this.gradientElements.map((el: IgcCircularGradientComponent) => {\n return svg`<stop offset=${el.offset} stop-color=${el.color} stop-opacity=${el.opacity}/>`;\n }),\n () => svg`\n <stop offset=\"0%\" part=\"gradient_start\" />\n <stop offset=\"100%\" part=\"gradient_end\" />\n `\n )}\n </linearGradient>\n </defs>\n `;\n }\n\n protected renderWrapper() {\n return html`\n <svg\n part=\"svg ${partNameMap(this.svgParts)}\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=${this.max}\n aria-valuenow=${this.indeterminate ? nothing : this.value}\n >\n ${this.renderSvg()}\n </svg>\n <slot name=\"gradient\" @slotchange=${this.gradientChange}></slot>\n ${this.renderDefaultSlot()}\n `;\n }\n\n protected override render() {\n return this.renderWrapper();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-circular-progress': IgcCircularProgressComponent;\n }\n}\n"]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { IgcProgressBaseComponent } from './base';
|
|
2
|
+
/**
|
|
3
|
+
* A linear progress indicator used to express unspecified wait time or display
|
|
4
|
+
* the length of a process.
|
|
5
|
+
*
|
|
6
|
+
* @element igc-linear-progress
|
|
7
|
+
*
|
|
8
|
+
* @slot - The text area container.
|
|
9
|
+
*
|
|
10
|
+
* @csspart track
|
|
11
|
+
* @csspart fill
|
|
12
|
+
* @csspart striped
|
|
13
|
+
* @csspart label
|
|
14
|
+
* @csspart value
|
|
15
|
+
* @csspart indeterminate
|
|
16
|
+
* @csspart primary
|
|
17
|
+
* @csspart danger
|
|
18
|
+
* @csspart warning
|
|
19
|
+
* @csspart info
|
|
20
|
+
* @csspart success
|
|
21
|
+
*/
|
|
22
|
+
export default class IgcLinearProgressComponent extends IgcProgressBaseComponent {
|
|
23
|
+
static readonly tagName = "igc-linear-progress";
|
|
24
|
+
static styles: import("lit").CSSResult;
|
|
25
|
+
/** Sets the striped look of the control. */
|
|
26
|
+
striped: boolean;
|
|
27
|
+
/** The position for the default label of the control. */
|
|
28
|
+
labelAlign: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
|
|
29
|
+
protected get wrapperParts(): {
|
|
30
|
+
fill: boolean;
|
|
31
|
+
striped: boolean;
|
|
32
|
+
indeterminate: boolean;
|
|
33
|
+
primary: boolean;
|
|
34
|
+
success: boolean;
|
|
35
|
+
danger: boolean;
|
|
36
|
+
warning: boolean;
|
|
37
|
+
info: boolean;
|
|
38
|
+
};
|
|
39
|
+
protected get animInfo(): {
|
|
40
|
+
width: string;
|
|
41
|
+
'--duration': string;
|
|
42
|
+
};
|
|
43
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
44
|
+
}
|
|
45
|
+
declare global {
|
|
46
|
+
interface HTMLElementTagNameMap {
|
|
47
|
+
'igc-linear-progress': IgcLinearProgressComponent;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { html, nothing } from 'lit';
|
|
8
|
+
import { property } from 'lit/decorators.js';
|
|
9
|
+
import { asPercent, partNameMap } from '../common/util';
|
|
10
|
+
import { IgcProgressBaseComponent } from './base';
|
|
11
|
+
import { styles } from './themes/linear/linear.progress.base.css';
|
|
12
|
+
import { styles as bootstrap } from './themes/linear/linear.progress.bootstrap.css';
|
|
13
|
+
import { styles as fluent } from './themes/linear/linear.progress.fluent.css';
|
|
14
|
+
import { styles as indigo } from './themes/linear/linear.progress.indigo.css';
|
|
15
|
+
import { themes } from '../../theming';
|
|
16
|
+
import { styleMap } from 'lit/directives/style-map.js';
|
|
17
|
+
let IgcLinearProgressComponent = class IgcLinearProgressComponent extends IgcProgressBaseComponent {
|
|
18
|
+
constructor() {
|
|
19
|
+
super(...arguments);
|
|
20
|
+
this.striped = false;
|
|
21
|
+
this.labelAlign = 'top-start';
|
|
22
|
+
}
|
|
23
|
+
get wrapperParts() {
|
|
24
|
+
return {
|
|
25
|
+
fill: true,
|
|
26
|
+
striped: this.striped,
|
|
27
|
+
indeterminate: this.indeterminate,
|
|
28
|
+
primary: this.variant === 'primary',
|
|
29
|
+
success: this.variant === 'success',
|
|
30
|
+
danger: this.variant === 'danger',
|
|
31
|
+
warning: this.variant === 'warning',
|
|
32
|
+
info: this.variant === 'info',
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
get animInfo() {
|
|
36
|
+
return {
|
|
37
|
+
width: asPercent(this.value, this.max) + '%',
|
|
38
|
+
'--duration': this.animationDuration + 'ms',
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
render() {
|
|
42
|
+
return html `
|
|
43
|
+
<div
|
|
44
|
+
part="track"
|
|
45
|
+
role="progressbar"
|
|
46
|
+
aria-valuemin="0"
|
|
47
|
+
aria-valuemax=${this.max}
|
|
48
|
+
aria-valuenow=${this.indeterminate ? nothing : this.value}
|
|
49
|
+
>
|
|
50
|
+
<div
|
|
51
|
+
part="${partNameMap(this.wrapperParts)}"
|
|
52
|
+
style="${styleMap(this.animInfo)}"
|
|
53
|
+
></div>
|
|
54
|
+
</div>
|
|
55
|
+
${this.renderDefaultSlot()}
|
|
56
|
+
`;
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
IgcLinearProgressComponent.tagName = 'igc-linear-progress';
|
|
60
|
+
IgcLinearProgressComponent.styles = styles;
|
|
61
|
+
__decorate([
|
|
62
|
+
property({ type: Boolean, reflect: true })
|
|
63
|
+
], IgcLinearProgressComponent.prototype, "striped", void 0);
|
|
64
|
+
__decorate([
|
|
65
|
+
property({ attribute: 'label-align', reflect: true })
|
|
66
|
+
], IgcLinearProgressComponent.prototype, "labelAlign", void 0);
|
|
67
|
+
IgcLinearProgressComponent = __decorate([
|
|
68
|
+
themes({ bootstrap, indigo, fluent })
|
|
69
|
+
], IgcLinearProgressComponent);
|
|
70
|
+
export default IgcLinearProgressComponent;
|
|
71
|
+
//# sourceMappingURL=linear-progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/progress/linear-progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAuBvD,IAAqB,0BAA0B,GAA/C,MAAqB,0BAA2B,SAAQ,wBAAwB;IAAhF;;QAMS,YAAO,GAAG,KAAK,CAAC;QAIhB,eAAU,GAME,WAAW,CAAC;IAuCjC,CAAC;IArCC,IAAc,YAAY;QACxB,OAAO;YACL,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;SAC9B,CAAC;IACJ,CAAC;IAED,IAAc,QAAQ;QACpB,OAAO;YACL,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG;YAC5C,YAAY,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI;SAC5C,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;wBAKS,IAAI,CAAC,GAAG;wBACR,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;;;kBAG/C,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;mBAC7B,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;;;QAGlC,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;CACF,CAAA;AAtDwB,kCAAO,GAAG,qBAAsB,CAAA;AAChC,iCAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACpB;AAIvB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAOvB;AAhBZ,0BAA0B;IAD9C,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,0BAA0B,CAuD9C;eAvDoB,0BAA0B","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { asPercent, partNameMap } from '../common/util';\nimport { IgcProgressBaseComponent } from './base';\nimport { styles } from './themes/linear/linear.progress.base.css';\nimport { styles as bootstrap } from './themes/linear/linear.progress.bootstrap.css';\nimport { styles as fluent } from './themes/linear/linear.progress.fluent.css';\nimport { styles as indigo } from './themes/linear/linear.progress.indigo.css';\nimport { themes } from '../../theming';\nimport { styleMap } from 'lit/directives/style-map.js';\n\n/**\n * A linear progress indicator used to express unspecified wait time or display\n * the length of a process.\n *\n * @element igc-linear-progress\n *\n * @slot - The text area container.\n *\n * @csspart track\n * @csspart fill\n * @csspart striped\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n */\n@themes({ bootstrap, indigo, fluent })\nexport default class IgcLinearProgressComponent extends IgcProgressBaseComponent {\n public static readonly tagName = 'igc-linear-progress';\n public static override styles = styles;\n\n /** Sets the striped look of the control. */\n @property({ type: Boolean, reflect: true })\n public striped = false;\n\n /** The position for the default label of the control. */\n @property({ attribute: 'label-align', reflect: true })\n public labelAlign:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'bottom-start'\n | 'bottom'\n | 'bottom-end' = 'top-start';\n\n protected get wrapperParts() {\n return {\n fill: true,\n striped: this.striped,\n indeterminate: this.indeterminate,\n primary: this.variant === 'primary',\n success: this.variant === 'success',\n danger: this.variant === 'danger',\n warning: this.variant === 'warning',\n info: this.variant === 'info',\n };\n }\n\n protected get animInfo() {\n return {\n width: asPercent(this.value, this.max) + '%',\n '--duration': this.animationDuration + 'ms',\n };\n }\n\n protected override render() {\n return html`\n <div\n part=\"track\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=${this.max}\n aria-valuenow=${this.indeterminate ? nothing : this.value}\n >\n <div\n part=\"${partNameMap(this.wrapperParts)}\"\n style=\"${styleMap(this.animInfo)}\"\n ></div>\n </div>\n ${this.renderDefaultSlot()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-linear-progress': IgcLinearProgressComponent;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part="svg indeterminate"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:transparent;stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part="svg indeterminate"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;
|
|
3
|
+
//# sourceMappingURL=circular.progress.base.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2hQAA2hQ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part=\"svg indeterminate\"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:transparent;stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--stroke-thickness: 0.25rem;--diameter: 1.75rem}[part~=svg][part~=indeterminate]{-webkit-animation-duration:.75s;animation-duration:.75s}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:60% !important;-webkit-animation:none;animation:none}[part~=track][part~=indeterminate]{stroke:transparent}`;
|
|
3
|
+
//# sourceMappingURL=circular.progress.bootstrap.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"circular.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sTAAsT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 0.25rem;--diameter: 1.75rem}[part~=svg][part~=indeterminate]{-webkit-animation-duration:.75s;animation-duration:.75s}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:60% !important;-webkit-animation:none;animation:none}[part~=track][part~=indeterminate]{stroke:transparent}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"circular.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6FAA6F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 0.09375rem}[part~=track]{stroke:hsla(var(--igc-primary-50), 0.3)}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--track-size: 0.25rem}[part~=track]{position:relative;width:inherit;height:var(--track-size);background:hsla(var(--igc-gray-300), var(--igc-gray-a));overflow:hidden;border-radius:0;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;-o-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate]{-webkit-animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;width:100% !important}[part~=indeterminate]::before{position:absolute;content:"";top:0;left:-200%;width:100%;height:inherit;background-color:inherit;background-image:inherit;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}[part~=value]{margin:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-size:.875em;font-weight:600}[part~=primary]{background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=striped][part~=primary]{width:100%;height:100%;background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=danger]{background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=warning]{background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=info]{background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=success]{background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;
|
|
3
|
+
//# sourceMappingURL=linear.progress.base.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linear.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gxTAAgxT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--track-size: 0.25rem}[part~=track]{position:relative;width:inherit;height:var(--track-size);background:hsla(var(--igc-gray-300), var(--igc-gray-a));overflow:hidden;border-radius:0;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;-o-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate]{-webkit-animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;width:100% !important}[part~=indeterminate]::before{position:absolute;content:\"\";top:0;left:-200%;width:100%;height:inherit;background-color:inherit;background-image:inherit;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}[part~=value]{margin:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-size:.875em;font-weight:600}[part~=primary]{background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=striped][part~=primary]{width:100%;height:100%;background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=danger]{background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=warning]{background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=info]{background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=success]{background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 1rem}[part~=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=striped][part~=primary]{background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}`;
|
|
3
|
+
//# sourceMappingURL=linear.progress.bootstrap.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linear.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wvOAAwvO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 1rem}[part~=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=striped][part~=primary]{background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--track-size: 0.125rem}[part~=track]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));margin:.5rem 0}[part~=label]{font-size:.875rem;font-weight:400}[part~=indeterminate]{width:33% !important;min-width:33%;-webkit-animation-name:indeterminate-bar-fluent;animation-name:indeterminate-bar-fluent;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}[part~=indeterminate]::before{display:none}:host([dir=rtl]) [part~=indeterminate]{-webkit-animation-name:indeterminate-bar-fluent-rtl;animation-name:indeterminate-bar-fluent-rtl}[part="fill indeterminate primary"]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-primary-500), var(--igc-primary-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%)}[part~=danger][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-error-500), var(--igc-error-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%)}[part~=warning][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-warn-500), var(--igc-warn-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%)}[part~=info][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-info-500), var(--igc-info-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%)}[part~=success][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-success-500), var(--igc-success-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%)}`;
|
|
3
|
+
//# sourceMappingURL=linear.progress.fluent.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linear.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+zFAA+zF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-size: 0.125rem}[part~=track]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));margin:.5rem 0}[part~=label]{font-size:.875rem;font-weight:400}[part~=indeterminate]{width:33% !important;min-width:33%;-webkit-animation-name:indeterminate-bar-fluent;animation-name:indeterminate-bar-fluent;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}[part~=indeterminate]::before{display:none}:host([dir=rtl]) [part~=indeterminate]{-webkit-animation-name:indeterminate-bar-fluent-rtl;animation-name:indeterminate-bar-fluent-rtl}[part=\"fill indeterminate primary\"]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-primary-500), var(--igc-primary-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%)}[part~=danger][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-error-500), var(--igc-error-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%)}[part~=warning][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-warn-500), var(--igc-warn-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%)}[part~=info][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-info-500), var(--igc-info-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%)}[part~=success][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-success-500), var(--igc-success-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%)}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=striped]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem)}`;
|
|
3
|
+
//# sourceMappingURL=linear.progress.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"linear.progress.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qnCAAqnC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=striped]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem)}`;\n"]}
|
|
@@ -21,7 +21,7 @@ declare const IgcRadioComponent_base: Constructor<import("../common/mixins/event
|
|
|
21
21
|
*/
|
|
22
22
|
export default class IgcRadioComponent extends IgcRadioComponent_base {
|
|
23
23
|
static readonly tagName = "igc-radio";
|
|
24
|
-
static styles: import("lit").CSSResult;
|
|
24
|
+
protected static styles: import("lit").CSSResult;
|
|
25
25
|
private inputId;
|
|
26
26
|
private labelId;
|
|
27
27
|
protected input: HTMLInputElement;
|
|
@@ -6,14 +6,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import { html, LitElement } from 'lit';
|
|
8
8
|
import { property, query, state } from 'lit/decorators.js';
|
|
9
|
-
import { styles } from './radio.material.css';
|
|
10
|
-
import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
|
|
11
|
-
import { alternateName, watch, blazorTwoWayBind } from '../common/decorators';
|
|
12
9
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
13
10
|
import { live } from 'lit/directives/live.js';
|
|
11
|
+
import { themes } from '../../theming';
|
|
12
|
+
import { alternateName, blazorTwoWayBind, watch } from '../common/decorators';
|
|
13
|
+
import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
|
|
14
14
|
import { partNameMap } from '../common/util.js';
|
|
15
|
+
import { styles } from './themes/light/radio.base.css';
|
|
16
|
+
import { styles as bootstrap } from './themes/light/radio.bootstrap.css';
|
|
17
|
+
import { styles as fluent } from './themes/light/radio.fluent.css';
|
|
18
|
+
import { styles as indigo } from './themes/light/radio.indigo.css';
|
|
19
|
+
import { styles as material } from './themes/light/radio.material.css';
|
|
15
20
|
let nextId = 0;
|
|
16
|
-
|
|
21
|
+
let IgcRadioComponent = class IgcRadioComponent extends EventEmitterMixin(LitElement) {
|
|
17
22
|
constructor() {
|
|
18
23
|
super(...arguments);
|
|
19
24
|
this.inputId = `radio-${nextId++}`;
|
|
@@ -94,6 +99,7 @@ export default class IgcRadioComponent extends EventEmitterMixin(LitElement) {
|
|
|
94
99
|
value="${ifDefined(this.value)}"
|
|
95
100
|
.required="${this.required}"
|
|
96
101
|
.disabled="${this.disabled}"
|
|
102
|
+
.invalid="${this.invalid}"
|
|
97
103
|
.checked="${live(this.checked)}"
|
|
98
104
|
tabindex=${this._tabIndex}
|
|
99
105
|
aria-checked="${this.checked ? 'true' : 'false'}"
|
|
@@ -117,7 +123,7 @@ export default class IgcRadioComponent extends EventEmitterMixin(LitElement) {
|
|
|
117
123
|
</label>
|
|
118
124
|
`;
|
|
119
125
|
}
|
|
120
|
-
}
|
|
126
|
+
};
|
|
121
127
|
IgcRadioComponent.tagName = 'igc-radio';
|
|
122
128
|
IgcRadioComponent.styles = styles;
|
|
123
129
|
__decorate([
|
|
@@ -160,4 +166,8 @@ __decorate([
|
|
|
160
166
|
__decorate([
|
|
161
167
|
watch('checked', { waitUntilFirstUpdate: true })
|
|
162
168
|
], IgcRadioComponent.prototype, "handleChange", null);
|
|
169
|
+
IgcRadioComponent = __decorate([
|
|
170
|
+
themes({ material, bootstrap, fluent, indigo })
|
|
171
|
+
], IgcRadioComponent);
|
|
172
|
+
export default IgcRadioComponent;
|
|
163
173
|
//# sourceMappingURL=radio.js.map
|