@taiga-ui/kit 2.55.0 → 2.56.0

package/fesm5/taiga-ui-kit-components-field-error.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-field-error.js","sources":["ng://@taiga-ui/kit/components/field-error/field-error.component.ts","ng://@taiga-ui/kit/components/field-error/field-error.module.ts","ng://@taiga-ui/kit/components/field-error/taiga-ui-kit-components-field-error.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Inject,\n    Input,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {\n    AbstractControl,\n    FormArrayName,\n    FormGroupDirective,\n    FormGroupName,\n    NgControl,\n} from '@angular/forms';\nimport {tuiDefaultProp, tuiPure, TuiValidationError} from '@taiga-ui/cdk';\nimport {TUI_VALIDATION_ERRORS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {EMPTY, isObservable, merge, Observable, of} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nconst EMPTY_RECORD = {};\n// @dynamic\n@Component({\n    selector: 'tui-field-error',\n    // @bad TODO: find a way to get 'touched' state change\n    // https://github.com/angular/angular/issues/10887\n    changeDetection: ChangeDetectionStrategy.Default,\n    templateUrl: './field-error.template.html',\n    styleUrls: ['./field-error.style.less'],\n})\nexport class TuiFieldErrorComponent {\n    @Input()\n    @tuiDefaultProp()\n    order: readonly string[] = [];\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        private readonly ngControl: NgControl | null,\n        @Optional()\n        @Self()\n        @Inject(FormArrayName)\n        private readonly formArrayName: FormArrayName | null,\n        @Optional()\n        @Self()\n        @Inject(FormGroupName)\n        private readonly formGroupName: FormGroupName | null,\n        @Optional()\n        @Self()\n        @Inject(FormGroupDirective)\n        private readonly formGroup: FormGroupDirective | null,\n        @Inject(TUI_VALIDATION_ERRORS)\n        private readonly validationErrors: Record<\n            string,\n            PolymorpheusContent | Observable<PolymorpheusContent>\n        >,\n    ) {\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n    }\n\n    @tuiPure\n    get change$(): Observable<unknown> {\n        return merge(\n            this.control?.valueChanges || EMPTY,\n            this.control?.statusChanges || EMPTY,\n        );\n    }\n\n    get computedError(): Observable<TuiValidationError | null> {\n        return (this.invalid && this.touched && this.error) || of(null);\n    }\n\n    registerOnChange(): void {}\n\n    registerOnTouched(): void {}\n\n    setDisabledState(): void {}\n\n    writeValue(): void {}\n\n    private get error(): Observable<TuiValidationError | null> {\n        const {errorId} = this;\n\n        if (!errorId) {\n            return of(null);\n        }\n\n        const firstError = this.controlErrors[errorId];\n        const errorContent = this.validationErrors[errorId];\n\n        return this.getError(firstError, errorContent);\n    }\n\n    private get invalid(): boolean {\n        return !!this.control && this.control.invalid;\n    }\n\n    private get touched(): boolean {\n        return !!this.control && this.control.touched;\n    }\n\n    private get control(): AbstractControl | null {\n        if (this.ngControl) {\n            return this.ngControl.control;\n        }\n\n        if (this.formArrayName) {\n            return this.formArrayName.control;\n        }\n\n        if (this.formGroupName) {\n            return this.formGroupName.control;\n        }\n\n        if (this.formGroup) {\n            return this.formGroup.control;\n        }\n\n        return null;\n    }\n\n    private get errorId(): string {\n        return this.getErrorId(this.order, this.controlErrors);\n    }\n\n    private get controlErrors(): Record<string, unknown> {\n        return this.control?.errors || EMPTY_RECORD;\n    }\n\n    @tuiPure\n    private getErrorId(\n        order: readonly string[],\n        controlErrors: Record<string, unknown>,\n    ): string {\n        const id = order?.find(errorId => controlErrors[errorId]);\n        const fallback = Object.keys(controlErrors)[0];\n\n        return id || fallback || '';\n    }\n\n    @tuiPure\n    private getError(\n        firstError: any,\n        errorContent?: PolymorpheusContent | Observable<PolymorpheusContent>,\n    ): Observable<TuiValidationError> {\n        if (firstError instanceof TuiValidationError) {\n            return of(firstError);\n        }\n\n        if (errorContent === undefined && typeof firstError === 'string') {\n            return of(new TuiValidationError(firstError));\n        }\n\n        if (isObservable(errorContent)) {\n            return errorContent.pipe(\n                map(error => new TuiValidationError(error || '', firstError)),\n            );\n        }\n\n        return of(new TuiValidationError(errorContent || '', firstError));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {ReactiveFormsModule} from '@angular/forms';\nimport {TuiErrorModule} from '@taiga-ui/core';\n\nimport {TuiFieldErrorComponent} from './field-error.component';\n\n/**\n * @deprecated use {@link TuiFieldErrorPipeModule} (from '@taiga-ui/kit') instead\n */\n@NgModule({\n    imports: [CommonModule, TuiErrorModule, ReactiveFormsModule],\n    declarations: [TuiFieldErrorComponent],\n    exports: [TuiFieldErrorComponent],\n})\nexport class TuiFieldErrorModule {}\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-field-error.js","sources":["ng://@taiga-ui/kit/components/field-error/field-error.component.ts","ng://@taiga-ui/kit/components/field-error/field-error.module.ts","ng://@taiga-ui/kit/components/field-error/taiga-ui-kit-components-field-error.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Inject,\n    Input,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {\n    AbstractControl,\n    FormArrayName,\n    FormGroupDirective,\n    FormGroupName,\n    NgControl,\n} from '@angular/forms';\nimport {tuiDefaultProp, tuiPure, TuiValidationError} from '@taiga-ui/cdk';\nimport {TUI_VALIDATION_ERRORS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {EMPTY, isObservable, merge, Observable, of} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nconst EMPTY_RECORD = {};\n// @dynamic\n@Component({\n    selector: `tui-field-error`,\n    // @bad TODO: find a way to get 'touched' state change\n    // https://github.com/angular/angular/issues/10887\n    changeDetection: ChangeDetectionStrategy.Default,\n    templateUrl: `./field-error.template.html`,\n    styleUrls: [`./field-error.style.less`],\n})\nexport class TuiFieldErrorComponent {\n    @Input()\n    @tuiDefaultProp()\n    order: readonly string[] = [];\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        private readonly ngControl: NgControl | null,\n        @Optional()\n        @Self()\n        @Inject(FormArrayName)\n        private readonly formArrayName: FormArrayName | null,\n        @Optional()\n        @Self()\n        @Inject(FormGroupName)\n        private readonly formGroupName: FormGroupName | null,\n        @Optional()\n        @Self()\n        @Inject(FormGroupDirective)\n        private readonly formGroup: FormGroupDirective | null,\n        @Inject(TUI_VALIDATION_ERRORS)\n        private readonly validationErrors: Record<\n            string,\n            PolymorpheusContent | Observable<PolymorpheusContent>\n        >,\n    ) {\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n    }\n\n    @tuiPure\n    get change$(): Observable<unknown> {\n        return merge(\n            this.control?.valueChanges || EMPTY,\n            this.control?.statusChanges || EMPTY,\n        );\n    }\n\n    get computedError(): Observable<TuiValidationError | null> {\n        return (this.invalid && this.touched && this.error) || of(null);\n    }\n\n    registerOnChange(): void {}\n\n    registerOnTouched(): void {}\n\n    setDisabledState(): void {}\n\n    writeValue(): void {}\n\n    private get error(): Observable<TuiValidationError | null> {\n        const {errorId} = this;\n\n        if (!errorId) {\n            return of(null);\n        }\n\n        const firstError = this.controlErrors[errorId];\n        const errorContent = this.validationErrors[errorId];\n\n        return this.getError(firstError, errorContent);\n    }\n\n    private get invalid(): boolean {\n        return !!this.control && this.control.invalid;\n    }\n\n    private get touched(): boolean {\n        return !!this.control && this.control.touched;\n    }\n\n    private get control(): AbstractControl | null {\n        if (this.ngControl) {\n            return this.ngControl.control;\n        }\n\n        if (this.formArrayName) {\n            return this.formArrayName.control;\n        }\n\n        if (this.formGroupName) {\n            return this.formGroupName.control;\n        }\n\n        if (this.formGroup) {\n            return this.formGroup.control;\n        }\n\n        return null;\n    }\n\n    private get errorId(): string {\n        return this.getErrorId(this.order, this.controlErrors);\n    }\n\n    private get controlErrors(): Record<string, unknown> {\n        return this.control?.errors || EMPTY_RECORD;\n    }\n\n    @tuiPure\n    private getErrorId(\n        order: readonly string[],\n        controlErrors: Record<string, unknown>,\n    ): string {\n        const id = order?.find(errorId => controlErrors[errorId]);\n        const fallback = Object.keys(controlErrors)[0];\n\n        return id || fallback || ``;\n    }\n\n    @tuiPure\n    private getError(\n        firstError: any,\n        errorContent?: PolymorpheusContent | Observable<PolymorpheusContent>,\n    ): Observable<TuiValidationError> {\n        if (firstError instanceof TuiValidationError) {\n            return of(firstError);\n        }\n\n        if (errorContent === undefined && typeof firstError === `string`) {\n            return of(new TuiValidationError(firstError));\n        }\n\n        if (isObservable(errorContent)) {\n            return errorContent.pipe(\n                map(error => new TuiValidationError(error || ``, firstError)),\n            );\n        }\n\n        return of(new TuiValidationError(errorContent || ``, firstError));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {ReactiveFormsModule} from '@angular/forms';\nimport {TuiErrorModule} from '@taiga-ui/core';\n\nimport {TuiFieldErrorComponent} from './field-error.component';\n\n/**\n * @deprecated use {@link TuiFieldErrorPipeModule} (from '@taiga-ui/kit') instead\n */\n@NgModule({\n    imports: [CommonModule, TuiErrorModule, ReactiveFormsModule],\n    declarations: [TuiFieldErrorComponent],\n    exports: [TuiFieldErrorComponent],\n})\nexport class TuiFieldErrorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-files.js

