@taiga-ui/experimental 3.66.0 → 3.67.0

package/bundles/taiga-ui-experimental-components-avatar.umd.js

@@ -27,8 +27,9 @@
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
 
     var TUI_AVATAR_DEFAULT_OPTIONS = {
+        appearance: '',
         round: true,
-        size: 'm',
+        size: 'l',
     };
     var TUI_AVATAR_OPTIONS = cdk.tuiCreateToken(TUI_AVATAR_DEFAULT_OPTIONS);
     function tuiAvatarOptionsProvider(options) {
@@ -42,7 +43,7 @@
             this.size = this.options.size;
             this.round = this.options.round;
             this.src = null;
-            this.appearance = '';
+            this.appearance = this.options.appearance;
         }
         Object.defineProperty(TuiAvatarComponent.prototype, "value", {
             get: function () {
@@ -70,7 +71,7 @@
         return TuiAvatarComponent;
     }());
     TuiAvatarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarComponent, deps: [{ token: TUI_AVATAR_OPTIONS }, { token: tokens.TUI_ICON_RESOLVER }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiAvatarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src", appearance: "appearance" }, host: { attributes: { "tuiAppearance": "" }, properties: { "attr.data-appearance": "appearance", "attr.data-size": "size", "attr.data-type": "type", "style.--t-mask": "\"url(\" + resolver(src) + \")\"", "class._round": "round" } }, ngImport: i0__namespace, template: "<ng-container [ngSwitch]=\"type\">\n    <img\n        *ngSwitchCase=\"'img'\"\n        alt=\"\"\n        loading=\"lazy\"\n        [src]=\"value\"\n    />\n    <ng-container *ngSwitchCase=\"'text'\">{{ value }}</ng-container>\n    <ng-container *ngSwitchDefault>\n        <ng-content></ng-content>\n    </ng-container>\n</ng-container>\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center / 60%;mask:var(--t-mask) no-repeat center / 60%}:host[data-size=xxs]{--t-size: 1.5rem;--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=xxs][data-type=content]{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=xs]{--t-size: 2rem;--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:bold}:host[data-size=xs][data-type=content]{font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=s]{--t-size: 2.5rem;--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:bold}:host[data-size=s][data-type=content]{font:var(--tui-font-text-m);font-weight:bold}:host[data-size=m]{--t-size: 3.5rem;--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=m][data-type=content]{font:var(--tui-font-text-l);font-weight:bold}:host[data-size=l]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=l][data-type=content]{font:var(--tui-font-heading-4)}:host[data-size=xl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-size=xxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-type=img]{background:transparent}:host[data-type=icon]:before{content:\"\"}:host._round{--t-radius: calc(var(--t-size) / 2)}:host ::ng-deep img,:host ::ng-deep picture,:host ::ng-deep video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}\n"], directives: [{ type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i1__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiAvatarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src", appearance: "appearance" }, host: { attributes: { "tuiAppearance": "" }, properties: { "attr.data-appearance": "appearance", "attr.data-size": "size", "attr.data-type": "type", "style.--t-mask": "\"url(\" + resolver(src) + \")\"", "class._round": "round" } }, ngImport: i0__namespace, template: "<ng-container [ngSwitch]=\"type\">\n    <img\n        *ngSwitchCase=\"'img'\"\n        alt=\"\"\n        loading=\"lazy\"\n        [src]=\"value\"\n    />\n    <ng-container *ngSwitchCase=\"'text'\">{{ value }}</ng-container>\n    <ng-container *ngSwitchDefault>\n        <ng-content></ng-content>\n    </ng-container>\n</ng-container>\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center / 60%;mask:var(--t-mask) no-repeat center / 60%}:host[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=xs][data-type=content]{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:bold}:host[data-size=s][data-type=content]{font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:bold}:host[data-size=m][data-type=content]{font:var(--tui-font-text-m);font-weight:bold}:host[data-size=l]{--t-size: var(--tui-height-l);--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=l][data-type=content]{font:var(--tui-font-text-l);font-weight:bold}:host[data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=xl][data-type=content]{font:var(--tui-font-heading-4)}:host[data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-type=img]{background:transparent}:host[data-type=icon]:before{content:\"\"}:host._round{--t-radius: calc(var(--t-size) / 2)}:host ::ng-deep img,:host ::ng-deep picture,:host ::ng-deep video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}\n"], directives: [{ type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i1__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAvatarComponent, decorators: [{
                 type: i0.Component,
                 args: [{

package/bundles/taiga-ui-experimental-components-avatar.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-avatar.umd.js","sources":["../../../projects/experimental/components/avatar/avatar.options.ts","../../../projects/experimental/components/avatar/avatar.component.ts","../../../projects/experimental/components/avatar/avatar.template.html","../../../projects/experimental/components/avatar/avatar.module.ts","../../../projects/experimental/components/avatar/taiga-ui-experimental-components-avatar.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';\n\nexport interface TuiAvatarOptions {\n    readonly round: boolean;\n    readonly size: TuiSizeXXL | TuiSizeXXS;\n}\n\nexport const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions = {\n    round: true,\n    size: 'm',\n};\n\nexport const TUI_AVATAR_OPTIONS = tuiCreateToken(TUI_AVATAR_DEFAULT_OPTIONS);\n\nexport function tuiAvatarOptionsProvider(options: Partial<TuiAvatarOptions>): Provider {\n    return tuiProvideOptions(TUI_AVATAR_OPTIONS, options, TUI_AVATAR_DEFAULT_OPTIONS);\n}\n","import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\nimport {tuiIsString, TuiStringHandler} from '@taiga-ui/cdk';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\n\nimport {TUI_AVATAR_OPTIONS, TuiAvatarOptions} from './avatar.options';\n\n@Component({\n    selector: 'tui-avatar',\n    templateUrl: './avatar.template.html',\n    styleUrls: ['./avatar.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        tuiAppearance: '',\n        '[attr.data-appearance]': 'appearance',\n        '[attr.data-size]': 'size',\n        '[attr.data-type]': 'type',\n        '[style.--t-mask]': '\"url(\" + resolver(src) + \")\"',\n        '[class._round]': 'round',\n    },\n})\nexport class TuiAvatarComponent {\n    @Input()\n    size = this.options.size;\n\n    @Input()\n    round = this.options.round;\n\n    @Input()\n    src: SafeResourceUrl | string | null = null;\n\n    @Input()\n    appearance = '';\n\n    constructor(\n        @Inject(TUI_AVATAR_OPTIONS) private readonly options: TuiAvatarOptions,\n        @Inject(TUI_ICON_RESOLVER) readonly resolver: TuiStringHandler<string>,\n    ) {}\n\n    get value(): SafeResourceUrl | string {\n        return this.src || '';\n    }\n\n    get type(): 'content' | 'icon' | 'img' | 'text' {\n        if (this.value && !tuiIsString(this.value)) {\n            return 'img';\n        }\n\n        if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {\n            return 'icon';\n        }\n\n        if (this.value.length > 0 && this.value.length < 3) {\n            return 'text';\n        }\n\n        return this.value.length ? 'img' : 'content';\n    }\n}\n","<ng-container [ngSwitch]=\"type\">\n    <img\n        *ngSwitchCase=\"'img'\"\n        alt=\"\"\n        loading=\"lazy\"\n        [src]=\"value\"\n    />\n    <ng-container *ngSwitchCase=\"'text'\">{{ value }}</ng-container>\n    <ng-container *ngSwitchDefault>\n        <ng-content></ng-content>\n    </ng-container>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiIconModule} from '@taiga-ui/experimental/components/icon';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n    imports: [CommonModule, TuiIconModule, 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":["tuiCreateToken","tuiProvideOptions","tuiIsString","TUI_ICON_RESOLVER","i0","i1","i2","Component","ChangeDetectionStrategy","Inject","Input","CommonModule","TuiIconModule","TuiLazyLoadingModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASa,QAAA,0BAA0B,GAAqB;IACxD,IAAA,KAAK,EAAE,IAAI;IACX,IAAA,IAAI,EAAE,GAAG;MACX;QAEW,kBAAkB,GAAGA,kBAAc,CAAC,0BAA0B,EAAE;IAEvE,SAAU,wBAAwB,CAAC,OAAkC,EAAA;QACvE,OAAOC,qBAAiB,CAAC,kBAAkB,EAAE,OAAO,EAAE,0BAA0B,CAAC,CAAC;IACtF;;ACGA,QAAA,kBAAA,kBAAA,YAAA;QAaI,SACiD,kBAAA,CAAA,OAAyB,EAClC,QAAkC,EAAA;IADzB,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAkB;IAClC,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAA0B;YAb1E,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YAGzB,IAAA,CAAA,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAG3B,QAAA,IAAG,CAAA,GAAA,GAAoC,IAAI,CAAC;IAG5C,QAAA,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;SAKZ;IAEJ,IAAA,MAAA,CAAA,cAAA,CAAI,kBAAK,CAAA,SAAA,EAAA,OAAA,EAAA;IAAT,QAAA,GAAA,EAAA,YAAA;IACI,YAAA,OAAO,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;aACzB;;;IAAA,KAAA,CAAA,CAAA;IAED,IAAA,MAAA,CAAA,cAAA,CAAI,kBAAI,CAAA,SAAA,EAAA,MAAA,EAAA;IAAR,QAAA,GAAA,EAAA,YAAA;gBACI,IAAI,IAAI,CAAC,KAAK,IAAI,CAACC,eAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;IACxC,gBAAA,OAAO,KAAK,CAAC;IAChB,aAAA;IAED,YAAA,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;IACjE,gBAAA,OAAO,MAAM,CAAC;IACjB,aAAA;IAED,YAAA,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;IAChD,gBAAA,OAAO,MAAM,CAAC;IACjB,aAAA;IAED,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;aAChD;;;IAAA,KAAA,CAAA,CAAA;;;0IApCQ,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAcf,kBAAkB,EAAA,EAAA,EAAA,KAAA,EAClBC,wBAAiB,EAAA,CAAA,EAAA,MAAA,EAAAC,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAfpB,kBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,qXCrB/B,mVAYA,EAAA,MAAA,EAAA,CAAA,k+DAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAAA,aAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,KAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAAD,aAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAAD,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;sHDSa,kBAAkB,EAAA,UAAA,EAAA,CAAA;sBAd9BG,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,YAAY;IACtB,oBAAA,WAAW,EAAE,wBAAwB;wBACrC,SAAS,EAAE,CAAC,qBAAqB,CAAC;wBAClC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;IAC/C,oBAAA,IAAI,EAAE;IACF,wBAAA,aAAa,EAAE,EAAE;IACjB,wBAAA,wBAAwB,EAAE,YAAY;IACtC,wBAAA,kBAAkB,EAAE,MAAM;IAC1B,wBAAA,kBAAkB,EAAE,MAAM;IAC1B,wBAAA,kBAAkB,EAAE,8BAA8B;IAClD,wBAAA,gBAAgB,EAAE,OAAO;IAC5B,qBAAA;qBACJ,CAAA;;;kCAeQC,SAAM;mCAAC,kBAAkB,CAAA;;kCACzBA,SAAM;mCAACN,wBAAiB,CAAA;;6BAb7B,IAAI,EAAA,CAAA;0BADHO,QAAK;oBAIN,KAAK,EAAA,CAAA;0BADJA,QAAK;oBAIN,GAAG,EAAA,CAAA;0BADFA,QAAK;oBAIN,UAAU,EAAA,CAAA;0BADTA,QAAK;;;AEnBV,QAAA,eAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,eAAA,GAAA;;;;uIAAa,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAN,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wIAAf,eAAe,EAAA,YAAA,EAAA,CAHT,kBAAkB,CADvB,EAAA,OAAA,EAAA,CAAAO,eAAY,EAAEC,kBAAa,EAAEC,uBAAoB,CAAA,EAAA,OAAA,EAAA,CAEjD,kBAAkB,CAAA,EAAA,CAAA,CAAA;IAEnB,eAAA,CAAA,IAAA,GAAAT,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,eAAe,YAJf,CAACO,eAAY,EAAEC,kBAAa,EAAEC,uBAAoB,CAAC,CAAA,EAAA,CAAA,CAAA;sHAInD,eAAe,EAAA,UAAA,EAAA,CAAA;sBAL3BC,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;IACN,oBAAA,OAAO,EAAE,CAACH,eAAY,EAAEC,kBAAa,EAAEC,uBAAoB,CAAC;wBAC5D,YAAY,EAAE,CAAC,kBAAkB,CAAC;wBAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;qBAChC,CAAA;;;ICXD;;IAEG;;;;;;;;;;;;;;"}
+{"version":3,"file":"taiga-ui-experimental-components-avatar.umd.js","sources":["../../../projects/experimental/components/avatar/avatar.options.ts","../../../projects/experimental/components/avatar/avatar.component.ts","../../../projects/experimental/components/avatar/avatar.template.html","../../../projects/experimental/components/avatar/avatar.module.ts","../../../projects/experimental/components/avatar/taiga-ui-experimental-components-avatar.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core';\n\nexport interface TuiAvatarOptions {\n    readonly appearance: string;\n    readonly round: boolean;\n    readonly size: TuiSizeXS | TuiSizeXXL;\n}\n\nexport const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions = {\n    appearance: '',\n    round: true,\n    size: 'l',\n};\n\nexport const TUI_AVATAR_OPTIONS = tuiCreateToken(TUI_AVATAR_DEFAULT_OPTIONS);\n\nexport function tuiAvatarOptionsProvider(options: Partial<TuiAvatarOptions>): Provider {\n    return tuiProvideOptions(TUI_AVATAR_OPTIONS, options, TUI_AVATAR_DEFAULT_OPTIONS);\n}\n","import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\nimport {tuiIsString, TuiStringHandler} from '@taiga-ui/cdk';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\n\nimport {TUI_AVATAR_OPTIONS, TuiAvatarOptions} from './avatar.options';\n\n@Component({\n    selector: 'tui-avatar',\n    templateUrl: './avatar.template.html',\n    styleUrls: ['./avatar.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        tuiAppearance: '',\n        '[attr.data-appearance]': 'appearance',\n        '[attr.data-size]': 'size',\n        '[attr.data-type]': 'type',\n        '[style.--t-mask]': '\"url(\" + resolver(src) + \")\"',\n        '[class._round]': 'round',\n    },\n})\nexport class TuiAvatarComponent {\n    @Input()\n    size = this.options.size;\n\n    @Input()\n    round = this.options.round;\n\n    @Input()\n    src: SafeResourceUrl | string | null = null;\n\n    @Input()\n    appearance = this.options.appearance;\n\n    constructor(\n        @Inject(TUI_AVATAR_OPTIONS) private readonly options: TuiAvatarOptions,\n        @Inject(TUI_ICON_RESOLVER) readonly resolver: TuiStringHandler<string>,\n    ) {}\n\n    get value(): SafeResourceUrl | string {\n        return this.src || '';\n    }\n\n    get type(): 'content' | 'icon' | 'img' | 'text' {\n        if (this.value && !tuiIsString(this.value)) {\n            return 'img';\n        }\n\n        if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {\n            return 'icon';\n        }\n\n        if (this.value.length > 0 && this.value.length < 3) {\n            return 'text';\n        }\n\n        return this.value.length ? 'img' : 'content';\n    }\n}\n","<ng-container [ngSwitch]=\"type\">\n    <img\n        *ngSwitchCase=\"'img'\"\n        alt=\"\"\n        loading=\"lazy\"\n        [src]=\"value\"\n    />\n    <ng-container *ngSwitchCase=\"'text'\">{{ value }}</ng-container>\n    <ng-container *ngSwitchDefault>\n        <ng-content></ng-content>\n    </ng-container>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiIconModule} from '@taiga-ui/experimental/components/icon';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n    imports: [CommonModule, TuiIconModule, 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":["tuiCreateToken","tuiProvideOptions","tuiIsString","TUI_ICON_RESOLVER","i0","i1","i2","Component","ChangeDetectionStrategy","Inject","Input","CommonModule","TuiIconModule","TuiLazyLoadingModule","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-components-badge-notification.umd.js

@@ -41,7 +41,7 @@
         return TuiBadgeNotificationComponent;
     }());
     TuiBadgeNotificationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeNotificationComponent, deps: [{ token: core.TUI_ANIMATION_OPTIONS }, { token: TUI_BADGE_NOTIFICATION_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiBadgeNotificationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeNotificationComponent, selector: "tui-badge-notification", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size", "@tuiPop": "animation" } }, ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [":host{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-text-01-night);border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-width:100%;padding:0 .25rem;background:#f52222;height:var(--t-size);min-width:var(--t-size)}:host[data-size=m]{--t-size: 1.25rem}:host[data-size=s]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}:host[data-size=xs]{--t-size: .375rem;padding:0;font-size:0}\n"], animations: [core.tuiPop], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiBadgeNotificationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeNotificationComponent, selector: "tui-badge-notification", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size", "@tuiPop": "animation" } }, ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: [":host{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-text-01-night);border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-width:100%;padding:0 .25rem;background:#f52222;height:var(--t-size);min-width:var(--t-size)}:host[data-size=m]{--t-size: 1.25rem}:host[data-size=s]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}:host[data-size=xs]{--t-size: .375rem;padding:0;font-size:0}:host :host-context([tuiIconButton]){position:absolute;right:25%;top:25%}\n"], animations: [core.tuiPop], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiBadgeNotificationComponent, decorators: [{
                 type: i0.Component,
                 args: [{

package/bundles/taiga-ui-experimental-components-badge-notification.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-badge-notification.umd.js","sources":["../../../projects/experimental/components/badge-notification/badge-notification.options.ts","../../../projects/experimental/components/badge-notification/badge-notification.component.ts","../../../projects/experimental/components/badge-notification/badge-notification.module.ts","../../../projects/experimental/components/badge-notification/taiga-ui-experimental-components-badge-notification.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeXS} from '@taiga-ui/core';\n\nexport interface TuiBadgeNotificationOptions {\n    readonly size: TuiSizeL | TuiSizeXS;\n}\n\nexport const TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS: TuiBadgeNotificationOptions = {\n    size: 'm',\n};\n\nexport const TUI_BADGE_NOTIFICATION_OPTIONS = tuiCreateToken(\n    TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS,\n);\n\nexport function tuiBadgeNotificationOptionsProvider(\n    options: Partial<TuiBadgeNotificationOptions>,\n): Provider {\n    return tuiProvideOptions(\n        TUI_BADGE_NOTIFICATION_OPTIONS,\n        options,\n        TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS,\n    );\n}\n","import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {\n    TUI_ANIMATION_OPTIONS,\n    TuiAnimationOptions,\n    tuiPop,\n    TuiSizeL,\n    TuiSizeXS,\n} from '@taiga-ui/core';\n\nimport {\n    TUI_BADGE_NOTIFICATION_OPTIONS,\n    TuiBadgeNotificationOptions,\n} from './badge-notification.options';\n\n@Component({\n    selector: 'tui-badge-notification',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./badge-notification.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [tuiPop],\n    host: {\n        '[attr.data-size]': 'size',\n        '[@tuiPop]': 'animation',\n    },\n})\nexport class TuiBadgeNotificationComponent {\n    @Input()\n    size: TuiSizeL | TuiSizeXS = this.options.size;\n\n    constructor(\n        @Inject(TUI_ANIMATION_OPTIONS) readonly animation: TuiAnimationOptions,\n        @Inject(TUI_BADGE_NOTIFICATION_OPTIONS)\n        private readonly options: TuiBadgeNotificationOptions,\n    ) {}\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiBadgeNotificationComponent} from './badge-notification.component';\n\n@NgModule({\n    declarations: [TuiBadgeNotificationComponent],\n    exports: [TuiBadgeNotificationComponent],\n})\nexport class TuiBadgeNotificationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","TUI_ANIMATION_OPTIONS","i0","tuiPop","Component","ChangeDetectionStrategy","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,QAAA,sCAAsC,GAAgC;IAC/E,IAAA,IAAI,EAAE,GAAG;MACX;QAEW,8BAA8B,GAAGA,kBAAc,CACxD,sCAAsC,EACxC;IAEI,SAAU,mCAAmC,CAC/C,OAA6C,EAAA;QAE7C,OAAOC,qBAAiB,CACpB,8BAA8B,EAC9B,OAAO,EACP,sCAAsC,CACzC,CAAC;IACN;;ACCA,QAAA,6BAAA,kBAAA,YAAA;QAII,SAC4C,6BAAA,CAAA,SAA8B,EAErD,OAAoC,EAAA;IAFb,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAqB;IAErD,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAA6B;YALzD,IAAA,CAAA,IAAI,GAAyB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;SAM3C;;;qJARK,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAK1BC,0BAAqB,EAAA,EAAA,EAAA,KAAA,EACrB,8BAA8B,EAAA,CAAA,EAAA,MAAA,EAAAC,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IANjC,6BAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,EAT5B,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,QAAA,EAAA,2BAA2B,EAGzB,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0hBAAA,CAAA,EAAA,UAAA,EAAA,CAACC,WAAM,CAAC,EAAA,eAAA,EAAAD,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;sHAMX,6BAA6B,EAAA,UAAA,EAAA,CAAA;sBAXzCE,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,wBAAwB;IAClC,oBAAA,QAAQ,EAAE,2BAA2B;wBACrC,SAAS,EAAE,CAAC,iCAAiC,CAAC;wBAC9C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,UAAU,EAAE,CAACF,WAAM,CAAC;IACpB,oBAAA,IAAI,EAAE;IACF,wBAAA,kBAAkB,EAAE,MAAM;IAC1B,wBAAA,WAAW,EAAE,WAAW;IAC3B,qBAAA;qBACJ,CAAA;;;kCAMQG,SAAM;mCAACL,0BAAqB,CAAA;;kCAC5BK,SAAM;mCAAC,8BAA8B,CAAA;;6BAJ1C,IAAI,EAAA,CAAA;0BADHC,QAAK;;;AClBV,QAAA,0BAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,0BAAA,GAAA;;;;kJAAa,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAL,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mJAA1B,0BAA0B,EAAA,YAAA,EAAA,CAHpB,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAClC,6BAA6B,CAAA,EAAA,CAAA,CAAA;mJAE9B,0BAA0B,EAAA,CAAA,CAAA;sHAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;sBAJtCM,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;wBACN,YAAY,EAAE,CAAC,6BAA6B,CAAC;wBAC7C,OAAO,EAAE,CAAC,6BAA6B,CAAC;qBAC3C,CAAA;;;ICPD;;IAEG;;;;;;;;;;;;;;"}
+{"version":3,"file":"taiga-ui-experimental-components-badge-notification.umd.js","sources":["../../../projects/experimental/components/badge-notification/badge-notification.options.ts","../../../projects/experimental/components/badge-notification/badge-notification.component.ts","../../../projects/experimental/components/badge-notification/badge-notification.module.ts","../../../projects/experimental/components/badge-notification/taiga-ui-experimental-components-badge-notification.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeXS} from '@taiga-ui/core';\n\nexport interface TuiBadgeNotificationOptions {\n    readonly size: TuiSizeL | TuiSizeXS;\n}\n\nexport const TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS: TuiBadgeNotificationOptions = {\n    size: 'm',\n};\n\nexport const TUI_BADGE_NOTIFICATION_OPTIONS = tuiCreateToken(\n    TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS,\n);\n\nexport function tuiBadgeNotificationOptionsProvider(\n    options: Partial<TuiBadgeNotificationOptions>,\n): Provider {\n    return tuiProvideOptions(\n        TUI_BADGE_NOTIFICATION_OPTIONS,\n        options,\n        TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS,\n    );\n}\n","import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {\n    TUI_ANIMATION_OPTIONS,\n    TuiAnimationOptions,\n    tuiPop,\n    TuiSizeL,\n    TuiSizeXS,\n} from '@taiga-ui/core';\n\nimport {\n    TUI_BADGE_NOTIFICATION_OPTIONS,\n    TuiBadgeNotificationOptions,\n} from './badge-notification.options';\n\n@Component({\n    selector: 'tui-badge-notification',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./badge-notification.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [tuiPop],\n    host: {\n        '[attr.data-size]': 'size',\n        '[@tuiPop]': 'animation',\n    },\n})\nexport class TuiBadgeNotificationComponent {\n    @Input()\n    size: TuiSizeL | TuiSizeXS = this.options.size;\n\n    constructor(\n        @Inject(TUI_ANIMATION_OPTIONS) readonly animation: TuiAnimationOptions,\n        @Inject(TUI_BADGE_NOTIFICATION_OPTIONS)\n        private readonly options: TuiBadgeNotificationOptions,\n    ) {}\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiBadgeNotificationComponent} from './badge-notification.component';\n\n@NgModule({\n    declarations: [TuiBadgeNotificationComponent],\n    exports: [TuiBadgeNotificationComponent],\n})\nexport class TuiBadgeNotificationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","TUI_ANIMATION_OPTIONS","i0","tuiPop","Component","ChangeDetectionStrategy","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,QAAA,sCAAsC,GAAgC;IAC/E,IAAA,IAAI,EAAE,GAAG;MACX;QAEW,8BAA8B,GAAGA,kBAAc,CACxD,sCAAsC,EACxC;IAEI,SAAU,mCAAmC,CAC/C,OAA6C,EAAA;QAE7C,OAAOC,qBAAiB,CACpB,8BAA8B,EAC9B,OAAO,EACP,sCAAsC,CACzC,CAAC;IACN;;ACCA,QAAA,6BAAA,kBAAA,YAAA;QAII,SAC4C,6BAAA,CAAA,SAA8B,EAErD,OAAoC,EAAA;IAFb,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAqB;IAErD,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAA6B;YALzD,IAAA,CAAA,IAAI,GAAyB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;SAM3C;;;qJARK,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAK1BC,0BAAqB,EAAA,EAAA,EAAA,KAAA,EACrB,8BAA8B,EAAA,CAAA,EAAA,MAAA,EAAAC,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IANjC,6BAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,EAT5B,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,QAAA,EAAA,2BAA2B,EAGzB,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mmBAAA,CAAA,EAAA,UAAA,EAAA,CAACC,WAAM,CAAC,EAAA,eAAA,EAAAD,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;sHAMX,6BAA6B,EAAA,UAAA,EAAA,CAAA;sBAXzCE,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,wBAAwB;IAClC,oBAAA,QAAQ,EAAE,2BAA2B;wBACrC,SAAS,EAAE,CAAC,iCAAiC,CAAC;wBAC9C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,UAAU,EAAE,CAACF,WAAM,CAAC;IACpB,oBAAA,IAAI,EAAE;IACF,wBAAA,kBAAkB,EAAE,MAAM;IAC1B,wBAAA,WAAW,EAAE,WAAW;IAC3B,qBAAA;qBACJ,CAAA;;;kCAMQG,SAAM;mCAACL,0BAAqB,CAAA;;kCAC5BK,SAAM;mCAAC,8BAA8B,CAAA;;6BAJ1C,IAAI,EAAA,CAAA;0BADHC,QAAK;;;AClBV,QAAA,0BAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,0BAAA,GAAA;;;;kJAAa,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAL,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mJAA1B,0BAA0B,EAAA,YAAA,EAAA,CAHpB,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAClC,6BAA6B,CAAA,EAAA,CAAA,CAAA;mJAE9B,0BAA0B,EAAA,CAAA,CAAA;sHAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;sBAJtCM,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;wBACN,YAAY,EAAE,CAAC,6BAA6B,CAAC;wBAC7C,OAAO,EAAE,CAAC,6BAA6B,CAAC;qBAC3C,CAAA;;;ICPD;;IAEG;;;;;;;;;;;;;;"}

package/bundles/taiga-ui-experimental-components-chip.umd.js

@@ -67,7 +67,7 @@
         TuiChipDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiChipDirective, selector: "tui-chip,[tuiChip]", inputs: { size: "size", appearance: "appearance" }, host: { attributes: { "tuiAppearance": "" }, properties: { "attr.data-appearance": "appearance", "attr.data-size": "size" } }, providers: [
                 toggle.tuiToggleOptionsProvider({ size: 's' }),
                 checkbox.tuiCheckboxOptionsProvider({ size: 's' }),
-                avatar.tuiAvatarOptionsProvider({ size: 'xxs' }),
+                avatar.tuiAvatarOptionsProvider({ size: 'xs' }),
                 button.tuiButtonOptionsProvider({
                     size: 'xs',
                     appearance: 'icon',
@@ -80,7 +80,7 @@
                             providers: [
                                 toggle.tuiToggleOptionsProvider({ size: 's' }),
                                 checkbox.tuiCheckboxOptionsProvider({ size: 's' }),
-                                avatar.tuiAvatarOptionsProvider({ size: 'xxs' }),
+                                avatar.tuiAvatarOptionsProvider({ size: 'xs' }),
                                 button.tuiButtonOptionsProvider({
                                     size: 'xs',
                                     appearance: 'icon',

package/bundles/taiga-ui-experimental-components-chip.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-chip.umd.js","sources":["../../../projects/experimental/components/chip/chip.component.ts","../../../projects/experimental/components/chip/chip.options.ts","../../../projects/experimental/components/chip/chip.directive.ts","../../../projects/experimental/components/chip/chip.module.ts","../../../projects/experimental/components/chip/taiga-ui-experimental-components-chip.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./chip.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-chip',\n    },\n})\nexport class TuiChipComponent {}\n","import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXXS} from '@taiga-ui/core';\n\nexport interface TuiChipOptions {\n    readonly appearance: string;\n    readonly size: TuiSizeXXS;\n}\n\nexport const TUI_CHIP_DEFAULT_OPTIONS: TuiChipOptions = {\n    size: 's',\n    appearance: 'neutral',\n};\n\nexport const TUI_CHIP_OPTIONS = tuiCreateToken(TUI_CHIP_DEFAULT_OPTIONS);\n\nexport function tuiChipOptionsProvider(options: Partial<TuiChipOptions>): Provider {\n    return tuiProvideOptions(TUI_CHIP_OPTIONS, options, TUI_CHIP_DEFAULT_OPTIONS);\n}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/experimental/components/avatar';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/experimental/components/button';\nimport {tuiCheckboxOptionsProvider} from '@taiga-ui/experimental/components/checkbox';\nimport {tuiToggleOptionsProvider} from '@taiga-ui/experimental/components/toggle';\n\nimport {TuiChipComponent} from './chip.component';\nimport {TUI_CHIP_OPTIONS, TuiChipOptions} from './chip.options';\n\n@Directive({\n    selector: 'tui-chip,[tuiChip]',\n    providers: [\n        tuiToggleOptionsProvider({size: 's'}),\n        tuiCheckboxOptionsProvider({size: 's'}),\n        tuiAvatarOptionsProvider({size: 'xxs'}),\n        tuiButtonOptionsProvider({\n            size: 'xs',\n            appearance: 'icon',\n        }),\n    ],\n    host: {\n        tuiAppearance: '',\n        '[attr.data-appearance]': 'appearance',\n        '[attr.data-size]': 'size',\n    },\n})\nexport class TuiChipDirective {\n    @Input()\n    size = this.options.size;\n\n    @Input()\n    appearance = this.options.appearance;\n\n    constructor(\n        @Inject(TUI_CHIP_OPTIONS) private readonly options: TuiChipOptions,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiChipComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiIconsDirective, TuiIconsModule} from '@taiga-ui/experimental/directives/icons';\n\nimport {TuiChipComponent} from './chip.component';\nimport {TuiChipDirective} from './chip.directive';\n\n@NgModule({\n    imports: [TuiIconsModule],\n    declarations: [TuiChipComponent, TuiChipDirective],\n    exports: [TuiChipDirective, TuiIconsDirective],\n})\nexport class TuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","tuiCreateToken","tuiProvideOptions","TuiDirectiveStylesService","tuiToggleOptionsProvider","tuiCheckboxOptionsProvider","tuiAvatarOptionsProvider","tuiButtonOptionsProvider","Directive","Inject","Input","TuiIconsModule","TuiIconsDirective","NgModule"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-components-chip.umd.js","sources":["../../../projects/experimental/components/chip/chip.component.ts","../../../projects/experimental/components/chip/chip.options.ts","../../../projects/experimental/components/chip/chip.directive.ts","../../../projects/experimental/components/chip/chip.module.ts","../../../projects/experimental/components/chip/taiga-ui-experimental-components-chip.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./chip.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-chip',\n    },\n})\nexport class TuiChipComponent {}\n","import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXXS} from '@taiga-ui/core';\n\nexport interface TuiChipOptions {\n    readonly appearance: string;\n    readonly size: TuiSizeXXS;\n}\n\nexport const TUI_CHIP_DEFAULT_OPTIONS: TuiChipOptions = {\n    size: 's',\n    appearance: 'neutral',\n};\n\nexport const TUI_CHIP_OPTIONS = tuiCreateToken(TUI_CHIP_DEFAULT_OPTIONS);\n\nexport function tuiChipOptionsProvider(options: Partial<TuiChipOptions>): Provider {\n    return tuiProvideOptions(TUI_CHIP_OPTIONS, options, TUI_CHIP_DEFAULT_OPTIONS);\n}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/experimental/components/avatar';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/experimental/components/button';\nimport {tuiCheckboxOptionsProvider} from '@taiga-ui/experimental/components/checkbox';\nimport {tuiToggleOptionsProvider} from '@taiga-ui/experimental/components/toggle';\n\nimport {TuiChipComponent} from './chip.component';\nimport {TUI_CHIP_OPTIONS, TuiChipOptions} from './chip.options';\n\n@Directive({\n    selector: 'tui-chip,[tuiChip]',\n    providers: [\n        tuiToggleOptionsProvider({size: 's'}),\n        tuiCheckboxOptionsProvider({size: 's'}),\n        tuiAvatarOptionsProvider({size: 'xs'}),\n        tuiButtonOptionsProvider({\n            size: 'xs',\n            appearance: 'icon',\n        }),\n    ],\n    host: {\n        tuiAppearance: '',\n        '[attr.data-appearance]': 'appearance',\n        '[attr.data-size]': 'size',\n    },\n})\nexport class TuiChipDirective {\n    @Input()\n    size = this.options.size;\n\n    @Input()\n    appearance = this.options.appearance;\n\n    constructor(\n        @Inject(TUI_CHIP_OPTIONS) private readonly options: TuiChipOptions,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiChipComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiIconsDirective, TuiIconsModule} from '@taiga-ui/experimental/directives/icons';\n\nimport {TuiChipComponent} from './chip.component';\nimport {TuiChipDirective} from './chip.directive';\n\n@NgModule({\n    imports: [TuiIconsModule],\n    declarations: [TuiChipComponent, TuiChipDirective],\n    exports: [TuiChipDirective, TuiIconsDirective],\n})\nexport class TuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","tuiCreateToken","tuiProvideOptions","TuiDirectiveStylesService","tuiToggleOptionsProvider","tuiCheckboxOptionsProvider","tuiAvatarOptionsProvider","tuiButtonOptionsProvider","Directive","Inject","Input","TuiIconsModule","TuiIconsDirective","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-components-navigation.umd.js

@@ -0,0 +1,209 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/core'), require('@taiga-ui/experimental/components/button'), require('@taiga-ui/experimental/directives/fade'), require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/badge'), require('@taiga-ui/experimental/components/badge-notification'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/navigation', ['exports', '@angular/core', '@taiga-ui/core', '@taiga-ui/experimental/components/button', '@taiga-ui/experimental/directives/fade', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/badge', '@taiga-ui/experimental/components/badge-notification', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.navigation = {}), global.ng.core, global.i1, global["taiga-ui"].experimental.components.button, global["taiga-ui"].experimental.directives.fade, global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components.badge, global["taiga-ui"].experimental.components["badge-notification"], global.ng.common));
+})(this, (function (exports, i0, i1, button, i2, avatar, badge, badgeNotification, common) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+
+    var TuiAsideComponent = /** @class */ (function () {
+        function TuiAsideComponent() {
+            this.tuiNavigationAside = false;
+        }
+        return TuiAsideComponent;
+    }());
+    TuiAsideComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAsideComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiAsideComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAsideComponent, selector: "aside[tuiNavigationAside]", inputs: { tuiNavigationAside: "tuiNavigationAside" }, host: { attributes: { "tuiNavigationAside": "", "tuiTheme": "night" }, properties: { "class._expanded": "tuiNavigationAside" } }, providers: [
+            button.tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
+            i1.tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation', align: 'right' }),
+        ], ngImport: i0__namespace, template: "\n        <ng-content select=\"header\"></ng-content>\n        <tui-scrollbar class=\"t-nav-scrollbar\">\n            <div\n                tuiFade=\"vertical\"\n                tuiScrollable\n                class=\"t-nav-content\"\n            >\n                <ng-content></ng-content>\n            </div>\n        </tui-scrollbar>\n        <ng-content select=\"footer\"></ng-content>\n    ", isInline: true, styles: ["aside[tuiNavigationAside]{--tui-link: var(--tui-text-01-night);--tui-link-hover: var(--tui-text-01-night);position:-webkit-sticky;position:sticky;top:3rem;display:flex;width:3rem;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-01-night);transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}aside[tuiNavigationAside]._expanded{width:13.75rem}aside[tuiNavigationAside]._expanded+main[tuiNavigationMain]{max-width:calc(100% - 13.75rem)}aside[tuiNavigationAside] .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside] .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside] tui-hosted-dropdown{width:100%}aside[tuiNavigationAside] [tuiButton]{width:100%;justify-content:flex-start;grid-gap:.625rem;gap:.625rem;margin-bottom:.25rem}aside[tuiNavigationAside] [tuiButton]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;color:var(--tui-text-03-night)}aside[tuiNavigationAside] [tuiButton]>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}aside[tuiNavigationAside] tui-expand [tuiButton]{-webkit-padding-start:2rem;padding-inline-start:2rem}aside[tuiNavigationAside] hr{background:var(--tui-clear-inverse);height:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside] header{padding-bottom:.25rem;box-shadow:inset 0 -1px var(--tui-clear);margin-bottom:1rem}aside[tuiNavigationAside] footer{margin-top:auto;border-top:1.75rem solid transparent}aside[tuiNavigationAside]+main[tuiNavigationMain]{max-width:calc(100% - 3rem)}tui-dropdown[data-appearance=dropdown-navigation]{--tui-text-01: var(--tui-text-01-night);--tui-clear: var(--tui-clear-inverse);border:none;background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"], components: [{ type: i1__namespace.TuiScrollbarComponent, selector: "tui-scrollbar", inputs: ["hidden"] }], directives: [{ type: i2__namespace.TuiFadeDirective, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { type: i1__namespace.TuiScrollableDirective, selector: "[tuiScrollable]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAsideComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'aside[tuiNavigationAside]',
+                        template: "\n        <ng-content select=\"header\"></ng-content>\n        <tui-scrollbar class=\"t-nav-scrollbar\">\n            <div\n                tuiFade=\"vertical\"\n                tuiScrollable\n                class=\"t-nav-content\"\n            >\n                <ng-content></ng-content>\n            </div>\n        </tui-scrollbar>\n        <ng-content select=\"footer\"></ng-content>\n    ",
+                        styleUrls: ['./aside.style.less'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        providers: [
+                            button.tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
+                            i1.tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation', align: 'right' }),
+                        ],
+                        host: {
+                            tuiNavigationAside: '',
+                            tuiTheme: 'night',
+                            '[class._expanded]': 'tuiNavigationAside',
+                        },
+                    }]
+            }], propDecorators: { tuiNavigationAside: [{
+                    type: i0.Input
+                }] } });
+
+    var TuiHeadComponent = /** @class */ (function () {
+        function TuiHeadComponent() {
+        }
+        return TuiHeadComponent;
+    }());
+    TuiHeadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeadComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiHeadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeadComponent, selector: "header[tuiNavigationHeader]", host: { attributes: { "tuiTheme": "night" } }, providers: [
+            avatar.tuiAvatarOptionsProvider({ size: 's', appearance: 'secondary' }),
+            badgeNotification.tuiBadgeNotificationOptionsProvider({ size: 'xs' }),
+            badge.tuiBadgeOptionsProvider({ size: 'm', appearance: 'primary' }),
+            button.tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
+            i1.tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation' }),
+        ], ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: ["header[tuiNavigationHeader]{--tui-link: var(--tui-text-01-night);--tui-link-hover: var(--tui-text-01-night);position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;height:3rem;width:100%;align-items:center;grid-gap:.25rem;gap:.25rem;padding:.5rem;box-sizing:border-box;font:var(--tui-font-text-s);font-weight:500;line-height:1rem;background:var(--tui-theme-color, #000);color:var(--tui-text-01-night)}header[tuiNavigationHeader] [tuiNavigationLogo]{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:0 .5rem;overflow:hidden}header[tuiNavigationHeader] [tuiNavigationLogo]>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header[tuiNavigationHeader] [tuiNavigationLogo] tui-icon{font-size:1rem}header[tuiNavigationHeader] [tuiButton],header[tuiNavigationHeader] [tuiBadge],header[tuiNavigationHeader] [tuiChip],header[tuiNavigationHeader] tui-badge,header[tuiNavigationHeader] tui-chip{max-width:8rem}header[tuiNavigationHeader] [tuiButton]>*,header[tuiNavigationHeader] [tuiBadge]>*,header[tuiNavigationHeader] [tuiChip]>*,header[tuiNavigationHeader] tui-badge>*,header[tuiNavigationHeader] tui-chip>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header[tuiNavigationHeader] hr{width:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}header[tuiNavigationHeader] hr~[tuiButton]{margin-right:.5rem}tui-dropdown[data-appearance=dropdown-navigation]{--tui-text-01: var(--tui-text-01-night);--tui-clear: var(--tui-clear-inverse);border:none;color:var(--tui-text-01);background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeadComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'header[tuiNavigationHeader]',
+                        template: '<ng-content></ng-content>',
+                        styleUrls: ['./head.style.less'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        providers: [
+                            avatar.tuiAvatarOptionsProvider({ size: 's', appearance: 'secondary' }),
+                            badgeNotification.tuiBadgeNotificationOptionsProvider({ size: 'xs' }),
+                            badge.tuiBadgeOptionsProvider({ size: 'm', appearance: 'primary' }),
+                            button.tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
+                            i1.tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation' }),
+                        ],
+                        host: {
+                            tuiTheme: 'night',
+                        },
+                    }]
+            }] });
+
+    var TuiLogoComponent = /** @class */ (function () {
+        function TuiLogoComponent() {
+        }
+        return TuiLogoComponent;
+    }());
+    TuiLogoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiLogoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiLogoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiLogoComponent, selector: "[tuiNavigationLogo]", ngImport: i0__namespace, template: "\n        <ng-content select=\"tui-icon:not([tuiBadge]),img\"></ng-content>\n        <span><ng-content></ng-content></span>\n        <ng-content\n            select=\"[tuiBadge],[tuiChip],tui-badge,tui-chip,input,button\"\n        ></ng-content>\n    ", isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiLogoComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: '[tuiNavigationLogo]',
+                        template: "\n        <ng-content select=\"tui-icon:not([tuiBadge]),img\"></ng-content>\n        <span><ng-content></ng-content></span>\n        <ng-content\n            select=\"[tuiBadge],[tuiChip],tui-badge,tui-chip,input,button\"\n        ></ng-content>\n    ",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }] });
+
+    var TuiMainComponent = /** @class */ (function () {
+        function TuiMainComponent() {
+        }
+        return TuiMainComponent;
+    }());
+    TuiMainComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiMainComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiMainComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiMainComponent, selector: "main[tuiNavigationMain]", host: { attributes: { "tuiNavigationMain": "" } }, ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: ["main[tuiNavigationMain]{transition-property:max-width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;flex:1;padding:0 1.25rem;isolation:isolate;box-sizing:border-box}main[tuiNavigationMain]:before{content:\"\";position:-webkit-sticky;position:sticky;top:3rem;z-index:2;display:block;height:3rem;width:calc(100% + 2.5rem);pointer-events:none;margin:0 -1.25rem -3rem;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -1.25rem var(--tui-theme-color, #000)}main[tuiNavigationMain]>[tuiHeader]{margin:1rem 0 .5rem}main[tuiNavigationMain]>[tuiHeader][tuiCardLarge]{flex-direction:column;grid-gap:1rem;gap:1rem}main[tuiNavigationMain]>[tuiHeader][tuiCardLarge]>:last-child:not([tuiTitle]){margin-bottom:.25rem}main[tuiNavigationMain]>[tuiHeader]:not([tuiCardLarge]) [tuiTitle]{max-width:42rem;white-space:nowrap;grid-gap:.375rem;gap:.375rem;overflow:hidden}main[tuiNavigationMain]>[tuiHeader]:not([tuiCardLarge]) [tuiSubtitle]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;word-break:break-word;font:var(--tui-font-text-s);overflow:hidden}main[tuiNavigationMain]>[tuiHeader] [tuiCaption]{scrollbar-width:none;-ms-overflow-style:none;display:flex;grid-gap:1rem;gap:1rem;color:var(--tui-text-03);font:var(--tui-font-text-s);white-space:nowrap;text-transform:none;overflow:auto}main[tuiNavigationMain]>[tuiHeader] [tuiCaption]::-webkit-scrollbar,main[tuiNavigationMain]>[tuiHeader] [tuiCaption]::-webkit-scrollbar-thumb{display:none}main[tuiNavigationMain]>[tuiHeader] [tuiCaption] tui-icon{font-size:1rem;margin:.125rem 0;color:var(--tui-text-02)}main[tuiNavigationMain]>[tuiHeader] [tuiAccessories]{-webkit-margin-start:3rem;margin-inline-start:3rem;grid-gap:.5rem!important;gap:.5rem!important}main[tuiNavigationMain]>[tuiHeader] [tuiNavigationLogo]{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;overflow:hidden}main[tuiNavigationMain]>[tuiHeader] [tuiNavigationLogo]>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main[tuiNavigationMain]>a:first-child,main[tuiNavigationMain]>button:first-child,main[tuiNavigationMain]>tui-breadcrumbs:first-child{height:1.25rem;padding:0;margin-top:.875rem}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiMainComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'main[tuiNavigationMain]',
+                        template: '<ng-content></ng-content>',
+                        styleUrls: ['./main.style.less'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        host: {
+                            tuiNavigationMain: '',
+                        },
+                    }]
+            }] });
+
+    var TuiNavComponent = /** @class */ (function () {
+        function TuiNavComponent() {
+        }
+        return TuiNavComponent;
+    }());
+    TuiNavComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNavComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiNavComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiNavComponent, selector: "nav[tuiNavigationNav]", providers: [
+            badge.tuiBadgeOptionsProvider({ size: 'm' }),
+            button.tuiButtonOptionsProvider({ size: 's' }),
+        ], ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: ["nav[tuiNavigationNav]{top:3rem;z-index:1;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;box-shadow:inset 0 -1px var(--tui-base-03);padding:0 1.25rem;margin:0 -1.25rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-font-text-s);line-height:1rem;color:var(--tui-text-02);background:var(--tui-base-01)}nav[tuiNavigationNav]>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-m);font-weight:500;color:var(--tui-text-01)}nav[tuiNavigationNav]>hr{width:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav] tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav] tui-tabs,nav[tuiNavigationNav] [tuiTabs]{height:3rem;-webkit-margin-end:1rem;margin-inline-end:1rem}nav[tuiNavigationNav] tui-tabs tui-underline,nav[tuiNavigationNav] [tuiTabs] tui-underline{--tui-primary: var(--tui-base-07)}nav[tuiNavigationNav] [tuiTab]{font:var(--tui-font-text-s)}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNavComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'nav[tuiNavigationNav]',
+                        template: '<ng-content></ng-content>',
+                        styleUrls: ['./nav.style.less'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        providers: [
+                            badge.tuiBadgeOptionsProvider({ size: 'm' }),
+                            button.tuiButtonOptionsProvider({ size: 's' }),
+                        ],
+                    }]
+            }] });
+
+    var TuiNavigationModule = /** @class */ (function () {
+        function TuiNavigationModule() {
+        }
+        return TuiNavigationModule;
+    }());
+    TuiNavigationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNavigationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    TuiNavigationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNavigationModule, declarations: [TuiHeadComponent,
+            TuiLogoComponent,
+            TuiMainComponent,
+            TuiAsideComponent,
+            TuiNavComponent], imports: [common.CommonModule, i1.TuiScrollbarModule, i2.TuiFadeModule], exports: [TuiHeadComponent,
+            TuiLogoComponent,
+            TuiMainComponent,
+            TuiAsideComponent,
+            TuiNavComponent] });
+    TuiNavigationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNavigationModule, imports: [[common.CommonModule, i1.TuiScrollbarModule, i2.TuiFadeModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNavigationModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [common.CommonModule, i1.TuiScrollbarModule, i2.TuiFadeModule],
+                        declarations: [
+                            TuiHeadComponent,
+                            TuiLogoComponent,
+                            TuiMainComponent,
+                            TuiAsideComponent,
+                            TuiNavComponent,
+                        ],
+                        exports: [
+                            TuiHeadComponent,
+                            TuiLogoComponent,
+                            TuiMainComponent,
+                            TuiAsideComponent,
+                            TuiNavComponent,
+                        ],
+                    }]
+            }] });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.TuiAsideComponent = TuiAsideComponent;
+    exports.TuiHeadComponent = TuiHeadComponent;
+    exports.TuiLogoComponent = TuiLogoComponent;
+    exports.TuiMainComponent = TuiMainComponent;
+    exports.TuiNavComponent = TuiNavComponent;
+    exports.TuiNavigationModule = TuiNavigationModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=taiga-ui-experimental-components-navigation.umd.js.map

