igniteui-webcomponents 3.3.0 → 3.4.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/README.md +7 -2
- package/components/accordion/accordion.js +3 -1
- package/components/accordion/accordion.js.map +1 -1
- package/components/button/button-base.js +7 -2
- package/components/button/button-base.js.map +1 -1
- package/components/button/themes/button/light/button.base.css.js +1 -1
- package/components/button/themes/button/light/button.base.css.js.map +1 -1
- package/components/button/themes/button/light/button.material.css.js +1 -1
- package/components/button/themes/button/light/button.material.css.js.map +1 -1
- package/components/calendar/common/calendar-base.js +3 -1
- package/components/calendar/common/calendar-base.js.map +1 -1
- package/components/calendar/days-view/days-view.d.ts +2 -0
- package/components/calendar/days-view/days-view.js +17 -5
- package/components/calendar/days-view/days-view.js.map +1 -1
- package/components/checkbox/checkbox-base.js +7 -2
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/chip/chip.d.ts +1 -0
- package/components/chip/chip.js +9 -0
- package/components/chip/chip.js.map +1 -1
- package/components/common/decorators/blazorDeepImport.d.ts +4 -0
- package/components/common/decorators/blazorDeepImport.js +2 -0
- package/components/common/decorators/blazorDeepImport.js.map +1 -0
- package/components/common/util.d.ts +1 -0
- package/components/common/util.js +3 -0
- package/components/common/util.js.map +1 -1
- package/components/dialog/dialog.d.ts +69 -0
- package/components/dialog/dialog.js +168 -0
- package/components/dialog/dialog.js.map +1 -0
- package/components/dialog/themes/light/dialog.base.css.d.ts +1 -0
- package/components/dialog/themes/light/dialog.base.css.js +3 -0
- package/components/dialog/themes/light/dialog.base.css.js.map +1 -0
- package/components/dialog/themes/light/dialog.bootstrap.css.d.ts +1 -0
- package/components/dialog/themes/light/dialog.bootstrap.css.js +3 -0
- package/components/dialog/themes/light/dialog.bootstrap.css.js.map +1 -0
- package/components/dialog/themes/light/dialog.fluent.css.d.ts +1 -0
- package/components/dialog/themes/light/dialog.fluent.css.js +3 -0
- package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -0
- package/components/dialog/themes/light/dialog.indigo.css.d.ts +1 -0
- package/components/dialog/themes/light/dialog.indigo.css.js +3 -0
- package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -0
- package/components/dialog/themes/light/dialog.material.css.d.ts +1 -0
- package/components/dialog/themes/light/dialog.material.css.js +3 -0
- package/components/dialog/themes/light/dialog.material.css.js.map +1 -0
- package/components/dropdown/dropdown-group.d.ts +2 -2
- package/components/dropdown/dropdown-group.js +1 -1
- package/components/dropdown/dropdown-group.js.map +1 -1
- package/components/dropdown/dropdown-header.d.ts +1 -1
- package/components/dropdown/dropdown-header.js.map +1 -1
- package/components/dropdown/dropdown-item.d.ts +1 -1
- package/components/dropdown/dropdown-item.js.map +1 -1
- package/components/dropdown/dropdown.d.ts +10 -8
- package/components/dropdown/dropdown.js +15 -10
- package/components/dropdown/dropdown.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-group.base.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-group.fluent.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-group.fluent.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-item.base.css.js +1 -1
- package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.base.css.js +1 -1
- package/components/dropdown/themes/light/dropdown.base.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/form/form.js +4 -3
- package/components/form/form.js.map +1 -1
- package/components/icon/icon.js +3 -1
- package/components/icon/icon.js.map +1 -1
- package/components/input/input-base.js +3 -1
- package/components/input/input-base.js.map +1 -1
- package/components/input/input.d.ts +1 -0
- package/components/input/input.js +5 -0
- package/components/input/input.js.map +1 -1
- package/components/input/themes/light/input.base.css.js +1 -1
- package/components/input/themes/light/input.base.css.js.map +1 -1
- package/components/input/themes/light/input.bootstrap.css.js +1 -1
- package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/light/input.fluent.css.js +1 -1
- package/components/input/themes/light/input.fluent.css.js.map +1 -1
- package/components/input/themes/light/input.indigo.css.js +1 -1
- package/components/input/themes/light/input.indigo.css.js.map +1 -1
- package/components/mask-input/mask-input-base.js +7 -2
- package/components/mask-input/mask-input-base.js.map +1 -1
- package/components/progress/linear-progress.js +1 -0
- 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/linear/linear.progress.base.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.fluent.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
- package/components/radio-group/radio-group.d.ts +0 -1
- package/components/radio-group/radio-group.js +7 -6
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating.d.ts +21 -9
- package/components/rating/rating.js +50 -33
- package/components/rating/rating.js.map +1 -1
- package/components/select/select-group.d.ts +31 -0
- package/components/select/select-group.js +69 -0
- package/components/select/select-group.js.map +1 -0
- package/components/select/select-header.d.ts +15 -0
- package/components/select/select-header.js +5 -0
- package/components/select/select-header.js.map +1 -0
- package/components/select/select-item.d.ts +30 -0
- package/components/select/select-item.js +39 -0
- package/components/select/select-item.js.map +1 -0
- package/components/select/select.d.ts +112 -0
- package/components/select/select.js +343 -0
- package/components/select/select.js.map +1 -0
- package/components/select/themes/dark/select.bootstrap.css.d.ts +1 -0
- package/components/select/themes/dark/select.bootstrap.css.js +3 -0
- package/components/select/themes/dark/select.bootstrap.css.js.map +1 -0
- package/components/select/themes/dark/select.fluent.css.d.ts +1 -0
- package/components/select/themes/dark/select.fluent.css.js +3 -0
- package/components/select/themes/dark/select.fluent.css.js.map +1 -0
- package/components/select/themes/dark/select.indigo.css.d.ts +1 -0
- package/components/select/themes/dark/select.indigo.css.js +3 -0
- package/components/select/themes/dark/select.indigo.css.js.map +1 -0
- package/components/select/themes/dark/select.material.css.d.ts +1 -0
- package/components/select/themes/dark/select.material.css.js +3 -0
- package/components/select/themes/dark/select.material.css.js.map +1 -0
- package/components/select/themes/light/select.base.css.d.ts +1 -0
- package/components/select/themes/light/select.base.css.js +3 -0
- package/components/select/themes/light/select.base.css.js.map +1 -0
- package/components/select/themes/light/select.bootstrap.css.d.ts +1 -0
- package/components/select/themes/light/select.bootstrap.css.js +3 -0
- package/components/select/themes/light/select.bootstrap.css.js.map +1 -0
- package/components/select/themes/light/select.fluent.css.d.ts +1 -0
- package/components/select/themes/light/select.fluent.css.js +3 -0
- package/components/select/themes/light/select.fluent.css.js.map +1 -0
- package/components/select/themes/light/select.indigo.css.d.ts +1 -0
- package/components/select/themes/light/select.indigo.css.js +3 -0
- package/components/select/themes/light/select.indigo.css.js.map +1 -0
- package/components/select/themes/light/select.material.css.d.ts +1 -0
- package/components/select/themes/light/select.material.css.js +3 -0
- package/components/select/themes/light/select.material.css.js.map +1 -0
- package/components/slider/range-slider.d.ts +2 -0
- package/components/slider/range-slider.js +61 -0
- package/components/slider/range-slider.js.map +1 -1
- package/components/slider/slider-base.d.ts +7 -8
- package/components/slider/slider-base.js +8 -8
- package/components/slider/slider-base.js.map +1 -1
- package/components/tabs/tabs.d.ts +0 -1
- package/components/tabs/tabs.js +7 -9
- package/components/tabs/tabs.js.map +1 -1
- package/components/toast/toast.d.ts +1 -0
- package/components/toast/toast.js +9 -0
- package/components/toast/toast.js.map +1 -1
- package/components/toggle/toggle.controller.d.ts +7 -2
- package/components/toggle/toggle.controller.js +21 -20
- package/components/toggle/toggle.controller.js.map +1 -1
- package/components/tree/themes/light/tree.base.css.js +1 -1
- package/components/tree/themes/light/tree.base.css.js.map +1 -1
- package/custom-elements.json +613 -14
- package/index.d.ts +5 -0
- package/index.js +5 -0
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/themes/dark/bootstrap.css +1 -1
- package/themes/dark/fluent.css +1 -1
- package/themes/dark/indigo.css +1 -1
- package/themes/dark/material.css +1 -1
- package/vscode-html-custom-data.json +282 -14
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part="svg indeterminate"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:rgba(0,0,0,0);stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part="svg indeterminate"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[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{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part="svg indeterminate"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:rgba(0,0,0,0);stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part="svg indeterminate"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;
|
|
3
3
|
//# sourceMappingURL=circular.progress.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mvQAAmvQ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part=\"svg indeterminate\"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:rgba(0,0,0,0);stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;\n"]}
|
|
1
|
+
{"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+4YAA+4Y,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[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{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part=\"svg indeterminate\"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:rgba(0,0,0,0);stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--track-size: 0.25rem}[part~=track]{position:relative;width:inherit;height:var(--track-size);background:hsla(var(--igc-gray-300), var(--igc-gray-a));overflow:hidden;border-radius:0;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;-o-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate]{-webkit-animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;width:100% !important}[part~=indeterminate]::before{position:absolute;content:"";top:0;left:-200%;width:100%;height:inherit;background-color:inherit;background-image:inherit;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}[part~=value]{margin:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-size:.875em;font-weight:600}[part~=primary]{background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=striped][part~=primary]{width:100%;height:100%;background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=danger]{background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=warning]{background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=info]{background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=success]{background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[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{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-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);background:hsla(var(--igc-gray-300), var(--igc-gray-a));overflow:hidden;border-radius:0;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;-o-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate],[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;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-size:.875em;font-weight:600}[part~=primary]:not([part~=indeterminate]){background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=primary]::after{background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=striped][part~=primary]:not([part~=indeterminate]){width:100%;height:100%;background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=primary]::after{background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=danger]:not([part~=indeterminate]){background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=danger]::after{background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=striped][part~=danger]:not([part~=indeterminate]){background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=danger]::after{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=warning]:not([part~=indeterminate]){background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=warning]::after{background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=striped][part~=warning]:not([part~=indeterminate]){background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=warning]::after{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=info]:not([part~=indeterminate]){background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=info]::after{background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=striped][part~=info]:not([part~=indeterminate]){background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=info]::after{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=success]:not([part~=indeterminate]){background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=success]::after{background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=striped][part~=success]:not([part~=indeterminate]){background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=success]::after{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;
|
|
3
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,s+TAAs+T,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--track-size: 0.25rem}[part~=track]{position:relative;width:inherit;height:var(--track-size);background:hsla(var(--igc-gray-300), var(--igc-gray-a));overflow:hidden;border-radius:0;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;-o-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate]{-webkit-animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;width:100% !important}[part~=indeterminate]::before{position:absolute;content:\"\";top:0;left:-200%;width:100%;height:inherit;background-color:inherit;background-image:inherit;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}[part~=value]{margin:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-size:.875em;font-weight:600}[part~=primary]{background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=striped][part~=primary]{width:100%;height:100%;background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=danger]{background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=warning]{background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=info]{background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=success]{background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;\n"]}
|
|
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,2llBAA2llB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[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{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-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);background:hsla(var(--igc-gray-300), var(--igc-gray-a));overflow:hidden;border-radius:0;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;-o-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate],[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;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-size:.875em;font-weight:600}[part~=primary]:not([part~=indeterminate]){background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=primary]::after{background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=striped][part~=primary]:not([part~=indeterminate]){width:100%;height:100%;background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=primary]::after{background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=danger]:not([part~=indeterminate]){background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=danger]::after{background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=striped][part~=danger]:not([part~=indeterminate]){background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=danger]::after{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=warning]:not([part~=indeterminate]){background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=warning]::after{background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=striped][part~=warning]:not([part~=indeterminate]){background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=warning]::after{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=info]:not([part~=indeterminate]){background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=info]::after{background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=striped][part~=info]:not([part~=indeterminate]){background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=info]::after{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=success]:not([part~=indeterminate]){background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=success]::after{background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=striped][part~=success]:not([part~=indeterminate]){background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=success]::after{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 1rem}[part~=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=striped][part~=primary]{background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}`;
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[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{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 1rem}[part~=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=striped][part~=primary]:not([part~=indeterminate]){background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=primary]::after{background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=danger]:not([part~=indeterminate]){background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=danger]::after{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=warning]:not([part~=indeterminate]){background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=warning]::after{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=info]:not([part~=indeterminate]){background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=info]::after{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=success]:not([part~=indeterminate]){background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=success]::after{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}`;
|
|
3
3
|
//# sourceMappingURL=linear.progress.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linear.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,88OAA88O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 1rem}[part~=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=striped][part~=primary]{background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}`;\n"]}
|
|
1
|
+
{"version":3,"file":"linear.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8qdAA8qd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[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{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 1rem}[part~=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=striped][part~=primary]:not([part~=indeterminate]){background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=primary]::after{background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=danger]:not([part~=indeterminate]){background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=danger]::after{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=warning]:not([part~=indeterminate]){background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=warning]::after{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=info]:not([part~=indeterminate]){background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=info]::after{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=success]:not([part~=indeterminate]){background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=success]::after{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--track-size: 0.125rem}[part~=track]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));margin:.5rem 0}[part~=label]{font-size:.875rem;font-weight:400}[part~=indeterminate]{width:33% !important;min-width:33%;-webkit-animation-name:indeterminate-bar-fluent;animation-name:indeterminate-bar-fluent;-webkit-animation-duration:
|
|
2
|
+
export const styles = css `:host{--track-size: 0.125rem;--linear-animation-duration: 3000ms}[part~=track]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));margin:.5rem 0}[part~=label]{font-size:.875rem;font-weight:400}[part~=indeterminate]: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}:host([dir=rtl]) [part~=indeterminate]{-webkit-animation-name:indeterminate-bar-fluent-rtl;animation-name:indeterminate-bar-fluent-rtl}[part~=primary][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-primary-500), var(--igc-primary-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%)}[part~=danger][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-error-500), var(--igc-error-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%)}[part~=warning][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-warn-500), var(--igc-warn-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%)}[part~=info][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-info-500), var(--igc-info-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%)}[part~=success][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-success-500), var(--igc-success-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%)}`;
|
|
3
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/linear.progress.fluent.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.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s/FAAs/F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-size: 0.125rem;--linear-animation-duration: 3000ms}[part~=track]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));margin:.5rem 0}[part~=label]{font-size:.875rem;font-weight:400}[part~=indeterminate]: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}:host([dir=rtl]) [part~=indeterminate]{-webkit-animation-name:indeterminate-bar-fluent-rtl;animation-name:indeterminate-bar-fluent-rtl}[part~=primary][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-primary-500), var(--igc-primary-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%)}[part~=danger][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-error-500), var(--igc-error-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%)}[part~=warning][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-warn-500), var(--igc-warn-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%)}[part~=info][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-info-500), var(--igc-info-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%)}[part~=success][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-success-500), var(--igc-success-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}[part~=striped]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem)}`;
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}[part~=striped]:not([part~=indeterminate]){background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem)}`;
|
|
3
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/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/linear.progress.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s2CAAs2C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}[part~=striped]:not([part~=indeterminate]){background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem)}`;\n"]}
|
|
@@ -3,7 +3,6 @@ export default class IgcRadioGroupComponent extends LitElement {
|
|
|
3
3
|
static readonly tagName = "igc-radio-group";
|
|
4
4
|
static styles: import("lit").CSSResult;
|
|
5
5
|
private radios;
|
|
6
|
-
private get isLTR();
|
|
7
6
|
constructor();
|
|
8
7
|
alignment: 'vertical' | 'horizontal';
|
|
9
8
|
private updateRequiredState;
|
|
@@ -6,7 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import { html, LitElement } from 'lit';
|
|
8
8
|
import { property, queryAssignedElements } from 'lit/decorators.js';
|
|
9
|
+
import { defineComponents } from '../common/definitions/defineComponents.js';
|
|
10
|
+
import { isLTR } from '../common/util.js';
|
|
11
|
+
import IgcRadioComponent from '../radio/radio.js';
|
|
9
12
|
import { styles } from './radio-group.base.css.js';
|
|
13
|
+
defineComponents(IgcRadioComponent);
|
|
10
14
|
export default class IgcRadioGroupComponent extends LitElement {
|
|
11
15
|
constructor() {
|
|
12
16
|
super();
|
|
@@ -16,15 +20,16 @@ export default class IgcRadioGroupComponent extends LitElement {
|
|
|
16
20
|
if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) {
|
|
17
21
|
const checked = this.radios.find((radio) => radio.checked);
|
|
18
22
|
let index = this.radios.indexOf(checked);
|
|
23
|
+
const ltr = isLTR(this);
|
|
19
24
|
switch (key) {
|
|
20
25
|
case 'ArrowUp':
|
|
21
26
|
index += -1;
|
|
22
27
|
break;
|
|
23
28
|
case 'ArrowLeft':
|
|
24
|
-
index +=
|
|
29
|
+
index += ltr ? -1 : 1;
|
|
25
30
|
break;
|
|
26
31
|
case 'ArrowRight':
|
|
27
|
-
index +=
|
|
32
|
+
index += ltr ? 1 : -1;
|
|
28
33
|
break;
|
|
29
34
|
default:
|
|
30
35
|
index += 1;
|
|
@@ -42,10 +47,6 @@ export default class IgcRadioGroupComponent extends LitElement {
|
|
|
42
47
|
this.addEventListener('keydown', this.handleKeydown);
|
|
43
48
|
this.addEventListener('igcChange', this.updateRequiredState);
|
|
44
49
|
}
|
|
45
|
-
get isLTR() {
|
|
46
|
-
const styles = window.getComputedStyle(this);
|
|
47
|
-
return styles.getPropertyValue('direction') === 'ltr';
|
|
48
|
-
}
|
|
49
50
|
updateRequiredState() {
|
|
50
51
|
const hasRequired = this.radios.some((r) => r.required);
|
|
51
52
|
if (hasRequired) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAEpC,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAW5D;QACE,KAAK,EAAE,CAAC;QAMH,cAAS,GAA8B,UAAU,CAAC;QAkBjD,kBAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC/C,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;YAEtB,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACrE,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBAC3D,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAQ,CAAC,CAAC;gBAC1C,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;gBAExB,QAAQ,GAAG,EAAE;oBACX,KAAK,SAAS;wBACZ,KAAK,IAAI,CAAC,CAAC,CAAC;wBACZ,MAAM;oBACR,KAAK,WAAW;wBACd,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBACtB,MAAM;oBACR,KAAK,YAAY;wBACf,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBACtB,MAAM;oBACR;wBACE,KAAK,IAAI,CAAC,CAAC;iBACd;gBAED,IAAI,KAAK,GAAG,CAAC;oBAAE,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC9C,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;oBAAE,KAAK,GAAG,CAAC,CAAC;gBAE9C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;gBACxD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;gBAC3B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC;gBAElC,KAAK,CAAC,cAAc,EAAE,CAAC;aACxB;QACH,CAAC,CAAC;QAtDA,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACrD,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC/D,CAAC;IAKO,mBAAmB;QACzB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAExD,IAAI,WAAW,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;YAEjD,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YAEtD,IAAI,UAAU,EAAE;gBACd,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;aACzD;iBAAM;gBACL,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;aAChC;SACF;IACH,CAAC;IAmCkB,MAAM;QACvB,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,mBAAmB,UAAU,CAAC;IACrE,CAAC;;AAtEsB,8BAAO,GAAG,iBAAiB,CAAC;AAE5B,6BAAM,GAAG,MAAM,CAAC;AAMvC;IAJC,qBAAqB,CAAC;QACrB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,2BAA2B;KACtC,CAAC;sDACwC;AAS1C;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAC6B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport { isLTR } from '../common/util.js';\nimport IgcRadioComponent from '../radio/radio.js';\nimport { styles } from './radio-group.base.css.js';\n\ndefineComponents(IgcRadioComponent);\n\nexport default class IgcRadioGroupComponent extends LitElement {\n public static readonly tagName = 'igc-radio-group';\n\n public static override styles = styles;\n\n @queryAssignedElements({\n flatten: true,\n selector: 'igc-radio:not([disabled])',\n })\n private radios!: Array<IgcRadioComponent>;\n\n constructor() {\n super();\n this.addEventListener('keydown', this.handleKeydown);\n this.addEventListener('igcChange', this.updateRequiredState);\n }\n\n @property({ reflect: true })\n public alignment: 'vertical' | 'horizontal' = 'vertical';\n\n private updateRequiredState() {\n const hasRequired = this.radios.some((r) => r.required);\n\n if (hasRequired) {\n this.radios.forEach((r) => (r.required = false));\n\n const hasChecked = this.radios.some((r) => r.checked);\n\n if (hasChecked) {\n this.radios.filter((r) => r.checked)[0].required = true;\n } else {\n this.radios[0].required = true;\n }\n }\n }\n\n private handleKeydown = (event: KeyboardEvent) => {\n const { key } = event;\n\n if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) {\n const checked = this.radios.find((radio) => radio.checked);\n let index = this.radios.indexOf(checked!);\n const ltr = isLTR(this);\n\n switch (key) {\n case 'ArrowUp':\n index += -1;\n break;\n case 'ArrowLeft':\n index += ltr ? -1 : 1;\n break;\n case 'ArrowRight':\n index += ltr ? 1 : -1;\n break;\n default:\n index += 1;\n }\n\n if (index < 0) index = this.radios.length - 1;\n if (index > this.radios.length - 1) index = 0;\n\n this.radios.forEach((radio) => (radio.checked = false));\n this.radios[index].focus();\n this.radios[index].checked = true;\n\n event.preventDefault();\n }\n };\n\n protected override render() {\n return html`<slot @slotchange=${this.updateRequiredState}></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-radio-group': IgcRadioGroupComponent;\n }\n}\n"]}
|
|
@@ -32,26 +32,35 @@ declare const IgcRatingComponent_base: Constructor<import("../common/mixins/siza
|
|
|
32
32
|
export default class IgcRatingComponent extends IgcRatingComponent_base {
|
|
33
33
|
static readonly tagName = "igc-rating";
|
|
34
34
|
static styles: import("lit").CSSResult[];
|
|
35
|
+
protected ratingSymbols: Array<IgcRatingSymbolComponent>;
|
|
35
36
|
protected container: HTMLElement;
|
|
36
37
|
protected valueLabel: Array<Node>;
|
|
37
|
-
protected ratingSymbols: Array<IgcRatingSymbolComponent>;
|
|
38
38
|
protected hoverValue: number;
|
|
39
39
|
protected hoverState: boolean;
|
|
40
40
|
protected get isInteractive(): boolean;
|
|
41
41
|
protected get hasProjectedSymbols(): boolean;
|
|
42
|
-
protected get
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
protected get valueText(): string;
|
|
43
|
+
/**
|
|
44
|
+
* The maximum value for the rating.
|
|
45
|
+
*
|
|
46
|
+
* If there are projected symbols, the maximum value will be resolved
|
|
47
|
+
* based on the number of symbols.
|
|
48
|
+
*/
|
|
45
49
|
max: number;
|
|
46
|
-
/**
|
|
50
|
+
/**
|
|
51
|
+
* The minimum value change allowed.
|
|
52
|
+
*
|
|
53
|
+
* Valid values are in the interval between 0 and 1 inclusive.
|
|
54
|
+
*/
|
|
47
55
|
step: number;
|
|
48
56
|
/** The name attribute of the control */
|
|
49
57
|
name: string;
|
|
50
58
|
/** The label of the control. */
|
|
51
59
|
label: string;
|
|
52
60
|
/**
|
|
53
|
-
* A format string which sets aria-valuetext.
|
|
54
|
-
* with the current value of the control.
|
|
61
|
+
* A format string which sets aria-valuetext. Instances of '{0}' will be replaced
|
|
62
|
+
* with the current value of the control and instances of '{1}' with the maximum value for the control.
|
|
63
|
+
*
|
|
55
64
|
* Important for screen-readers and useful for localization.
|
|
56
65
|
*/
|
|
57
66
|
valueFormat: string;
|
|
@@ -75,11 +84,14 @@ export default class IgcRatingComponent extends IgcRatingComponent_base {
|
|
|
75
84
|
protected handleMouseEnter(): void;
|
|
76
85
|
protected handleMouseLeave(): void;
|
|
77
86
|
protected handleKeyDown({ key }: KeyboardEvent): void;
|
|
78
|
-
protected handleSlotChange(): void;
|
|
87
|
+
protected handleSlotChange(event: Event): void;
|
|
79
88
|
protected calcNewValue(x: number): number;
|
|
80
89
|
protected getPrecision(num: number): number;
|
|
81
90
|
protected round(value: number): number;
|
|
82
|
-
protected clipSymbol(index: number,
|
|
91
|
+
protected clipSymbol(index: number, isLTR?: boolean): {
|
|
92
|
+
backward: string;
|
|
93
|
+
forward: string;
|
|
94
|
+
};
|
|
83
95
|
/**
|
|
84
96
|
* Increments the value of the control by `n` steps multiplied by the
|
|
85
97
|
* step factor.
|