@taiga-ui/experimental 3.67.0 → 3.68.0

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

@@ -45,6 +45,14 @@
             this.src = null;
             this.appearance = this.options.appearance;
         }
+        Object.defineProperty(TuiAvatarComponent.prototype, "safeSrc", {
+            get: function () {
+                var _a, _b;
+                return (_b = (_a = this.src) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(TuiAvatarComponent.prototype, "value", {
             get: function () {
                 return this.src || '';
@@ -71,7 +79,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=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 });
+    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(safeSrc) + \")\"", "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: [{
@@ -84,7 +92,7 @@
                             '[attr.data-appearance]': 'appearance',
                             '[attr.data-size]': 'size',
                             '[attr.data-type]': 'type',
-                            '[style.--t-mask]': '"url(" + resolver(src) + ")"',
+                            '[style.--t-mask]': '"url(" + resolver(safeSrc) + ")"',
                             '[class._round]': 'round',
                         },
                     }]

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 {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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"}
+{"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(safeSrc) + \")\"',\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 safeSrc(): string {\n        return this.src?.toString() ?? '';\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-button.umd.js

@@ -96,7 +96,7 @@
         return TuiButtonStylesComponent;
     }());
     TuiButtonStylesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiButtonStylesComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiButtonStylesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonStylesComponent, selector: "ng-component", host: { classAttribute: "tui-button-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiButtonNew]{--t-gap: .125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;grid-gap:calc(var(--t-gap) - 2 * var(--t-margin));gap:calc(var(--t-gap) - 2 * var(--t-margin));height:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}[tuiButtonNew]>img,[tuiButtonNew]>tui-svg,[tuiButtonNew]>tui-icon,[tuiButtonNew]>tui-avatar,[tuiButtonNew]>tui-badge,[tuiButtonNew]>[tuiBadge],[tuiButtonNew]>[tuiRadio],[tuiButtonNew]>[tuiToggle],[tuiButtonNew]>[tuiCheckbox],[tuiButtonNew]._icon-left:before,[tuiButtonNew]._icon-right:after{margin:var(--t-margin)}[tuiButtonNew]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButtonNew]>.t-loader .t-text{position:absolute}[tuiButtonNew][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonNew][data-size=xs] tui-svg,[tuiButtonNew][data-size=xs] tui-icon,[tuiButtonNew][data-size=xs]:before{font-size:1rem}[tuiButtonNew][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonNew][data-size=s] tui-svg,[tuiButtonNew][data-size=s] tui-icon,[tuiButtonNew][data-size=s]:not([tuiIconButton][data-appearance=\"icon\"]):before{font-size:1rem}[tuiButtonNew][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:bold}[tuiButtonNew][data-size=m]:after{-webkit-margin-start:.375rem;margin-inline-start:.375rem}[tuiButtonNew][data-size=l]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-padding: 0 1.25rem;--t-gap: .25rem;--t-margin: -.25rem;font:var(--tui-font-text-m);font-weight:bold}[tuiButtonNew][data-size=l]:after{-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}[tuiButtonNew]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButtonNew]._loading>*,[tuiButtonNew]._loading:before,[tuiButtonNew]._loading:after{opacity:0}[tuiButtonNew]._loading>.t-loader{opacity:1}[tuiButtonNew][tuiIcons]:after{font-size:1rem}[tuiIconButton][tuiButtonNew]{--t-gap: 0;width:var(--t-size);font-size:0;padding:0}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    TuiButtonStylesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonStylesComponent, selector: "ng-component", host: { classAttribute: "tui-button-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiButtonNew]{--t-gap: .125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;grid-gap:calc(var(--t-gap) - 2 * var(--t-margin));gap:calc(var(--t-gap) - 2 * var(--t-margin));height:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}[tuiButtonNew]>img,[tuiButtonNew]>tui-svg,[tuiButtonNew]>tui-icon,[tuiButtonNew]>tui-avatar,[tuiButtonNew]>tui-badge,[tuiButtonNew]>[tuiBadge],[tuiButtonNew]>[tuiRadio],[tuiButtonNew]>[tuiToggle],[tuiButtonNew]>[tuiCheckbox],[tuiButtonNew]._icon-left:before,[tuiButtonNew]._icon-right:after{margin:var(--t-margin)}[tuiButtonNew]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButtonNew]>.t-loader .t-text{position:absolute}[tuiButtonNew][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonNew][data-size=xs] tui-svg,[tuiButtonNew][data-size=xs] tui-icon,[tuiButtonNew][data-size=xs]:before{font-size:1rem}[tuiButtonNew][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonNew][data-size=s] tui-svg,[tuiButtonNew][data-size=s] tui-icon,[tuiButtonNew][data-size=s]:not([tuiIconButton][data-appearance=\"icon\"]):before{font-size:1rem}[tuiButtonNew][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:bold}[tuiButtonNew][data-size=m]:after{-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[tuiButtonNew][data-size=l]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-padding: 0 1.25rem;--t-gap: .25rem;--t-margin: -.25rem;font:var(--tui-font-text-m);font-weight:bold}[tuiButtonNew][data-size=l]:after{-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}[tuiButtonNew]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButtonNew]._loading>*,[tuiButtonNew]._loading:before,[tuiButtonNew]._loading:after{opacity:0}[tuiButtonNew]._loading>.t-loader{opacity:1}[tuiButtonNew][tuiIcons]:after{font-size:1rem}[tuiIconButton][tuiButtonNew]{--t-gap: 0;width:var(--t-size);font-size:0;padding:0}\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: TuiButtonStylesComponent, decorators: [{
                 type: i0.Component,
                 args: [{

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-button.umd.js","sources":["../../../projects/experimental/components/button/button.options.ts","../../../projects/experimental/components/button/button.component.ts","../../../projects/experimental/components/button/button.template.html","../../../projects/experimental/components/button/button.directive.ts","../../../projects/experimental/components/button/button.module.ts","../../../projects/experimental/components/button/taiga-ui-experimental-components-button.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXL, TuiSizeXS} from '@taiga-ui/core';\n\nexport interface TuiButtonOptions {\n    readonly appearance: string;\n    readonly size: TuiSizeXL | TuiSizeXS;\n}\n\nexport const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions = {\n    size: 'l',\n    appearance: 'primary',\n};\n\nexport const TUI_BUTTON_OPTIONS = tuiCreateToken(TUI_BUTTON_DEFAULT_OPTIONS);\n\nexport function tuiButtonOptionsProvider(options: Partial<TuiButtonOptions>): Provider {\n    return tuiProvideOptions(TUI_BUTTON_OPTIONS, options, TUI_BUTTON_DEFAULT_OPTIONS);\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    HostListener,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiIsString} from '@taiga-ui/cdk';\nimport {tuiSizeBigger, TuiSizeS} from '@taiga-ui/core';\n\nimport {TUI_BUTTON_OPTIONS, TuiButtonOptions} from './button.options';\n\n@Component({\n    selector: '[tuiButton][loading],[tuiIconButton][loading]',\n    templateUrl: './button.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.aria-disabled]': 'loading',\n        '[class._loading]': 'loading',\n    },\n})\nexport class TuiButtonComponent {\n    @Input()\n    size = this.options.size;\n\n    @Input()\n    loading: boolean | string | null = false;\n\n    constructor(@Inject(TUI_BUTTON_OPTIONS) private readonly options: TuiButtonOptions) {}\n\n    get loaderSize(): TuiSizeS {\n        return tuiSizeBigger(this.size) ? 'm' : 's';\n    }\n\n    get label(): string {\n        return tuiIsString(this.loading) ? this.loading : '';\n    }\n\n    @HostListener('click.capture', ['$event'])\n    onClick(event: MouseEvent): void {\n        if (this.loading) {\n            event.stopPropagation();\n        }\n    }\n}\n","<ng-content></ng-content>\n<tui-loader\n    aria-live=\"polite\"\n    role=\"status\"\n    class=\"t-loader\"\n    [inheritColor]=\"true\"\n    [showLoader]=\"!!loading\"\n    [size]=\"loaderSize\"\n    [textContent]=\"label\"\n></tui-loader>\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    Inject,\n    Input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TUI_BUTTON_OPTIONS, TuiButtonOptions} from './button.options';\n\n@Component({\n    template: '',\n    styleUrls: ['./button.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-button-styles',\n    },\n})\nexport class TuiButtonStylesComponent {}\n\n@Directive({\n    selector: 'a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]',\n    providers: [MODE_PROVIDER],\n    host: {\n        tuiButtonNew: '',\n        tuiAppearance: '',\n        '[attr.data-size]': 'size',\n        '[attr.data-appearance]': 'appearance',\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiButtonDirective {\n    @Input()\n    size = this.options.size;\n\n    @Input()\n    appearance = this.options.appearance;\n\n    constructor(\n        @Inject(TUI_BUTTON_OPTIONS) private readonly options: TuiButtonOptions,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiButtonStylesComponent);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLoaderModule, TuiSvgModule} from '@taiga-ui/core';\nimport {TuiIconsDirective, TuiIconsModule} from '@taiga-ui/experimental/directives/icons';\n\nimport {TuiButtonComponent} from './button.component';\nimport {TuiButtonDirective, TuiButtonStylesComponent} from './button.directive';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule, TuiLoaderModule, TuiIconsModule],\n    declarations: [TuiButtonComponent, TuiButtonDirective, TuiButtonStylesComponent],\n    exports: [TuiButtonComponent, TuiButtonDirective, TuiIconsDirective],\n})\nexport class TuiButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","tuiSizeBigger","tuiIsString","i0","i1","Component","ChangeDetectionStrategy","Inject","Input","HostListener","ViewEncapsulation","TUI_MODE","TuiDirectiveStylesService","MODE_PROVIDER","Directive","CommonModule","TuiSvgModule","TuiLoaderModule","TuiIconsModule","TuiIconsDirective","NgModule"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-components-button.umd.js","sources":["../../../projects/experimental/components/button/button.options.ts","../../../projects/experimental/components/button/button.component.ts","../../../projects/experimental/components/button/button.template.html","../../../projects/experimental/components/button/button.directive.ts","../../../projects/experimental/components/button/button.module.ts","../../../projects/experimental/components/button/taiga-ui-experimental-components-button.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXL, TuiSizeXS} from '@taiga-ui/core';\n\nexport interface TuiButtonOptions {\n    readonly appearance: string;\n    readonly size: TuiSizeXL | TuiSizeXS;\n}\n\nexport const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions = {\n    size: 'l',\n    appearance: 'primary',\n};\n\nexport const TUI_BUTTON_OPTIONS = tuiCreateToken(TUI_BUTTON_DEFAULT_OPTIONS);\n\nexport function tuiButtonOptionsProvider(options: Partial<TuiButtonOptions>): Provider {\n    return tuiProvideOptions(TUI_BUTTON_OPTIONS, options, TUI_BUTTON_DEFAULT_OPTIONS);\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    HostListener,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiIsString} from '@taiga-ui/cdk';\nimport {tuiSizeBigger, TuiSizeS} from '@taiga-ui/core';\n\nimport {TUI_BUTTON_OPTIONS, TuiButtonOptions} from './button.options';\n\n@Component({\n    selector: '[tuiButton][loading],[tuiIconButton][loading]',\n    templateUrl: './button.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.aria-disabled]': 'loading',\n        '[class._loading]': 'loading',\n    },\n})\nexport class TuiButtonComponent {\n    @Input()\n    size = this.options.size;\n\n    @Input()\n    loading: boolean | string | null = false;\n\n    constructor(@Inject(TUI_BUTTON_OPTIONS) private readonly options: TuiButtonOptions) {}\n\n    get loaderSize(): TuiSizeS {\n        return tuiSizeBigger(this.size) ? 'm' : 's';\n    }\n\n    get label(): string {\n        return tuiIsString(this.loading) ? this.loading : '';\n    }\n\n    @HostListener('click.capture', ['$event'])\n    onClick(event: MouseEvent): void {\n        if (this.loading) {\n            event.stopPropagation();\n        }\n    }\n}\n","<ng-content></ng-content>\n<tui-loader\n    aria-live=\"polite\"\n    role=\"status\"\n    class=\"t-loader\"\n    [inheritColor]=\"true\"\n    [showLoader]=\"!!loading\"\n    [size]=\"loaderSize\"\n    [textContent]=\"label\"\n></tui-loader>\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    Inject,\n    Input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TUI_BUTTON_OPTIONS, TuiButtonOptions} from './button.options';\n\n@Component({\n    template: '',\n    styleUrls: ['./button.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-button-styles',\n    },\n})\nexport class TuiButtonStylesComponent {}\n\n@Directive({\n    selector: 'a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]',\n    providers: [MODE_PROVIDER],\n    host: {\n        tuiButtonNew: '',\n        tuiAppearance: '',\n        '[attr.data-size]': 'size',\n        '[attr.data-appearance]': 'appearance',\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiButtonDirective {\n    @Input()\n    size = this.options.size;\n\n    @Input()\n    appearance = this.options.appearance;\n\n    constructor(\n        @Inject(TUI_BUTTON_OPTIONS) private readonly options: TuiButtonOptions,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiButtonStylesComponent);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLoaderModule, TuiSvgModule} from '@taiga-ui/core';\nimport {TuiIconsDirective, TuiIconsModule} from '@taiga-ui/experimental/directives/icons';\n\nimport {TuiButtonComponent} from './button.component';\nimport {TuiButtonDirective, TuiButtonStylesComponent} from './button.directive';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule, TuiLoaderModule, TuiIconsModule],\n    declarations: [TuiButtonComponent, TuiButtonDirective, TuiButtonStylesComponent],\n    exports: [TuiButtonComponent, TuiButtonDirective, TuiIconsDirective],\n})\nexport class TuiButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","tuiSizeBigger","tuiIsString","i0","i1","Component","ChangeDetectionStrategy","Inject","Input","HostListener","ViewEncapsulation","TUI_MODE","TuiDirectiveStylesService","MODE_PROVIDER","Directive","CommonModule","TuiSvgModule","TuiLoaderModule","TuiIconsModule","TuiIconsDirective","NgModule"],"mappings":"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"}

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

