npm - @taiga-ui/experimental - Versions diffs - 3.66.0 → 3.67.0-canary.62d8e79 - Mend

@taiga-ui/experimental 3.66.0 → 3.67.0-canary.62d8e79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/fesm2015/taiga-ui-experimental-components-navigation.js ADDED Viewed

@@ -0,0 +1,204 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@taiga-ui/core';
+import { tuiDropdownOptionsProvider, TuiScrollbarModule } from '@taiga-ui/core';
+import { tuiButtonOptionsProvider } from '@taiga-ui/experimental/components/button';
+import * as i2 from '@taiga-ui/experimental/directives/fade';
+import { TuiFadeModule } from '@taiga-ui/experimental/directives/fade';
+import { tuiAvatarOptionsProvider } from '@taiga-ui/experimental/components/avatar';
+import { tuiBadgeOptionsProvider } from '@taiga-ui/experimental/components/badge';
+import { tuiBadgeNotificationOptionsProvider } from '@taiga-ui/experimental/components/badge-notification';
+import { CommonModule } from '@angular/common';
+class TuiAsideComponent {
+    constructor() {
+        this.tuiNavigationAside = false;
+    }
+}
+TuiAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiAsideComponent.ɵcmp = i0.ɵɵ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: [
+        tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
+        tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation', align: 'right' }),
+    ], ngImport: i0, template: `
+        <ng-content select="header"></ng-content>
+        <tui-scrollbar class="t-nav-scrollbar">
+            <div
+                tuiFade="vertical"
+                tuiScrollable
+                class="t-nav-content"
+            >
+                <ng-content></ng-content>
+            </div>
+        </tui-scrollbar>
+        <ng-content select="footer"></ng-content>
+    `, 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.TuiScrollbarComponent, selector: "tui-scrollbar", inputs: ["hidden"] }], directives: [{ type: i2.TuiFadeDirective, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { type: i1.TuiScrollableDirective, selector: "[tuiScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAsideComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'aside[tuiNavigationAside]',
+                    template: `
+        <ng-content select="header"></ng-content>
+        <tui-scrollbar class="t-nav-scrollbar">
+            <div
+                tuiFade="vertical"
+                tuiScrollable
+                class="t-nav-content"
+            >
+                <ng-content></ng-content>
+            </div>
+        </tui-scrollbar>
+        <ng-content select="footer"></ng-content>
+    `,
+                    styleUrls: ['./aside.style.less'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
+                        tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation', align: 'right' }),
+                    ],
+                    host: {
+                        tuiNavigationAside: '',
+                        tuiTheme: 'night',
+                        '[class._expanded]': 'tuiNavigationAside',
+                    },
+                }]
+        }], propDecorators: { tuiNavigationAside: [{
+                type: Input
+            }] } });
+class TuiHeadComponent {
+}
+TuiHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeadComponent, selector: "header[tuiNavigationHeader]", host: { attributes: { "tuiTheme": "night" } }, providers: [
+        tuiAvatarOptionsProvider({ size: 's', appearance: 'secondary' }),
+        tuiBadgeNotificationOptionsProvider({ size: 'xs' }),
+        tuiBadgeOptionsProvider({ size: 'm', appearance: 'primary' }),
+        tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
+        tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation' }),
+    ], ngImport: i0, 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.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeadComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'header[tuiNavigationHeader]',
+                    template: '<ng-content></ng-content>',
+                    styleUrls: ['./head.style.less'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        tuiAvatarOptionsProvider({ size: 's', appearance: 'secondary' }),
+                        tuiBadgeNotificationOptionsProvider({ size: 'xs' }),
+                        tuiBadgeOptionsProvider({ size: 'm', appearance: 'primary' }),
+                        tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
+                        tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation' }),
+                    ],
+                    host: {
+                        tuiTheme: 'night',
+                    },
+                }]
+        }] });
+class TuiLogoComponent {
+}
+TuiLogoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiLogoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiLogoComponent, selector: "[tuiNavigationLogo]", ngImport: i0, template: `
+        <ng-content select="tui-icon:not([tuiBadge]),img"></ng-content>
+        <span><ng-content></ng-content></span>
+        <ng-content
+            select="[tuiBadge],[tuiChip],tui-badge,tui-chip,input,button"
+        ></ng-content>
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiLogoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[tuiNavigationLogo]',
+                    template: `
+        <ng-content select="tui-icon:not([tuiBadge]),img"></ng-content>
+        <span><ng-content></ng-content></span>
+        <ng-content
+            select="[tuiBadge],[tuiChip],tui-badge,tui-chip,input,button"
+        ></ng-content>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+class TuiMainComponent {
+}
+TuiMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiMainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiMainComponent, selector: "main[tuiNavigationMain]", host: { attributes: { "tuiNavigationMain": "" } }, ngImport: i0, 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.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiMainComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'main[tuiNavigationMain]',
+                    template: '<ng-content></ng-content>',
+                    styleUrls: ['./main.style.less'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        tuiNavigationMain: '',
+                    },
+                }]
+        }] });
+class TuiNavComponent {
+}
+TuiNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiNavComponent, selector: "nav[tuiNavigationNav]", providers: [
+        tuiBadgeOptionsProvider({ size: 'm' }),
+        tuiButtonOptionsProvider({ size: 's' }),
+    ], ngImport: i0, 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.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiNavComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nav[tuiNavigationNav]',
+                    template: '<ng-content></ng-content>',
+                    styleUrls: ['./nav.style.less'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        tuiBadgeOptionsProvider({ size: 'm' }),
+                        tuiButtonOptionsProvider({ size: 's' }),
+                    ],
+                }]
+        }] });
+class TuiNavigationModule {
+}
+TuiNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiNavigationModule, declarations: [TuiHeadComponent,
+        TuiLogoComponent,
+        TuiMainComponent,
+        TuiAsideComponent,
+        TuiNavComponent], imports: [CommonModule, TuiScrollbarModule, TuiFadeModule], exports: [TuiHeadComponent,
+        TuiLogoComponent,
+        TuiMainComponent,
+        TuiAsideComponent,
+        TuiNavComponent] });
+TuiNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiNavigationModule, imports: [[CommonModule, TuiScrollbarModule, TuiFadeModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiNavigationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiScrollbarModule, TuiFadeModule],
+                    declarations: [
+                        TuiHeadComponent,
+                        TuiLogoComponent,
+                        TuiMainComponent,
+                        TuiAsideComponent,
+                        TuiNavComponent,
+                    ],
+                    exports: [
+                        TuiHeadComponent,
+                        TuiLogoComponent,
+                        TuiMainComponent,
+                        TuiAsideComponent,
+                        TuiNavComponent,
+                    ],
+                }]
+        }] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { TuiAsideComponent, TuiHeadComponent, TuiLogoComponent, TuiMainComponent, TuiNavComponent, TuiNavigationModule };
+//# sourceMappingURL=taiga-ui-experimental-components-navigation.js.map

