@taiga-ui/kit 3.86.0 → 3.87.0-canary.95b57e0

package/bundles/taiga-ui-kit-components-progress.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('rxjs'), require('@ng-web-apis/common'), require('rxjs/operators')) :
     typeof define === 'function' && define.amd ? define('@taiga-ui/kit/components/progress', ['exports', '@angular/common', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', 'rxjs', '@ng-web-apis/common', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].kit = global["taiga-ui"].kit || {}, global["taiga-ui"].kit.components = global["taiga-ui"].kit.components || {}, global["taiga-ui"].kit.components.progress = {}), global.ng.common, global.ng.core, global.i1$1, global.core, global.rxjs, global.common, global.rxjs.operators));
-})(this, (function (exports, i1$2, i0, i1$1, core, i1, common, operators) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].kit = global["taiga-ui"].kit || {}, global["taiga-ui"].kit.components = global["taiga-ui"].kit.components || {}, global["taiga-ui"].kit.components.progress = {}), global.ng.common, global.ng.core, global.i1, global.core, global.rxjs, global.common, global.rxjs.operators));
+})(this, (function (exports, i1$2, i0, i1, core, i1$1, common, operators) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -24,18 +24,29 @@
 
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
+
+    var TUI_PROGRESS_DEFAULT_OPTIONS = {
+        color: null,
+        size: 'm',
+    };
+    var TUI_PROGRESS_OPTIONS = i1.tuiCreateToken(TUI_PROGRESS_DEFAULT_OPTIONS);
+    function tuiProgressOptionsProvider(options) {
+        return i1.tuiProvideOptions(TUI_PROGRESS_OPTIONS, options, TUI_PROGRESS_DEFAULT_OPTIONS);
+    }
 
     var TuiProgressBarComponent = /** @class */ (function () {
-        function TuiProgressBarComponent(mode$) {
+        function TuiProgressBarComponent(mode$, options) {
             this.mode$ = mode$;
-            this.size = 'm';
+            this.options = options;
+            this.color = this.options.color;
+            this.size = this.options.size;
         }
         return TuiProgressBarComponent;
     }());
-    TuiProgressBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressBarComponent, deps: [{ token: core.TUI_MODE }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiProgressBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiProgressBarComponent, selector: "progress[tuiProgressBar]", inputs: { color: "color", size: "size" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "style.--tui-progress-color": "this.color", "attr.data-size": "this.size" } }, providers: [core.MODE_PROVIDER], ngImport: i0__namespace, template: '', isInline: true, styles: ["@keyframes tuiIndeterminateAnimation{50%{background-position:left}}:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:block;width:100%;height:var(--t-height);color:var(--tui-primary);background:var(--tui-clear);-webkit-clip-path:inset(0 round var(--tui-radius-xs));clip-path:inset(0 round var(--tui-radius-xs));overflow:hidden}:host::-webkit-progress-value{-webkit-transition:width var(--tui-duration) linear;transition:width var(--tui-duration) linear}:host::-webkit-progress-value{background:var(--tui-progress-color, currentColor)}:host::-moz-progress-bar{background:var(--tui-progress-color, currentColor)}:host[data-mode=onDark]{--tui-clear: var(--tui-clear-inverse)}:host[data-size=m]{--t-height: 1.5rem}:host[data-size=s]{--t-height: .5rem}:host[data-size=s]::-webkit-progress-value{border-radius:var(--tui-radius-xs)}:host[data-size=s]::-moz-progress-bar{border-radius:var(--tui-radius-xs)}:host[new]{-webkit-clip-path:inset(0 .5px round var(--tui-radius-m));clip-path:inset(0 .5px round var(--tui-radius-m));border-radius:1rem}:host[new]::-webkit-progress-value{border-radius:inherit}:host[new]::-moz-progress-bar{border-radius:inherit}:host[new][data-size=xs]{--t-height: .25rem}:host[new][data-size=s]{--t-height: .5rem}:host[new][data-size=m]{--t-height: .75rem}:host[new][data-size=l]{--t-height: 1rem}:host[new][data-size=xl]{--t-height: 1.25rem}:host[new][data-size=xxl]{--t-height: 1.5rem}:host:indeterminate{background:linear-gradient(to right,var(--tui-clear) 0 45%,var(--tui-progress-color, currentColor) 45% 55%,var(--tui-clear) 55% 100%) right;background-size:225%;animation:tuiIndeterminateAnimation 3s infinite ease-in-out}:host:indeterminate::-webkit-progress-value{background:transparent}:host:indeterminate::-moz-progress-bar{background:transparent}:host::-webkit-progress-inner-element{border-radius:inherit}:host::-webkit-progress-bar{background:transparent;border-radius:inherit}:host-context(label[tuiProgressLabel]):not(:first-child){position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiProgressBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressBarComponent, deps: [{ token: core.TUI_MODE }, { token: TUI_PROGRESS_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiProgressBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiProgressBarComponent, selector: "progress[tuiProgressBar]", inputs: { color: "color", size: "size" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "style.--tui-progress-color": "this.color", "attr.data-size": "this.size" } }, providers: [core.MODE_PROVIDER], ngImport: i0__namespace, template: '', isInline: true, styles: ["@keyframes tuiIndeterminateAnimation{50%{background-position:left}}:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:block;width:100%;height:var(--t-height);color:var(--tui-primary);background:var(--tui-clear);-webkit-clip-path:inset(0 round var(--tui-radius-xs));clip-path:inset(0 round var(--tui-radius-xs));overflow:hidden;flex-shrink:0}:host::-webkit-progress-value{-webkit-transition:width var(--tui-duration) linear;transition:width var(--tui-duration) linear}:host::-webkit-progress-value{background:var(--tui-progress-color, currentColor)}:host::-moz-progress-bar{background:var(--tui-progress-color, currentColor)}:host[data-mode=onDark]{--tui-clear: var(--tui-clear-inverse)}:host[data-size=xxs]{--t-height: .125rem}:host[data-size=m]{--t-height: 1.5rem}:host[data-size=s]{--t-height: .5rem}:host[data-size=s]::-webkit-progress-value{border-radius:var(--tui-radius-xs)}:host[data-size=s]::-moz-progress-bar{border-radius:var(--tui-radius-xs)}:host[new]{-webkit-clip-path:inset(0 .5px round var(--tui-radius-m));clip-path:inset(0 .5px round var(--tui-radius-m));border-radius:1rem}:host[new]::-webkit-progress-value{border-radius:inherit}:host[new]::-moz-progress-bar{border-radius:inherit}:host[new][data-size=xs]{--t-height: .25rem}:host[new][data-size=s]{--t-height: .5rem}:host[new][data-size=m]{--t-height: .75rem}:host[new][data-size=l]{--t-height: 1rem}:host[new][data-size=xl]{--t-height: 1.25rem}:host[new][data-size=xxl]{--t-height: 1.5rem}:host:indeterminate{background:linear-gradient(to right,var(--tui-clear) 0 45%,var(--tui-progress-color, currentColor) 45% 55%,var(--tui-clear) 55% 100%) right;background-size:225%;animation:tuiIndeterminateAnimation 3s infinite ease-in-out}:host:indeterminate::-webkit-progress-value{background:transparent}:host:indeterminate::-moz-progress-bar{background:transparent}:host::-webkit-progress-inner-element{border-radius:inherit}:host::-webkit-progress-bar{background:transparent;border-radius:inherit}:host-context(label[tuiProgressLabel]):not(:first-child){position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressBarComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -52,6 +63,9 @@
             return [{ type: i1__namespace.Observable, decorators: [{
                             type: i0.Inject,
                             args: [core.TUI_MODE]
+                        }] }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [TUI_PROGRESS_OPTIONS]
                         }] }];
         }, propDecorators: { color: [{
                     type: i0.Input
@@ -65,7 +79,7 @@
                     args: ['attr.data-size']
                 }] } });
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -79,7 +93,7 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    /* global Reflect, Promise */
+    /* global Reflect, Promise, SuppressedError, Symbol */
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -132,6 +146,64 @@
     function __param(paramIndex, decorator) {
         return function (target, key) { decorator(target, key, paramIndex); };
     }