package/bundles/taiga-ui-experimental-components-navigation.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-components-navigation.umd.js","sources":["../../../projects/experimental/components/navigation/aside.component.ts","../../../projects/experimental/components/navigation/head.component.ts","../../../projects/experimental/components/navigation/logo.component.ts","../../../projects/experimental/components/navigation/main.component.ts","../../../projects/experimental/components/navigation/nav.component.ts","../../../projects/experimental/components/navigation/navigation.module.ts","../../../projects/experimental/components/navigation/taiga-ui-experimental-components-navigation.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiDropdownOptionsProvider} from '@taiga-ui/core';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/experimental/components/button';\n\n@Component({\n    selector: 'aside[tuiNavigationAside]',\n    template: `\n        <ng-content select=\"header\"></ng-content>\n        <tui-scrollbar class=\"t-nav-scrollbar\">\n            <div\n                tuiFade=\"vertical\"\n                tuiScrollable\n                class=\"t-nav-content\"\n            >\n                <ng-content></ng-content>\n            </div>\n        </tui-scrollbar>\n        <ng-content select=\"footer\"></ng-content>\n    `,\n    styleUrls: ['./aside.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiButtonOptionsProvider({size: 's', appearance: 'flat'}),\n        tuiDropdownOptionsProvider({appearance: 'dropdown-navigation', align: 'right'}),\n    ],\n    host: {\n        tuiNavigationAside: '',\n        tuiTheme: 'night',\n        '[class._expanded]': 'tuiNavigationAside',\n    },\n})\nexport class TuiAsideComponent {\n    @Input()\n    tuiNavigationAside = false;\n}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\nimport {tuiDropdownOptionsProvider} from '@taiga-ui/core';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/experimental/components/avatar';\nimport {tuiBadgeOptionsProvider} from '@taiga-ui/experimental/components/badge';\nimport {tuiBadgeNotificationOptionsProvider} from '@taiga-ui/experimental/components/badge-notification';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/experimental/components/button';\n\n@Component({\n    selector: 'header[tuiNavigationHeader]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./head.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAvatarOptionsProvider({size: 's', appearance: 'secondary'}),\n        tuiBadgeNotificationOptionsProvider({size: 'xs'}),\n        tuiBadgeOptionsProvider({size: 'm', appearance: 'primary'}),\n        tuiButtonOptionsProvider({size: 's', appearance: 'flat'}),\n        tuiDropdownOptionsProvider({appearance: 'dropdown-navigation'}),\n    ],\n    host: {\n        tuiTheme: 'night',\n    },\n})\nexport class TuiHeadComponent {}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: '[tuiNavigationLogo]',\n    template: `\n        <ng-content select=\"tui-icon:not([tuiBadge]),img\"></ng-content>\n        <span><ng-content></ng-content></span>\n        <ng-content\n            select=\"[tuiBadge],[tuiChip],tui-badge,tui-chip,input,button\"\n        ></ng-content>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLogoComponent {}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    selector: 'main[tuiNavigationMain]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./main.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        tuiNavigationMain: '',\n    },\n})\nexport class TuiMainComponent {}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\nimport {tuiBadgeOptionsProvider} from '@taiga-ui/experimental/components/badge';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/experimental/components/button';\n\n@Component({\n    selector: 'nav[tuiNavigationNav]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./nav.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiBadgeOptionsProvider({size: 'm'}),\n        tuiButtonOptionsProvider({size: 's'}),\n    ],\n})\nexport class TuiNavComponent {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiScrollbarModule} from '@taiga-ui/core';\nimport {TuiFadeModule} from '@taiga-ui/experimental/directives/fade';\n\nimport {TuiAsideComponent} from './aside.component';\nimport {TuiHeadComponent} from './head.component';\nimport {TuiLogoComponent} from './logo.component';\nimport {TuiMainComponent} from './main.component';\nimport {TuiNavComponent} from './nav.component';\n\n@NgModule({\n    imports: [CommonModule, TuiScrollbarModule, TuiFadeModule],\n    declarations: [\n        TuiHeadComponent,\n        TuiLogoComponent,\n        TuiMainComponent,\n        TuiAsideComponent,\n        TuiNavComponent,\n    ],\n    exports: [\n        TuiHeadComponent,\n        TuiLogoComponent,\n        TuiMainComponent,\n        TuiAsideComponent,\n        TuiNavComponent,\n    ],\n})\nexport class TuiNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","tuiButtonOptionsProvider","tuiDropdownOptionsProvider","i1","i2","Component","ViewEncapsulation","ChangeDetectionStrategy","Input","tuiAvatarOptionsProvider","tuiBadgeNotificationOptionsProvider","tuiBadgeOptionsProvider","CommonModule","TuiScrollbarModule","TuiFadeModule","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-components-swipe-action.umd.js

