igniteui-webcomponents 4.9.0 → 4.11.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 +24 -0
- package/animations/player.d.ts +1 -1
- package/components/banner/banner.d.ts +55 -0
- package/components/banner/banner.js +100 -0
- package/components/banner/banner.js.map +1 -0
- package/components/banner/themes/banner.base.css.js +3 -0
- package/components/banner/themes/banner.base.css.js.map +1 -0
- package/components/banner/themes/dark/banner.bootstrap.css.js +3 -0
- package/components/banner/themes/dark/banner.bootstrap.css.js.map +1 -0
- package/components/banner/themes/dark/banner.fluent.css.d.ts +1 -0
- package/components/banner/themes/dark/banner.fluent.css.js +3 -0
- package/components/banner/themes/dark/banner.fluent.css.js.map +1 -0
- package/components/banner/themes/dark/banner.indigo.css.d.ts +1 -0
- package/components/banner/themes/dark/banner.indigo.css.js +3 -0
- package/components/banner/themes/dark/banner.indigo.css.js.map +1 -0
- package/components/banner/themes/dark/banner.material.css.d.ts +1 -0
- package/components/banner/themes/dark/banner.material.css.js +3 -0
- package/components/banner/themes/dark/banner.material.css.js.map +1 -0
- package/components/banner/themes/light/banner.bootstrap.css.d.ts +1 -0
- package/components/banner/themes/light/banner.bootstrap.css.js +3 -0
- package/components/banner/themes/light/banner.bootstrap.css.js.map +1 -0
- package/components/banner/themes/light/banner.fluent.css.d.ts +1 -0
- package/components/banner/themes/light/banner.fluent.css.js +3 -0
- package/components/banner/themes/light/banner.fluent.css.js.map +1 -0
- package/components/banner/themes/light/banner.indigo.css.d.ts +1 -0
- package/components/banner/themes/light/banner.indigo.css.js +3 -0
- package/components/banner/themes/light/banner.indigo.css.js.map +1 -0
- package/components/banner/themes/light/banner.material.css.d.ts +1 -0
- package/components/banner/themes/light/banner.material.css.js +3 -0
- package/components/banner/themes/light/banner.material.css.js.map +1 -0
- package/components/banner/themes/shared/banner.bootstrap.css.d.ts +1 -0
- package/components/banner/themes/shared/banner.bootstrap.css.js +3 -0
- package/components/banner/themes/shared/banner.bootstrap.css.js.map +1 -0
- package/components/banner/themes/shared/banner.fluent.css.d.ts +1 -0
- package/components/banner/themes/shared/banner.fluent.css.js +3 -0
- package/components/banner/themes/shared/banner.fluent.css.js.map +1 -0
- package/components/banner/themes/shared/banner.indigo.css.d.ts +1 -0
- package/components/banner/themes/shared/banner.indigo.css.js +3 -0
- package/components/banner/themes/shared/banner.indigo.css.js.map +1 -0
- package/components/banner/themes/shared/banner.material.css.d.ts +1 -0
- package/components/banner/themes/shared/banner.material.css.js +3 -0
- package/components/banner/themes/shared/banner.material.css.js.map +1 -0
- package/components/banner/themes/themes.d.ts +2 -0
- package/components/banner/themes/themes.js +43 -0
- package/components/banner/themes/themes.js.map +1 -0
- package/components/button/button-base.d.ts +3 -1
- package/components/button/button-base.js +13 -4
- package/components/button/button-base.js.map +1 -1
- package/components/button/themes/button/button.base.css.js +1 -1
- package/components/button/themes/button/button.base.css.js.map +1 -1
- package/components/button/themes/button/dark/button.bootstrap.css.js +1 -1
- package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/dark/button.fluent.css.js +1 -1
- package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/dark/button.indigo.css.js +1 -1
- package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/dark/button.material.css.js +1 -1
- package/components/button/themes/button/dark/button.material.css.js.map +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/light/button.fluent.css.js +1 -1
- package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/light/button.indigo.css.js +1 -1
- package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/light/button.material.css.js +1 -1
- package/components/button/themes/button/light/button.material.css.js.map +1 -1
- package/components/button/themes/button/light/button.shared.css.js +1 -1
- package/components/button/themes/button/light/button.shared.css.js.map +1 -1
- package/components/button/themes/button/shared/button.bootstrap.css.js +1 -1
- package/components/button/themes/button/shared/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/shared/button.common.css.js +1 -1
- package/components/button/themes/button/shared/button.common.css.js.map +1 -1
- package/components/button/themes/button/shared/button.fluent.css.js +1 -1
- package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/shared/button.indigo.css.js +1 -1
- package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/shared/button.material.css.js +1 -1
- package/components/button/themes/button/shared/button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.material.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/icon-button.base.css.js +1 -1
- package/components/button/themes/icon-button/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/button/themes/icon-button/shared/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.common.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.common.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.material.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.material.css.js.map +1 -1
- package/components/button-group/themes/button.base.css.js +1 -1
- package/components/button-group/themes/button.base.css.js.map +1 -1
- package/components/button-group/themes/button.d.ts +1 -1
- package/components/button-group/themes/button.js +7 -0
- package/components/button-group/themes/button.js.map +1 -1
- package/components/button-group/themes/dark/button-group.bootstrap.css.js +1 -1
- package/components/button-group/themes/dark/button-group.bootstrap.css.js.map +1 -1
- package/components/button-group/themes/dark/button-group.fluent.css.js +1 -1
- package/components/button-group/themes/dark/button-group.fluent.css.js.map +1 -1
- package/components/button-group/themes/dark/button-group.indigo.css.js +1 -1
- package/components/button-group/themes/dark/button-group.indigo.css.js.map +1 -1
- package/components/button-group/themes/dark/button-group.material.css.js +1 -1
- package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
- package/components/button-group/themes/dark/button-group.shared.css.js +1 -1
- package/components/button-group/themes/dark/button-group.shared.css.js.map +1 -1
- package/components/button-group/themes/group.d.ts +1 -1
- package/components/button-group/themes/group.js.map +1 -1
- package/components/button-group/themes/light/button-group.bootstrap.css.js +1 -1
- package/components/button-group/themes/light/button-group.bootstrap.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.fluent.css.js +1 -1
- package/components/button-group/themes/light/button-group.fluent.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.indigo.css.js +1 -1
- package/components/button-group/themes/light/button-group.indigo.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.material.css.js +1 -1
- package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
- package/components/button-group/themes/light/button-group.shared.css.js +1 -1
- package/components/button-group/themes/light/button-group.shared.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
- package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.common.css.js +1 -1
- package/components/button-group/themes/shared/button/button.common.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.fluent.css.js +1 -1
- package/components/button-group/themes/shared/button/button.fluent.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.indigo.css.js +1 -1
- package/components/button-group/themes/shared/button/button.indigo.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.material.css.d.ts +1 -0
- package/components/button-group/themes/shared/button/button.material.css.js +3 -0
- package/components/button-group/themes/shared/button/button.material.css.js.map +1 -0
- package/components/button-group/themes/shared/group/group.bootstrap.css.js +1 -1
- package/components/button-group/themes/shared/group/group.bootstrap.css.js.map +1 -1
- package/components/button-group/themes/shared/group/group.common.css.js +1 -1
- package/components/button-group/themes/shared/group/group.common.css.js.map +1 -1
- package/components/button-group/themes/shared/group/group.indigo.css.js +1 -1
- package/components/button-group/themes/shared/group/group.indigo.css.js.map +1 -1
- package/components/button-group/toggle-button.d.ts +3 -1
- package/components/button-group/toggle-button.js +9 -1
- package/components/button-group/toggle-button.js.map +1 -1
- package/components/calendar/calendar.d.ts +2 -1
- package/components/calendar/calendar.js +15 -14
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.material.css.js +1 -1
- package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.material.css.js +1 -1
- package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.shared.css.js +1 -1
- package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
- package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
- package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
- package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js +1 -1
- package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js.map +1 -1
- package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js +1 -1
- package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js.map +1 -1
- package/components/calendar/themes/shared/material/year-month-view.material.css.js +1 -1
- package/components/calendar/themes/shared/material/year-month-view.material.css.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +2 -6
- package/components/checkbox/checkbox-base.js +18 -37
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/checkbox/checkbox.js +3 -3
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/switch.js +3 -3
- package/components/checkbox/switch.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/dark/switch/switch.material.css.js +1 -1
- package/components/checkbox/themes/dark/switch/switch.material.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.material.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.material.css.js.map +1 -1
- package/components/checkbox/themes/light/switch/switch.shared.css.js +1 -1
- package/components/checkbox/themes/light/switch/switch.shared.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
- package/components/checkbox/themes/switch-themes.js +3 -4
- package/components/checkbox/themes/switch-themes.js.map +1 -1
- package/components/chip/themes/dark/chip.indigo.css.js +1 -1
- package/components/chip/themes/dark/chip.indigo.css.js.map +1 -1
- package/components/chip/themes/light/chip.indigo.css.js +1 -1
- package/components/chip/themes/light/chip.indigo.css.js.map +1 -1
- package/components/combo/combo.d.ts +2 -0
- package/components/combo/combo.js +17 -0
- package/components/combo/combo.js.map +1 -1
- package/components/combo/controllers/navigation.d.ts +1 -0
- package/components/combo/controllers/navigation.js +7 -1
- package/components/combo/controllers/navigation.js.map +1 -1
- package/components/combo/controllers/selection.d.ts +1 -0
- package/components/combo/controllers/selection.js +9 -0
- package/components/combo/controllers/selection.js.map +1 -1
- package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
- package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
- package/components/combo/themes/dark/combo.fluent.css.js +1 -1
- package/components/combo/themes/dark/combo.fluent.css.js.map +1 -1
- package/components/combo/themes/dark/combo.indigo.css.js +1 -1
- package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/dark/combo.material.css.js +1 -1
- package/components/combo/themes/dark/combo.material.css.js.map +1 -1
- package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
- package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
- package/components/combo/themes/light/combo.fluent.css.js +1 -1
- package/components/combo/themes/light/combo.fluent.css.js.map +1 -1
- package/components/combo/themes/light/combo.indigo.css.js +1 -1
- package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/light/combo.material.css.js +1 -1
- package/components/combo/themes/light/combo.material.css.js.map +1 -1
- package/components/combo/themes/shared/combo.common.css.js +1 -1
- package/components/combo/themes/shared/combo.common.css.js.map +1 -1
- package/components/common/controllers/focus-ring.d.ts +32 -0
- package/components/common/controllers/focus-ring.js +31 -0
- package/components/common/controllers/focus-ring.js.map +1 -0
- package/components/common/decorators/blazorDeepImport.d.ts +1 -1
- package/components/common/decorators/blazorDeepImport.js.map +1 -1
- package/components/common/decorators/blazorIndirectRender.d.ts +1 -1
- package/components/common/decorators/blazorIndirectRender.js.map +1 -1
- package/components/common/decorators/blazorSuppressComponent.d.ts +1 -1
- package/components/common/decorators/blazorSuppressComponent.js.map +1 -1
- package/components/common/definitions/defineAllComponents.js +6 -0
- package/components/common/definitions/defineAllComponents.js.map +1 -1
- package/components/common/localization/validation-en.d.ts +1 -0
- package/components/common/localization/validation-en.js +1 -0
- package/components/common/localization/validation-en.js.map +1 -1
- package/components/common/mixins/event-emitter.d.ts +1 -1
- package/components/common/mixins/event-emitter.js.map +1 -1
- package/components/common/mixins/form-associated.d.ts +1 -1
- package/components/common/mixins/form-associated.js.map +1 -1
- package/components/common/mixins/option.d.ts +10 -6
- package/components/common/mixins/option.js +28 -23
- package/components/common/mixins/option.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/util.d.ts +5 -1
- package/components/common/util.js +2 -1
- package/components/common/util.js.map +1 -1
- package/components/common/validators.d.ts +9 -1
- package/components/common/validators.js +16 -1
- package/components/common/validators.js.map +1 -1
- package/components/date-picker/date-picker.d.ts +279 -0
- package/components/date-picker/date-picker.js +534 -0
- package/components/date-picker/date-picker.js.map +1 -0
- package/components/date-picker/themes/dark/date-picker.bootstrap.css.d.ts +1 -0
- package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +3 -0
- package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -0
- package/components/date-picker/themes/dark/date-picker.fluent.css.d.ts +1 -0
- package/components/date-picker/themes/dark/date-picker.fluent.css.js +3 -0
- package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -0
- package/components/date-picker/themes/dark/date-picker.indigo.css.d.ts +1 -0
- package/components/date-picker/themes/dark/date-picker.indigo.css.js +3 -0
- package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -0
- package/components/date-picker/themes/dark/date-picker.material.css.d.ts +1 -0
- package/components/date-picker/themes/dark/date-picker.material.css.js +3 -0
- package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -0
- package/components/date-picker/themes/date-picker.base.css.d.ts +1 -0
- package/components/date-picker/themes/date-picker.base.css.js +3 -0
- package/components/date-picker/themes/date-picker.base.css.js.map +1 -0
- package/components/date-picker/themes/light/date-picker.bootstrap.css.d.ts +1 -0
- package/components/date-picker/themes/light/date-picker.bootstrap.css.js +3 -0
- package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -0
- package/components/date-picker/themes/light/date-picker.fluent.css.d.ts +1 -0
- package/components/date-picker/themes/light/date-picker.fluent.css.js +3 -0
- package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -0
- package/components/date-picker/themes/light/date-picker.indigo.css.d.ts +1 -0
- package/components/date-picker/themes/light/date-picker.indigo.css.js +3 -0
- package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -0
- package/components/date-picker/themes/light/date-picker.material.css.d.ts +1 -0
- package/components/date-picker/themes/light/date-picker.material.css.js +3 -0
- package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -0
- package/components/date-picker/themes/light/date-picker.shared.css.d.ts +1 -0
- package/components/date-picker/themes/light/date-picker.shared.css.js +3 -0
- package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -0
- package/components/date-picker/themes/shared/date-picker.bootstrap.css.d.ts +1 -0
- package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +3 -0
- package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -0
- package/components/date-picker/themes/shared/date-picker.common.css.d.ts +1 -0
- package/components/date-picker/themes/shared/date-picker.common.css.js +3 -0
- package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -0
- package/components/date-picker/themes/shared/date-picker.fluent.css.d.ts +1 -0
- package/components/date-picker/themes/shared/date-picker.fluent.css.js +3 -0
- package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -0
- package/components/date-picker/themes/shared/date-picker.indigo.css.d.ts +1 -0
- package/components/date-picker/themes/shared/date-picker.indigo.css.js +3 -0
- package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -0
- package/components/date-picker/themes/themes.d.ts +2 -0
- package/components/date-picker/themes/themes.js +49 -0
- package/components/date-picker/themes/themes.js.map +1 -0
- package/components/date-time-input/date-time-input.d.ts +3 -3
- package/components/date-time-input/date-time-input.js +21 -27
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/dialog/dialog.d.ts +2 -1
- package/components/dialog/dialog.js +18 -11
- package/components/dialog/dialog.js.map +1 -1
- package/components/dialog/themes/dialog.base.css.js +1 -1
- package/components/dialog/themes/dialog.base.css.js.map +1 -1
- package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
- package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
- package/components/divider/divider.d.ts +40 -0
- package/components/divider/divider.js +58 -0
- package/components/divider/divider.js.map +1 -0
- package/components/divider/themes/dark/divider.bootstrap.css.d.ts +1 -0
- package/components/divider/themes/dark/divider.bootstrap.css.js +3 -0
- package/components/divider/themes/dark/divider.bootstrap.css.js.map +1 -0
- package/components/divider/themes/dark/divider.fluent.css.d.ts +1 -0
- package/components/divider/themes/dark/divider.fluent.css.js +3 -0
- package/components/divider/themes/dark/divider.fluent.css.js.map +1 -0
- package/components/divider/themes/dark/divider.indigo.css.d.ts +1 -0
- package/components/divider/themes/dark/divider.indigo.css.js +3 -0
- package/components/divider/themes/dark/divider.indigo.css.js.map +1 -0
- package/components/divider/themes/dark/divider.material.css.d.ts +1 -0
- package/components/divider/themes/dark/divider.material.css.js +3 -0
- package/components/divider/themes/dark/divider.material.css.js.map +1 -0
- package/components/divider/themes/divider.base.css.d.ts +1 -0
- package/components/divider/themes/divider.base.css.js +3 -0
- package/components/divider/themes/divider.base.css.js.map +1 -0
- package/components/divider/themes/light/divider.bootstrap.css.d.ts +1 -0
- package/components/divider/themes/light/divider.bootstrap.css.js +3 -0
- package/components/divider/themes/light/divider.bootstrap.css.js.map +1 -0
- package/components/divider/themes/light/divider.fluent.css.d.ts +1 -0
- package/components/divider/themes/light/divider.fluent.css.js +3 -0
- package/components/divider/themes/light/divider.fluent.css.js.map +1 -0
- package/components/divider/themes/light/divider.indigo.css.d.ts +1 -0
- package/components/divider/themes/light/divider.indigo.css.js +3 -0
- package/components/divider/themes/light/divider.indigo.css.js.map +1 -0
- package/components/divider/themes/light/divider.material.css.d.ts +1 -0
- package/components/divider/themes/light/divider.material.css.js +3 -0
- package/components/divider/themes/light/divider.material.css.js.map +1 -0
- package/components/divider/themes/light/divider.shared.css.d.ts +1 -0
- package/components/divider/themes/light/divider.shared.css.js +3 -0
- package/components/divider/themes/light/divider.shared.css.js.map +1 -0
- package/components/divider/themes/shared/divider.common.css.d.ts +1 -0
- package/components/divider/themes/shared/divider.common.css.js +3 -0
- package/components/divider/themes/shared/divider.common.css.js.map +1 -0
- package/components/divider/themes/shared/divider.indigo.css.d.ts +1 -0
- package/components/divider/themes/shared/divider.indigo.css.js +3 -0
- package/components/divider/themes/shared/divider.indigo.css.js.map +1 -0
- package/components/divider/themes/themes.d.ts +2 -0
- package/components/divider/themes/themes.js +47 -0
- package/components/divider/themes/themes.js.map +1 -0
- package/components/dropdown/dropdown-group.d.ts +1 -1
- package/components/dropdown/dropdown-group.js.map +1 -1
- package/components/dropdown/dropdown-item.d.ts +3 -3
- package/components/dropdown/dropdown-item.js.map +1 -1
- package/components/dropdown/dropdown.d.ts +3 -3
- package/components/dropdown/dropdown.js +1 -0
- 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/dark/dropdown.material.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.material.css.js.map +1 -1
- package/components/dropdown/themes/header.js +7 -0
- package/components/dropdown/themes/header.js.map +1 -1
- package/components/dropdown/themes/item.js +7 -0
- package/components/dropdown/themes/item.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.bootstrap.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.fluent.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.material.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.material.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.shared.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.shared.css.js.map +1 -1
- package/components/dropdown/themes/shared/dropdown.common.css.js +1 -1
- package/components/dropdown/themes/shared/dropdown.common.css.js.map +1 -1
- package/components/dropdown/themes/shared/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/shared/dropdown.indigo.css.js.map +1 -1
- package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.d.ts +1 -0
- package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js +3 -0
- package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js.map +1 -0
- package/components/dropdown/themes/shared/item/dropdown-item.common.css.js +1 -1
- package/components/dropdown/themes/shared/item/dropdown-item.common.css.js.map +1 -1
- package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.d.ts +1 -0
- package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js +3 -0
- package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js.map +1 -0
- package/components/focus-trap/focus-trap.d.ts +35 -0
- package/components/focus-trap/focus-trap.js +144 -0
- package/components/focus-trap/focus-trap.js.map +1 -0
- package/components/icon/internal-icons-lib.js +6 -0
- package/components/icon/internal-icons-lib.js.map +1 -1
- package/components/input/input-base.d.ts +2 -1
- package/components/input/input.d.ts +11 -2
- package/components/input/input.js +13 -4
- package/components/input/input.js.map +1 -1
- package/components/list/themes/dark/container/list.indigo.css.js +1 -1
- package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
- package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
- package/components/list/themes/header.js +3 -2
- package/components/list/themes/header.js.map +1 -1
- package/components/list/themes/item.base.css.js +1 -1
- package/components/list/themes/item.base.css.js.map +1 -1
- package/components/list/themes/light/container/list.indigo.css.js +1 -1
- package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
- package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
- package/components/list/themes/shared/container/list.bootstrap.css.js +1 -1
- package/components/list/themes/shared/container/list.bootstrap.css.js.map +1 -1
- package/components/list/themes/shared/container/list.fluent.css.js +1 -1
- package/components/list/themes/shared/container/list.fluent.css.js.map +1 -1
- package/components/list/themes/shared/container/list.indigo.css.js +1 -1
- package/components/list/themes/shared/container/list.indigo.css.js.map +1 -1
- package/components/list/themes/shared/container/list.material.css.js +1 -1
- package/components/list/themes/shared/container/list.material.css.js.map +1 -1
- package/components/list/themes/shared/header/list-header.indigo.css.d.ts +1 -0
- package/components/list/themes/shared/header/list-header.indigo.css.js +3 -0
- package/components/list/themes/shared/header/list-header.indigo.css.js.map +1 -0
- package/components/list/themes/shared/item/list-item.common.css.js +1 -1
- package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
- package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
- package/components/mask-input/mask-input.js +2 -4
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +6 -6
- package/components/nav-drawer/nav-drawer.js +11 -13
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/nav-drawer/themes/container.base.css.js +1 -1
- package/components/nav-drawer/themes/container.base.css.js.map +1 -1
- package/components/nav-drawer/themes/container.js +3 -2
- package/components/nav-drawer/themes/container.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js.map +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.js +1 -1
- package/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.js.map +1 -1
- package/components/nav-drawer/themes/header-item.base.css.js +1 -1
- package/components/nav-drawer/themes/header-item.base.css.js.map +1 -1
- package/components/nav-drawer/themes/header-item.js +21 -0
- package/components/nav-drawer/themes/header-item.js.map +1 -1
- package/components/nav-drawer/themes/item.base.css.js +1 -1
- package/components/nav-drawer/themes/item.base.css.js.map +1 -1
- package/components/nav-drawer/themes/item.js +7 -0
- package/components/nav-drawer/themes/item.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js +1 -1
- package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.fluent.css.js +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.d.ts +1 -0
- package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js +3 -0
- package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js.map +1 -0
- package/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.d.ts +1 -0
- package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.js +3 -0
- package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.js.map +1 -0
- package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.d.ts +1 -0
- package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js +3 -0
- package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js.map +1 -0
- package/components/nav-drawer/themes/shared/header-item/header-item.material.css.d.ts +1 -0
- package/components/nav-drawer/themes/shared/header-item/header-item.material.css.js +3 -0
- package/components/nav-drawer/themes/shared/header-item/header-item.material.css.js.map +1 -0
- package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js +1 -1
- package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/item/item.common.css.js +1 -1
- package/components/nav-drawer/themes/shared/item/item.common.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/item/item.fluent.css.js +1 -1
- package/components/nav-drawer/themes/shared/item/item.fluent.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/item/item.indigo.css.js +1 -1
- package/components/nav-drawer/themes/shared/item/item.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/item/item.material.css.d.ts +1 -0
- package/components/nav-drawer/themes/shared/item/item.material.css.js +3 -0
- package/components/nav-drawer/themes/shared/item/item.material.css.js.map +1 -0
- package/components/navbar/themes/dark/navbar.fluent.css.js +1 -1
- package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -1
- package/components/navbar/themes/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.shared.css.js +1 -1
- package/components/navbar/themes/light/navbar.shared.css.js.map +1 -1
- package/components/navbar/themes/navbar.base.css.js +1 -1
- package/components/navbar/themes/navbar.base.css.js.map +1 -1
- package/components/navbar/themes/shared/navbar.bootstrap.css.js +1 -1
- package/components/navbar/themes/shared/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/shared/navbar.common.css.js +1 -1
- package/components/navbar/themes/shared/navbar.common.css.js.map +1 -1
- package/components/navbar/themes/shared/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/shared/navbar.indigo.css.js.map +1 -1
- package/components/popover/popover.d.ts +2 -0
- package/components/popover/popover.js +1 -1
- package/components/popover/popover.js.map +1 -1
- package/components/progress/base.d.ts +1 -1
- package/components/progress/base.js +6 -4
- package/components/progress/base.js.map +1 -1
- package/components/progress/circular-progress.d.ts +13 -13
- package/components/progress/circular-progress.js +1 -1
- package/components/progress/circular-progress.js.map +1 -1
- package/components/progress/linear-progress.d.ts +11 -11
- package/components/progress/linear-progress.js +4 -4
- 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/dark/circular.progress.indigo.css.js +1 -1
- package/components/progress/themes/circular/dark/circular.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/circular/light/circular.progress.indigo.css.js +1 -1
- package/components/progress/themes/circular/light/circular.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/circular/shared/circular.progress.common.css.js +1 -1
- package/components/progress/themes/circular/shared/circular.progress.common.css.js.map +1 -1
- package/components/progress/themes/circular/shared/circular.progress.fluent.css.js +1 -1
- package/components/progress/themes/circular/shared/circular.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/circular/shared/circular.progress.indigo.css.d.ts +1 -0
- package/components/progress/themes/circular/shared/circular.progress.indigo.css.js +3 -0
- package/components/progress/themes/circular/shared/circular.progress.indigo.css.js.map +1 -0
- package/components/progress/themes/circular/themes.js +3 -2
- package/components/progress/themes/circular/themes.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/light/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/light/linear.progress.indigo.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
- package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
- package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/shared/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/shared/linear.progress.indigo.css.js.map +1 -1
- package/components/radio/radio.d.ts +13 -5
- package/components/radio/radio.js +51 -43
- package/components/radio/radio.js.map +1 -1
- package/components/radio/themes/dark/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js +1 -1
- package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/dark/radio.indigo.css.js +1 -1
- package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/dark/radio.material.css.js +1 -1
- package/components/radio/themes/dark/radio.material.css.js.map +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/light/radio.fluent.css.js +1 -1
- package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/light/radio.indigo.css.js +1 -1
- package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/light/radio.material.css.js +1 -1
- package/components/radio/themes/light/radio.material.css.js.map +1 -1
- package/components/radio/themes/light/radio.shared.css.js +1 -1
- package/components/radio/themes/light/radio.shared.css.js.map +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/shared/radio.fluent.css.js +1 -1
- package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/shared/radio.material.css.js +1 -1
- package/components/radio/themes/shared/radio.material.css.js.map +1 -1
- package/components/radio/themes/themes.js +3 -4
- package/components/radio/themes/themes.js.map +1 -1
- package/components/radio/utils.d.ts +1 -1
- package/components/radio/utils.js +9 -2
- package/components/radio/utils.js.map +1 -1
- package/components/radio-group/radio-group.d.ts +20 -0
- package/components/radio-group/radio-group.js +53 -4
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/themes/dark/rating.indigo.css.js +1 -1
- package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
- package/components/rating/themes/light/rating.indigo.css.js +1 -1
- package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
- package/components/rating/themes/rating-symbol.base.css.js +1 -1
- package/components/rating/themes/rating-symbol.base.css.js.map +1 -1
- package/components/rating/themes/rating.base.css.js +1 -1
- package/components/rating/themes/rating.base.css.js.map +1 -1
- package/components/rating/themes/shared/rating.indigo.css.js +1 -1
- package/components/rating/themes/shared/rating.indigo.css.js.map +1 -1
- package/components/ripple/ripple.js +31 -19
- package/components/ripple/ripple.js.map +1 -1
- package/components/select/select-item.d.ts +9 -4
- package/components/select/select-item.js +9 -8
- package/components/select/select-item.js.map +1 -1
- package/components/select/select.d.ts +9 -7
- package/components/select/select.js +11 -0
- package/components/select/select.js.map +1 -1
- package/components/select/themes/dark/select.bootstrap.css.js +1 -1
- package/components/select/themes/dark/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/dark/select.fluent.css.js +1 -1
- package/components/select/themes/dark/select.fluent.css.js.map +1 -1
- package/components/select/themes/dark/select.indigo.css.js +1 -1
- package/components/select/themes/dark/select.indigo.css.js.map +1 -1
- package/components/select/themes/dark/select.material.css.js +1 -1
- package/components/select/themes/dark/select.material.css.js.map +1 -1
- package/components/select/themes/light/select.bootstrap.css.js +1 -1
- package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/light/select.fluent.css.js +1 -1
- package/components/select/themes/light/select.fluent.css.js.map +1 -1
- package/components/select/themes/light/select.indigo.css.js +1 -1
- package/components/select/themes/light/select.indigo.css.js.map +1 -1
- package/components/select/themes/light/select.material.css.js +1 -1
- package/components/select/themes/light/select.material.css.js.map +1 -1
- package/components/select/themes/shared/select.common.css.js +1 -1
- package/components/select/themes/shared/select.common.css.js.map +1 -1
- package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
- package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
- package/components/slider/themes/dark/slider.fluent.css.js +1 -1
- package/components/slider/themes/dark/slider.fluent.css.js.map +1 -1
- package/components/slider/themes/dark/slider.indigo.css.js +1 -1
- package/components/slider/themes/dark/slider.indigo.css.js.map +1 -1
- package/components/slider/themes/dark/slider.material.css.js +1 -1
- package/components/slider/themes/dark/slider.material.css.js.map +1 -1
- package/components/slider/themes/light/slider.bootstrap.css.js +1 -1
- package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
- package/components/slider/themes/light/slider.fluent.css.js +1 -1
- package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
- package/components/slider/themes/light/slider.indigo.css.js +1 -1
- package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
- package/components/slider/themes/light/slider.material.css.js +1 -1
- package/components/slider/themes/light/slider.material.css.js.map +1 -1
- package/components/slider/themes/light/slider.shared.css.js +1 -1
- package/components/slider/themes/light/slider.shared.css.js.map +1 -1
- package/components/slider/themes/shared/slider.common.css.js +1 -1
- package/components/slider/themes/shared/slider.common.css.js.map +1 -1
- package/components/slider/themes/shared/slider.indigo.css.js +1 -1
- package/components/slider/themes/shared/slider.indigo.css.js.map +1 -1
- package/components/slider/themes/slider.base.css.js +1 -1
- package/components/slider/themes/slider.base.css.js.map +1 -1
- package/components/snackbar/themes/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.indigo.css.js +1 -1
- package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
- package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.fluent.css.js +1 -1
- package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.material.css.js +1 -1
- package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.shared.css.js +1 -1
- package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
- package/components/stepper/themes/step/shared/step.common.css.js +1 -1
- package/components/stepper/themes/step/shared/step.common.css.js.map +1 -1
- package/components/stepper/themes/step/shared/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/shared/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/stepper/stepper.indigo.css.js +1 -1
- package/components/stepper/themes/stepper/stepper.indigo.css.js.map +1 -1
- package/components/textarea/textarea.d.ts +5 -2
- package/components/textarea/textarea.js +12 -5
- package/components/textarea/textarea.js.map +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
- package/components/toast/themes/dark/toast.indigo.css.js +1 -1
- package/components/toast/themes/dark/toast.indigo.css.js.map +1 -1
- package/components/toast/themes/light/toast.indigo.css.js +1 -1
- package/components/toast/themes/light/toast.indigo.css.js.map +1 -1
- package/components/toast/themes/shared/toast.bootstrap.css.js +1 -1
- package/components/toast/themes/shared/toast.bootstrap.css.js.map +1 -1
- package/components/toast/themes/shared/toast.common.css.js +1 -1
- package/components/toast/themes/shared/toast.common.css.js.map +1 -1
- package/components/toast/themes/shared/toast.fluent.css.js +1 -1
- package/components/toast/themes/shared/toast.fluent.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/tree/themes/dark/container.bootstrap.css.js +1 -1
- package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
- package/components/tree/themes/dark/container.fluent.css.js +1 -1
- package/components/tree/themes/dark/container.fluent.css.js.map +1 -1
- package/components/tree/themes/dark/container.indigo.css.js +1 -1
- package/components/tree/themes/dark/container.indigo.css.js.map +1 -1
- package/components/tree/themes/dark/container.material.css.js +1 -1
- package/components/tree/themes/dark/container.material.css.js.map +1 -1
- package/components/tree/themes/item.base.css.js +1 -1
- package/components/tree/themes/item.base.css.js.map +1 -1
- package/components/tree/themes/light/container.indigo.css.js +1 -1
- package/components/tree/themes/light/container.indigo.css.js.map +1 -1
- package/components/tree/themes/light/container.shared.css.js +1 -1
- package/components/tree/themes/light/container.shared.css.js.map +1 -1
- package/components/tree/themes/shared/item.common.css.js +1 -1
- package/components/tree/themes/shared/item.common.css.js.map +1 -1
- package/components/tree/themes/shared/item.indigo.css.js +1 -1
- package/components/tree/themes/shared/item.indigo.css.js.map +1 -1
- package/custom-elements.json +3360 -529
- package/igniteui-webcomponents.css-data.json +929 -0
- package/igniteui-webcomponents.html-data.json +2700 -0
- package/index.d.ts +3 -0
- package/index.js +3 -0
- package/index.js.map +1 -1
- package/package.json +6 -2
- package/themes/dark/fluent.css +1 -1
- package/themes/dark/indigo.css +1 -1
- package/themes/light/indigo.css +1 -1
- package/web-types.json +7623 -0
- package/components/checkbox/themes/dark/switch/switch.shared.css.js +0 -3
- package/components/checkbox/themes/dark/switch/switch.shared.css.js.map +0 -1
- package/components/radio/themes/dark/radio.shared.css.js +0 -3
- package/components/radio/themes/dark/radio.shared.css.js.map +0 -1
- /package/components/{checkbox/themes/dark/switch/switch.shared.css.d.ts → banner/themes/banner.base.css.d.ts} +0 -0
- /package/components/{radio/themes/dark/radio.shared.css.d.ts → banner/themes/dark/banner.bootstrap.css.d.ts} +0 -0
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;--track-size: 0.25rem;--linear-animation-duration: 2000ms}:host([dir=rtl][indeterminate]) [part~=track]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}[part~=track]{position:relative;width:inherit;height:var(--track-size);overflow:hidden;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate],[part~="indeterminate secondary"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~="indeterminate secondary"]::after{content:"";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-animation:indeterminate-primary var(--linear-animation-duration) infinite linear;animation:indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{-webkit-animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{-webkit-animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{-webkit-animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{margin:0;font-size:.875em;font-weight:600}[part~=striped][part~=primary]:not([part~=indeterminate]){width:100%;height:100%}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;--track-size: 0.25rem;--linear-animation-duration: 2000ms}:host([dir=rtl][indeterminate]) [part~=track]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}[part~=track]{position:relative;width:inherit;height:var(--track-size);overflow:hidden;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate],[part~="indeterminate secondary"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~="indeterminate secondary"]::after{content:"";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-animation:indeterminate-primary var(--linear-animation-duration) infinite linear;animation:indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{-webkit-animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{-webkit-animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{-webkit-animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=striped][part~=primary]:not([part~=indeterminate]){width:100%;height:100%}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;
|
|
3
3
|
//# sourceMappingURL=linear.progress.base.css.js.map
|
|
@@ -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,q1XAAq1X,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;--track-size: 0.25rem;--linear-animation-duration: 2000ms}:host([dir=rtl][indeterminate]) [part~=track]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}[part~=track]{position:relative;width:inherit;height:var(--track-size);overflow:hidden;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate],[part~=\"indeterminate secondary\"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~=\"indeterminate secondary\"]::after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-animation:indeterminate-primary var(--linear-animation-duration) infinite linear;animation:indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{-webkit-animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{-webkit-animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{-webkit-animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{margin:0;font-size:.875em;font-weight:600}[part~=striped][part~=primary]:not([part~=indeterminate]){width:100%;height:100%}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;\n"]}
|
|
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,+tYAA+tY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;--track-size: 0.25rem;--linear-animation-duration: 2000ms}:host([dir=rtl][indeterminate]) [part~=track]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}[part~=track]{position:relative;width:inherit;height:var(--track-size);overflow:hidden;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate],[part~=\"indeterminate secondary\"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~=\"indeterminate secondary\"]::after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-animation:indeterminate-primary var(--linear-animation-duration) infinite linear;animation:indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{-webkit-animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{-webkit-animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{-webkit-animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=striped][part~=primary]:not([part~=indeterminate]){width:100%;height:100%}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 0.125rem;--linear-animation-duration: 3000ms}:host([dir=rtl]) [part~=indeterminate]{-webkit-animation-name:indeterminate-bar-fluent-rtl;animation-name:indeterminate-bar-fluent-rtl}[part~=track]{margin:.5rem 0}[part~=label]{font-size:.875rem;font-weight:400}[part~=indeterminate]:not([part~=secondary]){width:33% !important;min-width:33%;-webkit-animation-name:indeterminate-bar-fluent;animation-name:indeterminate-bar-fluent;-webkit-animation-duration:var(--linear-animation-duration);animation-duration:var(--linear-animation-duration);-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;left:auto}[part~=indeterminate]:not([part~=secondary])::after{display:none}[part~=secondary]{display:none}[part~=primary][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-default)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-default) 50%, transparent 100%)}[part~=danger][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-danger)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-danger) 50%, transparent 100%)}[part~=warning][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-warning)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-warning) 50%, transparent 100%)}[part~=info][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-info)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-info) 50%, transparent 100%)}[part~=success][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-success)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-success) 50%, transparent 100%)}`;
|
|
2
|
+
export const styles = css `@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 0.125rem;--linear-animation-duration: 3000ms}:host([dir=rtl]) [part~=indeterminate]{-webkit-animation-name:indeterminate-bar-fluent-rtl;animation-name:indeterminate-bar-fluent-rtl}:host([label-align=top]) [part~=track],:host([label-align=top-start]) [part~=track],:host([label-align=top-end]) [part~=track]{-webkit-margin-before:.125rem;margin-block-start:.125rem}:host([label-align=bottom]) [part~=track],:host([label-align=bottom-start]) [part~=track],:host([label-align=bottom-end]) [part~=track]{-webkit-margin-after:.125rem;margin-block-end:.125rem}[part~=indeterminate]:not([part~=secondary]){width:33% !important;min-width:33%;-webkit-animation-name:indeterminate-bar-fluent;animation-name:indeterminate-bar-fluent;-webkit-animation-duration:var(--linear-animation-duration);animation-duration:var(--linear-animation-duration);-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;left:auto}[part~=indeterminate]:not([part~=secondary])::after{display:none}[part~=secondary]{display:none}[part~=primary][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-default)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-default) 50%, transparent 100%)}[part~=danger][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-danger)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-danger) 50%, transparent 100%)}[part~=warning][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-warning)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-warning) 50%, transparent 100%)}[part~=info][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-info)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-info) 50%, transparent 100%)}[part~=success][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-success)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-success) 50%, transparent 100%)}`;
|
|
3
3
|
//# sourceMappingURL=linear.progress.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linear.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/linear/shared/linear.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s9TAAs9T,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 0.125rem;--linear-animation-duration: 3000ms}:host([dir=rtl]) [part~=indeterminate]{-webkit-animation-name:indeterminate-bar-fluent-rtl;animation-name:indeterminate-bar-fluent-rtl}[part~=track]{margin:.5rem 0}[part~=label]{font-size:.875rem;font-weight:400}[part~=indeterminate]:not([part~=secondary]){width:33% !important;min-width:33%;-webkit-animation-name:indeterminate-bar-fluent;animation-name:indeterminate-bar-fluent;-webkit-animation-duration:var(--linear-animation-duration);animation-duration:var(--linear-animation-duration);-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;left:auto}[part~=indeterminate]:not([part~=secondary])::after{display:none}[part~=secondary]{display:none}[part~=primary][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-default)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-default) 50%, transparent 100%)}[part~=danger][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-danger)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-danger) 50%, transparent 100%)}[part~=warning][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-warning)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-warning) 50%, transparent 100%)}[part~=info][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-info)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-info) 50%, transparent 100%)}[part~=success][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-success)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-success) 50%, transparent 100%)}`;\n"]}
|
|
1
|
+
{"version":3,"file":"linear.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/linear/shared/linear.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+vUAA+vU,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 0.125rem;--linear-animation-duration: 3000ms}:host([dir=rtl]) [part~=indeterminate]{-webkit-animation-name:indeterminate-bar-fluent-rtl;animation-name:indeterminate-bar-fluent-rtl}:host([label-align=top]) [part~=track],:host([label-align=top-start]) [part~=track],:host([label-align=top-end]) [part~=track]{-webkit-margin-before:.125rem;margin-block-start:.125rem}:host([label-align=bottom]) [part~=track],:host([label-align=bottom-start]) [part~=track],:host([label-align=bottom-end]) [part~=track]{-webkit-margin-after:.125rem;margin-block-end:.125rem}[part~=indeterminate]:not([part~=secondary]){width:33% !important;min-width:33%;-webkit-animation-name:indeterminate-bar-fluent;animation-name:indeterminate-bar-fluent;-webkit-animation-duration:var(--linear-animation-duration);animation-duration:var(--linear-animation-duration);-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;left:auto}[part~=indeterminate]:not([part~=secondary])::after{display:none}[part~=secondary]{display:none}[part~=primary][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-default)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-default) 50%, transparent 100%)}[part~=danger][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-danger)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-danger) 50%, transparent 100%)}[part~=warning][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-warning)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-warning) 50%, transparent 100%)}[part~=info][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-info)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-info) 50%, transparent 100%)}[part~=success][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--fill-color-success)), to(transparent));background:linear-gradient(90deg, transparent 0%, var(--fill-color-success) 50%, transparent 100%)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}[part~=striped]:not([part~=indeterminate]){background:var(--fill-color-default) repeating-linear-gradient(45deg, var(--fill-color-default), var(--fill-color-default) 0.375rem, var(--stripes-color) 0.375rem, var(--stripes-color) 0.875rem)}`;
|
|
2
|
+
export const styles = css `@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host([label-align=top]) [part~=track],:host([label-align=top-start]) [part~=track],:host([label-align=top-end]) [part~=track]{-webkit-margin-before:.25rem;margin-block-start:.25rem}:host([label-align=bottom]) [part~=track],:host([label-align=bottom-start]) [part~=track],:host([label-align=bottom-end]) [part~=track]{-webkit-margin-after:.25rem;margin-block-end:.25rem}[part~=striped]:not([part~=indeterminate]){background:var(--fill-color-default) repeating-linear-gradient(45deg, var(--fill-color-default), var(--fill-color-default) 0.375rem, var(--stripes-color) 0.375rem, var(--stripes-color) 0.875rem)}`;
|
|
3
3
|
//# sourceMappingURL=linear.progress.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linear.progress.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/linear/shared/linear.progress.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"linear.progress.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/linear/shared/linear.progress.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k8QAAk8Q,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host([label-align=top]) [part~=track],:host([label-align=top-start]) [part~=track],:host([label-align=top-end]) [part~=track]{-webkit-margin-before:.25rem;margin-block-start:.25rem}:host([label-align=bottom]) [part~=track],:host([label-align=bottom-start]) [part~=track],:host([label-align=bottom-end]) [part~=track]{-webkit-margin-after:.25rem;margin-block-end:.25rem}[part~=striped]:not([part~=indeterminate]){background:var(--fill-color-default) repeating-linear-gradient(45deg, var(--fill-color-default), var(--fill-color-default) 0.375rem, var(--stripes-color) 0.375rem, var(--stripes-color) 0.875rem)}`;\n"]}
|
|
@@ -28,14 +28,21 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
|
|
|
28
28
|
protected validators: Validator<this>[];
|
|
29
29
|
private inputId;
|
|
30
30
|
private labelId;
|
|
31
|
+
private _kbFocus;
|
|
31
32
|
protected _checked: boolean;
|
|
32
33
|
protected _value: string;
|
|
33
34
|
protected input: HTMLInputElement;
|
|
34
35
|
protected label: Array<Node>;
|
|
35
36
|
private _tabIndex;
|
|
36
|
-
private focused;
|
|
37
37
|
protected hideLabel: boolean;
|
|
38
|
-
|
|
38
|
+
/** Returns all radio elements from the group, that is having the same name property. */
|
|
39
|
+
private get _radios();
|
|
40
|
+
/** All sibling radio elements of the one invoking the getter. */
|
|
41
|
+
private get _siblings();
|
|
42
|
+
/** All non-disabled radio elements from the group. */
|
|
43
|
+
private get _active();
|
|
44
|
+
/** All checked radio elements from the group. */
|
|
45
|
+
private get _checkedRadios();
|
|
39
46
|
protected setDefaultValue(): void;
|
|
40
47
|
/**
|
|
41
48
|
* The value attribute of the control.
|
|
@@ -55,6 +62,7 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
|
|
|
55
62
|
*/
|
|
56
63
|
labelPosition: 'before' | 'after';
|
|
57
64
|
constructor();
|
|
65
|
+
protected createRenderRoot(): HTMLElement | DocumentFragment;
|
|
58
66
|
connectedCallback(): void;
|
|
59
67
|
/** Simulates a click on the radio control. */
|
|
60
68
|
click(): void;
|
|
@@ -70,13 +78,13 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
|
|
|
70
78
|
protected requiredChange(): void;
|
|
71
79
|
private _updateCheckedState;
|
|
72
80
|
private _updateUncheckedState;
|
|
73
|
-
protected
|
|
81
|
+
protected formResetCallback(): void;
|
|
82
|
+
/** Called after a form reset callback to restore default keyboard navigation. */
|
|
83
|
+
private _resetTabIndexes;
|
|
74
84
|
protected handleClick(): void;
|
|
75
85
|
protected handleBlur(): void;
|
|
76
86
|
protected handleFocus(): void;
|
|
77
|
-
protected handleKeyUp(): void;
|
|
78
87
|
protected navigate(idx: number): void;
|
|
79
|
-
protected handleSlotChange(): void;
|
|
80
88
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
81
89
|
}
|
|
82
90
|
declare global {
|
|
@@ -10,6 +10,7 @@ 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';
|
|
13
|
+
import { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';
|
|
13
14
|
import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, } from '../common/controllers/key-bindings.js';
|
|
14
15
|
import { alternateName } from '../common/decorators/alternateName.js';
|
|
15
16
|
import { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';
|
|
@@ -27,11 +28,20 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Fo
|
|
|
27
28
|
static register() {
|
|
28
29
|
registerComponent(IgcRadioComponent_1);
|
|
29
30
|
}
|
|
30
|
-
get
|
|
31
|
-
return getGroup(this);
|
|
31
|
+
get _radios() {
|
|
32
|
+
return getGroup(this).radios;
|
|
33
|
+
}
|
|
34
|
+
get _siblings() {
|
|
35
|
+
return getGroup(this).siblings;
|
|
36
|
+
}
|
|
37
|
+
get _active() {
|
|
38
|
+
return getGroup(this).active;
|
|
39
|
+
}
|
|
40
|
+
get _checkedRadios() {
|
|
41
|
+
return getGroup(this).checked;
|
|
32
42
|
}
|
|
33
43
|
setDefaultValue() {
|
|
34
|
-
this._defaultValue = this === this.
|
|
44
|
+
this._defaultValue = this === this._checkedRadios[0];
|
|
35
45
|
}
|
|
36
46
|
set value(value) {
|
|
37
47
|
this._value = value;
|
|
@@ -44,9 +54,7 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Fo
|
|
|
44
54
|
}
|
|
45
55
|
set checked(value) {
|
|
46
56
|
this._checked = Boolean(value);
|
|
47
|
-
|
|
48
|
-
this._checked ? this._updateCheckedState() : this._updateUncheckedState();
|
|
49
|
-
}
|
|
57
|
+
this._checked ? this._updateCheckedState() : this._updateUncheckedState();
|
|
50
58
|
}
|
|
51
59
|
get checked() {
|
|
52
60
|
return this._checked;
|
|
@@ -58,7 +66,8 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Fo
|
|
|
58
66
|
key: 'valueMissing',
|
|
59
67
|
message: messages.required,
|
|
60
68
|
isValid: () => {
|
|
61
|
-
const
|
|
69
|
+
const radios = this._radios;
|
|
70
|
+
const checked = this._checkedRadios;
|
|
62
71
|
return radios.some((radio) => radio.required)
|
|
63
72
|
? checked.length > 0
|
|
64
73
|
: true;
|
|
@@ -67,12 +76,11 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Fo
|
|
|
67
76
|
];
|
|
68
77
|
this.inputId = `radio-${IgcRadioComponent_1.increment()}`;
|
|
69
78
|
this.labelId = `radio-label-${this.inputId}`;
|
|
79
|
+
this._kbFocus = addKeyboardFocusRing(this);
|
|
70
80
|
this._checked = false;
|
|
71
81
|
this._tabIndex = 0;
|
|
72
|
-
this.focused = false;
|
|
73
82
|
this.hideLabel = false;
|
|
74
83
|
this.labelPosition = 'after';
|
|
75
|
-
this.addEventListener('keyup', this.handleKeyUp);
|
|
76
84
|
addKeybindings(this, {
|
|
77
85
|
skip: () => this.disabled,
|
|
78
86
|
bindingDefaults: { preventDefault: true, triggers: ['keydownRepeat'] },
|
|
@@ -82,9 +90,16 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Fo
|
|
|
82
90
|
.set(arrowUp, () => this.navigate(-1))
|
|
83
91
|
.set(arrowDown, () => this.navigate(1));
|
|
84
92
|
}
|
|
93
|
+
createRenderRoot() {
|
|
94
|
+
const root = super.createRenderRoot();
|
|
95
|
+
root.addEventListener('slotchange', () => {
|
|
96
|
+
this.hideLabel = this.label.length < 1;
|
|
97
|
+
});
|
|
98
|
+
return root;
|
|
99
|
+
}
|
|
85
100
|
connectedCallback() {
|
|
86
101
|
super.connectedCallback();
|
|
87
|
-
this._checked = this === this.
|
|
102
|
+
this._checked = this === this._checkedRadios[0];
|
|
88
103
|
this.updateValidity();
|
|
89
104
|
}
|
|
90
105
|
click() {
|
|
@@ -97,21 +112,21 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Fo
|
|
|
97
112
|
this.input.blur();
|
|
98
113
|
}
|
|
99
114
|
setCustomValidity(message) {
|
|
100
|
-
const
|
|
115
|
+
const radios = this._radios;
|
|
101
116
|
for (const radio of radios) {
|
|
102
117
|
radio.updateValidity(message);
|
|
103
118
|
radio.setInvalidState();
|
|
104
119
|
}
|
|
105
120
|
}
|
|
106
121
|
requiredChange() {
|
|
107
|
-
const
|
|
122
|
+
const radios = this._radios;
|
|
108
123
|
for (const radio of radios) {
|
|
109
124
|
radio.updateValidity();
|
|
110
125
|
radio.setInvalidState();
|
|
111
126
|
}
|
|
112
127
|
}
|
|
113
128
|
_updateCheckedState() {
|
|
114
|
-
const
|
|
129
|
+
const siblings = this._siblings;
|
|
115
130
|
this.setFormValue(this.value || 'on');
|
|
116
131
|
this.updateValidity();
|
|
117
132
|
this.setInvalidState();
|
|
@@ -125,21 +140,24 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Fo
|
|
|
125
140
|
}
|
|
126
141
|
}
|
|
127
142
|
_updateUncheckedState() {
|
|
128
|
-
const
|
|
143
|
+
const siblings = this._siblings;
|
|
129
144
|
this.setFormValue(null);
|
|
130
145
|
this.updateValidity();
|
|
131
146
|
this.setInvalidState();
|
|
132
|
-
|
|
133
|
-
this._tabIndex = -1;
|
|
134
|
-
}
|
|
147
|
+
this._tabIndex = -1;
|
|
135
148
|
for (const radio of siblings) {
|
|
136
149
|
radio.updateValidity();
|
|
137
150
|
}
|
|
138
151
|
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
this.
|
|
142
|
-
|
|
152
|
+
formResetCallback() {
|
|
153
|
+
super.formResetCallback();
|
|
154
|
+
this._resetTabIndexes();
|
|
155
|
+
}
|
|
156
|
+
_resetTabIndexes() {
|
|
157
|
+
const radios = this._radios;
|
|
158
|
+
for (const radio of radios) {
|
|
159
|
+
radio._tabIndex = 0;
|
|
160
|
+
}
|
|
143
161
|
}
|
|
144
162
|
handleClick() {
|
|
145
163
|
this.checked = true;
|
|
@@ -147,38 +165,31 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Fo
|
|
|
147
165
|
}
|
|
148
166
|
handleBlur() {
|
|
149
167
|
this.emitEvent('igcBlur');
|
|
150
|
-
this.
|
|
168
|
+
this._kbFocus.reset();
|
|
151
169
|
}
|
|
152
170
|
handleFocus() {
|
|
153
171
|
this.emitEvent('igcFocus');
|
|
154
172
|
}
|
|
155
|
-
handleKeyUp() {
|
|
156
|
-
if (!this.focused) {
|
|
157
|
-
this.focused = true;
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
173
|
navigate(idx) {
|
|
161
|
-
const
|
|
174
|
+
const active = this._active;
|
|
162
175
|
const nextIdx = wrap(0, active.length - 1, active.indexOf(this) + idx);
|
|
163
176
|
const radio = active[nextIdx];
|
|
164
177
|
radio.focus();
|
|
165
178
|
radio.checked = true;
|
|
166
179
|
radio.emitEvent('igcChange', { detail: radio.checked });
|
|
167
180
|
}
|
|
168
|
-
handleSlotChange() {
|
|
169
|
-
this.hideLabel = this.label.length < 1;
|
|
170
|
-
}
|
|
171
181
|
render() {
|
|
172
182
|
const labelledBy = this.getAttribute('aria-labelledby');
|
|
183
|
+
const checked = this.checked;
|
|
173
184
|
return html `
|
|
174
185
|
<label
|
|
175
186
|
part=${partNameMap({
|
|
176
187
|
base: true,
|
|
177
|
-
checked
|
|
178
|
-
focused: this.focused,
|
|
188
|
+
checked,
|
|
189
|
+
focused: this._kbFocus.focused,
|
|
179
190
|
})}
|
|
180
191
|
for=${this.inputId}
|
|
181
|
-
@pointerdown=${this.
|
|
192
|
+
@pointerdown=${this._kbFocus.reset}
|
|
182
193
|
>
|
|
183
194
|
<input
|
|
184
195
|
id=${this.inputId}
|
|
@@ -187,27 +198,27 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Fo
|
|
|
187
198
|
value=${ifDefined(this.value)}
|
|
188
199
|
.required=${this.required}
|
|
189
200
|
.disabled=${this.disabled}
|
|
190
|
-
.checked=${live(
|
|
201
|
+
.checked=${live(checked)}
|
|
191
202
|
tabindex=${this._tabIndex}
|
|
192
|
-
aria-checked=${
|
|
203
|
+
aria-checked=${checked ? 'true' : 'false'}
|
|
193
204
|
aria-disabled=${this.disabled ? 'true' : 'false'}
|
|
194
205
|
aria-labelledby=${labelledBy ? labelledBy : this.labelId}
|
|
195
206
|
@click=${this.handleClick}
|
|
196
207
|
@blur=${this.handleBlur}
|
|
197
208
|
@focus=${this.handleFocus}
|
|
198
209
|
/>
|
|
199
|
-
<span part=${partNameMap({ control: true, checked
|
|
210
|
+
<span part=${partNameMap({ control: true, checked })}>
|
|
200
211
|
<span
|
|
201
212
|
.hidden=${this.disabled}
|
|
202
|
-
part=${partNameMap({ ripple: true, checked
|
|
213
|
+
part=${partNameMap({ ripple: true, checked })}
|
|
203
214
|
></span>
|
|
204
215
|
</span>
|
|
205
216
|
<span
|
|
206
217
|
.hidden=${this.hideLabel}
|
|
207
|
-
part=${partNameMap({ label: true, checked
|
|
218
|
+
part=${partNameMap({ label: true, checked })}
|
|
208
219
|
id=${this.labelId}
|
|
209
220
|
>
|
|
210
|
-
<slot
|
|
221
|
+
<slot></slot>
|
|
211
222
|
</span>
|
|
212
223
|
</label>
|
|
213
224
|
`;
|
|
@@ -225,9 +236,6 @@ __decorate([
|
|
|
225
236
|
__decorate([
|
|
226
237
|
state()
|
|
227
238
|
], IgcRadioComponent.prototype, "_tabIndex", void 0);
|
|
228
|
-
__decorate([
|
|
229
|
-
state()
|
|
230
|
-
], IgcRadioComponent.prototype, "focused", void 0);
|
|
231
239
|
__decorate([
|
|
232
240
|
state()
|
|
233
241
|
], IgcRadioComponent.prototype, "hideLabel", void 0);
|