igniteui-webcomponents/components/progress/themes/linear/shared/linear.progress.fluent.css.js

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

import { css } from 'lit';
export const styles = css `@keyframes igc-indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes igc-indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes igc-indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes igc-indeterminate-bar-fluent-rtl{0%{transform:translateX(100%);transform-origin:right}100%{transform:translateX(-310%);transform-origin:left}}@keyframes igc-indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes igc-indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes igc-indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes igc-indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes igc-rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes igc-initial-counter{from{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes igc-initial-width{from{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@keyframes igc-initial-dashoffset{from{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}}:host(:dir(rtl)[indeterminate]) [part~=track],:host([dir=rtl]) [part~=track]{transform:rotateY(0deg)}:host(:dir(rtl)[indeterminate]) [part~=indeterminate],:host([dir=rtl]) [part~=indeterminate]{animation-name:igc-indeterminate-bar-fluent-rtl}:host([label-align=top]) [part~=track],:host([label-align=top-start]) [part~=track],:host([label-align=top-end]) [part~=track]{margin-block-start:.125rem}:host([label-align=bottom]) [part~=track],:host([label-align=bottom-start]) [part~=track],:host([label-align=bottom-end]) [part~=track]{margin-block-end:.125rem}[part~=indeterminate]:not([part~=secondary]){width:33% !important;min-width:33%;animation-name:igc-indeterminate-bar-fluent;animation-duration:var(--linear-animation-duration);animation-timing-function:ease;animation-iteration-count:infinite;left:auto}[part~=indeterminate]:not([part~=secondary])::after{display:none}[part~=secondary]{display:none}[part~=primary][part~=indeterminate]{background:linear-gradient(90deg, transparent 0%, var(--fill-color-default) 50%, transparent 100%)}[part~=danger][part~=indeterminate]{background:linear-gradient(90deg, transparent 0%, var(--fill-color-danger) 50%, transparent 100%)}[part~=warning][part~=indeterminate]{background:linear-gradient(90deg, transparent 0%, var(--fill-color-warning) 50%, transparent 100%)}[part~=info][part~=indeterminate]{background:linear-gradient(90deg, transparent 0%, var(--fill-color-info) 50%, transparent 100%)}[part~=success][part~=indeterminate]{background:linear-gradient(90deg, transparent 0%, var(--fill-color-success) 50%, transparent 100%)}`;
//# sourceMappingURL=linear.progress.fluent.css.js.map