@angular/material
Version:
Angular Material
248 lines (244 loc) • 26.3 kB
JavaScript
import * as i0 from '@angular/core';
import { InjectionToken, inject, DOCUMENT, ElementRef, NgZone, ChangeDetectorRef, Renderer2, EventEmitter, numberAttribute, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
import { _getAnimationsState } from './_animation-chunk.mjs';
import { BidiModule } from '@angular/cdk/bidi';
import '@angular/cdk/layout';
const MAT_PROGRESS_BAR_DEFAULT_OPTIONS = new InjectionToken('MAT_PROGRESS_BAR_DEFAULT_OPTIONS');
const MAT_PROGRESS_BAR_LOCATION = new InjectionToken('mat-progress-bar-location', {
providedIn: 'root',
factory: () => {
const _document = inject(DOCUMENT);
const _location = _document ? _document.location : null;
return {
getPathname: () => _location ? _location.pathname + _location.search : ''
};
}
});
class MatProgressBar {
_elementRef = inject(ElementRef);
_ngZone = inject(NgZone);
_changeDetectorRef = inject(ChangeDetectorRef);
_renderer = inject(Renderer2);
_cleanupTransitionEnd;
constructor() {
const animationsState = _getAnimationsState();
const defaults = inject(MAT_PROGRESS_BAR_DEFAULT_OPTIONS, {
optional: true
});
this._isNoopAnimation = animationsState === 'di-disabled';
if (animationsState === 'reduced-motion') {
this._elementRef.nativeElement.classList.add('mat-progress-bar-reduced-motion');
}
if (defaults) {
if (defaults.color) {
this.color = this._defaultColor = defaults.color;
}
this.mode = defaults.mode || this.mode;
}
}
_isNoopAnimation;
get color() {
return this._color || this._defaultColor;
}
set color(value) {
this._color = value;
}
_color;
_defaultColor = 'primary';
get value() {
return this._value;
}
set value(v) {
this._value = clamp(v || 0);
this._changeDetectorRef.markForCheck();
}
_value = 0;
get bufferValue() {
return this._bufferValue || 0;
}
set bufferValue(v) {
this._bufferValue = clamp(v || 0);
this._changeDetectorRef.markForCheck();
}
_bufferValue = 0;
animationEnd = new EventEmitter();
get mode() {
return this._mode;
}
set mode(value) {
this._mode = value;
this._changeDetectorRef.markForCheck();
}
_mode = 'determinate';
ngAfterViewInit() {
this._ngZone.runOutsideAngular(() => {
this._cleanupTransitionEnd = this._renderer.listen(this._elementRef.nativeElement, 'transitionend', this._transitionendHandler);
});
}
ngOnDestroy() {
this._cleanupTransitionEnd?.();
}
_getPrimaryBarTransform() {
return `scaleX(${this._isIndeterminate() ? 1 : this.value / 100})`;
}
_getBufferBarFlexBasis() {
return `${this.mode === 'buffer' ? this.bufferValue : 100}%`;
}
_isIndeterminate() {
return this.mode === 'indeterminate' || this.mode === 'query';
}
_transitionendHandler = event => {
if (this.animationEnd.observers.length === 0 || !event.target || !event.target.classList.contains('mdc-linear-progress__primary-bar')) {
return;
}
if (this.mode === 'determinate' || this.mode === 'buffer') {
this._ngZone.run(() => this.animationEnd.next({
value: this.value
}));
}
};
static ɵfac = i0.ɵɵngDeclareFactory({
minVersion: "12.0.0",
version: "22.0.0-next.5",
ngImport: i0,
type: MatProgressBar,
deps: [],
target: i0.ɵɵFactoryTarget.Component
});
static ɵcmp = i0.ɵɵngDeclareComponent({
minVersion: "17.0.0",
version: "22.0.0-next.5",
type: MatProgressBar,
isStandalone: true,
selector: "mat-progress-bar",
inputs: {
color: "color",
value: ["value", "value", numberAttribute],
bufferValue: ["bufferValue", "bufferValue", numberAttribute],
mode: "mode"
},
outputs: {
animationEnd: "animationEnd"
},
host: {
attributes: {
"role": "progressbar",
"aria-valuemin": "0",
"aria-valuemax": "100",
"tabindex": "-1"
},
properties: {
"attr.aria-valuenow": "_isIndeterminate() ? null : value",
"attr.mode": "mode",
"class": "\"mat-\" + color",
"class._mat-animation-noopable": "_isNoopAnimation",
"class.mdc-linear-progress--animation-ready": "!_isNoopAnimation",
"class.mdc-linear-progress--indeterminate": "_isIndeterminate()"
},
classAttribute: "mat-mdc-progress-bar mdc-linear-progress"
},
exportAs: ["matProgressBar"],
ngImport: i0,
template: "<!--\n All children need to be hidden for screen readers in order to support ChromeVox.\n More context in the issue: https://github.com/angular/components/issues/22165.\n-->\n<div class=\"mdc-linear-progress__buffer\" aria-hidden=\"true\">\n <div\n class=\"mdc-linear-progress__buffer-bar\"\n [style.flex-basis]=\"_getBufferBarFlexBasis()\"></div>\n <!-- Remove the dots outside of buffer mode since they can cause CSP issues (see #28938) -->\n @if (mode === 'buffer') {\n <div class=\"mdc-linear-progress__buffer-dots\"></div>\n }\n</div>\n<div\n class=\"mdc-linear-progress__bar mdc-linear-progress__primary-bar\"\n aria-hidden=\"true\"\n [style.transform]=\"_getPrimaryBarTransform()\">\n <span class=\"mdc-linear-progress__bar-inner\"></span>\n</div>\n<div class=\"mdc-linear-progress__bar mdc-linear-progress__secondary-bar\" aria-hidden=\"true\">\n <span class=\"mdc-linear-progress__bar-inner\"></span>\n</div>\n",
styles: [".mat-mdc-progress-bar {\n --mat-progress-bar-animation-multiplier: 1;\n display: block;\n text-align: start;\n}\n.mat-mdc-progress-bar[mode=query] {\n transform: scaleX(-1);\n}\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__buffer-dots,\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__primary-bar,\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__secondary-bar,\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__bar-inner.mdc-linear-progress__bar-inner {\n animation: none;\n}\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__primary-bar,\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__buffer-bar {\n transition: transform 1ms;\n}\n\n.mat-progress-bar-reduced-motion {\n --mat-progress-bar-animation-multiplier: 2;\n}\n\n.mdc-linear-progress {\n position: relative;\n width: 100%;\n transform: translateZ(0);\n outline: 1px solid transparent;\n overflow-x: hidden;\n transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n height: max(var(--mat-progress-bar-track-height, 4px), var(--mat-progress-bar-active-indicator-height, 4px));\n}\n@media (forced-colors: active) {\n .mdc-linear-progress {\n outline-color: CanvasText;\n }\n}\n\n.mdc-linear-progress__bar {\n position: absolute;\n top: 0;\n bottom: 0;\n margin: auto 0;\n width: 100%;\n animation: none;\n transform-origin: top left;\n transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n height: var(--mat-progress-bar-active-indicator-height, 4px);\n}\n.mdc-linear-progress--indeterminate .mdc-linear-progress__bar {\n transition: none;\n}\n[dir=rtl] .mdc-linear-progress__bar {\n right: 0;\n transform-origin: center right;\n}\n\n.mdc-linear-progress__bar-inner {\n display: inline-block;\n position: absolute;\n width: 100%;\n animation: none;\n border-top-style: solid;\n border-color: var(--mat-progress-bar-active-indicator-color, var(--mat-sys-primary));\n border-top-width: var(--mat-progress-bar-active-indicator-height, 4px);\n}\n\n.mdc-linear-progress__buffer {\n display: flex;\n position: absolute;\n top: 0;\n bottom: 0;\n margin: auto 0;\n width: 100%;\n overflow: hidden;\n height: var(--mat-progress-bar-track-height, 4px);\n border-radius: var(--mat-progress-bar-track-shape, var(--mat-sys-corner-none));\n}\n\n.mdc-linear-progress__buffer-dots {\n background-image: radial-gradient(circle, var(--mat-progress-bar-track-color, var(--mat-sys-surface-variant)) calc(var(--mat-progress-bar-track-height, 4px) / 2), transparent 0);\n background-repeat: repeat-x;\n background-size: calc(calc(var(--mat-progress-bar-track-height, 4px) / 2) * 5);\n background-position: left;\n flex: auto;\n transform: rotate(180deg);\n animation: mdc-linear-progress-buffering calc(250ms * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n}\n@media (forced-colors: active) {\n .mdc-linear-progress__buffer-dots {\n background-color: ButtonBorder;\n }\n}\n[dir=rtl] .mdc-linear-progress__buffer-dots {\n animation: mdc-linear-progress-buffering-reverse calc(250ms * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n transform: rotate(0);\n}\n\n.mdc-linear-progress__buffer-bar {\n flex: 0 1 100%;\n transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n background-color: var(--mat-progress-bar-track-color, var(--mat-sys-surface-variant));\n}\n\n.mdc-linear-progress__primary-bar {\n transform: scaleX(0);\n}\n.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {\n left: -145.166611%;\n}\n.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {\n animation: mdc-linear-progress-primary-indeterminate-translate calc(2s * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n}\n.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {\n animation: mdc-linear-progress-primary-indeterminate-scale calc(2s * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n}\n[dir=rtl] .mdc-linear-progress.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {\n animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;\n}\n[dir=rtl] .mdc-linear-progress.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {\n right: -145.166611%;\n left: auto;\n}\n\n.mdc-linear-progress__secondary-bar {\n display: none;\n}\n.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {\n left: -54.888891%;\n display: block;\n}\n.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {\n animation: mdc-linear-progress-secondary-indeterminate-translate calc(2s * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n}\n.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {\n animation: mdc-linear-progress-secondary-indeterminate-scale calc(2s * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n}\n[dir=rtl] .mdc-linear-progress.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {\n animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;\n}\n[dir=rtl] .mdc-linear-progress.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {\n right: -54.888891%;\n left: auto;\n}\n\n@keyframes mdc-linear-progress-buffering {\n from {\n transform: rotate(180deg) translateX(calc(var(--mat-progress-bar-track-height, 4px) * -2.5));\n }\n}\n@keyframes mdc-linear-progress-primary-indeterminate-translate {\n 0% {\n transform: translateX(0);\n }\n 20% {\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n transform: translateX(0);\n }\n 59.15% {\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n transform: translateX(83.67142%);\n }\n 100% {\n transform: translateX(200.611057%);\n }\n}\n@keyframes mdc-linear-progress-primary-indeterminate-scale {\n 0% {\n transform: scaleX(0.08);\n }\n 36.65% {\n animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);\n transform: scaleX(0.08);\n }\n 69.15% {\n animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);\n transform: scaleX(0.661479);\n }\n 100% {\n transform: scaleX(0.08);\n }\n}\n@keyframes mdc-linear-progress-secondary-indeterminate-translate {\n 0% {\n animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);\n transform: translateX(0);\n }\n 25% {\n animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);\n transform: translateX(37.651913%);\n }\n 48.35% {\n animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);\n transform: translateX(84.386165%);\n }\n 100% {\n transform: translateX(160.277782%);\n }\n}\n@keyframes mdc-linear-progress-secondary-indeterminate-scale {\n 0% {\n animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);\n transform: scaleX(0.08);\n }\n 19.15% {\n animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);\n transform: scaleX(0.457104);\n }\n 44.15% {\n animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);\n transform: scaleX(0.72796);\n }\n 100% {\n transform: scaleX(0.08);\n }\n}\n@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {\n 0% {\n transform: translateX(0);\n }\n 20% {\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n transform: translateX(0);\n }\n 59.15% {\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n transform: translateX(-83.67142%);\n }\n 100% {\n transform: translateX(-200.611057%);\n }\n}\n@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {\n 0% {\n animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);\n transform: translateX(0);\n }\n 25% {\n animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);\n transform: translateX(-37.651913%);\n }\n 48.35% {\n animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);\n transform: translateX(-84.386165%);\n }\n 100% {\n transform: translateX(-160.277782%);\n }\n}\n@keyframes mdc-linear-progress-buffering-reverse {\n from {\n transform: translateX(-10px);\n }\n}\n"],
changeDetection: i0.ChangeDetectionStrategy.OnPush,
encapsulation: i0.ViewEncapsulation.None
});
}
i0.ɵɵngDeclareClassMetadata({
minVersion: "12.0.0",
version: "22.0.0-next.5",
ngImport: i0,
type: MatProgressBar,
decorators: [{
type: Component,
args: [{
selector: 'mat-progress-bar',
exportAs: 'matProgressBar',
host: {
'role': 'progressbar',
'aria-valuemin': '0',
'aria-valuemax': '100',
'tabindex': '-1',
'[attr.aria-valuenow]': '_isIndeterminate() ? null : value',
'[attr.mode]': 'mode',
'class': 'mat-mdc-progress-bar mdc-linear-progress',
'[class]': '"mat-" + color',
'[class._mat-animation-noopable]': '_isNoopAnimation',
'[class.mdc-linear-progress--animation-ready]': '!_isNoopAnimation',
'[class.mdc-linear-progress--indeterminate]': '_isIndeterminate()'
},
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
template: "<!--\n All children need to be hidden for screen readers in order to support ChromeVox.\n More context in the issue: https://github.com/angular/components/issues/22165.\n-->\n<div class=\"mdc-linear-progress__buffer\" aria-hidden=\"true\">\n <div\n class=\"mdc-linear-progress__buffer-bar\"\n [style.flex-basis]=\"_getBufferBarFlexBasis()\"></div>\n <!-- Remove the dots outside of buffer mode since they can cause CSP issues (see #28938) -->\n @if (mode === 'buffer') {\n <div class=\"mdc-linear-progress__buffer-dots\"></div>\n }\n</div>\n<div\n class=\"mdc-linear-progress__bar mdc-linear-progress__primary-bar\"\n aria-hidden=\"true\"\n [style.transform]=\"_getPrimaryBarTransform()\">\n <span class=\"mdc-linear-progress__bar-inner\"></span>\n</div>\n<div class=\"mdc-linear-progress__bar mdc-linear-progress__secondary-bar\" aria-hidden=\"true\">\n <span class=\"mdc-linear-progress__bar-inner\"></span>\n</div>\n",
styles: [".mat-mdc-progress-bar {\n --mat-progress-bar-animation-multiplier: 1;\n display: block;\n text-align: start;\n}\n.mat-mdc-progress-bar[mode=query] {\n transform: scaleX(-1);\n}\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__buffer-dots,\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__primary-bar,\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__secondary-bar,\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__bar-inner.mdc-linear-progress__bar-inner {\n animation: none;\n}\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__primary-bar,\n.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__buffer-bar {\n transition: transform 1ms;\n}\n\n.mat-progress-bar-reduced-motion {\n --mat-progress-bar-animation-multiplier: 2;\n}\n\n.mdc-linear-progress {\n position: relative;\n width: 100%;\n transform: translateZ(0);\n outline: 1px solid transparent;\n overflow-x: hidden;\n transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n height: max(var(--mat-progress-bar-track-height, 4px), var(--mat-progress-bar-active-indicator-height, 4px));\n}\n@media (forced-colors: active) {\n .mdc-linear-progress {\n outline-color: CanvasText;\n }\n}\n\n.mdc-linear-progress__bar {\n position: absolute;\n top: 0;\n bottom: 0;\n margin: auto 0;\n width: 100%;\n animation: none;\n transform-origin: top left;\n transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n height: var(--mat-progress-bar-active-indicator-height, 4px);\n}\n.mdc-linear-progress--indeterminate .mdc-linear-progress__bar {\n transition: none;\n}\n[dir=rtl] .mdc-linear-progress__bar {\n right: 0;\n transform-origin: center right;\n}\n\n.mdc-linear-progress__bar-inner {\n display: inline-block;\n position: absolute;\n width: 100%;\n animation: none;\n border-top-style: solid;\n border-color: var(--mat-progress-bar-active-indicator-color, var(--mat-sys-primary));\n border-top-width: var(--mat-progress-bar-active-indicator-height, 4px);\n}\n\n.mdc-linear-progress__buffer {\n display: flex;\n position: absolute;\n top: 0;\n bottom: 0;\n margin: auto 0;\n width: 100%;\n overflow: hidden;\n height: var(--mat-progress-bar-track-height, 4px);\n border-radius: var(--mat-progress-bar-track-shape, var(--mat-sys-corner-none));\n}\n\n.mdc-linear-progress__buffer-dots {\n background-image: radial-gradient(circle, var(--mat-progress-bar-track-color, var(--mat-sys-surface-variant)) calc(var(--mat-progress-bar-track-height, 4px) / 2), transparent 0);\n background-repeat: repeat-x;\n background-size: calc(calc(var(--mat-progress-bar-track-height, 4px) / 2) * 5);\n background-position: left;\n flex: auto;\n transform: rotate(180deg);\n animation: mdc-linear-progress-buffering calc(250ms * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n}\n@media (forced-colors: active) {\n .mdc-linear-progress__buffer-dots {\n background-color: ButtonBorder;\n }\n}\n[dir=rtl] .mdc-linear-progress__buffer-dots {\n animation: mdc-linear-progress-buffering-reverse calc(250ms * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n transform: rotate(0);\n}\n\n.mdc-linear-progress__buffer-bar {\n flex: 0 1 100%;\n transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n background-color: var(--mat-progress-bar-track-color, var(--mat-sys-surface-variant));\n}\n\n.mdc-linear-progress__primary-bar {\n transform: scaleX(0);\n}\n.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {\n left: -145.166611%;\n}\n.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {\n animation: mdc-linear-progress-primary-indeterminate-translate calc(2s * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n}\n.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {\n animation: mdc-linear-progress-primary-indeterminate-scale calc(2s * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n}\n[dir=rtl] .mdc-linear-progress.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {\n animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;\n}\n[dir=rtl] .mdc-linear-progress.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {\n right: -145.166611%;\n left: auto;\n}\n\n.mdc-linear-progress__secondary-bar {\n display: none;\n}\n.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {\n left: -54.888891%;\n display: block;\n}\n.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {\n animation: mdc-linear-progress-secondary-indeterminate-translate calc(2s * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n}\n.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {\n animation: mdc-linear-progress-secondary-indeterminate-scale calc(2s * var(--mat-progress-bar-animation-multiplier)) infinite linear;\n}\n[dir=rtl] .mdc-linear-progress.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {\n animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;\n}\n[dir=rtl] .mdc-linear-progress.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {\n right: -54.888891%;\n left: auto;\n}\n\n@keyframes mdc-linear-progress-buffering {\n from {\n transform: rotate(180deg) translateX(calc(var(--mat-progress-bar-track-height, 4px) * -2.5));\n }\n}\n@keyframes mdc-linear-progress-primary-indeterminate-translate {\n 0% {\n transform: translateX(0);\n }\n 20% {\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n transform: translateX(0);\n }\n 59.15% {\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n transform: translateX(83.67142%);\n }\n 100% {\n transform: translateX(200.611057%);\n }\n}\n@keyframes mdc-linear-progress-primary-indeterminate-scale {\n 0% {\n transform: scaleX(0.08);\n }\n 36.65% {\n animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);\n transform: scaleX(0.08);\n }\n 69.15% {\n animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);\n transform: scaleX(0.661479);\n }\n 100% {\n transform: scaleX(0.08);\n }\n}\n@keyframes mdc-linear-progress-secondary-indeterminate-translate {\n 0% {\n animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);\n transform: translateX(0);\n }\n 25% {\n animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);\n transform: translateX(37.651913%);\n }\n 48.35% {\n animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);\n transform: translateX(84.386165%);\n }\n 100% {\n transform: translateX(160.277782%);\n }\n}\n@keyframes mdc-linear-progress-secondary-indeterminate-scale {\n 0% {\n animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);\n transform: scaleX(0.08);\n }\n 19.15% {\n animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);\n transform: scaleX(0.457104);\n }\n 44.15% {\n animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);\n transform: scaleX(0.72796);\n }\n 100% {\n transform: scaleX(0.08);\n }\n}\n@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {\n 0% {\n transform: translateX(0);\n }\n 20% {\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n transform: translateX(0);\n }\n 59.15% {\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n transform: translateX(-83.67142%);\n }\n 100% {\n transform: translateX(-200.611057%);\n }\n}\n@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {\n 0% {\n animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);\n transform: translateX(0);\n }\n 25% {\n animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);\n transform: translateX(-37.651913%);\n }\n 48.35% {\n animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);\n transform: translateX(-84.386165%);\n }\n 100% {\n transform: translateX(-160.277782%);\n }\n}\n@keyframes mdc-linear-progress-buffering-reverse {\n from {\n transform: translateX(-10px);\n }\n}\n"]
}]
}],
ctorParameters: () => [],
propDecorators: {
color: [{
type: Input
}],
value: [{
type: Input,
args: [{
transform: numberAttribute
}]
}],
bufferValue: [{
type: Input,
args: [{
transform: numberAttribute
}]
}],
animationEnd: [{
type: Output
}],
mode: [{
type: Input
}]
}
});
function clamp(v, min = 0, max = 100) {
return Math.max(min, Math.min(max, v));
}
class MatProgressBarModule {
static ɵfac = i0.ɵɵngDeclareFactory({
minVersion: "12.0.0",
version: "22.0.0-next.5",
ngImport: i0,
type: MatProgressBarModule,
deps: [],
target: i0.ɵɵFactoryTarget.NgModule
});
static ɵmod = i0.ɵɵngDeclareNgModule({
minVersion: "14.0.0",
version: "22.0.0-next.5",
ngImport: i0,
type: MatProgressBarModule,
imports: [MatProgressBar],
exports: [MatProgressBar, BidiModule]
});
static ɵinj = i0.ɵɵngDeclareInjector({
minVersion: "12.0.0",
version: "22.0.0-next.5",
ngImport: i0,
type: MatProgressBarModule,
imports: [BidiModule]
});
}
i0.ɵɵngDeclareClassMetadata({
minVersion: "12.0.0",
version: "22.0.0-next.5",
ngImport: i0,
type: MatProgressBarModule,
decorators: [{
type: NgModule,
args: [{
imports: [MatProgressBar],
exports: [MatProgressBar, BidiModule]
}]
}]
});
export { MAT_PROGRESS_BAR_DEFAULT_OPTIONS, MAT_PROGRESS_BAR_LOCATION, MatProgressBar, MatProgressBarModule };
//# sourceMappingURL=progress-bar.mjs.map