@alauda/ui 6.5.10-beta.4 → 6.5.10-beta.41

package/esm2022/icon/icon.component.mjs

@@ -0,0 +1,74 @@
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, } from '@angular/core';
+import { buildBem, handlePixel } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "./icon-register.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../theme/theme.pipe";
+let id = 0;
+export class IconComponent {
+    iconRegisterService;
+    icon;
+    light;
+    dark;
+    link = '';
+    margin;
+    size;
+    color;
+    background;
+    backgroundColor;
+    bem = buildBem('aui-icon');
+    id = id++;
+    constructor(iconRegisterService) {
+        this.iconRegisterService = iconRegisterService;
+    }
+    parseIcon(icon) {
+        const defaultPrefix = this.iconRegisterService.getDefaultIconPrefix();
+        const arr = (icon || '').split(':');
+        return arr.length < 2 ? [defaultPrefix, arr[0]] : [arr[0], arr[1]];
+    }
+    getWidth() {
+        if (!this.size) {
+            return false;
+        }
+        return handlePixel((this.size || '').split(',')[0]);
+    }
+    getHeight() {
+        if (!this.size) {
+            return false;
+        }
+        const arr = (this.size || '').split(',');
+        return handlePixel(arr[1] || arr[0]);
+    }
+    getIconId(icon) {
+        const [prefix, name] = this.parseIcon(icon);
+        return `${prefix}-${name}`;
+    }
+    getClass(id) {
+        return `${this.bem.block(this.margin)} ${id}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: IconComponent, deps: [{ token: i1.IconRegisterService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: IconComponent, selector: "aui-icon", inputs: { icon: "icon", light: "light", dark: "dark", link: "link", margin: "margin", size: "size", color: "color", background: "background", backgroundColor: "backgroundColor" }, ngImport: i0, template: "<svg\n  *ngIf=\"icon === 'spinner'; else icons\"\n  [attr.class]=\"getClass('aui-icon-spinner')\"\n  [style.fill]=\"color\"\n  [style.width]=\"getWidth()\"\n  [style.height]=\"getHeight()\"\n  viewBox=\"0 0 200 200\"\n>\n  <defs>\n    <linearGradient\n      [attr.id]=\"'right-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"150\"\n      y1=\"20\"\n      x2=\"150\"\n      y2=\"180\"\n    >\n      <stop\n        offset=\"0\"\n        style=\"stop-color: #000\"\n      />\n      <stop\n        offset=\"1\"\n        style=\"stop-color: #808080\"\n      />\n    </linearGradient>\n    <linearGradient\n      [attr.id]=\"'left-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"50\"\n      y1=\"0\"\n      x2=\"50\"\n      y2=\"180\"\n    >\n      <stop\n        offset=\"0\"\n        style=\"stop-color: #fff\"\n      />\n      <stop\n        offset=\"1\"\n        style=\"stop-color: #808080\"\n      />\n    </linearGradient>\n    <mask [attr.id]=\"'mask-' + id\">\n      <g>\n        <path\n          [attr.fill]=\"'url(#right-' + id + ')'\"\n          d=\"M100,0v20c44.1,0,80,35.9,80,80c0,44.1-35.9,80-80,80v20c55.2,0,100-44.8,100-100S155.2,0,100,0z\"\n        />\n        <path\n          [attr.fill]=\"'url(#left-' + id + ')'\"\n          d=\"M20,100c0-44.1,35.9-80,80-80V0C44.8,0,0,44.8,0,100s44.8,100,100,100v-20C55.9,180,20,144.1,20,100z\"\n        />\n      </g>\n    </mask>\n  </defs>\n  <rect\n    x=\"0\"\n    y=\"0\"\n    width=\"200\"\n    height=\"200\"\n    [attr.mask]=\"'url(#mask-' + id + ')'\"\n  />\n</svg>\n\n<ng-template #icons>\n  <svg\n    *ngIf=\"getIconId(icon ? icon : ([light, dark] | auiThemePicker)) as iconId\"\n    [ngClass]=\"getClass(iconId)\"\n    [style.fill]=\"color\"\n    [style.width]=\"getWidth()\"\n    [style.height]=\"getHeight()\"\n  >\n    <rect\n      *ngIf=\"background\"\n      class=\"aui-icon__background\"\n      [ngClass]=\"background\"\n      [attr.fill]=\"backgroundColor\"\n      [style.width]=\"getWidth()\"\n      [style.height]=\"getHeight()\"\n      x=\"0\"\n      y=\"0\"\n    ></rect>\n    <use [attr.xlink:href]=\"link + '#' + iconId\"></use>\n  </svg>\n</ng-template>\n", styles: ["aui-icon{vertical-align:bottom}.aui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentcolor}.aui-icon__background{width:1em;height:1em;fill:#fff}.aui-icon__background.circle{clip-path:circle(45%)}.aui-icon__background.triangle{clip-path:polygon(50% 10%,90% 90%,10% 90%)}.aui-icon--left{margin-left:var(--aui-spacing-s)}.aui-icon--right{margin-right:var(--aui-spacing-s)}.aui-icon-spinner{animation:rotating .5s linear infinite}aui-icon+aui-icon>.aui-icon{margin-left:var(--aui-spacing-s)}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.ThemePickerPipe, name: "auiThemePicker" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aui-icon', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<svg\n  *ngIf=\"icon === 'spinner'; else icons\"\n  [attr.class]=\"getClass('aui-icon-spinner')\"\n  [style.fill]=\"color\"\n  [style.width]=\"getWidth()\"\n  [style.height]=\"getHeight()\"\n  viewBox=\"0 0 200 200\"\n>\n  <defs>\n    <linearGradient\n      [attr.id]=\"'right-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"150\"\n      y1=\"20\"\n      x2=\"150\"\n      y2=\"180\"\n    >\n      <stop\n        offset=\"0\"\n        style=\"stop-color: #000\"\n      />\n      <stop\n        offset=\"1\"\n        style=\"stop-color: #808080\"\n      />\n    </linearGradient>\n    <linearGradient\n      [attr.id]=\"'left-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"50\"\n      y1=\"0\"\n      x2=\"50\"\n      y2=\"180\"\n    >\n      <stop\n        offset=\"0\"\n        style=\"stop-color: #fff\"\n      />\n      <stop\n        offset=\"1\"\n        style=\"stop-color: #808080\"\n      />\n    </linearGradient>\n    <mask [attr.id]=\"'mask-' + id\">\n      <g>\n        <path\n          [attr.fill]=\"'url(#right-' + id + ')'\"\n          d=\"M100,0v20c44.1,0,80,35.9,80,80c0,44.1-35.9,80-80,80v20c55.2,0,100-44.8,100-100S155.2,0,100,0z\"\n        />\n        <path\n          [attr.fill]=\"'url(#left-' + id + ')'\"\n          d=\"M20,100c0-44.1,35.9-80,80-80V0C44.8,0,0,44.8,0,100s44.8,100,100,100v-20C55.9,180,20,144.1,20,100z\"\n        />\n      </g>\n    </mask>\n  </defs>\n  <rect\n    x=\"0\"\n    y=\"0\"\n    width=\"200\"\n    height=\"200\"\n    [attr.mask]=\"'url(#mask-' + id + ')'\"\n  />\n</svg>\n\n<ng-template #icons>\n  <svg\n    *ngIf=\"getIconId(icon ? icon : ([light, dark] | auiThemePicker)) as iconId\"\n    [ngClass]=\"getClass(iconId)\"\n    [style.fill]=\"color\"\n    [style.width]=\"getWidth()\"\n    [style.height]=\"getHeight()\"\n  >\n    <rect\n      *ngIf=\"background\"\n      class=\"aui-icon__background\"\n      [ngClass]=\"background\"\n      [attr.fill]=\"backgroundColor\"\n      [style.width]=\"getWidth()\"\n      [style.height]=\"getHeight()\"\n      x=\"0\"\n      y=\"0\"\n    ></rect>\n    <use [attr.xlink:href]=\"link + '#' + iconId\"></use>\n  </svg>\n</ng-template>\n", styles: ["aui-icon{vertical-align:bottom}.aui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentcolor}.aui-icon__background{width:1em;height:1em;fill:#fff}.aui-icon__background.circle{clip-path:circle(45%)}.aui-icon__background.triangle{clip-path:polygon(50% 10%,90% 90%,10% 90%)}.aui-icon--left{margin-left:var(--aui-spacing-s)}.aui-icon--right{margin-right:var(--aui-spacing-s)}.aui-icon-spinner{animation:rotating .5s linear infinite}aui-icon+aui-icon>.aui-icon{margin-left:var(--aui-spacing-s)}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.IconRegisterService }]; }, propDecorators: { icon: [{
+                type: Input
+            }], light: [{
+                type: Input
+            }], dark: [{
+                type: Input
+            }], link: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQU8sUUFBUSxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7Ozs7QUFJdEQsSUFBSSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0FBVVgsTUFBTSxPQUFPLGFBQWE7SUFnQ0s7SUE5QjdCLElBQUksQ0FBUztJQUdiLEtBQUssQ0FBUztJQUdkLElBQUksQ0FBUztJQUdiLElBQUksR0FBRyxFQUFFLENBQUM7SUFHVixNQUFNLENBQW1CO0lBR3pCLElBQUksQ0FBUztJQUdiLEtBQUssQ0FBUztJQUdkLFVBQVUsQ0FBd0I7SUFHbEMsZUFBZSxDQUFTO0lBRXhCLEdBQUcsR0FBUSxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFaEMsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDO0lBRVYsWUFBNkIsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7SUFBRyxDQUFDO0lBRWpFLFNBQVMsQ0FBQyxJQUFZO1FBQzVCLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQ3RFLE1BQU0sR0FBRyxHQUFHLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwQyxPQUFPLEdBQUcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNkLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFDRCxPQUFPLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNkLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFDRCxNQUFNLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3pDLE9BQU8sV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsU0FBUyxDQUFDLElBQVk7UUFDcEIsTUFBTSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVDLE9BQU8sR0FBRyxNQUFNLElBQUksSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFFBQVEsQ0FBQyxFQUFVO1FBQ2pCLE9BQU8sR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUM7SUFDaEQsQ0FBQzt1R0E5RFUsYUFBYTsyRkFBYixhQUFhLG9PQ3JCMUIsZ25FQXNGQTs7MkZEakVhLGFBQWE7a0JBUnpCLFNBQVM7K0JBQ0UsVUFBVSxpQkFHTCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLHVCQUMxQixLQUFLOzBHQUkxQixJQUFJO3NCQURILEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJlbSwgYnVpbGRCZW0sIGhhbmRsZVBpeGVsIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5pbXBvcnQgeyBJY29uUmVnaXN0ZXJTZXJ2aWNlIH0gZnJvbSAnLi9pY29uLXJlZ2lzdGVyLnNlcnZpY2UnO1xuXG5sZXQgaWQgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdWktaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xuICBASW5wdXQoKVxuICBpY29uOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgbGlnaHQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBkYXJrOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgbGluayA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIG1hcmdpbjogJ2xlZnQnIHwgJ3JpZ2h0JztcblxuICBASW5wdXQoKVxuICBzaXplOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgY29sb3I6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBiYWNrZ3JvdW5kOiAnY2lyY2xlJyB8ICd0cmlhbmdsZSc7XG5cbiAgQElucHV0KClcbiAgYmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XG5cbiAgYmVtOiBCZW0gPSBidWlsZEJlbSgnYXVpLWljb24nKTtcblxuICBpZCA9IGlkKys7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBpY29uUmVnaXN0ZXJTZXJ2aWNlOiBJY29uUmVnaXN0ZXJTZXJ2aWNlKSB7fVxuXG4gIHByaXZhdGUgcGFyc2VJY29uKGljb246IHN0cmluZyk6IFtzdHJpbmcsIHN0cmluZ10ge1xuICAgIGNvbnN0IGRlZmF1bHRQcmVmaXggPSB0aGlzLmljb25SZWdpc3RlclNlcnZpY2UuZ2V0RGVmYXVsdEljb25QcmVmaXgoKTtcbiAgICBjb25zdCBhcnIgPSAoaWNvbiB8fCAnJykuc3BsaXQoJzonKTtcbiAgICByZXR1cm4gYXJyLmxlbmd0aCA8IDIgPyBbZGVmYXVsdFByZWZpeCwgYXJyWzBdXSA6IFthcnJbMF0sIGFyclsxXV07XG4gIH1cblxuICBnZXRXaWR0aCgpIHtcbiAgICBpZiAoIXRoaXMuc2l6ZSkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICByZXR1cm4gaGFuZGxlUGl4ZWwoKHRoaXMuc2l6ZSB8fCAnJykuc3BsaXQoJywnKVswXSk7XG4gIH1cblxuICBnZXRIZWlnaHQoKSB7XG4gICAgaWYgKCF0aGlzLnNpemUpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgY29uc3QgYXJyID0gKHRoaXMuc2l6ZSB8fCAnJykuc3BsaXQoJywnKTtcbiAgICByZXR1cm4gaGFuZGxlUGl4ZWwoYXJyWzFdIHx8IGFyclswXSk7XG4gIH1cblxuICBnZXRJY29uSWQoaWNvbjogc3RyaW5nKSB7XG4gICAgY29uc3QgW3ByZWZpeCwgbmFtZV0gPSB0aGlzLnBhcnNlSWNvbihpY29uKTtcbiAgICByZXR1cm4gYCR7cHJlZml4fS0ke25hbWV9YDtcbiAgfVxuXG4gIGdldENsYXNzKGlkOiBzdHJpbmcpIHtcbiAgICByZXR1cm4gYCR7dGhpcy5iZW0uYmxvY2sodGhpcy5tYXJnaW4pfSAke2lkfWA7XG4gIH1cbn1cbiIsIjxzdmdcbiAgKm5nSWY9XCJpY29uID09PSAnc3Bpbm5lcic7IGVsc2UgaWNvbnNcIlxuICBbYXR0ci5jbGFzc109XCJnZXRDbGFzcygnYXVpLWljb24tc3Bpbm5lcicpXCJcbiAgW3N0eWxlLmZpbGxdPVwiY29sb3JcIlxuICBbc3R5bGUud2lkdGhdPVwiZ2V0V2lkdGgoKVwiXG4gIFtzdHlsZS5oZWlnaHRdPVwiZ2V0SGVpZ2h0KClcIlxuICB2aWV3Qm94PVwiMCAwIDIwMCAyMDBcIlxuPlxuICA8ZGVmcz5cbiAgICA8bGluZWFyR3JhZGllbnRcbiAgICAgIFthdHRyLmlkXT1cIidyaWdodC0nICsgaWRcIlxuICAgICAgZ3JhZGllbnRVbml0cz1cInVzZXJTcGFjZU9uVXNlXCJcbiAgICAgIHgxPVwiMTUwXCJcbiAgICAgIHkxPVwiMjBcIlxuICAgICAgeDI9XCIxNTBcIlxuICAgICAgeTI9XCIxODBcIlxuICAgID5cbiAgICAgIDxzdG9wXG4gICAgICAgIG9mZnNldD1cIjBcIlxuICAgICAgICBzdHlsZT1cInN0b3AtY29sb3I6ICMwMDBcIlxuICAgICAgLz5cbiAgICAgIDxzdG9wXG4gICAgICAgIG9mZnNldD1cIjFcIlxuICAgICAgICBzdHlsZT1cInN0b3AtY29sb3I6ICM4MDgwODBcIlxuICAgICAgLz5cbiAgICA8L2xpbmVhckdyYWRpZW50PlxuICAgIDxsaW5lYXJHcmFkaWVudFxuICAgICAgW2F0dHIuaWRdPVwiJ2xlZnQtJyArIGlkXCJcbiAgICAgIGdyYWRpZW50VW5pdHM9XCJ1c2VyU3BhY2VPblVzZVwiXG4gICAgICB4MT1cIjUwXCJcbiAgICAgIHkxPVwiMFwiXG4gICAgICB4Mj1cIjUwXCJcbiAgICAgIHkyPVwiMTgwXCJcbiAgICA+XG4gICAgICA8c3RvcFxuICAgICAgICBvZmZzZXQ9XCIwXCJcbiAgICAgICAgc3R5bGU9XCJzdG9wLWNvbG9yOiAjZmZmXCJcbiAgICAgIC8+XG4gICAgICA8c3RvcFxuICAgICAgICBvZmZzZXQ9XCIxXCJcbiAgICAgICAgc3R5bGU9XCJzdG9wLWNvbG9yOiAjODA4MDgwXCJcbiAgICAgIC8+XG4gICAgPC9saW5lYXJHcmFkaWVudD5cbiAgICA8bWFzayBbYXR0ci5pZF09XCInbWFzay0nICsgaWRcIj5cbiAgICAgIDxnPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIFthdHRyLmZpbGxdPVwiJ3VybCgjcmlnaHQtJyArIGlkICsgJyknXCJcbiAgICAgICAgICBkPVwiTTEwMCwwdjIwYzQ0LjEsMCw4MCwzNS45LDgwLDgwYzAsNDQuMS0zNS45LDgwLTgwLDgwdjIwYzU1LjIsMCwxMDAtNDQuOCwxMDAtMTAwUzE1NS4yLDAsMTAwLDB6XCJcbiAgICAgICAgLz5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBbYXR0ci5maWxsXT1cIid1cmwoI2xlZnQtJyArIGlkICsgJyknXCJcbiAgICAgICAgICBkPVwiTTIwLDEwMGMwLTQ0LjEsMzUuOS04MCw4MC04MFYwQzQ0LjgsMCwwLDQ0LjgsMCwxMDBzNDQuOCwxMDAsMTAwLDEwMHYtMjBDNTUuOSwxODAsMjAsMTQ0LjEsMjAsMTAwelwiXG4gICAgICAgIC8+XG4gICAgICA8L2c+XG4gICAgPC9tYXNrPlxuICA8L2RlZnM+XG4gIDxyZWN0XG4gICAgeD1cIjBcIlxuICAgIHk9XCIwXCJcbiAgICB3aWR0aD1cIjIwMFwiXG4gICAgaGVpZ2h0PVwiMjAwXCJcbiAgICBbYXR0ci5tYXNrXT1cIid1cmwoI21hc2stJyArIGlkICsgJyknXCJcbiAgLz5cbjwvc3ZnPlxuXG48bmctdGVtcGxhdGUgI2ljb25zPlxuICA8c3ZnXG4gICAgKm5nSWY9XCJnZXRJY29uSWQoaWNvbiA/IGljb24gOiAoW2xpZ2h0LCBkYXJrXSB8IGF1aVRoZW1lUGlja2VyKSkgYXMgaWNvbklkXCJcbiAgICBbbmdDbGFzc109XCJnZXRDbGFzcyhpY29uSWQpXCJcbiAgICBbc3R5bGUuZmlsbF09XCJjb2xvclwiXG4gICAgW3N0eWxlLndpZHRoXT1cImdldFdpZHRoKClcIlxuICAgIFtzdHlsZS5oZWlnaHRdPVwiZ2V0SGVpZ2h0KClcIlxuICA+XG4gICAgPHJlY3RcbiAgICAgICpuZ0lmPVwiYmFja2dyb3VuZFwiXG4gICAgICBjbGFzcz1cImF1aS1pY29uX19iYWNrZ3JvdW5kXCJcbiAgICAgIFtuZ0NsYXNzXT1cImJhY2tncm91bmRcIlxuICAgICAgW2F0dHIuZmlsbF09XCJiYWNrZ3JvdW5kQ29sb3JcIlxuICAgICAgW3N0eWxlLndpZHRoXT1cImdldFdpZHRoKClcIlxuICAgICAgW3N0eWxlLmhlaWdodF09XCJnZXRIZWlnaHQoKVwiXG4gICAgICB4PVwiMFwiXG4gICAgICB5PVwiMFwiXG4gICAgPjwvcmVjdD5cbiAgICA8dXNlIFthdHRyLnhsaW5rOmhyZWZdPVwibGluayArICcjJyArIGljb25JZFwiPjwvdXNlPlxuICA8L3N2Zz5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/icon/icon.module.mjs

@@ -0,0 +1,21 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ThemeModule } from '../theme';
+import { ICON_REGISTER_SERVICE_PROVIDER } from './icon-register.service';
+import { IconComponent } from './icon.component';
+import * as i0 from "@angular/core";
+export class IconModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule, ThemeModule], exports: [IconComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: IconModule, providers: [ICON_REGISTER_SERVICE_PROVIDER], imports: [CommonModule, ThemeModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: IconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ThemeModule],
+                    declarations: [IconComponent],
+                    exports: [IconComponent],
+                    providers: [ICON_REGISTER_SERVICE_PROVIDER],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaWNvbi9pY29uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRXZDLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFRakQsTUFBTSxPQUFPLFVBQVU7dUdBQVYsVUFBVTt3R0FBVixVQUFVLGlCQUpOLGFBQWEsYUFEbEIsWUFBWSxFQUFFLFdBQVcsYUFFekIsYUFBYTt3R0FHWixVQUFVLGFBRlYsQ0FBQyw4QkFBOEIsQ0FBQyxZQUhqQyxZQUFZLEVBQUUsV0FBVzs7MkZBS3hCLFVBQVU7a0JBTnRCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQztvQkFDcEMsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUM3QixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFNBQVMsRUFBRSxDQUFDLDhCQUE4QixDQUFDO2lCQUM1QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBUaGVtZU1vZHVsZSB9IGZyb20gJy4uL3RoZW1lJztcblxuaW1wb3J0IHsgSUNPTl9SRUdJU1RFUl9TRVJWSUNFX1BST1ZJREVSIH0gZnJvbSAnLi9pY29uLXJlZ2lzdGVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4vaWNvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBUaGVtZU1vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogW0ljb25Db21wb25lbnRdLFxuICBleHBvcnRzOiBbSWNvbkNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW0lDT05fUkVHSVNURVJfU0VSVklDRV9QUk9WSURFUl0sXG59KVxuZXhwb3J0IGNsYXNzIEljb25Nb2R1bGUge31cbiJdfQ==

package/{esm2020 → esm2022}/inline-alert/helper-directives.mjs

@@ -1,14 +1,14 @@
 import { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 export class InlineAlertTitleDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InlineAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.0", type: InlineAlertTitleDirective, selector: "[auiInlineAlertTitle]", exportAs: ["auiInlineAlertTitle"], ngImport: i0 });
 }
-InlineAlertTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InlineAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-InlineAlertTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: InlineAlertTitleDirective, selector: "[auiInlineAlertTitle]", exportAs: ["auiInlineAlertTitle"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InlineAlertTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InlineAlertTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[auiInlineAlertTitle]',
                     exportAs: 'auiInlineAlertTitle',
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscGVyLWRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaW5saW5lLWFsZXJ0L2hlbHBlci1kaXJlY3RpdmVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTTFDLE1BQU0sT0FBTyx5QkFBeUI7O3NIQUF6Qix5QkFBeUI7MEdBQXpCLHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQUpyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFFBQVEsRUFBRSxxQkFBcUI7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thdWlJbmxpbmVBbGVydFRpdGxlXScsXG4gIGV4cG9ydEFzOiAnYXVpSW5saW5lQWxlcnRUaXRsZScsXG59KVxuZXhwb3J0IGNsYXNzIElubGluZUFsZXJ0VGl0bGVEaXJlY3RpdmUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscGVyLWRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaW5saW5lLWFsZXJ0L2hlbHBlci1kaXJlY3RpdmVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTTFDLE1BQU0sT0FBTyx5QkFBeUI7dUdBQXpCLHlCQUF5QjsyRkFBekIseUJBQXlCOzsyRkFBekIseUJBQXlCO2tCQUpyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFFBQVEsRUFBRSxxQkFBcUI7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thdWlJbmxpbmVBbGVydFRpdGxlXScsXG4gIGV4cG9ydEFzOiAnYXVpSW5saW5lQWxlcnRUaXRsZScsXG59KVxuZXhwb3J0IGNsYXNzIElubGluZUFsZXJ0VGl0bGVEaXJlY3RpdmUge31cbiJdfQ==

package/esm2022/inline-alert/inline-alert.component.mjs

@@ -0,0 +1,58 @@
+import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { buildBem } from '../utils';
+import { InlineAlertTitleDirective } from './helper-directives';
+import { InlineAlertType } from './inline-alert.types';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../icon/icon.component";
+export class InlineAlertComponent {
+    bem = buildBem('aui-inline-alert');
+    title;
+    content;
+    closable = false;
+    type = InlineAlertType.Info;
+    close = new EventEmitter();
+    titleRef;
+    visible = true;
+    iconMap(type) {
+        switch (type) {
+            case InlineAlertType.Success: {
+                return 'check_circle_s';
+            }
+            case InlineAlertType.Warning: {
+                return 'exclamation_circle_s';
+            }
+            case InlineAlertType.Danger:
+            case InlineAlertType.Error: {
+                return 'exclamation_triangle_s';
+            }
+            default: {
+                return 'info_circle_s';
+            }
+        }
+    }
+    closeSelf() {
+        this.visible = false;
+        this.close.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InlineAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: InlineAlertComponent, selector: "aui-inline-alert", inputs: { title: "title", content: "content", closable: "closable", type: "type" }, outputs: { close: "close" }, queries: [{ propertyName: "titleRef", first: true, predicate: InlineAlertTitleDirective, descendants: true }], ngImport: i0, template: "<div\n  *ngIf=\"visible\"\n  [class]=\"bem.block(type)\"\n  [class.hasTitle]=\"title || titleRef\"\n>\n  <aui-icon\n    class=\"aui-inline-alert__icon\"\n    [icon]=\"iconMap(type)\"\n    [background]=\"iconMap(type).endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n  ></aui-icon>\n  <div class=\"aui-inline-alert__body\">\n    <div\n      class=\"aui-inline-alert__title\"\n      *ngIf=\"title || titleRef\"\n    >\n      <ng-container *ngIf=\"title\">{{ title }}</ng-container>\n      <ng-content select=\"[auiInlineAlertTitle]\"></ng-content>\n    </div>\n    <div class=\"aui-inline-alert__content\">\n      <ng-container *ngIf=\"content\">{{ content }}</ng-container>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <aui-icon\n    *ngIf=\"closable\"\n    class=\"aui-inline-alert__close\"\n    icon=\"xmark\"\n    (click)=\"closeSelf()\"\n  ></aui-icon>\n</div>\n", styles: [".aui-inline-alert{display:flex;margin:0 0 var(--aui-spacing-xl);padding:11px 19px;border-radius:var(--aui-border-radius-m);border-width:1px;border-style:solid}.aui-inline-alert--primary{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--primary .aui-inline-alert__icon,.aui-inline-alert--primary .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert--success{border-color:rgb(var(--aui-color-green))}:root .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}html[aui-theme-mode=light] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}}html[aui-theme-mode=dark] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}.aui-inline-alert--success .aui-inline-alert__icon,.aui-inline-alert--success .aui-inline-alert__close:hover{color:rgb(var(--aui-color-green))}.aui-inline-alert--warning{border-color:rgb(var(--aui-color-yellow))}:root .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}html[aui-theme-mode=light] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}}html[aui-theme-mode=dark] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}.aui-inline-alert--warning .aui-inline-alert__icon,.aui-inline-alert--warning .aui-inline-alert__close:hover{color:rgb(var(--aui-color-yellow))}.aui-inline-alert--danger{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--danger .aui-inline-alert__icon,.aui-inline-alert--danger .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--error{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--error .aui-inline-alert__icon,.aui-inline-alert--error .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--info{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--info .aui-inline-alert__icon,.aui-inline-alert--info .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert__icon{display:flex;margin:0 8px 0 0;align-items:center;height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-inline-alert.hasTitle .aui-inline-alert__icon{height:var(--aui-line-height-xl)}.aui-inline-alert__body{flex:1;width:100%;overflow:hidden}.aui-inline-alert__close{display:block;margin:4px 0 0 19px;height:1em;line-height:1em;font-size:var(--aui-font-size-s);color:rgb(var(--aui-color-n-2));cursor:pointer}.aui-inline-alert__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-inline-alert__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-inline-alert.hasTitle .aui-inline-alert__content{color:rgb(var(--aui-color-secondary-text))}.aui-inline-alert__title+.aui-inline-alert__content{margin-top:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InlineAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aui-inline-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n  *ngIf=\"visible\"\n  [class]=\"bem.block(type)\"\n  [class.hasTitle]=\"title || titleRef\"\n>\n  <aui-icon\n    class=\"aui-inline-alert__icon\"\n    [icon]=\"iconMap(type)\"\n    [background]=\"iconMap(type).endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n  ></aui-icon>\n  <div class=\"aui-inline-alert__body\">\n    <div\n      class=\"aui-inline-alert__title\"\n      *ngIf=\"title || titleRef\"\n    >\n      <ng-container *ngIf=\"title\">{{ title }}</ng-container>\n      <ng-content select=\"[auiInlineAlertTitle]\"></ng-content>\n    </div>\n    <div class=\"aui-inline-alert__content\">\n      <ng-container *ngIf=\"content\">{{ content }}</ng-container>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <aui-icon\n    *ngIf=\"closable\"\n    class=\"aui-inline-alert__close\"\n    icon=\"xmark\"\n    (click)=\"closeSelf()\"\n  ></aui-icon>\n</div>\n", styles: [".aui-inline-alert{display:flex;margin:0 0 var(--aui-spacing-xl);padding:11px 19px;border-radius:var(--aui-border-radius-m);border-width:1px;border-style:solid}.aui-inline-alert--primary{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--primary .aui-inline-alert__icon,.aui-inline-alert--primary .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert--success{border-color:rgb(var(--aui-color-green))}:root .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}html[aui-theme-mode=light] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}}html[aui-theme-mode=dark] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}.aui-inline-alert--success .aui-inline-alert__icon,.aui-inline-alert--success .aui-inline-alert__close:hover{color:rgb(var(--aui-color-green))}.aui-inline-alert--warning{border-color:rgb(var(--aui-color-yellow))}:root .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}html[aui-theme-mode=light] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}}html[aui-theme-mode=dark] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}.aui-inline-alert--warning .aui-inline-alert__icon,.aui-inline-alert--warning .aui-inline-alert__close:hover{color:rgb(var(--aui-color-yellow))}.aui-inline-alert--danger{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--danger .aui-inline-alert__icon,.aui-inline-alert--danger .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--error{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--error .aui-inline-alert__icon,.aui-inline-alert--error .aui-inline-alert__close:hover{color:rgb(var(--aui-color-red))}.aui-inline-alert--info{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--info .aui-inline-alert__icon,.aui-inline-alert--info .aui-inline-alert__close:hover{color:rgb(var(--aui-color-blue))}.aui-inline-alert__icon{display:flex;margin:0 8px 0 0;align-items:center;height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-inline-alert.hasTitle .aui-inline-alert__icon{height:var(--aui-line-height-xl)}.aui-inline-alert__body{flex:1;width:100%;overflow:hidden}.aui-inline-alert__close{display:block;margin:4px 0 0 19px;height:1em;line-height:1em;font-size:var(--aui-font-size-s);color:rgb(var(--aui-color-n-2));cursor:pointer}.aui-inline-alert__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-inline-alert__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-inline-alert.hasTitle .aui-inline-alert__content{color:rgb(var(--aui-color-secondary-text))}.aui-inline-alert__title+.aui-inline-alert__content{margin-top:4px}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }], titleRef: [{
+                type: ContentChild,
+                args: [InlineAlertTitleDirective]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLWFsZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pbmxpbmUtYWxlcnQvaW5saW5lLWFsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9pbmxpbmUtYWxlcnQvaW5saW5lLWFsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFPLFFBQVEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUV6QyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFVdkQsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixHQUFHLEdBQVEsUUFBUSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFHeEMsS0FBSyxDQUFTO0lBR2QsT0FBTyxDQUFTO0lBR2hCLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFHakIsSUFBSSxHQUFvQixlQUFlLENBQUMsSUFBSSxDQUFDO0lBRzdDLEtBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBR2pDLFFBQVEsQ0FBNEI7SUFFcEMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUVmLE9BQU8sQ0FBQyxJQUFxQjtRQUMzQixRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUM1QixPQUFPLGdCQUFnQixDQUFDO2FBQ3pCO1lBQ0QsS0FBSyxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQzVCLE9BQU8sc0JBQXNCLENBQUM7YUFDL0I7WUFDRCxLQUFLLGVBQWUsQ0FBQyxNQUFNLENBQUM7WUFDNUIsS0FBSyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQzFCLE9BQU8sd0JBQXdCLENBQUM7YUFDakM7WUFDRCxPQUFPLENBQUMsQ0FBQztnQkFDUCxPQUFPLGVBQWUsQ0FBQzthQUN4QjtTQUNGO0lBQ0gsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BCLENBQUM7dUdBNUNVLG9CQUFvQjsyRkFBcEIsb0JBQW9CLCtNQWtCakIseUJBQXlCLGdEQ3pDekMsazNCQThCQTs7MkZEUGEsb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLOzhCQU0xQixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sS0FBSztzQkFESixNQUFNO2dCQUlQLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCZW0sIGJ1aWxkQmVtIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5pbXBvcnQgeyBJbmxpbmVBbGVydFRpdGxlRGlyZWN0aXZlIH0gZnJvbSAnLi9oZWxwZXItZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBJbmxpbmVBbGVydFR5cGUgfSBmcm9tICcuL2lubGluZS1hbGVydC50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1aS1pbmxpbmUtYWxlcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5saW5lLWFsZXJ0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5saW5lLWFsZXJ0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgSW5saW5lQWxlcnRDb21wb25lbnQge1xuICBiZW06IEJlbSA9IGJ1aWxkQmVtKCdhdWktaW5saW5lLWFsZXJ0Jyk7XG5cbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBjb250ZW50OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgY2xvc2FibGUgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICB0eXBlOiBJbmxpbmVBbGVydFR5cGUgPSBJbmxpbmVBbGVydFR5cGUuSW5mbztcblxuICBAT3V0cHV0KClcbiAgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQENvbnRlbnRDaGlsZChJbmxpbmVBbGVydFRpdGxlRGlyZWN0aXZlKVxuICB0aXRsZVJlZjogSW5saW5lQWxlcnRUaXRsZURpcmVjdGl2ZTtcblxuICB2aXNpYmxlID0gdHJ1ZTtcblxuICBpY29uTWFwKHR5cGU6IElubGluZUFsZXJ0VHlwZSkge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgY2FzZSBJbmxpbmVBbGVydFR5cGUuU3VjY2Vzczoge1xuICAgICAgICByZXR1cm4gJ2NoZWNrX2NpcmNsZV9zJztcbiAgICAgIH1cbiAgICAgIGNhc2UgSW5saW5lQWxlcnRUeXBlLldhcm5pbmc6IHtcbiAgICAgICAgcmV0dXJuICdleGNsYW1hdGlvbl9jaXJjbGVfcyc7XG4gICAgICB9XG4gICAgICBjYXNlIElubGluZUFsZXJ0VHlwZS5EYW5nZXI6XG4gICAgICBjYXNlIElubGluZUFsZXJ0VHlwZS5FcnJvcjoge1xuICAgICAgICByZXR1cm4gJ2V4Y2xhbWF0aW9uX3RyaWFuZ2xlX3MnO1xuICAgICAgfVxuICAgICAgZGVmYXVsdDoge1xuICAgICAgICByZXR1cm4gJ2luZm9fY2lyY2xlX3MnO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGNsb3NlU2VsZigpIHtcbiAgICB0aGlzLnZpc2libGUgPSBmYWxzZTtcbiAgICB0aGlzLmNsb3NlLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cInZpc2libGVcIlxuICBbY2xhc3NdPVwiYmVtLmJsb2NrKHR5cGUpXCJcbiAgW2NsYXNzLmhhc1RpdGxlXT1cInRpdGxlIHx8IHRpdGxlUmVmXCJcbj5cbiAgPGF1aS1pY29uXG4gICAgY2xhc3M9XCJhdWktaW5saW5lLWFsZXJ0X19pY29uXCJcbiAgICBbaWNvbl09XCJpY29uTWFwKHR5cGUpXCJcbiAgICBbYmFja2dyb3VuZF09XCJpY29uTWFwKHR5cGUpLmVuZHNXaXRoKCdfdHJpYW5nbGVfcycpID8gJ3RyaWFuZ2xlJyA6ICdjaXJjbGUnXCJcbiAgPjwvYXVpLWljb24+XG4gIDxkaXYgY2xhc3M9XCJhdWktaW5saW5lLWFsZXJ0X19ib2R5XCI+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJhdWktaW5saW5lLWFsZXJ0X190aXRsZVwiXG4gICAgICAqbmdJZj1cInRpdGxlIHx8IHRpdGxlUmVmXCJcbiAgICA+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGl0bGVcIj57eyB0aXRsZSB9fTwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2F1aUlubGluZUFsZXJ0VGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJhdWktaW5saW5lLWFsZXJ0X19jb250ZW50XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29udGVudFwiPnt7IGNvbnRlbnQgfX08L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxhdWktaWNvblxuICAgICpuZ0lmPVwiY2xvc2FibGVcIlxuICAgIGNsYXNzPVwiYXVpLWlubGluZS1hbGVydF9fY2xvc2VcIlxuICAgIGljb249XCJ4bWFya1wiXG4gICAgKGNsaWNrKT1cImNsb3NlU2VsZigpXCJcbiAgPjwvYXVpLWljb24+XG48L2Rpdj5cbiJdfQ==

package/esm2022/inline-alert/inline-alert.module.mjs

@@ -0,0 +1,20 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { IconModule } from '../icon';
+import { InlineAlertTitleDirective } from './helper-directives';
+import { InlineAlertComponent } from './inline-alert.component';
+import * as i0 from "@angular/core";
+export class InlineAlertModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InlineAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: InlineAlertModule, declarations: [InlineAlertComponent, InlineAlertTitleDirective], imports: [CommonModule, IconModule], exports: [InlineAlertComponent, InlineAlertTitleDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InlineAlertModule, imports: [CommonModule, IconModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InlineAlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, IconModule],
+                    declarations: [InlineAlertComponent, InlineAlertTitleDirective],
+                    exports: [InlineAlertComponent, InlineAlertTitleDirective],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLWFsZXJ0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pbmxpbmUtYWxlcnQvaW5saW5lLWFsZXJ0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBRXJDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQU9oRSxNQUFNLE9BQU8saUJBQWlCO3VHQUFqQixpQkFBaUI7d0dBQWpCLGlCQUFpQixpQkFIYixvQkFBb0IsRUFBRSx5QkFBeUIsYUFEcEQsWUFBWSxFQUFFLFVBQVUsYUFFeEIsb0JBQW9CLEVBQUUseUJBQXlCO3dHQUU5QyxpQkFBaUIsWUFKbEIsWUFBWSxFQUFFLFVBQVU7OzJGQUl2QixpQkFBaUI7a0JBTDdCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFVBQVUsQ0FBQztvQkFDbkMsWUFBWSxFQUFFLENBQUMsb0JBQW9CLEVBQUUseUJBQXlCLENBQUM7b0JBQy9ELE9BQU8sRUFBRSxDQUFDLG9CQUFvQixFQUFFLHlCQUF5QixDQUFDO2lCQUMzRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbic7XG5cbmltcG9ydCB7IElubGluZUFsZXJ0VGl0bGVEaXJlY3RpdmUgfSBmcm9tICcuL2hlbHBlci1kaXJlY3RpdmVzJztcbmltcG9ydCB7IElubGluZUFsZXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9pbmxpbmUtYWxlcnQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbk1vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogW0lubGluZUFsZXJ0Q29tcG9uZW50LCBJbmxpbmVBbGVydFRpdGxlRGlyZWN0aXZlXSxcbiAgZXhwb3J0czogW0lubGluZUFsZXJ0Q29tcG9uZW50LCBJbmxpbmVBbGVydFRpdGxlRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5saW5lQWxlcnRNb2R1bGUge31cbiJdfQ==

package/esm2022/input/autosize.directive.mjs

@@ -0,0 +1,56 @@
+import { Directive, Input, } from '@angular/core';
+import { Subject, startWith, takeUntil } from 'rxjs';
+import { calcTextareaHeight } from './utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const DEFAULT_VALUE = {
+    minRows: 3,
+    maxRows: 6,
+};
+export class AutosizeDirective {
+    elRef;
+    ngControl;
+    _autoSize = DEFAULT_VALUE;
+    destroy$$ = new Subject();
+    get autoSize() {
+        return this._autoSize;
+    }
+    set autoSize(value) {
+        if (!value) {
+            value = DEFAULT_VALUE;
+        }
+        this._autoSize = value;
+        this.resizeTextarea();
+    }
+    constructor(elRef, ngControl) {
+        this.elRef = elRef;
+        this.ngControl = ngControl;
+    }
+    resizeTextarea() {
+        const el = this.elRef.nativeElement;
+        const autoSize = this._autoSize;
+        Object.assign(el.style, calcTextareaHeight(el, autoSize.minRows ?? DEFAULT_VALUE.minRows, autoSize.maxRows || DEFAULT_VALUE.maxRows));
+    }
+    ngAfterViewInit() {
+        this.ngControl.valueChanges
+            .pipe(startWith(null), takeUntil(this.destroy$$))
+            .subscribe(() => this.resizeTextarea());
+    }
+    ngOnDestroy() {
+        this.destroy$$.next();
+        this.destroy$$.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AutosizeDirective, deps: [{ token: i0.ElementRef }, { token: i1.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.0", type: AutosizeDirective, selector: "textarea[autosize][ngModel],textarea[autosize][formControl],textarea[autosize][formControlName]", inputs: { autoSize: ["autosize", "autoSize"] }, exportAs: ["TextareaAutosize"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AutosizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'textarea[autosize][ngModel],textarea[autosize][formControl],textarea[autosize][formControlName]',
+                    exportAs: 'TextareaAutosize',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.NgControl }]; }, propDecorators: { autoSize: [{
+                type: Input,
+                args: ['autosize']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b3NpemUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2lucHV0L2F1dG9zaXplLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUVULEtBQUssR0FFTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFckQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sU0FBUyxDQUFDOzs7QUFFN0MsTUFBTSxhQUFhLEdBQUc7SUFDcEIsT0FBTyxFQUFFLENBQUM7SUFDVixPQUFPLEVBQUUsQ0FBQztDQUNYLENBQUM7QUFnQkYsTUFBTSxPQUFPLGlCQUFpQjtJQW1CVDtJQUNBO0lBbkJYLFNBQVMsR0FBa0IsYUFBYSxDQUFDO0lBRWhDLFNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBRWpELElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBSSxRQUFRLENBQUMsS0FBeUI7UUFDcEMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNWLEtBQUssR0FBRyxhQUFhLENBQUM7U0FDdkI7UUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFlBQ21CLEtBQXNDLEVBQ3RDLFNBQW9CO1FBRHBCLFVBQUssR0FBTCxLQUFLLENBQWlDO1FBQ3RDLGNBQVMsR0FBVCxTQUFTLENBQVc7SUFDcEMsQ0FBQztJQUVKLGNBQWM7UUFDWixNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQztRQUNwQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ2hDLE1BQU0sQ0FBQyxNQUFNLENBQ1gsRUFBRSxDQUFDLEtBQUssRUFDUixrQkFBa0IsQ0FDaEIsRUFBRSxFQUNGLFFBQVEsQ0FBQyxPQUFPLElBQUksYUFBYSxDQUFDLE9BQU8sRUFDekMsUUFBUSxDQUFDLE9BQU8sSUFBSSxhQUFhLENBQUMsT0FBTyxDQUMxQyxDQUNGLENBQUM7SUFDSixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWTthQUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7YUFDeEQsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7dUdBN0NVLGlCQUFpQjsyRkFBakIsaUJBQWlCOzsyRkFBakIsaUJBQWlCO2tCQU43QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFFTixpR0FBaUc7b0JBQ25HLFFBQVEsRUFBRSxrQkFBa0I7aUJBQzdCO3lIQU9LLFFBQVE7c0JBRFgsS0FBSzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1YmplY3QsIHN0YXJ0V2l0aCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IGNhbGNUZXh0YXJlYUhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuXG5jb25zdCBERUZBVUxUX1ZBTFVFID0ge1xuICBtaW5Sb3dzOiAzLFxuICBtYXhSb3dzOiA2LFxufTtcblxuZXhwb3J0IGludGVyZmFjZSBBdXRvU2l6ZVZhbHVlIHtcbiAgbWluUm93czogbnVtYmVyO1xuICBtYXhSb3dzPzogbnVtYmVyO1xufVxuXG4vKipcbiAqIERpcmVjdGl2ZSB0byBhdXRvbWF0aWNhbGx5IHJlc2l6ZSBhIHRleHRhcmVhIHRvIGZpdCBpdHMgY29udGVudC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOlxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvZGlyZWN0aXZlLXNlbGVjdG9yXG4gICAgJ3RleHRhcmVhW2F1dG9zaXplXVtuZ01vZGVsXSx0ZXh0YXJlYVthdXRvc2l6ZV1bZm9ybUNvbnRyb2xdLHRleHRhcmVhW2F1dG9zaXplXVtmb3JtQ29udHJvbE5hbWVdJyxcbiAgZXhwb3J0QXM6ICdUZXh0YXJlYUF1dG9zaXplJyxcbn0pXG5leHBvcnQgY2xhc3MgQXV0b3NpemVEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIF9hdXRvU2l6ZTogQXV0b1NpemVWYWx1ZSA9IERFRkFVTFRfVkFMVUU7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95JCQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIEBJbnB1dCgnYXV0b3NpemUnKVxuICBnZXQgYXV0b1NpemUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2F1dG9TaXplO1xuICB9XG5cbiAgc2V0IGF1dG9TaXplKHZhbHVlOiBBdXRvU2l6ZVZhbHVlIHwgJycpIHtcbiAgICBpZiAoIXZhbHVlKSB7XG4gICAgICB2YWx1ZSA9IERFRkFVTFRfVkFMVUU7XG4gICAgfVxuICAgIHRoaXMuX2F1dG9TaXplID0gdmFsdWU7XG4gICAgdGhpcy5yZXNpemVUZXh0YXJlYSgpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBlbFJlZjogRWxlbWVudFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50PixcbiAgICBwcml2YXRlIHJlYWRvbmx5IG5nQ29udHJvbDogTmdDb250cm9sLFxuICApIHt9XG5cbiAgcmVzaXplVGV4dGFyZWEoKSB7XG4gICAgY29uc3QgZWwgPSB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgY29uc3QgYXV0b1NpemUgPSB0aGlzLl9hdXRvU2l6ZTtcbiAgICBPYmplY3QuYXNzaWduKFxuICAgICAgZWwuc3R5bGUsXG4gICAgICBjYWxjVGV4dGFyZWFIZWlnaHQoXG4gICAgICAgIGVsLFxuICAgICAgICBhdXRvU2l6ZS5taW5Sb3dzID8/IERFRkFVTFRfVkFMVUUubWluUm93cyxcbiAgICAgICAgYXV0b1NpemUubWF4Um93cyB8fCBERUZBVUxUX1ZBTFVFLm1heFJvd3MsIC8vIDAgaXMgdW5hY2NlcHRhYmxlXG4gICAgICApLFxuICAgICk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5uZ0NvbnRyb2wudmFsdWVDaGFuZ2VzXG4gICAgICAucGlwZShzdGFydFdpdGgobnVsbCBhcyB2b2lkKSwgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQkKSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5yZXNpemVUZXh0YXJlYSgpKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuZGVzdHJveSQkLm5leHQoKTtcbiAgICB0aGlzLmRlc3Ryb3kkJC5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=

package/esm2022/input/helper-directives.mjs

@@ -0,0 +1,43 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class InputAddonBeforeDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputAddonBeforeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.0", type: InputAddonBeforeDirective, selector: "[auiInputAddonBefore]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputAddonBeforeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[auiInputAddonBefore]',
+                }]
+        }] });
+export class InputAddonAfterDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputAddonAfterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.0", type: InputAddonAfterDirective, selector: "[auiInputAddonAfter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputAddonAfterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[auiInputAddonAfter]',
+                }]
+        }] });
+export class InputPrefixDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.0", type: InputPrefixDirective, selector: "[auiInputPrefix]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputPrefixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[auiInputPrefix]',
+                }]
+        }] });
+export class InputSuffixDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.0", type: InputSuffixDirective, selector: "[auiInputSuffix]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputSuffixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[auiInputSuffix]',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscGVyLWRpcmVjdGl2ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaW5wdXQvaGVscGVyLWRpcmVjdGl2ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLMUMsTUFBTSxPQUFPLHlCQUF5Qjt1R0FBekIseUJBQXlCOzJGQUF6Qix5QkFBeUI7OzJGQUF6Qix5QkFBeUI7a0JBSHJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtpQkFDbEM7O0FBTUQsTUFBTSxPQUFPLHdCQUF3Qjt1R0FBeEIsd0JBQXdCOzJGQUF4Qix3QkFBd0I7OzJGQUF4Qix3QkFBd0I7a0JBSHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtpQkFDakM7O0FBTUQsTUFBTSxPQUFPLG9CQUFvQjt1R0FBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7OzJGQUFwQixvQkFBb0I7a0JBSGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtpQkFDN0I7O0FBTUQsTUFBTSxPQUFPLG9CQUFvQjt1R0FBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7OzJGQUFwQixvQkFBb0I7a0JBSGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2F1aUlucHV0QWRkb25CZWZvcmVdJyxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRBZGRvbkJlZm9yZURpcmVjdGl2ZSB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXVpSW5wdXRBZGRvbkFmdGVyXScsXG59KVxuZXhwb3J0IGNsYXNzIElucHV0QWRkb25BZnRlckRpcmVjdGl2ZSB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXVpSW5wdXRQcmVmaXhdJyxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRQcmVmaXhEaXJlY3RpdmUge31cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2F1aUlucHV0U3VmZml4XScsXG59KVxuZXhwb3J0IGNsYXNzIElucHV0U3VmZml4RGlyZWN0aXZlIHt9XG4iXX0=

package/esm2022/input/input-group/input-group.component.mjs

@@ -0,0 +1,46 @@
+import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, ViewEncapsulation, } from '@angular/core';
+import { buildBem, watchContentExist } from '../../utils';
+import { InputAddonAfterDirective, InputAddonBeforeDirective, InputPrefixDirective, InputSuffixDirective, } from '../helper-directives';
+import { InputComponent } from '../input.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class InputGroupComponent {
+    bem = buildBem('aui-input-group');
+    addonBeforeRefs;
+    addonAfterRefs;
+    prefixRefs;
+    suffixRefs;
+    inputRef;
+    hasAddonBefore$;
+    hasAddonAfter$;
+    hasPrefix$;
+    hasSuffix$;
+    ngAfterContentInit() {
+        this.hasAddonBefore$ = watchContentExist(this.addonBeforeRefs);
+        this.hasAddonAfter$ = watchContentExist(this.addonAfterRefs);
+        this.hasPrefix$ = watchContentExist(this.prefixRefs);
+        this.hasSuffix$ = watchContentExist(this.suffixRefs);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: InputGroupComponent, selector: "aui-input-group", queries: [{ propertyName: "inputRef", first: true, predicate: InputComponent, descendants: true }, { propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }, { propertyName: "prefixRefs", predicate: InputPrefixDirective }, { propertyName: "suffixRefs", predicate: InputSuffixDirective }], ngImport: i0, template: "<div\n  [ngClass]=\"bem.block(inputRef.size$ | async)\"\n  [class.isDisabled]=\"inputRef.disabled$ | async\"\n  [class.hasAddonBefore]=\"hasAddonBefore$ | async\"\n  [class.hasAddonAfter]=\"hasAddonAfter$ | async\"\n  [class.hasPrefix]=\"hasPrefix$ | async\"\n  [class.hasSuffix]=\"hasSuffix$ | async\"\n>\n  <div [class]=\"bem.element('inner-wrapper')\">\n    <div\n      *ngIf=\"hasAddonBefore$ | async\"\n      [class]=\"bem.element('addon', 'before')\"\n    >\n      <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n    </div>\n    <div [class]=\"bem.element('input-wrapper')\">\n      <span\n        *ngIf=\"hasPrefix$ | async\"\n        [class]=\"bem.element('prefix')\"\n      >\n        <ng-content select=\"[auiInputPrefix]\"></ng-content>\n      </span>\n      <ng-content></ng-content>\n      <span\n        *ngIf=\"hasSuffix$ | async\"\n        [class]=\"bem.element('suffix')\"\n      >\n        <ng-content select=\"[auiInputSuffix]\"></ng-content>\n      </span>\n    </div>\n    <div\n      *ngIf=\"hasAddonAfter$ | async\"\n      [class]=\"bem.element('addon', 'after')\"\n    >\n      <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".aui-input-group{display:inline-block;width:100%;color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal)}.aui-input-group.isDisabled{color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input-group--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-input-group--large .aui-input-group__prefix aui-icon,.aui-input-group--large .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-l)}.aui-input-group--large.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--large.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--medium .aui-input-group__prefix aui-icon,.aui-input-group--medium .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--medium.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--medium.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--small .aui-input-group__prefix aui-icon,.aui-input-group--small .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--small.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-input-group--mini .aui-input-group__prefix aui-icon,.aui-input-group--mini .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-s)}.aui-input-group--mini.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group--mini.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group__inner-wrapper{display:flex;height:100%}.aui-input-group__input-wrapper{width:100%;position:relative}.aui-input-group__input-wrapper:hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-input-group__addon{display:flex;align-items:center;flex-shrink:0;height:100%;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-input-group__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-input-group__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-input-group__prefix{position:absolute;top:50%;left:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group__suffix{position:absolute;top:50%;right:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group.hasAddonBefore .aui-input{border-top-left-radius:0;border-bottom-left-radius:0}.aui-input-group.hasAddonAfter .aui-input{border-top-right-radius:0;border-bottom-right-radius:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aui-input-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n  [ngClass]=\"bem.block(inputRef.size$ | async)\"\n  [class.isDisabled]=\"inputRef.disabled$ | async\"\n  [class.hasAddonBefore]=\"hasAddonBefore$ | async\"\n  [class.hasAddonAfter]=\"hasAddonAfter$ | async\"\n  [class.hasPrefix]=\"hasPrefix$ | async\"\n  [class.hasSuffix]=\"hasSuffix$ | async\"\n>\n  <div [class]=\"bem.element('inner-wrapper')\">\n    <div\n      *ngIf=\"hasAddonBefore$ | async\"\n      [class]=\"bem.element('addon', 'before')\"\n    >\n      <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n    </div>\n    <div [class]=\"bem.element('input-wrapper')\">\n      <span\n        *ngIf=\"hasPrefix$ | async\"\n        [class]=\"bem.element('prefix')\"\n      >\n        <ng-content select=\"[auiInputPrefix]\"></ng-content>\n      </span>\n      <ng-content></ng-content>\n      <span\n        *ngIf=\"hasSuffix$ | async\"\n        [class]=\"bem.element('suffix')\"\n      >\n        <ng-content select=\"[auiInputSuffix]\"></ng-content>\n      </span>\n    </div>\n    <div\n      *ngIf=\"hasAddonAfter$ | async\"\n      [class]=\"bem.element('addon', 'after')\"\n    >\n      <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".aui-input-group{display:inline-block;width:100%;color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-normal)}.aui-input-group.isDisabled{color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input-group--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-input-group--large .aui-input-group__prefix aui-icon,.aui-input-group--large .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-l)}.aui-input-group--large.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--large.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-input-group--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--medium .aui-input-group__prefix aui-icon,.aui-input-group--medium .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--medium.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--medium.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--small .aui-input-group__prefix aui-icon,.aui-input-group--small .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--small.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--small.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-input-group--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-input-group--mini .aui-input-group__prefix aui-icon,.aui-input-group--mini .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-s)}.aui-input-group--mini.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group--mini.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-input-group__inner-wrapper{display:flex;height:100%}.aui-input-group__input-wrapper{width:100%;position:relative}.aui-input-group__input-wrapper:hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-input-group__addon{display:flex;align-items:center;flex-shrink:0;height:100%;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-input-group__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-input-group__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-input-group__prefix{position:absolute;top:50%;left:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group__suffix{position:absolute;top:50%;right:calc(var(--aui-inline-padding-xs) + 1px);transform:translateY(-50%);color:rgb(var(--aui-color-secondary-text))}.aui-input-group.hasAddonBefore .aui-input{border-top-left-radius:0;border-bottom-left-radius:0}.aui-input-group.hasAddonAfter .aui-input{border-top-right-radius:0;border-bottom-right-radius:0}\n"] }]
+        }], propDecorators: { addonBeforeRefs: [{
+                type: ContentChildren,
+                args: [InputAddonBeforeDirective]
+            }], addonAfterRefs: [{
+                type: ContentChildren,
+                args: [InputAddonAfterDirective]
+            }], prefixRefs: [{
+                type: ContentChildren,
+                args: [InputPrefixDirective]
+            }], suffixRefs: [{
+                type: ContentChildren,
+                args: [InputSuffixDirective]
+            }], inputRef: [{
+                type: ContentChild,
+                args: [InputComponent, { static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2lucHV0L2lucHV0LWdyb3VwL2lucHV0LWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9pbnB1dC9pbnB1dC1ncm91cC9pbnB1dC1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osZUFBZSxFQUVmLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQU8sUUFBUSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQy9ELE9BQU8sRUFDTCx3QkFBd0IsRUFDeEIseUJBQXlCLEVBQ3pCLG9CQUFvQixFQUNwQixvQkFBb0IsR0FDckIsTUFBTSxzQkFBc0IsQ0FBQztBQUM5QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQVVwRCxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLEdBQUcsR0FBUSxRQUFRLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUd0QixlQUFlLENBQXVDO0lBR3RELGNBQWMsQ0FBc0M7SUFHcEQsVUFBVSxDQUFrQztJQUc1QyxVQUFVLENBQWtDO0lBRzdELFFBQVEsQ0FBaUI7SUFFekIsZUFBZSxDQUFzQjtJQUNyQyxjQUFjLENBQXNCO0lBQ3BDLFVBQVUsQ0FBc0I7SUFDaEMsVUFBVSxDQUFzQjtJQUVoQyxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGVBQWUsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDN0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDckQsSUFBSSxDQUFDLFVBQVUsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdkQsQ0FBQzt1R0E1QlUsbUJBQW1COzJGQUFuQixtQkFBbUIsNkZBZWhCLGNBQWMscUVBWlgseUJBQXlCLGlEQUd6Qix3QkFBd0IsNkNBR3hCLG9CQUFvQiw2Q0FHcEIsb0JBQW9CLDZCQ3hDdkMscXJDQXNDQTs7MkZEVmEsbUJBQW1CO2tCQVIvQixTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLOzhCQU1ULGVBQWU7c0JBRC9CLGVBQWU7dUJBQUMseUJBQXlCO2dCQUl6QixjQUFjO3NCQUQ5QixlQUFlO3VCQUFDLHdCQUF3QjtnQkFJeEIsVUFBVTtzQkFEMUIsZUFBZTt1QkFBQyxvQkFBb0I7Z0JBSXBCLFVBQVU7c0JBRDFCLGVBQWU7dUJBQUMsb0JBQW9CO2dCQUlyQyxRQUFRO3NCQURQLFlBQVk7dUJBQUMsY0FBYyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBRdWVyeUxpc3QsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgQmVtLCBidWlsZEJlbSwgd2F0Y2hDb250ZW50RXhpc3QgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQge1xuICBJbnB1dEFkZG9uQWZ0ZXJEaXJlY3RpdmUsXG4gIElucHV0QWRkb25CZWZvcmVEaXJlY3RpdmUsXG4gIElucHV0UHJlZml4RGlyZWN0aXZlLFxuICBJbnB1dFN1ZmZpeERpcmVjdGl2ZSxcbn0gZnJvbSAnLi4vaGVscGVyLWRpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgSW5wdXRDb21wb25lbnQgfSBmcm9tICcuLi9pbnB1dC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdWktaW5wdXQtZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIElucHV0R3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgYmVtOiBCZW0gPSBidWlsZEJlbSgnYXVpLWlucHV0LWdyb3VwJyk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihJbnB1dEFkZG9uQmVmb3JlRGlyZWN0aXZlKVxuICBwcml2YXRlIHJlYWRvbmx5IGFkZG9uQmVmb3JlUmVmczogUXVlcnlMaXN0PElucHV0QWRkb25CZWZvcmVEaXJlY3RpdmU+O1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oSW5wdXRBZGRvbkFmdGVyRGlyZWN0aXZlKVxuICBwcml2YXRlIHJlYWRvbmx5IGFkZG9uQWZ0ZXJSZWZzOiBRdWVyeUxpc3Q8SW5wdXRBZGRvbkFmdGVyRGlyZWN0aXZlPjtcblxuICBAQ29udGVudENoaWxkcmVuKElucHV0UHJlZml4RGlyZWN0aXZlKVxuICBwcml2YXRlIHJlYWRvbmx5IHByZWZpeFJlZnM6IFF1ZXJ5TGlzdDxJbnB1dFByZWZpeERpcmVjdGl2ZT47XG5cbiAgQENvbnRlbnRDaGlsZHJlbihJbnB1dFN1ZmZpeERpcmVjdGl2ZSlcbiAgcHJpdmF0ZSByZWFkb25seSBzdWZmaXhSZWZzOiBRdWVyeUxpc3Q8SW5wdXRTdWZmaXhEaXJlY3RpdmU+O1xuXG4gIEBDb250ZW50Q2hpbGQoSW5wdXRDb21wb25lbnQsIHsgc3RhdGljOiBmYWxzZSB9KVxuICBpbnB1dFJlZjogSW5wdXRDb21wb25lbnQ7XG5cbiAgaGFzQWRkb25CZWZvcmUkOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuICBoYXNBZGRvbkFmdGVyJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcbiAgaGFzUHJlZml4JDogT2JzZXJ2YWJsZTxib29sZWFuPjtcbiAgaGFzU3VmZml4JDogT2JzZXJ2YWJsZTxib29sZWFuPjtcblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgdGhpcy5oYXNBZGRvbkJlZm9yZSQgPSB3YXRjaENvbnRlbnRFeGlzdCh0aGlzLmFkZG9uQmVmb3JlUmVmcyk7XG4gICAgdGhpcy5oYXNBZGRvbkFmdGVyJCA9IHdhdGNoQ29udGVudEV4aXN0KHRoaXMuYWRkb25BZnRlclJlZnMpO1xuICAgIHRoaXMuaGFzUHJlZml4JCA9IHdhdGNoQ29udGVudEV4aXN0KHRoaXMucHJlZml4UmVmcyk7XG4gICAgdGhpcy5oYXNTdWZmaXgkID0gd2F0Y2hDb250ZW50RXhpc3QodGhpcy5zdWZmaXhSZWZzKTtcbiAgfVxufVxuIiwiPGRpdlxuICBbbmdDbGFzc109XCJiZW0uYmxvY2soaW5wdXRSZWYuc2l6ZSQgfCBhc3luYylcIlxuICBbY2xhc3MuaXNEaXNhYmxlZF09XCJpbnB1dFJlZi5kaXNhYmxlZCQgfCBhc3luY1wiXG4gIFtjbGFzcy5oYXNBZGRvbkJlZm9yZV09XCJoYXNBZGRvbkJlZm9yZSQgfCBhc3luY1wiXG4gIFtjbGFzcy5oYXNBZGRvbkFmdGVyXT1cImhhc0FkZG9uQWZ0ZXIkIHwgYXN5bmNcIlxuICBbY2xhc3MuaGFzUHJlZml4XT1cImhhc1ByZWZpeCQgfCBhc3luY1wiXG4gIFtjbGFzcy5oYXNTdWZmaXhdPVwiaGFzU3VmZml4JCB8IGFzeW5jXCJcbj5cbiAgPGRpdiBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2lubmVyLXdyYXBwZXInKVwiPlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiaGFzQWRkb25CZWZvcmUkIHwgYXN5bmNcIlxuICAgICAgW2NsYXNzXT1cImJlbS5lbGVtZW50KCdhZGRvbicsICdiZWZvcmUnKVwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2F1aUlucHV0QWRkb25CZWZvcmVdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgW2NsYXNzXT1cImJlbS5lbGVtZW50KCdpbnB1dC13cmFwcGVyJylcIj5cbiAgICAgIDxzcGFuXG4gICAgICAgICpuZ0lmPVwiaGFzUHJlZml4JCB8IGFzeW5jXCJcbiAgICAgICAgW2NsYXNzXT1cImJlbS5lbGVtZW50KCdwcmVmaXgnKVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthdWlJbnB1dFByZWZpeF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwYW4+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8c3BhblxuICAgICAgICAqbmdJZj1cImhhc1N1ZmZpeCQgfCBhc3luY1wiXG4gICAgICAgIFtjbGFzc109XCJiZW0uZWxlbWVudCgnc3VmZml4JylcIlxuICAgICAgPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYXVpSW5wdXRTdWZmaXhdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiaGFzQWRkb25BZnRlciQgfCBhc3luY1wiXG4gICAgICBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2FkZG9uJywgJ2FmdGVyJylcIlxuICAgID5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthdWlJbnB1dEFkZG9uQWZ0ZXJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/input/input.component.mjs

@@ -0,0 +1,59 @@
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { ComponentSize } from '../types';
+import { coerceAttrBoolean } from '../utils';
+import * as i0 from "@angular/core";
+export class InputComponent {
+    elementRef;
+    renderer;
+    get size() {
+        return this._size;
+    }
+    set size(val) {
+        if (!val || this._size === val) {
+            return;
+        }
+        this.renderer.removeClass(this.elementRef.nativeElement, 'aui-input--' + this._size);
+        this.renderer.addClass(this.elementRef.nativeElement, 'aui-input--' + val);
+        this._size = val;
+        this.size$.next(val);
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(val) {
+        const booleanVal = coerceAttrBoolean(val);
+        if (booleanVal === this._disabled) {
+            return;
+        }
+        if (booleanVal) {
+            this.renderer.setAttribute(this.elementRef.nativeElement, 'disabled', '');
+        }
+        else {
+            this.renderer.removeAttribute(this.elementRef.nativeElement, 'disabled');
+        }
+        this._disabled = booleanVal;
+        this.disabled$.next(booleanVal);
+    }
+    _size = ComponentSize.Medium;
+    _disabled = false;
+    size$ = new BehaviorSubject(this.size);
+    disabled$ = new BehaviorSubject(this.disabled);
+    constructor(elementRef, renderer) {
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.renderer.addClass(this.elementRef.nativeElement, 'aui-input');
+        this.renderer.addClass(this.elementRef.nativeElement, 'aui-input--' + this.size);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: { size: "size", disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis;font-weight:var(--aui-font-weight-normal)}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));-webkit-text-fill-color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'input[aui-input],textarea[aui-input]', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;text-overflow:ellipsis;font-weight:var(--aui-font-weight-normal)}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.aui-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));-webkit-text-fill-color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2lucHV0L2lucHV0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxLQUFLLEVBRUwsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFdkMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxVQUFVLENBQUM7O0FBVzdDLE1BQU0sT0FBTyxjQUFjO0lBOENoQjtJQUNVO0lBOUNuQixJQUNJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUVELElBQUksSUFBSSxDQUFDLEdBQUc7UUFDVixJQUFJLENBQUMsR0FBRyxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssR0FBRyxFQUFFO1lBQzlCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFDN0IsYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQzNCLENBQUM7UUFDRixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxhQUFhLEdBQUcsR0FBRyxDQUFDLENBQUM7UUFDM0UsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7UUFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBSSxRQUFRLENBQUMsR0FBaUI7UUFDNUIsTUFBTSxVQUFVLEdBQUcsaUJBQWlCLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDMUMsSUFBSSxVQUFVLEtBQUssSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNqQyxPQUFPO1NBQ1I7UUFDRCxJQUFJLFVBQVUsRUFBRTtZQUNkLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQztTQUMzRTthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsVUFBVSxDQUFDLENBQUM7U0FDMUU7UUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQztRQUM1QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRU8sS0FBSyxHQUFrQixhQUFhLENBQUMsTUFBTSxDQUFDO0lBQzVDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFFMUIsS0FBSyxHQUFHLElBQUksZUFBZSxDQUFnQixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFFdEQsU0FBUyxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUUvQyxZQUNTLFVBQXdDLEVBQzlCLFFBQW1CO1FBRDdCLGVBQVUsR0FBVixVQUFVLENBQThCO1FBQzlCLGFBQVEsR0FBUixRQUFRLENBQVc7UUFFcEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDbkUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQ3BCLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUM3QixhQUFhLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FDMUIsQ0FBQztJQUNKLENBQUM7dUdBdERVLGNBQWM7MkZBQWQsY0FBYyw0SEFOZiwyQkFBMkI7OzJGQU0xQixjQUFjO2tCQVQxQixTQUFTOytCQUVFLHNDQUFzQyxZQUN0QywyQkFBMkIsbUJBRXBCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksdUJBQ2hCLEtBQUs7eUhBSXRCLElBQUk7c0JBRFAsS0FBSztnQkFtQkYsUUFBUTtzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgc29uYXJqcy9uby1kdXBsaWNhdGUtc3RyaW5nICovXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgQ29tcG9uZW50U2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNvZXJjZUF0dHJCb29sZWFuIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdpbnB1dFthdWktaW5wdXRdLHRleHRhcmVhW2F1aS1pbnB1dF0nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIElucHV0Q29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgZ2V0IHNpemUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3NpemU7XG4gIH1cblxuICBzZXQgc2l6ZSh2YWwpIHtcbiAgICBpZiAoIXZhbCB8fCB0aGlzLl9zaXplID09PSB2YWwpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhcbiAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgJ2F1aS1pbnB1dC0tJyArIHRoaXMuX3NpemUsXG4gICAgKTtcbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnYXVpLWlucHV0LS0nICsgdmFsKTtcbiAgICB0aGlzLl9zaXplID0gdmFsO1xuICAgIHRoaXMuc2l6ZSQubmV4dCh2YWwpO1xuICB9XG5cbiAgQElucHV0KClcbiAgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZDtcbiAgfVxuXG4gIHNldCBkaXNhYmxlZCh2YWw6IGJvb2xlYW4gfCAnJykge1xuICAgIGNvbnN0IGJvb2xlYW5WYWwgPSBjb2VyY2VBdHRyQm9vbGVhbih2YWwpO1xuICAgIGlmIChib29sZWFuVmFsID09PSB0aGlzLl9kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAoYm9vbGVhblZhbCkge1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRBdHRyaWJ1dGUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdkaXNhYmxlZCcsICcnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVBdHRyaWJ1dGUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdkaXNhYmxlZCcpO1xuICAgIH1cbiAgICB0aGlzLl9kaXNhYmxlZCA9IGJvb2xlYW5WYWw7XG4gICAgdGhpcy5kaXNhYmxlZCQubmV4dChib29sZWFuVmFsKTtcbiAgfVxuXG4gIHByaXZhdGUgX3NpemU6IENvbXBvbmVudFNpemUgPSBDb21wb25lbnRTaXplLk1lZGl1bTtcbiAgcHJpdmF0ZSBfZGlzYWJsZWQgPSBmYWxzZTtcblxuICBzaXplJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Q29tcG9uZW50U2l6ZT4odGhpcy5zaXplKTtcblxuICBkaXNhYmxlZCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KHRoaXMuZGlzYWJsZWQpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgKSB7XG4gICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2F1aS1pbnB1dCcpO1xuICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoXG4gICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICdhdWktaW5wdXQtLScgKyB0aGlzLnNpemUsXG4gICAgKTtcbiAgfVxufVxuIl19