@@ -36,7 +36,7 @@
     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 });
+        ], 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] a[tuiButton].active{background:var(--tui-clear-hover)}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] 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: [{
@@ -59,25 +59,25 @@
                     type: i0.Input
                 }] } });
 
-    var TuiHeadComponent = /** @class */ (function () {
-        function TuiHeadComponent() {
+    var TuiHeaderComponent = /** @class */ (function () {
+        function TuiHeaderComponent() {
         }
-        return TuiHeadComponent;
+        return TuiHeaderComponent;
     }());
-    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: [
+    TuiHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeaderComponent, 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: [{
+        ], 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);line-height:1rem;background:var(--tui-theme-color, #000);color:var(--tui-text-01-night)}header[tuiNavigationHeader] [tuiNavigationLogo]{padding:0 .5rem;-webkit-margin-start:.25rem;margin-inline-start:.25rem}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] 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: TuiHeaderComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'header[tuiNavigationHeader]',
                         template: '<ng-content></ng-content>',
-                        styleUrls: ['./head.style.less'],
+                        styleUrls: ['./header.style.less'],
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         providers: [
@@ -99,12 +99,14 @@
         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 });
+    TuiLogoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiLogoComponent, selector: "[tuiNavigationLogo]", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: ["[tuiNavigationLogo]{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;overflow:hidden;white-space:nowrap;font-weight:bold}\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: 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    ",
+                        template: '<ng-content></ng-content>',
+                        styleUrls: ['./logo.style.less'],
+                        encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }] });
@@ -115,7 +117,7 @@
         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 });
