@taiga-ui/kit 2.60.0 → 2.62.1

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

@@ -0,0 +1,216 @@
+import { __decorate, __param } from 'tslib';
+import { EventEmitter, Inject, Input, Output, Component, ChangeDetectionStrategy, Optional, SkipSelf, Directive, TemplateRef, ChangeDetectorRef, forwardRef, HostBinding, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule } from '@angular/core';
+import { tuiIsObserved, tuiDefaultProp, TuiDestroyService, AbstractTuiDialogService, TUI_ALERTS } from '@taiga-ui/cdk';
+import { TUI_CLOSE_WORD, TuiModeDirective, TUI_BUTTON_OPTIONS, TUI_ANIMATION_OPTIONS, tuiFadeIn, tuiSlideInRight, tuiHeightCollapse, TuiButtonModule, TuiLinkModule, TuiSvgModule, TuiFormatDatePipeModule } from '@taiga-ui/core';
+import { Observable, Subject, EMPTY } from 'rxjs';
+import { CommonModule } from '@angular/common';
+import { PolymorpheusTemplate, POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { switchMap, takeUntil } from 'rxjs/operators';
+import { TuiIdService } from '@taiga-ui/cdk/services';
+
+let TuiPushComponent = class TuiPushComponent {
+    constructor(closeWord$) {
+        this.closeWord$ = closeWord$;
+        this.heading = ``;
+        this.type = ``;
+        this.timestamp = 0;
+        this.close = new EventEmitter();
+    }
+    get closeable() {
+        return tuiIsObserved(this.close);
+    }
+};
+TuiPushComponent.ctorParameters = () => [
+    { type: Observable, decorators: [{ type: Inject, args: [TUI_CLOSE_WORD,] }] }
+];
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiPushComponent.prototype, "heading", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiPushComponent.prototype, "type", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiPushComponent.prototype, "timestamp", void 0);
+__decorate([
+    Output()
+], TuiPushComponent.prototype, "close", void 0);
+TuiPushComponent = __decorate([
+    Component({
+        selector: `tui-push`,
+        template: "<div class=\"t-image\"><ng-content select=\"img\"></ng-content></div>\n<button\n    *ngIf=\"closeable\"\n    tuiIconButton\n    icon=\"tuiIconCloseLarge\"\n    size=\"xs\"\n    appearance=\"\"\n    shape=\"rounded\"\n    class=\"t-close\"\n    [title]=\"closeWord$ | async\"\n    (click)=\"close.emit()\"\n></button>\n<div class=\"t-top\">\n    <span class=\"t-icon\"><ng-content select=\"tui-svg\"></ng-content></span>\n    {{ type }}\n    <span\n        *ngIf=\"timestamp\"\n        class=\"t-time\"\n        [textContent]=\"timestamp | tuiFormatDate | async\"\n    ></span>\n</div>\n<h3 class=\"t-heading\">{{ heading }}</h3>\n<div class=\"t-content\">\n    <ng-content></ng-content>\n</div>\n<div class=\"t-actions\">\n    <span class=\"t-button\"><ng-content select=\"[tuiButton]\"></ng-content></span>\n    <span class=\"t-link\"><ng-content select=\"[tuiLink]\"></ng-content></span>\n</div>\n",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: [":host{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12);position:relative;display:block;width:22.5rem;max-width:100%;box-sizing:border-box;padding:1.25rem 1.25rem .25rem;overflow:hidden;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l);background:var(--tui-elevation-02)}.t-image{display:flex;flex-direction:column;max-height:10.625rem;overflow:hidden;margin:-1.25rem -1.25rem 1.25rem}.t-close{position:absolute;top:.75rem;right:.75rem;color:rgba(0,0,0,.54);background:rgba(242,242,242,.32);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.t-top{display:flex;align-items:center;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-icon{height:1.25rem;margin-right:.5rem;transform:scale(.833);transform-origin:top left;color:var(--tui-link)}.t-time:before{content:'\u2022';display:inline-block;width:1rem;text-align:center}.t-heading{line-height:1.25rem;font-weight:700;margin:.75rem 0 .25rem}.t-content,.t-heading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word;overflow:hidden}.t-actions{display:flex;align-items:center;font:var(--tui-font-text-s)}.t-button:not(:empty){margin:.75rem .75rem .75rem 0}.t-link{margin:.75rem 0}.t-link:empty{margin:.5rem}"]
+    }),
+    __param(0, Inject(TUI_CLOSE_WORD))
+], TuiPushComponent);
+
+var TuiPushDirective_1;
+let TuiPushDirective = TuiPushDirective_1 = class TuiPushDirective extends TuiModeDirective {
+    constructor(modeDirective) {
+        var _a;
+        super();
+        this.modeDirective = modeDirective;
+        this.size = `s`;
+        this.shape = null;
+        this.change$ = ((_a = this.modeDirective) === null || _a === void 0 ? void 0 : _a.change$) || new Subject();
+    }
+    get appearance() {
+        var _a;
+        return ((_a = this.modeDirective) === null || _a === void 0 ? void 0 : _a.mode) === `onDark` ? `accent` : `secondary`;
+    }
+};
+TuiPushDirective.ctorParameters = () => [
+    { type: TuiModeDirective, decorators: [{ type: Optional }, { type: SkipSelf }, { type: Inject, args: [TuiModeDirective,] }] }
+];
+TuiPushDirective = TuiPushDirective_1 = __decorate([
+    Directive({
+        selector: `tui-push`,
+        providers: [
+            {
+                provide: TuiModeDirective,
+                useExisting: TuiPushDirective_1,
+            },
+            {
+                provide: TUI_BUTTON_OPTIONS,
+                useExisting: TuiPushDirective_1,
+            },
+        ],
+    }),
+    __param(0, Optional()),
+    __param(0, SkipSelf()),
+    __param(0, Inject(TuiModeDirective))
+], TuiPushDirective);
+
+const TUI_PUSH_DEFAULT_OPTIONS = {
+    heading: ``,
+    type: ``,
+    timestamp: 0,
+    image: ``,
+    icon: ``,
+    iconColor: ``,
+    buttons: [],
+};
+
+let TuiPushAlertDirective = class TuiPushAlertDirective extends PolymorpheusTemplate {
+    constructor(template, changeDetectorRef, destroy$, push) {
+        super(template, changeDetectorRef);
+        this.show$ = new Subject();
+        this.show$
+            .pipe(switchMap(show => (show ? push.open(this) : EMPTY)), takeUntil(destroy$))
+            .subscribe();
+    }
+    set tuiPush(show) {
+        this.show$.next(show);
+    }
+};
+TuiPushAlertDirective.ctorParameters = () => [
+    { type: TemplateRef, decorators: [{ type: Inject, args: [TemplateRef,] }] },
+    { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
+    { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
+    { type: TuiPushService, decorators: [{ type: Inject, args: [forwardRef(() => TuiPushService),] }] }
+];
+__decorate([
+    Input()
+], TuiPushAlertDirective.prototype, "tuiPush", null);
+TuiPushAlertDirective = __decorate([
+    Directive({
+        selector: `[tuiPush]`,
+        providers: [TuiDestroyService],
+    }),
+    __param(0, Inject(TemplateRef)),
+    __param(1, Inject(ChangeDetectorRef)),
+    __param(2, Inject(TuiDestroyService)),
+    __param(3, Inject(forwardRef(() => TuiPushService)))
+], TuiPushAlertDirective);
+
+let TuiPushAlertComponent = class TuiPushAlertComponent {
+    constructor(options, context) {
+        this.options = options;
+        this.context = context;
+        this.animation = Object.assign({ value: `` }, this.options);
+    }
+    get isDirective() {
+        return this.context.content instanceof TuiPushAlertDirective;
+    }
+};
+TuiPushAlertComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [TUI_ANIMATION_OPTIONS,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [POLYMORPHEUS_CONTEXT,] }] }
+];
+__decorate([
+    HostBinding(`@tuiFadeIn`),
+    HostBinding(`@tuiSlideInRight`),
+    HostBinding(`@tuiHeightCollapse`)
+], TuiPushAlertComponent.prototype, "animation", void 0);
+TuiPushAlertComponent = __decorate([
+    Component({
+        selector: `tui-push-alert`,
+        template: "<tui-push\n    *ngIf=\"!isDirective; else content\"\n    [heading]=\"context.heading\"\n    [type]=\"context.type\"\n    [timestamp]=\"context.timestamp\"\n    (close)=\"context.$implicit.complete()\"\n>\n    <img\n        *ngIf=\"context.image\"\n        alt=\"\"\n        [src]=\"context.image\"\n    />\n    <tui-svg\n        *ngIf=\"context.icon\"\n        [style.color]=\"context.iconColor\"\n        [src]=\"context.icon\"\n    ></tui-svg>\n    <div\n        polymorpheus-outlet\n        [content]=\"context.content\"\n    ></div>\n    <button\n        *ngIf=\"context.buttons.length > 1\"\n        tuiButton\n        (click)=\"context.$implicit.next(context.buttons[0])\"\n    >\n        {{ context.buttons[0] }}\n    </button>\n    <button\n        *ngIf=\"context.buttons.length\"\n        tuiLink\n        (click)=\"context.$implicit.next(context.buttons[context.buttons.length - 1])\"\n    >\n        {{ context.buttons[context.buttons.length - 1] }}\n    </button>\n</tui-push>\n<ng-template #content>\n    <div\n        polymorpheus-outlet\n        [content]=\"context.content\"\n    ></div>\n</ng-template>\n",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        animations: [tuiFadeIn, tuiSlideInRight, tuiHeightCollapse],
+        host: { role: `alert` },
+        styles: [":host{max-width:calc(100% - 2rem);margin:0 1rem 1rem auto}:host:first-child{margin-top:auto}"]
+    }),
+    __param(0, Inject(TUI_ANIMATION_OPTIONS)),
+    __param(1, Inject(POLYMORPHEUS_CONTEXT))
+], TuiPushAlertComponent);
+
+let TuiPushService = class TuiPushService extends AbstractTuiDialogService {
+    constructor() {
+        super(...arguments);
+        this.component = new PolymorpheusComponent(TuiPushAlertComponent);
+        this.defaultOptions = TUI_PUSH_DEFAULT_OPTIONS;
+    }
+    open(content, options = {}) {
+        return super.open(content, options);
+    }
+};
+TuiPushService.ɵprov = ɵɵdefineInjectable({ factory: function TuiPushService_Factory() { return new TuiPushService(ɵɵinject(TuiIdService)); }, token: TuiPushService, providedIn: "root" });
+TuiPushService = __decorate([
+    Injectable({ providedIn: `root` })
+], TuiPushService);
+
+let TuiPushModule = class TuiPushModule {
+};
+TuiPushModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            PolymorpheusModule,
+            TuiButtonModule,
+            TuiLinkModule,
+            TuiSvgModule,
+            TuiFormatDatePipeModule,
+        ],
+        declarations: [
+            TuiPushComponent,
+            TuiPushDirective,
+            TuiPushAlertComponent,
+            TuiPushAlertDirective,
+        ],
+        exports: [
+            TuiPushComponent,
+            TuiPushDirective,
+            TuiPushAlertComponent,
+            TuiPushAlertDirective,
+        ],
+        providers: [
+            {
+                provide: TUI_ALERTS,
+                useExisting: TuiPushService,
+                multi: true,
+            },
+        ],
+    })
+], TuiPushModule);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_PUSH_DEFAULT_OPTIONS, TuiPushAlertComponent, TuiPushAlertDirective, TuiPushComponent, TuiPushDirective, TuiPushModule, TuiPushService };
+//# sourceMappingURL=taiga-ui-kit-components-push.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-push.js","sources":["ng://@taiga-ui/kit/components/push/push.component.ts","ng://@taiga-ui/kit/components/push/push.directive.ts","ng://@taiga-ui/kit/components/push/push.options.ts","ng://@taiga-ui/kit/components/push/push-alert.directive.ts","ng://@taiga-ui/kit/components/push/push-alert.component.ts","ng://@taiga-ui/kit/components/push/push.service.ts","ng://@taiga-ui/kit/components/push/push.module.ts","ng://@taiga-ui/kit/components/push/taiga-ui-kit-components-push.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {tuiDefaultProp, tuiIsObserved} from '@taiga-ui/cdk';\nimport {TUI_CLOSE_WORD} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: `tui-push`,\n    templateUrl: `./push.template.html`,\n    styleUrls: [`./push.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPushComponent {\n    @Input()\n    @tuiDefaultProp()\n    heading = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    type = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    timestamp = 0;\n\n    @Output()\n    readonly close = new EventEmitter<void>();\n\n    constructor(@Inject(TUI_CLOSE_WORD) readonly closeWord$: Observable<string>) {}\n\n    get closeable(): boolean {\n        return tuiIsObserved(this.close);\n    }\n}\n","import {Directive, Inject, Optional, SkipSelf} from '@angular/core';\nimport {TUI_BUTTON_OPTIONS, TuiButtonOptions, TuiModeDirective} from '@taiga-ui/core';\nimport {Subject} from 'rxjs';\n\n@Directive({\n    selector: `tui-push`,\n    providers: [\n        {\n            provide: TuiModeDirective,\n            useExisting: TuiPushDirective,\n        },\n        {\n            provide: TUI_BUTTON_OPTIONS,\n            useExisting: TuiPushDirective,\n        },\n    ],\n})\nexport class TuiPushDirective extends TuiModeDirective implements TuiButtonOptions {\n    size: TuiButtonOptions['size'] = `s`;\n\n    shape = null;\n\n    readonly change$ = this.modeDirective?.change$ || new Subject();\n\n    constructor(\n        @Optional()\n        @SkipSelf()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n    ) {\n        super();\n    }\n\n    get appearance(): string {\n        return this.modeDirective?.mode === `onDark` ? `accent` : `secondary`;\n    }\n}\n","export interface TuiPushOptions {\n    readonly heading: string;\n    readonly type: string;\n    readonly timestamp: number;\n    readonly image: string;\n    readonly icon: string;\n    readonly iconColor: string;\n    readonly buttons: readonly string[];\n}\n\nexport const TUI_PUSH_DEFAULT_OPTIONS: TuiPushOptions = {\n    heading: ``,\n    type: ``,\n    timestamp: 0,\n    image: ``,\n    icon: ``,\n    iconColor: ``,\n    buttons: [],\n};\n","import {\n    ChangeDetectorRef,\n    Directive,\n    forwardRef,\n    Inject,\n    Input,\n    TemplateRef,\n} from '@angular/core';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\nimport {PolymorpheusTemplate} from '@tinkoff/ng-polymorpheus';\nimport {EMPTY, Observable, Subject} from 'rxjs';\nimport {switchMap, takeUntil} from 'rxjs/operators';\n\nimport {TuiPushService} from './push.service';\n\n@Directive({\n    selector: `[tuiPush]`,\n    providers: [TuiDestroyService],\n})\nexport class TuiPushAlertDirective extends PolymorpheusTemplate<any> {\n    private readonly show$ = new Subject<boolean>();\n\n    @Input()\n    set tuiPush(show: boolean) {\n        this.show$.next(show);\n    }\n\n    constructor(\n        @Inject(TemplateRef) template: TemplateRef<any>,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(forwardRef(() => TuiPushService)) push: TuiPushService,\n    ) {\n        super(template, changeDetectorRef);\n\n        this.show$\n            .pipe(\n                switchMap(show => (show ? push.open(this) : EMPTY)),\n                takeUntil(destroy$),\n            )\n            .subscribe();\n    }\n}\n","import {AnimationOptions} from '@angular/animations';\nimport {ChangeDetectionStrategy, Component, HostBinding, Inject} from '@angular/core';\nimport {TuiDialog} from '@taiga-ui/cdk';\nimport {\n    TUI_ANIMATION_OPTIONS,\n    tuiFadeIn,\n    tuiHeightCollapse,\n    tuiSlideInRight,\n} from '@taiga-ui/core';\nimport {POLYMORPHEUS_CONTEXT} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPushOptions} from './push.options';\nimport {TuiPushAlertDirective} from './push-alert.directive';\n\n@Component({\n    selector: `tui-push-alert`,\n    templateUrl: `./push-alert.template.html`,\n    styleUrls: [`./push-alert.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [tuiFadeIn, tuiSlideInRight, tuiHeightCollapse],\n    host: {role: `alert`},\n})\nexport class TuiPushAlertComponent {\n    @HostBinding(`@tuiFadeIn`)\n    @HostBinding(`@tuiSlideInRight`)\n    @HostBinding(`@tuiHeightCollapse`)\n    readonly animation = {value: ``, ...this.options} as const;\n\n    constructor(\n        @Inject(TUI_ANIMATION_OPTIONS) private readonly options: AnimationOptions,\n        @Inject(POLYMORPHEUS_CONTEXT)\n        readonly context: TuiDialog<TuiPushOptions, string>,\n    ) {}\n\n    get isDirective(): boolean {\n        return this.context.content instanceof TuiPushAlertDirective;\n    }\n}\n","import {Injectable} from '@angular/core';\nimport {AbstractTuiDialogService, TuiBaseDialogContext} from '@taiga-ui/cdk';\nimport {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nimport {TUI_PUSH_DEFAULT_OPTIONS, TuiPushOptions} from './push.options';\nimport {TuiPushAlertComponent} from './push-alert.component';\n\n@Injectable({providedIn: `root`})\nexport class TuiPushService extends AbstractTuiDialogService<TuiPushOptions, string> {\n    protected readonly component = new PolymorpheusComponent(TuiPushAlertComponent);\n    protected readonly defaultOptions = TUI_PUSH_DEFAULT_OPTIONS;\n\n    open(\n        content: PolymorpheusContent<TuiBaseDialogContext<string> & TuiPushOptions>,\n        options: Partial<TuiPushOptions> = {},\n    ): Observable<string> {\n        return super.open(content, options);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TUI_ALERTS} from '@taiga-ui/cdk';\nimport {\n    TuiButtonModule,\n    TuiFormatDatePipeModule,\n    TuiLinkModule,\n    TuiSvgModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPushComponent} from './push.component';\nimport {TuiPushDirective} from './push.directive';\nimport {TuiPushService} from './push.service';\nimport {TuiPushAlertComponent} from './push-alert.component';\nimport {TuiPushAlertDirective} from './push-alert.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiButtonModule,\n        TuiLinkModule,\n        TuiSvgModule,\n        TuiFormatDatePipeModule,\n    ],\n    declarations: [\n        TuiPushComponent,\n        TuiPushDirective,\n        TuiPushAlertComponent,\n        TuiPushAlertDirective,\n    ],\n    exports: [\n        TuiPushComponent,\n        TuiPushDirective,\n        TuiPushAlertComponent,\n        TuiPushAlertDirective,\n    ],\n    providers: [\n        {\n            provide: TUI_ALERTS,\n            useExisting: TuiPushService,\n            multi: true,\n        },\n    ],\n})\nexport class TuiPushModule {}\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-text-area.js

