@taiga-ui/kit 2.61.0 → 3.0.0-rc.2

package/fesm2015/taiga-ui-kit-components-action.js

@@ -1,13 +1,17 @@
-import { __decorate, __param } from 'tslib';
-import { Inject, ElementRef, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
-import { AbstractTuiInteractive, isNativeFocused, TuiFocusVisibleService, tuiDefaultProp, TuiDestroyService, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiFocusableModule, TuiFocusVisibleModule } from '@taiga-ui/cdk';
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { ElementRef, Component, ChangeDetectionStrategy, Inject, ViewChild, Input, HostListener, NgModule } from '@angular/core';
+import * as i4 from '@taiga-ui/cdk';
+import { AbstractTuiInteractive, tuiIsNativeFocused, TuiFocusVisibleService, TuiDestroyService, tuiAsFocusableItemAccessor, tuiDefaultProp, TuiFocusableModule, TuiFocusVisibleModule } from '@taiga-ui/cdk';
+import * as i1 from '@taiga-ui/kit/components/marker-icon';
+import { TuiMarkerIconModule } from '@taiga-ui/kit/components/marker-icon';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i3 from '@taiga-ui/core';
 import { TuiDescribedByModule } from '@taiga-ui/core';
-import { TuiMarkerIconModule } from '@taiga-ui/kit/components/marker-icon';
 
-var TuiActionComponent_1;
 // TODO: 3.0 Refactor to button[tuiAction]
-let TuiActionComponent = TuiActionComponent_1 = class TuiActionComponent extends AbstractTuiInteractive {
+class TuiActionComponent extends AbstractTuiInteractive {
     constructor(focusVisible$, elementRef) {
         super();
         this.elementRef = elementRef;
@@ -28,71 +32,85 @@ let TuiActionComponent = TuiActionComponent_1 = class TuiActionComponent extends
         return this.focusableElement ? this.focusableElement.nativeElement : null;
     }
     get focused() {
-        return isNativeFocused(this.nativeFocusableElement);
+        return tuiIsNativeFocused(this.nativeFocusableElement);
     }
     onFocused(focused) {
         this.updateFocused(focused);
     }
-    onHovered(hovered) {
-        this.updateHovered(hovered);
-    }
     onFocusVisible(focusVisible) {
         this.updateFocusVisible(focusVisible);
     }
-};
-TuiActionComponent.ctorParameters = () => [
-    { type: TuiFocusVisibleService, decorators: [{ type: Inject, args: [TuiFocusVisibleService,] }] },
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
-];
+}
+TuiActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiActionComponent, deps: [{ token: TuiFocusVisibleService }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TuiActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiActionComponent, selector: "tui-action, a[tuiAction]", inputs: { icon: "icon" }, host: { listeners: { "focusin": "onFocused(true)", "focusout": "onFocused(false)" } }, providers: [
+        TuiDestroyService,
+        TuiFocusVisibleService,
+        tuiAsFocusableItemAccessor(TuiActionComponent),
+    ], viewQueries: [{ propertyName: "focusableElement", first: true, predicate: ["focusableElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label\n    *ngIf=\"!isLink; else content\"\n    automation-id=\"tui-action__content\"\n    class=\"t-wrapper\"\n>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <button\n        #focusableElement\n        type=\"button\"\n        automation-id=\"tui-action__native\"\n        class=\"t-button\"\n        [id]=\"id\"\n        [tuiDescribedBy]=\"id\"\n        [tuiFocusable]=\"computedFocusable\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    ></button>\n</label>\n<ng-template #content>\n    <div class=\"t-wrapper\">\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n<tui-marker-icon\n    size=\"s\"\n    class=\"t-icon\"\n    [src]=\"icon\"\n></tui-marker-icon>\n", styles: [":host{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12);transition-property:all;transition-duration:.3s;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer;transition-property:transform,box-shadow;will-change:transform,box-shadow;position:relative;display:flex;font:var(--tui-font-text-m);padding:.875rem;color:var(--tui-text-01);text-decoration:none;border:2px solid transparent;border-radius:var(--tui-radius-l);outline:none}:host:hover{box-shadow:0 .75rem 2.25rem rgba(0,0,0,.2);transform:translateY(-.25rem)}:host._focus-visible{border-color:var(--tui-focus)}.t-button{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;cursor:pointer;outline:none}.t-icon{margin-left:1.25rem;color:var(--tui-link);color:var(--tui-action-color, var(--tui-link));background-color:var(--tui-base-02);background-color:var(--tui-action-background, var(--tui-base-02))}.t-wrapper{flex:1}\n"], components: [{ type: i1.TuiMarkerIconComponent, selector: "tui-marker-icon", inputs: ["mode", "size", "src"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.TuiDescribedByDirective, selector: "[tuiDescribedBy]:not(ng-container)", inputs: ["tuiDescribedBy"] }, { type: i4.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }, { type: i4.TuiFocusVisibleDirective, selector: "[tuiFocusVisibleChange]", outputs: ["tuiFocusVisibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
-    ViewChild(`focusableElement`)
-], TuiActionComponent.prototype, "focusableElement", void 0);
-__decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiActionComponent.prototype, "icon", void 0);
-__decorate([
-    HostListener(`focusin`, [`true`]),
-    HostListener(`focusout`, [`false`])
-], TuiActionComponent.prototype, "onFocused", null);
-__decorate([
-    HostListener(`mouseenter`, [`true`]),
-    HostListener(`mouseleave`, [`false`])
-], TuiActionComponent.prototype, "onHovered", null);
-TuiActionComponent = TuiActionComponent_1 = __decorate([
-    Component({
-        selector: `tui-action, a[tuiAction]`,
-        template: "<label\n    *ngIf=\"!isLink; else content\"\n    automation-id=\"tui-action__content\"\n    class=\"t-wrapper\"\n>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <button\n        #focusableElement\n        type=\"button\"\n        automation-id=\"tui-action__native\"\n        class=\"t-button\"\n        [id]=\"id\"\n        [tuiDescribedBy]=\"id\"\n        [tuiFocusable]=\"computedFocusable\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    ></button>\n</label>\n<ng-template #content>\n    <div class=\"t-wrapper\">\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n<tui-marker-icon\n    size=\"s\"\n    class=\"t-icon\"\n    [src]=\"icon\"\n></tui-marker-icon>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        providers: [
-            TuiDestroyService,
-            TuiFocusVisibleService,
-            {
-                provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                useExisting: forwardRef(() => TuiActionComponent_1),
-            },
-        ],
-        styles: [":host{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12);transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;cursor:pointer;transition-property:transform,box-shadow;will-change:transform,box-shadow;position:relative;display:flex;font:var(--tui-font-text-m);padding:.875rem;color:var(--tui-text-01);text-decoration:none;border:2px solid transparent;border-radius:var(--tui-radius-l);outline:0}:host:hover{box-shadow:0 .75rem 2.25rem rgba(0,0,0,.2);transform:translateY(-.25rem)}:host._focus-visible{border-color:var(--tui-focus)}.t-button{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;cursor:pointer;outline:0}.t-icon{margin-left:1.25rem;color:var(--tui-action-color,var(--tui-link));background-color:var(--tui-action-background,var(--tui-base-02))}.t-wrapper{flex:1}"]
-    }),
-    __param(0, Inject(TuiFocusVisibleService)),
-    __param(1, Inject(ElementRef))
-], TuiActionComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiActionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-action, a[tuiAction]`,
+                    templateUrl: `./action.template.html`,
+                    styleUrls: [`./action.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        TuiDestroyService,
+                        TuiFocusVisibleService,
+                        tuiAsFocusableItemAccessor(TuiActionComponent),
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i4.TuiFocusVisibleService, decorators: [{
+                    type: Inject,
+                    args: [TuiFocusVisibleService]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }]; }, propDecorators: { focusableElement: [{
+                type: ViewChild,
+                args: [`focusableElement`]
+            }], icon: [{
+                type: Input
+            }], onFocused: [{
+                type: HostListener,
+                args: [`focusin`, [`true`]]
+            }, {
+                type: HostListener,
+                args: [`focusout`, [`false`]]
+            }] } });
 
-let TuiActionModule = class TuiActionModule {
-};
-TuiActionModule = __decorate([
-    NgModule({
-        imports: [
+class TuiActionModule {
+}
+TuiActionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiActionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiActionModule, declarations: [TuiActionComponent], imports: [CommonModule,
+        TuiFocusableModule,
+        TuiFocusVisibleModule,
+        TuiDescribedByModule,
+        TuiMarkerIconModule], exports: [TuiActionComponent] });
+TuiActionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiActionModule, imports: [[
             CommonModule,
             TuiFocusableModule,
             TuiFocusVisibleModule,
             TuiDescribedByModule,
             TuiMarkerIconModule,
-        ],
-        declarations: [TuiActionComponent],
-        exports: [TuiActionComponent],
-    })
-], TuiActionModule);
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiActionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TuiFocusableModule,
+                        TuiFocusVisibleModule,
+                        TuiDescribedByModule,
+                        TuiMarkerIconModule,
+                    ],
+                    declarations: [TuiActionComponent],
+                    exports: [TuiActionComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/taiga-ui-kit-components-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-action.js","sources":["ng://@taiga-ui/kit/components/action/action.component.ts","ng://@taiga-ui/kit/components/action/action.module.ts","ng://@taiga-ui/kit/components/action/taiga-ui-kit-components-action.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostListener,\n    Inject,\n    Input,\n    ViewChild,\n} from '@angular/core';\nimport {\n    AbstractTuiInteractive,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiDestroyService,\n    TuiFocusVisibleService,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\n\n// TODO: 3.0 Refactor to button[tuiAction]\n@Component({\n    selector: `tui-action, a[tuiAction]`,\n    templateUrl: `./action.template.html`,\n    styleUrls: [`./action.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TuiDestroyService,\n        TuiFocusVisibleService,\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiActionComponent),\n        },\n    ],\n})\nexport class TuiActionComponent extends AbstractTuiInteractive {\n    @ViewChild(`focusableElement`)\n    private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    icon = ``;\n\n    readonly isLink = this.elementRef.nativeElement.matches(`a`);\n\n    readonly disabled = false;\n\n    constructor(\n        @Inject(TuiFocusVisibleService) focusVisible$: TuiFocusVisibleService,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super();\n\n        if (!this.isLink) {\n            return;\n        }\n\n        focusVisible$.subscribe(visible => {\n            this.updateFocusVisible(visible);\n        });\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        if (this.isLink) {\n            return this.elementRef.nativeElement;\n        }\n\n        return this.focusableElement ? this.focusableElement.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    @HostListener(`focusin`, [`true`])\n    @HostListener(`focusout`, [`false`])\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    @HostListener(`mouseenter`, [`true`])\n    @HostListener(`mouseleave`, [`false`])\n    onHovered(hovered: boolean): void {\n        this.updateHovered(hovered);\n    }\n\n    onFocusVisible(focusVisible: boolean): void {\n        this.updateFocusVisible(focusVisible);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusableModule, TuiFocusVisibleModule} from '@taiga-ui/cdk';\nimport {TuiDescribedByModule} from '@taiga-ui/core';\nimport {TuiMarkerIconModule} from '@taiga-ui/kit/components/marker-icon';\n\nimport {TuiActionComponent} from './action.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiFocusableModule,\n        TuiFocusVisibleModule,\n        TuiDescribedByModule,\n        TuiMarkerIconModule,\n    ],\n    declarations: [TuiActionComponent],\n    exports: [TuiActionComponent],\n})\nexport class TuiActionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAoBA;IAea,kBAAkB,0BAA/B,MAAa,kBAAmB,SAAQ,sBAAsB;IAY1D,YACoC,aAAqC,EAChC,UAAmC;QAExE,KAAK,EAAE,CAAC;QAF6B,eAAU,GAAV,UAAU,CAAyB;QAR5E,SAAI,GAAG,EAAE,CAAC;QAED,WAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAEpD,aAAQ,GAAG,KAAK,CAAC;QAQtB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACd,OAAO;SACV;QAED,aAAa,CAAC,SAAS,CAAC,OAAO;YAC3B,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;SACpC,CAAC,CAAC;KACN;IAED,IAAI,sBAAsB;QACtB,IAAI,IAAI,CAAC,MAAM,EAAE;YACb,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;SACxC;QAED,OAAO,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,GAAG,IAAI,CAAC;KAC7E;IAED,IAAI,OAAO;QACP,OAAO,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;KACvD;IAID,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAID,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,cAAc,CAAC,YAAqB;QAChC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;KACzC;EACJ;;YAzCsD,sBAAsB,uBAApE,MAAM,SAAC,sBAAsB;YACmB,UAAU,uBAA1D,MAAM,SAAC,UAAU;;AAZtB;IADC,SAAS,CAAC,kBAAkB,CAAC;4DAC4C;AAI1E;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gDACP;AAmCV;IAFC,YAAY,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;IACjC,YAAY,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC;mDAGnC;AAID;IAFC,YAAY,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,CAAC;IACpC,YAAY,CAAC,YAAY,EAAE,CAAC,OAAO,CAAC,CAAC;mDAGrC;AAjDQ,kBAAkB;IAd9B,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,8tBAAqC;QAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP,iBAAiB;YACjB,sBAAsB;YACtB;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAkB,CAAC;aACpD;SACJ;;KACJ,CAAC;IAcO,WAAA,MAAM,CAAC,sBAAsB,CAAC,CAAA;IAC9B,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;GAdd,kBAAkB,CAsD9B;;ICtEY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAX3B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,kBAAkB;YAClB,qBAAqB;YACrB,oBAAoB;YACpB,mBAAmB;SACtB;QACD,YAAY,EAAE,CAAC,kBAAkB,CAAC;QAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;GACW,eAAe,CAAG;;ACnB/B;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-action.js","sources":["../../../projects/kit/components/action/action.component.ts","../../../projects/kit/components/action/action.template.html","../../../projects/kit/components/action/action.module.ts","../../../projects/kit/components/action/taiga-ui-kit-components-action.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostListener,\n    Inject,\n    Input,\n    ViewChild,\n} from '@angular/core';\nimport {\n    AbstractTuiInteractive,\n    tuiAsFocusableItemAccessor,\n    tuiDefaultProp,\n    TuiDestroyService,\n    TuiFocusVisibleService,\n    tuiIsNativeFocused,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\n\n// TODO: 3.0 Refactor to button[tuiAction]\n@Component({\n    selector: `tui-action, a[tuiAction]`,\n    templateUrl: `./action.template.html`,\n    styleUrls: [`./action.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TuiDestroyService,\n        TuiFocusVisibleService,\n        tuiAsFocusableItemAccessor(TuiActionComponent),\n    ],\n})\nexport class TuiActionComponent extends AbstractTuiInteractive {\n    @ViewChild(`focusableElement`)\n    private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    icon = ``;\n\n    readonly isLink = this.elementRef.nativeElement.matches(`a`);\n\n    readonly disabled = false;\n\n    constructor(\n        @Inject(TuiFocusVisibleService) focusVisible$: TuiFocusVisibleService,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super();\n\n        if (!this.isLink) {\n            return;\n        }\n\n        focusVisible$.subscribe(visible => {\n            this.updateFocusVisible(visible);\n        });\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        if (this.isLink) {\n            return this.elementRef.nativeElement;\n        }\n\n        return this.focusableElement ? this.focusableElement.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return tuiIsNativeFocused(this.nativeFocusableElement);\n    }\n\n    @HostListener(`focusin`, [`true`])\n    @HostListener(`focusout`, [`false`])\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    onFocusVisible(focusVisible: boolean): void {\n        this.updateFocusVisible(focusVisible);\n    }\n}\n","<label\n    *ngIf=\"!isLink; else content\"\n    automation-id=\"tui-action__content\"\n    class=\"t-wrapper\"\n>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <button\n        #focusableElement\n        type=\"button\"\n        automation-id=\"tui-action__native\"\n        class=\"t-button\"\n        [id]=\"id\"\n        [tuiDescribedBy]=\"id\"\n        [tuiFocusable]=\"computedFocusable\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    ></button>\n</label>\n<ng-template #content>\n    <div class=\"t-wrapper\">\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n<tui-marker-icon\n    size=\"s\"\n    class=\"t-icon\"\n    [src]=\"icon\"\n></tui-marker-icon>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusableModule, TuiFocusVisibleModule} from '@taiga-ui/cdk';\nimport {TuiDescribedByModule} from '@taiga-ui/core';\nimport {TuiMarkerIconModule} from '@taiga-ui/kit/components/marker-icon';\n\nimport {TuiActionComponent} from './action.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiFocusableModule,\n        TuiFocusVisibleModule,\n        TuiDescribedByModule,\n        TuiMarkerIconModule,\n    ],\n    declarations: [TuiActionComponent],\n    exports: [TuiActionComponent],\n})\nexport class TuiActionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-arrow.js

@@ -1,16 +1,16 @@
-import { __decorate, __param } from 'tslib';
-import { InjectionToken, Inject, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { sizeBigger, TuiHostedDropdownComponent, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiSvgModule } from '@taiga-ui/core';
+import * as i0 from '@angular/core';
+import { InjectionToken, Component, ChangeDetectionStrategy, Inject, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@taiga-ui/core';
+import { tuiSizeBigger, TuiHostedDropdownComponent, TUI_TEXTFIELD_SIZE, TuiSvgModule } from '@taiga-ui/core';
+import * as i2 from '@tinkoff/ng-polymorpheus';
 import { PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
-// TODO: 3.0 remove in ivy compilation
-const TUI_ARROW_ICON_SMALL = `tuiIconChevronDown`;
-const TUI_ARROW_ICON_LARGE = `tuiIconChevronDownLarge`;
 /** Default values for arrow options */
 const TUI_ARROW_DEFAULT_OPTIONS = {
-    iconSmall: TUI_ARROW_ICON_SMALL,
-    iconLarge: TUI_ARROW_ICON_LARGE,
+    iconSmall: `tuiIconChevronDown`,
+    iconLarge: `tuiIconChevronDownLarge`,
 };
 const TUI_ARROW_OPTIONS = new InjectionToken(`Default parameters for arrow component`, {
     factory: () => TUI_ARROW_DEFAULT_OPTIONS,
@@ -30,50 +30,64 @@ const tuiArrowModeProvider = (options) => ({
     useValue: Object.assign({ interactive: TUI_ARROW, disabled: TUI_ARROW }, options),
 });
 
-let TuiArrowComponent = class TuiArrowComponent {
+class TuiArrowComponent {
     constructor(dropdown, textfieldSize, options) {
         this.dropdown = dropdown;
         this.textfieldSize = textfieldSize;
         this.options = options;
     }
+    get rotated() {
+        return this.dropdown.open;
+    }
     get arrowIcon() {
-        return sizeBigger(this.textfieldSize.size)
+        return tuiSizeBigger(this.textfieldSize.size)
             ? this.options.iconLarge
             : this.options.iconSmall;
     }
-};
-TuiArrowComponent.ctorParameters = () => [
-    { type: TuiHostedDropdownComponent, decorators: [{ type: Inject, args: [TuiHostedDropdownComponent,] }] },
-    { type: TuiTextfieldSizeDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_SIZE,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_ARROW_OPTIONS,] }] }
-];
-TuiArrowComponent = __decorate([
-    Component({
-        selector: `tui-arrow`,
-        template: "<span\n    polymorpheus-outlet\n    class=\"t-icon\"\n    [class.t-icon_rotated]=\"dropdown.openChange | async\"\n    [content]=\"arrowIcon\"\n>\n    <ng-template let-icon>\n        <tui-svg [src]=\"icon\"></tui-svg>\n    </ng-template>\n</span>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [".t-icon{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}.t-icon_rotated{transform:rotate(180deg)}"]
-    }),
-    __param(0, Inject(TuiHostedDropdownComponent)),
-    __param(1, Inject(TUI_TEXTFIELD_SIZE)),
-    __param(2, Inject(TUI_ARROW_OPTIONS))
-], TuiArrowComponent);
+}
+TuiArrowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiArrowComponent, deps: [{ token: TuiHostedDropdownComponent }, { token: TUI_TEXTFIELD_SIZE }, { token: TUI_ARROW_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+TuiArrowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiArrowComponent, selector: "tui-arrow", host: { properties: { "class._rotated": "this.rotated" } }, ngImport: i0, template: "<tui-svg\n    *polymorpheusOutlet=\"arrowIcon as src\"\n    [src]=\"src\"\n></tui-svg>\n<ng-container *ngIf=\"dropdown.openChange | async\"></ng-container>\n", styles: [":host{transition-property:transform;transition-duration:.3s;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}:host._rotated{transform:rotate(180deg)}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiArrowComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-arrow`,
+                    templateUrl: `./arrow.template.html`,
+                    styleUrls: [`./arrow.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TuiHostedDropdownComponent, decorators: [{
+                    type: Inject,
+                    args: [TuiHostedDropdownComponent]
+                }] }, { type: i1.TuiTextfieldSizeDirective, decorators: [{
+                    type: Inject,
+                    args: [TUI_TEXTFIELD_SIZE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_ARROW_OPTIONS]
+                }] }]; }, propDecorators: { rotated: [{
+                type: HostBinding,
+                args: [`class._rotated`]
+            }] } });
 const TUI_ARROW = new PolymorpheusComponent(TuiArrowComponent);
 
-let TuiArrowModule = class TuiArrowModule {
-};
-TuiArrowModule = __decorate([
-    NgModule({
-        imports: [CommonModule, TuiSvgModule, PolymorpheusModule],
-        declarations: [TuiArrowComponent],
-        exports: [TuiArrowComponent],
-        entryComponents: [TuiArrowComponent],
-    })
-], TuiArrowModule);
+class TuiArrowModule {
+}
+TuiArrowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiArrowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiArrowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiArrowModule, declarations: [TuiArrowComponent], imports: [CommonModule, TuiSvgModule, PolymorpheusModule], exports: [TuiArrowComponent] });
+TuiArrowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiArrowModule, imports: [[CommonModule, TuiSvgModule, PolymorpheusModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiArrowModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiSvgModule, PolymorpheusModule],
+                    declarations: [TuiArrowComponent],
+                    exports: [TuiArrowComponent],
+                    entryComponents: [TuiArrowComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_ARROW, TUI_ARROW_DEFAULT_OPTIONS, TUI_ARROW_ICON_LARGE, TUI_ARROW_ICON_SMALL, TUI_ARROW_MODE, TUI_ARROW_OPTIONS, TuiArrowComponent, TuiArrowModule, tuiArrowModeProvider, tuiArrowOptionsProvider };
+export { TUI_ARROW, TUI_ARROW_DEFAULT_OPTIONS, TUI_ARROW_MODE, TUI_ARROW_OPTIONS, TuiArrowComponent, TuiArrowModule, tuiArrowModeProvider, tuiArrowOptionsProvider };
 //# sourceMappingURL=taiga-ui-kit-components-arrow.js.map

package/fesm2015/taiga-ui-kit-components-arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-arrow.js","sources":["ng://@taiga-ui/kit/components/arrow/arrow-options.ts","ng://@taiga-ui/kit/components/arrow/arrow.component.ts","ng://@taiga-ui/kit/components/arrow/arrow.module.ts","ng://@taiga-ui/kit/components/arrow/taiga-ui-kit-components-arrow.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeM, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_ARROW} from './arrow.component';\n\nexport interface TuiArrowOptions {\n    readonly iconSmall: PolymorpheusContent;\n    readonly iconLarge: PolymorpheusContent;\n}\n\n// TODO: 3.0 remove in ivy compilation\nexport const TUI_ARROW_ICON_SMALL = `tuiIconChevronDown`;\nexport const TUI_ARROW_ICON_LARGE = `tuiIconChevronDownLarge`;\n\n/** Default values for arrow options */\nexport const TUI_ARROW_DEFAULT_OPTIONS: TuiArrowOptions = {\n    iconSmall: TUI_ARROW_ICON_SMALL,\n    iconLarge: TUI_ARROW_ICON_LARGE,\n};\n\nexport const TUI_ARROW_OPTIONS = new InjectionToken<TuiArrowOptions>(\n    `Default parameters for arrow component`,\n    {\n        factory: () => TUI_ARROW_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiArrowOptionsProvider: (\n    options: Partial<TuiArrowOptions>,\n) => ValueProvider = (options: Partial<TuiArrowOptions>) => ({\n    provide: TUI_ARROW_OPTIONS,\n    useValue: {...TUI_ARROW_DEFAULT_OPTIONS, ...options},\n});\n\nexport interface TuiArrowMode {\n    readonly interactive: PolymorpheusContent<\n        TuiContextWithImplicit<TuiSizeS | TuiSizeM | TuiSizeL>\n    >;\n    readonly disabled: PolymorpheusContent<\n        TuiContextWithImplicit<TuiSizeS | TuiSizeM | TuiSizeL>\n    >;\n}\n\nexport const TUI_ARROW_MODE: InjectionToken<TuiArrowMode> = new InjectionToken(\n    `Type of icon in dropdowns for interactive or disable mode`,\n    {\n        factory: () => ({\n            interactive: TUI_ARROW,\n            disabled: TUI_ARROW,\n        }),\n    },\n);\n\nexport const tuiArrowModeProvider: (options: Partial<TuiArrowMode>) => ValueProvider = (\n    options: Partial<TuiArrowMode>,\n) => ({\n    provide: TUI_ARROW_MODE,\n    useValue: {\n        interactive: TUI_ARROW,\n        disabled: TUI_ARROW,\n        ...options,\n    },\n});\n","import {ChangeDetectionStrategy, Component, Inject} from '@angular/core';\nimport {\n    sizeBigger,\n    TUI_TEXTFIELD_SIZE,\n    TuiHostedDropdownComponent,\n    TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_ARROW_OPTIONS, TuiArrowOptions} from './arrow-options';\n\n@Component({\n    selector: `tui-arrow`,\n    templateUrl: `./arrow.template.html`,\n    styleUrls: [`./arrow.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiArrowComponent {\n    constructor(\n        @Inject(TuiHostedDropdownComponent)\n        readonly dropdown: TuiHostedDropdownComponent,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_ARROW_OPTIONS) private readonly options: TuiArrowOptions,\n    ) {}\n\n    get arrowIcon(): PolymorpheusContent {\n        return sizeBigger(this.textfieldSize.size)\n            ? this.options.iconLarge\n            : this.options.iconSmall;\n    }\n}\n\nexport const TUI_ARROW = new PolymorpheusComponent(TuiArrowComponent);\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiArrowComponent} from './arrow.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule, PolymorpheusModule],\n    declarations: [TuiArrowComponent],\n    exports: [TuiArrowComponent],\n    entryComponents: [TuiArrowComponent],\n})\nexport class TuiArrowModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAYA;MACa,oBAAoB,GAAG,qBAAqB;MAC5C,oBAAoB,GAAG,0BAA0B;AAE9D;MACa,yBAAyB,GAAoB;IACtD,SAAS,EAAE,oBAAoB;IAC/B,SAAS,EAAE,oBAAoB;EACjC;MAEW,iBAAiB,GAAG,IAAI,cAAc,CAC/C,wCAAwC,EACxC;IACI,OAAO,EAAE,MAAM,yBAAyB;CAC3C,EACH;MAEW,uBAAuB,GAEf,CAAC,OAAiC,MAAM;IACzD,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,kCAAM,yBAAyB,GAAK,OAAO,CAAC;CACvD,EAAE;MAWU,cAAc,GAAiC,IAAI,cAAc,CAC1E,2DAA2D,EAC3D;IACI,OAAO,EAAE,OAAO;QACZ,WAAW,EAAE,SAAS;QACtB,QAAQ,EAAE,SAAS;KACtB,CAAC;CACL,EACH;MAEW,oBAAoB,GAAsD,CACnF,OAA8B,MAC5B;IACF,OAAO,EAAE,cAAc;IACvB,QAAQ,kBACJ,WAAW,EAAE,SAAS,EACtB,QAAQ,EAAE,SAAS,IAChB,OAAO,CACb;CACJ;;IC/CY,iBAAiB,GAA9B,MAAa,iBAAiB;IAC1B,YAEa,QAAoC,EAE5B,aAAwC,EACb,OAAwB;QAH3D,aAAQ,GAAR,QAAQ,CAA4B;QAE5B,kBAAa,GAAb,aAAa,CAA2B;QACb,YAAO,GAAP,OAAO,CAAiB;KACpE;IAEJ,IAAI,SAAS;QACT,OAAO,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;cACpC,IAAI,CAAC,OAAO,CAAC,SAAS;cACtB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;KAChC;EACJ;;YAX0B,0BAA0B,uBAD5C,MAAM,SAAC,0BAA0B;YAGF,yBAAyB,uBADxD,MAAM,SAAC,kBAAkB;4CAEzB,MAAM,SAAC,iBAAiB;;AANpB,iBAAiB;IAN7B,SAAS,CAAC;QACP,QAAQ,EAAE,WAAW;QACrB,mQAAoC;QAEpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;IAGO,WAAA,MAAM,CAAC,0BAA0B,CAAC,CAAA;IAElC,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;IAE1B,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;GANrB,iBAAiB,CAc7B;MAEY,SAAS,GAAG,IAAI,qBAAqB,CAAC,iBAAiB;;ICpBvD,cAAc,GAA3B,MAAa,cAAc;EAAG;AAAjB,cAAc;IAN1B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,kBAAkB,CAAC;QACzD,YAAY,EAAE,CAAC,iBAAiB,CAAC;QACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,eAAe,EAAE,CAAC,iBAAiB,CAAC;KACvC,CAAC;GACW,cAAc,CAAG;;ACb9B;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-arrow.js","sources":["../../../projects/kit/components/arrow/arrow-options.ts","../../../projects/kit/components/arrow/arrow.component.ts","../../../projects/kit/components/arrow/arrow.template.html","../../../projects/kit/components/arrow/arrow.module.ts","../../../projects/kit/components/arrow/taiga-ui-kit-components-arrow.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeM, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_ARROW} from './arrow.component';\n\nexport interface TuiArrowOptions {\n    readonly iconSmall: PolymorpheusContent;\n    readonly iconLarge: PolymorpheusContent;\n}\n\n/** Default values for arrow options */\nexport const TUI_ARROW_DEFAULT_OPTIONS: TuiArrowOptions = {\n    iconSmall: `tuiIconChevronDown`,\n    iconLarge: `tuiIconChevronDownLarge`,\n};\n\nexport const TUI_ARROW_OPTIONS = new InjectionToken<TuiArrowOptions>(\n    `Default parameters for arrow component`,\n    {\n        factory: () => TUI_ARROW_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiArrowOptionsProvider: (\n    options: Partial<TuiArrowOptions>,\n) => ValueProvider = (options: Partial<TuiArrowOptions>) => ({\n    provide: TUI_ARROW_OPTIONS,\n    useValue: {...TUI_ARROW_DEFAULT_OPTIONS, ...options},\n});\n\nexport interface TuiArrowMode {\n    readonly interactive: PolymorpheusContent<\n        TuiContextWithImplicit<TuiSizeS | TuiSizeM | TuiSizeL>\n    >;\n    readonly disabled: PolymorpheusContent<\n        TuiContextWithImplicit<TuiSizeS | TuiSizeM | TuiSizeL>\n    >;\n}\n\nexport const TUI_ARROW_MODE: InjectionToken<TuiArrowMode> = new InjectionToken(\n    `Type of icon in dropdowns for interactive or disable mode`,\n    {\n        factory: () => ({\n            interactive: TUI_ARROW,\n            disabled: TUI_ARROW,\n        }),\n    },\n);\n\nexport const tuiArrowModeProvider: (options: Partial<TuiArrowMode>) => ValueProvider = (\n    options: Partial<TuiArrowMode>,\n) => ({\n    provide: TUI_ARROW_MODE,\n    useValue: {\n        interactive: TUI_ARROW,\n        disabled: TUI_ARROW,\n        ...options,\n    },\n});\n","import {ChangeDetectionStrategy, Component, HostBinding, Inject} from '@angular/core';\nimport {\n    TUI_TEXTFIELD_SIZE,\n    TuiHostedDropdownComponent,\n    tuiSizeBigger,\n    TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_ARROW_OPTIONS, TuiArrowOptions} from './arrow-options';\n\n@Component({\n    selector: `tui-arrow`,\n    templateUrl: `./arrow.template.html`,\n    styleUrls: [`./arrow.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiArrowComponent {\n    constructor(\n        @Inject(TuiHostedDropdownComponent)\n        readonly dropdown: TuiHostedDropdownComponent,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_ARROW_OPTIONS) private readonly options: TuiArrowOptions,\n    ) {}\n\n    @HostBinding(`class._rotated`)\n    get rotated(): boolean {\n        return this.dropdown.open;\n    }\n\n    get arrowIcon(): PolymorpheusContent {\n        return tuiSizeBigger(this.textfieldSize.size)\n            ? this.options.iconLarge\n            : this.options.iconSmall;\n    }\n}\n\nexport const TUI_ARROW = new PolymorpheusComponent(TuiArrowComponent);\n","<tui-svg\n    *polymorpheusOutlet=\"arrowIcon as src\"\n    [src]=\"src\"\n></tui-svg>\n<ng-container *ngIf=\"dropdown.openChange | async\"></ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiArrowComponent} from './arrow.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule, PolymorpheusModule],\n    declarations: [TuiArrowComponent],\n    exports: [TuiArrowComponent],\n    entryComponents: [TuiArrowComponent],\n})\nexport class TuiArrowModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-avatar.js

@@ -1,9 +1,12 @@
-import { __decorate, __param } from 'tslib';
-import { InjectionToken, Inject, Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Input, HostBinding, NgModule } from '@angular/core';
 import { tuiDefaultProp, tuiRequiredSetter } from '@taiga-ui/cdk';
-import { sizeBigger } from '@taiga-ui/core';
-import { stringHashToHsl } from '@taiga-ui/kit/utils/format';
+import { tuiSizeBigger } from '@taiga-ui/core';
+import { tuiStringHashToHsl } from '@taiga-ui/kit/utils/format';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i2 from '@taiga-ui/kit/directives';
 import { TuiLazyLoadingModule } from '@taiga-ui/kit/directives';
 
 /** Default values for the avatar options. */
@@ -20,7 +23,7 @@ const tuiAvatarOptionsProvider = (options) => ({
     useValue: Object.assign(Object.assign({}, TUI_AVATAR_DEFAULT_OPTIONS), options),
 });
 
-let TuiAvatarComponent = class TuiAvatarComponent {
+class TuiAvatarComponent {
     constructor(options) {
         this.options = options;
         this.size = this.options.size;
@@ -35,7 +38,7 @@ let TuiAvatarComponent = class TuiAvatarComponent {
         this.avatarUrl = avatarUrl;
     }
     get bgColor() {
-        return this.autoColor ? stringHashToHsl(this.text) : ``;
+        return this.autoColor ? tuiStringHashToHsl(this.text) : ``;
     }
     get hasAvatar() {
         return this.avatarUrl !== null && this.isUrlValid;
@@ -45,64 +48,80 @@ let TuiAvatarComponent = class TuiAvatarComponent {
             return ``;
         }
         const words = this.text.split(` `);
-        return words.length > 1 && sizeBigger(this.size)
+        return words.length > 1 && tuiSizeBigger(this.size)
             ? words[0].slice(0, 1) + words[1].slice(0, 1)
             : words[0].slice(0, 1);
     }
     onError() {
         this.isUrlValid = false;
     }
-};
-TuiAvatarComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_AVATAR_OPTIONS,] }] }
-];
+}
+TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAvatarComponent, deps: [{ token: TUI_AVATAR_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", avatarUrlSetter: ["avatarUrl", "avatarUrlSetter"], text: "text", autoColor: "autoColor", rounded: "rounded" }, host: { properties: { "attr.data-size": "this.size", "class._rounded": "this.rounded", "style.background": "this.bgColor", "class._has-avatar": "this.hasAvatar" } }, ngImport: i0, template: "<img\n    *ngIf=\"isUrlValid\"\n    loading=\"lazy\"\n    class=\"t-image\"\n    [attr.alt]=\"text\"\n    [src]=\"avatarUrl || ''\"\n    (error)=\"onError()\"\n/>\n<span class=\"t-text\">{{ computedText }}</span>\n", styles: [":host{position:relative;display:flex;flex-shrink:0;border-radius:var(--tui-radius-m);color:var(--tui-secondary-active);text-align:center;text-transform:uppercase;justify-content:center;align-items:center;background:currentColor;background:var(--tui-avatar-background, currentColor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}:host[data-size=xs]{font:var(--tui-font-text-s);width:1.5rem;height:1.5rem}:host[data-size=s]{font:var(--tui-font-text-m);width:2rem;height:2rem}:host[data-size=m]{font:var(--tui-font-text-l);width:3rem;height:3rem}:host[data-size=l]{font:var(--tui-font-heading-5);width:4rem;height:4rem;border-radius:var(--tui-radius-l)}:host[data-size=xl]{font:var(--tui-font-heading-3);width:6rem;height:6rem;border-radius:var(--tui-radius-l)}:host[data-size=xxl]{font:var(--tui-font-heading-1);width:9rem;height:9rem;border-radius:var(--tui-radius-l)}:host._has-avatar{background-color:transparent}:host._rounded{border-radius:100%}.t-image{width:100%;height:100%;object-fit:cover}.t-text{color:var(--tui-text-01);color:var(--tui-avatar-color, var(--tui-text-01))}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
-    Input(),
-    HostBinding(`attr.data-size`),
     tuiDefaultProp()
 ], TuiAvatarComponent.prototype, "size", void 0);
 __decorate([
-    Input(`avatarUrl`),
     tuiRequiredSetter()
 ], TuiAvatarComponent.prototype, "avatarUrlSetter", null);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiAvatarComponent.prototype, "text", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiAvatarComponent.prototype, "autoColor", void 0);
 __decorate([
-    Input(),
-    HostBinding(`class._rounded`),
     tuiDefaultProp()
 ], TuiAvatarComponent.prototype, "rounded", void 0);