+    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]>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: [{
@@ -139,7 +141,7 @@
     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 });
+        ], 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] [tuiNavigationLogo]{font:var(--tui-font-text-m);font-weight:bold;color:var(--tui-text-01)}nav[tuiNavigationNav]>a{text-decoration:none;color:inherit}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: [{
@@ -161,11 +163,11 @@
         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,
+    TuiNavigationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNavigationModule, declarations: [TuiHeaderComponent,
             TuiLogoComponent,
             TuiMainComponent,
             TuiAsideComponent,
-            TuiNavComponent], imports: [common.CommonModule, i1.TuiScrollbarModule, i2.TuiFadeModule], exports: [TuiHeadComponent,
+            TuiNavComponent], imports: [common.CommonModule, i1.TuiScrollbarModule, i2.TuiFadeModule], exports: [TuiHeaderComponent,
             TuiLogoComponent,
             TuiMainComponent,
             TuiAsideComponent,
@@ -176,14 +178,14 @@
                 args: [{
                         imports: [common.CommonModule, i1.TuiScrollbarModule, i2.TuiFadeModule],
                         declarations: [
-                            TuiHeadComponent,
+                            TuiHeaderComponent,
                             TuiLogoComponent,
                             TuiMainComponent,
                             TuiAsideComponent,
                             TuiNavComponent,
                         ],
                         exports: [
-                            TuiHeadComponent,
+                            TuiHeaderComponent,
                             TuiLogoComponent,
                             TuiMainComponent,
                             TuiAsideComponent,
@@ -197,7 +199,7 @@
      */
 
     exports.TuiAsideComponent = TuiAsideComponent;
-    exports.TuiHeadComponent = TuiHeadComponent;
+    exports.TuiHeaderComponent = TuiHeaderComponent;
     exports.TuiLogoComponent = TuiLogoComponent;
     exports.TuiMainComponent = TuiMainComponent;
     exports.TuiNavComponent = TuiNavComponent;

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

@@ -1 +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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"}
+{"version":3,"file":"taiga-ui-experimental-components-navigation.umd.js","sources":["../../../projects/experimental/components/navigation/aside.component.ts","../../../projects/experimental/components/navigation/header.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: ['./header.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 TuiHeaderComponent {}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    selector: '[tuiNavigationLogo]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./logo.style.less'],\n    encapsulation: ViewEncapsulation.None,\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 {TuiHeaderComponent} from './header.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        TuiHeaderComponent,\n        TuiLogoComponent,\n        TuiMainComponent,\n        TuiAsideComponent,\n        TuiNavComponent,\n    ],\n    exports: [\n        TuiHeaderComponent,\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-directives-fade.umd.js

@@ -32,7 +32,7 @@
             return TuiFadeComponent;
         }());
         TuiFadeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        TuiFadeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "ng-component", host: { classAttribute: "tui-fade-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiFade]{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;text-overflow:unset!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:not([data-orientation=\"vertical\"]){-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%))}[tuiFade]:not([data-orientation=\"vertical\"])._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade][data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}[tuiFade][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+        TuiFadeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "ng-component", host: { classAttribute: "tui-fade-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiFade]{scrollbar-width:none;-ms-overflow-style:none;transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;overflow:auto;text-overflow:unset!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]::-webkit-scrollbar,[tuiFade]::-webkit-scrollbar-thumb{display:none}[tuiFade]:not([data-orientation=\"vertical\"]){overflow-y:hidden;-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%))}[tuiFade]:not([data-orientation=\"vertical\"])._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade][data-orientation=vertical]{overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(51% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(51% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}[tuiFade][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\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: TuiFadeComponent, decorators: [{
                     type: i0.Component,
                     args: [{
@@ -46,6 +46,7 @@
                         }]
                 }] });
 
+        var BUFFER = 1; // buffer for rounding issues
         var TuiFadeDirective = /** @class */ (function () {
             function TuiFadeDirective(destroy$, resize$, mutate$, element, zone, directiveStyles) {
                 var _this = this;
@@ -64,9 +65,12 @@
                 });
             }
             TuiFadeDirective.prototype.isEnd = function (el) {
-                return (Math.round(el.scrollLeft) < el.scrollWidth - el.clientWidth ||
-                    Math.round(el.scrollTop) < el.scrollHeight - el.clientHeight ||
-                    (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight));
+                if (this.orientation === 'vertical') {
+                    return Math.round(el.scrollTop) < el.scrollHeight - el.clientHeight - BUFFER;
+                }
+                return (Math.round(el.scrollLeft) < el.scrollWidth - el.clientWidth - BUFFER ||
+                    // horizontal multiline fade can kick in early due to hanging elements of fonts so using bigger buffer
+                    el.scrollHeight > el.clientHeight + 4 * BUFFER);
             };
             return TuiFadeDirective;
         }());

package/bundles/taiga-ui-experimental-directives-fade.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-directives-fade.umd.js","sources":["../../../projects/experimental/directives/fade/fade.component.ts","../../../projects/experimental/directives/fade/fade.directive.ts","../../../projects/experimental/directives/fade/fade.module.ts","../../../projects/experimental/directives/fade/taiga-ui-experimental-directives-fade.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./fade.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-fade-styles',\n    },\n})\nexport class TuiFadeComponent {}\n","import {\n    Directive,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    NgZone,\n    Self,\n} from '@angular/core';\nimport {\n    MUTATION_OBSERVER_INIT,\n    MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {\n    TuiDestroyService,\n    TuiDirectiveStylesService,\n    TuiResizeService,\n    tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {TuiOrientation} from '@taiga-ui/core';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\nimport {TuiFadeComponent} from './fade.component';\n\n@Directive({\n    selector: '[tuiFade]',\n    providers: [\n        TuiDestroyService,\n        TuiResizeService,\n        MutationObserverService,\n        {\n            provide: MUTATION_OBSERVER_INIT,\n            useValue: {characterData: true, subtree: true},\n        },\n    ],\n})\nexport class TuiFadeDirective {\n    // TODO: Remove when lh CSS units are supported: https://caniuse.com/mdn-css_types_length_lh\n    @Input('tuiFadeHeight')\n    @HostBinding('style.line-height')\n    @HostBinding('style.--line-height')\n    lineHeight: string | null = null;\n\n    @Input('tuiFadeSize')\n    @HostBinding('style.--fade-size')\n    size = '1.5em';\n\n    @Input('tuiFadeOffset')\n    @HostBinding('style.--fade-offset')\n    offset = '0em';\n\n    @Input('tuiFade')\n    @HostBinding('attr.data-orientation')\n    orientation: TuiOrientation | '' = 'horizontal';\n\n    constructor(\n        @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(TuiResizeService) resize$: Observable<unknown>,\n        @Inject(MutationObserverService) mutate$: Observable<unknown>,\n        @Inject(ElementRef) element: ElementRef<HTMLElement>,\n        @Inject(NgZone) zone: NgZone,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        const el = element.nativeElement;\n\n        directiveStyles.addComponent(TuiFadeComponent);\n        merge(resize$, mutate$, fromEvent(el, 'scroll'))\n            .pipe(tuiZonefree(zone), takeUntil(destroy$))\n            .subscribe(() => {\n                el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);\n                el.classList.toggle('_end', this.isEnd(el));\n            });\n    }\n\n    private isEnd(el: HTMLElement): boolean {\n        return (\n            Math.round(el.scrollLeft) < el.scrollWidth - el.clientWidth ||\n            Math.round(el.scrollTop) < el.scrollHeight - el.clientHeight ||\n            (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight)\n        );\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiFadeComponent} from './fade.component';\nimport {TuiFadeDirective} from './fade.directive';\n\n@NgModule({\n    declarations: [TuiFadeComponent, TuiFadeDirective],\n    exports: [TuiFadeDirective],\n})\nexport class TuiFadeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","merge","fromEvent","tuiZonefree","takeUntil","TuiDestroyService","TuiResizeService","MutationObserverService","ElementRef","NgZone","TuiDirectiveStylesService","MUTATION_OBSERVER_INIT","Directive","Self","Inject","Input","HostBinding","NgModule"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-directives-fade.umd.js","sources":["../../../projects/experimental/directives/fade/fade.component.ts","../../../projects/experimental/directives/fade/fade.directive.ts","../../../projects/experimental/directives/fade/fade.module.ts","../../../projects/experimental/directives/fade/taiga-ui-experimental-directives-fade.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./fade.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-fade-styles',\n    },\n})\nexport class TuiFadeComponent {}\n","import {\n    Directive,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    NgZone,\n    Self,\n} from '@angular/core';\nimport {\n    MUTATION_OBSERVER_INIT,\n    MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {\n    TuiDestroyService,\n    TuiDirectiveStylesService,\n    TuiResizeService,\n    tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {TuiOrientation} from '@taiga-ui/core';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\nimport {TuiFadeComponent} from './fade.component';\n\nconst BUFFER = 1; // buffer for rounding issues\n\n@Directive({\n    selector: '[tuiFade]',\n    providers: [\n        TuiDestroyService,\n        TuiResizeService,\n        MutationObserverService,\n        {\n            provide: MUTATION_OBSERVER_INIT,\n            useValue: {characterData: true, subtree: true},\n        },\n    ],\n})\nexport class TuiFadeDirective {\n    // TODO: Remove when lh CSS units are supported: https://caniuse.com/mdn-css_types_length_lh\n    @Input('tuiFadeHeight')\n    @HostBinding('style.line-height')\n    @HostBinding('style.--line-height')\n    lineHeight: string | null = null;\n\n    @Input('tuiFadeSize')\n    @HostBinding('style.--fade-size')\n    size = '1.5em';\n\n    @Input('tuiFadeOffset')\n    @HostBinding('style.--fade-offset')\n    offset = '0em';\n\n    @Input('tuiFade')\n    @HostBinding('attr.data-orientation')\n    orientation: TuiOrientation | '' = 'horizontal';\n\n    constructor(\n        @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(TuiResizeService) resize$: Observable<unknown>,\n        @Inject(MutationObserverService) mutate$: Observable<unknown>,\n        @Inject(ElementRef) element: ElementRef<HTMLElement>,\n        @Inject(NgZone) zone: NgZone,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        const el = element.nativeElement;\n\n        directiveStyles.addComponent(TuiFadeComponent);\n        merge(resize$, mutate$, fromEvent(el, 'scroll'))\n            .pipe(tuiZonefree(zone), takeUntil(destroy$))\n            .subscribe(() => {\n                el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);\n                el.classList.toggle('_end', this.isEnd(el));\n            });\n    }\n\n    private isEnd(el: HTMLElement): boolean {\n        if (this.orientation === 'vertical') {\n            return Math.round(el.scrollTop) < el.scrollHeight - el.clientHeight - BUFFER;\n        }\n\n        return (\n            Math.round(el.scrollLeft) < el.scrollWidth - el.clientWidth - BUFFER ||\n            // horizontal multiline fade can kick in early due to hanging elements of fonts so using bigger buffer\n            el.scrollHeight > el.clientHeight + 4 * BUFFER\n        );\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiFadeComponent} from './fade.component';\nimport {TuiFadeDirective} from './fade.directive';\n\n@NgModule({\n    declarations: [TuiFadeComponent, TuiFadeDirective],\n    exports: [TuiFadeDirective],\n})\nexport class TuiFadeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","merge","fromEvent","tuiZonefree","takeUntil","TuiDestroyService","TuiResizeService","MutationObserverService","ElementRef","NgZone","TuiDirectiveStylesService","MUTATION_OBSERVER_INIT","Directive","Self","Inject","Input","HostBinding","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-directives-header.umd.js

@@ -25,14 +25,14 @@
         var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
         var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
-        var TuiHeaderComponent = /** @class */ (function () {
-            function TuiHeaderComponent() {
+        var TuiHeaderStylesComponent = /** @class */ (function () {
+            function TuiHeaderStylesComponent() {
             }
-            return TuiHeaderComponent;
+            return TuiHeaderStylesComponent;
         }());
-        TuiHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        TuiHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeaderComponent, selector: "ng-component", host: { classAttribute: "tui-header" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiHeader]{position:relative;display:flex;align-items:flex-start;box-sizing:content-box;color:var(--tui-text-01)}[tuiHeader] [tuiTitle]{flex-grow:2}[tuiHeader] [tuiAccessories]{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}[tuiHeader] [tuiAccessories]:before{content:\"\\200b\";visibility:hidden}[tuiHeader] [tuiSubtitle]{font:var(--tui-font-text-m);color:var(--tui-text-02)}[tuiHeader] [tuiCaption]{font:var(--tui-font-text-s);color:var(--tui-text-02);font-weight:500;text-transform:uppercase}[tuiHeader][data-size=xxl] [tuiTitle],[tuiHeader][data-size=xxl] [tuiAccessories]{font:var(--tui-font-heading-1)}[tuiHeader][data-size=xl] [tuiTitle],[tuiHeader][data-size=xl] [tuiAccessories]{font:var(--tui-font-heading-2)}[tuiHeader][data-size=l] [tuiTitle],[tuiHeader][data-size=l] [tuiAccessories]{font:var(--tui-font-heading-3)}[tuiHeader][data-size=m] [tuiTitle],[tuiHeader][data-size=m] [tuiAccessories]{font:var(--tui-font-heading-4)}[tuiHeader][data-size=s] [tuiTitle],[tuiHeader][data-size=s] [tuiAccessories]{font:var(--tui-font-heading-5)}[tuiHeader][data-size=xs] [tuiTitle],[tuiHeader][data-size=xs] [tuiAccessories]{font:var(--tui-font-heading-6)}[tuiHeader][data-size=xxs] [tuiTitle],[tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-text-xl)}[tuiHeader][data-size=xxl] [tuiSubtitle],[tuiHeader][data-size=xl] [tuiSubtitle],[tuiHeader][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-l)}tui-root._mobile [tuiHeader] [tuiAccessories]{grid-gap:1rem;gap:1rem}tui-root._mobile [tuiHeader][data-size=xxs] [tuiTitle],tui-root._mobile [tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-heading-6)}\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: TuiHeaderComponent, decorators: [{
+        TuiHeaderStylesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderStylesComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        TuiHeaderStylesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeaderStylesComponent, selector: "ng-component", host: { classAttribute: "tui-header" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiHeader]{position:relative;display:flex;align-items:flex-start;box-sizing:content-box;color:var(--tui-text-01)}[tuiHeader] [tuiTitle]{flex-grow:2}[tuiHeader] [tuiAccessories]{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}[tuiHeader] [tuiAccessories]:before{content:\"\\200b\";visibility:hidden}[tuiHeader] [tuiSubtitle]{font:var(--tui-font-text-m);color:var(--tui-text-02)}[tuiHeader] [tuiCaption]{font:var(--tui-font-text-s);color:var(--tui-text-02);font-weight:500;text-transform:uppercase}[tuiHeader][data-size=xxl] [tuiTitle],[tuiHeader][data-size=xxl] [tuiAccessories]{font:var(--tui-font-heading-1)}[tuiHeader][data-size=xl] [tuiTitle],[tuiHeader][data-size=xl] [tuiAccessories]{font:var(--tui-font-heading-2)}[tuiHeader][data-size=l] [tuiTitle],[tuiHeader][data-size=l] [tuiAccessories]{font:var(--tui-font-heading-3)}[tuiHeader][data-size=m] [tuiTitle],[tuiHeader][data-size=m] [tuiAccessories]{font:var(--tui-font-heading-4)}[tuiHeader][data-size=s] [tuiTitle],[tuiHeader][data-size=s] [tuiAccessories]{font:var(--tui-font-heading-5)}[tuiHeader][data-size=xs] [tuiTitle],[tuiHeader][data-size=xs] [tuiAccessories]{font:var(--tui-font-heading-6)}[tuiHeader][data-size=xxs] [tuiTitle],[tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-text-xl)}[tuiHeader][data-size=xxl] [tuiSubtitle],[tuiHeader][data-size=xl] [tuiSubtitle],[tuiHeader][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-l)}tui-root._mobile [tuiHeader] [tuiAccessories]{grid-gap:1rem;gap:1rem}tui-root._mobile [tuiHeader][data-size=xxs] [tuiTitle],tui-root._mobile [tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-heading-6)}\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: TuiHeaderStylesComponent, decorators: [{
                     type: i0.Component,
                     args: [{
                             template: '',
@@ -48,7 +48,7 @@
         var TuiHeaderDirective = /** @class */ (function () {
             function TuiHeaderDirective(directiveStyles) {
                 this.size = 's';
-                directiveStyles.addComponent(TuiHeaderComponent);
+                directiveStyles.addComponent(TuiHeaderStylesComponent);
             }
             return TuiHeaderDirective;
         }());
@@ -88,13 +88,13 @@
             return TuiHeaderModule;
         }());
         TuiHeaderModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        TuiHeaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderModule, declarations: [TuiHeaderComponent, TuiHeaderDirective], exports: [TuiHeaderComponent, TuiHeaderDirective] });
+        TuiHeaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderModule, declarations: [TuiHeaderStylesComponent, TuiHeaderDirective], exports: [TuiHeaderDirective] });
         TuiHeaderModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderModule });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
-                            declarations: [TuiHeaderComponent, TuiHeaderDirective],
-                            exports: [TuiHeaderComponent, TuiHeaderDirective],
+                            declarations: [TuiHeaderStylesComponent, TuiHeaderDirective],
+                            exports: [TuiHeaderDirective],
                         }]
                 }] });
 