@@ -170,7 +170,7 @@ TuiTextAreaComponent = __decorate([
             '($.data-mode.attr)': `mode$`,
             '[class._ios]': `isIOS`,
         },
-        styles: [":host{position:relative;z-index:0;display:flex;font:var(--tui-font-text-m);flex-direction:column;min-height:6.75rem;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host[data-size='m']{font:var(--tui-font-text-s);min-height:5.5rem}:host[data-size='m']._has-counter{min-height:6.625rem}:host[data-size='l']._has-counter{min-height:7.875rem}.t-outline{min-height:inherit}.t-content{display:block;margin-top:0;margin-bottom:0;min-height:inherit;box-sizing:border-box;overflow:hidden;cursor:text}:host._disabled .t-content{cursor:auto;opacity:var(--tui-disabled-opacity)}:host:not(._expandable) .t-content{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}:host._has-counter:not(._expandable) .t-content{bottom:1.6875rem}.t-wrapper{position:relative;width:100%;height:100%;min-height:inherit;padding-bottom:.4375rem;box-sizing:border-box}:host[data-size='m']._label-outside .t-wrapper{padding-top:.75rem}:host[data-size='l']._label-outside .t-wrapper{padding-top:1rem}:host[data-size='m']:not(._label-outside) .t-wrapper{padding-top:1.375rem}:host[data-size='l']:not(._label-outside) .t-wrapper{padding-top:1.625rem}:host-context(table)[data-size='m']._label-outside .t-wrapper{padding-bottom:.75rem}:host-context(table)[data-size='l']._label-outside .t-wrapper{padding-bottom:1rem}.t-input-wrapper{min-height:inherit;width:100%;flex:1}.t-relative{position:relative;min-height:inherit}.t-box{display:flex;min-height:100%;width:100%}:host:not(._expandable) .t-box{height:100%}:host._has-counter._expandable .t-box{margin-bottom:1.25rem}.t-pseudo-content{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0)}:host[data-size='m'] .t-pseudo-content{padding:0 .75rem}:host[data-size='l'] .t-pseudo-content{padding:0 1rem}.t-pseudo-content__extra{background-color:var(--tui-error-bg-night)}.t-input{padding:0;margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;resize:none;overflow:hidden;outline:0;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0)}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-input:-webkit-autofill:hover{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input:not(:last-of-type){display:none}.t-input::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-input::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-input::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-input::placeholder{color:var(--tui-text-03-night)}:host._focused .t-input:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-input:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-input:not(:read-only)::placeholder{opacity:1}:host[data-size='m'] .t-input{padding:0 .75rem}:host[data-size='l'] .t-input{padding:0 1rem}:host._ios .t-input{padding-left:.8125rem}:host[data-mode=onDark]._disabled .t-input{color:var(--tui-text-03-night)}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0);position:absolute;left:0;max-width:100%;padding:0 1rem;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0);box-sizing:border-box}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size='l']._focused._label-outside .t-placeholder,:host[data-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size='l'] .t-placeholder{font-size:.9375rem}:host[data-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}@supports (-webkit-hyphens:none){.t-placeholder{will-change:unset;transition-property:transform,color,letter-spacing}}:host[data-size='m'] .t-placeholder{top:.75rem;padding:0 .75rem}:host[data-size='l'] .t-placeholder{top:1rem}:host._label-outside .t-placeholder{overflow:initial;height:auto;white-space:initial}.t-icons{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:1rem .75rem}:host[data-size='m'] .t-icons{padding:.75rem}.t-cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform;pointer-events:auto}.t-cleaner:hover{color:var(--tui-text-02)}:host._disabled .t-cleaner,:host._readonly .t-cleaner{pointer-events:none}:host[data-mode=onDark] .t-cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-cleaner:hover{color:var(--tui-text-01-night)}.t-tooltip{pointer-events:auto}.t-counter{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}:host[data-mode=onDark] .t-counter{color:var(--tui-text-03-night)}"]
+        styles: [":host{position:relative;z-index:0;display:flex;font:var(--tui-font-text-m);flex-direction:column;min-height:6.75rem;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host[data-size='m']{font:var(--tui-font-text-s);min-height:5.5rem}:host[data-size='m']._has-counter{min-height:6.625rem}:host[data-size='l']._has-counter{min-height:7.875rem}.t-outline{min-height:inherit}.t-content{display:block;margin-top:0;margin-bottom:0;min-height:inherit;box-sizing:border-box;overflow:hidden;cursor:text}:host._disabled .t-content{cursor:auto;opacity:var(--tui-disabled-opacity)}:host:not(._expandable) .t-content{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}:host._has-counter:not(._expandable) .t-content{bottom:1.6875rem}.t-wrapper{position:relative;width:100%;height:100%;min-height:inherit;padding-bottom:.4375rem;box-sizing:border-box}:host[data-size='m']._label-outside .t-wrapper{padding-top:.75rem}:host[data-size='l']._label-outside .t-wrapper{padding-top:1rem}:host[data-size='m']:not(._label-outside) .t-wrapper{padding-top:1.375rem}:host[data-size='l']:not(._label-outside) .t-wrapper{padding-top:1.625rem}:host-context(table)[data-size='m']._label-outside .t-wrapper{padding-bottom:.75rem}:host-context(table)[data-size='l']._label-outside .t-wrapper{padding-bottom:1rem}.t-input-wrapper{min-height:inherit;width:100%;flex:1}.t-relative{position:relative;min-height:inherit}.t-box{display:flex;min-height:100%;width:100%}:host:not(._expandable) .t-box{height:100%}:host._has-counter._expandable .t-box{margin-bottom:1.25rem}.t-pseudo-content{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0)}:host[data-size='m'] .t-pseudo-content{padding:0 .75rem}:host[data-size='l'] .t-pseudo-content{padding:0 1rem}.t-pseudo-content__extra{background-color:var(--tui-error-bg-night)}.t-input{padding:0;margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;resize:none;overflow:hidden;outline:0;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0)}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-input:-webkit-autofill:hover{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input:not(:last-of-type){display:none}.t-input::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-input::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-input::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-input::placeholder{color:var(--tui-text-03-night)}:host._focused .t-input:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-input:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-input:not(:read-only)::placeholder{opacity:1}:host[data-size='m'] .t-input{padding:0 .75rem}:host[data-size='l'] .t-input{padding:0 1rem}:host[data-mode=onDark]._disabled .t-input{color:var(--tui-text-03-night)}@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill){:host._ios .t-input{padding-left:.8125rem}}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0);position:absolute;left:0;max-width:100%;padding:0 1rem;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0);box-sizing:border-box}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size='l']._focused._label-outside .t-placeholder,:host[data-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size='l'] .t-placeholder{font-size:.9375rem}:host[data-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}@supports (-webkit-hyphens:none){.t-placeholder{will-change:unset;transition-property:transform,color,letter-spacing}}:host[data-size='m'] .t-placeholder{top:.75rem;padding:0 .75rem}:host[data-size='l'] .t-placeholder{top:1rem}:host._label-outside .t-placeholder{overflow:initial;height:auto;white-space:initial}.t-icons{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:1rem .75rem}:host[data-size='m'] .t-icons{padding:.75rem}.t-cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform;pointer-events:auto}.t-cleaner:hover{color:var(--tui-text-02)}:host._disabled .t-cleaner,:host._readonly .t-cleaner{pointer-events:none}:host[data-mode=onDark] .t-cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-cleaner:hover{color:var(--tui-text-01-night)}.t-tooltip{pointer-events:auto}.t-counter{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}:host[data-mode=onDark] .t-counter{color:var(--tui-text-03-night)}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),

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

@@ -43,6 +43,7 @@ export * from '@taiga-ui/kit/components/multi-select-option';
 export * from '@taiga-ui/kit/components/pagination';
 export * from '@taiga-ui/kit/components/pdf-viewer';
 export * from '@taiga-ui/kit/components/progress';
+export * from '@taiga-ui/kit/components/push';
 export * from '@taiga-ui/kit/components/radio';
 export * from '@taiga-ui/kit/components/radio-block';
 export * from '@taiga-ui/kit/components/radio-group';

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components.js","sources":["ng://@taiga-ui/kit/components/taiga-ui-kit-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;"}
+{"version":3,"file":"taiga-ui-kit-components.js","sources":["ng://@taiga-ui/kit/components/taiga-ui-kit-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;"}

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

@@ -79,7 +79,7 @@ var TuiBadgeComponent = /** @class */ (function () {
             host: {
                 '($.data-mode.attr)': "mode$",
             },
-            styles: [":host{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;--left-content-color:currentColor;position:relative;display:inline-flex;font:var(--tui-font-text-s);align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-base-01);border-radius:6.25rem;white-space:nowrap;overflow:hidden;vertical-align:middle}:host:after{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:'';box-sizing:border-box;border-radius:inherit;pointer-events:none}:host._hoverable:active[data-tui-host-status=custom]:after,:host._hoverable:hover[data-tui-host-status=custom]:after{background-color:var(--tui-clear)}:host[data-tui-host-status=primary]{background-color:var(--tui-primary);color:var(--tui-primary-text)}:host[data-tui-host-status=primary]._hoverable:hover{background-color:var(--tui-primary-hover)}:host[data-tui-host-status=primary]._hoverable:active{background-color:var(--tui-primary-active)}:host[data-tui-host-status=error]{--left-content-color:var(--tui-error-fill);background-color:var(--tui-error-bg);color:var(--tui-text-01)}:host[data-tui-host-status=error]._hoverable:active,:host[data-tui-host-status=error]._hoverable:hover{background-color:var(--tui-error-bg-hover)}:host[data-tui-host-status=error][data-mode=onDark]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=error][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=error][data-mode=onDark]._hoverable:hover{background-color:var(--tui-error-bg-night-hover)}:host[data-tui-host-status=success]{--left-content-color:var(--tui-success-fill);background-color:var(--tui-success-bg);color:var(--tui-text-01)}:host[data-tui-host-status=success]._hoverable:active,:host[data-tui-host-status=success]._hoverable:hover{background-color:var(--tui-success-bg-hover)}:host[data-tui-host-status=success][data-mode=onDark]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=success][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=success][data-mode=onDark]._hoverable:hover{background-color:var(--tui-success-bg-night-hover)}:host[data-tui-host-status=warning]{--left-content-color:var(--tui-warning-fill);background-color:var(--tui-warning-bg);color:var(--tui-text-01)}:host[data-tui-host-status=warning]._hoverable:active,:host[data-tui-host-status=warning]._hoverable:hover{background-color:var(--tui-warning-bg-hover)}:host[data-tui-host-status=warning][data-mode=onDark]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:hover{background-color:var(--tui-warning-bg-night-hover)}:host[data-tui-host-status=info]{--left-content-color:var(--tui-info-fill);background-color:var(--tui-info-bg);color:var(--tui-text-01)}:host[data-tui-host-status=info]._hoverable:active,:host[data-tui-host-status=info]._hoverable:hover{background-color:var(--tui-info-bg-hover)}:host[data-tui-host-status=info][data-mode=onDark]{background-color:var(--tui-info-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=info][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=info][data-mode=onDark]._hoverable:hover{background-color:var(--tui-info-bg-night-hover)}:host[data-tui-host-status=neutral]{--left-content-color:var(--tui-neutral-fill);background-color:var(--tui-neutral-bg);color:var(--tui-text-01)}:host[data-tui-host-status=neutral]._hoverable:active,:host[data-tui-host-status=neutral]._hoverable:hover{background-color:var(--tui-neutral-bg-hover)}:host[data-tui-host-status=neutral][data-mode=onDark]{background-color:var(--tui-neutral-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=neutral][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=neutral][data-mode=onDark]._hoverable:hover{background-color:var(--tui-neutral-bg-night-hover)}:host[data-tui-host-status=default]{background-color:var(--tui-base-06)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}:host[data-tui-host-status=default][data-mode=onDark]{background-color:var(--tui-clear-inverse-hover)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:hover{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:active{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]:focus:after{border:2px solid var(--tui-base-01)}:host[data-tui-host-status=default][data-mode=onLight]{background-color:var(--tui-clear);color:var(--tui-text-01)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:hover{background-color:var(--tui-clear-hover)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:active{background-color:var(--tui-clear-active)}:host._hoverable{cursor:pointer}:host[data-tui-host-padding='m']{padding:0 .5rem}:host[data-tui-host-padding='m'][data-size='s']{padding:0 .375rem}:host[data-tui-host-padding='m'][data-size='l']{padding:0 .625rem}:host[data-tui-host-padding='l']{padding:0 .625rem}:host[data-tui-host-padding='l'][data-size='s']{padding:0 .5rem}:host[data-tui-host-padding='l'][data-size='l']{padding:0 .75rem}:host[data-size='s']{font:var(--tui-font-text-xs);height:1.25rem;min-width:1.25rem}:host[data-size='s'] .left-content:before{width:.25rem;height:.25rem}:host[data-size='m']{height:var(--tui-height-xs);line-height:var(--tui-height-xs);min-width:var(--tui-height-xs)}:host[data-size='l']{height:var(--tui-height-s);line-height:var(--tui-height-s);min-width:var(--tui-height-s)}:host[data-size='l'] .left-content:before{margin:0 .5rem 0 0;width:.5rem;height:.5rem}:host._empty-value .left-content{margin:0 -.25rem}:host._empty-value .left-content:before{margin:0}.left-content{display:none;color:var(--left-content-color);line-height:0}.left-content:not(:empty){display:block;margin-left:-.25rem}.left-content:not(:empty):before{content:none}:host[data-tui-host-status=error] .left-content,:host[data-tui-host-status=info] .left-content,:host[data-tui-host-status=neutral] .left-content,:host[data-tui-host-status=success] .left-content,:host[data-tui-host-status=warning] .left-content{display:block}.left-content:before{content:'';display:block;background:currentColor;margin:0 .375rem 0 0;width:.375rem;height:.375rem;border-radius:100%}"]
+            styles: [":host{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;--left-content-color:currentColor;position:relative;display:inline-flex;font:var(--tui-font-text-s);align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-base-01);border-radius:6.25rem;white-space:nowrap;overflow:hidden;vertical-align:middle}:host:after{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:'';box-sizing:border-box;border-radius:inherit;pointer-events:none}:host._hoverable:active[data-tui-host-status=custom]:after,:host._hoverable:hover[data-tui-host-status=custom]:after{background-color:var(--tui-clear)}:host[data-tui-host-status=primary]{background-color:var(--tui-primary);color:var(--tui-primary-text)}:host[data-tui-host-status=primary]._hoverable:hover{background-color:var(--tui-primary-hover)}:host[data-tui-host-status=primary]._hoverable:active{background-color:var(--tui-primary-active)}:host[data-tui-host-status=error]{--left-content-color:var(--tui-error-fill);background-color:var(--tui-error-bg);color:var(--tui-text-01)}:host[data-tui-host-status=error]._hoverable:active,:host[data-tui-host-status=error]._hoverable:hover{background-color:var(--tui-error-bg-hover)}:host[data-tui-host-status=error][data-mode=onDark]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=error][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=error][data-mode=onDark]._hoverable:hover{background-color:var(--tui-error-bg-night-hover)}:host[data-tui-host-status=success]{--left-content-color:var(--tui-success-fill);background-color:var(--tui-success-bg);color:var(--tui-text-01)}:host[data-tui-host-status=success]._hoverable:active,:host[data-tui-host-status=success]._hoverable:hover{background-color:var(--tui-success-bg-hover)}:host[data-tui-host-status=success][data-mode=onDark]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=success][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=success][data-mode=onDark]._hoverable:hover{background-color:var(--tui-success-bg-night-hover)}:host[data-tui-host-status=warning]{--left-content-color:var(--tui-warning-fill);background-color:var(--tui-warning-bg);color:var(--tui-text-01)}:host[data-tui-host-status=warning]._hoverable:active,:host[data-tui-host-status=warning]._hoverable:hover{background-color:var(--tui-warning-bg-hover)}:host[data-tui-host-status=warning][data-mode=onDark]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:hover{background-color:var(--tui-warning-bg-night-hover)}:host[data-tui-host-status=info]{--left-content-color:var(--tui-info-fill);background-color:var(--tui-info-bg);color:var(--tui-text-01)}:host[data-tui-host-status=info]._hoverable:active,:host[data-tui-host-status=info]._hoverable:hover{background-color:var(--tui-info-bg-hover)}:host[data-tui-host-status=info][data-mode=onDark]{background-color:var(--tui-info-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=info][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=info][data-mode=onDark]._hoverable:hover{background-color:var(--tui-info-bg-night-hover)}:host[data-tui-host-status=neutral]{--left-content-color:var(--tui-neutral-fill);background-color:var(--tui-neutral-bg);color:var(--tui-text-01)}:host[data-tui-host-status=neutral]._hoverable:active,:host[data-tui-host-status=neutral]._hoverable:hover{background-color:var(--tui-neutral-bg-hover)}:host[data-tui-host-status=neutral][data-mode=onDark]{background-color:var(--tui-neutral-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=neutral][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=neutral][data-mode=onDark]._hoverable:hover{background-color:var(--tui-neutral-bg-night-hover)}:host[data-tui-host-status=default]{background-color:var(--tui-base-06)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}:host[data-tui-host-status=default][data-mode=onDark]{background-color:var(--tui-clear-inverse-hover)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:hover{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:active{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]:focus:after{border:2px solid var(--tui-base-01)}:host[data-tui-host-status=default][data-mode=onLight]{background-color:var(--tui-clear);color:var(--tui-text-01)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:hover{background-color:var(--tui-clear-hover)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:active{background-color:var(--tui-clear-active)}:host._hoverable{cursor:pointer}:host[data-tui-host-padding='m']{padding:0 .5rem}:host[data-tui-host-padding='m'][data-size=xs]{padding:0 .25rem}:host[data-tui-host-padding='m'][data-size='s']{padding:0 .375rem}:host[data-tui-host-padding='m'][data-size='l']{padding:0 .625rem}:host[data-tui-host-padding='l']{padding:0 .625rem}:host[data-tui-host-padding='l'][data-size=xs]{padding:0 .375rem}:host[data-tui-host-padding='l'][data-size='s']{padding:0 .5rem}:host[data-tui-host-padding='l'][data-size='l']{padding:0 .75rem}:host[data-size=xs]{font:var(--tui-font-text-xs);height:1rem;min-width:1rem}:host[data-size=xs] .left-content:before{width:.34375rem;height:.34375rem}:host[data-size='s']{font:var(--tui-font-text-xs);height:1.25rem;min-width:1.25rem}:host[data-size='s'] .left-content:before{width:.25rem;height:.25rem}:host[data-size='m']{height:var(--tui-height-xs);line-height:var(--tui-height-xs);min-width:var(--tui-height-xs)}:host[data-size='l']{height:var(--tui-height-s);line-height:var(--tui-height-s);min-width:var(--tui-height-s)}:host[data-size='l'] .left-content:before{margin:0 .5rem 0 0;width:.5rem;height:.5rem}:host._empty-value .left-content{margin:0 -.25rem}:host._empty-value .left-content:before{margin:0}.left-content{display:none;color:var(--left-content-color);line-height:0}.left-content:not(:empty){display:block;margin-left:-.25rem}.left-content:not(:empty):before{content:none}:host[data-tui-host-status=error] .left-content,:host[data-tui-host-status=info] .left-content,:host[data-tui-host-status=neutral] .left-content,:host[data-tui-host-status=success] .left-content,:host[data-tui-host-status=warning] .left-content{display:block}.left-content:before{content:'';display:block;background:currentColor;margin:0 .375rem 0 0;width:.375rem;height:.375rem;border-radius:100%}"]
         }),
         __param(0, Inject(TUI_MODE))
     ], TuiBadgeComponent);

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-badge.js","sources":["ng://@taiga-ui/kit/components/badge/badge.component.ts","ng://@taiga-ui/kit/components/badge/badge.module.ts","ng://@taiga-ui/kit/components/badge/taiga-ui-kit-components-badge.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {isNumber, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: `tui-badge`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./badge.template.html`,\n    styleUrls: [`./badge.style.less`],\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': `mode$`,\n    },\n})\nexport class TuiBadgeComponent {\n    @Input()\n    @tuiDefaultProp()\n    value: PolymorpheusContent = ``;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = `m`;\n\n    @Input()\n    @HostBinding(`attr.data-tui-host-status`)\n    @tuiDefaultProp()\n    status: TuiStatusT = `default`;\n\n    @Input()\n    @HostBinding(`class._hoverable`)\n    @tuiDefaultProp()\n    hoverable = false;\n\n    constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>) {}\n\n    @HostBinding(`attr.data-tui-host-padding`)\n    get padding(): string {\n        if (this.isEmpty) {\n            return `none`;\n        }\n\n        return isNumber(this.value.valueOf()) ? `m` : `l`;\n    }\n\n    get outputValue(): string {\n        if (isNumber(this.value.valueOf()) && this.value.valueOf() > 99) {\n            return `99+`;\n        } else {\n            return String(this.value);\n        }\n    }\n\n    @HostBinding(`class._empty-value`)\n    get isEmpty(): boolean {\n        return this.value === ``;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiBadgeComponent} from './badge.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TuiBadgeComponent],\n    exports: [TuiBadgeComponent],\n})\nexport class TuiBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;IA2CI,2BAAuC,KAAuC;QAAvC,UAAK,GAAL,KAAK,CAAkC;QAjB9E,UAAK,GAAwB,EAAE,CAAC;QAKhC,SAAI,GAAwB,GAAG,CAAC;QAKhC,WAAM,GAAe,SAAS,CAAC;QAK/B,cAAS,GAAG,KAAK,CAAC;KAEgE;IAGlF,sBAAI,sCAAO;aAAX;YACI,IAAI,IAAI,CAAC,OAAO,EAAE;gBACd,OAAO,MAAM,CAAC;aACjB;YAED,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;SACrD;;;OAAA;IAED,sBAAI,0CAAW;aAAf;YACI,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;gBAC7D,OAAO,KAAK,CAAC;aAChB;iBAAM;gBACH,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC7B;SACJ;;;OAAA;IAGD,sBAAI,sCAAO;aAAX;YACI,OAAO,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;SAC5B;;;OAAA;;gBAtB6C,UAAU,uBAA3C,MAAM,SAAC,QAAQ;;IAjB5B;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;oDACe;IAKhC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;mDACe;IAKhC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,2BAA2B,CAAC;QACxC,cAAc,EAAE;qDACc;IAK/B;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,kBAAkB,CAAC;QAC/B,cAAc,EAAE;wDACC;IAKlB;QADC,WAAW,CAAC,4BAA4B,CAAC;oDAOzC;IAWD;QADC,WAAW,CAAC,oBAAoB,CAAC;oDAGjC;IA1CQ,iBAAiB;QAV7B,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,8FAAoC;YAEpC,SAAS,EAAE,CAAC,aAAa,CAAC;YAC1B,IAAI,EAAE;gBACF,oBAAoB,EAAE,OAAO;aAChC;;SACJ,CAAC;QAqBe,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;OApBpB,iBAAiB,CA2C7B;IAAD,wBAAC;CA3CD;;;ICbA;KAA8B;IAAjB,cAAc;QAL1B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,YAAY,EAAE,CAAC,iBAAiB,CAAC;YACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;SAC/B,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;ACVA;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-badge.js","sources":["ng://@taiga-ui/kit/components/badge/badge.component.ts","ng://@taiga-ui/kit/components/badge/badge.module.ts","ng://@taiga-ui/kit/components/badge/taiga-ui-kit-components-badge.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {isNumber, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_MODE,\n    TuiBrightness,\n    TuiSizeL,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: `tui-badge`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./badge.template.html`,\n    styleUrls: [`./badge.style.less`],\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': `mode$`,\n    },\n})\nexport class TuiBadgeComponent {\n    @Input()\n    @tuiDefaultProp()\n    value: PolymorpheusContent = ``;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeL = `m`;\n\n    @Input()\n    @HostBinding(`attr.data-tui-host-status`)\n    @tuiDefaultProp()\n    status: TuiStatusT = `default`;\n\n    @Input()\n    @HostBinding(`class._hoverable`)\n    @tuiDefaultProp()\n    hoverable = false;\n\n    constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>) {}\n\n    @HostBinding(`attr.data-tui-host-padding`)\n    get padding(): string {\n        if (this.isEmpty) {\n            return `none`;\n        }\n\n        return isNumber(this.value.valueOf()) ? `m` : `l`;\n    }\n\n    get outputValue(): string {\n        if (isNumber(this.value.valueOf()) && this.value.valueOf() > 99) {\n            return `99+`;\n        } else {\n            return String(this.value);\n        }\n    }\n\n    @HostBinding(`class._empty-value`)\n    get isEmpty(): boolean {\n        return this.value === ``;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiBadgeComponent} from './badge.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TuiBadgeComponent],\n    exports: [TuiBadgeComponent],\n})\nexport class TuiBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;IAiDI,2BAAuC,KAAuC;QAAvC,UAAK,GAAL,KAAK,CAAkC;QAjB9E,UAAK,GAAwB,EAAE,CAAC;QAKhC,SAAI,GAAyB,GAAG,CAAC;QAKjC,WAAM,GAAe,SAAS,CAAC;QAK/B,cAAS,GAAG,KAAK,CAAC;KAEgE;IAGlF,sBAAI,sCAAO;aAAX;YACI,IAAI,IAAI,CAAC,OAAO,EAAE;gBACd,OAAO,MAAM,CAAC;aACjB;YAED,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;SACrD;;;OAAA;IAED,sBAAI,0CAAW;aAAf;YACI,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;gBAC7D,OAAO,KAAK,CAAC;aAChB;iBAAM;gBACH,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC7B;SACJ;;;OAAA;IAGD,sBAAI,sCAAO;aAAX;YACI,OAAO,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;SAC5B;;;OAAA;;gBAtB6C,UAAU,uBAA3C,MAAM,SAAC,QAAQ;;IAjB5B;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;oDACe;IAKhC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;mDACgB;IAKjC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,2BAA2B,CAAC;QACxC,cAAc,EAAE;qDACc;IAK/B;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,kBAAkB,CAAC;QAC/B,cAAc,EAAE;wDACC;IAKlB;QADC,WAAW,CAAC,4BAA4B,CAAC;oDAOzC;IAWD;QADC,WAAW,CAAC,oBAAoB,CAAC;oDAGjC;IA1CQ,iBAAiB;QAV7B,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,8FAAoC;YAEpC,SAAS,EAAE,CAAC,aAAa,CAAC;YAC1B,IAAI,EAAE;gBACF,oBAAoB,EAAE,OAAO;aAChC;;SACJ,CAAC;QAqBe,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;OApBpB,iBAAiB,CA2C7B;IAAD,wBAAC;CA3CD;;;ICnBA;KAA8B;IAAjB,cAAc;QAL1B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,YAAY,EAAE,CAAC,iBAAiB,CAAC;YACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;SAC/B,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;ACVA;;;;;;"}

package/fesm5/taiga-ui-kit-components-badged-content.js

@@ -7,7 +7,7 @@ import { TuiBadgeModule } from '@taiga-ui/kit/components/badge';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
 var BADGE_SIZE = {
-    xs: "s",
+    xs: "xs",
     s: "s",
     m: "s",
     l: "m",
@@ -25,10 +25,7 @@ var TuiBadgedContentComponent = /** @class */ (function () {
     }
     Object.defineProperty(TuiBadgedContentComponent.prototype, "topNotification", {
         get: function () {
-            return (!this.contentTop && this.colorTop) ||
-                (this.contentTop && this.contentIsNumber(this.contentTop) && this.badgeHidden)
-                ? this.colorTop
-                : "";
+            return !this.contentTop && this.colorTop ? this.colorTop : "";
         },
         enumerable: true,
         configurable: true
@@ -47,13 +44,6 @@ var TuiBadgedContentComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TuiBadgedContentComponent.prototype, "badgeHidden", {
-        get: function () {
-            return this.size === "xs";
-        },
-        enumerable: true,
-        configurable: true
-    });
     Object.defineProperty(TuiBadgedContentComponent.prototype, "sizeBig", {
         get: function () {
             return sizeBigger(this.size);
@@ -110,8 +100,8 @@ var TuiBadgedContentComponent = /** @class */ (function () {
         Component({
             selector: "tui-badged-content",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            template: "<ng-content></ng-content>\n\n<div\n    *ngIf=\"topNotification\"\n    class=\"t-notification t-notification_top\"\n    [style.background]=\"topNotification\"\n    [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n    *ngIf=\"bottomNotification\"\n    class=\"t-notification t-notification_bottom\"\n    [style.background]=\"bottomNotification\"\n    [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n    *ngIf=\"contentTop\"\n    polymorpheus-outlet\n    class=\"t-content t-content_top\"\n    [style.boxShadow]=\"boxShadow\"\n    [content]=\"contentTop\"\n>\n    <ng-template let-content>\n        <tui-badge\n            *ngIf=\"contentIsNumber(content) && !badgeHidden\"\n            [status]=\"getStatus(colorTop)\"\n            [style.backgroundColor]=\"colorTop\"\n            [size]=\"badgeSize\"\n            [value]=\"contentTop\"\n        ></tui-badge>\n        <tui-svg\n            *ngIf=\"contentIsString(content)\"\n            class=\"t-icon\"\n            [style.color]=\"colorTop\"\n            [src]=\"content\"\n        ></tui-svg>\n    </ng-template>\n</div>\n\n<div\n    *ngIf=\"contentBottom && sizeBig\"\n    polymorpheus-outlet\n    class=\"t-content t-content_bottom\"\n    [style.boxShadow]=\"boxShadow\"\n    [content]=\"contentBottom\"\n>\n    <ng-template let-content>\n        <tui-badge\n            *ngIf=\"contentIsNumber(content)\"\n            [status]=\"getStatus(colorBottom)\"\n            [style.backgroundColor]=\"colorBottom\"\n            [size]=\"badgeSize\"\n            [value]=\"contentBottom\"\n        ></tui-badge>\n        <tui-svg\n            *ngIf=\"contentIsString(content)\"\n            class=\"t-icon\"\n            [style.color]=\"colorBottom\"\n            [src]=\"content\"\n        ></tui-svg>\n    </ng-template>\n</div>\n",
-            styles: [":host{position:relative;display:inline-block;color:var(--tui-base-01)}.t-notification{position:absolute;border-radius:100%;box-shadow:0 0 0 2px currentColor}.t-notification:not([data-tui-background]){background-color:currentColor}:host[data-size='m']:not(._rounded) .t-notification_top,:host[data-size='s']:not(._rounded) .t-notification_top,:host[data-size=xs]:not(._rounded) .t-notification_top{top:-.125rem;right:-.125rem}:host[data-size='l']:not(._rounded) .t-notification_top,:host[data-size=xl]:not(._rounded) .t-notification_top{top:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_top{top:-.5rem;right:-.5rem}:host[data-size=xs]._rounded .t-notification_top{top:0;right:0}:host[data-size='s']._rounded .t-notification_top{top:.0625rem;right:.0625rem}:host[data-size='m']._rounded .t-notification_top{top:.1875rem;right:.1875rem}:host[data-size='l']._rounded .t-notification_top{top:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_top{top:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_top{top:.5rem;right:.5rem}:host[data-size='m']:not(._rounded) .t-notification_bottom{bottom:-.125rem;right:-.125rem}:host[data-size='l']:not(._rounded) .t-notification_bottom,:host[data-size=xl]:not(._rounded) .t-notification_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_bottom{bottom:-.5rem;right:-.5rem}:host[data-size='m']._rounded .t-notification_bottom{bottom:.1875rem;right:.1875rem}:host[data-size='l']._rounded .t-notification_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_bottom{bottom:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_bottom{bottom:.5rem;right:.5rem}:host[data-size='m'] .t-notification,:host[data-size='s'] .t-notification,:host[data-size=xs] .t-notification{width:.5rem;height:.5rem}:host[data-size='l'] .t-notification{width:.75rem;height:.75rem}:host[data-size=xl] .t-notification{width:1rem;height:1rem}:host[data-size=xxl] .t-notification{width:1.5rem;height:1.5rem}.t-icon[data-tui-color=normal],.t-notification[data-tui-color=normal]{color:var(--tui-base-06)}.t-icon[data-tui-color=onDark],.t-notification[data-tui-color=onDark]{color:var(--tui-secondary)}.t-icon[data-tui-color=gray],.t-notification[data-tui-color=gray]{color:var(--tui-base-03)}.t-icon[data-tui-color=warning],.t-notification[data-tui-color=warning]{color:var(--tui-primary)}.t-icon[data-tui-color=secondary],.t-notification[data-tui-color=secondary]{color:var(--tui-info-fill)}.t-icon[data-tui-color=highlight],.t-icon[data-tui-color=white],.t-notification[data-tui-color=highlight],.t-notification[data-tui-color=white]{color:var(--tui-base-01)}.t-icon[data-tui-color=transparent-dark],.t-notification[data-tui-color=transparent-dark]{color:var(--tui-clear)}.t-icon[data-tui-color=transparent-light],.t-notification[data-tui-color=transparent-light]{color:var(--tui-clear-inverse)}.t-icon{color:var(--tui-success-fill)}:host[data-size='m'] .t-icon,:host[data-size='s'] .t-icon{width:1.5rem;height:1.5rem;margin:-.125rem}:host[data-size='l'] .t-icon,:host[data-size=xl] .t-icon{transform:scale(1.2)}:host[data-size=xxl] .t-icon{transform:scale(1.6)}.t-content{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:6.25rem;overflow:hidden;background-color:currentColor;box-shadow:0 0 0 2px currentColor}:host[data-size='l'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size=xxl][data-tui-host-top]:not(._rounded) .t-content_top{right:-.5rem;top:-.5rem}:host[data-size=xl][data-tui-host-top]:not(._rounded) .t-content_top{right:-.375rem;top:-.375rem}:host[data-size='m'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size='s'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size=xs][data-tui-host-top]:not(._rounded) .t-content_top{right:-.25rem;top:-.25rem}:host[data-size=xxl][data-tui-host-top]._rounded .t-content_top{right:.25rem;top:.25rem}:host[data-size=xl][data-tui-host-top]._rounded .t-content_top{right:.125rem;top:.125rem}:host[data-size='l'][data-tui-host-top]._rounded .t-content_top,:host[data-size='m'][data-tui-host-top]._rounded .t-content_top,:host[data-size='s'][data-tui-host-top]._rounded .t-content_top,:host[data-size=xs][data-tui-host-top]._rounded .t-content_top{right:-.25rem;top:-.25rem}:host[data-size='l'][data-tui-host-bottom]:not(._rounded) .t-content_bottom,:host[data-size=xxl][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.5rem;right:-.5rem}:host[data-size=xl][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.375rem;right:-.375rem}:host[data-size='m'][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl][data-tui-host-bottom]._rounded .t-content_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl][data-tui-host-bottom]._rounded .t-content_bottom{bottom:.125rem;right:.125rem}:host[data-size='l'][data-tui-host-bottom]._rounded .t-content_bottom,:host[data-size='m'][data-tui-host-bottom]._rounded .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl] .t-content{height:2rem;min-width:2rem}:host[data-size='l'] .t-content,:host[data-size=xl] .t-content{height:1.5rem;min-width:1.5rem}:host[data-size='m'] .t-content,:host[data-size='s'] .t-content{height:1.25rem;min-width:1.25rem}:host[data-size=xs] .t-content{height:1rem;min-width:1rem}"]
+            template: "<ng-content></ng-content>\n\n<div\n    *ngIf=\"topNotification\"\n    class=\"t-notification t-notification_top\"\n    [style.background]=\"topNotification\"\n    [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n    *ngIf=\"bottomNotification\"\n    class=\"t-notification t-notification_bottom\"\n    [style.background]=\"bottomNotification\"\n    [style.boxShadow]=\"boxShadow\"\n></div>\n\n<div\n    *ngIf=\"contentTop\"\n    polymorpheus-outlet\n    class=\"t-content t-content_top\"\n    [style.boxShadow]=\"boxShadow\"\n    [content]=\"contentTop\"\n>\n    <ng-template let-content>\n        <tui-badge\n            *ngIf=\"contentIsNumber(content)\"\n            [status]=\"getStatus(colorTop)\"\n            [style.backgroundColor]=\"colorTop\"\n            [size]=\"badgeSize\"\n            [value]=\"contentTop\"\n        ></tui-badge>\n        <tui-svg\n            *ngIf=\"contentIsString(content)\"\n            class=\"t-icon\"\n            [style.color]=\"colorTop\"\n            [src]=\"content\"\n        ></tui-svg>\n    </ng-template>\n</div>\n\n<div\n    *ngIf=\"contentBottom && sizeBig\"\n    polymorpheus-outlet\n    class=\"t-content t-content_bottom\"\n    [style.boxShadow]=\"boxShadow\"\n    [content]=\"contentBottom\"\n>\n    <ng-template let-content>\n        <tui-badge\n            *ngIf=\"contentIsNumber(content)\"\n            [status]=\"getStatus(colorBottom)\"\n            [style.backgroundColor]=\"colorBottom\"\n            [size]=\"badgeSize\"\n            [value]=\"contentBottom\"\n        ></tui-badge>\n        <tui-svg\n            *ngIf=\"contentIsString(content)\"\n            class=\"t-icon\"\n            [style.color]=\"colorBottom\"\n            [src]=\"content\"\n        ></tui-svg>\n    </ng-template>\n</div>\n",
+            styles: [":host{position:relative;display:inline-block;color:var(--tui-base-01)}.t-notification{position:absolute;border-radius:100%;box-shadow:0 0 0 2px currentColor}.t-notification:not([data-tui-background]){background-color:currentColor}:host[data-size='m']:not(._rounded) .t-notification_top,:host[data-size='s']:not(._rounded) .t-notification_top,:host[data-size=xs]:not(._rounded) .t-notification_top{top:-.125rem;right:-.125rem}:host[data-size='l']:not(._rounded) .t-notification_top,:host[data-size=xl]:not(._rounded) .t-notification_top{top:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_top{top:-.5rem;right:-.5rem}:host[data-size=xs]._rounded .t-notification_top{top:0;right:0}:host[data-size='s']._rounded .t-notification_top{top:.0625rem;right:.0625rem}:host[data-size='m']._rounded .t-notification_top{top:.1875rem;right:.1875rem}:host[data-size='l']._rounded .t-notification_top{top:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_top{top:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_top{top:.5rem;right:.5rem}:host[data-size='m']:not(._rounded) .t-notification_bottom{bottom:-.125rem;right:-.125rem}:host[data-size='l']:not(._rounded) .t-notification_bottom,:host[data-size=xl]:not(._rounded) .t-notification_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl]:not(._rounded) .t-notification_bottom{bottom:-.5rem;right:-.5rem}:host[data-size='m']._rounded .t-notification_bottom{bottom:.1875rem;right:.1875rem}:host[data-size='l']._rounded .t-notification_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl]._rounded .t-notification_bottom{bottom:.375rem;right:.375rem}:host[data-size=xxl]._rounded .t-notification_bottom{bottom:.5rem;right:.5rem}:host[data-size='m'] .t-notification,:host[data-size='s'] .t-notification,:host[data-size=xs] .t-notification{width:.5rem;height:.5rem}:host[data-size='l'] .t-notification{width:.75rem;height:.75rem}:host[data-size=xl] .t-notification{width:1rem;height:1rem}:host[data-size=xxl] .t-notification{width:1.5rem;height:1.5rem}.t-icon[data-tui-color=normal],.t-notification[data-tui-color=normal]{color:var(--tui-base-06)}.t-icon[data-tui-color=onDark],.t-notification[data-tui-color=onDark]{color:var(--tui-secondary)}.t-icon[data-tui-color=gray],.t-notification[data-tui-color=gray]{color:var(--tui-base-03)}.t-icon[data-tui-color=warning],.t-notification[data-tui-color=warning]{color:var(--tui-primary)}.t-icon[data-tui-color=secondary],.t-notification[data-tui-color=secondary]{color:var(--tui-info-fill)}.t-icon[data-tui-color=highlight],.t-icon[data-tui-color=white],.t-notification[data-tui-color=highlight],.t-notification[data-tui-color=white]{color:var(--tui-base-01)}.t-icon[data-tui-color=transparent-dark],.t-notification[data-tui-color=transparent-dark]{color:var(--tui-clear)}.t-icon[data-tui-color=transparent-light],.t-notification[data-tui-color=transparent-light]{color:var(--tui-clear-inverse)}.t-icon{color:var(--tui-success-fill)}:host[data-size=xs] .t-icon{transform:scale(.66666667);margin:-.25rem}:host[data-size='m'] .t-icon,:host[data-size='s'] .t-icon{width:1.5rem;height:1.5rem;margin:-.125rem}:host[data-size='l'] .t-icon,:host[data-size=xl] .t-icon{transform:scale(1.2)}:host[data-size=xxl] .t-icon{transform:scale(1.6)}.t-content{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:6.25rem;overflow:hidden;background-color:currentColor;box-shadow:0 0 0 2px currentColor}:host[data-size='l'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size=xxl][data-tui-host-top]:not(._rounded) .t-content_top{right:-.5rem;top:-.5rem}:host[data-size=xl][data-tui-host-top]:not(._rounded) .t-content_top{right:-.375rem;top:-.375rem}:host[data-size='m'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size='s'][data-tui-host-top]:not(._rounded) .t-content_top,:host[data-size=xs][data-tui-host-top]:not(._rounded) .t-content_top{right:-.25rem;top:-.25rem}:host[data-size=xxl][data-tui-host-top]._rounded .t-content_top{right:.25rem;top:.25rem}:host[data-size=xl][data-tui-host-top]._rounded .t-content_top{right:.125rem;top:.125rem}:host[data-size='l'][data-tui-host-top]._rounded .t-content_top,:host[data-size='m'][data-tui-host-top]._rounded .t-content_top,:host[data-size='s'][data-tui-host-top]._rounded .t-content_top,:host[data-size=xs][data-tui-host-top]._rounded .t-content_top{right:-.25rem;top:-.25rem}:host[data-size='l'][data-tui-host-bottom]:not(._rounded) .t-content_bottom,:host[data-size=xxl][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.5rem;right:-.5rem}:host[data-size=xl][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.375rem;right:-.375rem}:host[data-size='m'][data-tui-host-bottom]:not(._rounded) .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl][data-tui-host-bottom]._rounded .t-content_bottom{bottom:.25rem;right:.25rem}:host[data-size=xl][data-tui-host-bottom]._rounded .t-content_bottom{bottom:.125rem;right:.125rem}:host[data-size='l'][data-tui-host-bottom]._rounded .t-content_bottom,:host[data-size='m'][data-tui-host-bottom]._rounded .t-content_bottom{bottom:-.25rem;right:-.25rem}:host[data-size=xxl] .t-content{height:2rem;min-width:2rem}:host[data-size='l'] .t-content,:host[data-size=xl] .t-content{height:1.5rem;min-width:1.5rem}:host[data-size='m'] .t-content,:host[data-size='s'] .t-content{height:1.25rem;min-width:1.25rem}:host[data-size=xs] .t-content{height:1rem;min-width:1rem}"]
         })
     ], TuiBadgedContentComponent);
     return TuiBadgedContentComponent;

package/fesm5/taiga-ui-kit-components-badged-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-badged-content.js","sources":["ng://@taiga-ui/kit/components/badged-content/badged-content.component.ts","ng://@taiga-ui/kit/components/badged-content/badged-content.module.ts","ng://@taiga-ui/kit/components/badged-content/taiga-ui-kit-components-badged-content.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {isNumber, px, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {sizeBigger, TuiSizeL, TuiSizeS, TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nconst BADGE_SIZE: {[key: string]: TuiSizeS | TuiSizeL} = {\n    xs: `s`,\n    s: `s`,\n    m: `s`,\n    l: `m`,\n    xl: `m`,\n    xxl: `l`,\n};\n\n@Component({\n    selector: `tui-badged-content`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./badged-content.template.html`,\n    styleUrls: [`./badged-content.style.less`],\n})\nexport class TuiBadgedContentComponent {\n    @Input()\n    @HostBinding(`attr.data-tui-host-top`)\n    @tuiDefaultProp()\n    contentTop: PolymorpheusContent = ``;\n\n    @Input()\n    @HostBinding(`attr.data-tui-host-bottom`)\n    @tuiDefaultProp()\n    contentBottom: PolymorpheusContent = ``;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXXL = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    colorTop = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    colorBottom = ``;\n\n    @Input()\n    @HostBinding(`class._rounded`)\n    @tuiDefaultProp()\n    rounded = false;\n\n    get topNotification(): string {\n        return (!this.contentTop && this.colorTop) ||\n            (this.contentTop && this.contentIsNumber(this.contentTop) && this.badgeHidden)\n            ? this.colorTop\n            : ``;\n    }\n\n    get bottomNotification(): string {\n        return !this.contentBottom && this.colorBottom ? this.colorBottom : ``;\n    }\n\n    get badgeSize(): TuiSizeS | TuiSizeL {\n        return BADGE_SIZE[this.size];\n    }\n\n    get badgeHidden(): boolean {\n        return this.size === `xs`;\n    }\n\n    get sizeBig(): boolean {\n        return sizeBigger(this.size);\n    }\n\n    get boxShadow(): string {\n        const borderWidth = this.sizeBig ? 3 : 2;\n\n        return `0 0 0 ${px(borderWidth)}`;\n    }\n\n    contentIsNumber(content: PolymorpheusContent): boolean {\n        return isNumber(content.valueOf());\n    }\n\n    contentIsString(content: PolymorpheusContent): boolean {\n        return typeof content.valueOf() === `string`;\n    }\n\n    getStatus(color: string): TuiStatusT {\n        return color ? `custom` : `primary`;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiBadgeModule} from '@taiga-ui/kit/components/badge';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiBadgedContentComponent} from './badged-content.component';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiSvgModule, TuiBadgeModule],\n    declarations: [TuiBadgedContentComponent],\n    exports: [TuiBadgedContentComponent],\n})\nexport class TuiBadgedContentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAMA,IAAM,UAAU,GAAyC;IACrD,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,GAAG;IACP,GAAG,EAAE,GAAG;CACX,CAAC;;IAQF;QAII,eAAU,GAAwB,EAAE,CAAC;QAKrC,kBAAa,GAAwB,EAAE,CAAC;QAKxC,SAAI,GAA2B,GAAG,CAAC;QAInC,aAAQ,GAAG,EAAE,CAAC;QAId,gBAAW,GAAG,EAAE,CAAC;QAKjB,YAAO,GAAG,KAAK,CAAC;KA0CnB;IAxCG,sBAAI,sDAAe;aAAnB;YACI,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;iBACpC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC;kBAC5E,IAAI,CAAC,QAAQ;kBACb,EAAE,CAAC;SACZ;;;OAAA;IAED,sBAAI,yDAAkB;aAAtB;YACI,OAAO,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SAC1E;;;OAAA;IAED,sBAAI,gDAAS;aAAb;YACI,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAChC;;;OAAA;IAED,sBAAI,kDAAW;aAAf;YACI,OAAO,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;SAC7B;;;OAAA;IAED,sBAAI,8CAAO;aAAX;YACI,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAChC;;;OAAA;IAED,sBAAI,gDAAS;aAAb;YACI,IAAM,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;YAEzC,OAAO,WAAS,EAAE,CAAC,WAAW,CAAG,CAAC;SACrC;;;OAAA;IAED,mDAAe,GAAf,UAAgB,OAA4B;QACxC,OAAO,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;KACtC;IAED,mDAAe,GAAf,UAAgB,OAA4B;QACxC,OAAO,OAAO,OAAO,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC;KAChD;IAED,6CAAS,GAAT,UAAU,KAAa;QACnB,OAAO,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;KACvC;IAhED;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,wBAAwB,CAAC;QACrC,cAAc,EAAE;iEACoB;IAKrC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,2BAA2B,CAAC;QACxC,cAAc,EAAE;oEACuB;IAKxC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;2DACkB;IAInC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;+DACH;IAId;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;kEACA;IAKjB;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;8DACD;IA3BP,yBAAyB;QANrC,SAAS,CAAC;YACP,QAAQ,EAAE,oBAAoB;YAC9B,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,owDAA6C;;SAEhD,CAAC;OACW,yBAAyB,CAqErC;IAAD,gCAAC;CArED;;;ICRA;KAAsC;IAAzB,sBAAsB;QALlC,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,cAAc,CAAC;YACzE,YAAY,EAAE,CAAC,yBAAyB,CAAC;YACzC,OAAO,EAAE,CAAC,yBAAyB,CAAC;SACvC,CAAC;OACW,sBAAsB,CAAG;IAAD,6BAAC;CAAtC;;ACbA;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-badged-content.js","sources":["ng://@taiga-ui/kit/components/badged-content/badged-content.component.ts","ng://@taiga-ui/kit/components/badged-content/badged-content.module.ts","ng://@taiga-ui/kit/components/badged-content/taiga-ui-kit-components-badged-content.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {isNumber, px, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {sizeBigger, TuiSizeL, TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nconst BADGE_SIZE: {[key: string]: TuiSizeXS | TuiSizeL} = {\n    xs: `xs`,\n    s: `s`,\n    m: `s`,\n    l: `m`,\n    xl: `m`,\n    xxl: `l`,\n};\n\n@Component({\n    selector: `tui-badged-content`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./badged-content.template.html`,\n    styleUrls: [`./badged-content.style.less`],\n})\nexport class TuiBadgedContentComponent {\n    @Input()\n    @HostBinding(`attr.data-tui-host-top`)\n    @tuiDefaultProp()\n    contentTop: PolymorpheusContent = ``;\n\n    @Input()\n    @HostBinding(`attr.data-tui-host-bottom`)\n    @tuiDefaultProp()\n    contentBottom: PolymorpheusContent = ``;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXXL = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    colorTop = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    colorBottom = ``;\n\n    @Input()\n    @HostBinding(`class._rounded`)\n    @tuiDefaultProp()\n    rounded = false;\n\n    get topNotification(): string {\n        return !this.contentTop && this.colorTop ? this.colorTop : ``;\n    }\n\n    get bottomNotification(): string {\n        return !this.contentBottom && this.colorBottom ? this.colorBottom : ``;\n    }\n\n    get badgeSize(): TuiSizeXS | TuiSizeL {\n        return BADGE_SIZE[this.size];\n    }\n\n    get sizeBig(): boolean {\n        return sizeBigger(this.size);\n    }\n\n    get boxShadow(): string {\n        const borderWidth = this.sizeBig ? 3 : 2;\n\n        return `0 0 0 ${px(borderWidth)}`;\n    }\n\n    contentIsNumber(content: PolymorpheusContent): boolean {\n        return isNumber(content.valueOf());\n    }\n\n    contentIsString(content: PolymorpheusContent): boolean {\n        return typeof content.valueOf() === `string`;\n    }\n\n    getStatus(color: string): TuiStatusT {\n        return color ? `custom` : `primary`;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiBadgeModule} from '@taiga-ui/kit/components/badge';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiBadgedContentComponent} from './badged-content.component';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiSvgModule, TuiBadgeModule],\n    declarations: [TuiBadgedContentComponent],\n    exports: [TuiBadgedContentComponent],\n})\nexport class TuiBadgedContentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAMA,IAAM,UAAU,GAA0C;IACtD,EAAE,EAAE,IAAI;IACR,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,GAAG;IACP,GAAG,EAAE,GAAG;CACX,CAAC;;IAQF;QAII,eAAU,GAAwB,EAAE,CAAC;QAKrC,kBAAa,GAAwB,EAAE,CAAC;QAKxC,SAAI,GAA2B,GAAG,CAAC;QAInC,aAAQ,GAAG,EAAE,CAAC;QAId,gBAAW,GAAG,EAAE,CAAC;QAKjB,YAAO,GAAG,KAAK,CAAC;KAmCnB;IAjCG,sBAAI,sDAAe;aAAnB;YACI,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SACjE;;;OAAA;IAED,sBAAI,yDAAkB;aAAtB;YACI,OAAO,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SAC1E;;;OAAA;IAED,sBAAI,gDAAS;aAAb;YACI,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAChC;;;OAAA;IAED,sBAAI,8CAAO;aAAX;YACI,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAChC;;;OAAA;IAED,sBAAI,gDAAS;aAAb;YACI,IAAM,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;YAEzC,OAAO,WAAS,EAAE,CAAC,WAAW,CAAG,CAAC;SACrC;;;OAAA;IAED,mDAAe,GAAf,UAAgB,OAA4B;QACxC,OAAO,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;KACtC;IAED,mDAAe,GAAf,UAAgB,OAA4B;QACxC,OAAO,OAAO,OAAO,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC;KAChD;IAED,6CAAS,GAAT,UAAU,KAAa;QACnB,OAAO,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;KACvC;IAzDD;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,wBAAwB,CAAC;QACrC,cAAc,EAAE;iEACoB;IAKrC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,2BAA2B,CAAC;QACxC,cAAc,EAAE;oEACuB;IAKxC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;2DACkB;IAInC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;+DACH;IAId;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;kEACA;IAKjB;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;8DACD;IA3BP,yBAAyB;QANrC,SAAS,CAAC;YACP,QAAQ,EAAE,oBAAoB;YAC9B,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,ovDAA6C;;SAEhD,CAAC;OACW,yBAAyB,CA8DrC;IAAD,gCAAC;CA9DD;;;ICRA;KAAsC;IAAzB,sBAAsB;QALlC,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,cAAc,CAAC;YACzE,YAAY,EAAE,CAAC,yBAAyB,CAAC;YACzC,OAAO,EAAE,CAAC,yBAAyB,CAAC;SACvC,CAAC;OACW,sBAAsB,CAAG;IAAD,6BAAC;CAAtC;;ACbA;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { __decorate, __param } from 'tslib';
 import { EventEmitter, Inject, Input, Output, HostBinding, Component, ChangeDetectionStrategy, ContentChildren, TemplateRef, ViewEncapsulation, NgModule } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import { TUI_IS_MOBILE, tuiDefaultProp, tuiPure, TuiItemDirective, TuiFocusVisibleModule, TuiItemModule } from '@taiga-ui/cdk';
+import { tuiIsObserved, TUI_IS_MOBILE, tuiDefaultProp, tuiPure, TuiItemDirective, TuiFocusVisibleModule, TuiItemModule } from '@taiga-ui/cdk';
 import { TUI_FILE_TEXTS, TUI_DIGITAL_INFORMATION_UNITS, TUI_HIDE_TEXT, TUI_SHOW_ALL_TEXT } from '@taiga-ui/kit/tokens';
 import { formatSize } from '@taiga-ui/kit/utils/files';
 import { of, Observable } from 'rxjs';
@@ -62,7 +62,7 @@ var TuiFileComponent = /** @class */ (function () {
     });
     Object.defineProperty(TuiFileComponent.prototype, "allowDelete", {
         get: function () {
-            return !!this.removed.observers.length;
+            return tuiIsObserved(this.removed);
         },
         enumerable: true,
         configurable: true

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, tuiIsObserved, 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 tuiIsObserved(this.removed);\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-input-phone-international.js

@@ -246,7 +246,7 @@ var COUNTRIES = (_a = {},
     _a[TuiCountryIsoCode$1.VN] = { mask: "+84(###) ####-###", name: "\u0412\u044C\u0435\u0442\u043D\u0430\u043C" },
     _a[TuiCountryIsoCode$1.VU] = { mask: "+678##-#####", name: "\u0412\u0430\u043D\u0443\u0430\u0442\u0443 " },
     _a[TuiCountryIsoCode$1.WS] = { mask: "+685##-####", name: "\u0421\u0430\u043C\u043E\u0430" },
-    _a[TuiCountryIsoCode$1.XK] = { mask: "+383##-###-###", name: "\u0420\u0435\u0441\u043F\u0443\u0431\u043B\u0438\u043A\u0430 \u041A\u043E\u0441\u043E\u0432\u043E" },
+    _a[TuiCountryIsoCode$1.XK] = { mask: "+383##-###-###", name: "\u041A\u043E\u0441\u043E\u0432\u043E" },
     _a[TuiCountryIsoCode$1.YE] = { mask: "+967###-###-###", name: "\u0419\u0435\u043C\u0435\u043D " },
     _a[TuiCountryIsoCode$1.ZA] = { mask: "+27##-###-####", name: "\u042E\u0436\u043D\u043E-\u0410\u0444\u0440\u0438\u043A\u0430\u043D\u0441\u043A\u0430\u044F \u0420\u0435\u0441\u043F." },
     _a[TuiCountryIsoCode$1.ZM] = { mask: "+260##-###-####", name: "\u0417\u0430\u043C\u0431\u0438\u044F" },