@@ -17,24 +17,24 @@ var TuiFileComponent = /** @class */ (function () {
         this.sanitizer = sanitizer;
         this.fileTexts$ = fileTexts$;
         this.units$ = units$;
-        this.file = { name: '' };
-        this.state = 'normal';
-        this.size = 'm';
+        this.file = { name: "" };
+        this.state = "normal";
+        this.size = "m";
         this.showSize = true;
-        this.leftContent = '';
+        this.leftContent = "";
         this.removed = new EventEmitter();
         this.focused = false;
     }
     Object.defineProperty(TuiFileComponent.prototype, "preview", {
         get: function () {
-            return this.isBig ? this.createPreview(this.file, this.sanitizer) : '';
+            return this.isBig ? this.createPreview(this.file, this.sanitizer) : "";
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(TuiFileComponent.prototype, "isBig", {
         get: function () {
-            return this.size === 'l';
+            return this.size === "l";
         },
         enumerable: true,
         configurable: true
@@ -70,15 +70,15 @@ var TuiFileComponent = /** @class */ (function () {
     Object.defineProperty(TuiFileComponent.prototype, "icon", {
         get: function () {
             if (this.state === "normal" /* Normal */ && this.isBig) {
-                return 'tuiIconDefaultDocLarge';
+                return "tuiIconDefaultDocLarge";
             }
             switch (this.state) {
                 case "deleted" /* Deleted */:
-                    return 'tuiIconTrashLarge';
+                    return "tuiIconTrashLarge";
                 case "error" /* Error */:
-                    return 'tuiIconAlertCircleLarge';
+                    return "tuiIconAlertCircleLarge";
                 default:
-                    return 'tuiIconCheckCircleLarge';
+                    return "tuiIconCheckCircleLarge";
             }
         },
         enumerable: true,
@@ -86,7 +86,7 @@ var TuiFileComponent = /** @class */ (function () {
     });
     Object.defineProperty(TuiFileComponent.prototype, "src", {
         get: function () {
-            return this.file.src || '';
+            return this.file.src || "";
         },
         enumerable: true,
         configurable: true
@@ -128,7 +128,7 @@ var TuiFileComponent = /** @class */ (function () {
     TuiFileComponent.prototype.calculateContent$ = function (state, file, fileTexts$) {
         return state === "error" /* Error */ && !file.content
             ? fileTexts$.pipe(map(function (texts) { return texts.loadingError; }))
-            : of(this.file.content || '');
+            : of(this.file.content || "");
     };
     TuiFileComponent.prototype.calculateFileSize$ = function (file, units$) {
         return units$.pipe(map(function (units) { return formatSize(units, file.size); }));
@@ -138,16 +138,16 @@ var TuiFileComponent = /** @class */ (function () {
             return file.src;
         }
         // TODO: iframe warning
-        if (file instanceof File && file.type && file.type.startsWith('image/')) {
+        if (file instanceof File && file.type && file.type.startsWith("image/")) {
             return sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(file));
         }
-        return '';
+        return "";
     };
     TuiFileComponent.prototype.getName = function (file) {
-        return file.name.split('.').slice(0, -1).join('.');
+        return file.name.split(".").slice(0, -1).join(".");
     };
     TuiFileComponent.prototype.getType = function (file) {
-        return "." + file.name.split('.').pop() || '';
+        return "." + file.name.split(".").pop() || "";
     };
     TuiFileComponent.ctorParameters = function () { return [
         { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] },
@@ -179,10 +179,10 @@ var TuiFileComponent = /** @class */ (function () {
         Output()
     ], TuiFileComponent.prototype, "removed", void 0);
     __decorate([
-        HostBinding('class._focused')
+        HostBinding("class._focused")
     ], TuiFileComponent.prototype, "focused", void 0);
     __decorate([
-        HostBinding('class._link')
+        HostBinding("class._link")
     ], TuiFileComponent.prototype, "src", null);
     __decorate([
         tuiPure
@@ -201,7 +201,7 @@ var TuiFileComponent = /** @class */ (function () {
     ], TuiFileComponent.prototype, "getType", null);
     TuiFileComponent = __decorate([
         Component({
-            selector: 'tui-file',
+            selector: "tui-file",
             changeDetection: ChangeDetectionStrategy.OnPush,
             template: "<ng-container\n    *ngIf=\"!src; else withLink\"\n    [ngTemplateOutlet]=\"fileInfoTemplate\"\n></ng-container>\n\n<ng-template #withLink>\n    <a\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        class=\"t-link\"\n        [href]=\"src\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    >\n        <ng-container [ngTemplateOutlet]=\"fileInfoTemplate\"></ng-container>\n    </a>\n</ng-template>\n\n<ng-template #fileInfoTemplate>\n    <div\n        polymorpheus-outlet\n        class=\"t-preview\"\n        [class.t-preview_big]=\"isBig\"\n        [content]=\"leftContent || defaultLeftContent\"\n    ></div>\n    <div class=\"t-wrapper\">\n        <div class=\"t-text\">\n            <div\n                automation-id=\"tui-file__name\"\n                class=\"t-name\"\n            >\n                {{ name }}\n            </div>\n            <div\n                automation-id=\"tui-file__type\"\n                class=\"t-type\"\n            >\n                {{ type }}\n            </div>\n            <div\n                *ngIf=\"showSize && (fileSize$ | async) as fileSize\"\n                automation-id=\"tui-file__size\"\n                class=\"t-size\"\n            >\n                {{ fileSize }}\n            </div>\n        </div>\n        <div\n            *ngIf=\"content$ | async as content\"\n            polymorpheus-outlet\n            automation-id=\"tui-file__content\"\n            class=\"t-content\"\n            [content]=\"content\"\n        ></div>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"allowDelete\">\n        <button\n            *ngIf=\"fileTexts$ | async as texts\"\n            automation-id=\"tui-file__remove\"\n            tuiIconButton\n            type=\"button\"\n            size=\"xs\"\n            icon=\"tuiIconCloseLarge\"\n            appearance=\"icon\"\n            class=\"t-remove\"\n            [title]=\"texts.remove\"\n            [class.t-remove_mobile]=\"isMobile\"\n            (click.prevent)=\"onRemoveClick()\"\n        ></button>\n    </ng-container>\n</ng-template>\n\n<ng-template #defaultLeftContent>\n    <img\n        *ngIf=\"preview; else loader\"\n        automation-id=\"tui-file__preview\"\n        class=\"t-image\"\n        [src]=\"preview\"\n    />\n    <ng-template #loader>\n        <tui-loader\n            *ngIf=\"isLoading; else svg\"\n            automation-id=\"tui-file__loader\"\n            class=\"t-loader\"\n            [inheritColor]=\"isBig\"\n        ></tui-loader>\n    </ng-template>\n    <ng-template #svg>\n        <tui-svg\n            automation-id=\"tui-file__icon\"\n            class=\"t-icon\"\n            [class.t-icon_deleted]=\"isDeleted\"\n            [class.t-icon_error]=\"isError\"\n            [src]=\"icon\"\n        ></tui-svg>\n    </ng-template>\n</ng-template>\n",
             styles: [":host{position:relative;display:flex;align-items:center;font:var(--tui-font-text-m);border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host:not(._link){padding:.5625rem 2.1875rem .5625rem .5625rem}:host:hover .t-remove{opacity:1}:host._focused{border-color:var(--tui-focus);box-shadow:0 0 0 1px inset var(--tui-focus)}.t-link{display:flex;flex:1;padding:.5625rem 2.1875rem .5625rem .5625rem;text-decoration:none;outline:0;cursor:pointer;color:var(--tui-text-01);max-width:calc(100% - 2.75rem)}.t-link:hover{background-color:var(--tui-base-02)}.t-preview{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;margin-right:.75rem;border-radius:var(--tui-radius-m);overflow:hidden;color:var(--tui-base-06)}.t-preview_big{width:4rem;height:4rem;margin-right:1rem}.t-preview_big:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:var(--tui-base-08);opacity:.08}.t-image{max-width:100%;max-height:100%}.t-loader{position:absolute;top:0;left:0;width:100%;height:100%}.t-icon{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--tui-success-fill)}.t-icon_error{color:var(--tui-error-fill)}.t-icon_deleted{color:var(--tui-base-06)}.t-remove{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:.625rem;right:.625rem;opacity:0}.t-remove:focus,.t-remove_mobile{opacity:1}.t-wrapper{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.t-text{display:flex}.t-size{flex-shrink:0;opacity:var(--tui-disabled-opacity);margin-left:.5rem}.t-type{flex-shrink:0}.t-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-content{font:var(--tui-font-text-s);color:var(--tui-error-fill)}"]
@@ -246,7 +246,7 @@ var TuiFilesComponent = /** @class */ (function () {
     ], TuiFilesComponent.prototype, "max", void 0);
     TuiFilesComponent = __decorate([
         Component({
-            selector: 'tui-files',
+            selector: "tui-files",
             template: "<ng-container *ngIf=\"items?.changes | async\"></ng-container>\n\n<section\n    tuiGroup\n    orientation=\"vertical\"\n    class=\"t-files\"\n    [collapsed]=\"true\"\n>\n    <ng-content></ng-content>\n    <ng-container *ngFor=\"let item of items; let index = index\">\n        <ng-container\n            *ngIf=\"!max || index < max\"\n            [ngTemplateOutlet]=\"item\"\n        ></ng-container>\n    </ng-container>\n    <tui-expand\n        *ngIf=\"hasExtraItems\"\n        [expanded]=\"!hidden\"\n    >\n        <div class=\"t-extra-items\">\n            <ng-container *ngFor=\"let item of items; let index = index\">\n                <ng-container\n                    *ngIf=\"max && index >= max\"\n                    [ngTemplateOutlet]=\"item\"\n                ></ng-container>\n            </ng-container>\n        </div>\n    </tui-expand>\n    <button\n        *ngIf=\"hasExtraItems\"\n        tuiButton\n        appearance=\"outline\"\n        size=\"m\"\n        class=\"t-button\"\n        [class.t-button_collapsed]=\"hidden\"\n        (click)=\"toggle()\"\n    >\n        {{ (hidden ? showAllText$ : hideText$) | async }}\n    </button>\n</section>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             encapsulation: ViewEncapsulation.None,

package/fesm5/taiga-ui-kit-components-files.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-files.js","sources":["ng://@taiga-ui/kit/components/files/file/file.component.ts","ng://@taiga-ui/kit/components/files/files.component.ts","ng://@taiga-ui/kit/components/files/files.module.ts","ng://@taiga-ui/kit/components/files/taiga-ui-kit-components-files.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_IS_MOBILE, tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\nimport {TuiFileState, TuiFileStateT} from '@taiga-ui/kit/enums';\nimport {TuiFileLike} from '@taiga-ui/kit/interfaces';\nimport {TUI_DIGITAL_INFORMATION_UNITS, TUI_FILE_TEXTS} from '@taiga-ui/kit/tokens';\nimport {formatSize} from '@taiga-ui/kit/utils/files';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable, of} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\ntype FileTexts = 'loadingError' | 'preview' | 'remove';\n\n// @dynamic\n@Component({\n    selector: 'tui-file',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './file.template.html',\n    styleUrls: ['./file.style.less'],\n})\nexport class TuiFileComponent {\n    @Input()\n    @tuiDefaultProp()\n    file: TuiFileLike = {name: ''};\n\n    @Input()\n    @tuiDefaultProp()\n    state: TuiFileStateT = 'normal';\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    showSize = true;\n\n    @Input()\n    @tuiDefaultProp()\n    leftContent: PolymorpheusContent = '';\n\n    @Output()\n    readonly removed = new EventEmitter<void>();\n\n    @HostBinding('class._focused')\n    focused = false;\n\n    constructor(\n        @Inject(TUI_IS_MOBILE) readonly isMobile: boolean,\n        @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,\n        @Inject(TUI_FILE_TEXTS)\n        readonly fileTexts$: Observable<Record<FileTexts, string>>,\n        @Inject(TUI_DIGITAL_INFORMATION_UNITS)\n        private readonly units$: Observable<[string, string, string]>,\n    ) {}\n\n    get preview(): SafeValue {\n        return this.isBig ? this.createPreview(this.file, this.sanitizer) : '';\n    }\n\n    get isBig(): boolean {\n        return this.size === 'l';\n    }\n\n    get isLoading(): boolean {\n        return this.state === TuiFileState.Loading;\n    }\n\n    get isError(): boolean {\n        return this.state === TuiFileState.Error;\n    }\n\n    get isDeleted(): boolean {\n        return this.state === TuiFileState.Deleted;\n    }\n\n    get allowDelete(): boolean {\n        return !!this.removed.observers.length;\n    }\n\n    get icon(): string {\n        if (this.state === TuiFileState.Normal && this.isBig) {\n            return 'tuiIconDefaultDocLarge';\n        }\n\n        switch (this.state) {\n            case TuiFileState.Deleted:\n                return 'tuiIconTrashLarge';\n            case TuiFileState.Error:\n                return 'tuiIconAlertCircleLarge';\n            default:\n                return 'tuiIconCheckCircleLarge';\n        }\n    }\n\n    @HostBinding('class._link')\n    get src(): string {\n        return this.file.src || '';\n    }\n\n    get name(): string {\n        return this.getName(this.file);\n    }\n\n    get type(): string {\n        return this.getType(this.file);\n    }\n\n    get content$(): Observable<PolymorpheusContent> {\n        return this.calculateContent$(this.state, this.file, this.fileTexts$);\n    }\n\n    get fileSize$(): Observable<string | null> {\n        return this.calculateFileSize$(this.file, this.units$);\n    }\n\n    onRemoveClick(): void {\n        this.removed.emit();\n    }\n\n    onFocusVisible(focusVisible: boolean): void {\n        this.focused = focusVisible;\n    }\n\n    @tuiPure\n    private calculateContent$(\n        state: TuiFileStateT,\n        file: TuiFileLike,\n        fileTexts$: Observable<Record<'loadingError' | 'preview' | 'remove', string>>,\n    ): Observable<PolymorpheusContent> {\n        return state === TuiFileState.Error && !file.content\n            ? fileTexts$.pipe(map(texts => texts.loadingError))\n            : of(this.file.content || '');\n    }\n\n    @tuiPure\n    private calculateFileSize$(\n        file: TuiFileLike,\n        units$: Observable<[string, string, string]>,\n    ): Observable<string | null> {\n        return units$.pipe(map(units => formatSize(units, file.size)));\n    }\n\n    @tuiPure\n    private createPreview(file: TuiFileLike, sanitizer: DomSanitizer): SafeValue {\n        if (file.src) {\n            return file.src;\n        }\n\n        // TODO: iframe warning\n        if (file instanceof File && file.type && file.type.startsWith('image/')) {\n            return sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(file));\n        }\n\n        return '';\n    }\n\n    @tuiPure\n    private getName(file: TuiFileLike): string {\n        return file.name.split('.').slice(0, -1).join('.');\n    }\n\n    @tuiPure\n    private getType(file: TuiFileLike): string {\n        return `.${file.name.split('.').pop()}` || '';\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    Inject,\n    Input,\n    QueryList,\n    TemplateRef,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiDefaultProp, TuiItemDirective} from '@taiga-ui/cdk';\nimport {TUI_HIDE_TEXT, TUI_SHOW_ALL_TEXT} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: 'tui-files',\n    templateUrl: './files.component.html',\n    styleUrls: ['./files.component.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiFilesComponent {\n    @ContentChildren(TuiItemDirective, {read: TemplateRef})\n    readonly items: QueryList<TemplateRef<Record<string, unknown>>> | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    max = 0;\n\n    hidden = true;\n\n    constructor(\n        @Inject(TUI_HIDE_TEXT) readonly hideText$: Observable<string>,\n        @Inject(TUI_SHOW_ALL_TEXT) readonly showAllText$: Observable<string>,\n    ) {}\n\n    get hasExtraItems(): boolean {\n        return !!this.max && (this.items?.length ?? 0) > this.max;\n    }\n\n    toggle(): void {\n        this.hidden = !this.hidden;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusVisibleModule, TuiItemDirective, TuiItemModule} from '@taiga-ui/cdk';\nimport {\n    TuiButtonModule,\n    TuiExpandModule,\n    TuiGroupModule,\n    TuiLoaderModule,\n    TuiSvgModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiFileComponent} from './file/file.component';\nimport {TuiFilesComponent} from './files.component';\n\n@NgModule({\n    declarations: [TuiFilesComponent, TuiFileComponent],\n    imports: [\n        CommonModule,\n        TuiGroupModule,\n        TuiLoaderModule,\n        PolymorpheusModule,\n        TuiSvgModule,\n        TuiFocusVisibleModule,\n        TuiButtonModule,\n        TuiItemModule,\n        TuiExpandModule,\n    ],\n    exports: [TuiFilesComponent, TuiFileComponent, TuiItemDirective],\n})\nexport class TuiFilesModule {}\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-files.js","sources":["ng://@taiga-ui/kit/components/files/file/file.component.ts","ng://@taiga-ui/kit/components/files/files.component.ts","ng://@taiga-ui/kit/components/files/files.module.ts","ng://@taiga-ui/kit/components/files/taiga-ui-kit-components-files.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_IS_MOBILE, tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\nimport {TuiFileState, TuiFileStateT} from '@taiga-ui/kit/enums';\nimport {TuiFileLike} from '@taiga-ui/kit/interfaces';\nimport {TUI_DIGITAL_INFORMATION_UNITS, TUI_FILE_TEXTS} from '@taiga-ui/kit/tokens';\nimport {formatSize} from '@taiga-ui/kit/utils/files';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable, of} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\ntype FileTexts = 'loadingError' | 'preview' | 'remove';\n\n// @dynamic\n@Component({\n    selector: `tui-file`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./file.template.html`,\n    styleUrls: [`./file.style.less`],\n})\nexport class TuiFileComponent {\n    @Input()\n    @tuiDefaultProp()\n    file: TuiFileLike = {name: ``};\n\n    @Input()\n    @tuiDefaultProp()\n    state: TuiFileStateT = `normal`;\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    showSize = true;\n\n    @Input()\n    @tuiDefaultProp()\n    leftContent: PolymorpheusContent = ``;\n\n    @Output()\n    readonly removed = new EventEmitter<void>();\n\n    @HostBinding(`class._focused`)\n    focused = false;\n\n    constructor(\n        @Inject(TUI_IS_MOBILE) readonly isMobile: boolean,\n        @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,\n        @Inject(TUI_FILE_TEXTS)\n        readonly fileTexts$: Observable<Record<FileTexts, string>>,\n        @Inject(TUI_DIGITAL_INFORMATION_UNITS)\n        private readonly units$: Observable<[string, string, string]>,\n    ) {}\n\n    get preview(): SafeValue {\n        return this.isBig ? this.createPreview(this.file, this.sanitizer) : ``;\n    }\n\n    get isBig(): boolean {\n        return this.size === `l`;\n    }\n\n    get isLoading(): boolean {\n        return this.state === TuiFileState.Loading;\n    }\n\n    get isError(): boolean {\n        return this.state === TuiFileState.Error;\n    }\n\n    get isDeleted(): boolean {\n        return this.state === TuiFileState.Deleted;\n    }\n\n    get allowDelete(): boolean {\n        return !!this.removed.observers.length;\n    }\n\n    get icon(): string {\n        if (this.state === TuiFileState.Normal && this.isBig) {\n            return `tuiIconDefaultDocLarge`;\n        }\n\n        switch (this.state) {\n            case TuiFileState.Deleted:\n                return `tuiIconTrashLarge`;\n            case TuiFileState.Error:\n                return `tuiIconAlertCircleLarge`;\n            default:\n                return `tuiIconCheckCircleLarge`;\n        }\n    }\n\n    @HostBinding(`class._link`)\n    get src(): string {\n        return this.file.src || ``;\n    }\n\n    get name(): string {\n        return this.getName(this.file);\n    }\n\n    get type(): string {\n        return this.getType(this.file);\n    }\n\n    get content$(): Observable<PolymorpheusContent> {\n        return this.calculateContent$(this.state, this.file, this.fileTexts$);\n    }\n\n    get fileSize$(): Observable<string | null> {\n        return this.calculateFileSize$(this.file, this.units$);\n    }\n\n    onRemoveClick(): void {\n        this.removed.emit();\n    }\n\n    onFocusVisible(focusVisible: boolean): void {\n        this.focused = focusVisible;\n    }\n\n    @tuiPure\n    private calculateContent$(\n        state: TuiFileStateT,\n        file: TuiFileLike,\n        fileTexts$: Observable<Record<'loadingError' | 'preview' | 'remove', string>>,\n    ): Observable<PolymorpheusContent> {\n        return state === TuiFileState.Error && !file.content\n            ? fileTexts$.pipe(map(texts => texts.loadingError))\n            : of(this.file.content || ``);\n    }\n\n    @tuiPure\n    private calculateFileSize$(\n        file: TuiFileLike,\n        units$: Observable<[string, string, string]>,\n    ): Observable<string | null> {\n        return units$.pipe(map(units => formatSize(units, file.size)));\n    }\n\n    @tuiPure\n    private createPreview(file: TuiFileLike, sanitizer: DomSanitizer): SafeValue {\n        if (file.src) {\n            return file.src;\n        }\n\n        // TODO: iframe warning\n        if (file instanceof File && file.type && file.type.startsWith(`image/`)) {\n            return sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(file));\n        }\n\n        return ``;\n    }\n\n    @tuiPure\n    private getName(file: TuiFileLike): string {\n        return file.name.split(`.`).slice(0, -1).join(`.`);\n    }\n\n    @tuiPure\n    private getType(file: TuiFileLike): string {\n        return `.${file.name.split(`.`).pop()}` || ``;\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    Inject,\n    Input,\n    QueryList,\n    TemplateRef,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiDefaultProp, TuiItemDirective} from '@taiga-ui/cdk';\nimport {TUI_HIDE_TEXT, TUI_SHOW_ALL_TEXT} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: `tui-files`,\n    templateUrl: `./files.component.html`,\n    styleUrls: [`./files.component.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiFilesComponent {\n    @ContentChildren(TuiItemDirective, {read: TemplateRef})\n    readonly items: QueryList<TemplateRef<Record<string, unknown>>> | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    max = 0;\n\n    hidden = true;\n\n    constructor(\n        @Inject(TUI_HIDE_TEXT) readonly hideText$: Observable<string>,\n        @Inject(TUI_SHOW_ALL_TEXT) readonly showAllText$: Observable<string>,\n    ) {}\n\n    get hasExtraItems(): boolean {\n        return !!this.max && (this.items?.length ?? 0) > this.max;\n    }\n\n    toggle(): void {\n        this.hidden = !this.hidden;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusVisibleModule, TuiItemDirective, TuiItemModule} from '@taiga-ui/cdk';\nimport {\n    TuiButtonModule,\n    TuiExpandModule,\n    TuiGroupModule,\n    TuiLoaderModule,\n    TuiSvgModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiFileComponent} from './file/file.component';\nimport {TuiFilesComponent} from './files.component';\n\n@NgModule({\n    declarations: [TuiFilesComponent, TuiFileComponent],\n    imports: [\n        CommonModule,\n        TuiGroupModule,\n        TuiLoaderModule,\n        PolymorpheusModule,\n        TuiSvgModule,\n        TuiFocusVisibleModule,\n        TuiButtonModule,\n        TuiItemModule,\n        TuiExpandModule,\n    ],\n    exports: [TuiFilesComponent, TuiFileComponent, TuiItemDirective],\n})\nexport class TuiFilesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-filter.js

@@ -16,7 +16,7 @@ var TuiFilterComponent = /** @class */ (function (_super) {
         _this.elementRef = elementRef;
         _this.identityMatcher = TUI_DEFAULT_IDENTITY_MATCHER;
         _this.items = [];
-        _this.size = 'm';
+        _this.size = "m";
         _this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
         _this.toggledItem = new EventEmitter();
         _this.content = function (_a) {
@@ -63,7 +63,7 @@ var TuiFilterComponent = /** @class */ (function (_super) {
     ], TuiFilterComponent.prototype, "items", void 0);
     __decorate([
         Input(),
-        HostBinding('attr.data-size'),
+        HostBinding("attr.data-size"),
         tuiDefaultProp()
     ], TuiFilterComponent.prototype, "size", void 0);
     __decorate([
@@ -86,7 +86,7 @@ var TuiFilterComponent = /** @class */ (function (_super) {
     ], TuiFilterComponent.prototype, "getItemContentContext", null);
     TuiFilterComponent = __decorate([
         Component({
-            selector: 'tui-filter',
+            selector: "tui-filter",
             template: "<ng-container *ngFor=\"let item of items\">\n    <tui-checkbox-block\n        automation-id=\"tui-filter__checkbox\"\n        class=\"item\"\n        [disabled]=\"disabledItemHandler(item)\"\n        [hideCheckbox]=\"true\"\n        [ngModel]=\"isCheckboxEnabled(item)\"\n        [size]=\"size\"\n        (ngModelChange)=\"onCheckbox($event, item)\"\n    >\n        <div\n            automation-id=\"tui-filter__content\"\n            class=\"content\"\n        >\n            <div\n                polymorpheus-outlet\n                [content]=\"content\"\n                [context]=\"getItemContentContext(item)\"\n            ></div>\n            <tui-badge\n                *ngIf=\"badgeHandler(item) as badgeValue\"\n                automation-id=\"tui-filter__badge\"\n                tuiMode=\"onLight\"\n                class=\"badge\"\n                [class.badge_disabled]=\"disabledItemHandler(item)\"\n                [size]=\"size\"\n                [value]=\"badgeValue\"\n            ></tui-badge>\n        </div>\n    </tui-checkbox-block>\n</ng-container>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             styles: [":host{display:block;margin-bottom:-.25rem}.content{display:flex;align-items:center}.item{margin-right:.25rem;margin-bottom:.25rem}.item:last-child,:host[data-size='l'] .item:last-child{margin-right:0}:host[data-size='l'] .item{margin-right:.5rem;margin-bottom:.5rem}.badge{margin-left:.25rem}.badge_disabled{opacity:var(--tui-disabled-opacity)}"]

package/fesm5/taiga-ui-kit-components-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-filter.js","sources":["ng://@taiga-ui/kit/components/filter/filter.component.ts","ng://@taiga-ui/kit/components/filter/filter.module.ts","ng://@taiga-ui/kit/components/filter/taiga-ui-kit-components-filter.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiMultipleControl,\n    ALWAYS_FALSE_HANDLER,\n    isNativeFocusedIn,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_DEFAULT_STRINGIFY,\n    TuiBooleanHandler,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiHandler,\n    TuiIdentityMatcher,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// @bad TODO: Add active zone to track focus\n@Component({\n    selector: 'tui-filter',\n    templateUrl: './filter.template.html',\n    styleUrls: ['./filter.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiFilterComponent<T> extends AbstractTuiMultipleControl<T> {\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    items: readonly T[] = [];\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<T> = ALWAYS_FALSE_HANDLER;\n\n    @Output()\n    readonly toggledItem = new EventEmitter<T>();\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent<any> = ({$implicit}: TuiContextWithImplicit<unknown>) =>\n        TUI_DEFAULT_STRINGIFY($implicit);\n\n    @Input()\n    @tuiDefaultProp()\n    badgeHandler: TuiHandler<T, number> = item => Number(item);\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    @tuiPure\n    getItemContentContext($implicit: T): TuiContextWithImplicit<T> {\n        return {\n            $implicit,\n        };\n    }\n\n    onCheckbox(value: boolean, item: T): void {\n        this.toggledItem.emit(item);\n        this.updateValue(\n            value\n                ? [...this.value, item]\n                : this.value.filter(arrItem => !this.identityMatcher(arrItem, item)),\n        );\n    }\n\n    isCheckboxEnabled(item: T): boolean {\n        return this.value.some(arrItem => this.identityMatcher(arrItem, item));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiModeModule} from '@taiga-ui/core';\nimport {TuiBadgeModule} from '@taiga-ui/kit/components/badge';\nimport {TuiCheckboxBlockModule} from '@taiga-ui/kit/components/checkbox-block';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiFilterComponent} from './filter.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiCheckboxBlockModule,\n        TuiBadgeModule,\n        TuiModeModule,\n    ],\n    declarations: [TuiFilterComponent],\n    exports: [TuiFilterComponent],\n})\nexport class TuiFilterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AA8BA;;IAO2C,sCAA6B;IAqBpE,4BAII,OAAyB,EACE,iBAAoC,EAC1B,UAAmC;QAN5E,YAQI,kBAAM,OAAO,EAAE,iBAAiB,CAAC,SACpC;QAHwC,gBAAU,GAAV,UAAU,CAAyB;QAxB5E,qBAAe,GAA0B,4BAA4B,CAAC;QAItE,WAAK,GAAiB,EAAE,CAAC;QAKzB,UAAI,GAAwB,GAAG,CAAC;QAIhC,yBAAmB,GAAyB,oBAAoB,CAAC;QAGxD,iBAAW,GAAG,IAAI,YAAY,EAAK,CAAC;QAe7C,aAAO,GAA6B,UAAC,EAA4C;gBAA3C,wBAAS;YAC3C,OAAA,qBAAqB,CAAC,SAAS,CAAC;SAAA,CAAC;QAIrC,kBAAY,GAA0B,UAAA,IAAI,IAAI,OAAA,MAAM,CAAC,IAAI,CAAC,GAAA,CAAC;;KAT1D;IAWD,sBAAI,uCAAO;aAAX;YACI,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;SAC3D;;;OAAA;IAGD,kDAAqB,GAArB,UAAsB,SAAY;QAC9B,OAAO;YACH,SAAS,WAAA;SACZ,CAAC;KACL;IAED,uCAAU,GAAV,UAAW,KAAc,EAAE,IAAO;QAAlC,iBAOC;QANG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,WAAW,CACZ,KAAK;uBACK,IAAI,CAAC,KAAK,GAAE,IAAI,KACpB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAA,OAAO,IAAI,OAAA,CAAC,KAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,GAAA,CAAC,CAC3E,CAAC;KACL;IAED,8CAAiB,GAAjB,UAAkB,IAAO;QAAzB,iBAEC;QADG,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAA,OAAO,IAAI,OAAA,KAAI,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,GAAA,CAAC,CAAC;KAC1E;;gBAtCY,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;gBAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;gBACwB,UAAU,uBAA1D,MAAM,SAAC,UAAU;;IAxBtB;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;+DACqD;IAItE;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;qDACQ;IAKzB;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;oDACe;IAIhC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;mEACgD;IAGjE;QADC,MAAM,EAAE;2DACoC;IAe7C;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;uDAEoB;IAIrC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;4DAC0C;IAO3D;QADC,OAAO;mEAKP;IAlDQ,kBAAkB;QAN9B,SAAS,CAAC;YACP,QAAQ,EAAE,YAAY;YACtB,gkCAAqC;YAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;QAuBO,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,IAAI,EAAE,CAAA;QACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;QAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;QACzB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;OA3Bd,kBAAkB,CAgE9B;IAAD,yBAAC;CAAA,CAhE0C,0BAA0B;;;ICfrE;KAA+B;IAAlB,eAAe;QAZ3B,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,WAAW;gBACX,kBAAkB;gBAClB,sBAAsB;gBACtB,cAAc;gBACd,aAAa;aAChB;YACD,YAAY,EAAE,CAAC,kBAAkB,CAAC;YAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;SAChC,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAA/B;;ACtBA;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-filter.js","sources":["ng://@taiga-ui/kit/components/filter/filter.component.ts","ng://@taiga-ui/kit/components/filter/filter.module.ts","ng://@taiga-ui/kit/components/filter/taiga-ui-kit-components-filter.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiMultipleControl,\n    ALWAYS_FALSE_HANDLER,\n    isNativeFocusedIn,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_DEFAULT_STRINGIFY,\n    TuiBooleanHandler,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiHandler,\n    TuiIdentityMatcher,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// @bad TODO: Add active zone to track focus\n@Component({\n    selector: `tui-filter`,\n    templateUrl: `./filter.template.html`,\n    styleUrls: [`./filter.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiFilterComponent<T> extends AbstractTuiMultipleControl<T> {\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    items: readonly T[] = [];\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<T> = ALWAYS_FALSE_HANDLER;\n\n    @Output()\n    readonly toggledItem = new EventEmitter<T>();\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent<any> = ({$implicit}: TuiContextWithImplicit<unknown>) =>\n        TUI_DEFAULT_STRINGIFY($implicit);\n\n    @Input()\n    @tuiDefaultProp()\n    badgeHandler: TuiHandler<T, number> = item => Number(item);\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    @tuiPure\n    getItemContentContext($implicit: T): TuiContextWithImplicit<T> {\n        return {\n            $implicit,\n        };\n    }\n\n    onCheckbox(value: boolean, item: T): void {\n        this.toggledItem.emit(item);\n        this.updateValue(\n            value\n                ? [...this.value, item]\n                : this.value.filter(arrItem => !this.identityMatcher(arrItem, item)),\n        );\n    }\n\n    isCheckboxEnabled(item: T): boolean {\n        return this.value.some(arrItem => this.identityMatcher(arrItem, item));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiModeModule} from '@taiga-ui/core';\nimport {TuiBadgeModule} from '@taiga-ui/kit/components/badge';\nimport {TuiCheckboxBlockModule} from '@taiga-ui/kit/components/checkbox-block';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiFilterComponent} from './filter.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiCheckboxBlockModule,\n        TuiBadgeModule,\n        TuiModeModule,\n    ],\n    declarations: [TuiFilterComponent],\n    exports: [TuiFilterComponent],\n})\nexport class TuiFilterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-input-copy.js

@@ -31,8 +31,8 @@ var TuiInputCopyComponent = /** @class */ (function (_super) {
         _this.textfieldSize = textfieldSize;
         _this.copyTexts$ = copyTexts$;
         _this.copy$ = new Subject();
-        _this.successMessage = '';
-        _this.messageDirection = 'bottom-left';
+        _this.successMessage = "";
+        _this.messageDirection = "bottom-left";
         _this.messageMode = null;
         return _this;
     }
@@ -73,7 +73,7 @@ var TuiInputCopyComponent = /** @class */ (function (_super) {
     });
     Object.defineProperty(TuiInputCopyComponent.prototype, "icon", {
         get: function () {
-            return this.textfieldSize.size === 's' ? 'tuiIconCopy' : 'tuiIconCopyLarge';
+            return this.textfieldSize.size === "s" ? "tuiIconCopy" : "tuiIconCopyLarge";
         },
         enumerable: true,
         configurable: true
@@ -95,11 +95,11 @@ var TuiInputCopyComponent = /** @class */ (function (_super) {
             return;
         }
         this.textfield.nativeFocusableElement.select();
-        this.documentRef.execCommand('copy');
+        this.documentRef.execCommand("copy");
         this.copy$.next();
     };
     TuiInputCopyComponent.prototype.getFallbackValue = function () {
-        return '';
+        return "";
     };
     TuiInputCopyComponent.ctorParameters = function () { return [
         { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
@@ -124,14 +124,14 @@ var TuiInputCopyComponent = /** @class */ (function (_super) {
         tuiDefaultProp()
     ], TuiInputCopyComponent.prototype, "messageMode", void 0);
     __decorate([
-        HostBinding('class._has-value')
+        HostBinding("class._has-value")
     ], TuiInputCopyComponent.prototype, "hasValue", null);
     __decorate([
         tuiPure
     ], TuiInputCopyComponent.prototype, "hintText$", null);
     TuiInputCopyComponent = __decorate([
         Component({
-            selector: 'tui-input-copy',
+            selector: "tui-input-copy",
             template: "<tui-primitive-textfield\n    class=\"textfield\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [invalid]=\"computedInvalid\"\n    [focusable]=\"focusable\"\n    [nativeId]=\"nativeId\"\n    [disabled]=\"computedDisabled\"\n    [readOnly]=\"readOnly\"\n    [iconContent]=\"!disabled ? iconContent : null\"\n    [value]=\"value\"\n    (valueChange)=\"onValueChange($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content\n        select=\"input\"\n        ngProjectAs=\"input\"\n    ></ng-content>\n</tui-primitive-textfield>\n\n<ng-template #iconContent>\n    <tui-svg\n        automation-id=\"tui-copy__icon\"\n        tuiHintId=\"not_required\"\n        class=\"icon\"\n        [tuiHint]=\"hint\"\n        [tuiHintDirection]=\"messageDirection\"\n        [tuiHintMode]=\"messageMode\"\n        [src]=\"icon\"\n        (click)=\"copy()\"\n    ></tui-svg>\n</ng-template>\n\n<ng-template #hint>\n    <div\n        polymorpheus-outlet\n        [content]=\"hintText$ | async\"\n    ></div>\n</ng-template>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: TUI_INPUT_COPY_PROVIDERS,
@@ -160,7 +160,7 @@ var TuiInputCopyDirective = /** @class */ (function (_super) {
     var TuiInputCopyDirective_1;
     TuiInputCopyDirective = TuiInputCopyDirective_1 = __decorate([
         Directive({
-            selector: 'tui-input-copy',
+            selector: "tui-input-copy",
             providers: [
                 {
                     provide: TUI_TEXTFIELD_HOST,

package/fesm5/taiga-ui-kit-components-input-copy.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-copy.js","sources":["ng://@taiga-ui/kit/components/input-copy/input-copy.providers.ts","ng://@taiga-ui/kit/components/input-copy/input-copy.component.ts","ng://@taiga-ui/kit/components/input-copy/input-copy.directive.ts","ng://@taiga-ui/kit/components/input-copy/input-copy.module.ts","ng://@taiga-ui/kit/components/input-copy/taiga-ui-kit-components-input-copy.ts"],"sourcesContent":["import {forwardRef, Provider} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_VALUE_ACCESSOR_PROVIDER} from '@taiga-ui/kit/providers';\n\nimport {TuiInputCopyComponent} from './input-copy.component';\n\nexport const TUI_INPUT_COPY_PROVIDERS: Provider[] = [\n    TUI_VALUE_ACCESSOR_PROVIDER,\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputCopyComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiInputCopyComponent),\n    },\n];\n","import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_TEXTFIELD_SIZE,\n    TuiDirection,\n    TuiHintModeT,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {TUI_COPY_TEXTS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {merge, Observable, of, Subject, timer} from 'rxjs';\nimport {mapTo, startWith, switchMap} from 'rxjs/operators';\n\nimport {TUI_INPUT_COPY_PROVIDERS} from './input-copy.providers';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-copy',\n    templateUrl: './input-copy.template.html',\n    styleUrls: ['./input-copy.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_INPUT_COPY_PROVIDERS,\n})\nexport class TuiInputCopyComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private readonly copy$ = new Subject<void>();\n\n    @Input()\n    @tuiDefaultProp()\n    successMessage: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    messageDirection: TuiDirection = 'bottom-left';\n\n    @Input()\n    @tuiDefaultProp()\n    messageMode: TuiHintModeT | null = null;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_COPY_TEXTS) private readonly copyTexts$: Observable<[string, string]>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @HostBinding('class._has-value')\n    get hasValue(): boolean {\n        return !!this.value;\n    }\n\n    @tuiPure\n    get hintText$(): Observable<PolymorpheusContent> {\n        return this.copyTexts$.pipe(\n            switchMap(texts =>\n                this.copy$.pipe(\n                    switchMap(() =>\n                        merge(\n                            of(this.successMessage || texts[1]),\n                            timer(3000).pipe(mapTo(texts[0])),\n                        ),\n                    ),\n                    startWith(texts[0]),\n                ),\n            ),\n        );\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.computedDisabled || !this.textfield\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get icon(): string {\n        return this.textfieldSize.size === 's' ? 'tuiIconCopy' : 'tuiIconCopyLarge';\n    }\n\n    onValueChange(value: string): void {\n        this.updateValue(value);\n    }\n\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean): void {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean): void {\n        this.updatePressed(pressed);\n    }\n\n    copy(): void {\n        if (!this.textfield || !this.textfield.nativeFocusableElement) {\n            return;\n        }\n\n        this.textfield.nativeFocusableElement.select();\n        this.documentRef.execCommand('copy');\n        this.copy$.next();\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputCopyComponent} from './input-copy.component';\n\n@Directive({\n    selector: 'tui-input-copy',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputCopyDirective),\n        },\n    ],\n})\nexport class TuiInputCopyDirective extends TuiAbstractTextfieldHost<TuiInputCopyComponent> {\n    onValueChange(value: string): void {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiAlertModule,\n    TuiHintModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputCopyComponent} from './input-copy.component';\nimport {TuiInputCopyDirective} from './input-copy.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiSvgModule,\n        TuiHintModule,\n        TuiPrimitiveTextfieldModule,\n        TuiAlertModule,\n    ],\n    declarations: [TuiInputCopyComponent, TuiInputCopyDirective],\n    exports: [TuiInputCopyComponent, TuiInputCopyDirective, TuiTextfieldComponent],\n})\nexport class TuiInputCopyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;IAMa,wBAAwB,GAAe;IAChD,2BAA2B;IAC3B;QACI,OAAO,EAAE,2BAA2B;QACpC,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,qBAAqB,GAAA,CAAC;KACvD;IACD;QACI,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,qBAAqB,GAAA,CAAC;KACvD;;;ACmBL;;IASY,yCAA0B;IAoBlC,+BAII,OAAyB,EACE,iBAAoC,EAC5B,WAAqB,EAEvC,aAAwC,EAChB,UAAwC;QATrF,YAWI,kBAAM,OAAO,EAAE,iBAAiB,CAAC,SACpC;QANsC,iBAAW,GAAX,WAAW,CAAU;QAEvC,mBAAa,GAAb,aAAa,CAA2B;QAChB,gBAAU,GAAV,UAAU,CAA8B;QAvBpE,WAAK,GAAG,IAAI,OAAO,EAAQ,CAAC;QAI7C,oBAAc,GAAwB,EAAE,CAAC;QAIzC,sBAAgB,GAAiB,aAAa,CAAC;QAI/C,iBAAW,GAAwB,IAAI,CAAC;;KAcvC;IAGD,sBAAI,2CAAQ;aAAZ;YACI,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;SACvB;;;OAAA;IAGD,sBAAI,4CAAS;aAAb;YADA,iBAeC;YAbG,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CACvB,SAAS,CAAC,UAAA,KAAK;gBACX,OAAA,KAAI,CAAC,KAAK,CAAC,IAAI,CACX,SAAS,CAAC;oBACN,OAAA,KAAK,CACD,EAAE,CAAC,KAAI,CAAC,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,EACnC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CACpC;iBAAA,CACJ,EACD,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB;aAAA,CACJ,CACJ,CAAC;SACL;;;OAAA;IAED,sBAAI,yDAAsB;aAA1B;YACI,OAAO,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,SAAS;kBACzC,IAAI;kBACJ,IAAI,CAAC,SAAS,CAAC,sBAAsB,CAAC;SAC/C;;;OAAA;IAED,sBAAI,0CAAO;aAAX;YACI,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;SACrD;;;OAAA;IAED,sBAAI,uCAAI;aAAR;YACI,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,GAAG,GAAG,aAAa,GAAG,kBAAkB,CAAC;SAC/E;;;OAAA;IAED,6CAAa,GAAb,UAAc,KAAa;QACvB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KAC3B;IAED,yCAAS,GAAT,UAAU,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,yCAAS,GAAT,UAAU,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,yCAAS,GAAT,UAAU,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,oCAAI,GAAJ;QACI,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,sBAAsB,EAAE;YAC3D,OAAO;SACV;QAED,IAAI,CAAC,SAAS,CAAC,sBAAsB,CAAC,MAAM,EAAE,CAAC;QAC/C,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACrC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KACrB;IAES,gDAAgB,GAA1B;QACI,OAAO,EAAE,CAAC;KACb;;gBA1EY,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;gBAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;gBACuB,QAAQ,uBAAvD,MAAM,SAAC,QAAQ;gBAEgB,yBAAyB,uBADxD,MAAM,SAAC,kBAAkB;gBAE2B,UAAU,uBAA9D,MAAM,SAAC,cAAc;;IAzB1B;QADC,SAAS,CAAC,8BAA8B,CAAC;4DACkB;IAM5D;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;iEACwB;IAIzC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;mEAC8B;IAI/C;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;8DACuB;IAiBxC;QADC,WAAW,CAAC,kBAAkB,CAAC;yDAG/B;IAGD;QADC,OAAO;0DAeP;IAvDQ,qBAAqB;QAPjC,SAAS,CAAC;YACP,QAAQ,EAAE,gBAAgB;YAC1B,2sCAAyC;YAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE,wBAAwB;;SACtC,CAAC;QAuBO,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,IAAI,EAAE,CAAA;QACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;QAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;QACzB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;QAChB,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;QAE1B,WAAA,MAAM,CAAC,cAAc,CAAC,CAAA;OA9BlB,qBAAqB,CAoGjC;IAAD,4BAAC;CAAA,CAnGW,kBAAkB;;;IC7Ba,yCAA+C;IAA1F;;KAIC;8BAJY,qBAAqB;IAC9B,6CAAa,GAAb,UAAc,KAAa;QACvB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAClC;;IAHQ,qBAAqB;QATjC,SAAS,CAAC;YACP,QAAQ,EAAE,gBAAgB;YAC1B,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,kBAAkB;oBAC3B,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,uBAAqB,GAAA,CAAC;iBACvD;aACJ;SACJ,CAAC;OACW,qBAAqB,CAIjC;IAAD,4BAAC;CAAA,CAJ0C,wBAAwB;;;ICYnE;KAAkC;IAArB,kBAAkB;QAZ9B,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,kBAAkB;gBAClB,YAAY;gBACZ,aAAa;gBACb,2BAA2B;gBAC3B,cAAc;aACjB;YACD,YAAY,EAAE,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;YAC5D,OAAO,EAAE,CAAC,qBAAqB,EAAE,qBAAqB,EAAE,qBAAqB,CAAC;SACjF,CAAC;OACW,kBAAkB,CAAG;IAAD,yBAAC;CAAlC;;AC1BA;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-input-copy.js","sources":["ng://@taiga-ui/kit/components/input-copy/input-copy.providers.ts","ng://@taiga-ui/kit/components/input-copy/input-copy.component.ts","ng://@taiga-ui/kit/components/input-copy/input-copy.directive.ts","ng://@taiga-ui/kit/components/input-copy/input-copy.module.ts","ng://@taiga-ui/kit/components/input-copy/taiga-ui-kit-components-input-copy.ts"],"sourcesContent":["import {forwardRef, Provider} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_VALUE_ACCESSOR_PROVIDER} from '@taiga-ui/kit/providers';\n\nimport {TuiInputCopyComponent} from './input-copy.component';\n\nexport const TUI_INPUT_COPY_PROVIDERS: Provider[] = [\n    TUI_VALUE_ACCESSOR_PROVIDER,\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputCopyComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiInputCopyComponent),\n    },\n];\n","import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_TEXTFIELD_SIZE,\n    TuiDirection,\n    TuiHintModeT,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {TUI_COPY_TEXTS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {merge, Observable, of, Subject, timer} from 'rxjs';\nimport {mapTo, startWith, switchMap} from 'rxjs/operators';\n\nimport {TUI_INPUT_COPY_PROVIDERS} from './input-copy.providers';\n\n// @dynamic\n@Component({\n    selector: `tui-input-copy`,\n    templateUrl: `./input-copy.template.html`,\n    styleUrls: [`./input-copy.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_INPUT_COPY_PROVIDERS,\n})\nexport class TuiInputCopyComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private readonly copy$ = new Subject<void>();\n\n    @Input()\n    @tuiDefaultProp()\n    successMessage: PolymorpheusContent = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    messageDirection: TuiDirection = `bottom-left`;\n\n    @Input()\n    @tuiDefaultProp()\n    messageMode: TuiHintModeT | null = null;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_COPY_TEXTS) private readonly copyTexts$: Observable<[string, string]>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @HostBinding(`class._has-value`)\n    get hasValue(): boolean {\n        return !!this.value;\n    }\n\n    @tuiPure\n    get hintText$(): Observable<PolymorpheusContent> {\n        return this.copyTexts$.pipe(\n            switchMap(texts =>\n                this.copy$.pipe(\n                    switchMap(() =>\n                        merge(\n                            of(this.successMessage || texts[1]),\n                            timer(3000).pipe(mapTo(texts[0])),\n                        ),\n                    ),\n                    startWith(texts[0]),\n                ),\n            ),\n        );\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.computedDisabled || !this.textfield\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get icon(): string {\n        return this.textfieldSize.size === `s` ? `tuiIconCopy` : `tuiIconCopyLarge`;\n    }\n\n    onValueChange(value: string): void {\n        this.updateValue(value);\n    }\n\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean): void {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean): void {\n        this.updatePressed(pressed);\n    }\n\n    copy(): void {\n        if (!this.textfield || !this.textfield.nativeFocusableElement) {\n            return;\n        }\n\n        this.textfield.nativeFocusableElement.select();\n        this.documentRef.execCommand(`copy`);\n        this.copy$.next();\n    }\n\n    protected getFallbackValue(): string {\n        return ``;\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputCopyComponent} from './input-copy.component';\n\n@Directive({\n    selector: `tui-input-copy`,\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputCopyDirective),\n        },\n    ],\n})\nexport class TuiInputCopyDirective extends TuiAbstractTextfieldHost<TuiInputCopyComponent> {\n    onValueChange(value: string): void {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiAlertModule,\n    TuiHintModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputCopyComponent} from './input-copy.component';\nimport {TuiInputCopyDirective} from './input-copy.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiSvgModule,\n        TuiHintModule,\n        TuiPrimitiveTextfieldModule,\n        TuiAlertModule,\n    ],\n    declarations: [TuiInputCopyComponent, TuiInputCopyDirective],\n    exports: [TuiInputCopyComponent, TuiInputCopyDirective, TuiTextfieldComponent],\n})\nexport class TuiInputCopyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-input-count.js

@@ -11,22 +11,22 @@ import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { TextMaskModule } from 'angular2-text-mask';
 
 // TODO: 3.0 remove in ivy compilation
-var PASSWORD_ICON_UP = 'tuiIconPlus';
-var PASSWORD_ICON_DOWN = 'tuiIconMinus';
+var PASSWORD_ICON_UP = "tuiIconPlus";
+var PASSWORD_ICON_DOWN = "tuiIconMinus";
 /** Default values for the input count options. */
 var TUI_INPUT_COUNT_DEFAULT_OPTIONS = {
     icons: {
         up: PASSWORD_ICON_UP,
         down: PASSWORD_ICON_DOWN,
     },
-    appearance: 'textfield',
+    appearance: "textfield",
     hideButtons: false,
     min: 0,
     max: Infinity,
     step: 1,
-    postfix: '',
+    postfix: "",
 };
-var TUI_INPUT_COUNT_OPTIONS = new InjectionToken('Default parameters for input count component', {
+var TUI_INPUT_COUNT_OPTIONS = new InjectionToken("Default parameters for input count component", {
     factory: function () { return TUI_INPUT_COUNT_DEFAULT_OPTIONS; },
 });
 var tuiInputCountOptionsProvider = function (options) { return ({
@@ -49,7 +49,7 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
         _this.min = _this.options.min;
         _this.max = _this.options.max;
         _this.hideButtons = _this.options.hideButtons;
-        _this.prefix = '';
+        _this.prefix = "";
         _this.postfix = _this.options.postfix;
         return _this;
     }
@@ -67,7 +67,7 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
     Object.defineProperty(TuiInputCountComponent.prototype, "buttonsHidden", {
         // TODO: 3.0 Remove in v.3
         get: function () {
-            return this.hideButtons || this.appearance === 'table';
+            return this.hideButtons || this.appearance === "table";
         },
         enumerable: true,
         configurable: true
@@ -184,13 +184,13 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
     };
     TuiInputCountComponent.prototype.onKeydown = function (event) {
         switch (event.key) {
-            case 'ArrowUp':
-            case 'Up':
+            case "ArrowUp":
+            case "Up":
                 this.increaseValue();
                 event.preventDefault();
                 break;
-            case 'ArrowDown':
-            case 'Down':
+            case "ArrowDown":
+            case "Down":
                 this.decreaseValue();
                 event.preventDefault();
                 break;
@@ -203,14 +203,14 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
     };
     Object.defineProperty(TuiInputCountComponent.prototype, "nativeNumberValue", {
         get: function () {
-            return parseInt(this.nativeValue.split(this.numberFormat.thousandSeparator).join(''), 10);
+            return parseInt(this.nativeValue.split(this.numberFormat.thousandSeparator).join(""), 10);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(TuiInputCountComponent.prototype, "nativeValue", {
         get: function () {
-            return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';
+            return this.nativeFocusableElement ? this.nativeFocusableElement.value : "";
         },
         set: function (value) {
             if (!this.nativeFocusableElement) {
@@ -284,14 +284,14 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
         tuiPure
     ], TuiInputCountComponent.prototype, "getMask", null);
     __decorate([
-        HostBinding('class._hide-buttons')
+        HostBinding("class._hide-buttons")
     ], TuiInputCountComponent.prototype, "buttonsHidden", null);
     __decorate([
-        HostBinding('attr.data-size')
+        HostBinding("attr.data-size")
     ], TuiInputCountComponent.prototype, "size", null);
     TuiInputCountComponent = TuiInputCountComponent_1 = __decorate([
         Component({
-            selector: 'tui-input-count',
+            selector: "tui-input-count",
             template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldAutocomplete=\"off\"\n    tuiTextfieldInputMode=\"numeric\"\n    class=\"textfield\"\n    [tuiTextfieldMaxLength]=\"18\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [focusable]=\"focusable\"\n    [nativeId]=\"nativeId\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix\"\n    [disabled]=\"computedDisabled\"\n    [readOnly]=\"readOnly\"\n    [textMask]=\"getMask(min < 0)\"\n    [invalid]=\"computedInvalid\"\n    [value]=\"computedValue\"\n    (valueChange)=\"onValueChange()\"\n    (keydown)=\"onKeydown($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content\n        select=\"input\"\n        ngProjectAs=\"input\"\n    ></ng-content>\n</tui-primitive-textfield>\n<ng-container *ngIf=\"!buttonsHidden\">\n    <ng-container *ngIf=\"minusTexts$ | async as texts\">\n        <section class=\"buttons\">\n            <button\n                tuiIconButton\n                type=\"button\"\n                automation-id=\"tui-input-count__plus-button\"\n                size=\"s\"\n                class=\"button button_plus\"\n                [icon]=\"iconUp\"\n                [appearance]=\"options.appearance\"\n                [title]=\"texts[0]\"\n                [disabled]=\"plusButtonDisabled\"\n                [focusable]=\"false\"\n                (mousedown)=\"onButtonMouseDown($event, plusButtonDisabled)\"\n                (click)=\"increaseValue()\"\n            ></button>\n            <button\n                tuiIconButton\n                type=\"button\"\n                automation-id=\"tui-input-count__minus-button\"\n                size=\"s\"\n                class=\"button button_minus\"\n                [icon]=\"iconDown\"\n                [appearance]=\"options.appearance\"\n                [disabled]=\"minusButtonDisabled\"\n                [focusable]=\"false\"\n                [title]=\"texts[1]\"\n                (mousedown)=\"onButtonMouseDown($event, minusButtonDisabled)\"\n                (click)=\"decreaseValue()\"\n            ></button>\n        </section>\n    </ng-container>\n</ng-container>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
@@ -330,13 +330,13 @@ var TuiInputCountDirective = /** @class */ (function (_super) {
         this.host.onValueChange();
     };
     TuiInputCountDirective.prototype.process = function (input) {
-        input.autocomplete = 'off';
-        input.inputMode = 'numeric';
+        input.autocomplete = "off";
+        input.inputMode = "numeric";
     };
     var TuiInputCountDirective_1;
     TuiInputCountDirective = TuiInputCountDirective_1 = __decorate([
         Directive({
-            selector: 'tui-input-count',
+            selector: "tui-input-count",
             providers: [
                 {
                     provide: TUI_TEXTFIELD_HOST,