@@ -36,7 +36,7 @@
         return TuiSwipeActionsComponent;
     }());
     TuiSwipeActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiSwipeActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSwipeActionsComponent, selector: "tui-swipe-actions", host: { properties: { "style.--t-actions-width": "actionsWidth" } }, ngImport: i0__namespace, template: "<div class=\"t-content\">\n    <ng-content></ng-content>\n</div>\n\n<div\n    class=\"t-actions\"\n    (tuiResize)=\"onResize($event[0])\"\n>\n    <ng-content select=\"[tuiSwipeAction]\"></ng-content>\n</div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;--tui-action-gap: 24;--tui-actions-padding: .5rem;--tui-item-size: 44;display:flex;width:-webkit-fill-available;width:stretch;align-items:center;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;perspective:1px;perspective-origin:calc(100% + calc(1px * var(--tui-item-size) / 2) + var(--tui-actions-padding))}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}.t-content{scroll-snap-align:start;flex-shrink:0;width:100%}.t-actions{display:flex;grid-gap:calc(1px * var(--tui-action-gap));gap:calc(1px * var(--tui-action-gap));padding:0 1rem 0 var(--tui-actions-padding);scroll-snap-align:start;align-items:center;transform-style:preserve-3d}.t-actions:empty{display:none}::ng-deep .t-actions>*:nth-child(2){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(2 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (2 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(3){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(3 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (3 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(4){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(4 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (4 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(5){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(5 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (5 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(6){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(6 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (6 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}\n"], directives: [{ type: i1__namespace.TuiResizeDirective, selector: "[tuiResize]", outputs: ["tuiResize"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiSwipeActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSwipeActionsComponent, selector: "tui-swipe-actions", host: { properties: { "style.--t-actions-width": "actionsWidth" } }, ngImport: i0__namespace, template: "<div class=\"t-content\">\n    <ng-content></ng-content>\n</div>\n\n<div\n    class=\"t-actions\"\n    (tuiResize)=\"onResize($event[0])\"\n>\n    <ng-content select=\"[tuiSwipeAction]\"></ng-content>\n</div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;--tui-action-gap: 24;--tui-actions-padding: .5rem;--tui-item-size: 44;display:flex;width:-webkit-fill-available;width:stretch;align-items:center;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;perspective:1px;perspective-origin:calc(100% + calc(1px * var(--tui-item-size) / 2) + var(--tui-actions-padding))}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}.t-content{scroll-snap-align:start;flex-shrink:0;width:100%}.t-actions{display:flex;grid-gap:calc(1px * var(--tui-action-gap));gap:calc(1px * var(--tui-action-gap));padding:0 1rem 0 var(--tui-actions-padding);scroll-snap-align:start;align-items:center;transform-style:preserve-3d}.t-actions:empty{display:none}::ng-deep .t-actions>*:nth-child(2){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(2 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (2 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(3){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(3 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (3 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(4){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(4 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (4 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(5){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(5 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (5 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(6){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(6 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (6 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}@media (hover: hover) and (pointer: fine){.t-actions{display:none}}\n"], directives: [{ type: i1__namespace.TuiResizeDirective, selector: "[tuiResize]", outputs: ["tuiResize"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -55,9 +55,9 @@
             this.el = el;
             this.autoClose = true;
         }
-        TuiSwipeActionsAutoCloseDirective.prototype.onPointer = function (event) {
+        TuiSwipeActionsAutoCloseDirective.prototype.handleEvent = function (event) {
             var target = i1.tuiGetActualTarget(event);
-            if (this.autoClose && !this.el.nativeElement.contains(target)) {
+            if (this.autoClose !== false && !this.el.nativeElement.contains(target)) {
                 this.close();
             }
         };
@@ -70,13 +70,14 @@
         return TuiSwipeActionsAutoCloseDirective;
     }());
     TuiSwipeActionsAutoCloseDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsAutoCloseDirective, deps: [{ token: i0.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiSwipeActionsAutoCloseDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSwipeActionsAutoCloseDirective, selector: "tui-swipe-actions[autoClose]", inputs: { autoClose: "autoClose" }, host: { listeners: { "document:pointerdown.silent": "onPointer($event)" } }, ngImport: i0__namespace });
+    TuiSwipeActionsAutoCloseDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSwipeActionsAutoCloseDirective, selector: "tui-swipe-actions[autoClose]", inputs: { autoClose: "autoClose" }, host: { listeners: { "document:pointerdown.silent": "handleEvent($event)", "document:focusin.silent": "handleEvent($event)" } }, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsAutoCloseDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: 'tui-swipe-actions[autoClose]',
                         host: {
-                            '(document:pointerdown.silent)': 'onPointer($event)',
+                            '(document:pointerdown.silent)': 'handleEvent($event)',
+                            '(document:focusin.silent)': 'handleEvent($event)',
                         },
                     }]
             }], ctorParameters: function () {

package/bundles/taiga-ui-experimental-components-swipe-action.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-swipe-action.umd.js","sources":["../../../projects/experimental/components/swipe-action/swipe-actions.component.ts","../../../projects/experimental/components/swipe-action/swipe-actions.template.html","../../../projects/experimental/components/swipe-action/swipe-actions-auto-close.directive.ts","../../../projects/experimental/components/swipe-action/swipe-actions.module.ts","../../../projects/experimental/components/swipe-action/taiga-ui-experimental-components-swipe-action.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'tui-swipe-actions',\n    templateUrl: './swipe-actions.template.html',\n    styleUrls: ['./swipe-actions.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[style.--t-actions-width]': 'actionsWidth',\n    },\n})\nexport class TuiSwipeActionsComponent {\n    actionsWidth = 0;\n\n    onResize({target}: ResizeObserverEntry): void {\n        this.actionsWidth = target.clientWidth;\n    }\n}\n","<div class=\"t-content\">\n    <ng-content></ng-content>\n</div>\n\n<div\n    class=\"t-actions\"\n    (tuiResize)=\"onResize($event[0])\"\n>\n    <ng-content select=\"[tuiSwipeAction]\"></ng-content>\n</div>\n","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {tuiGetActualTarget} from '@taiga-ui/cdk';\n\n@Directive({\n    selector: 'tui-swipe-actions[autoClose]',\n    host: {\n        '(document:pointerdown.silent)': 'onPointer($event)',\n    },\n})\nexport class TuiSwipeActionsAutoCloseDirective {\n    @Input()\n    autoClose = true;\n\n    constructor(@Inject(ElementRef) private readonly el: ElementRef<HTMLElement>) {}\n\n    onPointer(event: PointerEvent): void {\n        const target = tuiGetActualTarget(event);\n\n        if (this.autoClose && !this.el.nativeElement.contains(target)) {\n            this.close();\n        }\n    }\n\n    private close(): void {\n        this.el.nativeElement.scrollTo({\n            left: 0,\n            behavior: 'smooth',\n        });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\n\nimport {TuiSwipeActionsComponent} from './swipe-actions.component';\nimport {TuiSwipeActionsAutoCloseDirective} from './swipe-actions-auto-close.directive';\n\n@NgModule({\n    imports: [CommonModule, TuiResizeModule],\n    declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n    exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n})\nexport class TuiSwipeActionsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","i1","Component","ChangeDetectionStrategy","tuiGetActualTarget","ElementRef","Directive","Inject","Input","CommonModule","TuiResizeModule","NgModule"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-components-swipe-action.umd.js","sources":["../../../projects/experimental/components/swipe-action/swipe-actions.component.ts","../../../projects/experimental/components/swipe-action/swipe-actions.template.html","../../../projects/experimental/components/swipe-action/swipe-actions-auto-close.directive.ts","../../../projects/experimental/components/swipe-action/swipe-actions.module.ts","../../../projects/experimental/components/swipe-action/taiga-ui-experimental-components-swipe-action.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'tui-swipe-actions',\n    templateUrl: './swipe-actions.template.html',\n    styleUrls: ['./swipe-actions.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[style.--t-actions-width]': 'actionsWidth',\n    },\n})\nexport class TuiSwipeActionsComponent {\n    actionsWidth = 0;\n\n    onResize({target}: ResizeObserverEntry): void {\n        this.actionsWidth = target.clientWidth;\n    }\n}\n","<div class=\"t-content\">\n    <ng-content></ng-content>\n</div>\n\n<div\n    class=\"t-actions\"\n    (tuiResize)=\"onResize($event[0])\"\n>\n    <ng-content select=\"[tuiSwipeAction]\"></ng-content>\n</div>\n","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {tuiGetActualTarget} from '@taiga-ui/cdk';\n\n@Directive({\n    selector: 'tui-swipe-actions[autoClose]',\n    host: {\n        '(document:pointerdown.silent)': 'handleEvent($event)',\n        '(document:focusin.silent)': 'handleEvent($event)',\n    },\n})\nexport class TuiSwipeActionsAutoCloseDirective {\n    @Input()\n    autoClose: boolean | string = true;\n\n    constructor(@Inject(ElementRef) private readonly el: ElementRef<HTMLElement>) {}\n\n    handleEvent(event: Event): void {\n        const target = tuiGetActualTarget(event);\n\n        if (this.autoClose !== false && !this.el.nativeElement.contains(target)) {\n            this.close();\n        }\n    }\n\n    private close(): void {\n        this.el.nativeElement.scrollTo({\n            left: 0,\n            behavior: 'smooth',\n        });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\n\nimport {TuiSwipeActionsComponent} from './swipe-actions.component';\nimport {TuiSwipeActionsAutoCloseDirective} from './swipe-actions-auto-close.directive';\n\n@NgModule({\n    imports: [CommonModule, TuiResizeModule],\n    declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n    exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n})\nexport class TuiSwipeActionsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","i1","Component","ChangeDetectionStrategy","tuiGetActualTarget","ElementRef","Directive","Inject","Input","CommonModule","TuiResizeModule","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-components.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/app-bar'), require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-labeled'), require('@taiga-ui/experimental/components/avatar-stack'), require('@taiga-ui/experimental/components/badge'), require('@taiga-ui/experimental/components/badge-notification'), require('@taiga-ui/experimental/components/badged-content'), require('@taiga-ui/experimental/components/button'), require('@taiga-ui/experimental/components/checkbox'), require('@taiga-ui/experimental/components/chip'), require('@taiga-ui/experimental/components/compass'), require('@taiga-ui/experimental/components/icon'), require('@taiga-ui/experimental/components/pin'), require('@taiga-ui/experimental/components/radio'), require('@taiga-ui/experimental/components/rating'), require('@taiga-ui/experimental/components/segmented'), require('@taiga-ui/experimental/components/swipe-action'), require('@taiga-ui/experimental/components/thumbnail-card'), require('@taiga-ui/experimental/components/toggle'), require('@taiga-ui/experimental/components/tooltip')) :
-	typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/app-bar', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-labeled', '@taiga-ui/experimental/components/avatar-stack', '@taiga-ui/experimental/components/badge', '@taiga-ui/experimental/components/badge-notification', '@taiga-ui/experimental/components/badged-content', '@taiga-ui/experimental/components/button', '@taiga-ui/experimental/components/checkbox', '@taiga-ui/experimental/components/chip', '@taiga-ui/experimental/components/compass', '@taiga-ui/experimental/components/icon', '@taiga-ui/experimental/components/pin', '@taiga-ui/experimental/components/radio', '@taiga-ui/experimental/components/rating', '@taiga-ui/experimental/components/segmented', '@taiga-ui/experimental/components/swipe-action', '@taiga-ui/experimental/components/thumbnail-card', '@taiga-ui/experimental/components/toggle', '@taiga-ui/experimental/components/tooltip'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = {}), global["taiga-ui"].experimental.components["app-bar"], global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-labeled"], global["taiga-ui"].experimental.components["avatar-stack"], global["taiga-ui"].experimental.components.badge, global["taiga-ui"].experimental.components["badge-notification"], global["taiga-ui"].experimental.components["badged-content"], global["taiga-ui"].experimental.components.button, global["taiga-ui"].experimental.components.checkbox, global["taiga-ui"].experimental.components.chip, global["taiga-ui"].experimental.components.compass, global["taiga-ui"].experimental.components.icon, global["taiga-ui"].experimental.components.pin, global["taiga-ui"].experimental.components.radio, global["taiga-ui"].experimental.components.rating, global["taiga-ui"].experimental.components.segmented, global["taiga-ui"].experimental.components["swipe-action"], global["taiga-ui"].experimental.components["thumbnail-card"], global["taiga-ui"].experimental.components.toggle, global["taiga-ui"].experimental.components.tooltip));
-})(this, (function (exports, appBar, avatar, avatarLabeled, avatarStack, badge, badgeNotification, badgedContent, button, checkbox, chip, compass, icon, pin, radio, rating, segmented, swipeAction, thumbnailCard, toggle, tooltip) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/app-bar'), require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-labeled'), require('@taiga-ui/experimental/components/avatar-stack'), require('@taiga-ui/experimental/components/badge'), require('@taiga-ui/experimental/components/badge-notification'), require('@taiga-ui/experimental/components/badged-content'), require('@taiga-ui/experimental/components/button'), require('@taiga-ui/experimental/components/checkbox'), require('@taiga-ui/experimental/components/chip'), require('@taiga-ui/experimental/components/compass'), require('@taiga-ui/experimental/components/icon'), require('@taiga-ui/experimental/components/navigation'), require('@taiga-ui/experimental/components/pin'), require('@taiga-ui/experimental/components/radio'), require('@taiga-ui/experimental/components/rating'), require('@taiga-ui/experimental/components/segmented'), require('@taiga-ui/experimental/components/swipe-action'), require('@taiga-ui/experimental/components/thumbnail-card'), require('@taiga-ui/experimental/components/toggle'), require('@taiga-ui/experimental/components/tooltip')) :
+	typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/app-bar', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-labeled', '@taiga-ui/experimental/components/avatar-stack', '@taiga-ui/experimental/components/badge', '@taiga-ui/experimental/components/badge-notification', '@taiga-ui/experimental/components/badged-content', '@taiga-ui/experimental/components/button', '@taiga-ui/experimental/components/checkbox', '@taiga-ui/experimental/components/chip', '@taiga-ui/experimental/components/compass', '@taiga-ui/experimental/components/icon', '@taiga-ui/experimental/components/navigation', '@taiga-ui/experimental/components/pin', '@taiga-ui/experimental/components/radio', '@taiga-ui/experimental/components/rating', '@taiga-ui/experimental/components/segmented', '@taiga-ui/experimental/components/swipe-action', '@taiga-ui/experimental/components/thumbnail-card', '@taiga-ui/experimental/components/toggle', '@taiga-ui/experimental/components/tooltip'], factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = {}), global["taiga-ui"].experimental.components["app-bar"], global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-labeled"], global["taiga-ui"].experimental.components["avatar-stack"], global["taiga-ui"].experimental.components.badge, global["taiga-ui"].experimental.components["badge-notification"], global["taiga-ui"].experimental.components["badged-content"], global["taiga-ui"].experimental.components.button, global["taiga-ui"].experimental.components.checkbox, global["taiga-ui"].experimental.components.chip, global["taiga-ui"].experimental.components.compass, global["taiga-ui"].experimental.components.icon, global["taiga-ui"].experimental.components.navigation, global["taiga-ui"].experimental.components.pin, global["taiga-ui"].experimental.components.radio, global["taiga-ui"].experimental.components.rating, global["taiga-ui"].experimental.components.segmented, global["taiga-ui"].experimental.components["swipe-action"], global["taiga-ui"].experimental.components["thumbnail-card"], global["taiga-ui"].experimental.components.toggle, global["taiga-ui"].experimental.components.tooltip));
+})(this, (function (exports, appBar, avatar, avatarLabeled, avatarStack, badge, badgeNotification, badgedContent, button, checkbox, chip, compass, icon, navigation, pin, radio, rating, segmented, swipeAction, thumbnailCard, toggle, tooltip) { 'use strict';
 
 	/**
 	 * Generated bundle index. Do not edit.
@@ -80,6 +80,12 @@
 			get: function () { return icon[k]; }
 		});
 	});
+	Object.keys(navigation).forEach(function (k) {
+		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+			enumerable: true,
+			get: function () { return navigation[k]; }
+		});
+	});
 	Object.keys(pin).forEach(function (k) {
 		if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
 			enumerable: true,

package/bundles/taiga-ui-experimental-components.umd.js.map

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