@rt-tools/ui-kit-v2 0.23.3 → 0.24.0

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

@@ -1,85 +1,218 @@
-import * as i0 from '@angular/core';
-import { viewChild, computed, input, booleanAttribute, numberAttribute, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
-import { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';
-import * as i1 from '@rt-tools/ui-kit-v2/radius';
-import { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';
-
-const BEM_BLOCK = 'rt-textarea';
-/**
- * Шеренный textarea common/ui. CVA через общий `RtFormControlBase` —
- * авто-подсветка invalid. Размерные варианты sm/md/lg через host-класс. Resize
- * policy none/vertical.
- *
- * Крестик-очистка НЕ рендерится: в многострочном поле он нетипичен (`clearable`
- * наследуется, но шаблон его не использует).
- *
- * Размеры/цвета — через `--rt-input-*` / `--rt-textarea-*` semantic-токены.
- * `font-family: inherit` явно — textarea иначе падает на UA-default (monospace).
- */
-class RtTextareaComponent extends RtFormControlBase {
-    constructor() {
-        super(...arguments);
-        this.fieldEl = viewChild('fieldEl', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fieldEl" }] : /* istanbul ignore next */ []));
-        this.hasValue = computed(() => this.value() !== '', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
-        this.displayText = computed(() => this.value(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
-        this.placeholder = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-        this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.rows = input(3, { ...(ngDevMode ? { debugName: "rows" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        this.resize = input('vertical', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "resize" }] : /* istanbul ignore next */ []));
-    }
-    getEmptyValue() {
-        return '';
-    }
-    focusAfterClear() {
-        this.fieldEl()?.nativeElement.focus();
-    }
-    onInput(event) {
-        const target = event.target;
-        const next = target.value;
-        this.value.set(next);
-        this.emitChange(next);
-    }
-    onBlur() {
-        this.markTouched();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtTextareaComponent, isStandalone: true, selector: "rt-textarea", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.rt-textarea--size--sm": "size() === 'sm'", "class.rt-textarea--size--lg": "size() === 'lg'", "class.rt-textarea--disabled": "isDisabled()", "class.rt-textarea--readonly": "readonly()", "class.rt-textarea--invalid": "isInvalid()", "class.rt-textarea--borderless": "!bordered()" }, classAttribute: "rt-textarea" }, providers: [
-            // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.
-            { provide: RtFormControlBase, useExisting: forwardRef(() => RtTextareaComponent) },
-        ], viewQueries: [{ propertyName: "fieldEl", first: true, predicate: ["fieldEl"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<ng-container rtBlock=\"rt-textarea\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"textarea-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '\u2014' }}</span>\n    } @else {\n        <textarea\n            #fieldEl\n            rtElem=\"control\"\n            qa-dataid=\"textarea-control\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel() || null\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            [style.resize]=\"resize()\"\n            [placeholder]=\"placeholder()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            [rows]=\"rows()\"\n            [value]=\"value()\"\n            (input)=\"onInput($event)\"\n            (blur)=\"onBlur()\"></textarea>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-textarea{--rt-textarea-radius: var(--rt-input-radius);display:block;width:100%}.rt-textarea--borderless .rt-textarea__control{border-color:transparent}.rt-textarea__control{width:100%;min-height:var(--rt-textarea-min-height);box-sizing:border-box;padding:var(--rt-textarea-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-textarea-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);font-family:inherit;font-size:var(--rt-input-font-size);line-height:var(--rt-textarea-line-height);transition:var(--rt-input-transition)}.rt-textarea__control::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-textarea__control:focus-visible{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-textarea__control:disabled{background-color:var(--rt-input-color-bg-disabled);cursor:not-allowed}.rt-textarea--size--sm .rt-textarea__control{min-height:var(--rt-textarea-min-height-sm)}.rt-textarea--size--lg .rt-textarea__control{min-height:var(--rt-textarea-min-height-lg)}.rt-textarea--invalid .rt-textarea__control{border-color:var(--rt-input-color-border-error)}.rt-textarea--invalid .rt-textarea__control:focus-visible{box-shadow:var(--rt-input-focus-shadow-error)}.rt-textarea--disabled{opacity:var(--rt-input-disabled-opacity)}.rt-textarea__readonly{display:block;color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size);white-space:pre-wrap}.rt-textarea__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-textarea[data-rt-radius=none]{--rt-textarea-radius: var(--rt-radius-none)}.rt-textarea[data-rt-radius=xs]{--rt-textarea-radius: var(--rt-radius-xs)}.rt-textarea[data-rt-radius=sm]{--rt-textarea-radius: var(--rt-radius-sm)}.rt-textarea[data-rt-radius=ms]{--rt-textarea-radius: var(--rt-radius-ms)}.rt-textarea[data-rt-radius=md]{--rt-textarea-radius: var(--rt-radius-md)}.rt-textarea[data-rt-radius=lg]{--rt-textarea-radius: var(--rt-radius-lg)}.rt-textarea[data-rt-radius=xl]{--rt-textarea-radius: var(--rt-radius-xl)}.rt-textarea[data-rt-radius=\"2xl\"]{--rt-textarea-radius: var(--rt-radius-2xl)}.rt-textarea[data-rt-radius=full]{--rt-textarea-radius: var(--rt-radius-full)}}\n"], dependencies: [{ kind: "directive", type: 
-                // standalone components / directives
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTextareaComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-textarea', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                    ], providers: [
-                        // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.
-                        { provide: RtFormControlBase, useExisting: forwardRef(() => RtTextareaComponent) },
-                    ], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], host: {
-                        class: BEM_BLOCK,
-                        '[class.rt-textarea--size--sm]': "size() === 'sm'",
-                        '[class.rt-textarea--size--lg]': "size() === 'lg'",
-                        '[class.rt-textarea--disabled]': 'isDisabled()',
-                        '[class.rt-textarea--readonly]': 'readonly()',
-                        '[class.rt-textarea--invalid]': 'isInvalid()',
-                        '[class.rt-textarea--borderless]': '!bordered()',
-                    }, template: "<ng-container rtBlock=\"rt-textarea\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"textarea-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '\u2014' }}</span>\n    } @else {\n        <textarea\n            #fieldEl\n            rtElem=\"control\"\n            qa-dataid=\"textarea-control\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel() || null\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            [style.resize]=\"resize()\"\n            [placeholder]=\"placeholder()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            [rows]=\"rows()\"\n            [value]=\"value()\"\n            (input)=\"onInput($event)\"\n            (blur)=\"onBlur()\"></textarea>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-textarea{--rt-textarea-radius: var(--rt-input-radius);display:block;width:100%}.rt-textarea--borderless .rt-textarea__control{border-color:transparent}.rt-textarea__control{width:100%;min-height:var(--rt-textarea-min-height);box-sizing:border-box;padding:var(--rt-textarea-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-textarea-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);font-family:inherit;font-size:var(--rt-input-font-size);line-height:var(--rt-textarea-line-height);transition:var(--rt-input-transition)}.rt-textarea__control::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-textarea__control:focus-visible{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-textarea__control:disabled{background-color:var(--rt-input-color-bg-disabled);cursor:not-allowed}.rt-textarea--size--sm .rt-textarea__control{min-height:var(--rt-textarea-min-height-sm)}.rt-textarea--size--lg .rt-textarea__control{min-height:var(--rt-textarea-min-height-lg)}.rt-textarea--invalid .rt-textarea__control{border-color:var(--rt-input-color-border-error)}.rt-textarea--invalid .rt-textarea__control:focus-visible{box-shadow:var(--rt-input-focus-shadow-error)}.rt-textarea--disabled{opacity:var(--rt-input-disabled-opacity)}.rt-textarea__readonly{display:block;color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size);white-space:pre-wrap}.rt-textarea__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-textarea[data-rt-radius=none]{--rt-textarea-radius: var(--rt-radius-none)}.rt-textarea[data-rt-radius=xs]{--rt-textarea-radius: var(--rt-radius-xs)}.rt-textarea[data-rt-radius=sm]{--rt-textarea-radius: var(--rt-radius-sm)}.rt-textarea[data-rt-radius=ms]{--rt-textarea-radius: var(--rt-radius-ms)}.rt-textarea[data-rt-radius=md]{--rt-textarea-radius: var(--rt-radius-md)}.rt-textarea[data-rt-radius=lg]{--rt-textarea-radius: var(--rt-radius-lg)}.rt-textarea[data-rt-radius=xl]{--rt-textarea-radius: var(--rt-radius-xl)}.rt-textarea[data-rt-radius=\"2xl\"]{--rt-textarea-radius: var(--rt-radius-2xl)}.rt-textarea[data-rt-radius=full]{--rt-textarea-radius: var(--rt-radius-full)}}\n"] }]
-        }], propDecorators: { fieldEl: [{ type: i0.ViewChild, args: ['fieldEl', { isSignal: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], resize: [{ type: i0.Input, args: [{ isSignal: true, alias: "resize", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, forwardRef, input, numberAttribute, viewChild } from "@angular/core";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { RtFormControlBase } from "@rt-tools/ui-kit-v2/form-control";
+import * as i1 from "@rt-tools/ui-kit-v2/radius";
+import { RtRadiusDirective } from "@rt-tools/ui-kit-v2/radius";
+const BEM_BLOCK = "rt-textarea";
+var RtTextareaComponent = class RtTextareaComponent extends RtFormControlBase {
+	constructor() {
+		super(...arguments);
+		this.fieldEl = viewChild("fieldEl", ...ngDevMode ? [{ debugName: "fieldEl" }] : /* istanbul ignore next */ []);
+		this.hasValue = computed(() => this.value() !== "", ...ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []);
+		this.displayText = computed(() => this.value(), ...ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []);
+		this.placeholder = input("", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+		this.readonly = input(false, {
+			...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.rows = input(3, {
+			...ngDevMode ? { debugName: "rows" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.resize = input("vertical", ...ngDevMode ? [{ debugName: "resize" }] : /* istanbul ignore next */ []);
+	}
+	getEmptyValue() {
+		return "";
+	}
+	focusAfterClear() {
+		this.fieldEl()?.nativeElement.focus();
+	}
+	onInput(event) {
+		const next = event.target.value;
+		this.value.set(next);
+		this.emitChange(next);
+	}
+	onBlur() {
+		this.markTouched();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTextareaComponent,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtTextareaComponent,
+			isStandalone: true,
+			selector: "rt-textarea",
+			inputs: {
+				placeholder: {
+					classPropertyName: "placeholder",
+					publicName: "placeholder",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				readonly: {
+					classPropertyName: "readonly",
+					publicName: "readonly",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				rows: {
+					classPropertyName: "rows",
+					publicName: "rows",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				resize: {
+					classPropertyName: "resize",
+					publicName: "resize",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: {
+				properties: {
+					"class.rt-textarea--size--sm": "size() === 'sm'",
+					"class.rt-textarea--size--lg": "size() === 'lg'",
+					"class.rt-textarea--disabled": "isDisabled()",
+					"class.rt-textarea--readonly": "readonly()",
+					"class.rt-textarea--invalid": "isInvalid()",
+					"class.rt-textarea--borderless": "!bordered()"
+				},
+				classAttribute: "rt-textarea"
+			},
+			providers: [{
+				provide: RtFormControlBase,
+				useExisting: forwardRef(() => RtTextareaComponent)
+			}],
+			viewQueries: [{
+				propertyName: "fieldEl",
+				first: true,
+				predicate: ["fieldEl"],
+				descendants: true,
+				isSignal: true
+			}],
+			usesInheritance: true,
+			hostDirectives: [{
+				directive: i1.RtRadiusDirective,
+				inputs: ["radius", "radius"]
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-textarea\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"textarea-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    } @else {\n        <textarea\n            #fieldEl\n            rtElem=\"control\"\n            qa-dataid=\"textarea-control\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel() || null\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            [style.resize]=\"resize()\"\n            [placeholder]=\"placeholder()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            [rows]=\"rows()\"\n            [value]=\"value()\"\n            (input)=\"onInput($event)\"\n            (blur)=\"onBlur()\"></textarea>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-textarea{--rt-textarea-radius: var(--rt-input-radius);display:block;width:100%}.rt-textarea--borderless .rt-textarea__control{border-color:transparent}.rt-textarea__control{width:100%;min-height:var(--rt-textarea-min-height);box-sizing:border-box;padding:var(--rt-textarea-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-textarea-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);font-family:inherit;font-size:var(--rt-input-font-size);line-height:var(--rt-textarea-line-height);transition:var(--rt-input-transition)}.rt-textarea__control::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-textarea__control:focus-visible{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-textarea__control:disabled{background-color:var(--rt-input-color-bg-disabled);cursor:not-allowed}.rt-textarea--size--sm .rt-textarea__control{min-height:var(--rt-textarea-min-height-sm)}.rt-textarea--size--lg .rt-textarea__control{min-height:var(--rt-textarea-min-height-lg)}.rt-textarea--invalid .rt-textarea__control{border-color:var(--rt-input-color-border-error)}.rt-textarea--invalid .rt-textarea__control:focus-visible{box-shadow:var(--rt-input-focus-shadow-error)}.rt-textarea--disabled{opacity:var(--rt-input-disabled-opacity)}.rt-textarea__readonly{display:block;color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size);white-space:pre-wrap}.rt-textarea__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-textarea[data-rt-radius=none]{--rt-textarea-radius: var(--rt-radius-none)}.rt-textarea[data-rt-radius=xs]{--rt-textarea-radius: var(--rt-radius-xs)}.rt-textarea[data-rt-radius=sm]{--rt-textarea-radius: var(--rt-radius-sm)}.rt-textarea[data-rt-radius=ms]{--rt-textarea-radius: var(--rt-radius-ms)}.rt-textarea[data-rt-radius=md]{--rt-textarea-radius: var(--rt-radius-md)}.rt-textarea[data-rt-radius=lg]{--rt-textarea-radius: var(--rt-radius-lg)}.rt-textarea[data-rt-radius=xl]{--rt-textarea-radius: var(--rt-radius-xl)}.rt-textarea[data-rt-radius=\"2xl\"]{--rt-textarea-radius: var(--rt-radius-2xl)}.rt-textarea[data-rt-radius=full]{--rt-textarea-radius: var(--rt-radius-full)}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTextareaComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-textarea",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			providers: [{
+				provide: RtFormControlBase,
+				useExisting: forwardRef(() => RtTextareaComponent)
+			}],
+			hostDirectives: [{
+				directive: RtRadiusDirective,
+				inputs: ["radius"]
+			}],
+			host: {
+				class: BEM_BLOCK,
+				"[class.rt-textarea--size--sm]": "size() === 'sm'",
+				"[class.rt-textarea--size--lg]": "size() === 'lg'",
+				"[class.rt-textarea--disabled]": "isDisabled()",
+				"[class.rt-textarea--readonly]": "readonly()",
+				"[class.rt-textarea--invalid]": "isInvalid()",
+				"[class.rt-textarea--borderless]": "!bordered()"
+			},
+			template: "<ng-container rtBlock=\"rt-textarea\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"textarea-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    } @else {\n        <textarea\n            #fieldEl\n            rtElem=\"control\"\n            qa-dataid=\"textarea-control\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel() || null\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            [style.resize]=\"resize()\"\n            [placeholder]=\"placeholder()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            [rows]=\"rows()\"\n            [value]=\"value()\"\n            (input)=\"onInput($event)\"\n            (blur)=\"onBlur()\"></textarea>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-textarea{--rt-textarea-radius: var(--rt-input-radius);display:block;width:100%}.rt-textarea--borderless .rt-textarea__control{border-color:transparent}.rt-textarea__control{width:100%;min-height:var(--rt-textarea-min-height);box-sizing:border-box;padding:var(--rt-textarea-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-textarea-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);font-family:inherit;font-size:var(--rt-input-font-size);line-height:var(--rt-textarea-line-height);transition:var(--rt-input-transition)}.rt-textarea__control::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-textarea__control:focus-visible{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-textarea__control:disabled{background-color:var(--rt-input-color-bg-disabled);cursor:not-allowed}.rt-textarea--size--sm .rt-textarea__control{min-height:var(--rt-textarea-min-height-sm)}.rt-textarea--size--lg .rt-textarea__control{min-height:var(--rt-textarea-min-height-lg)}.rt-textarea--invalid .rt-textarea__control{border-color:var(--rt-input-color-border-error)}.rt-textarea--invalid .rt-textarea__control:focus-visible{box-shadow:var(--rt-input-focus-shadow-error)}.rt-textarea--disabled{opacity:var(--rt-input-disabled-opacity)}.rt-textarea__readonly{display:block;color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size);white-space:pre-wrap}.rt-textarea__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-textarea[data-rt-radius=none]{--rt-textarea-radius: var(--rt-radius-none)}.rt-textarea[data-rt-radius=xs]{--rt-textarea-radius: var(--rt-radius-xs)}.rt-textarea[data-rt-radius=sm]{--rt-textarea-radius: var(--rt-radius-sm)}.rt-textarea[data-rt-radius=ms]{--rt-textarea-radius: var(--rt-radius-ms)}.rt-textarea[data-rt-radius=md]{--rt-textarea-radius: var(--rt-radius-md)}.rt-textarea[data-rt-radius=lg]{--rt-textarea-radius: var(--rt-radius-lg)}.rt-textarea[data-rt-radius=xl]{--rt-textarea-radius: var(--rt-radius-xl)}.rt-textarea[data-rt-radius=\"2xl\"]{--rt-textarea-radius: var(--rt-radius-2xl)}.rt-textarea[data-rt-radius=full]{--rt-textarea-radius: var(--rt-radius-full)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		fieldEl: [{
+			type: i0.ViewChild,
+			args: ["fieldEl", { isSignal: true }]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		readonly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readonly",
+				required: false
+			}]
+		}],
+		rows: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rows",
+				required: false
+			}]
+		}],
+		resize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "resize",
+				required: false
+			}]
+		}]
+	}
+});
 export { RtTextareaComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-textarea.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-textarea.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-textarea.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/textarea/rt-textarea.component.ts","../../../projects/ui-kit-v2/src/lib/components/textarea/rt-textarea.component.html","../../../projects/ui-kit-v2/src/lib/components/textarea/rt-tools-ui-kit-v2-textarea.ts"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    ElementRef,\n    forwardRef,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    numberAttribute,\n    Signal,\n    viewChild,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-textarea';\n\nexport type TRtTextareaResize = 'none' | 'vertical';\n\n/**\n * Шеренный textarea common/ui. CVA через общий `RtFormControlBase` —\n * авто-подсветка invalid. Размерные варианты sm/md/lg через host-класс. Resize\n * policy none/vertical.\n *\n * Крестик-очистка НЕ рендерится: в многострочном поле он нетипичен (`clearable`\n * наследуется, но шаблон его не использует).\n *\n * Размеры/цвета — через `--rt-input-*` / `--rt-textarea-*` semantic-токены.\n * `font-family: inherit` явно — textarea иначе падает на UA-default (monospace).\n */\n@Component({\n    selector: 'rt-textarea',\n    templateUrl: './rt-textarea.component.html',\n    styleUrls: ['./rt-textarea.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.\n        { provide: RtFormControlBase, useExisting: forwardRef(() => RtTextareaComponent) },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-textarea--size--sm]': \"size() === 'sm'\",\n        '[class.rt-textarea--size--lg]': \"size() === 'lg'\",\n        '[class.rt-textarea--disabled]': 'isDisabled()',\n        '[class.rt-textarea--readonly]': 'readonly()',\n        '[class.rt-textarea--invalid]': 'isInvalid()',\n        '[class.rt-textarea--borderless]': '!bordered()',\n    },\n})\nexport class RtTextareaComponent extends RtFormControlBase<string> {\n    protected readonly fieldEl: Signal<ElementRef<HTMLTextAreaElement> | undefined> = viewChild<ElementRef<HTMLTextAreaElement>>('fieldEl');\n\n    protected readonly hasValue: Signal<boolean> = computed((): boolean => this.value() !== '');\n\n    public readonly displayText: Signal<string> = computed((): string => this.value());\n\n    public readonly placeholder: InputSignal<string> = input<string>('');\n    public readonly readonly: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly rows: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(3, { transform: numberAttribute });\n    public readonly resize: InputSignal<TRtTextareaResize> = input<TRtTextareaResize>('vertical');\n\n    protected getEmptyValue(): string {\n        return '';\n    }\n\n    protected focusAfterClear(): void {\n        this.fieldEl()?.nativeElement.focus();\n    }\n\n    protected onInput(event: Event): void {\n        const target: HTMLTextAreaElement = event.target as HTMLTextAreaElement;\n        const next: string = target.value;\n        this.value.set(next);\n        this.emitChange(next);\n    }\n\n    protected onBlur(): void {\n        this.markTouched();\n    }\n}\n","<ng-container rtBlock=\"rt-textarea\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"textarea-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    } @else {\n        <textarea\n            #fieldEl\n            rtElem=\"control\"\n            qa-dataid=\"textarea-control\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel() || null\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            [style.resize]=\"resize()\"\n            [placeholder]=\"placeholder()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            [rows]=\"rows()\"\n            [value]=\"value()\"\n            (input)=\"onInput($event)\"\n            (blur)=\"onBlur()\"></textarea>\n    }\n</ng-container>\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-textarea.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/textarea/rt-textarea.component.ts","../../../projects/ui-kit-v2/src/lib/components/textarea/rt-textarea.component.html"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    ElementRef,\n    forwardRef,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    numberAttribute,\n    Signal,\n    viewChild,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-textarea';\n\nexport type TRtTextareaResize = 'none' | 'vertical';\n\n/**\n * Шеренный textarea common/ui. CVA через общий `RtFormControlBase` —\n * авто-подсветка invalid. Размерные варианты sm/md/lg через host-класс. Resize\n * policy none/vertical.\n *\n * Крестик-очистка НЕ рендерится: в многострочном поле он нетипичен (`clearable`\n * наследуется, но шаблон его не использует).\n *\n * Размеры/цвета — через `--rt-input-*` / `--rt-textarea-*` semantic-токены.\n * `font-family: inherit` явно — textarea иначе падает на UA-default (monospace).\n */\n@Component({\n    selector: 'rt-textarea',\n    templateUrl: './rt-textarea.component.html',\n    styleUrls: ['./rt-textarea.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.\n        { provide: RtFormControlBase, useExisting: forwardRef(() => RtTextareaComponent) },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-textarea--size--sm]': \"size() === 'sm'\",\n        '[class.rt-textarea--size--lg]': \"size() === 'lg'\",\n        '[class.rt-textarea--disabled]': 'isDisabled()',\n        '[class.rt-textarea--readonly]': 'readonly()',\n        '[class.rt-textarea--invalid]': 'isInvalid()',\n        '[class.rt-textarea--borderless]': '!bordered()',\n    },\n})\nexport class RtTextareaComponent extends RtFormControlBase<string> {\n    protected readonly fieldEl: Signal<ElementRef<HTMLTextAreaElement> | undefined> = viewChild<ElementRef<HTMLTextAreaElement>>('fieldEl');\n\n    protected readonly hasValue: Signal<boolean> = computed((): boolean => this.value() !== '');\n\n    public readonly displayText: Signal<string> = computed((): string => this.value());\n\n    public readonly placeholder: InputSignal<string> = input<string>('');\n    public readonly readonly: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly rows: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(3, { transform: numberAttribute });\n    public readonly resize: InputSignal<TRtTextareaResize> = input<TRtTextareaResize>('vertical');\n\n    protected getEmptyValue(): string {\n        return '';\n    }\n\n    protected focusAfterClear(): void {\n        this.fieldEl()?.nativeElement.focus();\n    }\n\n    protected onInput(event: Event): void {\n        const target: HTMLTextAreaElement = event.target as HTMLTextAreaElement;\n        const next: string = target.value;\n        this.value.set(next);\n        this.emitChange(next);\n    }\n\n    protected onBlur(): void {\n        this.markTouched();\n    }\n}\n","<ng-container rtBlock=\"rt-textarea\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"textarea-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    } @else {\n        <textarea\n            #fieldEl\n            rtElem=\"control\"\n            qa-dataid=\"textarea-control\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel() || null\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            [style.resize]=\"resize()\"\n            [placeholder]=\"placeholder()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            [rows]=\"rows()\"\n            [value]=\"value()\"\n            (input)=\"onInput($event)\"\n            (blur)=\"onBlur()\"></textarea>\n    }\n</ng-container>\n"],"mappings":"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"}

package/fesm2022/rt-tools-ui-kit-v2-theme-toggle.mjs

@@ -1,73 +1,152 @@
-import * as i0 from '@angular/core';
-import { inject, computed, input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { rtKitLabel, ThemeService } from '@rt-tools/ui-kit-v2/core';
-import { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';
-import { RtToggleSwitchComponent } from '@rt-tools/ui-kit-v2/toggle-switch';
-
-const BEM_BLOCK = 'rt-theme-toggle';
-/**
- * Переключатель темы в двух видах (`appearance`):
- *  - `icon` — круглая icon-кнопка, рендер делегирован в `rt-icon-button`
- *    (ghost-стиль, focus-visible, hover, aria-pressed через `[active]`);
- *  - `switch` — тоггл-рельса `rt-toggle-switch` с иконками внутри трека.
- *
- * В обоих видах видна иконка противоположной темы — кликом пользователь
- * переходит к ней. В `switch` это получается само: бегунок стоит над иконкой
- * текущей темы и закрывает её.
- *
- * Инжектит ThemeService напрямую — допустимо благодаря расширенному boundary
- * ThemeService сам провайден root.
- */
-class RtThemeToggleComponent {
-    constructor() {
-        /** Тексты компонента: сигналы, потому что язык может смениться без перезагрузки */
-        this.#t_themeToggleLabel = rtKitLabel('themeToggleLabel');
-        this.#theme = inject(ThemeService);
-        this.iconName = computed(() => (this.#theme.isDark() ? 'ico-sun' : 'moon'), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
-        this.isSwitch = computed(() => this.appearance() === 'switch', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isSwitch" }] : /* istanbul ignore next */ []));
-        this.isDark = this.#theme.isDark;
-        this.label = this.#t_themeToggleLabel();
-        /** Внешний вид. Default `icon` — компактная кнопка для шапки. */
-        this.appearance = input('icon', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
-    }
-    /** Тексты компонента: сигналы, потому что язык может смениться без перезагрузки */
-    #t_themeToggleLabel;
-    #theme;
-    onToggle() {
-        this.#theme.toggle();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtThemeToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtThemeToggleComponent, isStandalone: true, selector: "rt-theme-toggle", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "rt-theme-toggle" }, ngImport: i0, template: "@if (isSwitch()) {\n    <rt-toggle-switch\n        qa-dataid=\"theme-toggle-control\"\n        size=\"md\"\n        iconOff=\"ico-sun\"\n        iconOn=\"moon\"\n        [ariaLabel]=\"label\"\n        [ngModel]=\"isDark()\"\n        (ngModelChange)=\"onToggle()\" />\n} @else {\n    <rt-icon-button\n        qa-dataid=\"theme-toggle-control\"\n        variant=\"ghost\"\n        size=\"md\"\n        radius=\"full\"\n        [ariaLabel]=\"label\"\n        [icon]=\"iconName()\"\n        [active]=\"isDark()\"\n        (clicked)=\"onToggle()\" />\n}\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-theme-toggle{display:inline-flex}}\n"], dependencies: [{ kind: "ngmodule", type: 
-                // angular
-                FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 
-                // standalone components / directives
-                RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "component", type: RtToggleSwitchComponent, selector: "rt-toggle-switch", inputs: ["inputId", "ariaLabel", "label", "size", "iconOff", "iconOn", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtThemeToggleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-theme-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // angular
-                        FormsModule,
-                        // standalone components / directives
-                        RtIconButtonComponent,
-                        RtToggleSwitchComponent,
-                    ], host: {
-                        class: BEM_BLOCK,
-                    }, template: "@if (isSwitch()) {\n    <rt-toggle-switch\n        qa-dataid=\"theme-toggle-control\"\n        size=\"md\"\n        iconOff=\"ico-sun\"\n        iconOn=\"moon\"\n        [ariaLabel]=\"label\"\n        [ngModel]=\"isDark()\"\n        (ngModelChange)=\"onToggle()\" />\n} @else {\n    <rt-icon-button\n        qa-dataid=\"theme-toggle-control\"\n        variant=\"ghost\"\n        size=\"md\"\n        radius=\"full\"\n        [ariaLabel]=\"label\"\n        [icon]=\"iconName()\"\n        [active]=\"isDark()\"\n        (clicked)=\"onToggle()\" />\n}\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-theme-toggle{display:inline-flex}}\n"] }]
-        }], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }] } });
-
-/**
- * Модель `<rt-theme-toggle>`: один корневой неймспейс с префиксом `I`.
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, inject, input } from "@angular/core";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import { ThemeService, rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+import { RtIconButtonComponent } from "@rt-tools/ui-kit-v2/icon-button";
+import { RtToggleSwitchComponent } from "@rt-tools/ui-kit-v2/toggle-switch";
+const BEM_BLOCK = "rt-theme-toggle";
+var RtThemeToggleComponent = class RtThemeToggleComponent {
+	constructor() {
+		this.#t_themeToggleLabel = rtKitLabel("themeToggleLabel");
+		this.#theme = inject(ThemeService);
+		this.iconName = computed(() => this.#theme.isDark() ? "ico-sun" : "moon", ...ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []);
+		this.isSwitch = computed(() => this.appearance() === "switch", ...ngDevMode ? [{ debugName: "isSwitch" }] : /* istanbul ignore next */ []);
+		this.isDark = this.#theme.isDark;
+		this.label = this.#t_themeToggleLabel();
+		this.appearance = input("icon", ...ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []);
+	}
+	#t_themeToggleLabel;
+	#theme;
+	onToggle() {
+		this.#theme.toggle();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtThemeToggleComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtThemeToggleComponent,
+			isStandalone: true,
+			selector: "rt-theme-toggle",
+			inputs: { appearance: {
+				classPropertyName: "appearance",
+				publicName: "appearance",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			host: { classAttribute: "rt-theme-toggle" },
+			ngImport: i0,
+			template: "@if (isSwitch()) {\n    <rt-toggle-switch\n        qa-dataid=\"theme-toggle-control\"\n        size=\"md\"\n        iconOff=\"ico-sun\"\n        iconOn=\"moon\"\n        [ariaLabel]=\"label\"\n        [ngModel]=\"isDark()\"\n        (ngModelChange)=\"onToggle()\" />\n} @else {\n    <rt-icon-button\n        qa-dataid=\"theme-toggle-control\"\n        variant=\"ghost\"\n        size=\"md\"\n        radius=\"full\"\n        [ariaLabel]=\"label\"\n        [icon]=\"iconName()\"\n        [active]=\"isDark()\"\n        (clicked)=\"onToggle()\" />\n}\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-theme-toggle{display:inline-flex}}\n"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: FormsModule
+				},
+				{
+					kind: "directive",
+					type: i1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.NgModel,
+					selector: "[ngModel]:not([formControlName]):not([formControl])",
+					inputs: [
+						"name",
+						"disabled",
+						"ngModel",
+						"ngModelOptions"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngModel"]
+				},
+				{
+					kind: "component",
+					type: RtIconButtonComponent,
+					selector: "rt-icon-button",
+					inputs: [
+						"icon",
+						"glyph",
+						"ariaLabel",
+						"variant",
+						"iconColor",
+						"iconFill",
+						"size",
+						"iconSize",
+						"type",
+						"tooltip",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"indicator"
+					],
+					outputs: ["clicked"]
+				},
+				{
+					kind: "component",
+					type: RtToggleSwitchComponent,
+					selector: "rt-toggle-switch",
+					inputs: [
+						"inputId",
+						"ariaLabel",
+						"label",
+						"size",
+						"iconOff",
+						"iconOn",
+						"disabled"
+					]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtThemeToggleComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-theme-toggle",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				FormsModule,
+				RtIconButtonComponent,
+				RtToggleSwitchComponent
+			],
+			host: { class: BEM_BLOCK },
+			template: "@if (isSwitch()) {\n    <rt-toggle-switch\n        qa-dataid=\"theme-toggle-control\"\n        size=\"md\"\n        iconOff=\"ico-sun\"\n        iconOn=\"moon\"\n        [ariaLabel]=\"label\"\n        [ngModel]=\"isDark()\"\n        (ngModelChange)=\"onToggle()\" />\n} @else {\n    <rt-icon-button\n        qa-dataid=\"theme-toggle-control\"\n        variant=\"ghost\"\n        size=\"md\"\n        radius=\"full\"\n        [ariaLabel]=\"label\"\n        [icon]=\"iconName()\"\n        [active]=\"isDark()\"\n        (clicked)=\"onToggle()\" />\n}\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-theme-toggle{display:inline-flex}}\n"]
+		}]
+	}],
+	propDecorators: { appearance: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "appearance",
+			required: false
+		}]
+	}] }
+});
 export { RtThemeToggleComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-theme-toggle.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-theme-toggle.mjs.map