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

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

@@ -1,132 +0,0 @@
-import { __assign, __decorate, __param } from 'tslib';
-import { InjectionToken, Inject, Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { tuiDefaultProp, tuiRequiredSetter } from '@taiga-ui/cdk';
-import { sizeBigger } from '@taiga-ui/core';
-import { stringHashToHsl } from '@taiga-ui/kit/utils/format';
-import { CommonModule } from '@angular/common';
-import { TuiLazyLoadingModule } from '@taiga-ui/kit/directives';
-
-/** Default values for the avatar options. */
-var TUI_AVATAR_DEFAULT_OPTIONS = {
-    size: "m",
-    autoColor: false,
-    rounded: false,
-};
-var TUI_AVATAR_OPTIONS = new InjectionToken("Default parameters for avatar component", {
-    factory: function () { return TUI_AVATAR_DEFAULT_OPTIONS; },
-});
-var tuiAvatarOptionsProvider = function (options) { return ({
-    provide: TUI_AVATAR_OPTIONS,
-    useValue: __assign(__assign({}, TUI_AVATAR_DEFAULT_OPTIONS), options),
-}); };
-
-var TuiAvatarComponent = /** @class */ (function () {
-    function TuiAvatarComponent(options) {
-        this.options = options;
-        this.size = this.options.size;
-        this.text = "";
-        this.autoColor = this.options.autoColor;
-        this.rounded = this.options.rounded;
-        this.avatarUrl = null;
-        this.isUrlValid = false;
-    }
-    Object.defineProperty(TuiAvatarComponent.prototype, "avatarUrlSetter", {
-        set: function (avatarUrl) {
-            this.isUrlValid = !!avatarUrl;
-            this.avatarUrl = avatarUrl;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiAvatarComponent.prototype, "bgColor", {
-        get: function () {
-            return this.autoColor ? stringHashToHsl(this.text) : "";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiAvatarComponent.prototype, "hasAvatar", {
-        get: function () {
-            return this.avatarUrl !== null && this.isUrlValid;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiAvatarComponent.prototype, "computedText", {
-        get: function () {
-            if (this.hasAvatar || this.text === "") {
-                return "";
-            }
-            var words = this.text.split(" ");
-            return words.length > 1 && sizeBigger(this.size)
-                ? words[0].slice(0, 1) + words[1].slice(0, 1)
-                : words[0].slice(0, 1);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiAvatarComponent.prototype.onError = function () {
-        this.isUrlValid = false;
-    };
-    TuiAvatarComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_AVATAR_OPTIONS,] }] }
-    ]; };
-    __decorate([
-        Input(),
-        HostBinding("attr.data-size"),
-        tuiDefaultProp()
-    ], TuiAvatarComponent.prototype, "size", void 0);
-    __decorate([
-        Input("avatarUrl"),
-        tuiRequiredSetter()
-    ], TuiAvatarComponent.prototype, "avatarUrlSetter", null);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiAvatarComponent.prototype, "text", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiAvatarComponent.prototype, "autoColor", void 0);
-    __decorate([
-        Input(),
-        HostBinding("class._rounded"),
-        tuiDefaultProp()
-    ], TuiAvatarComponent.prototype, "rounded", void 0);
-    __decorate([
-        HostBinding("style.background")
-    ], TuiAvatarComponent.prototype, "bgColor", null);
-    __decorate([
-        HostBinding("class._has-avatar")
-    ], TuiAvatarComponent.prototype, "hasAvatar", null);
-    TuiAvatarComponent = __decorate([
-        Component({
-            selector: "tui-avatar",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            template: "<img\n    *ngIf=\"isUrlValid\"\n    loading=\"lazy\"\n    class=\"t-image\"\n    [attr.alt]=\"text\"\n    [src]=\"avatarUrl || ''\"\n    (error)=\"onError()\"\n/>\n<span class=\"t-text\">{{ computedText }}</span>\n",
-            styles: [":host{position:relative;display:flex;flex-shrink:0;border-radius:var(--tui-radius-m);color:var(--tui-secondary-active);text-align:center;text-transform:uppercase;justify-content:center;align-items:center;background:var(--tui-avatar-background,currentColor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}:host[data-size=xs]{font:var(--tui-font-text-s);width:1.5rem;height:1.5rem}:host[data-size='s']{font:var(--tui-font-text-m);width:2rem;height:2rem}:host[data-size='m']{font:var(--tui-font-text-l);width:3rem;height:3rem}:host[data-size='l']{font:var(--tui-font-heading-5);width:4rem;height:4rem;border-radius:var(--tui-radius-l)}:host[data-size=xl]{font:var(--tui-font-heading-3);width:6rem;height:6rem;border-radius:var(--tui-radius-l)}:host[data-size=xxl]{font:var(--tui-font-heading-1);width:9rem;height:9rem;border-radius:var(--tui-radius-l)}:host._has-avatar{background-color:transparent}:host._rounded{border-radius:100%}.t-image{width:100%;height:100%;object-fit:cover}.t-text{color:var(--tui-avatar-color,var(--tui-text-01))}"]
-        }),
-        __param(0, Inject(TUI_AVATAR_OPTIONS))
-    ], TuiAvatarComponent);
-    return TuiAvatarComponent;
-}());
-
-var TuiAvatarModule = /** @class */ (function () {
-    function TuiAvatarModule() {
-    }
-    TuiAvatarModule = __decorate([
-        NgModule({
-            imports: [CommonModule, TuiLazyLoadingModule],
-            declarations: [TuiAvatarComponent],
-            exports: [TuiAvatarComponent],
-        })
-    ], TuiAvatarModule);
-    return TuiAvatarModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TUI_AVATAR_DEFAULT_OPTIONS, TUI_AVATAR_OPTIONS, TuiAvatarComponent, TuiAvatarModule, tuiAvatarOptionsProvider };
-//# sourceMappingURL=taiga-ui-kit-components-avatar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-kit-components-avatar.js","sources":["ng://@taiga-ui/kit/components/avatar/avatar-options.ts","ng://@taiga-ui/kit/components/avatar/avatar.component.ts","ng://@taiga-ui/kit/components/avatar/avatar.module.ts","ng://@taiga-ui/kit/components/avatar/taiga-ui-kit-components-avatar.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core';\n\nexport interface TuiAvatarOptions {\n    readonly size: TuiSizeXS | TuiSizeXXL;\n    readonly autoColor: boolean;\n    readonly rounded: boolean;\n}\n\n/** Default values for the avatar options. */\nexport const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions = {\n    size: `m`,\n    autoColor: false,\n    rounded: false,\n};\n\nexport const TUI_AVATAR_OPTIONS = new InjectionToken<TuiAvatarOptions>(\n    `Default parameters for avatar component`,\n    {\n        factory: () => TUI_AVATAR_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiAvatarOptionsProvider: (\n    options: Partial<TuiAvatarOptions>,\n) => ValueProvider = (options: Partial<TuiAvatarOptions>) => ({\n    provide: TUI_AVATAR_OPTIONS,\n    useValue: {...TUI_AVATAR_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp, tuiRequiredSetter} from '@taiga-ui/cdk';\nimport {sizeBigger} from '@taiga-ui/core';\nimport {stringHashToHsl} from '@taiga-ui/kit/utils/format';\n\nimport {TUI_AVATAR_OPTIONS, TuiAvatarOptions} from './avatar-options';\n\n@Component({\n    selector: `tui-avatar`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./avatar.template.html`,\n    styleUrls: [`./avatar.style.less`],\n})\nexport class TuiAvatarComponent {\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size = this.options.size;\n\n    @Input(`avatarUrl`)\n    @tuiRequiredSetter()\n    set avatarUrlSetter(avatarUrl: string | null) {\n        this.isUrlValid = !!avatarUrl;\n        this.avatarUrl = avatarUrl;\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    text = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    autoColor: boolean = this.options.autoColor;\n\n    @Input()\n    @HostBinding(`class._rounded`)\n    @tuiDefaultProp()\n    rounded: boolean = this.options.rounded;\n\n    avatarUrl: string | null = null;\n\n    isUrlValid = false;\n\n    constructor(@Inject(TUI_AVATAR_OPTIONS) private readonly options: TuiAvatarOptions) {}\n\n    @HostBinding(`style.background`)\n    get bgColor(): string {\n        return this.autoColor ? stringHashToHsl(this.text) : ``;\n    }\n\n    @HostBinding(`class._has-avatar`)\n    get hasAvatar(): boolean {\n        return this.avatarUrl !== null && this.isUrlValid;\n    }\n\n    get computedText(): string {\n        if (this.hasAvatar || this.text === ``) {\n            return ``;\n        }\n\n        const words = this.text.split(` `);\n\n        return words.length > 1 && sizeBigger(this.size)\n            ? words[0].slice(0, 1) + words[1].slice(0, 1)\n            : words[0].slice(0, 1);\n    }\n\n    onError(): void {\n        this.isUrlValid = false;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit/directives';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n    imports: [CommonModule, TuiLazyLoadingModule],\n    declarations: [TuiAvatarComponent],\n    exports: [TuiAvatarComponent],\n})\nexport class TuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AASA;IACa,0BAA0B,GAAqB;IACxD,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,KAAK;EAChB;IAEW,kBAAkB,GAAG,IAAI,cAAc,CAChD,yCAAyC,EACzC;IACI,OAAO,EAAE,cAAM,OAAA,0BAA0B,GAAA;CAC5C,EACH;IAEW,wBAAwB,GAEhB,UAAC,OAAkC,IAAK,QAAC;IAC1D,OAAO,EAAE,kBAAkB;IAC3B,QAAQ,wBAAM,0BAA0B,GAAK,OAAO,CAAC;CACxD;;;ICqBG,4BAAyD,OAAyB;QAAzB,YAAO,GAAP,OAAO,CAAkB;QA1BlF,SAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAWzB,SAAI,GAAG,EAAE,CAAC;QAIV,cAAS,GAAY,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;QAK5C,YAAO,GAAY,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;QAExC,cAAS,GAAkB,IAAI,CAAC;QAEhC,eAAU,GAAG,KAAK,CAAC;KAEmE;IAtBtF,sBAAI,+CAAe;aAAnB,UAAoB,SAAwB;YACxC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,SAAS,CAAC;YAC9B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;SAC9B;;;OAAA;IAsBD,sBAAI,uCAAO;aAAX;YACI,OAAO,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;SAC3D;;;OAAA;IAGD,sBAAI,yCAAS;aAAb;YACI,OAAO,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC;SACrD;;;OAAA;IAED,sBAAI,4CAAY;aAAhB;YACI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,EAAE;gBACpC,OAAO,EAAE,CAAC;aACb;YAED,IAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAEnC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;kBAC1C,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;kBAC3C,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SAC9B;;;OAAA;IAED,oCAAO,GAAP;QACI,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;KAC3B;;gDA1BY,MAAM,SAAC,kBAAkB;;IA1BtC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;oDACQ;IAIzB;QAFC,KAAK,CAAC,WAAW,CAAC;QAClB,iBAAiB,EAAE;6DAInB;IAID;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;oDACP;IAIV;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;yDAC2B;IAK5C;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;uDACuB;IASxC;QADC,WAAW,CAAC,kBAAkB,CAAC;qDAG/B;IAGD;QADC,WAAW,CAAC,mBAAmB,CAAC;uDAGhC;IAxCQ,kBAAkB;QAN9B,SAAS,CAAC;YACP,QAAQ,EAAE,YAAY;YACtB,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,kOAAqC;;SAExC,CAAC;QA+Be,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;OA9B9B,kBAAkB,CAyD9B;IAAD,yBAAC;CAzDD;;;ICRA;KAA+B;IAAlB,eAAe;QAL3B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,oBAAoB,CAAC;YAC7C,YAAY,EAAE,CAAC,kBAAkB,CAAC;YAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;SAChC,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAA/B;;ACXA;;;;;;"}

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

@@ -1,107 +0,0 @@
-import { __decorate, __param } from 'tslib';
-import { Inject, Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { isNumber, tuiDefaultProp } from '@taiga-ui/cdk';
-import { TUI_MODE, MODE_PROVIDER } from '@taiga-ui/core';
-import { Observable } from 'rxjs';
-import { CommonModule } from '@angular/common';
-
-var TuiBadgeComponent = /** @class */ (function () {
-    function TuiBadgeComponent(mode$) {
-        this.mode$ = mode$;
-        this.value = "";
-        this.size = "m";
-        this.status = "default";
-        this.hoverable = false;
-    }
-    Object.defineProperty(TuiBadgeComponent.prototype, "padding", {
-        get: function () {
-            if (this.isEmpty) {
-                return "none";
-            }
-            return isNumber(this.value.valueOf()) ? "m" : "l";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiBadgeComponent.prototype, "outputValue", {
-        get: function () {
-            if (isNumber(this.value.valueOf()) && this.value.valueOf() > 99) {
-                return "99+";
-            }
-            else {
-                return String(this.value);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiBadgeComponent.prototype, "isEmpty", {
-        get: function () {
-            return this.value === "";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiBadgeComponent.ctorParameters = function () { return [
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] }
-    ]; };
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiBadgeComponent.prototype, "value", void 0);
-    __decorate([
-        Input(),
-        HostBinding("attr.data-size"),
-        tuiDefaultProp()
-    ], TuiBadgeComponent.prototype, "size", void 0);
-    __decorate([
-        Input(),
-        HostBinding("attr.data-tui-host-status"),
-        tuiDefaultProp()
-    ], TuiBadgeComponent.prototype, "status", void 0);
-    __decorate([
-        Input(),
-        HostBinding("class._hoverable"),
-        tuiDefaultProp()
-    ], TuiBadgeComponent.prototype, "hoverable", void 0);
-    __decorate([
-        HostBinding("attr.data-tui-host-padding")
-    ], TuiBadgeComponent.prototype, "padding", null);
-    __decorate([
-        HostBinding("class._empty-value")
-    ], TuiBadgeComponent.prototype, "isEmpty", null);
-    TuiBadgeComponent = __decorate([
-        Component({
-            selector: "tui-badge",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            template: "<span class=\"left-content\"><ng-content></ng-content></span>\n{{ outputValue }}\n",
-            providers: [MODE_PROVIDER],
-            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=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);
-    return TuiBadgeComponent;
-}());
-
-var TuiBadgeModule = /** @class */ (function () {
-    function TuiBadgeModule() {
-    }
-    TuiBadgeModule = __decorate([
-        NgModule({
-            imports: [CommonModule],
-            declarations: [TuiBadgeComponent],
-            exports: [TuiBadgeComponent],
-        })
-    ], TuiBadgeModule);
-    return TuiBadgeModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiBadgeComponent, TuiBadgeModule };
-//# sourceMappingURL=taiga-ui-kit-components-badge.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,128 +0,0 @@
-import { __decorate } from 'tslib';
-import { Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { px, isNumber, tuiDefaultProp } from '@taiga-ui/cdk';
-import { sizeBigger, TuiSvgModule } from '@taiga-ui/core';
-import { CommonModule } from '@angular/common';
-import { TuiBadgeModule } from '@taiga-ui/kit/components/badge';
-import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-
-var BADGE_SIZE = {
-    xs: "xs",
-    s: "s",
-    m: "s",
-    l: "m",
-    xl: "m",
-    xxl: "l",
-};
-var TuiBadgedContentComponent = /** @class */ (function () {
-    function TuiBadgedContentComponent() {
-        this.contentTop = "";
-        this.contentBottom = "";
-        this.size = "m";
-        this.colorTop = "";
-        this.colorBottom = "";
-        this.rounded = false;
-    }
-    Object.defineProperty(TuiBadgedContentComponent.prototype, "topNotification", {
-        get: function () {
-            return !this.contentTop && this.colorTop ? this.colorTop : "";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiBadgedContentComponent.prototype, "bottomNotification", {
-        get: function () {
-            return !this.contentBottom && this.colorBottom ? this.colorBottom : "";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiBadgedContentComponent.prototype, "badgeSize", {
-        get: function () {
-            return BADGE_SIZE[this.size];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiBadgedContentComponent.prototype, "sizeBig", {
-        get: function () {
-            return sizeBigger(this.size);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiBadgedContentComponent.prototype, "boxShadow", {
-        get: function () {
-            var borderWidth = this.sizeBig ? 3 : 2;
-            return "0 0 0 " + px(borderWidth);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiBadgedContentComponent.prototype.contentIsNumber = function (content) {
-        return isNumber(content.valueOf());
-    };
-    TuiBadgedContentComponent.prototype.contentIsString = function (content) {
-        return typeof content.valueOf() === "string";
-    };
-    TuiBadgedContentComponent.prototype.getStatus = function (color) {
-        return color ? "custom" : "primary";
-    };
-    __decorate([
-        Input(),
-        HostBinding("attr.data-tui-host-top"),
-        tuiDefaultProp()
-    ], TuiBadgedContentComponent.prototype, "contentTop", void 0);
-    __decorate([
-        Input(),
-        HostBinding("attr.data-tui-host-bottom"),
-        tuiDefaultProp()
-    ], TuiBadgedContentComponent.prototype, "contentBottom", void 0);
-    __decorate([
-        Input(),
-        HostBinding("attr.data-size"),
-        tuiDefaultProp()
-    ], TuiBadgedContentComponent.prototype, "size", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiBadgedContentComponent.prototype, "colorTop", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiBadgedContentComponent.prototype, "colorBottom", void 0);
-    __decorate([
-        Input(),
-        HostBinding("class._rounded"),
-        tuiDefaultProp()
-    ], TuiBadgedContentComponent.prototype, "rounded", void 0);
-    TuiBadgedContentComponent = __decorate([
-        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)\"\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;
-}());
-
-var TuiBadgedContentModule = /** @class */ (function () {
-    function TuiBadgedContentModule() {
-    }
-    TuiBadgedContentModule = __decorate([
-        NgModule({
-            imports: [CommonModule, PolymorpheusModule, TuiSvgModule, TuiBadgeModule],
-            declarations: [TuiBadgedContentComponent],
-            exports: [TuiBadgedContentComponent],
-        })
-    ], TuiBadgedContentModule);
-    return TuiBadgedContentModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiBadgedContentComponent, TuiBadgedContentModule };
-//# sourceMappingURL=taiga-ui-kit-components-badged-content.js.map

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

@@ -1 +0,0 @@
-{"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-breadcrumbs.js

@@ -1,120 +0,0 @@
-import { __decorate } from 'tslib';
-import { Directive, Input, HostBinding, Component, ChangeDetectionStrategy, ContentChildren, TemplateRef, forwardRef, NgModule } from '@angular/core';
-import { tuiDefaultProp, EMPTY_QUERY, TuiMapperPipeModule, TuiLetModule } from '@taiga-ui/cdk';
-import { DEFAULT_ROUTER_LINK_OPTIONS } from '@taiga-ui/kit/constants';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { TuiModeDirective, TuiLinkModule, TuiSvgModule, TuiModeModule } from '@taiga-ui/core';
-import { Subject } from 'rxjs';
-
-var TuiBreadcrumbDirective = /** @class */ (function () {
-    function TuiBreadcrumbDirective() {
-    }
-    TuiBreadcrumbDirective = __decorate([
-        Directive({
-            selector: "ng-template[tuiBreadcrumb]",
-        })
-    ], TuiBreadcrumbDirective);
-    return TuiBreadcrumbDirective;
-}());
-
-/** @deprecated use `<tui-breadcrumbs>` from {@link TuiBreadcrumbsWrapperComponent} */
-var TuiBreadcrumbsComponent = /** @class */ (function () {
-    function TuiBreadcrumbsComponent() {
-        this.items = [];
-        this.size = "m";
-        this.routerLinkOptions = function (_a) {
-            var routerLinkOptions = _a.routerLinkOptions;
-            return routerLinkOptions || DEFAULT_ROUTER_LINK_OPTIONS;
-        };
-    }
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiBreadcrumbsComponent.prototype, "items", void 0);
-    __decorate([
-        Input(),
-        HostBinding("attr.data-size"),
-        tuiDefaultProp()
-    ], TuiBreadcrumbsComponent.prototype, "size", void 0);
-    TuiBreadcrumbsComponent = __decorate([
-        Component({
-            selector: "tui-breadcrumbs[items]",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            template: "<ng-container *ngFor=\"let item of items; last as lastItem\">\n    <ng-container *tuiLet=\"item | tuiMapper: routerLinkOptions as options\">\n        <a\n            #rla=\"routerLinkActive\"\n            tuiLink\n            tuiMode=\"onLight\"\n            routerLinkActive=\"t-active-link\"\n            [attr.tabindex]=\"rla.isActive ? -1 : null\"\n            [fragment]=\"options.fragment\"\n            [preserveFragment]=\"options.preserveFragment\"\n            [replaceUrl]=\"options.replaceUrl\"\n            [routerLink]=\"item.routerLink\"\n            [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || {exact: false}\"\n            [skipLocationChange]=\"options.skipLocationChange\"\n            [queryParams]=\"options.queryParams\"\n            [target]=\"options.target\"\n        >\n            {{ item.caption }}\n        </a>\n        <tui-svg\n            *ngIf=\"!lastItem\"\n            src=\"tuiIconChevronRight\"\n            class=\"t-icon\"\n        ></tui-svg>\n    </ng-container>\n</ng-container>\n",
-            styles: [":host{display:flex;align-items:center;height:2.5rem}:host[data-size='m']{font:var(--tui-font-text-s)}:host[data-size='l']{font:var(--tui-font-text-m)}.t-icon{margin:0 .25rem;color:var(--tui-text-03)}a.t-active-link[data-mode=onLight]{color:var(--tui-text-03);pointer-events:none}"]
-        })
-    ], TuiBreadcrumbsComponent);
-    return TuiBreadcrumbsComponent;
-}());
-
-var TuiBreadcrumbsWrapperComponent = /** @class */ (function () {
-    function TuiBreadcrumbsWrapperComponent() {
-        this.size = "m";
-        this.items = EMPTY_QUERY;
-        this.change$ = new Subject();
-        this.mode = "onLight";
-    }
-    TuiBreadcrumbsWrapperComponent_1 = TuiBreadcrumbsWrapperComponent;
-    TuiBreadcrumbsWrapperComponent.prototype.ngOnChanges = function () { };
-    var TuiBreadcrumbsWrapperComponent_1;
-    __decorate([
-        Input(),
-        HostBinding("attr.data-size"),
-        tuiDefaultProp()
-    ], TuiBreadcrumbsWrapperComponent.prototype, "size", void 0);
-    __decorate([
-        ContentChildren(TuiBreadcrumbDirective, { read: TemplateRef })
-    ], TuiBreadcrumbsWrapperComponent.prototype, "items", void 0);
-    TuiBreadcrumbsWrapperComponent = TuiBreadcrumbsWrapperComponent_1 = __decorate([
-        Component({
-            selector: "tui-breadcrumbs:not([items])",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            template: "<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<ng-container *ngFor=\"let item of items; let last = last\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n    <tui-svg\n        *ngIf=\"!last\"\n        src=\"tuiIconChevronRight\"\n        class=\"t-icon\"\n    ></tui-svg>\n</ng-container>\n",
-            providers: [
-                {
-                    provide: TuiModeDirective,
-                    useExisting: forwardRef(function () { return TuiBreadcrumbsWrapperComponent_1; }),
-                },
-            ],
-            styles: [":host{display:flex;align-items:center;height:2.5rem;font:var(--tui-font-text-s)}:host[data-size='l']{font:var(--tui-font-text-m)}.t-icon{margin:0 .25rem;color:var(--tui-text-03)}"]
-        })
-    ], TuiBreadcrumbsWrapperComponent);
-    return TuiBreadcrumbsWrapperComponent;
-}());
-
-var TuiBreadcrumbsModule = /** @class */ (function () {
-    function TuiBreadcrumbsModule() {
-    }
-    TuiBreadcrumbsModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                RouterModule,
-                TuiMapperPipeModule,
-                TuiLetModule,
-                TuiLinkModule,
-                TuiSvgModule,
-                TuiModeModule,
-            ],
-            declarations: [
-                TuiBreadcrumbsComponent,
-                TuiBreadcrumbsWrapperComponent,
-                TuiBreadcrumbDirective,
-            ],
-            exports: [
-                TuiBreadcrumbsComponent,
-                TuiBreadcrumbsWrapperComponent,
-                TuiBreadcrumbDirective,
-            ],
-        })
-    ], TuiBreadcrumbsModule);
-    return TuiBreadcrumbsModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiBreadcrumbDirective, TuiBreadcrumbsComponent, TuiBreadcrumbsModule, TuiBreadcrumbsWrapperComponent };
-//# sourceMappingURL=taiga-ui-kit-components-breadcrumbs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-kit-components-breadcrumbs.js","sources":["ng://@taiga-ui/kit/components/breadcrumbs/breadcrumb.directive.ts","ng://@taiga-ui/kit/components/breadcrumbs/breadcrumbs.component.ts","ng://@taiga-ui/kit/components/breadcrumbs/breadcrumbs-wrapper.component.ts","ng://@taiga-ui/kit/components/breadcrumbs/breadcrumbs.module.ts","ng://@taiga-ui/kit/components/breadcrumbs/taiga-ui-kit-components-breadcrumbs.ts"],"sourcesContent":["import {Directive} from '@angular/core';\n\n@Directive({\n    selector: `ng-template[tuiBreadcrumb]`,\n})\nexport class TuiBreadcrumbDirective {}\n","import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp, TuiMapper} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\nimport {DEFAULT_ROUTER_LINK_OPTIONS} from '@taiga-ui/kit/constants';\nimport {TuiBreadCrumbsItem} from '@taiga-ui/kit/interfaces';\n\n/** @deprecated use `<tui-breadcrumbs>` from {@link TuiBreadcrumbsWrapperComponent} */\n@Component({\n    selector: `tui-breadcrumbs[items]`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./breadcrumbs.template.html`,\n    styleUrls: [`./breadcrumbs.style.less`],\n})\nexport class TuiBreadcrumbsComponent {\n    @Input()\n    @tuiDefaultProp()\n    items: readonly TuiBreadCrumbsItem[] = [];\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeL = `m`;\n\n    readonly routerLinkOptions: TuiMapper<TuiBreadCrumbsItem, any> = ({\n        routerLinkOptions,\n    }) => routerLinkOptions || DEFAULT_ROUTER_LINK_OPTIONS;\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    forwardRef,\n    HostBinding,\n    Input,\n    QueryList,\n    TemplateRef,\n} from '@angular/core';\nimport {EMPTY_QUERY, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiModeDirective, TuiSizeL} from '@taiga-ui/core';\nimport {Subject} from 'rxjs';\n\nimport {TuiBreadcrumbDirective} from './breadcrumb.directive';\n\n@Component({\n    selector: `tui-breadcrumbs:not([items])`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: `./breadcrumbs-wrapper.template.html`,\n    styleUrls: [`./breadcrumbs-wrapper.style.less`],\n    providers: [\n        {\n            provide: TuiModeDirective,\n            useExisting: forwardRef(() => TuiBreadcrumbsWrapperComponent),\n        },\n    ],\n})\nexport class TuiBreadcrumbsWrapperComponent implements TuiModeDirective {\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeL = `m`;\n\n    @ContentChildren(TuiBreadcrumbDirective, {read: TemplateRef})\n    readonly items: QueryList<TemplateRef<Record<string, unknown>>> = EMPTY_QUERY;\n\n    readonly change$ = new Subject<void>();\n    readonly mode = `onLight`;\n\n    ngOnChanges(): void {}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {RouterModule} from '@angular/router';\nimport {TuiLetModule, TuiMapperPipeModule} from '@taiga-ui/cdk';\nimport {TuiLinkModule, TuiModeModule, TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiBreadcrumbDirective} from './breadcrumb.directive';\nimport {TuiBreadcrumbsComponent} from './breadcrumbs.component';\nimport {TuiBreadcrumbsWrapperComponent} from './breadcrumbs-wrapper.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        RouterModule,\n        TuiMapperPipeModule,\n        TuiLetModule,\n        TuiLinkModule,\n        TuiSvgModule,\n        TuiModeModule,\n    ],\n    declarations: [\n        TuiBreadcrumbsComponent,\n        TuiBreadcrumbsWrapperComponent,\n        TuiBreadcrumbDirective,\n    ],\n    exports: [\n        TuiBreadcrumbsComponent,\n        TuiBreadcrumbsWrapperComponent,\n        TuiBreadcrumbDirective,\n    ],\n})\nexport class TuiBreadcrumbsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;IAKA;KAAsC;IAAzB,sBAAsB;QAHlC,SAAS,CAAC;YACP,QAAQ,EAAE,4BAA4B;SACzC,CAAC;OACW,sBAAsB,CAAG;IAAD,6BAAC;CAAtC;;ACCA;;IAOA;QAGI,UAAK,GAAkC,EAAE,CAAC;QAK1C,SAAI,GAAa,GAAG,CAAC;QAEZ,sBAAiB,GAAuC,UAAC,EAEjE;gBADG,wCAAiB;YACf,OAAA,iBAAiB,IAAI,2BAA2B;SAAA,CAAC;KAC1D;IAVG;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;0DACyB;IAK1C;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;yDACI;IARZ,uBAAuB;QANnC,SAAS,CAAC;YACP,QAAQ,EAAE,wBAAwB;YAClC,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,2hCAA0C;;SAE7C,CAAC;OACW,uBAAuB,CAanC;IAAD,8BAAC;CAbD;;;ICeA;QAII,SAAI,GAAa,GAAG,CAAC;QAGZ,UAAK,GAAoD,WAAW,CAAC;QAErE,YAAO,GAAG,IAAI,OAAO,EAAQ,CAAC;QAC9B,SAAI,GAAG,SAAS,CAAC;KAG7B;uCAbY,8BAA8B;IAYvC,oDAAW,GAAX,eAAsB;;IARtB;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;gEACI;IAGrB;QADC,eAAe,CAAC,sBAAsB,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC;iEACiB;IAPrE,8BAA8B;QAZ1C,SAAS,CAAC;YACP,QAAQ,EAAE,8BAA8B;YACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,gVAAkD;YAElD,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,gBAAgB;oBACzB,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,gCAA8B,GAAA,CAAC;iBAChE;aACJ;;SACJ,CAAC;OACW,8BAA8B,CAa1C;IAAD,qCAAC;CAbD;;;ICGA;KAAoC;IAAvB,oBAAoB;QArBhC,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,YAAY;gBACZ,mBAAmB;gBACnB,YAAY;gBACZ,aAAa;gBACb,YAAY;gBACZ,aAAa;aAChB;YACD,YAAY,EAAE;gBACV,uBAAuB;gBACvB,8BAA8B;gBAC9B,sBAAsB;aACzB;YACD,OAAO,EAAE;gBACL,uBAAuB;gBACvB,8BAA8B;gBAC9B,sBAAsB;aACzB;SACJ,CAAC;OACW,oBAAoB,CAAG;IAAD,2BAAC;CAApC;;AC/BA;;;;;;"}