@@ -102,9 +102,9 @@
          * Generated bundle index. Do not edit.
          */
 
-        exports.TuiHeaderComponent = TuiHeaderComponent;
         exports.TuiHeaderDirective = TuiHeaderDirective;
         exports.TuiHeaderModule = TuiHeaderModule;
+        exports.TuiHeaderStylesComponent = TuiHeaderStylesComponent;
 
         Object.defineProperty(exports, '__esModule', { value: true });
 

package/bundles/taiga-ui-experimental-directives-header.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-directives-header.umd.js","sources":["../../../projects/experimental/directives/header/header.component.ts","../../../projects/experimental/directives/header/header.directive.ts","../../../projects/experimental/directives/header/header.module.ts","../../../projects/experimental/directives/header/taiga-ui-experimental-directives-header.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./header.styles.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-header',\n    },\n})\nexport class TuiHeaderComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';\nimport {\n    tuiAvatarOptionsProvider,\n    tuiBadgeOptionsProvider,\n    tuiButtonOptionsProvider,\n} from '@taiga-ui/experimental/components';\n\nimport {TuiHeaderComponent} from './header.component';\n\n@Directive({\n    selector: '[tuiHeader]',\n    providers: [\n        tuiAvatarOptionsProvider({size: 's'}),\n        tuiButtonOptionsProvider({size: 's'}),\n        tuiBadgeOptionsProvider({size: 'm'}),\n    ],\n    host: {\n        tuiHeader: '',\n        '[attr.data-size]': 'size || \"s\"',\n    },\n})\nexport class TuiHeaderDirective {\n    @Input('tuiHeader')\n    size: TuiSizeXXL | TuiSizeXXS | '' = 's';\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiHeaderComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiHeaderComponent} from './header.component';\nimport {TuiHeaderDirective} from './header.directive';\n\n@NgModule({\n    declarations: [TuiHeaderComponent, TuiHeaderDirective],\n    exports: [TuiHeaderComponent, TuiHeaderDirective],\n})\nexport class TuiHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","tuiAvatarOptionsProvider","tuiButtonOptionsProvider","tuiBadgeOptionsProvider","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,kBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,kBAAA,GAAA;;;;8IAAa,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAlB,kBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,uGARjB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,inDAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAQH,kBAAkB,EAAA,UAAA,EAAA,CAAA;0BAT9BC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,sBAAsB,CAAC;4BACnC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;4BACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;QAC/C,oBAAA,IAAI,EAAE;QACF,wBAAA,KAAK,EAAE,YAAY;QACtB,qBAAA;yBACJ,CAAA;;;ACaD,YAAA,kBAAA,kBAAA,YAAA;QAII,IAAA,SAAA,kBAAA,CACuC,eAA0C,EAAA;QAHjF,QAAA,IAAI,CAAA,IAAA,GAAiC,GAAG,CAAC;QAKrC,QAAA,eAAe,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;aACpD;;;QARQ,kBAAA,CAAA,IAAA,GAAAH,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,kBAAkB,kBAKfI,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAL5B,kBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAVhB,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,CAAA,WAAA,EAAA,MAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAAA;QACP,QAAAK,mCAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;QACrC,QAAAC,mCAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;QACrC,QAAAC,kCAAuB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;QACvC,KAAA,EAAA,QAAA,EAAAP,aAAA,EAAA,CAAA,CAAA;0HAMQ,kBAAkB,EAAA,UAAA,EAAA,CAAA;0BAZ9BQ,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,aAAa;QACvB,oBAAA,SAAS,EAAE;QACP,wBAAAH,mCAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;QACrC,wBAAAC,mCAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;QACrC,wBAAAC,kCAAuB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;QACvC,qBAAA;QACD,oBAAA,IAAI,EAAE;QACF,wBAAA,SAAS,EAAE,EAAE;QACb,wBAAA,kBAAkB,EAAE,aAAa;QACpC,qBAAA;yBACJ,CAAA;;;sCAMQE,SAAM;uCAACL,4BAAyB,CAAA;;iCAHrC,IAAI,EAAA,CAAA;8BADHM,QAAK;+BAAC,WAAW,CAAA;;;ACftB,YAAA,eAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,eAAA,GAAA;;;;2IAAa,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAV,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;QAAf,eAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,eAAe,iBAHT,kBAAkB,EAAE,kBAAkB,CAC3C,EAAA,OAAA,EAAA,CAAA,kBAAkB,EAAE,kBAAkB,CAAA,EAAA,CAAA,CAAA;4IAEvC,eAAe,EAAA,CAAA,CAAA;0HAAf,eAAe,EAAA,UAAA,EAAA,CAAA;0BAJ3BW,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,YAAY,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;QACtD,oBAAA,OAAO,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;yBACpD,CAAA;;;QCRD;;QAEG;;;;;;;;;;;;"}
+{"version":3,"file":"taiga-ui-experimental-directives-header.umd.js","sources":["../../../projects/experimental/directives/header/header.component.ts","../../../projects/experimental/directives/header/header.directive.ts","../../../projects/experimental/directives/header/header.module.ts","../../../projects/experimental/directives/header/taiga-ui-experimental-directives-header.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    template: '',\n    styleUrls: ['./header.styles.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-header',\n    },\n})\nexport class TuiHeaderStylesComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';\nimport {\n    tuiAvatarOptionsProvider,\n    tuiBadgeOptionsProvider,\n    tuiButtonOptionsProvider,\n} from '@taiga-ui/experimental/components';\n\nimport {TuiHeaderStylesComponent} from './header.component';\n\n@Directive({\n    selector: '[tuiHeader]',\n    providers: [\n        tuiAvatarOptionsProvider({size: 's'}),\n        tuiButtonOptionsProvider({size: 's'}),\n        tuiBadgeOptionsProvider({size: 'm'}),\n    ],\n    host: {\n        tuiHeader: '',\n        '[attr.data-size]': 'size || \"s\"',\n    },\n})\nexport class TuiHeaderDirective {\n    @Input('tuiHeader')\n    size: TuiSizeXXL | TuiSizeXXS | '' = 's';\n\n    constructor(\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n    ) {\n        directiveStyles.addComponent(TuiHeaderStylesComponent);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiHeaderStylesComponent} from './header.component';\nimport {TuiHeaderDirective} from './header.directive';\n\n@NgModule({\n    declarations: [TuiHeaderStylesComponent, TuiHeaderDirective],\n    exports: [TuiHeaderDirective],\n})\nexport class TuiHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","tuiAvatarOptionsProvider","tuiButtonOptionsProvider","tuiBadgeOptionsProvider","Directive","Inject","Input","NgModule"],"mappings":"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"}