package/fesm2015/taiga-ui-experimental-components-navigation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"taiga-ui-experimental-components-navigation.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":[],"mappings":"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"}

package/fesm2015/taiga-ui-experimental-components-swipe-action.js CHANGED Viewed

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

package/fesm2015/taiga-ui-experimental-components-swipe-action.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-components-swipe-action.js","sources":["../../../projects/experimental/components/swipe-action/swipe-actions.component.ts","../../../projects/experimental/components/swipe-action/swipe-actions.template.html","../../../projects/experimental/components/swipe-action/swipe-actions-auto-close.directive.ts","../../../projects/experimental/components/swipe-action/swipe-actions.module.ts","../../../projects/experimental/components/swipe-action/taiga-ui-experimental-components-swipe-action.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n selector: 'tui-swipe-actions',\n templateUrl: './swipe-actions.template.html',\n styleUrls: ['./swipe-actions.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[style.--t-actions-width]': 'actionsWidth',\n },\n})\nexport class TuiSwipeActionsComponent {\n actionsWidth = 0;\n\n onResize({target}: ResizeObserverEntry): void {\n this.actionsWidth = target.clientWidth;\n }\n}\n","<div class=\"t-content\">\n <ng-content></ng-content>\n</div>\n\n<div\n class=\"t-actions\"\n (tuiResize)=\"onResize($event[0])\"\n>\n <ng-content select=\"[tuiSwipeAction]\"></ng-content>\n</div>\n","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {tuiGetActualTarget} from '@taiga-ui/cdk';\n\n@Directive({\n selector: 'tui-swipe-actions[autoClose]',\n host: {\n '(document:pointerdown.silent)': '~~onPointer~~($event)',\n },\n})\nexport class TuiSwipeActionsAutoCloseDirective {\n @Input()\n autoClose = true;\n\n constructor(@Inject(ElementRef) private readonly el: ElementRef<HTMLElement>) {}\n\n ~~onPointer~~(event: ~~PointerEvent~~): void {\n const target = tuiGetActualTarget(event);\n\n if (this.autoClose && !this.el.nativeElement.contains(target)) {\n this.close();\n }\n }\n\n private close(): void {\n this.el.nativeElement.scrollTo({\n left: 0,\n behavior: 'smooth',\n });\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\n\nimport {TuiSwipeActionsComponent} from './swipe-actions.component';\nimport {TuiSwipeActionsAutoCloseDirective} from './swipe-actions-auto-close.directive';\n\n@NgModule({\n imports: [CommonModule, TuiResizeModule],\n declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n})\nexport class TuiSwipeActionsModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAWa,wBAAwB,CAAA;AATrC,IAAA,WAAA,GAAA;QAUI,IAAY,CAAA,YAAA,GAAG,CAAC,CAAC;AAKpB,KAAA;IAHG,QAAQ,CAAC,EAAC,MAAM,EAAsB,EAAA;AAClC,QAAA,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;KAC1C;;sHALQ,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,8HCXrC,oNAUA,EAAA,MAAA,EAAA,CAAA,~~m5FAAA~~,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,OAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDCa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,WAAW,EAAE,+BAA+B;oBAC5C,SAAS,EAAE,CAAC,4BAA4B,CAAC;oBACzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,2BAA2B,EAAE,cAAc;AAC9C,qBAAA;AACJ,iBAAA,CAAA;;;~~MEDY~~,iCAAiC,CAAA;AAI1C,IAAA,WAAA,CAAiD,EAA2B,EAAA;QAA3B,IAAE,CAAA,EAAA,GAAF,EAAE,CAAyB;QAF5E,IAAS,CAAA,SAAA,~~GAAG~~,IAAI,CAAC;~~KAE+D~~;AAEhF,IAAA,~~SAAS~~,CAAC,~~KAAmB~~,EAAA;~~AACzB~~,QAAA,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAEzC,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;~~YAC3D~~,IAAI,CAAC,KAAK,EAAE,CAAC;AAChB,SAAA;KACJ;IAEO,KAAK,GAAA;AACT,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC3B,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,QAAQ,EAAE,QAAQ;AACrB,SAAA,CAAC,CAAC;KACN;;AAnBQ,iCAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iCAAiC,kBAItB,UAAU,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mHAJrB,iCAAiC,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,6BAAA,EAAA,~~mBAAA~~,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;~~kBAN7C~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,IAAI,EAAE;AACF,wBAAA,+BAA+B,EAAE,~~mBAAmB~~;~~AACvD~~,qBAAA;AACJ,iBAAA,CAAA;;0BAKgB,MAAM;2BAAC,UAAU,CAAA;4CAF9B,SAAS,EAAA,CAAA;sBADR,KAAK;;;~~MCEG~~,qBAAqB,CAAA;;mHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAArB,qBAAqB,EAAA,YAAA,EAAA,CAHf,wBAAwB,EAAE,iCAAiC,CAAA,EAAA,OAAA,EAAA,CADhE,YAAY,EAAE,eAAe,CAAA,EAAA,OAAA,EAAA,CAE7B,wBAAwB,EAAE,iCAAiC,CAAA,EAAA,CAAA,CAAA;AAE5D,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAJrB,OAAA,EAAA,CAAA,CAAC,YAAY,EAAE,eAAe,CAAC,CAAA,EAAA,CAAA,CAAA;4FAI/B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;AACxC,oBAAA,YAAY,EAAE,CAAC,wBAAwB,EAAE,iCAAiC,CAAC;AAC3E,oBAAA,OAAO,EAAE,CAAC,wBAAwB,EAAE,iCAAiC,CAAC;AACzE,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}
1	+ {"version":3,"file":"taiga-ui-experimental-components-swipe-action.js","sources":["../../../projects/experimental/components/swipe-action/swipe-actions.component.ts","../../../projects/experimental/components/swipe-action/swipe-actions.template.html","../../../projects/experimental/components/swipe-action/swipe-actions-auto-close.directive.ts","../../../projects/experimental/components/swipe-action/swipe-actions.module.ts","../../../projects/experimental/components/swipe-action/taiga-ui-experimental-components-swipe-action.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n selector: 'tui-swipe-actions',\n templateUrl: './swipe-actions.template.html',\n styleUrls: ['./swipe-actions.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[style.--t-actions-width]': 'actionsWidth',\n },\n})\nexport class TuiSwipeActionsComponent {\n actionsWidth = 0;\n\n onResize({target}: ResizeObserverEntry): void {\n this.actionsWidth = target.clientWidth;\n }\n}\n","<div class=\"t-content\">\n <ng-content></ng-content>\n</div>\n\n<div\n class=\"t-actions\"\n (tuiResize)=\"onResize($event[0])\"\n>\n <ng-content select=\"[tuiSwipeAction]\"></ng-content>\n</div>\n","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {tuiGetActualTarget} from '@taiga-ui/cdk';\n\n@Directive({\n selector: 'tui-swipe-actions[autoClose]',\n host: {\n '(document:pointerdown.silent)': 'handleEvent($event)',\n '(document:focusin.silent)': 'handleEvent($event)',\n },\n})\nexport class TuiSwipeActionsAutoCloseDirective {\n @Input()\n autoClose: boolean \| string = true;\n\n constructor(@Inject(ElementRef) private readonly el: ElementRef<HTMLElement>) {}\n\n handleEvent(event: Event): void {\n const target = tuiGetActualTarget(event);\n\n if (this.autoClose !== false && !this.el.nativeElement.contains(target)) {\n this.close();\n }\n }\n\n private close(): void {\n this.el.nativeElement.scrollTo({\n left: 0,\n behavior: 'smooth',\n });\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\n\nimport {TuiSwipeActionsComponent} from './swipe-actions.component';\nimport {TuiSwipeActionsAutoCloseDirective} from './swipe-actions-auto-close.directive';\n\n@NgModule({\n imports: [CommonModule, TuiResizeModule],\n declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n})\nexport class TuiSwipeActionsModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-experimental-components.js CHANGED Viewed

@@ -10,6 +10,7 @@ export * from '@taiga-ui/experimental/components/checkbox';
 export * from '@taiga-ui/experimental/components/chip';
 export * from '@taiga-ui/experimental/components/compass';
 export * from '@taiga-ui/experimental/components/icon';
+export * from '@taiga-ui/experimental/components/navigation';
 export * from '@taiga-ui/experimental/components/pin';
 export * from '@taiga-ui/experimental/components/radio';
 export * from '@taiga-ui/experimental/components/rating';

package/fesm2015/taiga-ui-experimental-components.js.map CHANGED Viewed

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

package/fesm2015/taiga-ui-experimental-directives-fade.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { takeUntil } from 'rxjs/operators';
 class TuiFadeComponent {
 }
 TuiFadeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TuiFadeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "ng-component", host: { classAttribute: "tui-fade-styles" }, ngImport: i0, 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;-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.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TuiFadeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "ng-component", host: { classAttribute: "tui-fade-styles" }, ngImport: i0, 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.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiFadeComponent, decorators: [{
             type: Component,
             args: [{

package/fesm2015/taiga-ui-experimental-directives-fade.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-directives-fade.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":[],"mappings":";;;;;;;;;MAWa,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,iGARf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~shHAAA~~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"}
1	+ {"version":3,"file":"taiga-ui-experimental-directives-fade.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":[],"mappings":"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"}

package/fesm2015/taiga-ui-experimental-directives-header.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { tuiAvatarOptionsProvider, tuiButtonOptionsProvider, tuiBadgeOptionsProv
 class TuiHeaderComponent {
 }
 TuiHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TuiHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeaderComponent, selector: "ng-component", host: { classAttribute: "tui-header" }, ngImport: i0, 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;-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiHeader] [tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.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]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start: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.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TuiHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeaderComponent, selector: "ng-component", host: { classAttribute: "tui-header" }, ngImport: i0, 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.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeaderComponent, decorators: [{
             type: Component,
             args: [{

package/fesm2015/taiga-ui-experimental-directives-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-directives-header.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":[],"mappings":";;;;;;MAWa,kBAAkB,CAAA;;gHAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,4FARjB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~iyDAAA~~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"}
1	+ {"version":3,"file":"taiga-ui-experimental-directives-header.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":[],"mappings":"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"}

package/fesm2015/taiga-ui-experimental-directives-surface.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
 class TuiSurfaceComponent {
 }
 TuiSurfaceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TuiSurfaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceComponent, selector: "ng-component", host: { classAttribute: "tui-surface-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[data-surface]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none;background-size:cover;background-repeat:no-repeat;overflow:hidden;isolation:isolate;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask!important}[data-surface]:focus-visible{outline-color:var(--tui-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}}[tuiSurface][data-surface=elevated]{box-shadow:var(--tui-shadow);background:var(--tui-elevation-01)}button[tuiSurface][data-surface=elevated]:active,a[tuiSurface][data-surface=elevated]:active{box-shadow:var(--tui-shadow);transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[tuiSurface][data-surface=elevated]:hover,a[tuiSurface][data-surface=elevated]:hover{box-shadow:var(--tui-shadow-hover);transform:translateY(-.25rem);background:var(--tui-elevation-01)}}[tuiSurface][data-surface=flat]{background:var(--tui-clear)}button[tuiSurface][data-surface=flat]:active,a[tuiSurface][data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[tuiSurface][data-surface=flat]:hover,a[tuiSurface][data-surface=flat]:hover{transform:scale(1.15)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TuiSurfaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceComponent, selector: "ng-component", host: { classAttribute: "tui-surface-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[data-surface]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none no-repeat;background-size:cover;overflow:hidden;isolation:isolate;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask!important}[data-surface]:focus-visible{outline-color:var(--tui-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}}[tuiSurface][data-surface=elevated]{box-shadow:var(--tui-shadow);background-color:var(--tui-elevation-01)}button[tuiSurface][data-surface=elevated]:active,a[tuiSurface][data-surface=elevated]:active{box-shadow:var(--tui-shadow);transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[tuiSurface][data-surface=elevated]:hover,a[tuiSurface][data-surface=elevated]:hover{box-shadow:var(--tui-shadow-hover);transform:translateY(-.25rem);background:var(--tui-elevation-01)}}[tuiSurface][data-surface=flat]{background-color:var(--tui-clear)}button[tuiSurface][data-surface=flat]:active,a[tuiSurface][data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[tuiSurface][data-surface=flat]:hover,a[tuiSurface][data-surface=flat]:hover{transform:scale(1.15)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSurfaceComponent, decorators: [{
             type: Component,
             args: [{

package/fesm2015/taiga-ui-experimental-directives-surface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-experimental-directives-surface.js","sources":["../../../projects/experimental/directives/surface/surface.component.ts","../../../projects/experimental/directives/surface/surface.directive.ts","../../../projects/experimental/directives/surface/surface.module.ts","../../../projects/experimental/directives/surface/taiga-ui-experimental-directives-surface.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./surface.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-surface-styles',\n },\n})\nexport class TuiSurfaceComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSurfaceComponent} from './surface.component';\n\n@Directive({\n selector: '[tuiSurface]',\n host: {\n tuiSurface: '',\n '[attr.data-surface]': 'tuiSurface',\n },\n})\nexport class TuiSurfaceDirective {\n @Input()\n tuiSurface = '';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSurfaceComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSurfaceComponent} from './surface.component';\nimport {TuiSurfaceDirective} from './surface.directive';\n\n@NgModule({\n declarations: [TuiSurfaceComponent, TuiSurfaceDirective],\n exports: [TuiSurfaceDirective],\n})\nexport class TuiSurfaceModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;MAWa,mBAAmB,CAAA;;iHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,oGARlB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~u6HAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAQH,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,CAAC,sBAAsB,CAAC;oBACnC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,oBAAoB;AAC9B,qBAAA;AACJ,iBAAA,CAAA;;;MCEY,mBAAmB,CAAA;AAI5B,IAAA,WAAA,CACuC,eAA0C,EAAA;QAHjF,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;AAKZ,QAAA,eAAe,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;KACrD;;AARQ,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,kBAKhB,yBAAyB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qGAL5B,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,IAAI,EAAE;AACF,wBAAA,UAAU,EAAE,EAAE;AACd,wBAAA,qBAAqB,EAAE,YAAY;AACtC,qBAAA;AACJ,iBAAA,CAAA;;0BAMQ,MAAM;2BAAC,yBAAyB,CAAA;4CAHrC,UAAU,EAAA,CAAA;sBADT,KAAK;;;MCJG,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAHV,YAAA,EAAA,CAAA,mBAAmB,EAAE,mBAAmB,aAC7C,mBAAmB,CAAA,EAAA,CAAA,CAAA;+GAEpB,gBAAgB,EAAA,CAAA,CAAA;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;oBACxD,OAAO,EAAE,CAAC,mBAAmB,CAAC;AACjC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}
1	+ {"version":3,"file":"taiga-ui-experimental-directives-surface.js","sources":["../../../projects/experimental/directives/surface/surface.component.ts","../../../projects/experimental/directives/surface/surface.directive.ts","../../../projects/experimental/directives/surface/surface.module.ts","../../../projects/experimental/directives/surface/taiga-ui-experimental-directives-surface.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./surface.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-surface-styles',\n },\n})\nexport class TuiSurfaceComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSurfaceComponent} from './surface.component';\n\n@Directive({\n selector: '[tuiSurface]',\n host: {\n tuiSurface: '',\n '[attr.data-surface]': 'tuiSurface',\n },\n})\nexport class TuiSurfaceDirective {\n @Input()\n tuiSurface = '';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSurfaceComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSurfaceComponent} from './surface.component';\nimport {TuiSurfaceDirective} from './surface.directive';\n\n@NgModule({\n declarations: [TuiSurfaceComponent, TuiSurfaceDirective],\n exports: [TuiSurfaceDirective],\n})\nexport class TuiSurfaceModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,33 +1,33 @@
 {
-  "name": "@taiga-ui/experimental",
-  "version": "3.66.0",
-  "description": "A package with Taiga UI experimental components",
-  "keywords": [
-    "angular",
-    "component",
-    "layout"
-  ],
-  "homepage": "https://github.com/taiga-family/taiga-ui",
-  "repository": "https://github.com/taiga-family/taiga-ui",
-  "license": "Apache-2.0",
-  "peerDependencies": {
-    "@angular/common": ">=12.0.0",
-    "@angular/core": ">=12.0.0",
-    "@taiga-ui/addon-commerce": "^3.66.0",
-    "@taiga-ui/cdk": "^3.66.0",
-    "@taiga-ui/core": "^3.66.0",
-    "@taiga-ui/kit": "^3.66.0",
-    "@tinkoff/ng-polymorpheus": "4.3.0",
-    "rxjs": ">=6.0.0"
-  },
-  "main": "bundles/taiga-ui-experimental.umd.js",
-  "module": "fesm2015/taiga-ui-experimental.js",
-  "es2015": "fesm2015/taiga-ui-experimental.js",
-  "esm2015": "esm2015/taiga-ui-experimental.js",
-  "fesm2015": "fesm2015/taiga-ui-experimental.js",
-  "typings": "taiga-ui-experimental.d.ts",
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "2.6.2"
-  }
+    "name": "@taiga-ui/experimental",
+    "version": "3.67.0-canary.62d8e79",
+    "description": "A package with Taiga UI experimental components",
+    "keywords": [
+        "angular",
+        "component",
+        "layout"
+    ],
+    "homepage": "https://github.com/taiga-family/taiga-ui",
+    "repository": "https://github.com/taiga-family/taiga-ui",
+    "license": "Apache-2.0",
+    "peerDependencies": {
+        "@angular/common": ">=12.0.0",
+        "@angular/core": ">=12.0.0",
+        "@taiga-ui/addon-commerce": "^3.67.0-canary.62d8e79",
+        "@taiga-ui/cdk": "^3.67.0-canary.62d8e79",
+        "@taiga-ui/core": "^3.67.0-canary.62d8e79",
+        "@taiga-ui/kit": "^3.67.0-canary.62d8e79",
+        "@tinkoff/ng-polymorpheus": "4.3.0",
+        "rxjs": ">=6.0.0"
+    },
+    "main": "bundles/taiga-ui-experimental.umd.js",
+    "module": "fesm2015/taiga-ui-experimental.js",
+    "es2015": "fesm2015/taiga-ui-experimental.js",
+    "esm2015": "esm2015/taiga-ui-experimental.js",
+    "fesm2015": "fesm2015/taiga-ui-experimental.js",
+    "typings": "taiga-ui-experimental.d.ts",
+    "sideEffects": false,
+    "dependencies": {
+        "tslib": "2.6.2"
+    }
 }