igniteui-angular 22.1.3 → 22.2.0-rc.0

package/fesm2022/igniteui-angular-progressbar.mjs

@@ -6,10 +6,10 @@ class IgxProgressBarTextTemplateDirective {
     constructor() {
         this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxProgressBarTextTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxProgressBarTextTemplateDirective, isStandalone: true, selector: "[igxProgressBarText]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxProgressBarTextTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxProgressBarTextTemplateDirective, isStandalone: true, selector: "[igxProgressBarText]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxProgressBarTextTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxProgressBarTextTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxProgressBarText]',
@@ -20,10 +20,10 @@ class IgxProgressBarGradientDirective {
     constructor() {
         this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxProgressBarGradientDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxProgressBarGradientDirective, isStandalone: true, selector: "[igxProgressBarGradient]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxProgressBarGradientDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxProgressBarGradientDirective, isStandalone: true, selector: "[igxProgressBarGradient]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxProgressBarGradientDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxProgressBarGradientDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxProgressBarGradient]',
@@ -313,10 +313,10 @@ class BaseProgressDirective {
             currentValue: this._value,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: BaseProgressDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.1.1", type: BaseProgressDirective, isStandalone: true, inputs: { animationDuration: "animationDuration", indeterminate: ["indeterminate", "indeterminate", booleanAttribute], step: "step", text: "text", animate: ["animate", "animate", booleanAttribute], max: "max", value: "value" }, outputs: { progressChanged: "progressChanged" }, host: { properties: { "attr.aria-valuemax": "this.max", "style.--_progress-integer": "this.progressInteger", "style.--_progress-fraction": "this.progressFraction", "style.--_progress-whole": "this.progressWhole", "style.--_transition-duration": "this.transitionDuration", "attr.aria-valuenow": "this.value" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: BaseProgressDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.1.7", type: BaseProgressDirective, isStandalone: true, inputs: { animationDuration: "animationDuration", indeterminate: ["indeterminate", "indeterminate", booleanAttribute], step: "step", text: "text", animate: ["animate", "animate", booleanAttribute], max: "max", value: "value" }, outputs: { progressChanged: "progressChanged" }, host: { properties: { "attr.aria-valuemax": "this.max", "style.--_progress-integer": "this.progressInteger", "style.--_progress-fraction": "this.progressFraction", "style.--_progress-whole": "this.progressWhole", "style.--_transition-duration": "this.transitionDuration", "attr.aria-valuenow": "this.value" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: BaseProgressDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: BaseProgressDirective, decorators: [{
             type: Directive
         }], propDecorators: { progressChanged: [{
                 type: Output
@@ -467,10 +467,10 @@ class IgxLinearProgressBarComponent extends BaseProgressDirective {
     ngAfterContentInit() {
         this._contentInit = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxLinearProgressBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: IgxLinearProgressBarComponent, isStandalone: true, selector: "igx-linear-bar", inputs: { striped: ["striped", "striped", booleanAttribute], role: "role", id: "id", textAlign: "textAlign", textVisibility: ["textVisibility", "textVisibility", booleanAttribute], textTop: ["textTop", "textTop", booleanAttribute], type: "type" }, host: { properties: { "attr.aria-valuemin": "this.valueMin", "class.igx-linear-bar": "this.cssClass", "class.igx-linear-bar--striped": "this.striped", "class.igx-linear-bar--indeterminate": "this.isIndeterminate", "attr.role": "this.role", "attr.id": "this.id", "class.igx-linear-bar--animation-none": "this.disableAnimationClass", "class.igx-linear-bar--hide-counter": "this.hasText", "class.igx-linear-bar--danger": "this.error", "class.igx-linear-bar--info": "this.info", "class.igx-linear-bar--warning": "this.warning", "class.igx-linear-bar--success": "this.success" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"igx-linear-bar__base\">\n    <div class=\"igx-linear-bar__indicator\"></div>\n    <div class=\"igx-linear-bar__indicator-secondary\"></div>\n</div>\n<span\n    class=\"igx-linear-bar__value\"\n    [ngClass]=\"{\n    'igx-linear-bar__value--start': textAlign === 'start',\n    'igx-linear-bar__value--center': textAlign === 'center',\n    'igx-linear-bar__value--end': textAlign === 'end',\n    'igx-linear-bar__value--top': textTop,\n    'igx-linear-bar__value--hidden': !textVisibility,\n    'igx-linear-bar__value--fraction': hasFraction\n}\">\n    {{text}}\n</span>\n\n", styles: ["@keyframes igx-indeterminate-primary{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.7017,.4958);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.3024,.3813,.55,.9563);transform:translate(83.671%)}to{transform:translate(200.611%)}}@keyframes igx-indeterminate-primary-scale{0%{transform:scaleX(.08)}36.65%{animation-timing-function:cubic-bezier(.3347,.124,.7858,1);transform:scaleX(.08)}69.15%{animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.6614)}to{transform:scaleX(.08)}}@keyframes igx-indeterminate-secondary{0%{animation-timing-function:cubic-bezier(.15,0,.515,.4096);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31,.284,.8,.7337);transform:translate(37.6519%)}48.35%{animation-timing-function:cubic-bezier(.4,.627,.6,.902);transform:translate(84.3861%)}to{transform:translate(160.2777%)}}@keyframes igx-indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(.15,0,.515,.4096);transform:scaleX(.08)}19.15%{animation-timing-function:cubic-bezier(.31,.284,.8,.7337);transform:scaleX(.4571)}44.15%{animation-timing-function:cubic-bezier(.4,.627,.6,.902);transform:scaleX(.727)}to{transform:scaleX(.08)}}@keyframes igx-indeterminate-bar-fluent{0%{transform:translate(-100%);transform-origin:left}to{transform:translate(310%);transform-origin:right}}@keyframes igx-indeterminate-bar-fluent-rtl{0%{transform:translate(100%);transform-origin:right}to{transform:translate(-310%);transform-origin:left}}@keyframes igx-initial-width{0%{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@layer ig.base{.igx-linear-bar:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{animation:igx-initial-width var(--_transition-duration) linear;background-color:var(--fill-color-default)}.igx-linear-bar{position:relative;display:flex;width:100%;flex:1 1 100%;flex-direction:column}.igx-linear-bar__base{--stripe-size: var(--strip-size);--linear-animation-duration: 2s;display:flex;flex-direction:column;position:relative;width:inherit;height:var(--track-height);background:var(--track-color);overflow:hidden;border-radius:var(--track-border-radius);z-index:0}.igx-linear-bar__indicator{width:calc(var(--_progress-whole)*1%);position:absolute;height:100%;transition:width var(--_transition-duration) linear}.igx-linear-bar__value{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0;color:var(--text-color);animation:initial-counter var(--_transition-duration) ease-in-out;counter-reset:progress-integer round(down,var(--_progress-integer, 0),1) progress-fraction round(down,var(--_progress-fraction, 0),1);transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out}.igx-linear-bar__value--start{align-self:flex-start}.igx-linear-bar__value--center{align-self:center}.igx-linear-bar__value--end{align-self:flex-end}.igx-linear-bar__value--top{order:-1}.igx-linear-bar__value--hidden{display:none}.igx-linear-bar__value--fraction:before{content:counter(progress-integer) \".\" counter(progress-fraction,decimal-leading-zero) \"%\"}.igx-linear-bar__value:not(.igx-linear-bar__value--fraction):before{content:counter(progress-integer) \"%\"}.igx-linear-bar--danger:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-danger)}.igx-linear-bar--danger:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-danger)}.igx-linear-bar--danger .igx-linear-bar__indicator:after{background-color:var(--fill-color-danger)}.igx-linear-bar--danger .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-danger)}.igx-linear-bar--warning:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-warning)}.igx-linear-bar--warning:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-warning)}.igx-linear-bar--warning .igx-linear-bar__indicator:after{background-color:var(--fill-color-warning)}.igx-linear-bar--warning .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-warning)}.igx-linear-bar--info:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-info)}.igx-linear-bar--info:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-info)}.igx-linear-bar--info .igx-linear-bar__indicator:after{background-color:var(--fill-color-info)}.igx-linear-bar--info .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-info)}.igx-linear-bar--success:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-success)}.igx-linear-bar--success:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-success)}.igx-linear-bar--success .igx-linear-bar__indicator:after{background-color:var(--fill-color-success)}.igx-linear-bar--success .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-success)}.igx-linear-bar--indeterminate:not(.igx-linear-bar--danger,.igx-linear-bar--warning,.igx-linear-bar--info,.igx-linear-bar--success) .igx-linear-bar__indicator:after{background-color:var(--fill-color-default)}.igx-linear-bar--indeterminate:not(.igx-linear-bar--danger,.igx-linear-bar--warning,.igx-linear-bar--info,.igx-linear-bar--success) .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-default)}.igx-linear-bar--striped:not(.igx-linear-bar--indeterminate){--linear-strips-orientation: -45deg}.igx-linear-bar--striped:not(.igx-linear-bar--indeterminate):dir(rtl){--linear-strips-orientation: 45deg }.igx-linear-bar--striped:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-image:repeating-linear-gradient(var(--linear-strips-orientation),transparent,transparent var(--stripe-size),var(--stripes-color) var(--stripe-size),var(--stripes-color) calc(var(--stripe-size) * 2))}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{animation-name:igx-indeterminate-bar-fluent-rtl}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{animation:igx-indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{animation:igx-indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}.igx-linear-bar--indeterminate .igx-linear-bar__value{display:none}.igx-linear-bar--animation-none:not(.igx-linear-bar--indeterminate){--_transition-duration: 0s !important}.igx-linear-bar--hide-counter .igx-linear-bar__value:before{display:none}}@layer ig.material{@container style(--ig-theme: material){.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__base{transform:rotateY(180deg)}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{transform-origin:top left;width:100%!important;height:inherit;position:absolute;transform:scale3d(0,1,1);animation:igx-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden;animation:igx-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{transform-origin:top left;width:100%!important;height:inherit;position:absolute}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__base{transform:rotateY(180deg)}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{transform-origin:top left;width:100%!important;height:inherit;position:absolute;transform:scale3d(0,1,1);animation:igx-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden;animation:igx-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{transform-origin:top left;width:100%!important;height:inherit;position:absolute}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-linear-bar{gap:.125rem}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-default) 50%,transparent 100%);width:33%!important;min-width:33%;animation-name:igx-indeterminate-bar-fluent;animation-duration:var(--linear-animation-duration);animation-timing-function:ease;animation-iteration-count:infinite;left:auto}.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__indicator{animation-name:igx-indeterminate-bar-fluent-rtl}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{display:none}.igx-linear-bar--danger.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-danger) 50%,transparent 100%)}.igx-linear-bar--warning.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-warning) 50%,transparent 100%)}.igx-linear-bar--info.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-info) 50%,transparent 100%)}.igx-linear-bar--success.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-success) 50%,transparent 100%)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-linear-bar{gap:.25rem}.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__base{transform:rotateY(180deg)}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{transform-origin:top left;width:100%!important;height:inherit;position:absolute;transform:scale3d(0,1,1);animation:igx-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden;animation:igx-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{transform-origin:top left;width:100%!important;height:inherit;position:absolute}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxLinearProgressBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.7", type: IgxLinearProgressBarComponent, isStandalone: true, selector: "igx-linear-bar", inputs: { striped: ["striped", "striped", booleanAttribute], role: "role", id: "id", textAlign: "textAlign", textVisibility: ["textVisibility", "textVisibility", booleanAttribute], textTop: ["textTop", "textTop", booleanAttribute], type: "type" }, host: { properties: { "attr.aria-valuemin": "this.valueMin", "class.igx-linear-bar": "this.cssClass", "class.igx-linear-bar--striped": "this.striped", "class.igx-linear-bar--indeterminate": "this.isIndeterminate", "attr.role": "this.role", "attr.id": "this.id", "class.igx-linear-bar--animation-none": "this.disableAnimationClass", "class.igx-linear-bar--hide-counter": "this.hasText", "class.igx-linear-bar--danger": "this.error", "class.igx-linear-bar--info": "this.info", "class.igx-linear-bar--warning": "this.warning", "class.igx-linear-bar--success": "this.success" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"igx-linear-bar__base\">\n    <div class=\"igx-linear-bar__indicator\"></div>\n    <div class=\"igx-linear-bar__indicator-secondary\"></div>\n</div>\n<span\n    class=\"igx-linear-bar__value\"\n    [ngClass]=\"{\n    'igx-linear-bar__value--start': textAlign === 'start',\n    'igx-linear-bar__value--center': textAlign === 'center',\n    'igx-linear-bar__value--end': textAlign === 'end',\n    'igx-linear-bar__value--top': textTop,\n    'igx-linear-bar__value--hidden': !textVisibility,\n    'igx-linear-bar__value--fraction': hasFraction\n}\">\n    {{text}}\n</span>\n\n", styles: ["@keyframes igx-indeterminate-primary{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.7017,.4958);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.3024,.3813,.55,.9563);transform:translate(83.671%)}to{transform:translate(200.611%)}}@keyframes igx-indeterminate-primary-scale{0%{transform:scaleX(.08)}36.65%{animation-timing-function:cubic-bezier(.3347,.124,.7858,1);transform:scaleX(.08)}69.15%{animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.6614)}to{transform:scaleX(.08)}}@keyframes igx-indeterminate-secondary{0%{animation-timing-function:cubic-bezier(.15,0,.515,.4096);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31,.284,.8,.7337);transform:translate(37.6519%)}48.35%{animation-timing-function:cubic-bezier(.4,.627,.6,.902);transform:translate(84.3861%)}to{transform:translate(160.2777%)}}@keyframes igx-indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(.15,0,.515,.4096);transform:scaleX(.08)}19.15%{animation-timing-function:cubic-bezier(.31,.284,.8,.7337);transform:scaleX(.4571)}44.15%{animation-timing-function:cubic-bezier(.4,.627,.6,.902);transform:scaleX(.727)}to{transform:scaleX(.08)}}@keyframes igx-indeterminate-bar-fluent{0%{transform:translate(-100%);transform-origin:left}to{transform:translate(310%);transform-origin:right}}@keyframes igx-indeterminate-bar-fluent-rtl{0%{transform:translate(100%);transform-origin:right}to{transform:translate(-310%);transform-origin:left}}@keyframes igx-initial-width{0%{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@layer ig.base{.igx-linear-bar:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{animation:igx-initial-width var(--_transition-duration) linear;background-color:var(--fill-color-default)}.igx-linear-bar{position:relative;display:flex;width:100%;flex:1 1 100%;flex-direction:column}.igx-linear-bar__base{--stripe-size: var(--strip-size);--linear-animation-duration: 2s;display:flex;flex-direction:column;position:relative;width:inherit;height:var(--track-height);background:var(--track-color);overflow:hidden;border-radius:var(--track-border-radius);z-index:0}.igx-linear-bar__indicator{width:calc(var(--_progress-whole)*1%);position:absolute;height:100%;transition:width var(--_transition-duration) linear}.igx-linear-bar__value{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0;color:var(--text-color);animation:initial-counter var(--_transition-duration) ease-in-out;counter-reset:progress-integer round(down,var(--_progress-integer, 0),1) progress-fraction round(down,var(--_progress-fraction, 0),1);transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out}.igx-linear-bar__value--start{align-self:flex-start}.igx-linear-bar__value--center{align-self:center}.igx-linear-bar__value--end{align-self:flex-end}.igx-linear-bar__value--top{order:-1}.igx-linear-bar__value--hidden{display:none}.igx-linear-bar__value--fraction:before{content:counter(progress-integer) \".\" counter(progress-fraction,decimal-leading-zero) \"%\"}.igx-linear-bar__value:not(.igx-linear-bar__value--fraction):before{content:counter(progress-integer) \"%\"}.igx-linear-bar--danger:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-danger)}.igx-linear-bar--danger:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-danger)}.igx-linear-bar--danger .igx-linear-bar__indicator:after{background-color:var(--fill-color-danger)}.igx-linear-bar--danger .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-danger)}.igx-linear-bar--warning:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-warning)}.igx-linear-bar--warning:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-warning)}.igx-linear-bar--warning .igx-linear-bar__indicator:after{background-color:var(--fill-color-warning)}.igx-linear-bar--warning .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-warning)}.igx-linear-bar--info:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-info)}.igx-linear-bar--info:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-info)}.igx-linear-bar--info .igx-linear-bar__indicator:after{background-color:var(--fill-color-info)}.igx-linear-bar--info .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-info)}.igx-linear-bar--success:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-success)}.igx-linear-bar--success:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-success)}.igx-linear-bar--success .igx-linear-bar__indicator:after{background-color:var(--fill-color-success)}.igx-linear-bar--success .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-success)}.igx-linear-bar--indeterminate:not(.igx-linear-bar--danger,.igx-linear-bar--warning,.igx-linear-bar--info,.igx-linear-bar--success) .igx-linear-bar__indicator:after{background-color:var(--fill-color-default)}.igx-linear-bar--indeterminate:not(.igx-linear-bar--danger,.igx-linear-bar--warning,.igx-linear-bar--info,.igx-linear-bar--success) .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-default)}.igx-linear-bar--striped:not(.igx-linear-bar--indeterminate){--linear-strips-orientation: -45deg}.igx-linear-bar--striped:not(.igx-linear-bar--indeterminate):dir(rtl){--linear-strips-orientation: 45deg }.igx-linear-bar--striped:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-image:repeating-linear-gradient(var(--linear-strips-orientation),transparent,transparent var(--stripe-size),var(--stripes-color) var(--stripe-size),var(--stripes-color) calc(var(--stripe-size) * 2))}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{animation-name:igx-indeterminate-bar-fluent-rtl}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{animation:igx-indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{animation:igx-indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}.igx-linear-bar--indeterminate .igx-linear-bar__value{display:none}.igx-linear-bar--animation-none:not(.igx-linear-bar--indeterminate){--_transition-duration: 0s !important}.igx-linear-bar--hide-counter .igx-linear-bar__value:before{display:none}}@layer ig.material{@container style(--ig-theme: material){.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__base{transform:rotateY(180deg)}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{transform-origin:top left;width:100%!important;height:inherit;position:absolute;transform:scale3d(0,1,1);animation:igx-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden;animation:igx-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{transform-origin:top left;width:100%!important;height:inherit;position:absolute}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__base{transform:rotateY(180deg)}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{transform-origin:top left;width:100%!important;height:inherit;position:absolute;transform:scale3d(0,1,1);animation:igx-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden;animation:igx-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{transform-origin:top left;width:100%!important;height:inherit;position:absolute}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-linear-bar{gap:.125rem}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-default) 50%,transparent 100%);width:33%!important;min-width:33%;animation-name:igx-indeterminate-bar-fluent;animation-duration:var(--linear-animation-duration);animation-timing-function:ease;animation-iteration-count:infinite;left:auto}.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__indicator{animation-name:igx-indeterminate-bar-fluent-rtl}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{display:none}.igx-linear-bar--danger.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-danger) 50%,transparent 100%)}.igx-linear-bar--warning.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-warning) 50%,transparent 100%)}.igx-linear-bar--info.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-info) 50%,transparent 100%)}.igx-linear-bar--success.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-success) 50%,transparent 100%)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-linear-bar{gap:.25rem}.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__base{transform:rotateY(180deg)}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{transform-origin:top left;width:100%!important;height:inherit;position:absolute;transform:scale3d(0,1,1);animation:igx-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden;animation:igx-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{transform-origin:top left;width:100%!important;height:inherit;position:absolute}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxLinearProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxLinearProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-linear-bar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass], template: "<div class=\"igx-linear-bar__base\">\n    <div class=\"igx-linear-bar__indicator\"></div>\n    <div class=\"igx-linear-bar__indicator-secondary\"></div>\n</div>\n<span\n    class=\"igx-linear-bar__value\"\n    [ngClass]=\"{\n    'igx-linear-bar__value--start': textAlign === 'start',\n    'igx-linear-bar__value--center': textAlign === 'center',\n    'igx-linear-bar__value--end': textAlign === 'end',\n    'igx-linear-bar__value--top': textTop,\n    'igx-linear-bar__value--hidden': !textVisibility,\n    'igx-linear-bar__value--fraction': hasFraction\n}\">\n    {{text}}\n</span>\n\n", styles: ["@keyframes igx-indeterminate-primary{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.7017,.4958);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.3024,.3813,.55,.9563);transform:translate(83.671%)}to{transform:translate(200.611%)}}@keyframes igx-indeterminate-primary-scale{0%{transform:scaleX(.08)}36.65%{animation-timing-function:cubic-bezier(.3347,.124,.7858,1);transform:scaleX(.08)}69.15%{animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.6614)}to{transform:scaleX(.08)}}@keyframes igx-indeterminate-secondary{0%{animation-timing-function:cubic-bezier(.15,0,.515,.4096);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31,.284,.8,.7337);transform:translate(37.6519%)}48.35%{animation-timing-function:cubic-bezier(.4,.627,.6,.902);transform:translate(84.3861%)}to{transform:translate(160.2777%)}}@keyframes igx-indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(.15,0,.515,.4096);transform:scaleX(.08)}19.15%{animation-timing-function:cubic-bezier(.31,.284,.8,.7337);transform:scaleX(.4571)}44.15%{animation-timing-function:cubic-bezier(.4,.627,.6,.902);transform:scaleX(.727)}to{transform:scaleX(.08)}}@keyframes igx-indeterminate-bar-fluent{0%{transform:translate(-100%);transform-origin:left}to{transform:translate(310%);transform-origin:right}}@keyframes igx-indeterminate-bar-fluent-rtl{0%{transform:translate(100%);transform-origin:right}to{transform:translate(-310%);transform-origin:left}}@keyframes igx-initial-width{0%{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@layer ig.base{.igx-linear-bar:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{animation:igx-initial-width var(--_transition-duration) linear;background-color:var(--fill-color-default)}.igx-linear-bar{position:relative;display:flex;width:100%;flex:1 1 100%;flex-direction:column}.igx-linear-bar__base{--stripe-size: var(--strip-size);--linear-animation-duration: 2s;display:flex;flex-direction:column;position:relative;width:inherit;height:var(--track-height);background:var(--track-color);overflow:hidden;border-radius:var(--track-border-radius);z-index:0}.igx-linear-bar__indicator{width:calc(var(--_progress-whole)*1%);position:absolute;height:100%;transition:width var(--_transition-duration) linear}.igx-linear-bar__value{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0;color:var(--text-color);animation:initial-counter var(--_transition-duration) ease-in-out;counter-reset:progress-integer round(down,var(--_progress-integer, 0),1) progress-fraction round(down,var(--_progress-fraction, 0),1);transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out}.igx-linear-bar__value--start{align-self:flex-start}.igx-linear-bar__value--center{align-self:center}.igx-linear-bar__value--end{align-self:flex-end}.igx-linear-bar__value--top{order:-1}.igx-linear-bar__value--hidden{display:none}.igx-linear-bar__value--fraction:before{content:counter(progress-integer) \".\" counter(progress-fraction,decimal-leading-zero) \"%\"}.igx-linear-bar__value:not(.igx-linear-bar__value--fraction):before{content:counter(progress-integer) \"%\"}.igx-linear-bar--danger:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-danger)}.igx-linear-bar--danger:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-danger)}.igx-linear-bar--danger .igx-linear-bar__indicator:after{background-color:var(--fill-color-danger)}.igx-linear-bar--danger .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-danger)}.igx-linear-bar--warning:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-warning)}.igx-linear-bar--warning:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-warning)}.igx-linear-bar--warning .igx-linear-bar__indicator:after{background-color:var(--fill-color-warning)}.igx-linear-bar--warning .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-warning)}.igx-linear-bar--info:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-info)}.igx-linear-bar--info:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-info)}.igx-linear-bar--info .igx-linear-bar__indicator:after{background-color:var(--fill-color-info)}.igx-linear-bar--info .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-info)}.igx-linear-bar--success:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-color:var(--fill-color-success)}.igx-linear-bar--success:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator-secondary{background-color:var(--fill-color-success)}.igx-linear-bar--success .igx-linear-bar__indicator:after{background-color:var(--fill-color-success)}.igx-linear-bar--success .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-success)}.igx-linear-bar--indeterminate:not(.igx-linear-bar--danger,.igx-linear-bar--warning,.igx-linear-bar--info,.igx-linear-bar--success) .igx-linear-bar__indicator:after{background-color:var(--fill-color-default)}.igx-linear-bar--indeterminate:not(.igx-linear-bar--danger,.igx-linear-bar--warning,.igx-linear-bar--info,.igx-linear-bar--success) .igx-linear-bar__indicator-secondary:after{background-color:var(--fill-color-default)}.igx-linear-bar--striped:not(.igx-linear-bar--indeterminate){--linear-strips-orientation: -45deg}.igx-linear-bar--striped:not(.igx-linear-bar--indeterminate):dir(rtl){--linear-strips-orientation: 45deg }.igx-linear-bar--striped:not(.igx-linear-bar--indeterminate) .igx-linear-bar__indicator{background-image:repeating-linear-gradient(var(--linear-strips-orientation),transparent,transparent var(--stripe-size),var(--stripes-color) var(--stripe-size),var(--stripes-color) calc(var(--stripe-size) * 2))}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{animation-name:igx-indeterminate-bar-fluent-rtl}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{animation:igx-indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{animation:igx-indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}.igx-linear-bar--indeterminate .igx-linear-bar__value{display:none}.igx-linear-bar--animation-none:not(.igx-linear-bar--indeterminate){--_transition-duration: 0s !important}.igx-linear-bar--hide-counter .igx-linear-bar__value:before{display:none}}@layer ig.material{@container style(--ig-theme: material){.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__base{transform:rotateY(180deg)}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{transform-origin:top left;width:100%!important;height:inherit;position:absolute;transform:scale3d(0,1,1);animation:igx-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden;animation:igx-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{transform-origin:top left;width:100%!important;height:inherit;position:absolute}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__base{transform:rotateY(180deg)}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{transform-origin:top left;width:100%!important;height:inherit;position:absolute;transform:scale3d(0,1,1);animation:igx-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden;animation:igx-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{transform-origin:top left;width:100%!important;height:inherit;position:absolute}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-linear-bar{gap:.125rem}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-default) 50%,transparent 100%);width:33%!important;min-width:33%;animation-name:igx-indeterminate-bar-fluent;animation-duration:var(--linear-animation-duration);animation-timing-function:ease;animation-iteration-count:infinite;left:auto}.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__indicator{animation-name:igx-indeterminate-bar-fluent-rtl}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{display:none}.igx-linear-bar--danger.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-danger) 50%,transparent 100%)}.igx-linear-bar--warning.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-warning) 50%,transparent 100%)}.igx-linear-bar--info.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-info) 50%,transparent 100%)}.igx-linear-bar--success.igx-linear-bar--indeterminate .igx-linear-bar__indicator{background:linear-gradient(90deg,transparent 0%,var(--fill-color-success) 50%,transparent 100%)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-linear-bar{gap:.25rem}.igx-linear-bar--indeterminate:dir(rtl) .igx-linear-bar__base{transform:rotateY(180deg)}.igx-linear-bar--indeterminate .igx-linear-bar__indicator{transform-origin:top left;width:100%!important;height:inherit;position:absolute;transform:scale3d(0,1,1);animation:igx-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}.igx-linear-bar--indeterminate .igx-linear-bar__indicator:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden;animation:igx-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary{transform-origin:top left;width:100%!important;height:inherit;position:absolute}.igx-linear-bar--indeterminate .igx-linear-bar__indicator-secondary:after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}}}\n"] }]
         }], propDecorators: { valueMin: [{
@@ -626,10 +626,10 @@ class IgxCircularProgressBarComponent extends BaseProgressDirective {
     ngAfterContentInit() {
         this._contentInit = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxCircularProgressBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: IgxCircularProgressBarComponent, isStandalone: true, selector: "igx-circular-bar", inputs: { id: "id", textVisibility: ["textVisibility", "textVisibility", booleanAttribute], type: "type" }, host: { properties: { "class.igx-circular-bar": "this.cssClass", "attr.id": "this.id", "class.igx-circular-bar--indeterminate": "this.isIndeterminate", "class.igx-circular-bar--animation-none": "this.disableAnimationClass", "class.igx-circular-bar--hide-counter": "this.hasText", "class.igx-circular-bar--danger": "this.error", "class.igx-circular-bar--info": "this.info", "class.igx-circular-bar--warning": "this.warning", "class.igx-circular-bar--success": "this.success", "style.stroke": "this.strokeStyle" } }, queries: [{ propertyName: "textTemplate", first: true, predicate: IgxProgressBarTextTemplateDirective, descendants: true, read: IgxProgressBarTextTemplateDirective }, { propertyName: "gradientTemplate", first: true, predicate: IgxProgressBarGradientDirective, descendants: true, read: IgxProgressBarGradientDirective }], usesInheritance: true, ngImport: i0, template: "<svg #svg\n     role=\"progressbar\"\n     aria-valuemin=\"0\"\n     [ngClass]=\"{'igx-circular-svg': true, 'igx-circular-svg--indeterminate': indeterminate}\"\n     [attr.aria-valuemax]=\"max\"\n     [attr.aria-valuenow]=\"value\">\n    <svg:circle class=\"igx-circular-svg__inner\" />\n    <svg:circle #circle class=\"igx-circular-bar__outer igx-circular-svg__outer\"/>\n\n    <svg:defs>\n        <ng-container\n                *ngTemplateOutlet=\"gradientTemplate ? gradientTemplate.template : defaultGradientTemplate;\n        context: { $implicit: gradientId }\">\n        </ng-container>\n    </svg:defs>\n\n    <ng-template #defaultGradientTemplate>\n        <svg:linearGradient [id]=\"gradientId\" gradientTransform=\"rotate(90)\">\n            <stop offset=\"0%\"   class=\"igx-circular-svg__gradient-start\" />\n            <stop offset=\"100%\" class=\"igx-circular-svg__gradient-end\" />\n        </svg:linearGradient>\n    </ng-template>\n</svg>\n\n@if (textVisibility) {\n    <span class=\"igx-circular-bar__text\" [ngClass]=\"hasFraction ? 'igx-circular-bar__value--fraction' : ''\">\n        <ng-container *ngTemplateOutlet=\"textTemplate ? textTemplate.template : defaultTextTemplate;\n            context: context\">\n        </ng-container>\n    </span>\n}\n\n<ng-template #defaultTextTemplate>\n    {{textContent}}\n</ng-template>\n\n\n", styles: ["@keyframes igx-indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*9/10)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*2/5)}}@keyframes igx-indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*9/10)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*-2/5)}}@keyframes igx-indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(360deg)}to{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes igx-indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(-360deg)}to{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes igx-initial-dashoffset{0%{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}}@keyframes igc-initial-counter{0%{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes igx-rotate-center{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.igx-circular-svg__outer,.igx-circular-svg__inner{width:100%;height:100%;fill:#0000;cx:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);cy:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);r:calc(var(--circular-size)/2 - var(--stroke-thickness)*.5);transform-origin:center}@layer ig.base{.igx-circular-bar{--circular-size: calc(var(--diameter) - var(--stroke-thickness));display:inline-flex;align-items:center;justify-content:center;position:relative}.igx-circular-bar__text{position:absolute;color:var(--text-color);font-size:round(var(--diameter)/var(--scale-factor) - var(--stroke-thickness),1px);line-height:normal;text-align:center;font-weight:600;animation:igx-initial-counter var(--_transition-duration) ease-in-out;counter-reset:progress-integer round(down,var(--_progress-integer, 0),1) progress-fraction round(down,var(--_progress-fraction, 0),1);transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out}.igx-circular-bar__text:before{content:counter(progress-integer) \"%\"}.igx-circular-bar__value--fraction:before{content:counter(progress-integer) \".\" counter(progress-fraction,decimal-leading-zero) \"%\"}.igx-circular-bar--indeterminate .igx-circular-bar__text{visibility:hidden}.igx-circular-bar--danger .igx-circular-bar__outer{stroke:var(--fill-color-danger)}.igx-circular-bar--warning .igx-circular-bar__outer{stroke:var(--fill-color-warning)}.igx-circular-bar--info .igx-circular-bar__outer{stroke:var(--fill-color-info)}.igx-circular-bar--success .igx-circular-bar__outer{stroke:var(--fill-color-success)}.igx-circular-bar--animation-none{--_transition-duration: 0s !important}.igx-circular-bar--hide-counter .igx-circular-bar__text:before{display:none}.igx-circular-svg{width:calc(var(--circular-size) + var(--stroke-thickness));height:calc(var(--circular-size) + var(--stroke-thickness));transform:rotate(-90deg);transform-origin:center;--fill-color-default-start: var(--fill-color-default);--fill-color-default-end: var(--fill-color-default)}.igx-circular-svg__gradient-start{stop-color:var(--ig-circular-bar-fill-color-default-end, var(--fill-color-default-end))}.igx-circular-svg__gradient-end{stop-color:var(--ig-circular-bar-fill-color-default-start, var(--fill-color-default-start))}.igx-circular-svg__inner{stroke-width:var(--stroke-thickness);stroke:var(--track-color)}.igx-circular-svg__outer{--_progress-percentage: calc(var(--_progress-whole, 0) / 100);transition:stroke-dashoffset var(--_transition-duration) linear;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}.igx-circular-svg--indeterminate .igx-circular-svg__outer{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*2);animation:igx-indeterminate-accordion 1.5s cubic-bezier(0,.085,.68,.53) normal infinite}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) + var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}.igx-circular-svg:not(.igx-circular-svg--indeterminate) .igx-circular-svg__outer{animation:igx-initial-dashoffset var(--_transition-duration) linear;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}.igx-circular-svg:not(.igx-circular-svg--indeterminate):dir(rtl) .igx-circular-svg__outer{animation:igx-initial-dashoffset-rtl var(--_transition-duration) linear;animation-direction:reverse}}@layer ig.material{@container style(--ig-theme: material){.igx-circular-bar{--stroke-thickness: 1.3px;--scale-factor: 2.95}}}@layer ig.material{@container style(--ig-theme: material){.igx-circular-svg__outer{animation:igx-initial-dashoffset var(--_transition-duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem)}.igx-circular-svg--indeterminate{animation:3s linear 0s infinite normal none running igx-rotate-center;transform-origin:50% 50%}.igx-circular-svg--indeterminate .igx-circular-svg__outer{animation:igx-indeterminate-accordion 1.5s cubic-bezier(0,.085,.68,.53) normal infinite;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{animation-direction:reverse}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-circular-bar{--stroke-thickness: 2px;--scale-factor: 3.05}.igx-circular-bar__text{font-weight:700}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-circular-svg__outer{stroke-width:var(--stroke-thickness)}.igx-circular-svg--indeterminate{animation:3s linear 0s infinite normal none running igx-rotate-center;animation-duration:.75s}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate .igx-circular-svg__inner{stroke:#0000}.igx-circular-svg--indeterminate .igx-circular-svg__outer{stroke-dashoffset:60%;animation:none}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-circular-bar{--stroke-thickness: 2px;--scale-factor: 2.75}.igx-circular-bar__text{font-weight:700}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-circular-svg__outer{stroke-width:var(--stroke-thickness);animation:igx-initial-dashoffset var(--_transition-duration) linear}.igx-circular-svg--indeterminate{transform-origin:50% 50%}.igx-circular-svg--indeterminate .igx-circular-svg__outer{stroke-linecap:round;animation:2s linear 0s infinite normal none running igx-indeterminate-circular-fluent;stroke-dasharray:289}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{animation-direction:reverse}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-circular-bar{--stroke-thickness: 3px;--scale-factor: 3.4}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-circular-svg__outer{stroke-width:var(--stroke-thickness);animation:igx-initial-dashoffset var(--_transition-duration) linear}.igx-circular-svg--indeterminate{animation:3s linear 0s infinite normal none running igx-rotate-center;transform-origin:50% 50%}.igx-circular-svg--indeterminate .igx-circular-svg__outer{animation:igx-indeterminate-accordion 1.5s cubic-bezier(0,.085,.68,.53) normal infinite;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{animation-direction:reverse}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCircularProgressBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: IgxCircularProgressBarComponent, isStandalone: true, selector: "igx-circular-bar", inputs: { id: "id", textVisibility: ["textVisibility", "textVisibility", booleanAttribute], type: "type" }, host: { properties: { "class.igx-circular-bar": "this.cssClass", "attr.id": "this.id", "class.igx-circular-bar--indeterminate": "this.isIndeterminate", "class.igx-circular-bar--animation-none": "this.disableAnimationClass", "class.igx-circular-bar--hide-counter": "this.hasText", "class.igx-circular-bar--danger": "this.error", "class.igx-circular-bar--info": "this.info", "class.igx-circular-bar--warning": "this.warning", "class.igx-circular-bar--success": "this.success", "style.stroke": "this.strokeStyle" } }, queries: [{ propertyName: "textTemplate", first: true, predicate: IgxProgressBarTextTemplateDirective, descendants: true, read: IgxProgressBarTextTemplateDirective }, { propertyName: "gradientTemplate", first: true, predicate: IgxProgressBarGradientDirective, descendants: true, read: IgxProgressBarGradientDirective }], usesInheritance: true, ngImport: i0, template: "<svg #svg\n     role=\"progressbar\"\n     aria-valuemin=\"0\"\n     [ngClass]=\"{'igx-circular-svg': true, 'igx-circular-svg--indeterminate': indeterminate}\"\n     [attr.aria-valuemax]=\"max\"\n     [attr.aria-valuenow]=\"value\">\n    <svg:circle class=\"igx-circular-svg__inner\" />\n    <svg:circle #circle class=\"igx-circular-bar__outer igx-circular-svg__outer\"/>\n\n    <svg:defs>\n        <ng-container\n                *ngTemplateOutlet=\"gradientTemplate ? gradientTemplate.template : defaultGradientTemplate;\n        context: { $implicit: gradientId }\">\n        </ng-container>\n    </svg:defs>\n\n    <ng-template #defaultGradientTemplate>\n        <svg:linearGradient [id]=\"gradientId\" gradientTransform=\"rotate(90)\">\n            <stop offset=\"0%\"   class=\"igx-circular-svg__gradient-start\" />\n            <stop offset=\"100%\" class=\"igx-circular-svg__gradient-end\" />\n        </svg:linearGradient>\n    </ng-template>\n</svg>\n\n@if (textVisibility) {\n    <span class=\"igx-circular-bar__text\" [ngClass]=\"hasFraction ? 'igx-circular-bar__value--fraction' : ''\">\n        <ng-container *ngTemplateOutlet=\"textTemplate ? textTemplate.template : defaultTextTemplate;\n            context: context\">\n        </ng-container>\n    </span>\n}\n\n<ng-template #defaultTextTemplate>\n    {{textContent}}\n</ng-template>\n\n\n", styles: ["@keyframes igx-indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*9/10)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*2/5)}}@keyframes igx-indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*9/10)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*-2/5)}}@keyframes igx-indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(360deg)}to{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes igx-indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(-360deg)}to{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes igx-initial-dashoffset{0%{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}}@keyframes igc-initial-counter{0%{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes igx-rotate-center{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.igx-circular-svg__outer,.igx-circular-svg__inner{width:100%;height:100%;fill:#0000;cx:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);cy:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);r:calc(var(--circular-size)/2 - var(--stroke-thickness)*.5);transform-origin:center}@layer ig.base{.igx-circular-bar{--circular-size: calc(var(--diameter) - var(--stroke-thickness));display:inline-flex;align-items:center;justify-content:center;position:relative}.igx-circular-bar__text{position:absolute;color:var(--text-color);font-size:round(var(--diameter)/var(--scale-factor) - var(--stroke-thickness),1px);line-height:normal;text-align:center;font-weight:600;animation:igx-initial-counter var(--_transition-duration) ease-in-out;counter-reset:progress-integer round(down,var(--_progress-integer, 0),1) progress-fraction round(down,var(--_progress-fraction, 0),1);transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out}.igx-circular-bar__text:before{content:counter(progress-integer) \"%\"}.igx-circular-bar__value--fraction:before{content:counter(progress-integer) \".\" counter(progress-fraction,decimal-leading-zero) \"%\"}.igx-circular-bar--indeterminate .igx-circular-bar__text{visibility:hidden}.igx-circular-bar--danger .igx-circular-bar__outer{stroke:var(--fill-color-danger)}.igx-circular-bar--warning .igx-circular-bar__outer{stroke:var(--fill-color-warning)}.igx-circular-bar--info .igx-circular-bar__outer{stroke:var(--fill-color-info)}.igx-circular-bar--success .igx-circular-bar__outer{stroke:var(--fill-color-success)}.igx-circular-bar--animation-none{--_transition-duration: 0s !important}.igx-circular-bar--hide-counter .igx-circular-bar__text:before{display:none}.igx-circular-svg{width:calc(var(--circular-size) + var(--stroke-thickness));height:calc(var(--circular-size) + var(--stroke-thickness));transform:rotate(-90deg);transform-origin:center;--fill-color-default-start: var(--fill-color-default);--fill-color-default-end: var(--fill-color-default)}.igx-circular-svg__gradient-start{stop-color:var(--ig-circular-bar-fill-color-default-end, var(--fill-color-default-end))}.igx-circular-svg__gradient-end{stop-color:var(--ig-circular-bar-fill-color-default-start, var(--fill-color-default-start))}.igx-circular-svg__inner{stroke-width:var(--stroke-thickness);stroke:var(--track-color)}.igx-circular-svg__outer{--_progress-percentage: calc(var(--_progress-whole, 0) / 100);transition:stroke-dashoffset var(--_transition-duration) linear;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}.igx-circular-svg--indeterminate .igx-circular-svg__outer{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*2);animation:igx-indeterminate-accordion 1.5s cubic-bezier(0,.085,.68,.53) normal infinite}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) + var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}.igx-circular-svg:not(.igx-circular-svg--indeterminate) .igx-circular-svg__outer{animation:igx-initial-dashoffset var(--_transition-duration) linear;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}.igx-circular-svg:not(.igx-circular-svg--indeterminate):dir(rtl) .igx-circular-svg__outer{animation:igx-initial-dashoffset-rtl var(--_transition-duration) linear;animation-direction:reverse}}@layer ig.material{@container style(--ig-theme: material){.igx-circular-bar{--stroke-thickness: 1.3px;--scale-factor: 2.95}}}@layer ig.material{@container style(--ig-theme: material){.igx-circular-svg__outer{animation:igx-initial-dashoffset var(--_transition-duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem)}.igx-circular-svg--indeterminate{animation:3s linear 0s infinite normal none running igx-rotate-center;transform-origin:50% 50%}.igx-circular-svg--indeterminate .igx-circular-svg__outer{animation:igx-indeterminate-accordion 1.5s cubic-bezier(0,.085,.68,.53) normal infinite;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{animation-direction:reverse}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-circular-bar{--stroke-thickness: 2px;--scale-factor: 3.05}.igx-circular-bar__text{font-weight:700}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-circular-svg__outer{stroke-width:var(--stroke-thickness)}.igx-circular-svg--indeterminate{animation:3s linear 0s infinite normal none running igx-rotate-center;animation-duration:.75s}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate .igx-circular-svg__inner{stroke:#0000}.igx-circular-svg--indeterminate .igx-circular-svg__outer{stroke-dashoffset:60%;animation:none}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-circular-bar{--stroke-thickness: 2px;--scale-factor: 2.75}.igx-circular-bar__text{font-weight:700}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-circular-svg__outer{stroke-width:var(--stroke-thickness);animation:igx-initial-dashoffset var(--_transition-duration) linear}.igx-circular-svg--indeterminate{transform-origin:50% 50%}.igx-circular-svg--indeterminate .igx-circular-svg__outer{stroke-linecap:round;animation:2s linear 0s infinite normal none running igx-indeterminate-circular-fluent;stroke-dasharray:289}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{animation-direction:reverse}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-circular-bar{--stroke-thickness: 3px;--scale-factor: 3.4}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-circular-svg__outer{stroke-width:var(--stroke-thickness);animation:igx-initial-dashoffset var(--_transition-duration) linear}.igx-circular-svg--indeterminate{animation:3s linear 0s infinite normal none running igx-rotate-center;transform-origin:50% 50%}.igx-circular-svg--indeterminate .igx-circular-svg__outer{animation:igx-indeterminate-accordion 1.5s cubic-bezier(0,.085,.68,.53) normal infinite;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{animation-direction:reverse}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxCircularProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCircularProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-circular-bar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, imports: [NgTemplateOutlet, NgClass], template: "<svg #svg\n     role=\"progressbar\"\n     aria-valuemin=\"0\"\n     [ngClass]=\"{'igx-circular-svg': true, 'igx-circular-svg--indeterminate': indeterminate}\"\n     [attr.aria-valuemax]=\"max\"\n     [attr.aria-valuenow]=\"value\">\n    <svg:circle class=\"igx-circular-svg__inner\" />\n    <svg:circle #circle class=\"igx-circular-bar__outer igx-circular-svg__outer\"/>\n\n    <svg:defs>\n        <ng-container\n                *ngTemplateOutlet=\"gradientTemplate ? gradientTemplate.template : defaultGradientTemplate;\n        context: { $implicit: gradientId }\">\n        </ng-container>\n    </svg:defs>\n\n    <ng-template #defaultGradientTemplate>\n        <svg:linearGradient [id]=\"gradientId\" gradientTransform=\"rotate(90)\">\n            <stop offset=\"0%\"   class=\"igx-circular-svg__gradient-start\" />\n            <stop offset=\"100%\" class=\"igx-circular-svg__gradient-end\" />\n        </svg:linearGradient>\n    </ng-template>\n</svg>\n\n@if (textVisibility) {\n    <span class=\"igx-circular-bar__text\" [ngClass]=\"hasFraction ? 'igx-circular-bar__value--fraction' : ''\">\n        <ng-container *ngTemplateOutlet=\"textTemplate ? textTemplate.template : defaultTextTemplate;\n            context: context\">\n        </ng-container>\n    </span>\n}\n\n<ng-template #defaultTextTemplate>\n    {{textContent}}\n</ng-template>\n\n\n", styles: ["@keyframes igx-indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*9/10)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*2/5)}}@keyframes igx-indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*9/10)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*-2/5)}}@keyframes igx-indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(360deg)}to{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes igx-indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(-360deg)}to{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes igx-initial-dashoffset{0%{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}}@keyframes igc-initial-counter{0%{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes igx-rotate-center{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.igx-circular-svg__outer,.igx-circular-svg__inner{width:100%;height:100%;fill:#0000;cx:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);cy:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);r:calc(var(--circular-size)/2 - var(--stroke-thickness)*.5);transform-origin:center}@layer ig.base{.igx-circular-bar{--circular-size: calc(var(--diameter) - var(--stroke-thickness));display:inline-flex;align-items:center;justify-content:center;position:relative}.igx-circular-bar__text{position:absolute;color:var(--text-color);font-size:round(var(--diameter)/var(--scale-factor) - var(--stroke-thickness),1px);line-height:normal;text-align:center;font-weight:600;animation:igx-initial-counter var(--_transition-duration) ease-in-out;counter-reset:progress-integer round(down,var(--_progress-integer, 0),1) progress-fraction round(down,var(--_progress-fraction, 0),1);transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out}.igx-circular-bar__text:before{content:counter(progress-integer) \"%\"}.igx-circular-bar__value--fraction:before{content:counter(progress-integer) \".\" counter(progress-fraction,decimal-leading-zero) \"%\"}.igx-circular-bar--indeterminate .igx-circular-bar__text{visibility:hidden}.igx-circular-bar--danger .igx-circular-bar__outer{stroke:var(--fill-color-danger)}.igx-circular-bar--warning .igx-circular-bar__outer{stroke:var(--fill-color-warning)}.igx-circular-bar--info .igx-circular-bar__outer{stroke:var(--fill-color-info)}.igx-circular-bar--success .igx-circular-bar__outer{stroke:var(--fill-color-success)}.igx-circular-bar--animation-none{--_transition-duration: 0s !important}.igx-circular-bar--hide-counter .igx-circular-bar__text:before{display:none}.igx-circular-svg{width:calc(var(--circular-size) + var(--stroke-thickness));height:calc(var(--circular-size) + var(--stroke-thickness));transform:rotate(-90deg);transform-origin:center;--fill-color-default-start: var(--fill-color-default);--fill-color-default-end: var(--fill-color-default)}.igx-circular-svg__gradient-start{stop-color:var(--ig-circular-bar-fill-color-default-end, var(--fill-color-default-end))}.igx-circular-svg__gradient-end{stop-color:var(--ig-circular-bar-fill-color-default-start, var(--fill-color-default-start))}.igx-circular-svg__inner{stroke-width:var(--stroke-thickness);stroke:var(--track-color)}.igx-circular-svg__outer{--_progress-percentage: calc(var(--_progress-whole, 0) / 100);transition:stroke-dashoffset var(--_transition-duration) linear;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}.igx-circular-svg--indeterminate .igx-circular-svg__outer{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)*2);animation:igx-indeterminate-accordion 1.5s cubic-bezier(0,.085,.68,.53) normal infinite}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) + var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}.igx-circular-svg:not(.igx-circular-svg--indeterminate) .igx-circular-svg__outer{animation:igx-initial-dashoffset var(--_transition-duration) linear;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416))}.igx-circular-svg:not(.igx-circular-svg--indeterminate):dir(rtl) .igx-circular-svg__outer{animation:igx-initial-dashoffset-rtl var(--_transition-duration) linear;animation-direction:reverse}}@layer ig.material{@container style(--ig-theme: material){.igx-circular-bar{--stroke-thickness: 1.3px;--scale-factor: 2.95}}}@layer ig.material{@container style(--ig-theme: material){.igx-circular-svg__outer{animation:igx-initial-dashoffset var(--_transition-duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem)}.igx-circular-svg--indeterminate{animation:3s linear 0s infinite normal none running igx-rotate-center;transform-origin:50% 50%}.igx-circular-svg--indeterminate .igx-circular-svg__outer{animation:igx-indeterminate-accordion 1.5s cubic-bezier(0,.085,.68,.53) normal infinite;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{animation-direction:reverse}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-circular-bar{--stroke-thickness: 2px;--scale-factor: 3.05}.igx-circular-bar__text{font-weight:700}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-circular-svg__outer{stroke-width:var(--stroke-thickness)}.igx-circular-svg--indeterminate{animation:3s linear 0s infinite normal none running igx-rotate-center;animation-duration:.75s}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate .igx-circular-svg__inner{stroke:#0000}.igx-circular-svg--indeterminate .igx-circular-svg__outer{stroke-dashoffset:60%;animation:none}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-circular-bar{--stroke-thickness: 2px;--scale-factor: 2.75}.igx-circular-bar__text{font-weight:700}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-circular-svg__outer{stroke-width:var(--stroke-thickness);animation:igx-initial-dashoffset var(--_transition-duration) linear}.igx-circular-svg--indeterminate{transform-origin:50% 50%}.igx-circular-svg--indeterminate .igx-circular-svg__outer{stroke-linecap:round;animation:2s linear 0s infinite normal none running igx-indeterminate-circular-fluent;stroke-dasharray:289}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{animation-direction:reverse}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-circular-bar{--stroke-thickness: 3px;--scale-factor: 3.4}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-circular-svg__outer{stroke-width:var(--stroke-thickness);animation:igx-initial-dashoffset var(--_transition-duration) linear}.igx-circular-svg--indeterminate{animation:3s linear 0s infinite normal none running igx-rotate-center;transform-origin:50% 50%}.igx-circular-svg--indeterminate .igx-circular-svg__outer{animation:igx-indeterminate-accordion 1.5s cubic-bezier(0,.085,.68,.53) normal infinite;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * .5) * 2 * 3.1416)}.igx-circular-svg--indeterminate:dir(rtl){animation-direction:reverse}.igx-circular-svg--indeterminate:dir(rtl) .igx-circular-svg__outer{animation-direction:reverse}}}\n"] }]
         }], propDecorators: { cssClass: [{
@@ -701,11 +701,11 @@ const IGX_CIRCULAR_PROGRESS_BAR_DIRECTIVES = [
  * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components
  */
 class IgxProgressBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: IgxProgressBarModule, imports: [IgxLinearProgressBarComponent, IgxCircularProgressBarComponent, IgxProgressBarTextTemplateDirective, IgxProgressBarGradientDirective], exports: [IgxLinearProgressBarComponent, IgxCircularProgressBarComponent, IgxProgressBarTextTemplateDirective, IgxProgressBarGradientDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxProgressBarModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: IgxProgressBarModule, imports: [IgxLinearProgressBarComponent, IgxCircularProgressBarComponent, IgxProgressBarTextTemplateDirective, IgxProgressBarGradientDirective], exports: [IgxLinearProgressBarComponent, IgxCircularProgressBarComponent, IgxProgressBarTextTemplateDirective, IgxProgressBarGradientDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxProgressBarModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [