@rt-tools/ui-kit-v2 0.23.2 → 0.23.4

package/fesm2022/rt-tools-ui-kit-v2-spinner.mjs

@@ -1,70 +1,219 @@
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { computed, input, numberAttribute, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-
-const BEM_BLOCK = 'rt-spinner';
-/**
- * Атомарный rotating-spinner для loading-индикаторов.
- *
- * Без новых режимов кольцо рисует сам host: border с одной цветной стороной и вращение, своей
- * разметки нет. Так спиннер стоит у семи компонентов кита, и их разметка от режимов не меняется.
- *
- * Режимы `overlay`, `plate` и вид `arc` рисуют внутреннюю разметку, а host перестаёт быть кольцом:
- * - `overlay` — спиннер занимает позиционированного родителя целиком и ставит кольцо в центр;
- *   слой — ступень `sticky`, ниже всего, что открывается поверх страницы;
- * - `backdrop` — полупрозрачная подложка оверлея, без `overlay` не действует;
- * - `plate` — круглая плашка с тенью под кольцом;
- * - `appearance="arc"` — дуга без дорожки, как у Material.
- *
- * Анимация уважает `@media (prefers-reduced-motion)` — вращение замедляется.
- */
-class RtSpinnerComponent {
-    constructor() {
-        /** Кольцо рисуется внутренней разметкой, а не самим host-ом. */
-        this.framed = computed(() => this.overlay() || this.plate() || this.appearance() === 'arc', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "framed" }] : /* istanbul ignore next */ []));
-        this.modifiers = computed(() => ({
-            [`${BEM_BLOCK}--${this.color()}`]: true,
-            [`${BEM_BLOCK}--framed`]: this.framed(),
-            [`${BEM_BLOCK}--overlay`]: this.overlay(),
-            [`${BEM_BLOCK}--backdrop`]: this.overlay() && this.backdrop(),
-        }), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "modifiers" }] : /* istanbul ignore next */ []));
-        this.cssDiameter = computed(() => `${this.diameter()}px`, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "cssDiameter" }] : /* istanbul ignore next */ []));
-        /** Диаметр spinner'а в px. Default 32. */
-        this.diameter = input(32, { ...(ngDevMode ? { debugName: "diameter" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        /** Семантическая палитра. Default `primary`. */
-        this.color = input('primary', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
-        /** Вид кольца: `border` — с дорожкой, `arc` — дуга без дорожки. Default `border`. */
-        this.appearance = input('border', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
-        /** Спиннер накрывает позиционированного родителя и стоит в его центре. Default `false`. */
-        this.overlay = input(false, { ...(ngDevMode ? { debugName: "overlay" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Полупрозрачная подложка оверлея; без `overlay` не действует. Default `false`. */
-        this.backdrop = input(false, { ...(ngDevMode ? { debugName: "backdrop" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Круглая плашка с тенью под кольцом. Default `false`. */
-        this.plate = input(false, { ...(ngDevMode ? { debugName: "plate" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtSpinnerComponent, isStandalone: true, selector: "rt-spinner", inputs: { diameter: { classPropertyName: "diameter", publicName: "diameter", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, overlay: { classPropertyName: "overlay", publicName: "overlay", isSignal: true, isRequired: false, transformFunction: null }, backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null }, plate: { classPropertyName: "plate", publicName: "plate", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status", "aria-live": "polite" }, properties: { "class": "modifiers()", "style.--rt-spinner-diameter": "cssDiameter()" }, classAttribute: "rt-spinner" }, ngImport: i0, template: "@if (framed()) {\n    <ng-container rtBlock=\"rt-spinner\">\n        @if (plate()) {\n            <span rtElem=\"plate\">\n                <ng-container [ngTemplateOutlet]=\"ring\" />\n            </span>\n        } @else {\n            <ng-container [ngTemplateOutlet]=\"ring\" />\n        }\n\n        <ng-template #ring>\n            @if (appearance() === 'arc') {\n                <svg rtElem=\"arc\" viewBox=\"0 0 48 48\" focusable=\"false\" aria-hidden=\"true\">\n                    <circle rtElem=\"arc-circle\" cx=\"24\" cy=\"24\" r=\"20\" />\n                </svg>\n            } @else {\n                <span rtElem=\"ring\"></span>\n            }\n        </ng-template>\n    </ng-container>\n}\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-spinner{--rt-spinner-diameter: 32px;--rt-spinner-border-width: 3px;--rt-spinner-track-color: var(--rt-color-border-subtle);--rt-spinner-progress-color: var(--rt-color-action-primary);--rt-spinner-rotation-duration: 1s;--rt-spinner-rotation-duration-reduced: 4s;--rt-spinner-radius: var(--rt-radius-full);--rt-spinner-overlay-z: var(--rt-z-sticky);--rt-spinner-plate-size: calc(var(--rt-spinner-diameter) + 2 * var(--rt-space-2));--rt-spinner-plate-bg: var(--rt-color-bg-surface);--rt-spinner-plate-shadow: var(--rt-shadow-md);--rt-spinner-plate-radius: var(--rt-radius-full);--rt-spinner-backdrop-bg: color-mix(in srgb, var(--rt-color-bg-subtle) 85%, transparent);--rt-spinner-arc-duration: 1.4s;--rt-spinner-arc-duration-reduced: 5.6s}.rt-spinner,.rt-spinner__ring{display:inline-block;width:var(--rt-spinner-diameter);height:var(--rt-spinner-diameter);box-sizing:border-box;border:var(--rt-spinner-border-width) solid var(--rt-spinner-track-color);border-radius:var(--rt-spinner-radius);border-right-color:var(--rt-spinner-progress-color);animation:rt-spinner-rotate var(--rt-spinner-rotation-duration) linear infinite}.rt-spinner--primary{--rt-spinner-progress-color: var(--rt-color-action-primary)}.rt-spinner--neutral{--rt-spinner-progress-color: var(--rt-color-text-primary)}.rt-spinner--on-primary{--rt-spinner-track-color: var(--rt-overlay-white-25);--rt-spinner-progress-color: var(--rt-color-action-on-primary)}.rt-spinner--framed{display:inline-flex;width:auto;height:auto;align-items:center;justify-content:center;border:0;border-radius:0;animation:none}.rt-spinner--overlay{position:absolute;z-index:var(--rt-spinner-overlay-z);display:flex;inset:0}.rt-spinner--backdrop{background:var(--rt-spinner-backdrop-bg)}.rt-spinner__plate{display:inline-flex;width:var(--rt-spinner-plate-size);height:var(--rt-spinner-plate-size);align-items:center;justify-content:center;border-radius:var(--rt-spinner-plate-radius);background:var(--rt-spinner-plate-bg);box-shadow:var(--rt-spinner-plate-shadow)}.rt-spinner__arc{display:block;width:var(--rt-spinner-diameter);height:var(--rt-spinner-diameter);animation:rt-spinner-rotate var(--rt-spinner-arc-duration) linear infinite}.rt-spinner__arc-circle{animation:rt-spinner-arc-dash var(--rt-spinner-arc-duration) ease-in-out infinite;fill:none;stroke:var(--rt-spinner-progress-color);stroke-dasharray:89 200;stroke-dashoffset:-35;stroke-linecap:round;stroke-width:4}@keyframes rt-spinner-rotate{to{transform:rotate(1turn)}}@keyframes rt-spinner-arc-dash{0%{stroke-dasharray:89 200;stroke-dashoffset:-35}50%{stroke-dasharray:89 200;stroke-dashoffset:-124}50.01%{stroke-dasharray:1 200;stroke-dashoffset:0}to{stroke-dasharray:89 200;stroke-dashoffset:-35}}@media(prefers-reduced-motion:reduce){.rt-spinner,.rt-spinner__ring{animation-duration:var(--rt-spinner-rotation-duration-reduced)}.rt-spinner__arc,.rt-spinner__arc-circle{animation-duration:var(--rt-spinner-arc-duration-reduced)}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSpinnerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-spinner', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, BlockDirective, ElemDirective], host: {
-                        class: BEM_BLOCK,
-                        role: 'status',
-                        'aria-live': 'polite',
-                        '[class]': 'modifiers()',
-                        '[style.--rt-spinner-diameter]': 'cssDiameter()',
-                    }, template: "@if (framed()) {\n    <ng-container rtBlock=\"rt-spinner\">\n        @if (plate()) {\n            <span rtElem=\"plate\">\n                <ng-container [ngTemplateOutlet]=\"ring\" />\n            </span>\n        } @else {\n            <ng-container [ngTemplateOutlet]=\"ring\" />\n        }\n\n        <ng-template #ring>\n            @if (appearance() === 'arc') {\n                <svg rtElem=\"arc\" viewBox=\"0 0 48 48\" focusable=\"false\" aria-hidden=\"true\">\n                    <circle rtElem=\"arc-circle\" cx=\"24\" cy=\"24\" r=\"20\" />\n                </svg>\n            } @else {\n                <span rtElem=\"ring\"></span>\n            }\n        </ng-template>\n    </ng-container>\n}\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-spinner{--rt-spinner-diameter: 32px;--rt-spinner-border-width: 3px;--rt-spinner-track-color: var(--rt-color-border-subtle);--rt-spinner-progress-color: var(--rt-color-action-primary);--rt-spinner-rotation-duration: 1s;--rt-spinner-rotation-duration-reduced: 4s;--rt-spinner-radius: var(--rt-radius-full);--rt-spinner-overlay-z: var(--rt-z-sticky);--rt-spinner-plate-size: calc(var(--rt-spinner-diameter) + 2 * var(--rt-space-2));--rt-spinner-plate-bg: var(--rt-color-bg-surface);--rt-spinner-plate-shadow: var(--rt-shadow-md);--rt-spinner-plate-radius: var(--rt-radius-full);--rt-spinner-backdrop-bg: color-mix(in srgb, var(--rt-color-bg-subtle) 85%, transparent);--rt-spinner-arc-duration: 1.4s;--rt-spinner-arc-duration-reduced: 5.6s}.rt-spinner,.rt-spinner__ring{display:inline-block;width:var(--rt-spinner-diameter);height:var(--rt-spinner-diameter);box-sizing:border-box;border:var(--rt-spinner-border-width) solid var(--rt-spinner-track-color);border-radius:var(--rt-spinner-radius);border-right-color:var(--rt-spinner-progress-color);animation:rt-spinner-rotate var(--rt-spinner-rotation-duration) linear infinite}.rt-spinner--primary{--rt-spinner-progress-color: var(--rt-color-action-primary)}.rt-spinner--neutral{--rt-spinner-progress-color: var(--rt-color-text-primary)}.rt-spinner--on-primary{--rt-spinner-track-color: var(--rt-overlay-white-25);--rt-spinner-progress-color: var(--rt-color-action-on-primary)}.rt-spinner--framed{display:inline-flex;width:auto;height:auto;align-items:center;justify-content:center;border:0;border-radius:0;animation:none}.rt-spinner--overlay{position:absolute;z-index:var(--rt-spinner-overlay-z);display:flex;inset:0}.rt-spinner--backdrop{background:var(--rt-spinner-backdrop-bg)}.rt-spinner__plate{display:inline-flex;width:var(--rt-spinner-plate-size);height:var(--rt-spinner-plate-size);align-items:center;justify-content:center;border-radius:var(--rt-spinner-plate-radius);background:var(--rt-spinner-plate-bg);box-shadow:var(--rt-spinner-plate-shadow)}.rt-spinner__arc{display:block;width:var(--rt-spinner-diameter);height:var(--rt-spinner-diameter);animation:rt-spinner-rotate var(--rt-spinner-arc-duration) linear infinite}.rt-spinner__arc-circle{animation:rt-spinner-arc-dash var(--rt-spinner-arc-duration) ease-in-out infinite;fill:none;stroke:var(--rt-spinner-progress-color);stroke-dasharray:89 200;stroke-dashoffset:-35;stroke-linecap:round;stroke-width:4}@keyframes rt-spinner-rotate{to{transform:rotate(1turn)}}@keyframes rt-spinner-arc-dash{0%{stroke-dasharray:89 200;stroke-dashoffset:-35}50%{stroke-dasharray:89 200;stroke-dashoffset:-124}50.01%{stroke-dasharray:1 200;stroke-dashoffset:0}to{stroke-dasharray:89 200;stroke-dashoffset:-35}}@media(prefers-reduced-motion:reduce){.rt-spinner,.rt-spinner__ring{animation-duration:var(--rt-spinner-rotation-duration-reduced)}.rt-spinner__arc,.rt-spinner__arc-circle{animation-duration:var(--rt-spinner-arc-duration-reduced)}}}\n"] }]
-        }], propDecorators: { diameter: [{ type: i0.Input, args: [{ isSignal: true, alias: "diameter", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], overlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlay", required: false }] }], backdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdrop", required: false }] }], plate: [{ type: i0.Input, args: [{ isSignal: true, alias: "plate", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, input, numberAttribute } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+const BEM_BLOCK = "rt-spinner";
+var RtSpinnerComponent = class RtSpinnerComponent {
+	constructor() {
+		this.framed = computed(() => this.overlay() || this.plate() || this.appearance() === "arc", ...ngDevMode ? [{ debugName: "framed" }] : /* istanbul ignore next */ []);
+		this.modifiers = computed(() => ({
+			[`${BEM_BLOCK}--${this.color()}`]: true,
+			[`${BEM_BLOCK}--framed`]: this.framed(),
+			[`${BEM_BLOCK}--overlay`]: this.overlay(),
+			[`${BEM_BLOCK}--backdrop`]: this.overlay() && this.backdrop()
+		}), ...ngDevMode ? [{ debugName: "modifiers" }] : /* istanbul ignore next */ []);
+		this.cssDiameter = computed(() => `${this.diameter()}px`, ...ngDevMode ? [{ debugName: "cssDiameter" }] : /* istanbul ignore next */ []);
+		this.diameter = input(32, {
+			...ngDevMode ? { debugName: "diameter" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.color = input("primary", ...ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []);
+		this.appearance = input("border", ...ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []);
+		this.overlay = input(false, {
+			...ngDevMode ? { debugName: "overlay" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.backdrop = input(false, {
+			...ngDevMode ? { debugName: "backdrop" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.plate = input(false, {
+			...ngDevMode ? { debugName: "plate" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSpinnerComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtSpinnerComponent,
+			isStandalone: true,
+			selector: "rt-spinner",
+			inputs: {
+				diameter: {
+					classPropertyName: "diameter",
+					publicName: "diameter",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				color: {
+					classPropertyName: "color",
+					publicName: "color",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				appearance: {
+					classPropertyName: "appearance",
+					publicName: "appearance",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				overlay: {
+					classPropertyName: "overlay",
+					publicName: "overlay",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				backdrop: {
+					classPropertyName: "backdrop",
+					publicName: "backdrop",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				plate: {
+					classPropertyName: "plate",
+					publicName: "plate",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: {
+				attributes: {
+					"role": "status",
+					"aria-live": "polite"
+				},
+				properties: {
+					"class": "modifiers()",
+					"style.--rt-spinner-diameter": "cssDiameter()"
+				},
+				classAttribute: "rt-spinner"
+			},
+			ngImport: i0,
+			template: "@if (framed()) {\n    <ng-container rtBlock=\"rt-spinner\">\n        @if (plate()) {\n            <span rtElem=\"plate\">\n                <ng-container [ngTemplateOutlet]=\"ring\" />\n            </span>\n        } @else {\n            <ng-container [ngTemplateOutlet]=\"ring\" />\n        }\n\n        <ng-template #ring>\n            @if (appearance() === 'arc') {\n                <svg rtElem=\"arc\" viewBox=\"0 0 48 48\" focusable=\"false\" aria-hidden=\"true\">\n                    <circle rtElem=\"arc-circle\" cx=\"24\" cy=\"24\" r=\"20\" />\n                </svg>\n            } @else {\n                <span rtElem=\"ring\"></span>\n            }\n        </ng-template>\n    </ng-container>\n}\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-spinner{--rt-spinner-diameter: 32px;--rt-spinner-border-width: 3px;--rt-spinner-track-color: var(--rt-color-border-subtle);--rt-spinner-progress-color: var(--rt-color-action-primary);--rt-spinner-rotation-duration: 1s;--rt-spinner-rotation-duration-reduced: 4s;--rt-spinner-radius: var(--rt-radius-full);--rt-spinner-overlay-z: var(--rt-z-sticky);--rt-spinner-plate-size: calc(var(--rt-spinner-diameter) + 2 * var(--rt-space-2));--rt-spinner-plate-bg: var(--rt-color-bg-surface);--rt-spinner-plate-shadow: var(--rt-shadow-md);--rt-spinner-plate-radius: var(--rt-radius-full);--rt-spinner-backdrop-bg: color-mix(in srgb, var(--rt-color-bg-subtle) 85%, transparent);--rt-spinner-arc-duration: 1.4s;--rt-spinner-arc-duration-reduced: 5.6s}.rt-spinner,.rt-spinner__ring{display:inline-block;width:var(--rt-spinner-diameter);height:var(--rt-spinner-diameter);box-sizing:border-box;border:var(--rt-spinner-border-width) solid var(--rt-spinner-track-color);border-radius:var(--rt-spinner-radius);border-right-color:var(--rt-spinner-progress-color);animation:rt-spinner-rotate var(--rt-spinner-rotation-duration) linear infinite}.rt-spinner--primary{--rt-spinner-progress-color: var(--rt-color-action-primary)}.rt-spinner--neutral{--rt-spinner-progress-color: var(--rt-color-text-primary)}.rt-spinner--on-primary{--rt-spinner-track-color: var(--rt-overlay-white-25);--rt-spinner-progress-color: var(--rt-color-action-on-primary)}.rt-spinner--framed{display:inline-flex;width:auto;height:auto;align-items:center;justify-content:center;border:0;border-radius:0;animation:none}.rt-spinner--overlay{position:absolute;z-index:var(--rt-spinner-overlay-z);display:flex;inset:0}.rt-spinner--backdrop{background:var(--rt-spinner-backdrop-bg)}.rt-spinner__plate{display:inline-flex;width:var(--rt-spinner-plate-size);height:var(--rt-spinner-plate-size);align-items:center;justify-content:center;border-radius:var(--rt-spinner-plate-radius);background:var(--rt-spinner-plate-bg);box-shadow:var(--rt-spinner-plate-shadow)}.rt-spinner__arc{display:block;width:var(--rt-spinner-diameter);height:var(--rt-spinner-diameter);animation:rt-spinner-rotate var(--rt-spinner-arc-duration) linear infinite}.rt-spinner__arc-circle{animation:rt-spinner-arc-dash var(--rt-spinner-arc-duration) ease-in-out infinite;fill:none;stroke:var(--rt-spinner-progress-color);stroke-dasharray:89 200;stroke-dashoffset:-35;stroke-linecap:round;stroke-width:4}@keyframes rt-spinner-rotate{to{transform:rotate(1turn)}}@keyframes rt-spinner-arc-dash{0%{stroke-dasharray:89 200;stroke-dashoffset:-35}50%{stroke-dasharray:89 200;stroke-dashoffset:-124}50.01%{stroke-dasharray:1 200;stroke-dashoffset:0}to{stroke-dasharray:89 200;stroke-dashoffset:-35}}@media(prefers-reduced-motion:reduce){.rt-spinner,.rt-spinner__ring{animation-duration:var(--rt-spinner-rotation-duration-reduced)}.rt-spinner__arc,.rt-spinner__arc-circle{animation-duration:var(--rt-spinner-arc-duration-reduced)}}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtSpinnerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-spinner",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				NgTemplateOutlet,
+				BlockDirective,
+				ElemDirective
+			],
+			host: {
+				class: BEM_BLOCK,
+				role: "status",
+				"aria-live": "polite",
+				"[class]": "modifiers()",
+				"[style.--rt-spinner-diameter]": "cssDiameter()"
+			},
+			template: "@if (framed()) {\n    <ng-container rtBlock=\"rt-spinner\">\n        @if (plate()) {\n            <span rtElem=\"plate\">\n                <ng-container [ngTemplateOutlet]=\"ring\" />\n            </span>\n        } @else {\n            <ng-container [ngTemplateOutlet]=\"ring\" />\n        }\n\n        <ng-template #ring>\n            @if (appearance() === 'arc') {\n                <svg rtElem=\"arc\" viewBox=\"0 0 48 48\" focusable=\"false\" aria-hidden=\"true\">\n                    <circle rtElem=\"arc-circle\" cx=\"24\" cy=\"24\" r=\"20\" />\n                </svg>\n            } @else {\n                <span rtElem=\"ring\"></span>\n            }\n        </ng-template>\n    </ng-container>\n}\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-spinner{--rt-spinner-diameter: 32px;--rt-spinner-border-width: 3px;--rt-spinner-track-color: var(--rt-color-border-subtle);--rt-spinner-progress-color: var(--rt-color-action-primary);--rt-spinner-rotation-duration: 1s;--rt-spinner-rotation-duration-reduced: 4s;--rt-spinner-radius: var(--rt-radius-full);--rt-spinner-overlay-z: var(--rt-z-sticky);--rt-spinner-plate-size: calc(var(--rt-spinner-diameter) + 2 * var(--rt-space-2));--rt-spinner-plate-bg: var(--rt-color-bg-surface);--rt-spinner-plate-shadow: var(--rt-shadow-md);--rt-spinner-plate-radius: var(--rt-radius-full);--rt-spinner-backdrop-bg: color-mix(in srgb, var(--rt-color-bg-subtle) 85%, transparent);--rt-spinner-arc-duration: 1.4s;--rt-spinner-arc-duration-reduced: 5.6s}.rt-spinner,.rt-spinner__ring{display:inline-block;width:var(--rt-spinner-diameter);height:var(--rt-spinner-diameter);box-sizing:border-box;border:var(--rt-spinner-border-width) solid var(--rt-spinner-track-color);border-radius:var(--rt-spinner-radius);border-right-color:var(--rt-spinner-progress-color);animation:rt-spinner-rotate var(--rt-spinner-rotation-duration) linear infinite}.rt-spinner--primary{--rt-spinner-progress-color: var(--rt-color-action-primary)}.rt-spinner--neutral{--rt-spinner-progress-color: var(--rt-color-text-primary)}.rt-spinner--on-primary{--rt-spinner-track-color: var(--rt-overlay-white-25);--rt-spinner-progress-color: var(--rt-color-action-on-primary)}.rt-spinner--framed{display:inline-flex;width:auto;height:auto;align-items:center;justify-content:center;border:0;border-radius:0;animation:none}.rt-spinner--overlay{position:absolute;z-index:var(--rt-spinner-overlay-z);display:flex;inset:0}.rt-spinner--backdrop{background:var(--rt-spinner-backdrop-bg)}.rt-spinner__plate{display:inline-flex;width:var(--rt-spinner-plate-size);height:var(--rt-spinner-plate-size);align-items:center;justify-content:center;border-radius:var(--rt-spinner-plate-radius);background:var(--rt-spinner-plate-bg);box-shadow:var(--rt-spinner-plate-shadow)}.rt-spinner__arc{display:block;width:var(--rt-spinner-diameter);height:var(--rt-spinner-diameter);animation:rt-spinner-rotate var(--rt-spinner-arc-duration) linear infinite}.rt-spinner__arc-circle{animation:rt-spinner-arc-dash var(--rt-spinner-arc-duration) ease-in-out infinite;fill:none;stroke:var(--rt-spinner-progress-color);stroke-dasharray:89 200;stroke-dashoffset:-35;stroke-linecap:round;stroke-width:4}@keyframes rt-spinner-rotate{to{transform:rotate(1turn)}}@keyframes rt-spinner-arc-dash{0%{stroke-dasharray:89 200;stroke-dashoffset:-35}50%{stroke-dasharray:89 200;stroke-dashoffset:-124}50.01%{stroke-dasharray:1 200;stroke-dashoffset:0}to{stroke-dasharray:89 200;stroke-dashoffset:-35}}@media(prefers-reduced-motion:reduce){.rt-spinner,.rt-spinner__ring{animation-duration:var(--rt-spinner-rotation-duration-reduced)}.rt-spinner__arc,.rt-spinner__arc-circle{animation-duration:var(--rt-spinner-arc-duration-reduced)}}}\n"]
+		}]
+	}],
+	propDecorators: {
+		diameter: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "diameter",
+				required: false
+			}]
+		}],
+		color: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "color",
+				required: false
+			}]
+		}],
+		appearance: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "appearance",
+				required: false
+			}]
+		}],
+		overlay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "overlay",
+				required: false
+			}]
+		}],
+		backdrop: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "backdrop",
+				required: false
+			}]
+		}],
+		plate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "plate",
+				required: false
+			}]
+		}]
+	}
+});
 export { RtSpinnerComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-spinner.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-spinner.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-spinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-spinner.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/spinner/rt-spinner.component.ts","../../../projects/ui-kit-v2/src/lib/components/spinner/rt-spinner.component.html","../../../projects/ui-kit-v2/src/lib/components/spinner/rt-tools-ui-kit-v2-spinner.ts"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    numberAttribute,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { IRtSpinner } from './rt-spinner.model';\n\nconst BEM_BLOCK: string = 'rt-spinner';\n\n/**\n * Атомарный rotating-spinner для loading-индикаторов.\n *\n * Без новых режимов кольцо рисует сам host: border с одной цветной стороной и вращение, своей\n * разметки нет. Так спиннер стоит у семи компонентов кита, и их разметка от режимов не меняется.\n *\n * Режимы `overlay`, `plate` и вид `arc` рисуют внутреннюю разметку, а host перестаёт быть кольцом:\n * - `overlay` — спиннер занимает позиционированного родителя целиком и ставит кольцо в центр;\n *   слой — ступень `sticky`, ниже всего, что открывается поверх страницы;\n * - `backdrop` — полупрозрачная подложка оверлея, без `overlay` не действует;\n * - `plate` — круглая плашка с тенью под кольцом;\n * - `appearance=\"arc\"` — дуга без дорожки, как у Material.\n *\n * Анимация уважает `@media (prefers-reduced-motion)` — вращение замедляется.\n */\n@Component({\n    selector: 'rt-spinner',\n    templateUrl: './rt-spinner.component.html',\n    styleUrls: ['./rt-spinner.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [NgTemplateOutlet, BlockDirective, ElemDirective],\n    host: {\n        class: BEM_BLOCK,\n        role: 'status',\n        'aria-live': 'polite',\n        '[class]': 'modifiers()',\n        '[style.--rt-spinner-diameter]': 'cssDiameter()',\n    },\n})\nexport class RtSpinnerComponent {\n    /** Кольцо рисуется внутренней разметкой, а не самим host-ом. */\n    protected readonly framed: Signal<boolean> = computed((): boolean => this.overlay() || this.plate() || this.appearance() === 'arc');\n\n    protected readonly modifiers: Signal<Record<string, boolean>> = computed((): Record<string, boolean> => ({\n        [`${BEM_BLOCK}--${this.color()}`]: true,\n        [`${BEM_BLOCK}--framed`]: this.framed(),\n        [`${BEM_BLOCK}--overlay`]: this.overlay(),\n        [`${BEM_BLOCK}--backdrop`]: this.overlay() && this.backdrop(),\n    }));\n\n    protected readonly cssDiameter: Signal<string> = computed((): string => `${this.diameter()}px`);\n\n    /** Диаметр spinner'а в px. Default 32. */\n    public readonly diameter: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(32, {\n        transform: numberAttribute,\n    });\n\n    /** Семантическая палитра. Default `primary`. */\n    public readonly color: InputSignal<IRtSpinner.Color> = input<IRtSpinner.Color>('primary');\n\n    /** Вид кольца: `border` — с дорожкой, `arc` — дуга без дорожки. Default `border`. */\n    public readonly appearance: InputSignal<IRtSpinner.Appearance> = input<IRtSpinner.Appearance>('border');\n\n    /** Спиннер накрывает позиционированного родителя и стоит в его центре. Default `false`. */\n    public readonly overlay: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Полупрозрачная подложка оверлея; без `overlay` не действует. Default `false`. */\n    public readonly backdrop: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Круглая плашка с тенью под кольцом. Default `false`. */\n    public readonly plate: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n}\n","@if (framed()) {\n    <ng-container rtBlock=\"rt-spinner\">\n        @if (plate()) {\n            <span rtElem=\"plate\">\n                <ng-container [ngTemplateOutlet]=\"ring\" />\n            </span>\n        } @else {\n            <ng-container [ngTemplateOutlet]=\"ring\" />\n        }\n\n        <ng-template #ring>\n            @if (appearance() === 'arc') {\n                <svg rtElem=\"arc\" viewBox=\"0 0 48 48\" focusable=\"false\" aria-hidden=\"true\">\n                    <circle rtElem=\"arc-circle\" cx=\"24\" cy=\"24\" r=\"20\" />\n                </svg>\n            } @else {\n                <span rtElem=\"ring\"></span>\n            }\n        </ng-template>\n    </ng-container>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-spinner.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/spinner/rt-spinner.component.ts","../../../projects/ui-kit-v2/src/lib/components/spinner/rt-spinner.component.html"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    numberAttribute,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { IRtSpinner } from './rt-spinner.model';\n\nconst BEM_BLOCK: string = 'rt-spinner';\n\n/**\n * Атомарный rotating-spinner для loading-индикаторов.\n *\n * Без новых режимов кольцо рисует сам host: border с одной цветной стороной и вращение, своей\n * разметки нет. Так спиннер стоит у семи компонентов кита, и их разметка от режимов не меняется.\n *\n * Режимы `overlay`, `plate` и вид `arc` рисуют внутреннюю разметку, а host перестаёт быть кольцом:\n * - `overlay` — спиннер занимает позиционированного родителя целиком и ставит кольцо в центр;\n *   слой — ступень `sticky`, ниже всего, что открывается поверх страницы;\n * - `backdrop` — полупрозрачная подложка оверлея, без `overlay` не действует;\n * - `plate` — круглая плашка с тенью под кольцом;\n * - `appearance=\"arc\"` — дуга без дорожки, как у Material.\n *\n * Анимация уважает `@media (prefers-reduced-motion)` — вращение замедляется.\n */\n@Component({\n    selector: 'rt-spinner',\n    templateUrl: './rt-spinner.component.html',\n    styleUrls: ['./rt-spinner.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [NgTemplateOutlet, BlockDirective, ElemDirective],\n    host: {\n        class: BEM_BLOCK,\n        role: 'status',\n        'aria-live': 'polite',\n        '[class]': 'modifiers()',\n        '[style.--rt-spinner-diameter]': 'cssDiameter()',\n    },\n})\nexport class RtSpinnerComponent {\n    /** Кольцо рисуется внутренней разметкой, а не самим host-ом. */\n    protected readonly framed: Signal<boolean> = computed((): boolean => this.overlay() || this.plate() || this.appearance() === 'arc');\n\n    protected readonly modifiers: Signal<Record<string, boolean>> = computed((): Record<string, boolean> => ({\n        [`${BEM_BLOCK}--${this.color()}`]: true,\n        [`${BEM_BLOCK}--framed`]: this.framed(),\n        [`${BEM_BLOCK}--overlay`]: this.overlay(),\n        [`${BEM_BLOCK}--backdrop`]: this.overlay() && this.backdrop(),\n    }));\n\n    protected readonly cssDiameter: Signal<string> = computed((): string => `${this.diameter()}px`);\n\n    /** Диаметр spinner'а в px. Default 32. */\n    public readonly diameter: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(32, {\n        transform: numberAttribute,\n    });\n\n    /** Семантическая палитра. Default `primary`. */\n    public readonly color: InputSignal<IRtSpinner.Color> = input<IRtSpinner.Color>('primary');\n\n    /** Вид кольца: `border` — с дорожкой, `arc` — дуга без дорожки. Default `border`. */\n    public readonly appearance: InputSignal<IRtSpinner.Appearance> = input<IRtSpinner.Appearance>('border');\n\n    /** Спиннер накрывает позиционированного родителя и стоит в его центре. Default `false`. */\n    public readonly overlay: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Полупрозрачная подложка оверлея; без `overlay` не действует. Default `false`. */\n    public readonly backdrop: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Круглая плашка с тенью под кольцом. Default `false`. */\n    public readonly plate: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n}\n","@if (framed()) {\n    <ng-container rtBlock=\"rt-spinner\">\n        @if (plate()) {\n            <span rtElem=\"plate\">\n                <ng-container [ngTemplateOutlet]=\"ring\" />\n            </span>\n        } @else {\n            <ng-container [ngTemplateOutlet]=\"ring\" />\n        }\n\n        <ng-template #ring>\n            @if (appearance() === 'arc') {\n                <svg rtElem=\"arc\" viewBox=\"0 0 48 48\" focusable=\"false\" aria-hidden=\"true\">\n                    <circle rtElem=\"arc-circle\" cx=\"24\" cy=\"24\" r=\"20\" />\n                </svg>\n            } @else {\n                <span rtElem=\"ring\"></span>\n            }\n        </ng-template>\n    </ng-container>\n}\n"],"mappings":"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"}