igniteui-webcomponents 4.0.0 → 4.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 +10 -0
- package/components/accordion/accordion.d.ts +4 -0
- package/components/accordion/accordion.js +3 -3
- package/components/accordion/accordion.js.map +1 -1
- package/components/accordion/themes/accordion.base.css.js +1 -1
- package/components/accordion/themes/accordion.base.css.js.map +1 -1
- package/components/avatar/avatar.d.ts +16 -4
- package/components/avatar/avatar.js +6 -6
- package/components/avatar/avatar.js.map +1 -1
- package/components/avatar/themes/avatar.base.css.js +1 -1
- package/components/avatar/themes/avatar.base.css.js.map +1 -1
- package/components/avatar/themes/avatar.bootstrap.css.js +1 -1
- package/components/avatar/themes/avatar.bootstrap.css.js.map +1 -1
- package/components/badge/badge.d.ts +12 -3
- package/components/badge/badge.js.map +1 -1
- package/components/badge/themes/light/badge.base.css.js +1 -1
- package/components/badge/themes/light/badge.base.css.js.map +1 -1
- package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
- package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
- package/components/button/button-base.d.ts +15 -3
- package/components/button/button-base.js.map +1 -1
- package/components/button/button.d.ts +4 -1
- package/components/button/button.js.map +1 -1
- package/components/button/icon-button.d.ts +16 -4
- package/components/button/icon-button.js.map +1 -1
- package/components/button/themes/button/dark/button.fluent.css.js +1 -1
- package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/light/button.base.css.js +1 -1
- package/components/button/themes/button/light/button.base.css.js.map +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/light/button.fluent.css.js +1 -1
- package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/light/button.indigo.css.js +1 -1
- package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/light/button.material.css.js +1 -1
- package/components/button/themes/button/light/button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.base.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.material.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
- package/components/calendar/calendar.js +3 -3
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/common/calendar-base.js.map +1 -1
- package/components/calendar/common/calendar.model.d.ts +1 -1
- package/components/calendar/days-view/days-view.js +6 -6
- package/components/calendar/days-view/days-view.js.map +1 -1
- package/components/calendar/months-view/months-view.js +3 -3
- package/components/calendar/months-view/months-view.js.map +1 -1
- package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js +1 -1
- package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js +1 -1
- package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/calendar.base.css.js +1 -1
- package/components/calendar/themes/calendar.base.css.js.map +1 -1
- package/components/calendar/themes/days-view.base.css.js +1 -1
- package/components/calendar/themes/days-view.base.css.js.map +1 -1
- package/components/calendar/themes/fluent/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/fluent/days-view.fluent.css.js +1 -1
- package/components/calendar/themes/fluent/days-view.fluent.css.js.map +1 -1
- package/components/calendar/themes/fluent/year-month-view.fluent.css.js +1 -1
- package/components/calendar/themes/fluent/year-month-view.fluent.css.js.map +1 -1
- package/components/calendar/themes/year-month-view.base.css.js +1 -1
- package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
- package/components/calendar/years-view/years-view.js +3 -3
- package/components/calendar/years-view/years-view.js.map +1 -1
- package/components/card/card.actions.d.ts +4 -1
- package/components/card/card.actions.js.map +1 -1
- package/components/card/card.content.js.map +1 -1
- package/components/card/card.d.ts +4 -1
- package/components/card/card.header.js.map +1 -1
- package/components/card/card.js.map +1 -1
- package/components/card/themes/light/card.actions.bootstrap.css.js +1 -1
- package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.actions.material.css.js +1 -1
- package/components/card/themes/light/card.actions.material.css.js.map +1 -1
- package/components/card/themes/light/card.bootstrap.css.js +1 -1
- package/components/card/themes/light/card.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.content.bootstrap.css.js +1 -1
- package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.content.indigo.css.js +1 -1
- package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
- package/components/card/themes/light/card.content.material.css.js +1 -1
- package/components/card/themes/light/card.content.material.css.js.map +1 -1
- package/components/card/themes/light/card.fluent.css.js +1 -1
- package/components/card/themes/light/card.fluent.css.js.map +1 -1
- package/components/card/themes/light/card.header.bootstrap.css.js +1 -1
- package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.header.fluent.css.js +1 -1
- package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
- package/components/card/themes/light/card.header.indigo.css.js +1 -1
- package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
- package/components/card/themes/light/card.header.material.css.js +1 -1
- package/components/card/themes/light/card.header.material.css.js.map +1 -1
- package/components/card/themes/light/card.material.css.js +1 -1
- package/components/card/themes/light/card.material.css.js.map +1 -1
- package/components/card/themes/light/card.media.material.css.js +1 -1
- package/components/card/themes/light/card.media.material.css.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +31 -7
- package/components/checkbox/checkbox-base.js +14 -1
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/checkbox/checkbox.d.ts +4 -1
- package/components/checkbox/checkbox.js +1 -0
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/switch.js +1 -0
- package/components/checkbox/switch.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/dark/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.base.css.js +2 -8
- package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.base.css.js +2 -8
- package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.material.css.js +1 -1
- package/components/checkbox/themes/light/switch.material.css.js.map +1 -1
- package/components/chip/chip.d.ts +20 -5
- package/components/chip/chip.js.map +1 -1
- package/components/chip/themes/chip.base.css.js +1 -1
- package/components/chip/themes/chip.base.css.js.map +1 -1
- package/components/chip/themes/chip.bootstrap.css.js +1 -1
- package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
- package/components/chip/themes/chip.fluent.css.js +1 -1
- package/components/chip/themes/chip.fluent.css.js.map +1 -1
- package/components/chip/themes/chip.indigo.css.js +1 -1
- package/components/chip/themes/chip.indigo.css.js.map +1 -1
- package/components/chip/themes/chip.material.css.js +1 -1
- package/components/chip/themes/chip.material.css.js.map +1 -1
- package/components/combo/combo-header.d.ts +11 -0
- package/components/combo/combo-header.js +23 -0
- package/components/combo/combo-header.js.map +1 -0
- package/components/combo/combo-item.d.ts +22 -0
- package/components/combo/combo-item.js +67 -0
- package/components/combo/combo-item.js.map +1 -0
- package/components/combo/combo-list.d.ts +11 -0
- package/components/combo/combo-list.js +14 -0
- package/components/combo/combo-list.js.map +1 -0
- package/components/combo/combo.d.ts +254 -0
- package/components/combo/combo.js +518 -0
- package/components/combo/combo.js.map +1 -0
- package/components/combo/controllers/data.d.ts +17 -0
- package/components/combo/controllers/data.js +36 -0
- package/components/combo/controllers/data.js.map +1 -0
- package/components/combo/controllers/navigation.d.ts +43 -0
- package/components/combo/controllers/navigation.js +155 -0
- package/components/combo/controllers/navigation.js.map +1 -0
- package/components/combo/controllers/selection.d.ts +23 -0
- package/components/combo/controllers/selection.js +157 -0
- package/components/combo/controllers/selection.js.map +1 -0
- package/components/combo/operations/filter.d.ts +4 -0
- package/components/combo/operations/filter.js +15 -0
- package/components/combo/operations/filter.js.map +1 -0
- package/components/combo/operations/group.d.ts +9 -0
- package/components/combo/operations/group.js +56 -0
- package/components/combo/operations/group.js.map +1 -0
- package/components/combo/themes/dark/combo.bootstrap.css.d.ts +1 -0
- package/components/combo/themes/dark/combo.bootstrap.css.js +3 -0
- package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -0
- package/components/combo/themes/dark/combo.fluent.css.d.ts +1 -0
- package/components/combo/themes/dark/combo.fluent.css.js +3 -0
- package/components/combo/themes/dark/combo.fluent.css.js.map +1 -0
- package/components/combo/themes/dark/combo.indigo.css.d.ts +1 -0
- package/components/combo/themes/dark/combo.indigo.css.js +3 -0
- package/components/combo/themes/dark/combo.indigo.css.js.map +1 -0
- package/components/combo/themes/dark/combo.material.css.d.ts +1 -0
- package/components/combo/themes/dark/combo.material.css.js +3 -0
- package/components/combo/themes/dark/combo.material.css.js.map +1 -0
- package/components/combo/themes/light/combo.base.css.d.ts +1 -0
- package/components/combo/themes/light/combo.base.css.js +174 -0
- package/components/combo/themes/light/combo.base.css.js.map +1 -0
- package/components/combo/themes/light/combo.bootstrap.css.d.ts +1 -0
- package/components/combo/themes/light/combo.bootstrap.css.js +94 -0
- package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -0
- package/components/combo/themes/light/combo.fluent.css.d.ts +1 -0
- package/components/combo/themes/light/combo.fluent.css.js +70 -0
- package/components/combo/themes/light/combo.fluent.css.js.map +1 -0
- package/components/combo/themes/light/combo.indigo.css.d.ts +1 -0
- package/components/combo/themes/light/combo.indigo.css.js +41 -0
- package/components/combo/themes/light/combo.indigo.css.js.map +1 -0
- package/components/combo/themes/light/combo.material.css.d.ts +1 -0
- package/components/combo/themes/light/combo.material.css.js +84 -0
- package/components/combo/themes/light/combo.material.css.js.map +1 -0
- package/components/combo/themes/light/header/combo-header.base.css.d.ts +1 -0
- package/components/combo/themes/light/header/combo-header.base.css.js +66 -0
- package/components/combo/themes/light/header/combo-header.base.css.js.map +1 -0
- package/components/combo/themes/light/item/combo-item.base.css.d.ts +1 -0
- package/components/combo/themes/light/item/combo-item.base.css.js +135 -0
- package/components/combo/themes/light/item/combo-item.base.css.js.map +1 -0
- package/components/combo/types.d.ts +39 -0
- package/components/combo/types.js +2 -0
- package/components/combo/types.js.map +1 -0
- package/components/combo/utils/converters.d.ts +3 -0
- package/components/combo/utils/converters.js +9 -0
- package/components/combo/utils/converters.js.map +1 -0
- package/components/common/decorators/index.d.ts +9 -9
- package/components/common/decorators/index.js +9 -9
- package/components/common/decorators/index.js.map +1 -1
- package/components/common/definitions/defineAllComponents.js +6 -0
- package/components/common/definitions/defineAllComponents.js.map +1 -1
- package/components/common/mixins/constructor.d.ts +2 -2
- package/components/common/mixins/event-emitter.d.ts +2 -2
- package/components/common/mixins/event-emitter.js.map +1 -1
- package/components/common/mixins/sizable.d.ts +1 -1
- package/components/common/mixins/sizable.js.map +1 -1
- package/components/common/types.d.ts +1 -1
- package/components/date-time-input/date-time-input.d.ts +27 -8
- package/components/date-time-input/date-time-input.js +23 -22
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/dialog/dialog.d.ts +17 -4
- package/components/dialog/dialog.js.map +1 -1
- package/components/dialog/themes/light/dialog.base.css.js +1 -2
- package/components/dialog/themes/light/dialog.base.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.bootstrap.css.js +1 -1
- package/components/dialog/themes/light/dialog.bootstrap.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.fluent.css.js +1 -1
- package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.indigo.css.js +1 -1
- package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.material.css.js +1 -1
- package/components/dialog/themes/light/dialog.material.css.js.map +1 -1
- package/components/dropdown/dropdown-group.js.map +1 -1
- package/components/dropdown/dropdown-header.js.map +1 -1
- package/components/dropdown/dropdown-item.d.ts +4 -0
- package/components/dropdown/dropdown-item.js +1 -1
- package/components/dropdown/dropdown-item.js.map +1 -1
- package/components/dropdown/dropdown.d.ts +30 -7
- package/components/dropdown/dropdown.js +27 -27
- package/components/dropdown/dropdown.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.fluent.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-group.base.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-group.fluent.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-group.fluent.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-header.base.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-header.fluent.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-header.fluent.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-item.base.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-item.fluent.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-item.fluent.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-item.indigo.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-item.indigo.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.base.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.bootstrap.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.fluent.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
- package/components/expansion-panel/expansion-panel.d.ts +12 -3
- package/components/expansion-panel/expansion-panel.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.base.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.base.css.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js.map +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js +1 -1
- package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js.map +1 -1
- package/components/form/form.js +1 -0
- package/components/form/form.js.map +1 -1
- package/components/icon/icon.d.ts +6 -10
- package/components/icon/icon.js +17 -25
- package/components/icon/icon.js.map +1 -1
- package/components/icon/icon.material.css.js +3 -3
- package/components/icon/icon.material.css.js.map +1 -1
- package/components/icon/icon.registry.js +9 -5
- package/components/icon/icon.registry.js.map +1 -1
- package/components/input/input-base.d.ts +32 -7
- package/components/input/input-base.js.map +1 -1
- package/components/input/input.d.ts +48 -11
- package/components/input/input.js.map +1 -1
- package/components/input/themes/dark/input.dark.indigo.css.js +1 -1
- package/components/input/themes/dark/input.dark.indigo.css.js.map +1 -1
- package/components/input/themes/dark/input.dark.material.css.js +1 -1
- package/components/input/themes/dark/input.dark.material.css.js.map +1 -1
- package/components/input/themes/light/input.base.css.js +8 -2
- package/components/input/themes/light/input.base.css.js.map +1 -1
- package/components/input/themes/light/input.bootstrap.css.js +32 -5
- package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/light/input.fluent.css.js +23 -5
- package/components/input/themes/light/input.fluent.css.js.map +1 -1
- package/components/input/themes/light/input.indigo.css.js +16 -9
- package/components/input/themes/light/input.indigo.css.js.map +1 -1
- package/components/input/themes/light/input.material.css.js +59 -37
- package/components/input/themes/light/input.material.css.js.map +1 -1
- package/components/list/list-header.js.map +1 -1
- package/components/list/list-item.js.map +1 -1
- package/components/list/list.js.map +1 -1
- package/components/list/themes/dark/list.bootstrap.css.js +1 -1
- package/components/list/themes/dark/list.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/list.fluent.css.js +1 -1
- package/components/list/themes/dark/list.fluent.css.js.map +1 -1
- package/components/list/themes/dark/list.indigo.css.js +1 -1
- package/components/list/themes/dark/list.indigo.css.js.map +1 -1
- package/components/list/themes/light/list-header.base.css.js +1 -1
- package/components/list/themes/light/list-header.base.css.js.map +1 -1
- package/components/list/themes/light/list-header.indigo.css.js +1 -1
- package/components/list/themes/light/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/light/list-item.base.css.js +1 -1
- package/components/list/themes/light/list-item.base.css.js.map +1 -1
- package/components/list/themes/light/list-item.bootstrap.css.js +1 -1
- package/components/list/themes/light/list-item.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/list-item.fluent.css.js +1 -1
- package/components/list/themes/light/list-item.fluent.css.js.map +1 -1
- package/components/list/themes/light/list-item.indigo.css.js +1 -1
- package/components/list/themes/light/list-item.indigo.css.js.map +1 -1
- package/components/list/themes/light/list.base.css.js +1 -1
- package/components/list/themes/light/list.base.css.js.map +1 -1
- package/components/list/themes/light/list.bootstrap.css.js +1 -1
- package/components/list/themes/light/list.bootstrap.css.js.map +1 -1
- package/components/mask-input/mask-input-base.d.ts +6 -7
- package/components/mask-input/mask-input-base.js +22 -13
- package/components/mask-input/mask-input-base.js.map +1 -1
- package/components/mask-input/mask-input.d.ts +11 -10
- package/components/mask-input/mask-input.js +17 -23
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/mask-input/mask-parser.d.ts +3 -1
- package/components/mask-input/mask-parser.js +16 -0
- package/components/mask-input/mask-parser.js.map +1 -1
- package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.d.ts +8 -2
- package/components/nav-drawer/nav-drawer-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +8 -2
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/nav-drawer/themes/dark/nav-drawer-item.base.css.js +1 -1
- package/components/nav-drawer/themes/dark/nav-drawer-item.base.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/nav-drawer-item.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/dark/nav-drawer-item.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/nav-drawer-item.fluent.css.js +1 -1
- package/components/nav-drawer/themes/dark/nav-drawer-item.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/nav-drawer-item.indigo.css.js +1 -1
- package/components/nav-drawer/themes/dark/nav-drawer-item.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/nav-drawer.indigo.css.js +1 -1
- package/components/nav-drawer/themes/dark/nav-drawer.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.js +1 -1
- package/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.js +1 -1
- package/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.js +1 -1
- package/components/nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.js +1 -1
- package/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.js +1 -1
- package/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js +1 -1
- package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -1
- package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js +1 -1
- package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -1
- package/components/nav-drawer/themes/light/nav-drawer.base.css.js +1 -1
- package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -1
- package/components/navbar/navbar.js.map +1 -1
- package/components/navbar/themes/light/navbar.base.css.js +1 -1
- package/components/navbar/themes/light/navbar.base.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.bootstrap.css.js +1 -1
- package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.fluent.css.js +1 -1
- package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
- package/components/progress/base.d.ts +25 -6
- package/components/progress/base.js.map +1 -1
- package/components/progress/circular-gradient.d.ts +12 -3
- package/components/progress/circular-gradient.js.map +1 -1
- package/components/progress/circular-progress.js.map +1 -1
- package/components/progress/linear-progress.d.ts +8 -2
- package/components/progress/linear-progress.js.map +1 -1
- package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
- package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
- package/components/progress/themes/circular/circular.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/circular/circular.progress.fluent.css.js +1 -1
- package/components/progress/themes/circular/circular.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.fluent.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
- package/components/radio/radio.d.ts +35 -8
- package/components/radio/radio.js +15 -1
- package/components/radio/radio.js.map +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/dark/radio.indigo.css.js +1 -1
- package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/light/radio.base.css.js +2 -8
- package/components/radio/themes/light/radio.base.css.js.map +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/light/radio.fluent.css.js +2 -1
- package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/light/radio.indigo.css.js +1 -1
- package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/light/radio.material.css.js +1 -1
- package/components/radio/themes/light/radio.material.css.js.map +1 -1
- package/components/radio-group/radio-group.base.css.js +1 -1
- package/components/radio-group/radio-group.base.css.js.map +1 -1
- package/components/radio-group/radio-group.d.ts +4 -0
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating-symbol.base.css.js +1 -1
- package/components/rating/rating-symbol.base.css.js.map +1 -1
- package/components/rating/rating-symbol.d.ts +1 -0
- package/components/rating/rating-symbol.js +4 -0
- package/components/rating/rating-symbol.js.map +1 -1
- package/components/rating/rating.base.css.js +1 -1
- package/components/rating/rating.base.css.js.map +1 -1
- package/components/rating/rating.bootstrap.css.js +1 -1
- package/components/rating/rating.bootstrap.css.js.map +1 -1
- package/components/rating/rating.d.ts +31 -7
- package/components/rating/rating.fluent.css.js +1 -1
- package/components/rating/rating.fluent.css.js.map +1 -1
- package/components/rating/rating.indigo.css.js +1 -1
- package/components/rating/rating.indigo.css.js.map +1 -1
- package/components/rating/rating.js +15 -15
- package/components/rating/rating.js.map +1 -1
- package/components/select/select-group.d.ts +4 -0
- package/components/select/select-group.js.map +1 -1
- package/components/select/select.d.ts +52 -13
- package/components/select/select.js +17 -7
- package/components/select/select.js.map +1 -1
- package/components/select/themes/dark/select.fluent.css.js +1 -1
- package/components/select/themes/dark/select.fluent.css.js.map +1 -1
- package/components/select/themes/dark/select.indigo.css.js +1 -1
- package/components/select/themes/dark/select.indigo.css.js.map +1 -1
- package/components/select/themes/dark/select.material.css.js +1 -1
- package/components/select/themes/dark/select.material.css.js.map +1 -1
- package/components/select/themes/light/select.base.css.js +5 -1
- package/components/select/themes/light/select.base.css.js.map +1 -1
- package/components/select/themes/light/select.bootstrap.css.js +3 -5
- package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/light/select.fluent.css.js +1 -1
- package/components/select/themes/light/select.fluent.css.js.map +1 -1
- package/components/select/themes/light/select.indigo.css.js +5 -1
- package/components/select/themes/light/select.indigo.css.js.map +1 -1
- package/components/select/themes/light/select.material.css.js +7 -10
- package/components/select/themes/light/select.material.css.js.map +1 -1
- package/components/slider/range-slider.d.ts +4 -0
- package/components/slider/range-slider.js.map +1 -1
- package/components/slider/slider-base.d.ts +16 -0
- package/components/slider/slider-base.js +70 -70
- package/components/slider/slider-base.js.map +1 -1
- package/components/slider/slider.d.ts +2 -0
- package/components/slider/slider.js.map +1 -1
- package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
- package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
- package/components/slider/themes/dark/slider.fluent.css.js +1 -1
- package/components/slider/themes/dark/slider.fluent.css.js.map +1 -1
- package/components/slider/themes/dark/slider.indigo.css.js +1 -1
- package/components/slider/themes/dark/slider.indigo.css.js.map +1 -1
- package/components/slider/themes/light/slider.base.css.js +1 -1
- package/components/slider/themes/light/slider.base.css.js.map +1 -1
- package/components/slider/themes/light/slider.bootstrap.css.js +1 -1
- package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
- package/components/slider/themes/light/slider.fluent.css.js +1 -1
- package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
- package/components/slider/themes/light/slider.indigo.css.js +1 -1
- package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
- package/components/slider/themes/light/slider.material.css.js +1 -1
- package/components/slider/themes/light/slider.material.css.js.map +1 -1
- package/components/snackbar/snackbar.d.ts +16 -4
- package/components/snackbar/snackbar.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.base.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.bootstrap.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.bootstrap.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.fluent.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.fluent.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -1
- package/components/stepper/step.d.ts +94 -0
- package/components/stepper/step.js +211 -0
- package/components/stepper/step.js.map +1 -0
- package/components/stepper/stepper.common.d.ts +11 -0
- package/components/stepper/stepper.common.js +2 -0
- package/components/stepper/stepper.common.js.map +1 -0
- package/components/stepper/stepper.d.ts +110 -0
- package/components/stepper/stepper.js +345 -0
- package/components/stepper/stepper.js.map +1 -0
- package/components/stepper/themes/step/dark/step.bootstrap.css.d.ts +1 -0
- package/components/stepper/themes/step/dark/step.bootstrap.css.js +3 -0
- package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -0
- package/components/stepper/themes/step/dark/step.fluent.css.d.ts +1 -0
- package/components/stepper/themes/step/dark/step.fluent.css.js +3 -0
- package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -0
- package/components/stepper/themes/step/dark/step.indigo.css.d.ts +1 -0
- package/components/stepper/themes/step/dark/step.indigo.css.js +3 -0
- package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -0
- package/components/stepper/themes/step/dark/step.material.css.d.ts +1 -0
- package/components/stepper/themes/step/dark/step.material.css.js +3 -0
- package/components/stepper/themes/step/dark/step.material.css.js.map +1 -0
- package/components/stepper/themes/step/light/step.base.css.d.ts +1 -0
- package/components/stepper/themes/step/light/step.base.css.js +456 -0
- package/components/stepper/themes/step/light/step.base.css.js.map +1 -0
- package/components/stepper/themes/step/light/step.bootstrap.css.d.ts +1 -0
- package/components/stepper/themes/step/light/step.bootstrap.css.js +23 -0
- package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -0
- package/components/stepper/themes/step/light/step.fluent.css.d.ts +1 -0
- package/components/stepper/themes/step/light/step.fluent.css.js +16 -0
- package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -0
- package/components/stepper/themes/step/light/step.indigo.css.d.ts +1 -0
- package/components/stepper/themes/step/light/step.indigo.css.js +29 -0
- package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -0
- package/components/stepper/themes/step/light/step.material.css.d.ts +1 -0
- package/components/stepper/themes/step/light/step.material.css.js +8 -0
- package/components/stepper/themes/step/light/step.material.css.js.map +1 -0
- package/components/stepper/themes/stepper/stepper.base.css.d.ts +1 -0
- package/components/stepper/themes/stepper/stepper.base.css.js +142 -0
- package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -0
- package/components/stepper/themes/stepper/stepper.bootstrap.css.d.ts +1 -0
- package/components/stepper/themes/stepper/stepper.bootstrap.css.js +46 -0
- package/components/stepper/themes/stepper/stepper.bootstrap.css.js.map +1 -0
- package/components/stepper/themes/stepper/stepper.fluent.css.d.ts +1 -0
- package/components/stepper/themes/stepper/stepper.fluent.css.js +40 -0
- package/components/stepper/themes/stepper/stepper.fluent.css.js.map +1 -0
- package/components/stepper/themes/stepper/stepper.indigo.css.d.ts +1 -0
- package/components/stepper/themes/stepper/stepper.indigo.css.js +40 -0
- package/components/stepper/themes/stepper/stepper.indigo.css.js.map +1 -0
- package/components/tabs/tab.d.ts +12 -3
- package/components/tabs/tab.js +1 -1
- package/components/tabs/tab.js.map +1 -1
- package/components/tabs/tabs.d.ts +5 -1
- package/components/tabs/tabs.js.map +1 -1
- package/components/tabs/themes/dark/tab.dark.base.css.js +1 -1
- package/components/tabs/themes/dark/tab.dark.base.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.dark.bootstrap.css.js +1 -1
- package/components/tabs/themes/dark/tab.dark.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/light/tab-panel.base.css.js +1 -1
- package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -1
- package/components/tabs/themes/light/tab.base.css.js +1 -1
- package/components/tabs/themes/light/tab.base.css.js.map +1 -1
- package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
- package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/light/tab.fluent.css.js +1 -1
- package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/light/tabs.base.css.js +1 -1
- package/components/tabs/themes/light/tabs.base.css.js.map +1 -1
- package/components/tabs/themes/light/tabs.bootstrap.css.js +1 -1
- package/components/tabs/themes/light/tabs.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/light/tabs.fluent.css.js +1 -1
- package/components/tabs/themes/light/tabs.fluent.css.js.map +1 -1
- package/components/tabs/themes/light/tabs.indigo.css.js +1 -1
- package/components/tabs/themes/light/tabs.indigo.css.js.map +1 -1
- package/components/toast/themes/toast.base.css.js +1 -1
- package/components/toast/themes/toast.base.css.js.map +1 -1
- package/components/toast/themes/toast.bootstrap.css.js +1 -1
- package/components/toast/themes/toast.bootstrap.css.js.map +1 -1
- package/components/toast/themes/toast.fluent.css.js +1 -1
- package/components/toast/themes/toast.fluent.css.js.map +1 -1
- package/components/toast/themes/toast.indigo.css.js +1 -1
- package/components/toast/themes/toast.indigo.css.js.map +1 -1
- package/components/toast/toast.d.ts +13 -6
- package/components/toast/toast.js.map +1 -1
- package/components/toggle/toggle.controller.d.ts +1 -1
- package/components/toggle/toggle.controller.js +13 -13
- package/components/toggle/toggle.controller.js.map +1 -1
- package/components/toggle/toggle.directive.js +10 -10
- package/components/toggle/toggle.directive.js.map +1 -1
- package/components/toggle/types.d.ts +1 -1
- package/components/tree/themes/dark/tree-item.bootstrap.css.js +1 -1
- package/components/tree/themes/dark/tree-item.bootstrap.css.js.map +1 -1
- package/components/tree/themes/dark/tree-item.fluent.css.js +1 -1
- package/components/tree/themes/dark/tree-item.fluent.css.js.map +1 -1
- package/components/tree/themes/dark/tree-item.indigo.css.js +1 -1
- package/components/tree/themes/dark/tree-item.indigo.css.js.map +1 -1
- package/components/tree/themes/light/tree-item.base.css.js +1 -1
- package/components/tree/themes/light/tree-item.base.css.js.map +1 -1
- package/components/tree/themes/light/tree-item.bootstrap.css.js +1 -1
- package/components/tree/themes/light/tree-item.bootstrap.css.js.map +1 -1
- package/components/tree/themes/light/tree-item.fluent.css.js +1 -1
- package/components/tree/themes/light/tree-item.fluent.css.js.map +1 -1
- package/components/tree/themes/light/tree-item.indigo.css.js +1 -1
- package/components/tree/themes/light/tree-item.indigo.css.js.map +1 -1
- package/components/tree/themes/light/tree.base.css.js +1 -1
- package/components/tree/themes/light/tree.base.css.js.map +1 -1
- package/components/tree/tree-item.d.ts +25 -6
- package/components/tree/tree-item.js.map +1 -1
- package/components/tree/tree.d.ts +12 -3
- package/components/tree/tree.js +8 -8
- package/components/tree/tree.js.map +1 -1
- package/custom-elements.json +870 -2
- package/index.d.ts +5 -0
- package/index.js +3 -0
- package/index.js.map +1 -1
- package/package.json +5 -3
- package/themes/dark/bootstrap.css +6 -2
- package/themes/dark/fluent.css +11 -7
- package/themes/dark/indigo.css +6 -2
- package/themes/dark/material.css +6 -2
- package/themes/light/bootstrap.css +1 -1
- package/themes/light/fluent.css +6 -6
- package/themes/light/indigo.css +1 -1
- package/themes/light/material.css +1 -1
- package/theming/theming-event.d.ts +1 -1
- package/theming/types.d.ts +2 -2
- package/vscode-html-custom-data.json +337 -19
|
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgdvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n@-webkit-keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@-webkit-keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@-webkit-keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n:host {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-family: var(--ig-font-family);\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part~=label] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: inherit;\n font-weight: 600;\n}\n\n:host {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n --stroke-thickness: 2px;\n --diameter: 30px;\n}\n\n[part~=label] {\n fill: hsla(var(--ig-gray-900), var(--ig-gray-a));\n position: absolute;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n top: 50%;\n left: 50%;\n}\n\n[part~=label],\n[part~=value] {\n font-size: calc(var(--diameter) / 3 - var(--stroke-thickness));\n line-height: normal;\n}\n\n[part=\"svg indeterminate\"] {\n -webkit-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation: 3s linear 0s infinite normal none running rotate-center;\n animation: 3s linear 0s infinite normal none running rotate-center;\n}\n\n[part=\"svg indeterminate\"] [part~=fill] {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n -webkit-animation: indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;\n animation: indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;\n}\n\n[part~=svg] {\n width: calc(var(--diameter) + var(--stroke-thickness));\n height: calc(var(--diameter) + var(--stroke-thickness));\n -webkit-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n transform: rotate(-90deg);\n}\n\n[part~=track] {\n stroke: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part~=fill] {\n 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);\n 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 -webkit-transition: stroke-dashoffset var(--duration) linear;\n -o-transition: stroke-dashoffset var(--duration) linear;\n transition: stroke-dashoffset var(--duration) linear;\n --percentage: 0;\n --duration: 500ms;\n}\n\n[part~=track],\n[part~=fill] {\n width: 100%;\n height: 100%;\n fill: transparent;\n stroke-width: var(--stroke-thickness);\n cx: calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);\n cy: calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);\n r: calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5);\n -webkit-transform-origin: center;\n -ms-transform-origin: center;\n transform-origin: center;\n}\n\n[part~=gradient_start],\n[part~=gradient_end] {\n stop-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([variant=danger]) [part~=gradient_start],\n:host([variant=danger]) [part~=gradient_end] {\n stop-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([variant=warning]) [part~=gradient_start],\n:host([variant=warning]) [part~=gradient_end] {\n stop-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n:host([variant=info]) [part~=gradient_start],\n:host([variant=info]) [part~=gradient_end] {\n stop-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n:host([variant=success]) [part~=gradient_start],\n:host([variant=success]) [part~=gradient_end] {\n stop-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill] {\n -webkit-animation-name: indeterminate-accordion-rtl;\n animation-name: indeterminate-accordion-rtl;\n}\n:host([dir=rtl]) [part~=indeterminate] {\n animation-direction: reverse;\n}\n:host([dir=rtl]) [part~=indeterminate] [part~=track] {\n animation-direction: reverse;\n}\n:host([dir=rtl]) [part~=fill] {\n 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}`;\n"]}
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgdvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n@-webkit-keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@-webkit-keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@-webkit-keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n:host {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-family: var(--ig-font-family);\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part~=label] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: inherit;\n font-weight: 600;\n}\n\n:host {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n --stroke-thickness: 2px;\n --diameter: 30px;\n}\n\n[part~=label] {\n fill: hsla(var(--ig-gray-900), var(--ig-gray-a));\n position: absolute;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n top: 50%;\n left: 50%;\n}\n\n[part~=label],\n[part~=value] {\n font-size: calc(var(--diameter) / 3 - var(--stroke-thickness));\n line-height: normal;\n}\n\n[part=\"svg indeterminate\"] {\n -webkit-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation: 3s linear 0s infinite normal none running rotate-center;\n animation: 3s linear 0s infinite normal none running rotate-center;\n}\n\n[part=\"svg indeterminate\"] [part~=fill] {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n -webkit-animation: indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;\n animation: indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;\n}\n\n[part~=svg] {\n width: calc(var(--diameter) + var(--stroke-thickness));\n height: calc(var(--diameter) + var(--stroke-thickness));\n -webkit-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n transform: rotate(-90deg);\n}\n\n[part~=track] {\n stroke: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part~=fill] {\n 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);\n 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 -webkit-transition: stroke-dashoffset var(--duration) linear;\n -o-transition: stroke-dashoffset var(--duration) linear;\n transition: stroke-dashoffset var(--duration) linear;\n --percentage: 0;\n --duration: 500ms;\n}\n\n[part~=track],\n[part~=fill] {\n width: 100%;\n height: 100%;\n fill: transparent;\n stroke-width: var(--stroke-thickness);\n cx: calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);\n cy: calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);\n r: calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5);\n -webkit-transform-origin: center;\n -ms-transform-origin: center;\n transform-origin: center;\n}\n\n[part~=gradient_start],\n[part~=gradient_end] {\n stop-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([variant=danger]) [part~=gradient_start],\n:host([variant=danger]) [part~=gradient_end] {\n stop-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([variant=warning]) [part~=gradient_start],\n:host([variant=warning]) [part~=gradient_end] {\n stop-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n:host([variant=info]) [part~=gradient_start],\n:host([variant=info]) [part~=gradient_end] {\n stop-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n:host([variant=success]) [part~=gradient_start],\n:host([variant=success]) [part~=gradient_end] {\n stop-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill] {\n -webkit-animation-name: indeterminate-accordion-rtl;\n animation-name: indeterminate-accordion-rtl;\n}\n:host([dir=rtl]) [part~=indeterminate] {\n animation-direction: reverse;\n}\n:host([dir=rtl]) [part~=indeterminate] [part~=track] {\n animation-direction: reverse;\n}\n:host([dir=rtl]) [part~=fill] {\n 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}`;\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `/* stylelint-disable max-line-length */
|
|
2
|
+
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
3
3
|
:host {
|
|
4
4
|
--stroke-thickness: 4px;
|
|
5
5
|
--diameter: 28px;
|
|
@@ -1 +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;;;;;;;;;;;;;;;;;;;EAmBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n --stroke-thickness: 4px;\n --diameter: 28px;\n}\n\n[part~=svg][part~=indeterminate] {\n -webkit-animation-duration: 0.75s;\n animation-duration: 0.75s;\n}\n\n[part=\"svg indeterminate\"] [part~=fill] {\n stroke-dashoffset: 60% !important;\n -webkit-animation: none;\n animation: none;\n}\n\n[part~=track][part~=indeterminate] {\n stroke: transparent;\n}`;\n"]}
|
|
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;;;;;;;;;;;;;;;;;;;EAmBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n --stroke-thickness: 4px;\n --diameter: 28px;\n}\n\n[part~=svg][part~=indeterminate] {\n -webkit-animation-duration: 0.75s;\n animation-duration: 0.75s;\n}\n\n[part=\"svg indeterminate\"] [part~=fill] {\n stroke-dashoffset: 60% !important;\n -webkit-animation: none;\n animation: none;\n}\n\n[part~=track][part~=indeterminate] {\n stroke: transparent;\n}`;\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `/* stylelint-disable max-line-length */
|
|
2
|
+
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
3
3
|
:host {
|
|
4
4
|
--stroke-thickness: 1.5px;
|
|
5
5
|
}
|
|
@@ -1 +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;;;;;;;EAOvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n --stroke-thickness: 1.5px;\n}\n\n[part~=track] {\n stroke: hsla(var(--ig-primary-50), 0.3);\n}`;\n"]}
|
|
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;;;;;;;EAOvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n --stroke-thickness: 1.5px;\n}\n\n[part~=track] {\n stroke: hsla(var(--ig-primary-50), 0.3);\n}`;\n"]}
|
|
@@ -32,7 +32,7 @@ export const styles = css `:host {
|
|
|
32
32
|
display: none !important;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
/* stylelint-disable max-line-length */
|
|
35
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
36
36
|
@-webkit-keyframes indeterminate-primary {
|
|
37
37
|
0% {
|
|
38
38
|
-webkit-transform: translateX(0);
|
|
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwkBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n@-webkit-keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@-webkit-keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@-webkit-keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n:host {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-family: var(--ig-font-family);\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part~=label] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: inherit;\n font-weight: 600;\n}\n\n:host {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n width: 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n --track-size: 0.25rem;\n --linear-animation-duration: 2000ms;\n}\n\n:host([dir=rtl][indeterminate]) [part~=track] {\n -webkit-transform: rotateY(180deg);\n transform: rotateY(180deg);\n}\n\n[part~=track] {\n position: relative;\n width: inherit;\n height: var(--track-size);\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n overflow: hidden;\n border-radius: 0;\n z-index: 0;\n}\n\n[part~=fill] {\n -webkit-transition: width var(--duration) linear, background-color var(--duration) linear;\n -o-transition: width var(--duration) linear, background-color var(--duration) linear;\n transition: width var(--duration) linear, background-color var(--duration) linear;\n position: relative;\n height: inherit;\n}\n\n[part~=indeterminate],\n[part~=\"indeterminate secondary\"] {\n width: 100% !important;\n height: inherit;\n position: absolute;\n background: transparent;\n}\n[part~=indeterminate]::after,\n[part~=\"indeterminate secondary\"]::after {\n content: \"\";\n position: absolute;\n top: 0;\n inset-inline-start: 0;\n width: inherit;\n height: inherit;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n[part~=indeterminate]:not([part~=secondary]) {\n -webkit-transform: scale3d(0, 1, 1);\n transform: scale3d(0, 1, 1);\n -webkit-animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n left: -145.1666%;\n}\n[part~=indeterminate]:not([part~=secondary])::after {\n -webkit-animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n}\n\n[part~=secondary] {\n -webkit-animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n left: -54.8888%;\n}\n[part~=secondary]::after {\n -webkit-animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n width: 100%;\n height: inherit;\n}\n\n[part~=value] {\n margin: 0;\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n font-size: 0.875em;\n font-weight: 600;\n}\n\n[part~=primary]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=primary]::after {\n background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n width: 100%;\n height: 100%;\n /* stylelint-disable */\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=primary]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=danger]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=danger]::after {\n background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=warning]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=warning]::after {\n background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=info]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=info]::after {\n background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=info]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=success]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=success]::after {\n background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=success]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=top-start]) [part~=label],\n:host([label-align=top-end]) [part~=label] {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}\n\n:host([label-align=top-start]) [part~=label],\n:host([label-align=bottom-start]) [part~=label],\n:host([label-align=start]) [part~=label] {\n -ms-flex-item-align: start;\n align-self: flex-start;\n}\n\n:host([label-align=bottom-end]) [part~=label],\n:host([label-align=top-end]) [part~=label],\n:host([label-align=end]) [part~=label] {\n -ms-flex-item-align: end;\n align-self: flex-end;\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=bottom]) [part~=label] {\n -ms-flex-item-align: center;\n align-self: center;\n}\n\n[part~=hidden] {\n display: none;\n}`;\n"]}
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwkBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n@-webkit-keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@-webkit-keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@-webkit-keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n:host {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-family: var(--ig-font-family);\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part~=label] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: inherit;\n font-weight: 600;\n}\n\n:host {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n width: 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n --track-size: 0.25rem;\n --linear-animation-duration: 2000ms;\n}\n\n:host([dir=rtl][indeterminate]) [part~=track] {\n -webkit-transform: rotateY(180deg);\n transform: rotateY(180deg);\n}\n\n[part~=track] {\n position: relative;\n width: inherit;\n height: var(--track-size);\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n overflow: hidden;\n border-radius: 0;\n z-index: 0;\n}\n\n[part~=fill] {\n -webkit-transition: width var(--duration) linear, background-color var(--duration) linear;\n -o-transition: width var(--duration) linear, background-color var(--duration) linear;\n transition: width var(--duration) linear, background-color var(--duration) linear;\n position: relative;\n height: inherit;\n}\n\n[part~=indeterminate],\n[part~=\"indeterminate secondary\"] {\n width: 100% !important;\n height: inherit;\n position: absolute;\n background: transparent;\n}\n[part~=indeterminate]::after,\n[part~=\"indeterminate secondary\"]::after {\n content: \"\";\n position: absolute;\n top: 0;\n inset-inline-start: 0;\n width: inherit;\n height: inherit;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n[part~=indeterminate]:not([part~=secondary]) {\n -webkit-transform: scale3d(0, 1, 1);\n transform: scale3d(0, 1, 1);\n -webkit-animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n left: -145.1666%;\n}\n[part~=indeterminate]:not([part~=secondary])::after {\n -webkit-animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n}\n\n[part~=secondary] {\n -webkit-animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n left: -54.8888%;\n}\n[part~=secondary]::after {\n -webkit-animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n width: 100%;\n height: inherit;\n}\n\n[part~=value] {\n margin: 0;\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n font-size: 0.875em;\n font-weight: 600;\n}\n\n[part~=primary]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=primary]::after {\n background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n width: 100%;\n height: 100%;\n /* stylelint-disable */\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=primary]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=danger]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=danger]::after {\n background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=warning]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=warning]::after {\n background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=info]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=info]::after {\n background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=info]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=success]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=success]::after {\n background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=success]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n /* stylelint-enable */\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=top-start]) [part~=label],\n:host([label-align=top-end]) [part~=label] {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}\n\n:host([label-align=top-start]) [part~=label],\n:host([label-align=bottom-start]) [part~=label],\n:host([label-align=start]) [part~=label] {\n -ms-flex-item-align: start;\n align-self: flex-start;\n}\n\n:host([label-align=bottom-end]) [part~=label],\n:host([label-align=top-end]) [part~=label],\n:host([label-align=end]) [part~=label] {\n -ms-flex-item-align: end;\n align-self: flex-end;\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=bottom]) [part~=label] {\n -ms-flex-item-align: center;\n align-self: center;\n}\n\n[part~=hidden] {\n display: none;\n}`;\n"]}
|
|
@@ -32,7 +32,7 @@ export const styles = css `:host {
|
|
|
32
32
|
display: none !important;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
/* stylelint-disable max-line-length */
|
|
35
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
36
36
|
@-webkit-keyframes indeterminate-primary {
|
|
37
37
|
0% {
|
|
38
38
|
-webkit-transform: translateX(0);
|
|
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsZvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n@-webkit-keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@-webkit-keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@-webkit-keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n:host {\n --track-size: 1rem;\n}\n\n[part~=track] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=primary]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=info]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=success]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}`;\n"]}
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsZvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n@-webkit-keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@-webkit-keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@-webkit-keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n:host {\n --track-size: 1rem;\n}\n\n[part~=track] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=primary]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=info]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}\n\n[part~=striped][part~=success]::after {\n /* stylelint-disable */\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n /* stylelint-enable */\n}`;\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `/* stylelint-disable max-line-length */
|
|
2
|
+
export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
3
3
|
:host {
|
|
4
4
|
--track-size: 0.125rem;
|
|
5
5
|
--linear-animation-duration: 3000ms;
|
|
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsEvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n --track-size: 0.125rem;\n --linear-animation-duration: 3000ms;\n}\n\n[part~=track] {\n background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n margin: 0.5rem 0;\n}\n\n[part~=label] {\n font-size: 0.875rem;\n font-weight: 400;\n}\n\n[part~=indeterminate]:not([part~=secondary]) {\n width: 33% !important;\n min-width: 33%;\n -webkit-animation-name: indeterminate-bar-fluent;\n animation-name: indeterminate-bar-fluent;\n -webkit-animation-duration: var(--linear-animation-duration);\n animation-duration: var(--linear-animation-duration);\n -webkit-animation-timing-function: ease;\n animation-timing-function: ease;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n left: auto;\n}\n[part~=indeterminate]:not([part~=secondary])::after {\n display: none;\n}\n\n[part~=secondary] {\n display: none;\n}\n\n:host([dir=rtl]) [part~=indeterminate] {\n -webkit-animation-name: indeterminate-bar-fluent-rtl;\n animation-name: indeterminate-bar-fluent-rtl;\n}\n\n[part~=primary][part~=indeterminate] {\n background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--ig-primary-500), var(--ig-primary-a))), to(transparent));\n background: -o-linear-gradient(left, transparent 0%, hsla(var(--ig-primary-500), var(--ig-primary-a)) 50%, transparent 100%);\n background: linear-gradient(90deg, transparent 0%, hsla(var(--ig-primary-500), var(--ig-primary-a)) 50%, transparent 100%);\n}\n\n[part~=danger][part~=indeterminate] {\n background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--ig-error-500), var(--ig-error-a))), to(transparent));\n background: -o-linear-gradient(left, transparent 0%, hsla(var(--ig-error-500), var(--ig-error-a)) 50%, transparent 100%);\n background: linear-gradient(90deg, transparent 0%, hsla(var(--ig-error-500), var(--ig-error-a)) 50%, transparent 100%);\n}\n\n[part~=warning][part~=indeterminate] {\n background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--ig-warn-500), var(--ig-warn-a))), to(transparent));\n background: -o-linear-gradient(left, transparent 0%, hsla(var(--ig-warn-500), var(--ig-warn-a)) 50%, transparent 100%);\n background: linear-gradient(90deg, transparent 0%, hsla(var(--ig-warn-500), var(--ig-warn-a)) 50%, transparent 100%);\n}\n\n[part~=info][part~=indeterminate] {\n background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--ig-info-500), var(--ig-info-a))), to(transparent));\n background: -o-linear-gradient(left, transparent 0%, hsla(var(--ig-info-500), var(--ig-info-a)) 50%, transparent 100%);\n background: linear-gradient(90deg, transparent 0%, hsla(var(--ig-info-500), var(--ig-info-a)) 50%, transparent 100%);\n}\n\n[part~=success][part~=indeterminate] {\n background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--ig-success-500), var(--ig-success-a))), to(transparent));\n background: -o-linear-gradient(left, transparent 0%, hsla(var(--ig-success-500), var(--ig-success-a)) 50%, transparent 100%);\n background: linear-gradient(90deg, transparent 0%, hsla(var(--ig-success-500), var(--ig-success-a)) 50%, transparent 100%);\n}`;\n"]}
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsEvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n --track-size: 0.125rem;\n --linear-animation-duration: 3000ms;\n}\n\n[part~=track] {\n background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n margin: 0.5rem 0;\n}\n\n[part~=label] {\n font-size: 0.875rem;\n font-weight: 400;\n}\n\n[part~=indeterminate]:not([part~=secondary]) {\n width: 33% !important;\n min-width: 33%;\n -webkit-animation-name: indeterminate-bar-fluent;\n animation-name: indeterminate-bar-fluent;\n -webkit-animation-duration: var(--linear-animation-duration);\n animation-duration: var(--linear-animation-duration);\n -webkit-animation-timing-function: ease;\n animation-timing-function: ease;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n left: auto;\n}\n[part~=indeterminate]:not([part~=secondary])::after {\n display: none;\n}\n\n[part~=secondary] {\n display: none;\n}\n\n:host([dir=rtl]) [part~=indeterminate] {\n -webkit-animation-name: indeterminate-bar-fluent-rtl;\n animation-name: indeterminate-bar-fluent-rtl;\n}\n\n[part~=primary][part~=indeterminate] {\n background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--ig-primary-500), var(--ig-primary-a))), to(transparent));\n background: -o-linear-gradient(left, transparent 0%, hsla(var(--ig-primary-500), var(--ig-primary-a)) 50%, transparent 100%);\n background: linear-gradient(90deg, transparent 0%, hsla(var(--ig-primary-500), var(--ig-primary-a)) 50%, transparent 100%);\n}\n\n[part~=danger][part~=indeterminate] {\n background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--ig-error-500), var(--ig-error-a))), to(transparent));\n background: -o-linear-gradient(left, transparent 0%, hsla(var(--ig-error-500), var(--ig-error-a)) 50%, transparent 100%);\n background: linear-gradient(90deg, transparent 0%, hsla(var(--ig-error-500), var(--ig-error-a)) 50%, transparent 100%);\n}\n\n[part~=warning][part~=indeterminate] {\n background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--ig-warn-500), var(--ig-warn-a))), to(transparent));\n background: -o-linear-gradient(left, transparent 0%, hsla(var(--ig-warn-500), var(--ig-warn-a)) 50%, transparent 100%);\n background: linear-gradient(90deg, transparent 0%, hsla(var(--ig-warn-500), var(--ig-warn-a)) 50%, transparent 100%);\n}\n\n[part~=info][part~=indeterminate] {\n background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--ig-info-500), var(--ig-info-a))), to(transparent));\n background: -o-linear-gradient(left, transparent 0%, hsla(var(--ig-info-500), var(--ig-info-a)) 50%, transparent 100%);\n background: linear-gradient(90deg, transparent 0%, hsla(var(--ig-info-500), var(--ig-info-a)) 50%, transparent 100%);\n}\n\n[part~=success][part~=indeterminate] {\n background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--ig-success-500), var(--ig-success-a))), to(transparent));\n background: -o-linear-gradient(left, transparent 0%, hsla(var(--ig-success-500), var(--ig-success-a)) 50%, transparent 100%);\n background: linear-gradient(90deg, transparent 0%, hsla(var(--ig-success-500), var(--ig-success-a)) 50%, transparent 100%);\n}`;\n"]}
|
|
@@ -32,7 +32,7 @@ export const styles = css `:host {
|
|
|
32
32
|
display: none !important;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
/* stylelint-disable max-line-length */
|
|
35
|
+
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
36
36
|
[part~=striped]:not([part~=indeterminate]) {
|
|
37
37
|
/* stylelint-disable */
|
|
38
38
|
background: hsla(var(--ig-secondary-500), var(--ig-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-secondary-500), var(--ig-secondary-a)), hsla(var(--ig-secondary-500), var(--ig-secondary-a)) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.875rem);
|
|
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n[part~=striped]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-secondary-500), var(--ig-secondary-a)), hsla(var(--ig-secondary-500), var(--ig-secondary-a)) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.875rem);\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-secondary-500), var(--ig-secondary-a)), hsla(var(--ig-secondary-500), var(--ig-secondary-a)) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.875rem);\n /* stylelint-enable */\n}`;\n"]}
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n[part~=striped]:not([part~=indeterminate]) {\n /* stylelint-disable */\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-secondary-500), var(--ig-secondary-a)), hsla(var(--ig-secondary-500), var(--ig-secondary-a)) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.875rem);\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-secondary-500), var(--ig-secondary-a)), hsla(var(--ig-secondary-500), var(--ig-secondary-a)) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.875rem);\n /* stylelint-enable */\n}`;\n"]}
|
|
@@ -26,23 +26,49 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
|
|
|
26
26
|
private inputId;
|
|
27
27
|
private labelId;
|
|
28
28
|
protected input: HTMLInputElement;
|
|
29
|
+
protected label: Array<Node>;
|
|
29
30
|
private _tabIndex;
|
|
30
31
|
private focused;
|
|
31
|
-
|
|
32
|
+
protected hideLabel: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* The name attribute of the control.
|
|
35
|
+
* @attr
|
|
36
|
+
*/
|
|
32
37
|
name: string;
|
|
33
|
-
/**
|
|
38
|
+
/**
|
|
39
|
+
* The value attribute of the control.
|
|
40
|
+
* @attr
|
|
41
|
+
*/
|
|
34
42
|
value: string;
|
|
35
|
-
/**
|
|
43
|
+
/**
|
|
44
|
+
* Makes the control a required field.
|
|
45
|
+
* @attr
|
|
46
|
+
*/
|
|
36
47
|
required: boolean;
|
|
37
|
-
/**
|
|
48
|
+
/**
|
|
49
|
+
* The checked state of the control.
|
|
50
|
+
* @attr
|
|
51
|
+
*/
|
|
38
52
|
checked: boolean;
|
|
39
|
-
/**
|
|
53
|
+
/**
|
|
54
|
+
* Disables the radio control.
|
|
55
|
+
* @attr
|
|
56
|
+
*/
|
|
40
57
|
disabled: boolean;
|
|
41
|
-
/**
|
|
58
|
+
/**
|
|
59
|
+
* Controls the validity of the control.
|
|
60
|
+
* @attr
|
|
61
|
+
*/
|
|
42
62
|
invalid: boolean;
|
|
43
|
-
/**
|
|
63
|
+
/**
|
|
64
|
+
* The label position of the radio control.
|
|
65
|
+
* @attr label-position
|
|
66
|
+
*/
|
|
44
67
|
labelPosition: 'before' | 'after';
|
|
45
|
-
/**
|
|
68
|
+
/**
|
|
69
|
+
* Sets the aria-labelledby attribute for the radio control.
|
|
70
|
+
* @attr
|
|
71
|
+
*/
|
|
46
72
|
ariaLabelledby: string;
|
|
47
73
|
/** Simulates a click on the radio control. */
|
|
48
74
|
click(): void;
|
|
@@ -69,6 +95,7 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
|
|
|
69
95
|
protected handleChange(): void;
|
|
70
96
|
protected getSiblings(): IgcRadioComponent[];
|
|
71
97
|
protected getAllInGroup(): IgcRadioComponent[];
|
|
98
|
+
protected firstUpdated(): Promise<void>;
|
|
72
99
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
73
100
|
}
|
|
74
101
|
declare global {
|
|
@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
var IgcRadioComponent_1;
|
|
8
8
|
import { html, LitElement } from 'lit';
|
|
9
|
-
import { property, query, state } from 'lit/decorators.js';
|
|
9
|
+
import { property, query, queryAssignedNodes, state } from 'lit/decorators.js';
|
|
10
10
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
11
11
|
import { live } from 'lit/directives/live.js';
|
|
12
12
|
import { themes } from '../../theming/theming-decorator.js';
|
|
@@ -27,6 +27,7 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Ev
|
|
|
27
27
|
this.labelId = `radio-label-${this.inputId}`;
|
|
28
28
|
this._tabIndex = 0;
|
|
29
29
|
this.focused = false;
|
|
30
|
+
this.hideLabel = false;
|
|
30
31
|
this.required = false;
|
|
31
32
|
this.checked = false;
|
|
32
33
|
this.disabled = false;
|
|
@@ -105,6 +106,12 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Ev
|
|
|
105
106
|
return [];
|
|
106
107
|
return Array.from(group.querySelectorAll('igc-radio'));
|
|
107
108
|
}
|
|
109
|
+
async firstUpdated() {
|
|
110
|
+
if (this.label.length === 0) {
|
|
111
|
+
this.hideLabel = true;
|
|
112
|
+
}
|
|
113
|
+
await this.updateComplete;
|
|
114
|
+
}
|
|
108
115
|
render() {
|
|
109
116
|
return html `
|
|
110
117
|
<label
|
|
@@ -138,6 +145,7 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Ev
|
|
|
138
145
|
part="${partNameMap({ control: true, checked: this.checked })}"
|
|
139
146
|
></span>
|
|
140
147
|
<span
|
|
148
|
+
.hidden="${this.hideLabel}"
|
|
141
149
|
part="${partNameMap({ label: true, checked: this.checked })}"
|
|
142
150
|
id="${this.labelId}"
|
|
143
151
|
>
|
|
@@ -153,12 +161,18 @@ IgcRadioComponent.increment = createCounter();
|
|
|
153
161
|
__decorate([
|
|
154
162
|
query('input[type="radio"]', true)
|
|
155
163
|
], IgcRadioComponent.prototype, "input", void 0);
|
|
164
|
+
__decorate([
|
|
165
|
+
queryAssignedNodes({ flatten: true })
|
|
166
|
+
], IgcRadioComponent.prototype, "label", void 0);
|
|
156
167
|
__decorate([
|
|
157
168
|
state()
|
|
158
169
|
], IgcRadioComponent.prototype, "_tabIndex", void 0);
|
|
159
170
|
__decorate([
|
|
160
171
|
state()
|
|
161
172
|
], IgcRadioComponent.prototype, "focused", void 0);
|
|
173
|
+
__decorate([
|
|
174
|
+
state()
|
|
175
|
+
], IgcRadioComponent.prototype, "hideLabel", void 0);
|
|
162
176
|
__decorate([
|
|
163
177
|
property()
|
|
164
178
|
], IgcRadioComponent.prototype, "name", void 0);
|