+    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+        function accept(f) { if (f !== void 0 && typeof f !== "function")
+            throw new TypeError("Function expected"); return f; }
+        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+        var _, done = false;
+        for (var i = decorators.length - 1; i >= 0; i--) {
+            var context = {};
+            for (var p in contextIn)
+                context[p] = p === "access" ? {} : contextIn[p];
+            for (var p in contextIn.access)
+                context.access[p] = contextIn.access[p];
+            context.addInitializer = function (f) { if (done)
+                throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+            if (kind === "accessor") {
+                if (result === void 0)
+                    continue;
+                if (result === null || typeof result !== "object")
+                    throw new TypeError("Object expected");
+                if (_ = accept(result.get))
+                    descriptor.get = _;
+                if (_ = accept(result.set))
+                    descriptor.set = _;
+                if (_ = accept(result.init))
+                    initializers.unshift(_);
+            }
+            else if (_ = accept(result)) {
+                if (kind === "field")
+                    initializers.unshift(_);
+                else
+                    descriptor[key] = _;
+            }
+        }
+        if (target)
+            Object.defineProperty(target, contextIn.name, descriptor);
+        done = true;
+    }
+    ;
+    function __runInitializers(thisArg, initializers, value) {
+        var useValue = arguments.length > 2;
+        for (var i = 0; i < initializers.length; i++) {
+            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+        }
+        return useValue ? value : void 0;
+    }
+    ;
+    function __propKey(x) {
+        return typeof x === "symbol" ? x : "".concat(x);
+    }
+    ;
+    function __setFunctionName(f, name, prefix) {
+        if (typeof name === "symbol")
+            name = name.description ? "[".concat(name.description, "]") : "";
+        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+    }
+    ;
     function __metadata(metadataKey, metadataValue) {
         if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
             return Reflect.metadata(metadataKey, metadataValue);
@@ -163,7 +235,7 @@
         function step(op) {
             if (f)
                 throw new TypeError("Generator is already executing.");
-            while (_)
+            while (g && (g = 0, op[0] && (_ = 0)), _)
                 try {
                     if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
                         return t;
@@ -227,7 +299,11 @@
     var __createBinding = Object.create ? (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+            desc = { enumerable: true, get: function () { return m[k]; } };
+        }
+        Object.defineProperty(o, k2, desc);
     }) : (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
@@ -300,7 +376,7 @@
                     ar[i] = from[i];
                 }
             }
