@design-system-rte/angular 0.6.0 → 0.7.1

package/esm2022/lib/components/icon-button-toggle/icon-button-toggle.component.mjs

@@ -1,5 +1,5 @@
 import { CommonModule } from "@angular/common";
-import { ChangeDetectionStrategy, Component, computed, input, output } from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, input, output, signal } from "@angular/core";
 import { buttonIconSize } from "@design-system-rte/core/components/button/common/common-button.constants";
 import { IconButtonComponent } from "../icon-button/icon-button.component";
 import * as i0 from "@angular/core";
@@ -11,21 +11,33 @@ export class IconButtonToggleComponent {
         this.variant = input("primary");
         this.type = input("button");
         this.compactSpacing = input(false);
-        this.ariaLabel = input(undefined);
-        this.ariaLabelledBy = input(undefined);
-        this.selected = input(false);
+        this.ariaLabel = input();
+        this.ariaLabelledBy = input();
+        this.selected = input();
+        this.internalSelected = signal(false);
+        this.defaultSelected = input(false);
+        this.isControlled = computed(() => this.selected() !== undefined);
         this.click = output();
+        this.isSelected = computed(() => {
+            return this.isControlled() ? this.selected() : this.internalSelected();
+        });
         this.buttonIconSize = computed(() => buttonIconSize[this.size()]);
     }