-__decorate([
-    HostBinding(`style.background`)
-], TuiAvatarComponent.prototype, "bgColor", null);
-__decorate([
-    HostBinding(`class._has-avatar`)
-], TuiAvatarComponent.prototype, "hasAvatar", null);
-TuiAvatarComponent = __decorate([
-    Component({
-        selector: `tui-avatar`,
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        template: "<img\n    *ngIf=\"isUrlValid\"\n    loading=\"lazy\"\n    class=\"t-image\"\n    [attr.alt]=\"text\"\n    [src]=\"avatarUrl || ''\"\n    (error)=\"onError()\"\n/>\n<span class=\"t-text\">{{ computedText }}</span>\n",
-        styles: [":host{position:relative;display:flex;flex-shrink:0;border-radius:var(--tui-radius-m);color:var(--tui-secondary-active);text-align:center;text-transform:uppercase;justify-content:center;align-items:center;background:var(--tui-avatar-background,currentColor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}:host[data-size=xs]{font:var(--tui-font-text-s);width:1.5rem;height:1.5rem}:host[data-size='s']{font:var(--tui-font-text-m);width:2rem;height:2rem}:host[data-size='m']{font:var(--tui-font-text-l);width:3rem;height:3rem}:host[data-size='l']{font:var(--tui-font-heading-5);width:4rem;height:4rem;border-radius:var(--tui-radius-l)}:host[data-size=xl]{font:var(--tui-font-heading-3);width:6rem;height:6rem;border-radius:var(--tui-radius-l)}:host[data-size=xxl]{font:var(--tui-font-heading-1);width:9rem;height:9rem;border-radius:var(--tui-radius-l)}:host._has-avatar{background-color:transparent}:host._rounded{border-radius:100%}.t-image{width:100%;height:100%;object-fit:cover}.t-text{color:var(--tui-avatar-color,var(--tui-text-01))}"]
-    }),
-    __param(0, Inject(TUI_AVATAR_OPTIONS))
-], TuiAvatarComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAvatarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-avatar`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    templateUrl: `./avatar.template.html`,
+                    styleUrls: [`./avatar.style.less`],
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_AVATAR_OPTIONS]
+                }] }]; }, propDecorators: { size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`attr.data-size`]
+            }], avatarUrlSetter: [{
+                type: Input,
+                args: [`avatarUrl`]
+            }], text: [{
+                type: Input
+            }], autoColor: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`class._rounded`]
+            }], bgColor: [{
+                type: HostBinding,
+                args: [`style.background`]
+            }], hasAvatar: [{
+                type: HostBinding,
+                args: [`class._has-avatar`]
+            }] } });
 
-let TuiAvatarModule = class TuiAvatarModule {
-};
-TuiAvatarModule = __decorate([
-    NgModule({
-        imports: [CommonModule, TuiLazyLoadingModule],
-        declarations: [TuiAvatarComponent],
-        exports: [TuiAvatarComponent],
-    })
-], TuiAvatarModule);
+class TuiAvatarModule {
+}
+TuiAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAvatarModule, declarations: [TuiAvatarComponent], imports: [CommonModule, TuiLazyLoadingModule], exports: [TuiAvatarComponent] });
+TuiAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAvatarModule, imports: [[CommonModule, TuiLazyLoadingModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiLazyLoadingModule],
+                    declarations: [TuiAvatarComponent],
+                    exports: [TuiAvatarComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/taiga-ui-kit-components-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-avatar.js","sources":["ng://@taiga-ui/kit/components/avatar/avatar-options.ts","ng://@taiga-ui/kit/components/avatar/avatar.component.ts","ng://@taiga-ui/kit/components/avatar/avatar.module.ts","ng://@taiga-ui/kit/components/avatar/taiga-ui-kit-components-avatar.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core';\n\nexport interface TuiAvatarOptions {\n    readonly size: TuiSizeXS | TuiSizeXXL;\n    readonly autoColor: boolean;\n    readonly rounded: boolean;\n}\n\n/** Default values for the avatar options. */\nexport const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions = {\n    size: `m`,\n    autoColor: false,\n    rounded: false,\n};\n\nexport const TUI_AVATAR_OPTIONS = new InjectionToken<TuiAvatarOptions>(\n    `Default parameters for avatar component`,\n    {\n        factory: () => TUI_AVATAR_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiAvatarOptionsProvider: (\n    options: Partial<TuiAvatarOptions>,\n) => ValueProvider = (options: Partial<TuiAvatarOptions>) => ({\n    provide: TUI_AVATAR_OPTIONS,\n    useValue: {...TUI_AVATAR_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp, tuiRequiredSetter} from '@taiga-ui/cdk';\nimport {sizeBigger} from '@taiga-ui/core';\nimport {stringHashToHsl} from '@taiga-ui/kit/utils/format';\n\nimport {TUI_AVATAR_OPTIONS, TuiAvatarOptions} from './avatar-options';\n\n@Component({\n    selector: `tui-avatar`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./avatar.template.html`,\n    styleUrls: [`./avatar.style.less`],\n})\nexport class TuiAvatarComponent {\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size = this.options.size;\n\n    @Input(`avatarUrl`)\n    @tuiRequiredSetter()\n    set avatarUrlSetter(avatarUrl: string | null) {\n        this.isUrlValid = !!avatarUrl;\n        this.avatarUrl = avatarUrl;\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    text = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    autoColor: boolean = this.options.autoColor;\n\n    @Input()\n    @HostBinding(`class._rounded`)\n    @tuiDefaultProp()\n    rounded: boolean = this.options.rounded;\n\n    avatarUrl: string | null = null;\n\n    isUrlValid = false;\n\n    constructor(@Inject(TUI_AVATAR_OPTIONS) private readonly options: TuiAvatarOptions) {}\n\n    @HostBinding(`style.background`)\n    get bgColor(): string {\n        return this.autoColor ? stringHashToHsl(this.text) : ``;\n    }\n\n    @HostBinding(`class._has-avatar`)\n    get hasAvatar(): boolean {\n        return this.avatarUrl !== null && this.isUrlValid;\n    }\n\n    get computedText(): string {\n        if (this.hasAvatar || this.text === ``) {\n            return ``;\n        }\n\n        const words = this.text.split(` `);\n\n        return words.length > 1 && sizeBigger(this.size)\n            ? words[0].slice(0, 1) + words[1].slice(0, 1)\n            : words[0].slice(0, 1);\n    }\n\n    onError(): void {\n        this.isUrlValid = false;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit/directives';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n    imports: [CommonModule, TuiLazyLoadingModule],\n    declarations: [TuiAvatarComponent],\n    exports: [TuiAvatarComponent],\n})\nexport class TuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-avatar.js","sources":["../../../projects/kit/components/avatar/avatar-options.ts","../../../projects/kit/components/avatar/avatar.component.ts","../../../projects/kit/components/avatar/avatar.template.html","../../../projects/kit/components/avatar/avatar.module.ts","../../../projects/kit/components/avatar/taiga-ui-kit-components-avatar.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core';\n\nexport interface TuiAvatarOptions {\n    readonly size: TuiSizeXS | TuiSizeXXL;\n    readonly autoColor: boolean;\n    readonly rounded: boolean;\n}\n\n/** Default values for the avatar options. */\nexport const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions = {\n    size: `m`,\n    autoColor: false,\n    rounded: false,\n};\n\nexport const TUI_AVATAR_OPTIONS = new InjectionToken<TuiAvatarOptions>(\n    `Default parameters for avatar component`,\n    {\n        factory: () => TUI_AVATAR_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiAvatarOptionsProvider: (\n    options: Partial<TuiAvatarOptions>,\n) => ValueProvider = (options: Partial<TuiAvatarOptions>) => ({\n    provide: TUI_AVATAR_OPTIONS,\n    useValue: {...TUI_AVATAR_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp, tuiRequiredSetter} from '@taiga-ui/cdk';\nimport {tuiSizeBigger} from '@taiga-ui/core';\nimport {tuiStringHashToHsl} from '@taiga-ui/kit/utils/format';\n\nimport {TUI_AVATAR_OPTIONS, TuiAvatarOptions} from './avatar-options';\n\n@Component({\n    selector: `tui-avatar`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./avatar.template.html`,\n    styleUrls: [`./avatar.style.less`],\n})\nexport class TuiAvatarComponent {\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size = this.options.size;\n\n    @Input(`avatarUrl`)\n    @tuiRequiredSetter()\n    set avatarUrlSetter(avatarUrl: string | null) {\n        this.isUrlValid = !!avatarUrl;\n        this.avatarUrl = avatarUrl;\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    text = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    autoColor: boolean = this.options.autoColor;\n\n    @Input()\n    @HostBinding(`class._rounded`)\n    @tuiDefaultProp()\n    rounded: boolean = this.options.rounded;\n\n    avatarUrl: string | null = null;\n\n    isUrlValid = false;\n\n    constructor(@Inject(TUI_AVATAR_OPTIONS) private readonly options: TuiAvatarOptions) {}\n\n    @HostBinding(`style.background`)\n    get bgColor(): string {\n        return this.autoColor ? tuiStringHashToHsl(this.text) : ``;\n    }\n\n    @HostBinding(`class._has-avatar`)\n    get hasAvatar(): boolean {\n        return this.avatarUrl !== null && this.isUrlValid;\n    }\n\n    get computedText(): string {\n        if (this.hasAvatar || this.text === ``) {\n            return ``;\n        }\n\n        const words = this.text.split(` `);\n\n        return words.length > 1 && tuiSizeBigger(this.size)\n            ? words[0].slice(0, 1) + words[1].slice(0, 1)\n            : words[0].slice(0, 1);\n    }\n\n    onError(): void {\n        this.isUrlValid = false;\n    }\n}\n","<img\n    *ngIf=\"isUrlValid\"\n    loading=\"lazy\"\n    class=\"t-image\"\n    [attr.alt]=\"text\"\n    [src]=\"avatarUrl || ''\"\n    (error)=\"onError()\"\n/>\n<span class=\"t-text\">{{ computedText }}</span>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit/directives';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n    imports: [CommonModule, TuiLazyLoadingModule],\n    declarations: [TuiAvatarComponent],\n    exports: [TuiAvatarComponent],\n})\nexport class TuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AASA;AACa,MAAA,0BAA0B,GAAqB;AACxD,IAAA,IAAI,EAAE,CAAG,CAAA,CAAA;AACT,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,OAAO,EAAE,KAAK;EAChB;MAEW,kBAAkB,GAAG,IAAI,cAAc,CAChD,yCAAyC,EACzC;AACI,IAAA,OAAO,EAAE,MAAM,0BAA0B;AAC5C,CAAA,EACH;MAEW,wBAAwB,GAEhB,CAAC,OAAkC,MAAM;AAC1D,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,QAAQ,EAAM,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,0BAA0B,CAAK,EAAA,OAAO,CAAC;AACxD,CAAA;;MCTY,kBAAkB,CAAA;AA8B3B,IAAA,WAAA,CAAyD,OAAyB,EAAA;QAAzB,IAAO,CAAA,OAAA,GAAP,OAAO,CAAkB;AA1BlF,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAWzB,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;AAIV,QAAA,IAAA,CAAA,SAAS,GAAY,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;AAK5C,QAAA,IAAA,CAAA,OAAO,GAAY,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;QAExC,IAAS,CAAA,SAAA,GAAkB,IAAI,CAAC;QAEhC,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;KAEmE;IAtBtF,IAAI,eAAe,CAAC,SAAwB,EAAA;AACxC,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,SAAS,CAAC;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;KAC9B;AAqBD,IAAA,IACI,OAAO,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;KAC9D;AAED,IAAA,IACI,SAAS,GAAA;QACT,OAAO,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC;KACrD;AAED,IAAA,IAAI,YAAY,GAAA;QACZ,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,CAAA,CAAE,EAAE;AACpC,YAAA,OAAO,EAAE,CAAC;AACb,SAAA;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAG,CAAA,CAAA,CAAC,CAAC;QAEnC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;cAC7C,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AAC7C,cAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KAC9B;IAED,OAAO,GAAA;AACH,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;KAC3B;;AAxDQ,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,kBA8BP,kBAAkB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AA9B7B,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,+VCnB/B,wNASA,EAAA,MAAA,EAAA,CAAA,mnCAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;ADcI,UAAA,CAAA;AADC,IAAA,cAAc,EAAE;AACQ,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAIzB,UAAA,CAAA;AADC,IAAA,iBAAiB,EAAE;AAInB,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,IAAA,CAAA,CAAA;AAID,UAAA,CAAA;AADC,IAAA,cAAc,EAAE;AACP,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAIV,UAAA,CAAA;AADC,IAAA,cAAc,EAAE;AAC2B,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAK5C,UAAA,CAAA;AADC,IAAA,cAAc,EAAE;AACuB,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;4FAxB/B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAY,UAAA,CAAA;oBACtB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,WAAW,EAAE,CAAwB,sBAAA,CAAA;oBACrC,SAAS,EAAE,CAAC,CAAA,mBAAA,CAAqB,CAAC;AACrC,iBAAA,CAAA;;0BA+BgB,MAAM;2BAAC,kBAAkB,CAAA;4CA1BtC,IAAI,EAAA,CAAA;sBAHH,KAAK;;sBACL,WAAW;uBAAC,CAAgB,cAAA,CAAA,CAAA;gBAMzB,eAAe,EAAA,CAAA;sBAFlB,KAAK;uBAAC,CAAW,SAAA,CAAA,CAAA;gBASlB,IAAI,EAAA,CAAA;sBAFH,KAAK;gBAMN,SAAS,EAAA,CAAA;sBAFR,KAAK;gBAON,OAAO,EAAA,CAAA;sBAHN,KAAK;;sBACL,WAAW;uBAAC,CAAgB,cAAA,CAAA,CAAA;gBAWzB,OAAO,EAAA,CAAA;sBADV,WAAW;uBAAC,CAAkB,gBAAA,CAAA,CAAA;gBAM3B,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,CAAmB,iBAAA,CAAA,CAAA;;;ME7CvB,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,iBAHT,kBAAkB,CAAA,EAAA,OAAA,EAAA,CADvB,YAAY,EAAE,oBAAoB,aAElC,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAEnB,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAJf,OAAA,EAAA,CAAA,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAA,EAAA,CAAA,CAAA;4FAIpC,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,oBAAoB,CAAC;oBAC7C,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAChC,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}