-        return to.concat(ar || from);
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -327,7 +403,7 @@
     function __asyncDelegator(o) {
         var i, p;
         return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
     }
     function __asyncValues(o) {
         if (!Symbol.asyncIterator)
@@ -382,6 +458,90 @@
             throw new TypeError("Cannot write private member to an object whose class did not declare it");
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
+    function __classPrivateFieldIn(state, receiver) {
+        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
+            throw new TypeError("Cannot use 'in' operator on non-object");
+        return typeof state === "function" ? receiver === state : state.has(receiver);
+    }
+    function __addDisposableResource(env, value, async) {
+        if (value !== null && value !== void 0) {
+            if (typeof value !== "object" && typeof value !== "function")
+                throw new TypeError("Object expected.");
+            var dispose;
+            if (async) {
+                if (!Symbol.asyncDispose)
+                    throw new TypeError("Symbol.asyncDispose is not defined.");
+                dispose = value[Symbol.asyncDispose];
+            }
+            if (dispose === void 0) {
+                if (!Symbol.dispose)
+                    throw new TypeError("Symbol.dispose is not defined.");
+                dispose = value[Symbol.dispose];
+            }
+            if (typeof dispose !== "function")
+                throw new TypeError("Object not disposable.");
+            env.stack.push({ value: value, dispose: dispose, async: async });
+        }
+        else if (async) {
+            env.stack.push({ async: true });
+        }
+        return value;
+    }
+    var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+    function __disposeResources(env) {
+        function fail(e) {
+            env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+            env.hasError = true;
+        }
+        function next() {
+            while (env.stack.length) {
+                var rec = env.stack.pop();
+                try {
+                    var result = rec.dispose && rec.dispose.call(rec.value);
+                    if (rec.async)
+                        return Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
+                }
+                catch (e) {
+                    fail(e);
+                }
+            }
+            if (env.hasError)
+                throw env.error;
+        }
+        return next();
+    }
+    var tslib_es6 = {
+        __extends: __extends,
+        __assign: __assign,
+        __rest: __rest,
+        __decorate: __decorate,
+        __param: __param,
+        __metadata: __metadata,
+        __awaiter: __awaiter,
+        __generator: __generator,
+        __createBinding: __createBinding,
+        __exportStar: __exportStar,
+        __values: __values,
+        __read: __read,
+        __spread: __spread,
+        __spreadArrays: __spreadArrays,
+        __spreadArray: __spreadArray,
+        __await: __await,
+        __asyncGenerator: __asyncGenerator,
+        __asyncDelegator: __asyncDelegator,
+        __asyncValues: __asyncValues,
+        __makeTemplateObject: __makeTemplateObject,
+        __importStar: __importStar,
+        __importDefault: __importDefault,
+        __classPrivateFieldGet: __classPrivateFieldGet,
+        __classPrivateFieldSet: __classPrivateFieldSet,
+        __classPrivateFieldIn: __classPrivateFieldIn,
+        __addDisposableResource: __addDisposableResource,
+        __disposeResources: __disposeResources,
+    };
 
     function calculateColorSegments(colors, progressWidth) {
         var segmentWidth = Math.ceil(progressWidth / colors.length);
@@ -394,8 +554,8 @@
             this.resize$ = resize$;
             this.userAgent = userAgent;
             // TODO: drop support of legacy Edge (EdgeHTML) in v4.x
-            this.isOldBrowsers = i1$1.tuiIsEdgeOlderThan(i1$1.CHROMIUM_EDGE_START_VERSION, this.userAgent);
-            this.colors$ = new i1.BehaviorSubject([]);
+            this.isOldBrowsers = i1.tuiIsEdgeOlderThan(i1.CHROMIUM_EDGE_START_VERSION, this.userAgent);
+            this.colors$ = new i1$1.BehaviorSubject([]);
         }
         Object.defineProperty(TuiProgressColorSegmentsDirective.prototype, "colors", {
             set: function (colors) {
@@ -407,7 +567,7 @@
         Object.defineProperty(TuiProgressColorSegmentsDirective.prototype, "calcSegments$", {
             get: function () {
                 var _this = this;
-                return i1.combineLatest([
+                return i1$1.combineLatest([
                     this.colors$,
                     this.resize$.pipe(operators.map(function () { return _this.el.nativeElement.offsetWidth; }), operators.distinctUntilChanged()),
                 ]).pipe(operators.map(function (_a) {
@@ -420,16 +580,16 @@
         });
         return TuiProgressColorSegmentsDirective;
     }());
-    TuiProgressColorSegmentsDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressColorSegmentsDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.TuiResizeService }, { token: common.USER_AGENT }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiProgressColorSegmentsDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiProgressColorSegmentsDirective, selector: "progress[tuiProgressBar][tuiProgressColorSegments]", inputs: { colors: ["tuiProgressColorSegments", "colors"] }, host: { listeners: { "$.style.--tui-progress-color": "0" }, properties: { "$.style.--tui-progress-color": "calcSegments$" } }, providers: [i1$1.TuiDestroyService, i1$1.TuiResizeService], ngImport: i0__namespace });
+    TuiProgressColorSegmentsDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressColorSegmentsDirective, deps: [{ token: i0.ElementRef }, { token: i1.TuiResizeService }, { token: common.USER_AGENT }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiProgressColorSegmentsDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiProgressColorSegmentsDirective, selector: "progress[tuiProgressBar][tuiProgressColorSegments]", inputs: { colors: ["tuiProgressColorSegments", "colors"] }, host: { listeners: { "$.style.--tui-progress-color": "0" }, properties: { "$.style.--tui-progress-color": "calcSegments$" } }, providers: [i1.TuiDestroyService, i1.TuiResizeService], ngImport: i0__namespace });
     __decorate([
-        i1$1.tuiPure
+        i1.tuiPure
     ], TuiProgressColorSegmentsDirective.prototype, "calcSegments$", null);
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressColorSegmentsDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: 'progress[tuiProgressBar][tuiProgressColorSegments]',
-                        providers: [i1$1.TuiDestroyService, i1$1.TuiResizeService],
+                        providers: [i1.TuiDestroyService, i1.TuiResizeService],
                         host: {
                             '[$.style.--tui-progress-color]': 'calcSegments$',
                             '($.style.--tui-progress-color)': '0',
@@ -441,7 +601,7 @@
                             args: [i0.ElementRef]
                         }] }, { type: i1__namespace.Observable, decorators: [{
                             type: i0.Inject,
-                            args: [i1$1.TuiResizeService]
+                            args: [i1.TuiResizeService]
                         }] }, { type: undefined, decorators: [{
                             type: i0.Inject,
                             args: [common.USER_AGENT]
@@ -452,16 +612,17 @@
                 }], calcSegments$: [] } });
 
     var TuiProgressCircleComponent = /** @class */ (function () {
-        function TuiProgressCircleComponent(userAgent, win, el, mode$) {
+        function TuiProgressCircleComponent(userAgent, win, el, mode$, options) {
             this.userAgent = userAgent;
             this.win = win;
             this.el = el;
             this.mode$ = mode$;
+            this.options = options;
             this.value = 0;
             this.max = 1;
-            this.color = null;
-            this.size = 'm';
-            this.animationDelay$ = i1.of(true).pipe(operators.delay(0));
+            this.color = this.options.color;
+            this.size = this.options.size;
+            this.animationDelay$ = i1$1.of(true).pipe(operators.delay(0));
         }
         Object.defineProperty(TuiProgressCircleComponent.prototype, "progressRatio", {
             get: function () {
@@ -474,7 +635,7 @@
         Object.defineProperty(TuiProgressCircleComponent.prototype, "oldEdgeRadiusFallback", {
             // TODO: drop support of legacy Edge (EdgeHTML) in v4.x
             get: function () {
-                if (!i1$1.tuiIsEdgeOlderThan(i1$1.CHROMIUM_EDGE_START_VERSION, this.userAgent)) {
+                if (!i1.tuiIsEdgeOlderThan(i1.CHROMIUM_EDGE_START_VERSION, this.userAgent)) {
                     return null;
                 }
                 var strokeWidth = parseInt(this.win.getComputedStyle(this.progressCircle.nativeElement).strokeWidth, 10);
@@ -485,7 +646,7 @@
         });
         return TuiProgressCircleComponent;
     }());
-    TuiProgressCircleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressCircleComponent, deps: [{ token: common.USER_AGENT }, { token: common.WINDOW }, { token: i0.ElementRef }, { token: core.TUI_MODE }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiProgressCircleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressCircleComponent, deps: [{ token: common.USER_AGENT }, { token: common.WINDOW }, { token: i0.ElementRef }, { token: core.TUI_MODE }, { token: TUI_PROGRESS_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
     TuiProgressCircleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiProgressCircleComponent, selector: "tui-progress-circle", inputs: { value: "value", max: "max", color: "color", size: "size" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "style.--tui-progress-color": "this.color", "attr.data-size": "this.size", "style.--progress-ratio": "this.progressRatio" } }, providers: [core.MODE_PROVIDER], viewQueries: [{ propertyName: "progressCircle", first: true, predicate: ["progressCircle"], descendants: true, static: true }], ngImport: i0__namespace, template: "<progress\n    class=\"t-hidden-progress\"\n    [max]=\"max\"\n    [value]=\"value\"\n></progress>\n\n<svg\n    aria-hidden=\"true\"\n    height=\"100%\"\n    width=\"100%\"\n    class=\"t-svg\"\n>\n    <circle\n        cx=\"50%\"\n        cy=\"50%\"\n        class=\"t-track\"\n        [attr.r]=\"oldEdgeRadiusFallback\"\n    ></circle>\n\n    <circle\n        #progressCircle\n        cx=\"50%\"\n        cy=\"50%\"\n        class=\"t-progress\"\n        [attr.r]=\"oldEdgeRadiusFallback\"\n        [class.t-progress_filled]=\"animationDelay$ | async\"\n    ></circle>\n</svg>\n", styles: [":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem;width:var(--t-diameter);height:var(--t-diameter)}:host[data-mode=onDark]{--tui-clear: var(--tui-clear-inverse)}:host[data-size=s]{--t-diameter: 2em;--t-track-stroke: .5em;--t-progress-stroke: .5em}:host[data-size=m]{--t-diameter: 3em;--t-track-stroke: .375em;--t-progress-stroke: .375em}:host[data-size=l]{--t-diameter: 4em;--t-track-stroke: .375em;--t-progress-stroke: .375em}:host[data-size=xl]{--t-diameter: 7em;--t-track-stroke: .375em;--t-progress-stroke: .375em}:host[new]{--t-track-stroke: var(--tui-thickness, .375em);--t-progress-stroke: var(--tui-thickness, .375em)}:host[new][data-size=xxs]{--t-diameter: 2rem}:host[new][data-size=xs]{--t-diameter: 2.5rem}:host[new][data-size=s]{--t-diameter: 3.5rem}:host[new][data-size=m]{--t-diameter: 4rem}:host[new][data-size=l]{--t-diameter: 5rem}:host[new][data-size=xl]{--t-diameter: 6rem}:host[new][data-size=xxl]{--t-diameter: 8rem}.t-track{fill:transparent;stroke:var(--tui-clear);stroke-width:var(--t-track-stroke);r:calc((var(--t-diameter) - var(--t-track-stroke)) / 2)}.t-progress{fill:transparent;stroke:var(--tui-progress-color, currentColor);stroke-linecap:round;stroke-width:var(--t-progress-stroke);stroke-dasharray:calc(2 * 3.14159265 * calc((var(--t-diameter) - var(--t-progress-stroke)) / 2));stroke-dashoffset:calc(2 * 3.14159265 * calc((var(--t-diameter) - var(--t-progress-stroke)) / 2));r:calc((var(--t-diameter) - var(--t-progress-stroke)) / 2)}.t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(calc(2 * 3.14159265 * calc((var(--t-diameter) - var(--t-progress-stroke)) / 2)) - var(--progress-ratio) * calc(2 * 3.14159265 * calc((var(--t-diameter) - var(--t-progress-stroke)) / 2)))}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}.t-svg{overflow:unset}\n"], pipes: { "async": i1__namespace$1.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressCircleComponent, decorators: [{
                 type: i0.Component,
@@ -512,6 +673,9 @@
                         }] }, { type: i1__namespace.Observable, decorators: [{
                             type: i0.Inject,
                             args: [core.TUI_MODE]
+                        }] }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [TUI_PROGRESS_OPTIONS]
                         }] }];
         }, propDecorators: { progressCircle: [{
                     type: i0.ViewChild,
@@ -566,7 +730,7 @@
         }
         TuiProgressSegmentedComponent.prototype.getActiveColor = function (index) {
             if (index === void 0) { index = 0; }
-            return i1$1.tuiIsString(this.colors)
+            return i1.tuiIsString(this.colors)
                 ? this.colors
                 : this.colors[index] || this.colors[this.colors.length - 1];
         };
@@ -614,16 +778,16 @@
             TuiProgressColorSegmentsDirective,
             TuiProgressCircleComponent,
             TuiProgressLabelComponent,
-            TuiProgressSegmentedComponent], imports: [i1$2.CommonModule, i1$1.TuiRepeatTimesModule], exports: [TuiProgressBarComponent,
+            TuiProgressSegmentedComponent], imports: [i1$2.CommonModule, i1.TuiRepeatTimesModule], exports: [TuiProgressBarComponent,
             TuiProgressCircleComponent,
             TuiProgressColorSegmentsDirective,
             TuiProgressLabelComponent,
             TuiProgressSegmentedComponent] });
-    TuiProgressModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressModule, imports: [[i1$2.CommonModule, i1$1.TuiRepeatTimesModule]] });
+    TuiProgressModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressModule, imports: [[i1$2.CommonModule, i1.TuiRepeatTimesModule]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiProgressModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [i1$2.CommonModule, i1$1.TuiRepeatTimesModule],
+                        imports: [i1$2.CommonModule, i1.TuiRepeatTimesModule],
                         declarations: [
                             TuiProgressBarComponent,
                             TuiProgressColorSegmentsDirective,
@@ -645,12 +809,15 @@
      * Generated bundle index. Do not edit.
      */
 
+    exports.TUI_PROGRESS_DEFAULT_OPTIONS = TUI_PROGRESS_DEFAULT_OPTIONS;
+    exports.TUI_PROGRESS_OPTIONS = TUI_PROGRESS_OPTIONS;
     exports.TuiProgressBarComponent = TuiProgressBarComponent;
     exports.TuiProgressCircleComponent = TuiProgressCircleComponent;
     exports.TuiProgressColorSegmentsDirective = TuiProgressColorSegmentsDirective;
     exports.TuiProgressLabelComponent = TuiProgressLabelComponent;
     exports.TuiProgressModule = TuiProgressModule;
     exports.TuiProgressSegmentedComponent = TuiProgressSegmentedComponent;
+    exports.tuiProgressOptionsProvider = tuiProgressOptionsProvider;
 
     Object.defineProperty(exports, '__esModule', { value: true });