+    toggleInternalSelectedState() {
+        this.internalSelected.set(!this.internalSelected());
+    }
     onClick(event) {
         event.stopPropagation();
-        this.click.emit();
+        this.click.emit(event);
+        if (!this.isControlled()) {
+            this.toggleInternalSelectedState();
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconButtonToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: IconButtonToggleComponent, isStandalone: true, selector: "rte-icon-button-toggle", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, compactSpacing: { classPropertyName: "compactSpacing", publicName: "compactSpacing", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: "<rte-icon-button \n  [size]=\"size()\" \n  [name]=\"name()\" \n  [compactSpacing]=\"compactSpacing()\"\n  [disabled]=\"disabled()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [type]=\"type()\"\n  [variant]=\"variant()\"\n  [appearance]=\"selected() ? 'filled' : 'outlined'\"\n  (click)=\"onClick($event)\"\n/>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IconButtonComponent, selector: "rte-icon-button", inputs: ["disabled", "name", "size", "variant", "type", "appearance", "compactSpacing", "ariaLabel", "ariaLabelledBy"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: IconButtonToggleComponent, isStandalone: true, selector: "rte-icon-button-toggle", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, compactSpacing: { classPropertyName: "compactSpacing", publicName: "compactSpacing", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, defaultSelected: { classPropertyName: "defaultSelected", publicName: "defaultSelected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: "<rte-icon-button \n  [size]=\"size()\" \n  [name]=\"name()\" \n  [compactSpacing]=\"compactSpacing()\"\n  [disabled]=\"disabled()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [type]=\"type()\"\n  [variant]=\"variant()\"\n  [appearance]=\"isSelected() ? 'filled' : 'outlined'\"\n  (click)=\"onClick($event)\"\n/>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IconButtonComponent, selector: "rte-icon-button", inputs: ["disabled", "name", "size", "variant", "type", "appearance", "compactSpacing", "ariaLabel", "ariaLabelledBy"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconButtonToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: "rte-icon-button-toggle", imports: [CommonModule, IconButtonComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<rte-icon-button \n  [size]=\"size()\" \n  [name]=\"name()\" \n  [compactSpacing]=\"compactSpacing()\"\n  [disabled]=\"disabled()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [type]=\"type()\"\n  [variant]=\"variant()\"\n  [appearance]=\"selected() ? 'filled' : 'outlined'\"\n  (click)=\"onClick($event)\"\n/>" }]
+            args: [{ selector: "rte-icon-button-toggle", imports: [CommonModule, IconButtonComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<rte-icon-button \n  [size]=\"size()\" \n  [name]=\"name()\" \n  [compactSpacing]=\"compactSpacing()\"\n  [disabled]=\"disabled()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [type]=\"type()\"\n  [variant]=\"variant()\"\n  [appearance]=\"isSelected() ? 'filled' : 'outlined'\"\n  (click)=\"onClick($event)\"\n/>" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24tdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24tYnV0dG9uLXRvZ2dsZS9pY29uLWJ1dHRvbi10b2dnbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaWNvbi1idXR0b24tdG9nZ2xlL2ljb24tYnV0dG9uLXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUc1RixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEVBQTBFLENBQUM7QUFHMUcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7O0FBUzNFLE1BQU0sT0FBTyx5QkFBeUI7SUFQdEM7UUFRVyxhQUFRLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUF5QyxDQUFDO1FBQy9ELFNBQUksR0FBRyxLQUFLLENBQWEsR0FBRyxDQUFDLENBQUM7UUFDOUIsWUFBTyxHQUFHLEtBQUssQ0FBZ0IsU0FBUyxDQUFDLENBQUM7UUFDMUMsU0FBSSxHQUFHLEtBQUssQ0FBYSxRQUFRLENBQUMsQ0FBQztRQUNuQyxtQkFBYyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUN2QyxjQUFTLEdBQUcsS0FBSyxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUNqRCxtQkFBYyxHQUFHLEtBQUssQ0FBcUIsU0FBUyxDQUFDLENBQUM7UUFDdEQsYUFBUSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUVqQyxVQUFLLEdBQUcsTUFBTSxFQUFRLENBQUM7UUFPdkIsbUJBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7S0FDdkU7SUFOQyxPQUFPLENBQUMsS0FBaUM7UUFDdkMsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQzsrR0FoQlUseUJBQXlCO21HQUF6Qix5QkFBeUIsbXdDQ2hCdEMsdVZBV0UsMkNEQVUsWUFBWSwrQkFBRSxtQkFBbUI7OzRGQUtoQyx5QkFBeUI7a0JBUHJDLFNBQVM7K0JBQ0Usd0JBQXdCLFdBQ3pCLENBQUMsWUFBWSxFQUFFLG1CQUFtQixDQUFDLGNBQ2hDLElBQUksbUJBRUMsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCwgb3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEJ1dHRvblR5cGUgfSBmcm9tIFwiQGRlc2lnbi1zeXN0ZW0tcnRlL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmludGVyZmFjZVwiO1xuaW1wb3J0IHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCB9IGZyb20gXCJAZGVzaWduLXN5c3RlbS1ydGUvY29yZS9jb21wb25lbnRzL2J1dHRvbi9jb21tb24vY29tbW9uLWJ1dHRvblwiO1xuaW1wb3J0IHsgYnV0dG9uSWNvblNpemUgfSBmcm9tIFwiQGRlc2lnbi1zeXN0ZW0tcnRlL2NvcmUvY29tcG9uZW50cy9idXR0b24vY29tbW9uL2NvbW1vbi1idXR0b24uY29uc3RhbnRzXCI7XG5cbmltcG9ydCB7IFJlZ3VsYXJJY29uSWRLZXksIFRvZ2dsYWJsZUljb25JZEtleSB9IGZyb20gXCIuLi9pY29uL2ljb24uc2VydmljZVwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInJ0ZS1pY29uLWJ1dHRvbi10b2dnbGVcIixcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbkJ1dHRvbkNvbXBvbmVudF0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiBcIi4vaWNvbi1idXR0b24tdG9nZ2xlLmNvbXBvbmVudC5odG1sXCIsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uVG9nZ2xlQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgZGlzYWJsZWQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IG5hbWUgPSBpbnB1dC5yZXF1aXJlZDxSZWd1bGFySWNvbklkS2V5IHwgVG9nZ2xhYmxlSWNvbklkS2V5PigpO1xuICByZWFkb25seSBzaXplID0gaW5wdXQ8QnV0dG9uU2l6ZT4oXCJtXCIpO1xuICByZWFkb25seSB2YXJpYW50ID0gaW5wdXQ8QnV0dG9uVmFyaWFudD4oXCJwcmltYXJ5XCIpO1xuICByZWFkb25seSB0eXBlID0gaW5wdXQ8QnV0dG9uVHlwZT4oXCJidXR0b25cIik7XG4gIHJlYWRvbmx5IGNvbXBhY3RTcGFjaW5nID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICByZWFkb25seSBhcmlhTGFiZWwgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IGFyaWFMYWJlbGxlZEJ5ID0gaW5wdXQ8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICByZWFkb25seSBzZWxlY3RlZCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcblxuICByZWFkb25seSBjbGljayA9IG91dHB1dDx2b2lkPigpO1xuXG4gIG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQgfCBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5jbGljay5lbWl0KCk7XG4gIH1cblxuICByZWFkb25seSBidXR0b25JY29uU2l6ZSA9IGNvbXB1dGVkKCgpID0+IGJ1dHRvbkljb25TaXplW3RoaXMuc2l6ZSgpXSk7XG59XG4iLCI8cnRlLWljb24tYnV0dG9uIFxuICBbc2l6ZV09XCJzaXplKClcIiBcbiAgW25hbWVdPVwibmFtZSgpXCIgXG4gIFtjb21wYWN0U3BhY2luZ109XCJjb21wYWN0U3BhY2luZygpXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkKClcIlxuICBbYXJpYUxhYmVsXT1cImFyaWFMYWJlbCgpXCJcbiAgW2FyaWFMYWJlbGxlZEJ5XT1cImFyaWFMYWJlbGxlZEJ5KClcIlxuICBbdHlwZV09XCJ0eXBlKClcIlxuICBbdmFyaWFudF09XCJ2YXJpYW50KClcIlxuICBbYXBwZWFyYW5jZV09XCJzZWxlY3RlZCgpID8gJ2ZpbGxlZCcgOiAnb3V0bGluZWQnXCJcbiAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4vPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24tdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ljb24tYnV0dG9uLXRvZ2dsZS9pY29uLWJ1dHRvbi10b2dnbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaWNvbi1idXR0b24tdG9nZ2xlL2ljb24tYnV0dG9uLXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHcEcsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBFQUEwRSxDQUFDO0FBRzFHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOztBQVMzRSxNQUFNLE9BQU8seUJBQXlCO0lBUHRDO1FBUVcsYUFBUSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUNqQyxTQUFJLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBeUMsQ0FBQztRQUMvRCxTQUFJLEdBQUcsS0FBSyxDQUFhLEdBQUcsQ0FBQyxDQUFDO1FBQzlCLFlBQU8sR0FBRyxLQUFLLENBQWdCLFNBQVMsQ0FBQyxDQUFDO1FBQzFDLFNBQUksR0FBRyxLQUFLLENBQWEsUUFBUSxDQUFDLENBQUM7UUFDbkMsbUJBQWMsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDdkMsY0FBUyxHQUFHLEtBQUssRUFBc0IsQ0FBQztRQUN4QyxtQkFBYyxHQUFHLEtBQUssRUFBc0IsQ0FBQztRQUU3QyxhQUFRLEdBQUcsS0FBSyxFQUF1QixDQUFDO1FBRXhDLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVqQyxvQkFBZSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUV4QyxpQkFBWSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUssU0FBUyxDQUFDLENBQUM7UUFFN0QsVUFBSyxHQUFHLE1BQU0sRUFBOEIsQ0FBQztRQUU3QyxlQUFVLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNsQyxPQUFPLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUN6RSxDQUFDLENBQUMsQ0FBQztRQWNNLG1CQUFjLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO0tBQ3ZFO0lBYlMsMkJBQTJCO1FBQ2pDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFRCxPQUFPLENBQUMsS0FBaUM7UUFDdkMsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsMkJBQTJCLEVBQUUsQ0FBQztRQUNyQyxDQUFDO0lBQ0gsQ0FBQzsrR0FsQ1UseUJBQXlCO21HQUF6Qix5QkFBeUIseTVDQ2hCdEMseVZBV0UsMkNEQVUsWUFBWSwrQkFBRSxtQkFBbUI7OzRGQUtoQyx5QkFBeUI7a0JBUHJDLFNBQVM7K0JBQ0Usd0JBQXdCLFdBQ3pCLENBQUMsWUFBWSxFQUFFLG1CQUFtQixDQUFDLGNBQ2hDLElBQUksbUJBRUMsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCwgb3V0cHV0LCBzaWduYWwgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQnV0dG9uVHlwZSB9IGZyb20gXCJAZGVzaWduLXN5c3RlbS1ydGUvY29yZS9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBCdXR0b25TaXplLCBCdXR0b25WYXJpYW50IH0gZnJvbSBcIkBkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2NvbW1vbi9jb21tb24tYnV0dG9uXCI7XG5pbXBvcnQgeyBidXR0b25JY29uU2l6ZSB9IGZyb20gXCJAZGVzaWduLXN5c3RlbS1ydGUvY29yZS9jb21wb25lbnRzL2J1dHRvbi9jb21tb24vY29tbW9uLWJ1dHRvbi5jb25zdGFudHNcIjtcblxuaW1wb3J0IHsgUmVndWxhckljb25JZEtleSwgVG9nZ2xhYmxlSWNvbklkS2V5IH0gZnJvbSBcIi4uL2ljb24vaWNvbi5zZXJ2aWNlXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwicnRlLWljb24tYnV0dG9uLXRvZ2dsZVwiLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJY29uQnV0dG9uQ29tcG9uZW50XSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6IFwiLi9pY29uLWJ1dHRvbi10b2dnbGUuY29tcG9uZW50Lmh0bWxcIixcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEljb25CdXR0b25Ub2dnbGVDb21wb25lbnQge1xuICByZWFkb25seSBkaXNhYmxlZCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcmVhZG9ubHkgbmFtZSA9IGlucHV0LnJlcXVpcmVkPFJlZ3VsYXJJY29uSWRLZXkgfCBUb2dnbGFibGVJY29uSWRLZXk+KCk7XG4gIHJlYWRvbmx5IHNpemUgPSBpbnB1dDxCdXR0b25TaXplPihcIm1cIik7XG4gIHJlYWRvbmx5IHZhcmlhbnQgPSBpbnB1dDxCdXR0b25WYXJpYW50PihcInByaW1hcnlcIik7XG4gIHJlYWRvbmx5IHR5cGUgPSBpbnB1dDxCdXR0b25UeXBlPihcImJ1dHRvblwiKTtcbiAgcmVhZG9ubHkgY29tcGFjdFNwYWNpbmcgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IGFyaWFMYWJlbCA9IGlucHV0PHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcbiAgcmVhZG9ubHkgYXJpYUxhYmVsbGVkQnkgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG5cbiAgcmVhZG9ubHkgc2VsZWN0ZWQgPSBpbnB1dDxib29sZWFuIHwgdW5kZWZpbmVkPigpO1xuXG4gIHJlYWRvbmx5IGludGVybmFsU2VsZWN0ZWQgPSBzaWduYWwoZmFsc2UpO1xuXG4gIHJlYWRvbmx5IGRlZmF1bHRTZWxlY3RlZCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcblxuICByZWFkb25seSBpc0NvbnRyb2xsZWQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnNlbGVjdGVkKCkgIT09IHVuZGVmaW5lZCk7XG5cbiAgcmVhZG9ubHkgY2xpY2sgPSBvdXRwdXQ8TW91c2VFdmVudCB8IEtleWJvYXJkRXZlbnQ+KCk7XG5cbiAgcmVhZG9ubHkgaXNTZWxlY3RlZCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICByZXR1cm4gdGhpcy5pc0NvbnRyb2xsZWQoKSA/IHRoaXMuc2VsZWN0ZWQoKSA6IHRoaXMuaW50ZXJuYWxTZWxlY3RlZCgpO1xuICB9KTtcblxuICBwcml2YXRlIHRvZ2dsZUludGVybmFsU2VsZWN0ZWRTdGF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmludGVybmFsU2VsZWN0ZWQuc2V0KCF0aGlzLmludGVybmFsU2VsZWN0ZWQoKSk7XG4gIH1cblxuICBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50IHwgS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuY2xpY2suZW1pdChldmVudCk7XG4gICAgaWYgKCF0aGlzLmlzQ29udHJvbGxlZCgpKSB7XG4gICAgICB0aGlzLnRvZ2dsZUludGVybmFsU2VsZWN0ZWRTdGF0ZSgpO1xuICAgIH1cbiAgfVxuXG4gIHJlYWRvbmx5IGJ1dHRvbkljb25TaXplID0gY29tcHV0ZWQoKCkgPT4gYnV0dG9uSWNvblNpemVbdGhpcy5zaXplKCldKTtcbn1cbiIsIjxydGUtaWNvbi1idXR0b24gXG4gIFtzaXplXT1cInNpemUoKVwiIFxuICBbbmFtZV09XCJuYW1lKClcIiBcbiAgW2NvbXBhY3RTcGFjaW5nXT1cImNvbXBhY3RTcGFjaW5nKClcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gIFthcmlhTGFiZWxdPVwiYXJpYUxhYmVsKClcIlxuICBbYXJpYUxhYmVsbGVkQnldPVwiYXJpYUxhYmVsbGVkQnkoKVwiXG4gIFt0eXBlXT1cInR5cGUoKVwiXG4gIFt2YXJpYW50XT1cInZhcmlhbnQoKVwiXG4gIFthcHBlYXJhbmNlXT1cImlzU2VsZWN0ZWQoKSA/ICdmaWxsZWQnIDogJ291dGxpbmVkJ1wiXG4gIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuLz4iXX0=

package/esm2022/lib/components/text-input/text-input.component.mjs

@@ -0,0 +1,106 @@
+import { CommonModule } from "@angular/common";
+import { ChangeDetectionStrategy, Component, input, output, signal, computed, effect } from "@angular/core";
+import { IconComponent } from "../icon/icon.component";
+import { IconButtonComponent } from "../icon-button/icon-button.component";
+import { LinkComponent } from "../link/link.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class TextInputComponent {
+    constructor() {
+        this.label = input("");
+        this.labelPosition = input("top");
+        this.required = input(false);
+        this.showCounter = input(false);
+        this.value = input("");
+        this.internalValue = signal(this.value());
+        this.leftIcon = input(null);
+        this.showRightIcon = input(true);
+        this.rightIconAction = input("clean");
+        this.showLabelRequirement = input(false);
+        this.assistiveAppearance = input("description");
+        this.showAssistiveIcon = input(false);
+        this.assistiveTextLabel = input("");
+        this.error = input(false);
+        this.maxLength = input(150);
+        this.disabled = input(false);
+        this.readOnly = input(false);
+        this.width = input("300px");
+        this.ariaLabel = input("");
+        this.ariaRequired = input(false);
+        this.ariaLabelledby = input("");
+        this.valueChange = output();
+        this.rightIconClick = output();
+        this.characterCount = signal(this.internalValue().length);
+        this.isHiddenInput = signal(this.showRightIcon() && this.rightIconAction() === "visibilityOn");
+        this.displayedLeftIcon = computed(() => (this.error() ? "error" : this.leftIcon()));
+        this.displayCounter = computed(() => this.showCounter() && typeof this.maxLength() === "number");
+        this.rightIconName = computed(() => {
+            if (["visibilityOn", "visibilityOff"].includes(this.rightIconAction())) {
+                return this.isHiddenInput() ? "visibility-show" : "visibility-hide";
+            }
+            else if (this.rightIconAction() === "clean") {
+                return "close";
+            }
+            return "";
+        });
+        this.rightIconAriaLabel = computed(() => {
+            if (["visibilityOn", "visibilityOff"].includes(this.rightIconAction())) {
+                return this.isHiddenInput() ? "show text" : "hide text";
+            }
+            else if (this.rightIconAction() === "clean") {
+                return "clear";
+            }
+            return "";
+        });
+        this.shouldShowRightIcon = computed(() => {
+            if (this.readOnly() || this.disabled()) {
+                return false;
+            }
+            if (this.rightIconAction() === "clean") {
+                return !!this.internalValue()?.length && this.showRightIcon();
+            }
+            return this.showRightIcon() && !!this.rightIconAction();
+        });
+        this.lastParentValue = this.value();
+        effect(() => {
+            const parentValue = this.value();
+            if (parentValue !== this.lastParentValue) {
+                this.lastParentValue = parentValue;
+                this.internalValue.set(parentValue);
+            }
+        }, { allowSignalWrites: true });
+    }
+    handleChange(event) {
+        const input = event.target;
+        this.internalValue.set(input.value);
+        this.valueChange.emit(input.value);
+        if (this.maxLength()) {
+            this.characterCount.set(input.value.length);
+        }
+        this.valueChange.emit(input.value);
+    }
+    onRightIconClickHandler() {
+        this.rightIconClick.emit();
+        this.triggerRightIconAction();
+    }
+    toggleInputVisibility() {
+        this.isHiddenInput.set(!this.isHiddenInput());
+    }
+    triggerRightIconAction() {
+        if (this.rightIconAction() === "clean") {
+            this.internalValue.set("");
+            this.valueChange.emit("");
+            this.characterCount.set(0);
+        }
+        if (["visibilityOn", "visibilityOff"].includes(this.rightIconAction())) {
+            this.toggleInputVisibility();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: TextInputComponent, isStandalone: true, selector: "rte-text-input", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, showCounter: { classPropertyName: "showCounter", publicName: "showCounter", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", isSignal: true, isRequired: false, transformFunction: null }, showRightIcon: { classPropertyName: "showRightIcon", publicName: "showRightIcon", isSignal: true, isRequired: false, transformFunction: null }, rightIconAction: { classPropertyName: "rightIconAction", publicName: "rightIconAction", isSignal: true, isRequired: false, transformFunction: null }, showLabelRequirement: { classPropertyName: "showLabelRequirement", publicName: "showLabelRequirement", isSignal: true, isRequired: false, transformFunction: null }, assistiveAppearance: { classPropertyName: "assistiveAppearance", publicName: "assistiveAppearance", isSignal: true, isRequired: false, transformFunction: null }, showAssistiveIcon: { classPropertyName: "showAssistiveIcon", publicName: "showAssistiveIcon", isSignal: true, isRequired: false, transformFunction: null }, assistiveTextLabel: { classPropertyName: "assistiveTextLabel", publicName: "assistiveTextLabel", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaRequired: { classPropertyName: "ariaRequired", publicName: "ariaRequired", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", rightIconClick: "rightIconClick" }, ngImport: i0, template: "<div\n  class=\"container {{labelPosition()}}\"\n  [ngClass]=\"{'error': error()}\"\n  [style.width]=\"width()\"\n>\n  <ng-container *ngIf=\"label()\">\n    <div class=\"text\">\n      <div class=\"label-container\">\n        <label class=\"input-label\" id=\"inputLabel\">\n          {{ label() }}\n        </label>\n        <ng-container *ngIf=\"required()\">\n          <ng-container *ngIf=\"showLabelRequirement(); else requiredIcon\">\n            <span class=\"required-text\">(obligatoire)</span>\n          </ng-container>\n          <ng-template #requiredIcon>\n            <span class=\"required-icon-container\">\n              <rte-icon name=\"asterisk\" [size]=\"8\" />\n            </span>\n          </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!required() && showLabelRequirement()\">\n          <span class=\"required-text\">(optionnel)</span>\n        </ng-container>\n      </div>\n      <ng-container *ngIf=\"displayCounter() && labelPosition() === 'top'\">\n        <p class=\"input-counter\" data-testid=\"input-counter\">\n          {{ characterCount() }}/{{ maxLength() }}\n        </p>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div class=\"input-container\">\n    <div\n      class=\"input {{labelPosition()}}\"\n      [ngClass]=\"{'disabled': disabled(), 'read-only': readOnly()}\"\n    >\n      <div class=\"input-bar\" [ngClass]=\"{'with-left-icon': displayedLeftIcon(), 'with-right-icon': rightIconAction()}\">\n        <ng-container *ngIf=\"displayedLeftIcon()\">\n          <rte-icon\n            appearance=\"outlined\"\n            class=\"left-icon\"\n            aria-hidden=\"true\"\n            [name]=\"displayedLeftIcon()!\"\n          />\n        </ng-container>\n\n        <input\n          #inputRef\n          class=\"input-field\"\n          [ngClass]=\"{'error': error()}\"\n          [attr.aria-label]=\"ariaLabel()\"\n          [attr.aria-labelledby]=\"ariaLabelledby()\"\n          [attr.aria-required]=\"ariaRequired()\"\n          [type]=\"isHiddenInput() ? 'password' : 'text'\"\n          [maxLength]=\"maxLength()\"\n          [disabled]=\"disabled()\"\n          [readOnly]=\"readOnly()\"\n          [value]=\"internalValue()\"\n          (input)=\"handleChange($event)\"\n        />\n\n        <ng-container *ngIf=\"shouldShowRightIcon()\">\n          <rte-icon-button\n            appearance=\"outlined\"\n            variant=\"transparent\"\n            class=\"right-icon\"\n            data-testid=\"right-icon\"\n            [name]=\"rightIconName() || 'close'\"\n            [ariaLabel]=\"rightIconAriaLabel()\"\n            (click)=\"onRightIconClickHandler()\"\n          />\n        </ng-container>\n      </div>\n    </div>\n\n    <ng-container *ngIf=\"assistiveTextLabel()\">\n      <div class=\"assistive-text\">\n        <ng-container *ngIf=\"showAssistiveIcon() && assistiveAppearance() === 'error'\">\n          <rte-icon name=\"error\" appearance=\"outlined\" class=\"assistive-icon-error\" [size]=\"12\" />\n        </ng-container>\n        <ng-container *ngIf=\"showAssistiveIcon() && assistiveAppearance() === 'success'\">\n          <rte-icon name=\"check\" appearance=\"outlined\" class=\"assistive-icon-success\" [size]=\"12\" />\n        </ng-container>\n        <ng-container *ngIf=\"assistiveAppearance() === 'link'; else assistiveLabel\">\n          <rte-link [label]=\"assistiveTextLabel()\" />\n        </ng-container>\n        <ng-template #assistiveLabel>\n          <p class=\"assistive-label\" [ngClass]=\"assistiveAppearance()\">\n            {{ assistiveTextLabel() }}\n          </p>\n        </ng-template>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-container *ngIf=\"displayCounter() && labelPosition() === 'side'\">\n    <p class=\"input-counter\" data-testid=\"input-counter\">\n      {{ characterCount() }}/{{ maxLength() }}\n    </p>\n  </ng-container>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.container{display:flex;width:300px;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px}.container.side{align-items:center;flex-direction:row}.container.side .text{width:auto;align-items:center}.container.side .input-counter{padding:0 8px}.container.error .input-container .input .input-bar .left-icon{color:var(--content-danger)}.container .text{width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;padding:2px 8px;box-sizing:border-box}.container .text .label-container{display:flex;align-items:flex-start}.container .text .label-container .input-label{color:var(--content-secondary);font-family:Arial;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}.container .text .label-container .required-text{color:var(--content-tertiary);align-self:center;font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px;margin-block:0px;margin-inline:4px}.container .text .label-container .required-icon-container{color:var(--content-danger);display:flex;align-items:center;justify-content:center;margin-inline:4px}.container .input-container{display:flex;flex-direction:column;height:32px;width:100%;min-width:48px;min-height:32px;max-height:32px;align-self:stretch}.container .input-container .input .input-bar{position:relative;display:flex;align-items:center}.container .input-container .input .input-bar.with-left-icon .input-field{padding-left:32px}.container .input-container .input .input-bar.with-right-icon .input-field{padding-right:32px}.container .input-container .input .input-bar .left-icon{position:absolute;left:8px;color:var(--content-secondary)}.container .input-container .input .input-bar .right-icon{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;color:var(--content-secondary)}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button{color:var(--content-secondary);height:24px;width:24px;padding:0 2px}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus{outline:none}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus-visible{outline:1px solid var(--border-brand-focused);border-radius:8px}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus-visible:after{display:none}.container .input-container .input .input-bar .input-field{box-sizing:border-box;appearance:none;width:100%;height:32px;min-width:48px;max-height:32px;border-radius:4px;border:1px solid var(--border-secondary);padding:4px 16px;background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%),var(--background-default);transition:border .2s,outline .2s;color:var(--content-primary);box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key)}.container .input-container .input .input-bar .input-field:hover{outline:1px solid var(--border-primary);border-color:var(--border-primary)}.container .input-container .input .input-bar .input-field:focus{outline:1px solid var(--border-brand-default);border-color:var(--border-brand-default)}.container .input-container .input .input-bar .input-field:active{outline:1px solid var(--border-brand-default);border-color:var(--border-brand-default)}.container .input-container .input .input-bar .input-field:disabled,.container .input-container .input .input-bar .input-field:read-only{outline:1px solid var(--border-brand-disabled);border-color:var(--border-disabled);background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%),var(--background-disabled);cursor:not-allowed}.container .input-container .input .input-bar .input-field.error{outline:1px solid var(--border-danger);border-color:var(--border-danger)}.container .input-container .assistive-text{display:flex;align-items:center;gap:4px;padding:4px 8px}.container .input-container .assistive-text .assistive-icon-error{color:var(--content-danger)}.container .input-container .assistive-text .assistive-icon-success{color:var(--content-success)}.container .input-container .assistive-text .assistive-label{transition:color .2s}.container .input-container .assistive-text .assistive-label.error{color:var(--content-danger);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.container .input-container .assistive-text .assistive-label.success{color:var(--content-success);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.container .input-container .assistive-text .assistive-label.description{color:var(--content-tertiary);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.input-counter{color:var(--content-tertiary);font-family:Arial;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px;margin-block:0px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "rte-icon", inputs: ["name", "size", "color", "classes", "appearance"] }, { kind: "component", type: IconButtonComponent, selector: "rte-icon-button", inputs: ["disabled", "name", "size", "variant", "type", "appearance", "compactSpacing", "ariaLabel", "ariaLabelledBy"], outputs: ["click"] }, { kind: "component", type: LinkComponent, selector: "rte-link", inputs: ["label", "href", "subtle", "externalLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rte-text-input", imports: [CommonModule, IconComponent, IconButtonComponent, LinkComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"container {{labelPosition()}}\"\n  [ngClass]=\"{'error': error()}\"\n  [style.width]=\"width()\"\n>\n  <ng-container *ngIf=\"label()\">\n    <div class=\"text\">\n      <div class=\"label-container\">\n        <label class=\"input-label\" id=\"inputLabel\">\n          {{ label() }}\n        </label>\n        <ng-container *ngIf=\"required()\">\n          <ng-container *ngIf=\"showLabelRequirement(); else requiredIcon\">\n            <span class=\"required-text\">(obligatoire)</span>\n          </ng-container>\n          <ng-template #requiredIcon>\n            <span class=\"required-icon-container\">\n              <rte-icon name=\"asterisk\" [size]=\"8\" />\n            </span>\n          </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!required() && showLabelRequirement()\">\n          <span class=\"required-text\">(optionnel)</span>\n        </ng-container>\n      </div>\n      <ng-container *ngIf=\"displayCounter() && labelPosition() === 'top'\">\n        <p class=\"input-counter\" data-testid=\"input-counter\">\n          {{ characterCount() }}/{{ maxLength() }}\n        </p>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div class=\"input-container\">\n    <div\n      class=\"input {{labelPosition()}}\"\n      [ngClass]=\"{'disabled': disabled(), 'read-only': readOnly()}\"\n    >\n      <div class=\"input-bar\" [ngClass]=\"{'with-left-icon': displayedLeftIcon(), 'with-right-icon': rightIconAction()}\">\n        <ng-container *ngIf=\"displayedLeftIcon()\">\n          <rte-icon\n            appearance=\"outlined\"\n            class=\"left-icon\"\n            aria-hidden=\"true\"\n            [name]=\"displayedLeftIcon()!\"\n          />\n        </ng-container>\n\n        <input\n          #inputRef\n          class=\"input-field\"\n          [ngClass]=\"{'error': error()}\"\n          [attr.aria-label]=\"ariaLabel()\"\n          [attr.aria-labelledby]=\"ariaLabelledby()\"\n          [attr.aria-required]=\"ariaRequired()\"\n          [type]=\"isHiddenInput() ? 'password' : 'text'\"\n          [maxLength]=\"maxLength()\"\n          [disabled]=\"disabled()\"\n          [readOnly]=\"readOnly()\"\n          [value]=\"internalValue()\"\n          (input)=\"handleChange($event)\"\n        />\n\n        <ng-container *ngIf=\"shouldShowRightIcon()\">\n          <rte-icon-button\n            appearance=\"outlined\"\n            variant=\"transparent\"\n            class=\"right-icon\"\n            data-testid=\"right-icon\"\n            [name]=\"rightIconName() || 'close'\"\n            [ariaLabel]=\"rightIconAriaLabel()\"\n            (click)=\"onRightIconClickHandler()\"\n          />\n        </ng-container>\n      </div>\n    </div>\n\n    <ng-container *ngIf=\"assistiveTextLabel()\">\n      <div class=\"assistive-text\">\n        <ng-container *ngIf=\"showAssistiveIcon() && assistiveAppearance() === 'error'\">\n          <rte-icon name=\"error\" appearance=\"outlined\" class=\"assistive-icon-error\" [size]=\"12\" />\n        </ng-container>\n        <ng-container *ngIf=\"showAssistiveIcon() && assistiveAppearance() === 'success'\">\n          <rte-icon name=\"check\" appearance=\"outlined\" class=\"assistive-icon-success\" [size]=\"12\" />\n        </ng-container>\n        <ng-container *ngIf=\"assistiveAppearance() === 'link'; else assistiveLabel\">\n          <rte-link [label]=\"assistiveTextLabel()\" />\n        </ng-container>\n        <ng-template #assistiveLabel>\n          <p class=\"assistive-label\" [ngClass]=\"assistiveAppearance()\">\n            {{ assistiveTextLabel() }}\n          </p>\n        </ng-template>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-container *ngIf=\"displayCounter() && labelPosition() === 'side'\">\n    <p class=\"input-counter\" data-testid=\"input-counter\">\n      {{ characterCount() }}/{{ maxLength() }}\n    </p>\n  </ng-container>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.container{display:flex;width:300px;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px}.container.side{align-items:center;flex-direction:row}.container.side .text{width:auto;align-items:center}.container.side .input-counter{padding:0 8px}.container.error .input-container .input .input-bar .left-icon{color:var(--content-danger)}.container .text{width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;padding:2px 8px;box-sizing:border-box}.container .text .label-container{display:flex;align-items:flex-start}.container .text .label-container .input-label{color:var(--content-secondary);font-family:Arial;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}.container .text .label-container .required-text{color:var(--content-tertiary);align-self:center;font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px;margin-block:0px;margin-inline:4px}.container .text .label-container .required-icon-container{color:var(--content-danger);display:flex;align-items:center;justify-content:center;margin-inline:4px}.container .input-container{display:flex;flex-direction:column;height:32px;width:100%;min-width:48px;min-height:32px;max-height:32px;align-self:stretch}.container .input-container .input .input-bar{position:relative;display:flex;align-items:center}.container .input-container .input .input-bar.with-left-icon .input-field{padding-left:32px}.container .input-container .input .input-bar.with-right-icon .input-field{padding-right:32px}.container .input-container .input .input-bar .left-icon{position:absolute;left:8px;color:var(--content-secondary)}.container .input-container .input .input-bar .right-icon{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;color:var(--content-secondary)}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button{color:var(--content-secondary);height:24px;width:24px;padding:0 2px}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus{outline:none}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus-visible{outline:1px solid var(--border-brand-focused);border-radius:8px}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus-visible:after{display:none}.container .input-container .input .input-bar .input-field{box-sizing:border-box;appearance:none;width:100%;height:32px;min-width:48px;max-height:32px;border-radius:4px;border:1px solid var(--border-secondary);padding:4px 16px;background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%),var(--background-default);transition:border .2s,outline .2s;color:var(--content-primary);box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key)}.container .input-container .input .input-bar .input-field:hover{outline:1px solid var(--border-primary);border-color:var(--border-primary)}.container .input-container .input .input-bar .input-field:focus{outline:1px solid var(--border-brand-default);border-color:var(--border-brand-default)}.container .input-container .input .input-bar .input-field:active{outline:1px solid var(--border-brand-default);border-color:var(--border-brand-default)}.container .input-container .input .input-bar .input-field:disabled,.container .input-container .input .input-bar .input-field:read-only{outline:1px solid var(--border-brand-disabled);border-color:var(--border-disabled);background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%),var(--background-disabled);cursor:not-allowed}.container .input-container .input .input-bar .input-field.error{outline:1px solid var(--border-danger);border-color:var(--border-danger)}.container .input-container .assistive-text{display:flex;align-items:center;gap:4px;padding:4px 8px}.container .input-container .assistive-text .assistive-icon-error{color:var(--content-danger)}.container .input-container .assistive-text .assistive-icon-success{color:var(--content-success)}.container .input-container .assistive-text .assistive-label{transition:color .2s}.container .input-container .assistive-text .assistive-label.error{color:var(--content-danger);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.container .input-container .assistive-text .assistive-label.success{color:var(--content-success);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.container .input-container .assistive-text .assistive-label.description{color:var(--content-tertiary);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.input-counter{color:var(--content-tertiary);font-family:Arial;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px;margin-block:0px}\n"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1ydGUtbGliL3NyYy9saWIvY29tcG9uZW50cy90ZXh0LWlucHV0L3RleHQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvdGV4dC1pbnB1dC90ZXh0LWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBVXZELE1BQU0sT0FBTyxrQkFBa0I7SUE4RDdCO1FBN0RTLFVBQUssR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDMUIsa0JBQWEsR0FBRyxLQUFLLENBQWlCLEtBQUssQ0FBQyxDQUFDO1FBQzdDLGFBQVEsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDakMsZ0JBQVcsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDcEMsVUFBSyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUMxQixrQkFBYSxHQUFHLE1BQU0sQ0FBUyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUM3QyxhQUFRLEdBQUcsS0FBSyxDQUErQyxJQUFJLENBQUMsQ0FB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WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbnB1dCwgb3V0cHV0LCBzaWduYWwsIGNvbXB1dGVkLCBlZmZlY3QgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24vaWNvbi5jb21wb25lbnRcIjtcbmltcG9ydCB7IFJlZ3VsYXJJY29uSWRLZXksIFRvZ2dsYWJsZUljb25JZEtleSB9IGZyb20gXCIuLi9pY29uL2ljb24uc2VydmljZVwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnRcIjtcbmltcG9ydCB7IExpbmtDb21wb25lbnQgfSBmcm9tIFwiLi4vbGluay9saW5rLmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwicnRlLXRleHQtaW5wdXRcIixcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbkNvbXBvbmVudCwgSWNvbkJ1dHRvbkNvbXBvbmVudCwgTGlua0NvbXBvbmVudF0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiBcIi4vdGV4dC1pbnB1dC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybDogXCIuL3RleHQtaW5wdXQuY29tcG9uZW50LnNjc3NcIixcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRleHRJbnB1dENvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGxhYmVsID0gaW5wdXQ8c3RyaW5nPihcIlwiKTtcbiAgcmVhZG9ubHkgbGFiZWxQb3NpdGlvbiA9IGlucHV0PFwidG9wXCIgfCBcInNpZGVcIj4oXCJ0b3BcIik7XG4gIHJlYWRvbmx5IHJlcXVpcmVkID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICByZWFkb25seSBzaG93Q291bnRlciA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcmVhZG9ubHkgdmFsdWUgPSBpbnB1dDxzdHJpbmc+KFwiXCIpO1xuICByZWFkb25seSBpbnRlcm5hbFZhbHVlID0gc2lnbmFsPHN0cmluZz4odGhpcy52YWx1ZSgpKTtcbiAgcmVhZG9ubHkgbGVmdEljb24gPSBpbnB1dDxSZWd1bGFySWNvbklkS2V5IHwgVG9nZ2xhYmxlSWNvbklkS2V5IHwgbnVsbD4obnVsbCk7XG4gIHJlYWRvbmx5IHNob3dSaWdodEljb24gPSBpbnB1dDxib29sZWFuPih0cnVlKTtcbiAgcmVhZG9ubHkgcmlnaHRJY29uQWN0aW9uID0gaW5wdXQ8XCJjbGVhblwiIHwgXCJ2aXNpYmlsaXR5T25cIiB8IFwidmlzaWJpbGl0eU9mZlwiPihcImNsZWFuXCIpO1xuICByZWFkb25seSBzaG93TGFiZWxSZXF1aXJlbWVudCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcmVhZG9ubHkgYXNzaXN0aXZlQXBwZWFyYW5jZSA9IGlucHV0PFwiZGVzY3JpcHRpb25cIiB8IFwiZXJyb3JcIiB8IFwic3VjY2Vzc1wiIHwgXCJsaW5rXCI+KFwiZGVzY3JpcHRpb25cIik7XG4gIHJlYWRvbmx5IHNob3dBc3Npc3RpdmVJY29uID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICByZWFkb25seSBhc3Npc3RpdmVUZXh0TGFiZWwgPSBpbnB1dDxzdHJpbmc+KFwiXCIpO1xuICByZWFkb25seSBlcnJvciA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcmVhZG9ubHkgbWF4TGVuZ3RoID0gaW5wdXQ8bnVtYmVyPigxNTApO1xuICByZWFkb25seSBkaXNhYmxlZCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcmVhZG9ubHkgcmVhZE9ubHkgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IHdpZHRoID0gaW5wdXQ8c3RyaW5nPihcIjMwMHB4XCIpO1xuICByZWFkb25seSBhcmlhTGFiZWwgPSBpbnB1dDxzdHJpbmc+KFwiXCIpO1xuICByZWFkb25seSBhcmlhUmVxdWlyZWQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IGFyaWFMYWJlbGxlZGJ5ID0gaW5wdXQ8c3RyaW5nPihcIlwiKTtcblxuICByZWFkb25seSB2YWx1ZUNoYW5nZSA9IG91dHB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IHJpZ2h0SWNvbkNsaWNrID0gb3V0cHV0PHZvaWQ+KCk7XG5cbiAgcmVhZG9ubHkgY2hhcmFjdGVyQ291bnQgPSBzaWduYWw8bnVtYmVyPih0aGlzLmludGVybmFsVmFsdWUoKS5sZW5ndGgpO1xuICByZWFkb25seSBpc0hpZGRlbklucHV0ID0gc2lnbmFsPGJvb2xlYW4+KHRoaXMuc2hvd1JpZ2h0SWNvbigpICYmIHRoaXMucmlnaHRJY29uQWN0aW9uKCkgPT09IFwidmlzaWJpbGl0eU9uXCIpO1xuICByZWFkb25seSBkaXNwbGF5ZWRMZWZ0SWNvbiA9IGNvbXB1dGVkKCgpID0+ICh0aGlzLmVycm9yKCkgPyBcImVycm9yXCIgOiB0aGlzLmxlZnRJY29uKCkpKTtcblxuICByZWFkb25seSBkaXNwbGF5Q291bnRlciA9IGNvbXB1dGVkKCgpID0+IHRoaXMuc2hvd0NvdW50ZXIoKSAmJiB0eXBlb2YgdGhpcy5tYXhMZW5ndGgoKSA9PT0gXCJudW1iZXJcIik7XG5cbiAgcmVhZG9ubHkgcmlnaHRJY29uTmFtZSA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBpZiAoW1widmlzaWJpbGl0eU9uXCIsIFwidmlzaWJpbGl0eU9mZlwiXS5pbmNsdWRlcyh0aGlzLnJpZ2h0SWNvbkFjdGlvbigpKSkge1xuICAgICAgcmV0dXJuIHRoaXMuaXNIaWRkZW5JbnB1dCgpID8gXCJ2aXNpYmlsaXR5LXNob3dcIiA6IFwidmlzaWJpbGl0eS1oaWRlXCI7XG4gICAgfSBlbHNlIGlmICh0aGlzLnJpZ2h0SWNvbkFjdGlvbigpID09PSBcImNsZWFuXCIpIHtcbiAgICAgIHJldHVybiBcImNsb3NlXCI7XG4gICAgfVxuICAgIHJldHVybiBcIlwiO1xuICB9KTtcblxuICByZWFkb25seSByaWdodEljb25BcmlhTGFiZWwgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgaWYgKFtcInZpc2liaWxpdHlPblwiLCBcInZpc2liaWxpdHlPZmZcIl0uaW5jbHVkZXModGhpcy5yaWdodEljb25BY3Rpb24oKSkpIHtcbiAgICAgIHJldHVybiB0aGlzLmlzSGlkZGVuSW5wdXQoKSA/IFwic2hvdyB0ZXh0XCIgOiBcImhpZGUgdGV4dFwiO1xuICAgIH0gZWxzZSBpZiAodGhpcy5yaWdodEljb25BY3Rpb24oKSA9PT0gXCJjbGVhblwiKSB7XG4gICAgICByZXR1cm4gXCJjbGVhclwiO1xuICAgIH1cbiAgICByZXR1cm4gXCJcIjtcbiAgfSk7XG5cbiAgcmVhZG9ubHkgc2hvdWxkU2hvd1JpZ2h0SWNvbiA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBpZiAodGhpcy5yZWFkT25seSgpIHx8IHRoaXMuZGlzYWJsZWQoKSkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICBpZiAodGhpcy5yaWdodEljb25BY3Rpb24oKSA9PT0gXCJjbGVhblwiKSB7XG4gICAgICByZXR1cm4gISF0aGlzLmludGVybmFsVmFsdWUoKT8ubGVuZ3RoICYmIHRoaXMuc2hvd1JpZ2h0SWNvbigpO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5zaG93UmlnaHRJY29uKCkgJiYgISF0aGlzLnJpZ2h0SWNvbkFjdGlvbigpO1xuICB9KTtcblxuICBwcml2YXRlIGxhc3RQYXJlbnRWYWx1ZSA9IHRoaXMudmFsdWUoKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoXG4gICAgICAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHBhcmVudFZhbHVlID0gdGhpcy52YWx1ZSgpO1xuICAgICAgICBpZiAocGFyZW50VmFsdWUgIT09IHRoaXMubGFzdFBhcmVudFZhbHVlKSB7XG4gICAgICAgICAgdGhpcy5sYXN0UGFyZW50VmFsdWUgPSBwYXJlbnRWYWx1ZTtcbiAgICAgICAgICB0aGlzLmludGVybmFsVmFsdWUuc2V0KHBhcmVudFZhbHVlKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIHsgYWxsb3dTaWduYWxXcml0ZXM6IHRydWUgfSxcbiAgICApO1xuICB9XG5cbiAgaGFuZGxlQ2hhbmdlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy5pbnRlcm5hbFZhbHVlLnNldChpbnB1dC52YWx1ZSk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KGlucHV0LnZhbHVlKTtcbiAgICBpZiAodGhpcy5tYXhMZW5ndGgoKSkge1xuICAgICAgdGhpcy5jaGFyYWN0ZXJDb3VudC5zZXQoaW5wdXQudmFsdWUubGVuZ3RoKTtcbiAgICB9XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KGlucHV0LnZhbHVlKTtcbiAgfVxuXG4gIG9uUmlnaHRJY29uQ2xpY2tIYW5kbGVyKCk6IHZvaWQge1xuICAgIHRoaXMucmlnaHRJY29uQ2xpY2suZW1pdCgpO1xuICAgIHRoaXMudHJpZ2dlclJpZ2h0SWNvbkFjdGlvbigpO1xuICB9XG5cbiAgcHJpdmF0ZSB0b2dnbGVJbnB1dFZpc2liaWxpdHkoKTogdm9pZCB7XG4gICAgdGhpcy5pc0hpZGRlbklucHV0LnNldCghdGhpcy5pc0hpZGRlbklucHV0KCkpO1xuICB9XG5cbiAgcHJpdmF0ZSB0cmlnZ2VyUmlnaHRJY29uQWN0aW9uKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnJpZ2h0SWNvbkFjdGlvbigpID09PSBcImNsZWFuXCIpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxWYWx1ZS5zZXQoXCJcIik7XG4gICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoXCJcIik7XG4gICAgICB0aGlzLmNoYXJhY3RlckNvdW50LnNldCgwKTtcbiAgICB9XG4gICAgaWYgKFtcInZpc2liaWxpdHlPblwiLCBcInZpc2liaWxpdHlPZmZcIl0uaW5jbHVkZXModGhpcy5yaWdodEljb25BY3Rpb24oKSkpIHtcbiAgICAgIHRoaXMudG9nZ2xlSW5wdXRWaXNpYmlsaXR5KCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiY29udGFpbmVyIHt7bGFiZWxQb3NpdGlvbigpfX1cIlxuICBbbmdDbGFzc109XCJ7J2Vycm9yJzogZXJyb3IoKX1cIlxuICBbc3R5bGUud2lkdGhdPVwid2lkdGgoKVwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJsYWJlbCgpXCI+XG4gICAgPGRpdiBjbGFzcz1cInRleHRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJsYWJlbC1jb250YWluZXJcIj5cbiAgICAgICAgPGxhYmVsIGNsYXNzPVwiaW5wdXQtbGFiZWxcIiBpZD1cImlucHV0TGFiZWxcIj5cbiAgICAgICAgICB7eyBsYWJlbCgpIH19XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJyZXF1aXJlZCgpXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dMYWJlbFJlcXVpcmVtZW50KCk7IGVsc2UgcmVxdWlyZWRJY29uXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInJlcXVpcmVkLXRleHRcIj4ob2JsaWdhdG9pcmUpPC9zcGFuPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjcmVxdWlyZWRJY29uPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJyZXF1aXJlZC1pY29uLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICA8cnRlLWljb24gbmFtZT1cImFzdGVyaXNrXCIgW3NpemVdPVwiOFwiIC8+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhcmVxdWlyZWQoKSAmJiBzaG93TGFiZWxSZXF1aXJlbWVudCgpXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJyZXF1aXJlZC10ZXh0XCI+KG9wdGlvbm5lbCk8L3NwYW4+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGlzcGxheUNvdW50ZXIoKSAmJiBsYWJlbFBvc2l0aW9uKCkgPT09ICd0b3AnXCI+XG4gICAgICAgIDxwIGNsYXNzPVwiaW5wdXQtY291bnRlclwiIGRhdGEtdGVzdGlkPVwiaW5wdXQtY291bnRlclwiPlxuICAgICAgICAgIHt7IGNoYXJhY3RlckNvdW50KCkgfX0ve3sgbWF4TGVuZ3RoKCkgfX1cbiAgICAgICAgPC9wPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxkaXYgY2xhc3M9XCJpbnB1dC1jb250YWluZXJcIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImlucHV0IHt7bGFiZWxQb3NpdGlvbigpfX1cIlxuICAgICAgW25nQ2xhc3NdPVwieydkaXNhYmxlZCc6IGRpc2FibGVkKCksICdyZWFkLW9ubHknOiByZWFkT25seSgpfVwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWJhclwiIFtuZ0NsYXNzXT1cInsnd2l0aC1sZWZ0LWljb24nOiBkaXNwbGF5ZWRMZWZ0SWNvbigpLCAnd2l0aC1yaWdodC1pY29uJzogcmlnaHRJY29uQWN0aW9uKCl9XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkaXNwbGF5ZWRMZWZ0SWNvbigpXCI+XG4gICAgICAgICAgPHJ0ZS1pY29uXG4gICAgICAgICAgICBhcHBlYXJhbmNlPVwib3V0bGluZWRcIlxuICAgICAgICAgICAgY2xhc3M9XCJsZWZ0LWljb25cIlxuICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgICAgIFtuYW1lXT1cImRpc3BsYXllZExlZnRJY29uKCkhXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICAjaW5wdXRSZWZcbiAgICAgICAgICBjbGFzcz1cImlucHV0LWZpZWxkXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJ7J2Vycm9yJzogZXJyb3IoKX1cIlxuICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsKClcIlxuICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJhcmlhTGFiZWxsZWRieSgpXCJcbiAgICAgICAgICBbYXR0ci5hcmlhLXJlcXVpcmVkXT1cImFyaWFSZXF1aXJlZCgpXCJcbiAgICAgICAgICBbdHlwZV09XCJpc0hpZGRlbklucHV0KCkgPyAncGFzc3dvcmQnIDogJ3RleHQnXCJcbiAgICAgICAgICBbbWF4TGVuZ3RoXT1cIm1heExlbmd0aCgpXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gICAgICAgICAgW3JlYWRPbmx5XT1cInJlYWRPbmx5KClcIlxuICAgICAgICAgIFt2YWx1ZV09XCJpbnRlcm5hbFZhbHVlKClcIlxuICAgICAgICAgIChpbnB1dCk9XCJoYW5kbGVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgIC8+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3VsZFNob3dSaWdodEljb24oKVwiPlxuICAgICAgICAgIDxydGUtaWNvbi1idXR0b25cbiAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgICB2YXJpYW50PVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgY2xhc3M9XCJyaWdodC1pY29uXCJcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwicmlnaHQtaWNvblwiXG4gICAgICAgICAgICBbbmFtZV09XCJyaWdodEljb25OYW1lKCkgfHwgJ2Nsb3NlJ1wiXG4gICAgICAgICAgICBbYXJpYUxhYmVsXT1cInJpZ2h0SWNvbkFyaWFMYWJlbCgpXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvblJpZ2h0SWNvbkNsaWNrSGFuZGxlcigpXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImFzc2lzdGl2ZVRleHRMYWJlbCgpXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiYXNzaXN0aXZlLXRleHRcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dBc3Npc3RpdmVJY29uKCkgJiYgYXNzaXN0aXZlQXBwZWFyYW5jZSgpID09PSAnZXJyb3InXCI+XG4gICAgICAgICAgPHJ0ZS1pY29uIG5hbWU9XCJlcnJvclwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lZFwiIGNsYXNzPVwiYXNzaXN0aXZlLWljb24tZXJyb3JcIiBbc2l6ZV09XCIxMlwiIC8+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd0Fzc2lzdGl2ZUljb24oKSAmJiBhc3Npc3RpdmVBcHBlYXJhbmNlKCkgPT09ICdzdWNjZXNzJ1wiPlxuICAgICAgICAgIDxydGUtaWNvbiBuYW1lPVwiY2hlY2tcIiBhcHBlYXJhbmNlPVwib3V0bGluZWRcIiBjbGFzcz1cImFzc2lzdGl2ZS1pY29uLXN1Y2Nlc3NcIiBbc2l6ZV09XCIxMlwiIC8+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYXNzaXN0aXZlQXBwZWFyYW5jZSgpID09PSAnbGluayc7IGVsc2UgYXNzaXN0aXZlTGFiZWxcIj5cbiAgICAgICAgICA8cnRlLWxpbmsgW2xhYmVsXT1cImFzc2lzdGl2ZVRleHRMYWJlbCgpXCIgLz5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjYXNzaXN0aXZlTGFiZWw+XG4gICAgICAgICAgPHAgY2xhc3M9XCJhc3Npc3RpdmUtbGFiZWxcIiBbbmdDbGFzc109XCJhc3Npc3RpdmVBcHBlYXJhbmNlKClcIj5cbiAgICAgICAgICAgIHt7IGFzc2lzdGl2ZVRleHRMYWJlbCgpIH19XG4gICAgICAgICAgPC9wPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJkaXNwbGF5Q291bnRlcigpICYmIGxhYmVsUG9zaXRpb24oKSA9PT0gJ3NpZGUnXCI+XG4gICAgPHAgY2xhc3M9XCJpbnB1dC1jb3VudGVyXCIgZGF0YS10ZXN0aWQ9XCJpbnB1dC1jb3VudGVyXCI+XG4gICAgICB7eyBjaGFyYWN0ZXJDb3VudCgpIH19L3t7IG1heExlbmd0aCgpIH19XG4gICAgPC9wPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PiJdfQ==

package/esm2022/public-api.mjs

@@ -11,4 +11,5 @@ export * from "./lib/components/tooltip/tooltip.directive";
 export * from "./lib/components/split-button/split-button.component";
 export * from "./lib/components/icon-button/icon-button.component";
 export * from "./lib/components/icon-button-toggle/icon-button-toggle.component";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLDBEQUEwRCxDQUFDO0FBQ3pFLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyxrRUFBa0UsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9ncmlkL2dyaWQuZGlyZWN0aXZlXCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9ncmlkL2NvbC9jb2wuZGlyZWN0aXZlXCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9saW5rL2xpbmsuY29tcG9uZW50XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvbXBvbmVudHMvcmFkaW8tYnV0dG9uLWdyb3VwL3JhZGlvLWJ1dHRvbi1ncm91cC5jb21wb25lbnRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvbXBvbmVudHMvY2hlY2tib3gtZ3JvdXAvY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy90b29sdGlwL3Rvb2x0aXAuZGlyZWN0aXZlXCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9zcGxpdC1idXR0b24vc3BsaXQtYnV0dG9uLmNvbXBvbmVudFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvbXBvbmVudHMvaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9pY29uLWJ1dHRvbi10b2dnbGUvaWNvbi1idXR0b24tdG9nZ2xlLmNvbXBvbmVudFwiO1xuIl19
+export * from "./lib/components/text-input/text-input.component";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLDBEQUEwRCxDQUFDO0FBQ3pFLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLGtEQUFrRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2dyaWQvZ3JpZC5kaXJlY3RpdmVcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2dyaWQvY29sL2NvbC5kaXJlY3RpdmVcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2xpbmsvbGluay5jb21wb25lbnRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL3JhZGlvLWJ1dHRvbi9yYWRpby1idXR0b24uY29tcG9uZW50XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9yYWRpby1idXR0b24tZ3JvdXAvcmFkaW8tYnV0dG9uLWdyb3VwLmNvbXBvbmVudFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vbGliL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9jaGVja2JveC1ncm91cC9jaGVja2JveC1ncm91cC5jb21wb25lbnRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvdG9vbHRpcC5kaXJlY3RpdmVcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL3NwbGl0LWJ1dHRvbi9zcGxpdC1idXR0b24uY29tcG9uZW50XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2xpYi9jb21wb25lbnRzL2ljb24tYnV0dG9uLXRvZ2dsZS9pY29uLWJ1dHRvbi10b2dnbGUuY29tcG9uZW50XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9saWIvY29tcG9uZW50cy90ZXh0LWlucHV0L3RleHQtaW5wdXQuY29tcG9uZW50XCI7XG4iXX0=

package/fesm2022/design-system-rte-angular.mjs

@@ -809,27 +809,138 @@ class IconButtonToggleComponent {
         this.variant = input("primary");
         this.type = input("button");
         this.compactSpacing = input(false);
-        this.ariaLabel = input(undefined);
-        this.ariaLabelledBy = input(undefined);
-        this.selected = input(false);
+        this.ariaLabel = input();
+        this.ariaLabelledBy = input();
+        this.selected = input();
+        this.internalSelected = signal(false);
+        this.defaultSelected = input(false);
+        this.isControlled = computed(() => this.selected() !== undefined);
         this.click = output();
+        this.isSelected = computed(() => {
+            return this.isControlled() ? this.selected() : this.internalSelected();
+        });
         this.buttonIconSize = computed(() => buttonIconSize[this.size()]);
     }
+    toggleInternalSelectedState() {
+        this.internalSelected.set(!this.internalSelected());
+    }
     onClick(event) {
         event.stopPropagation();
-        this.click.emit();
+        this.click.emit(event);
+        if (!this.isControlled()) {
+            this.toggleInternalSelectedState();
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconButtonToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: IconButtonToggleComponent, isStandalone: true, selector: "rte-icon-button-toggle", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, compactSpacing: { classPropertyName: "compactSpacing", publicName: "compactSpacing", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: "<rte-icon-button \n  [size]=\"size()\" \n  [name]=\"name()\" \n  [compactSpacing]=\"compactSpacing()\"\n  [disabled]=\"disabled()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [type]=\"type()\"\n  [variant]=\"variant()\"\n  [appearance]=\"selected() ? 'filled' : 'outlined'\"\n  (click)=\"onClick($event)\"\n/>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IconButtonComponent, selector: "rte-icon-button", inputs: ["disabled", "name", "size", "variant", "type", "appearance", "compactSpacing", "ariaLabel", "ariaLabelledBy"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: IconButtonToggleComponent, isStandalone: true, selector: "rte-icon-button-toggle", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, compactSpacing: { classPropertyName: "compactSpacing", publicName: "compactSpacing", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, defaultSelected: { classPropertyName: "defaultSelected", publicName: "defaultSelected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: "<rte-icon-button \n  [size]=\"size()\" \n  [name]=\"name()\" \n  [compactSpacing]=\"compactSpacing()\"\n  [disabled]=\"disabled()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [type]=\"type()\"\n  [variant]=\"variant()\"\n  [appearance]=\"isSelected() ? 'filled' : 'outlined'\"\n  (click)=\"onClick($event)\"\n/>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IconButtonComponent, selector: "rte-icon-button", inputs: ["disabled", "name", "size", "variant", "type", "appearance", "compactSpacing", "ariaLabel", "ariaLabelledBy"], outputs: ["click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconButtonToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: "rte-icon-button-toggle", imports: [CommonModule, IconButtonComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<rte-icon-button \n  [size]=\"size()\" \n  [name]=\"name()\" \n  [compactSpacing]=\"compactSpacing()\"\n  [disabled]=\"disabled()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [type]=\"type()\"\n  [variant]=\"variant()\"\n  [appearance]=\"selected() ? 'filled' : 'outlined'\"\n  (click)=\"onClick($event)\"\n/>" }]
+            args: [{ selector: "rte-icon-button-toggle", imports: [CommonModule, IconButtonComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<rte-icon-button \n  [size]=\"size()\" \n  [name]=\"name()\" \n  [compactSpacing]=\"compactSpacing()\"\n  [disabled]=\"disabled()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [type]=\"type()\"\n  [variant]=\"variant()\"\n  [appearance]=\"isSelected() ? 'filled' : 'outlined'\"\n  (click)=\"onClick($event)\"\n/>" }]
         }] });
 
+class TextInputComponent {
+    constructor() {
+        this.label = input("");
+        this.labelPosition = input("top");
+        this.required = input(false);
+        this.showCounter = input(false);
+        this.value = input("");
+        this.internalValue = signal(this.value());
+        this.leftIcon = input(null);
+        this.showRightIcon = input(true);
+        this.rightIconAction = input("clean");
+        this.showLabelRequirement = input(false);
+        this.assistiveAppearance = input("description");
+        this.showAssistiveIcon = input(false);
+        this.assistiveTextLabel = input("");
+        this.error = input(false);
+        this.maxLength = input(150);
+        this.disabled = input(false);
+        this.readOnly = input(false);
+        this.width = input("300px");
+        this.ariaLabel = input("");
+        this.ariaRequired = input(false);
+        this.ariaLabelledby = input("");
+        this.valueChange = output();
+        this.rightIconClick = output();
+        this.characterCount = signal(this.internalValue().length);
+        this.isHiddenInput = signal(this.showRightIcon() && this.rightIconAction() === "visibilityOn");
+        this.displayedLeftIcon = computed(() => (this.error() ? "error" : this.leftIcon()));
+        this.displayCounter = computed(() => this.showCounter() && typeof this.maxLength() === "number");
+        this.rightIconName = computed(() => {
+            if (["visibilityOn", "visibilityOff"].includes(this.rightIconAction())) {
+                return this.isHiddenInput() ? "visibility-show" : "visibility-hide";
+            }
+            else if (this.rightIconAction() === "clean") {
+                return "close";
+            }
+            return "";
+        });
+        this.rightIconAriaLabel = computed(() => {
+            if (["visibilityOn", "visibilityOff"].includes(this.rightIconAction())) {
+                return this.isHiddenInput() ? "show text" : "hide text";
+            }
+            else if (this.rightIconAction() === "clean") {
+                return "clear";
+            }
+            return "";
+        });
+        this.shouldShowRightIcon = computed(() => {
+            if (this.readOnly() || this.disabled()) {
+                return false;
+            }
+            if (this.rightIconAction() === "clean") {
+                return !!this.internalValue()?.length && this.showRightIcon();
+            }
+            return this.showRightIcon() && !!this.rightIconAction();
+        });
+        this.lastParentValue = this.value();
+        effect(() => {
+            const parentValue = this.value();
+            if (parentValue !== this.lastParentValue) {
+                this.lastParentValue = parentValue;
+                this.internalValue.set(parentValue);
+            }
+        }, { allowSignalWrites: true });
+    }
+    handleChange(event) {
+        const input = event.target;
+        this.internalValue.set(input.value);
+        this.valueChange.emit(input.value);
+        if (this.maxLength()) {
+            this.characterCount.set(input.value.length);
+        }
+        this.valueChange.emit(input.value);
+    }
+    onRightIconClickHandler() {
+        this.rightIconClick.emit();
+        this.triggerRightIconAction();
+    }
+    toggleInputVisibility() {
+        this.isHiddenInput.set(!this.isHiddenInput());
+    }
+    triggerRightIconAction() {
+        if (this.rightIconAction() === "clean") {
+            this.internalValue.set("");
+            this.valueChange.emit("");
+            this.characterCount.set(0);
+        }
+        if (["visibilityOn", "visibilityOff"].includes(this.rightIconAction())) {
+            this.toggleInputVisibility();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: TextInputComponent, isStandalone: true, selector: "rte-text-input", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, showCounter: { classPropertyName: "showCounter", publicName: "showCounter", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", isSignal: true, isRequired: false, transformFunction: null }, showRightIcon: { classPropertyName: "showRightIcon", publicName: "showRightIcon", isSignal: true, isRequired: false, transformFunction: null }, rightIconAction: { classPropertyName: "rightIconAction", publicName: "rightIconAction", isSignal: true, isRequired: false, transformFunction: null }, showLabelRequirement: { classPropertyName: "showLabelRequirement", publicName: "showLabelRequirement", isSignal: true, isRequired: false, transformFunction: null }, assistiveAppearance: { classPropertyName: "assistiveAppearance", publicName: "assistiveAppearance", isSignal: true, isRequired: false, transformFunction: null }, showAssistiveIcon: { classPropertyName: "showAssistiveIcon", publicName: "showAssistiveIcon", isSignal: true, isRequired: false, transformFunction: null }, assistiveTextLabel: { classPropertyName: "assistiveTextLabel", publicName: "assistiveTextLabel", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaRequired: { classPropertyName: "ariaRequired", publicName: "ariaRequired", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", rightIconClick: "rightIconClick" }, ngImport: i0, template: "<div\n  class=\"container {{labelPosition()}}\"\n  [ngClass]=\"{'error': error()}\"\n  [style.width]=\"width()\"\n>\n  <ng-container *ngIf=\"label()\">\n    <div class=\"text\">\n      <div class=\"label-container\">\n        <label class=\"input-label\" id=\"inputLabel\">\n          {{ label() }}\n        </label>\n        <ng-container *ngIf=\"required()\">\n          <ng-container *ngIf=\"showLabelRequirement(); else requiredIcon\">\n            <span class=\"required-text\">(obligatoire)</span>\n          </ng-container>\n          <ng-template #requiredIcon>\n            <span class=\"required-icon-container\">\n              <rte-icon name=\"asterisk\" [size]=\"8\" />\n            </span>\n          </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!required() && showLabelRequirement()\">\n          <span class=\"required-text\">(optionnel)</span>\n        </ng-container>\n      </div>\n      <ng-container *ngIf=\"displayCounter() && labelPosition() === 'top'\">\n        <p class=\"input-counter\" data-testid=\"input-counter\">\n          {{ characterCount() }}/{{ maxLength() }}\n        </p>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div class=\"input-container\">\n    <div\n      class=\"input {{labelPosition()}}\"\n      [ngClass]=\"{'disabled': disabled(), 'read-only': readOnly()}\"\n    >\n      <div class=\"input-bar\" [ngClass]=\"{'with-left-icon': displayedLeftIcon(), 'with-right-icon': rightIconAction()}\">\n        <ng-container *ngIf=\"displayedLeftIcon()\">\n          <rte-icon\n            appearance=\"outlined\"\n            class=\"left-icon\"\n            aria-hidden=\"true\"\n            [name]=\"displayedLeftIcon()!\"\n          />\n        </ng-container>\n\n        <input\n          #inputRef\n          class=\"input-field\"\n          [ngClass]=\"{'error': error()}\"\n          [attr.aria-label]=\"ariaLabel()\"\n          [attr.aria-labelledby]=\"ariaLabelledby()\"\n          [attr.aria-required]=\"ariaRequired()\"\n          [type]=\"isHiddenInput() ? 'password' : 'text'\"\n          [maxLength]=\"maxLength()\"\n          [disabled]=\"disabled()\"\n          [readOnly]=\"readOnly()\"\n          [value]=\"internalValue()\"\n          (input)=\"handleChange($event)\"\n        />\n\n        <ng-container *ngIf=\"shouldShowRightIcon()\">\n          <rte-icon-button\n            appearance=\"outlined\"\n            variant=\"transparent\"\n            class=\"right-icon\"\n            data-testid=\"right-icon\"\n            [name]=\"rightIconName() || 'close'\"\n            [ariaLabel]=\"rightIconAriaLabel()\"\n            (click)=\"onRightIconClickHandler()\"\n          />\n        </ng-container>\n      </div>\n    </div>\n\n    <ng-container *ngIf=\"assistiveTextLabel()\">\n      <div class=\"assistive-text\">\n        <ng-container *ngIf=\"showAssistiveIcon() && assistiveAppearance() === 'error'\">\n          <rte-icon name=\"error\" appearance=\"outlined\" class=\"assistive-icon-error\" [size]=\"12\" />\n        </ng-container>\n        <ng-container *ngIf=\"showAssistiveIcon() && assistiveAppearance() === 'success'\">\n          <rte-icon name=\"check\" appearance=\"outlined\" class=\"assistive-icon-success\" [size]=\"12\" />\n        </ng-container>\n        <ng-container *ngIf=\"assistiveAppearance() === 'link'; else assistiveLabel\">\n          <rte-link [label]=\"assistiveTextLabel()\" />\n        </ng-container>\n        <ng-template #assistiveLabel>\n          <p class=\"assistive-label\" [ngClass]=\"assistiveAppearance()\">\n            {{ assistiveTextLabel() }}\n          </p>\n        </ng-template>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-container *ngIf=\"displayCounter() && labelPosition() === 'side'\">\n    <p class=\"input-counter\" data-testid=\"input-counter\">\n      {{ characterCount() }}/{{ maxLength() }}\n    </p>\n  </ng-container>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.container{display:flex;width:300px;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px}.container.side{align-items:center;flex-direction:row}.container.side .text{width:auto;align-items:center}.container.side .input-counter{padding:0 8px}.container.error .input-container .input .input-bar .left-icon{color:var(--content-danger)}.container .text{width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;padding:2px 8px;box-sizing:border-box}.container .text .label-container{display:flex;align-items:flex-start}.container .text .label-container .input-label{color:var(--content-secondary);font-family:Arial;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}.container .text .label-container .required-text{color:var(--content-tertiary);align-self:center;font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px;margin-block:0px;margin-inline:4px}.container .text .label-container .required-icon-container{color:var(--content-danger);display:flex;align-items:center;justify-content:center;margin-inline:4px}.container .input-container{display:flex;flex-direction:column;height:32px;width:100%;min-width:48px;min-height:32px;max-height:32px;align-self:stretch}.container .input-container .input .input-bar{position:relative;display:flex;align-items:center}.container .input-container .input .input-bar.with-left-icon .input-field{padding-left:32px}.container .input-container .input .input-bar.with-right-icon .input-field{padding-right:32px}.container .input-container .input .input-bar .left-icon{position:absolute;left:8px;color:var(--content-secondary)}.container .input-container .input .input-bar .right-icon{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;color:var(--content-secondary)}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button{color:var(--content-secondary);height:24px;width:24px;padding:0 2px}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus{outline:none}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus-visible{outline:1px solid var(--border-brand-focused);border-radius:8px}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus-visible:after{display:none}.container .input-container .input .input-bar .input-field{box-sizing:border-box;appearance:none;width:100%;height:32px;min-width:48px;max-height:32px;border-radius:4px;border:1px solid var(--border-secondary);padding:4px 16px;background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%),var(--background-default);transition:border .2s,outline .2s;color:var(--content-primary);box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key)}.container .input-container .input .input-bar .input-field:hover{outline:1px solid var(--border-primary);border-color:var(--border-primary)}.container .input-container .input .input-bar .input-field:focus{outline:1px solid var(--border-brand-default);border-color:var(--border-brand-default)}.container .input-container .input .input-bar .input-field:active{outline:1px solid var(--border-brand-default);border-color:var(--border-brand-default)}.container .input-container .input .input-bar .input-field:disabled,.container .input-container .input .input-bar .input-field:read-only{outline:1px solid var(--border-brand-disabled);border-color:var(--border-disabled);background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%),var(--background-disabled);cursor:not-allowed}.container .input-container .input .input-bar .input-field.error{outline:1px solid var(--border-danger);border-color:var(--border-danger)}.container .input-container .assistive-text{display:flex;align-items:center;gap:4px;padding:4px 8px}.container .input-container .assistive-text .assistive-icon-error{color:var(--content-danger)}.container .input-container .assistive-text .assistive-icon-success{color:var(--content-success)}.container .input-container .assistive-text .assistive-label{transition:color .2s}.container .input-container .assistive-text .assistive-label.error{color:var(--content-danger);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.container .input-container .assistive-text .assistive-label.success{color:var(--content-success);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.container .input-container .assistive-text .assistive-label.description{color:var(--content-tertiary);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.input-counter{color:var(--content-tertiary);font-family:Arial;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px;margin-block:0px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "rte-icon", inputs: ["name", "size", "color", "classes", "appearance"] }, { kind: "component", type: IconButtonComponent, selector: "rte-icon-button", inputs: ["disabled", "name", "size", "variant", "type", "appearance", "compactSpacing", "ariaLabel", "ariaLabelledBy"], outputs: ["click"] }, { kind: "component", type: LinkComponent, selector: "rte-link", inputs: ["label", "href", "subtle", "externalLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rte-text-input", imports: [CommonModule, IconComponent, IconButtonComponent, LinkComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"container {{labelPosition()}}\"\n  [ngClass]=\"{'error': error()}\"\n  [style.width]=\"width()\"\n>\n  <ng-container *ngIf=\"label()\">\n    <div class=\"text\">\n      <div class=\"label-container\">\n        <label class=\"input-label\" id=\"inputLabel\">\n          {{ label() }}\n        </label>\n        <ng-container *ngIf=\"required()\">\n          <ng-container *ngIf=\"showLabelRequirement(); else requiredIcon\">\n            <span class=\"required-text\">(obligatoire)</span>\n          </ng-container>\n          <ng-template #requiredIcon>\n            <span class=\"required-icon-container\">\n              <rte-icon name=\"asterisk\" [size]=\"8\" />\n            </span>\n          </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!required() && showLabelRequirement()\">\n          <span class=\"required-text\">(optionnel)</span>\n        </ng-container>\n      </div>\n      <ng-container *ngIf=\"displayCounter() && labelPosition() === 'top'\">\n        <p class=\"input-counter\" data-testid=\"input-counter\">\n          {{ characterCount() }}/{{ maxLength() }}\n        </p>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div class=\"input-container\">\n    <div\n      class=\"input {{labelPosition()}}\"\n      [ngClass]=\"{'disabled': disabled(), 'read-only': readOnly()}\"\n    >\n      <div class=\"input-bar\" [ngClass]=\"{'with-left-icon': displayedLeftIcon(), 'with-right-icon': rightIconAction()}\">\n        <ng-container *ngIf=\"displayedLeftIcon()\">\n          <rte-icon\n            appearance=\"outlined\"\n            class=\"left-icon\"\n            aria-hidden=\"true\"\n            [name]=\"displayedLeftIcon()!\"\n          />\n        </ng-container>\n\n        <input\n          #inputRef\n          class=\"input-field\"\n          [ngClass]=\"{'error': error()}\"\n          [attr.aria-label]=\"ariaLabel()\"\n          [attr.aria-labelledby]=\"ariaLabelledby()\"\n          [attr.aria-required]=\"ariaRequired()\"\n          [type]=\"isHiddenInput() ? 'password' : 'text'\"\n          [maxLength]=\"maxLength()\"\n          [disabled]=\"disabled()\"\n          [readOnly]=\"readOnly()\"\n          [value]=\"internalValue()\"\n          (input)=\"handleChange($event)\"\n        />\n\n        <ng-container *ngIf=\"shouldShowRightIcon()\">\n          <rte-icon-button\n            appearance=\"outlined\"\n            variant=\"transparent\"\n            class=\"right-icon\"\n            data-testid=\"right-icon\"\n            [name]=\"rightIconName() || 'close'\"\n            [ariaLabel]=\"rightIconAriaLabel()\"\n            (click)=\"onRightIconClickHandler()\"\n          />\n        </ng-container>\n      </div>\n    </div>\n\n    <ng-container *ngIf=\"assistiveTextLabel()\">\n      <div class=\"assistive-text\">\n        <ng-container *ngIf=\"showAssistiveIcon() && assistiveAppearance() === 'error'\">\n          <rte-icon name=\"error\" appearance=\"outlined\" class=\"assistive-icon-error\" [size]=\"12\" />\n        </ng-container>\n        <ng-container *ngIf=\"showAssistiveIcon() && assistiveAppearance() === 'success'\">\n          <rte-icon name=\"check\" appearance=\"outlined\" class=\"assistive-icon-success\" [size]=\"12\" />\n        </ng-container>\n        <ng-container *ngIf=\"assistiveAppearance() === 'link'; else assistiveLabel\">\n          <rte-link [label]=\"assistiveTextLabel()\" />\n        </ng-container>\n        <ng-template #assistiveLabel>\n          <p class=\"assistive-label\" [ngClass]=\"assistiveAppearance()\">\n            {{ assistiveTextLabel() }}\n          </p>\n        </ng-template>\n      </div>\n    </ng-container>\n  </div>\n\n  <ng-container *ngIf=\"displayCounter() && labelPosition() === 'side'\">\n    <p class=\"input-counter\" data-testid=\"input-counter\">\n      {{ characterCount() }}/{{ maxLength() }}\n    </p>\n  </ng-container>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL,GRAD@400,0,0&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\";.container{display:flex;width:300px;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px}.container.side{align-items:center;flex-direction:row}.container.side .text{width:auto;align-items:center}.container.side .input-counter{padding:0 8px}.container.error .input-container .input .input-bar .left-icon{color:var(--content-danger)}.container .text{width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;padding:2px 8px;box-sizing:border-box}.container .text .label-container{display:flex;align-items:flex-start}.container .text .label-container .input-label{color:var(--content-secondary);font-family:Arial;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}.container .text .label-container .required-text{color:var(--content-tertiary);align-self:center;font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px;margin-block:0px;margin-inline:4px}.container .text .label-container .required-icon-container{color:var(--content-danger);display:flex;align-items:center;justify-content:center;margin-inline:4px}.container .input-container{display:flex;flex-direction:column;height:32px;width:100%;min-width:48px;min-height:32px;max-height:32px;align-self:stretch}.container .input-container .input .input-bar{position:relative;display:flex;align-items:center}.container .input-container .input .input-bar.with-left-icon .input-field{padding-left:32px}.container .input-container .input .input-bar.with-right-icon .input-field{padding-right:32px}.container .input-container .input .input-bar .left-icon{position:absolute;left:8px;color:var(--content-secondary)}.container .input-container .input .input-bar .right-icon{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;color:var(--content-secondary)}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button{color:var(--content-secondary);height:24px;width:24px;padding:0 2px}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus{outline:none}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus-visible{outline:1px solid var(--border-brand-focused);border-radius:8px}.container .input-container .input .input-bar .right-icon ::ng-deep .rte-icon-button:focus-visible:after{display:none}.container .input-container .input .input-bar .input-field{box-sizing:border-box;appearance:none;width:100%;height:32px;min-width:48px;max-height:32px;border-radius:4px;border:1px solid var(--border-secondary);padding:4px 16px;background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%),var(--background-default);transition:border .2s,outline .2s;color:var(--content-primary);box-shadow:inset 0 1px 4px 0 var(--elevation-shadow-key)}.container .input-container .input .input-bar .input-field:hover{outline:1px solid var(--border-primary);border-color:var(--border-primary)}.container .input-container .input .input-bar .input-field:focus{outline:1px solid var(--border-brand-default);border-color:var(--border-brand-default)}.container .input-container .input .input-bar .input-field:active{outline:1px solid var(--border-brand-default);border-color:var(--border-brand-default)}.container .input-container .input .input-bar .input-field:disabled,.container .input-container .input .input-bar .input-field:read-only{outline:1px solid var(--border-brand-disabled);border-color:var(--border-disabled);background:linear-gradient(0deg,var(--elevation-surface-inner-shadow) 0%,var(--elevation-surface-inner-shadow) 100%),var(--background-disabled);cursor:not-allowed}.container .input-container .input .input-bar .input-field.error{outline:1px solid var(--border-danger);border-color:var(--border-danger)}.container .input-container .assistive-text{display:flex;align-items:center;gap:4px;padding:4px 8px}.container .input-container .assistive-text .assistive-icon-error{color:var(--content-danger)}.container .input-container .assistive-text .assistive-icon-success{color:var(--content-success)}.container .input-container .assistive-text .assistive-label{transition:color .2s}.container .input-container .assistive-text .assistive-label.error{color:var(--content-danger);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.container .input-container .assistive-text .assistive-label.success{color:var(--content-success);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.container .input-container .assistive-text .assistive-label.description{color:var(--content-tertiary);font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px;margin:0}.input-counter{color:var(--content-tertiary);font-family:Arial;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px;margin-block:0px}\n"] }]
+        }], ctorParameters: () => [] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent, CheckboxComponent, CheckboxGroupComponent, ColDirective, GridDirective, IconButtonComponent, IconButtonToggleComponent, IconComponent, LinkComponent, RadioButtonComponent, RadioButtonGroupComponent, SplitButtonComponent, TooltipDirective };
+export { ButtonComponent, CheckboxComponent, CheckboxGroupComponent, ColDirective, GridDirective, IconButtonComponent, IconButtonToggleComponent, IconComponent, LinkComponent, RadioButtonComponent, RadioButtonGroupComponent, SplitButtonComponent, TextInputComponent, TooltipDirective };
 //# sourceMappingURL=design-system-rte-angular.mjs.map