igniteui-webcomponents/components/progress/themes/circular/circular.progress.base.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 `: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 ::-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 *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}: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(--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 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)}}@-webkit-keyframes 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 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)}}@-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-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative}[part~=label]{position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{line-height:normal;font-weight:600}[part="svg indeterminate"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--circular-size) + var(--stroke-thickness));height:calc(var(--circular-size) + var(--stroke-thickness));-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}[part~=track],[part~=fill]{width:100%;height:100%;fill:rgba(0,0,0,0);cx:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);cy:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);r:calc(var(--circular-size)/2 - var(--stroke-thickness)*.5);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}[part~=track]{stroke-width:var(--stroke-thickness)}[part~=fill]{stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) 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) - var(--percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem);--percentage: 0;--duration: 500ms}:host([dir=rtl]) [part="svg indeterminate"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;
//# sourceMappingURL=circular.progress.base.css.js.map